@import "./header-panel.css"; @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); #taksitalan.fancybox-content {
  max-width: 90%;
  width: 500px;
  padding: 0px;
  max-height: 90%;
  height: 700px;
  overflow-y: auto;
  background-color: #ecf6f8;
}

#taksitalan ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#taksitalan .taksit_tablosu {
  background: #edf4fa;
  margin-bottom: 20px;
}

#taksitalan .taksit_tablosu .taksit_baslik .sol {
  display: inline-block;
  width: 100%;
  text-align: center;
}

#taksitalan .taksit_tablosu .taksit_baslik .sag {
  display: none;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding-right: 20px;
}

#taksitalan .taksit_tablosu .taksit_baslik {
  background: #fff;
  border-bottom: 1px solid #b4d9e9;
}

#taksitalan .taksitsecenekleri {
  padding: 12px 20px;
  border-bottom: 1px solid #61a1d9;
  background: #28a8db;
  font-weight: bold;
  color: #fff;
  height: 44px;
}

#taksitalan .taksitseceneklerikapat {
  display: none;
}

#taksitalan .genel_taksit_tablosu {
  padding: 20px;
  background: #ecf6f8;
}

#taksitalan .taksitler li {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  height: 25px;
}

#taksitalan .taksitler .sutun1 {
  width: 20%;
}

#taksitalan .taksitler .sutun2 {
  width: 40%;
}

#taksitalan .taksitler .sutun3 {
  width: 40%;
}

#taksitalan .taksitler .altbaslik li {
  border-right: 1px solid #e7f7fe;
  border-bottom: 1px solid #e7f7fe;
}

#taksitalan .taksitler ul {
  background: #fff;
  font-size: 0.8rem;
  height: 25px;
  line-height: 25px;
  border-left: 1px solid #e7f7fe;
}

#taksitalan .fancybox-close-small {
  color: #fff !important;
  height: 44px;
}

#taksitalan .fancybox-close-small:hover {
  background: #000 !important;
}

#taksitalan .taksit_tablosu .taksit_baslik .sol img {
  /* max-height: 18px; */
  height: auto;
  width: 68px;
  /* display: inline-block; */
}

body, html, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn, label {
  font-family: "Poppins", sans-serif !important;
  font-size: 14px;
}

.detail-header h1, .fullwidth-horizon-sticky-section h1 {
  font-size: 24px;
}

.detail-header h2, .fullwidth-horizon-sticky-section h2 {
  font-size: 21px;
}

.detail-header h3, .fullwidth-horizon-sticky-section h3 {
  font-size: 20px;
}

.detail-header h4, .fullwidth-horizon-sticky-section h4 {
  font-size: 22px;
}

.detail-header h5, .fullwidth-horizon-sticky-section h5 {
  font-size: 18px;
}

.detail-header h6, .fullwidth-horizon-sticky-section h6 {
  font-size: 17px;
}

p {
  color: #000;
}

@media (max-width: 1024px) {
  .tur-box-right {
      padding: 10px;
  }

  .ekalanTurKesin {
      right: 0 !important;
  }

  .header-main .header-inner {
      margin-bottom: 0px;
  }

  .mobile-container {
      padding: unset !important;
  }

  .otel-detay-search .form-control {
      font-size: 11px;
  }

  .otel-detay-search .form-group i {
      display: none !important;
  }

  .form-control, .form-readonly-control[readonly], .form-control-readonly[readonly] {
      padding: 0.375rem 0.75rem !important;
  }

  .header-top .phoneEmail a {
      margin-right: unset !important;
  }

  .col-inner .form-group i {
      top: 64% !important;
  }

  #anabanner {
      height: 220px ;
      overflow: hidden ;
  }

  .owl-carousel {
      height: 208px;
      overflow: hidden;
  }

  .header-main .main-nav > li > a {
      padding-left: 8px !important;
      padding-right: 3px !important;
      font-size: 11px !important;
      color: #003970;
      font-weight: 600;
  }

  .slider-button {
      /* height: 39px !important; */
      /* top: -7px !important; */
  }

  .fullwidth-horizon-sticky.none-sticky-hide.fixed {
      display: none;
  }

  .priceCalc.fixed {
      width: 90.8% !important;
  }

  .sort-btn {
      padding: 10px 10px !important;
  }

  .card-item-exp p {
      font-size: 11px !important;
  }

  #hotelTab .form-group {
      padding: 10px 15px 0 !important;
  }

  .tur-landing-page .searchwrap.col-md-4 {
      left: 185px;
  }

  .Ropen {
      top: 0px !important;
      padding: 3px 3px !important;
  }

  a.address {
      top: 0px !important;
      padding: 5px 3px !important;
  }

  #oda-ekle {
      padding: 2px !important;
      height: 36px;
  }

  #hesapla-btn-tur {
      height: 36px;
      padding: 2px !important;
  }

  .priceCalc label {
      font-size: 12px;
  }

  .priceCalc .form-control-lg {
      padding-top: 0px;
      padding-bottom: 0px;
      font-size: 16px;
      height: 47px;
  }

  .col-lg-12.kesinkalkis {
      padding-top: 0;
  }

  .listroBox ul {
      padding: 0;
  }
}

.sayac-alani.hidden-lg.hidden-md {
  display: none;
}

@media (max-width: 768px) {
  .main-footer .row.gap-50 {
      margin-left: 0;
      margin-right: 0;
  }

  .index-reklam .owl-nav.disabled {
      display: none !important;
  }

  .index-reklam .owl-dots {
      display: none !important;
  }

  .index-reklam {
      height: auto !important;
  }

  .index-reklam-two {
      height: auto !important;
  }

  .tur-kutu-header {
      height: auto !important;
  }

  .sayac-alani.hidden-xs {
      display: none;
  }

  .sayac-alani.hidden-lg.hidden-md {
      display: block;
  }

  a.detail {
      display: flex !important;
      align-items: center !important;
      height: 26px !important;
      width: 205px !important;
  }

  .owl-tour button.owl-next {
      right: 15px !important;
      top: 25% !important;
  }

  .owl-tour button.owl-prev {
      left: 15px !important;
      top: 25% !important;
  }

  .mobil-logo {
      display: block !important;
  }

  .header-top {
      /* height: auto !important; */
  }

  .userLoginPanelMenu {
      display: none !important;
  }

  .userLoginPanelMenu.menuShow {
      display: block !important;
  }

  .populer-tour-regions-mobile {
      display: block !important;
  }

  .footer-mobile-menu {
      display: block !important;
  }

  /* .populer-bolgeler-footer, .main-footer {

display: none;

} */
  .hero-inner .from-inner {
      padding-bottom: 10px;
  }

  .otel-ara span {
      font-size: 1.429rem !important;
  }

  section.popular-tour-regions.mt-30 {
      display: none;
  }

  .fullwidth-horizon-sticky.none-sticky-hide, .fullwidth-horizon-sticky.none-sticky-hide.fixed {
      display: none !important;
  }

  div#ETBIS img {
      height: auto !important;
  }
}

.header-main .main-logo {
  width: 182px;
  padding: 0;
}

.mainSlider .slick-slide img {
  min-height: 550px;
  max-height: 550px;
  filter: brightness(0.85);
  object-fit: cover;
}

/* Slider Arrow Styles - Modern Circular */
.anabanner-item.mainSlider .banner-slider .slick-prev, .anabanner-item.mainSlider .banner-slider .slick-next {
  z-index: 9 !important;
  width: 48px !important;
  height: 48px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.anabanner-item.mainSlider .banner-slider .slick-prev:hover, .anabanner-item.mainSlider .banner-slider .slick-next:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  transform: scale(1.05);
}

.anabanner-item.mainSlider .banner-slider .slick-prev {
  left: 30px !important;
}

.anabanner-item.mainSlider .banner-slider .slick-next {
  right: 30px !important;
}

.ekalanTurKesin {
  position: absolute;
  top: 0;
  right: 20%;
}

@media (max-width: 768px) {
  .mobile-ziyaret-edilecek-yerler {
      display: block !important;
  }

  .col-6.col-lg-4.col-md-6 .col-inner {
      justify-content: unset !important;
  }

  .datepicker {
      width: min(280px, calc(100vw - 24px)) !important;
      max-width: calc(100vw - 24px) !important;
      box-sizing: border-box !important;
  }

  .tour-grid-item-01 h5 a {
      font-size: 14px;
      text-align: center;
  }

  div#ETBIS {
      text-align: center;
  }

  .ekalanTurKesin {
      position: absolute;
      top: 0;
      right: 0;
  }

  a.address {
      margin-bottom: 5px;
  }

  button.devamBtn {
      display: block !important;
  }

  .aciklama-box {
      height: 320px;
      overflow: hidden;
  }

  .aciklama-box h1 {
      margin-bottom: 50px;
      padding-bottom: 50px;
  }

  .aciklama-box h1:first-child {
      padding: unset;
  }

  button.devamBtn {
      position: absolute;
      bottom: 28px;
      border: unset;
      background: unset;
      border-bottom: 1px solid #000080;
  }

  .aciklama-box.aciklama-box-read h1 {
      padding-bottom: unset !important;
  }

  .aciklama-box.aciklama-box-read .devamBtn {
      bottom: 0;
      margin-bottom: 10px;
  }

  .devamBtn:before {
 content: "{{L:Devam n .ekomania-showcase-hero .showcase-card-title, .ekomania-showcase-hero .showcase-item--hero .showcase-card-title .ekomania-showcase-hero .showcase-card-title, .ekomania-showcase-hero .showcase-item--hero .showcase-card-title Oku}}";
      color: #000080;
      font-weight: 600;
  }

  .priceCalc.fixed {
      position: relative;
  }

  .header-main.header-mobile-menu .main-menu-nav .main-nav > li .arrow-indicator {
      right: 10px !important;
  }

  .header-main.with-absolute-navbar .navbar {
      left: 0px !important;
      right: 0px !important;
  }

  .col-inner.otel-yetiskin-item {
      height: 88px;
      overflow: hidden;
  }

  .slick-gallery-slideshow.detail-gallery.mt-20.mb-40 {
      margin-bottom: unset !important;
  }

  .hotelSlider .slick-track .image img {
      height: 400px !important;
  }

  .hotelSlider {
      margin-bottom: 15px;
  }

  .web-ziyaret {
      display: none !important;
  }

  .sort-wrapper {
      min-height: unset !important;
      padding: 0 !important;
  }

  /* aside.sidebar-wrapper.pv {

display: none !important;

} */
  .oteller-page {
      margin-top: unset !important;
  }

  .tur-landing-page .searcher .searchwrap {
      position: relative !important;
      top: unset !important;
      left: unset !important;
  }

  .header-main .main-logo {
      z-index: 99;
      width: 100% !important;
      position: relative;
  }

  .input-kutu i.far.fa-calendar-alt {
      left: -12px;
  }

  section.page-wrapper.page-detail {
      margin: unset !important;
  }

  .col-lg-12.col-md-12.kampanya-sol-menu {
      display: none;
  }

  .otel-detay-left-box {
      margin-right: 20px;
  }

  .sidebar-wrapper.pv {
      padding-top: 0px;
      padding-bottom: 0;
  }

  .mobile-filter {
      margin-bottom: 0 !important;
  }

  .col-lg-3.ptl {
      padding-left: 15px !important;
  }

  .tur-banner {
      display: none !important;
  }

  .searchwrap.col-md-6 {
      position: relative !important;
      top: unset !important;
      left: unset !important;
      transform: unset !important;
  }

  section.tur-landing-page {
      margin: unset !important;
  }

  .tur-landing-page .searcher {
      padding: 0px 0px !important;
  }

  .anabanner-item.mainSlider .banner-slider .slick-prev, .anabanner-item.mainSlider .banner-slider .slick-next {
      display: none !important;
  }

  .tur-landing-page .searcher .searchwrap .column.noborder {
      padding: 5px 15px !important;
  }
}

/* Arrow Icons */
.anabanner-item.mainSlider .banner-slider .slick-prev:before, .anabanner-item.mainSlider .banner-slider .slick-next:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  color: #374151 !important;
  opacity: 1 !important;
}

.anabanner-item.mainSlider .banner-slider .slick-prev:before {
  content: '\f053' !important;
  /* chevron-left */
}

.anabanner-item.mainSlider .banner-slider .slick-next:before {
  content: '\f054' !important;
  /* chevron-right */
}

@media (max-width: 768px) {
  .mainSlider .slick-slide img {
      min-height: 320px;
      max-height: 320px;
      height: auto;
      border-radius: 0;
  }

  .anabanner-item.mainSlider::after {
      height: 100px;
  }

  .hero-banner-01 {
      padding-top: 180px;
      padding-bottom: 30px;
  }

  .hero-banner-01 .search-form-main {
      margin-top: 3px;
      max-width: 100%;
  }
}

.hero-inner .menu-horizontal-02 ul li {
  display: inline-block;
  margin: 0 1px;
}

.hero-inner .menu-horizontal-02 ul li a {
  display: block;
  color: inherit;
  background-color: #fff;
  border: 1px solid #dee2e6;
  line-height: 1;
  margin-right: 0;
  margin-bottom: 0;
  border-radius: 3px;
  padding: 18px 30px;
  width: 100%;
}

.hero-inner .menu-horizontal-02 ul li a.active, .hero-inner .menu-horizontal-02 ul li.active a, .hero-inner .menu-horizontal-02 ul li a:hover {
  color: #ef4444;
  border-color: #ef4444;
}

.anabanner-alan-box {
  padding: 0;
  position: relative;
  margin-bottom: 0;
}

.anabanner-item.mainSlider {
  position: relative;
}

/* Gradient Overlay - Fade to White at Bottom */
/* .hero-slide-item::after {

content: '';

position: absolute;

bottom: 0;

left: 0;

right: 0;

height: 250px;

background: linear-gradient(to bottom, 

rgba(255, 255, 255, 0) 0%, 

rgba(255, 255, 255, 0.3) 30%,

rgba(255, 255, 255, 0.7) 60%,

rgba(255, 255, 255, 0.95) 85%,

rgba(255, 255, 255, 1) 100%);

pointer-events: none;

z-index: 2;

} */
/* Slider Caption Styles */
.slider-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  text-align: center;
  z-index: 5;
  width: 100%;
  max-width: 700px;
  padding: 0 20px;
}

.slider-caption h1 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 15px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
}

.slider-caption p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 400;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  margin: 0;
}

@media (max-width: 768px) {
  .slider-caption {
      transform: translate(-50%, -80%);
  }

  .slider-caption h1 {
      font-size: 28px;
  }

  .slider-caption p {
      font-size: 14px;
  }
}

/* Slider Dots Styles - Modern Design */
.anabanner-item.mainSlider .banner-slider .slick-dots {
  position: absolute !important;
  bottom: 90px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  text-align: center !important;
  width: auto !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.6) !important;
  font-size: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li button:before {
  display: none !important;
  content: '' !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li.slick-active button {
  width: 28px !important;
  height: 10px !important;
  border-radius: 5px !important;
  background: #3b82f6 !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li button:hover {
  background: rgba(255, 255, 255, 0.9) !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li.slick-active button:hover {
  background: #2563eb !important;
}

@media (max-width: 768px) {
  .anabanner-item.mainSlider .banner-slider .slick-dots {
      bottom: 60px !important;
  }

  .anabanner-item.mainSlider .banner-slider .slick-dots li button {
      width: 8px !important;
      height: 8px !important;
  }

  .anabanner-item.mainSlider .banner-slider .slick-dots li.slick-active button {
      width: 20px !important;
      height: 8px !important;
  }
}

/* ========================================

Hero Banner Slider Styles

======================================== */
.hero-banner-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 550px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
      background-position: -200% 0;
  }

  100% {
      background-position: 200% 0;
  }
}

.hero-banner-slider.slick-initialized {
  background: none;
  animation: none;
  min-height: auto;
}

@media (max-width: 992px) {
  .hero-banner-slider {
      min-height: 450px;
  }
}

@media (max-width: 768px) {
  .hero-banner-slider {
      height: 220px;
      min-height: 220px;
  }

  .hero-banner-slider:not(.slick-initialized) .hero-slide-image img {
      height: 220px;
  }
}

/* Prevent FOUC - Hide slides before init */
.hero-banner-slider:not(.slick-initialized) .hero-slide-item {
  display: none;
}

.hero-banner-slider:not(.slick-initialized) .hero-slide-item:first-child {
  display: block;
}

/* Pre-init image styling */
.hero-banner-slider:not(.slick-initialized) .hero-slide-image img {
  width: 100%;
  height: 550px;
  object-fit: cover;
}

.hero-slide-item {
  position: relative;
  height: 550px;
  min-height: 550px;
  overflow: hidden;
}

.hero-slide-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(

to right,

rgba(0, 0, 0, 0.6) 0%,

rgba(0, 0, 0, 0.3) 50%,

rgba(0, 0, 0, 0.1) 100%

); */
}

.hero-slide-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 5;
  pointer-events: none;
}

.hero-slide-inner {
  /* max-width: 600px; */
  padding: 0 60px;
  color: #ffffff;
  pointer-events: auto;
  position: relative;
  z-index: 10;
}

.hero-slide-title {
  font-size: 72px;
  font-weight: 700;
  margin: 0 0 15px 0;
  line-height: 1.2;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero-slide-subtitle {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 20px 0;
  opacity: 0.9;
  line-height: 1.6;
}

.hero-slide-features {
  font-size: 14px;
  margin-bottom: 25px;
  opacity: 0.85;
  line-height: 1.8;
}

.hero-slide-price-area {
  display: flex;
  align-items: end;
  gap: 15px;
  margin-bottom: 25px;
}

.hero-slide-price {
  display: flex;
  align-items: flex-end;
  gap: 0px;
  flex-direction: column;
}

.hero-slide-price .price-old {
  font-size: 16px;
  text-decoration: line-through;
  opacity: 0.7;
}

.hero-badge-firsat {
  background: #ef4444;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hero-slide-btn {
  transition: all 0.3s ease;
}

.hero-slide-btn:hover {
  text-decoration: none;
  transform: translateY(-2px);
}

/* Hero Banner Slider Arrows */
.hero-banner-slider .slick-prev, .hero-banner-slider .slick-next, .hero-banner-slider .hero-arrow {
  width: 56px !important;
  height: 56px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 10 !important;
  color: #e81932 !important;
  transition: none !important;
  transform: none !important;
}

.hero-banner-slider .slick-prev:hover, .hero-banner-slider .slick-next:hover, .hero-banner-slider .hero-arrow:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1;
  transform: none !important;
  color: #e81932 !important;
}

.hero-banner-slider .slick-prev {
  left: 24px !important;
}

.hero-banner-slider .slick-next {
  right: 24px !important;
}

.hero-banner-slider .slick-prev:before, .hero-banner-slider .slick-next:before {
  display: none !important;
}

.hero-banner-slider .slick-prev i, .hero-banner-slider .slick-next i, .hero-banner-slider .hero-arrow i {
  font-size: 36px !important;
  color: #e81932 !important;
  text-shadow: none;
  line-height: 1;
}

.hero-banner-slider .hero-arrow svg {
  width: 60px;
  height: 60px;
  display: block;
  color: #ffffff;
  stroke: #ffffff;
}

/* Hero Banner Slider Dots */
.hero-banner-slider .slick-dots {
  position: absolute !important;
  bottom: 128px !important;
  left: 50% !important;
  /* transform: none !important; */
  display: flex !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: auto !important;
  text-align: left !important;
  z-index: 3;
  transform: translate(-50%,-50%);
  display: none !important;
}

.hero-banner-slider .slick-dots li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

.hero-banner-slider .slick-dots li button {
  width: 12px !important;
  height: 12px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.5) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.hero-banner-slider .slick-dots li button:before {
  display: none !important;
}

.hero-banner-slider .slick-dots li.slick-active button {
  width: 30px !important;
  height: 12px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}

/* Responsive Hero Banner */
@media (max-width: 992px) {
  .hero-slide-item {
      height: 450px;
  }

  .hero-slide-inner {
      padding: 0 40px;
      max-width: 500px;
  }

  .hero-slide-title {
      font-size: 32px;
  }

  .hero-slide-price .price-new {
      font-size: 26px;
  }
}

@media (max-width: 768px) {
  .hero-slide-item {
      height: 220px;
      min-height: 220px;
  }

  .hero-slide-overlay {
      /* background: linear-gradient(

;/* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

); */
      /* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

); */
  }

  .hero-slide-content {
      align-items: flex-end;
      padding-bottom: 50px;
  }

  .hero-slide-inner, .hero-slide-item .hero-slide-inner {
      padding: 0 16px;
      left: 0;
      max-width: 100%;
      width: 100%;
      text-align: left;
      box-sizing: border-box;
  }

  .hero-slide-title {
      font-size: 22px;
  }

  .hero-slide-subtitle {
      font-size: 13px;
  }

  .hero-slide-features {
      font-size: 12px;
      padding: 4px 10px;
      margin-bottom: 12px;
  }

  .hero-slide-price-area {
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 12px;
  }

  .price-new {
      font-size: 26px;
  }

  .price-old {
      font-size: 13px;
  }

  .hero-badge-firsat {
      font-size: 10px;
      padding: 4px 8px;
  }

  .hero-slide-btn {
      padding: 8px 18px;
      font-size: 13px;
  }

  .hero-banner-slider .slick-dots {
      left: 50% !important;
      transform: translateX(-50%) !important;
      bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .hero-banner-01 .search-form-main {
      max-width: 100%;
  }

  .col-md-4.col-xs-12.half {
      padding-right: unset;
  }

  .webgizle {
      display: none;
  }
}

@media (min-width: 576px) {
  .hero-banner-01 .search-form-main {
      margin-top: 0px;
  }
}

.reklam img {
  max-width: 100%;
  margin-bottom: 20px;
}

.equal-height .otellistebolgeler {
  display: none;
}

.pagination > li > a, .pagination > li > span {
  width: auto;
}

.popuelerbolgeler .row.mb-20 ul li > [class*="col"] {
  padding-bottom: 20px;
}

.popuelerbolgeler .row.gap-2 ul li > [class*="col"] {
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 2px;
}

.popuelerbolgeler .row.cols-1 > ul li {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  float: left;
  width: 100%;
}

@media (min-width: 576px) {
  .popuelerbolgeler .row.cols-sm-2 > ul li {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
      float: left;
  }
}

@media (min-width: 992px) {
  .popuelerbolgeler .row.cols-lg-4 ul li {
      -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%;
      float: left;
  }
}

/*Tur list*/
.listroBox {
  background-color: #fff;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  margin-left: 0;
  margin-right: 0;
}

.listroBox figure {
  margin: 8px 0;
  /* overflow: hidden; */
  position: relative;
  /* height: 200px; */
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.listroBox a.wishlist_bt {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 9px 10px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.listroBox a.wishlist_bt:after {
  font-family: "Font Awesome 5 Free";
  content: "\f004";
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.listroBox figure a img {
  /* position: absolute;

left: 50%;

top: 50%;

-webkit-transform: translate(-50%, -50%) scale(1);

-moz-transform: translate(-50%, -50%) scale(1);

-ms-transform: translate(-50%, -50%) scale(1);

-o-transform: translate(-50%, -50%) scale(1);

transform: translate(-50%, -50%) scale(1);

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

width: 100%;

transition: all 0.3s ease-in-out; */
}

.listroBox figure a img, .listroBox.list_view figure a img {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.listroBox figure .read_more {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 2;
}

.listroBox figure .read_more a {
  background-color: #ef4444;
  background-color: #ef4444;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 10px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 8px 25px;
  text-transform: uppercase;
}

.listroBox figure small {
  position: absolute;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  left: 20px;
  top: 22px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 7px 10px 4px;
  line-height: 1;
  font-size: 10px;
}

.listroBox .listroBoxmain {
  padding: 20px 0px 15px;
}

.listroBox .listroBoxmain h3 {
  font-size: 17px;
  margin: 0 0 8px 0;
}

.tur-box-middle {
  border-right: 1px dashed #e5e5e5;
  height: 100%;
}

.listroBox .listroBoxmain p {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 26px;
}

.tur-box-right-item li {
  list-style: none !important;
  text-decoration: unset !important;
}

.secondary-search-box.mb-30 label {
  margin-bottom: 10px;
}

.banner-alt-text h1 {
  font-size: 2rem;
}

.col-lg-12.kesinkalkis {
  border-top: solid 1px #e5e5e5;
  margin: 0;
  padding: 10px;
}

.secondary-search-box.mb-30 {
  background: #e8e8ff ;
}

input#quick-searchInputTour {
  background: transparent;
}

.secondary-search-box ::placeholder {
  color: white !important;
}

.satin-al-desing {
  background: #ef4444;
  text-align: center;
  width: 89%;
  display: flex;
  justify-content: center;
  margin: 10px auto;
  border-radius: 4px;
  height: 36px;
  align-items: center;
}

.tur-box-right .satin-al-desing a {
  color: white;
  width: 100%;
}

a.address {
  display: inline-block;
  position: relative;
  top: -2px;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 8px 8px;
  line-height: 1;
  border-radius: 3px;
  color: #ef4444;
  border: 1px solid #ef4444;
}

a.address:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14e";
  margin-right: 5px;
  display: inline-block;
}

.listroBox ul {
  padding: 13px 15px 4px 0px;
  /* border-top: 1px solid #ededed; */
}

.listroBox ul li:first-child {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: -4px;
}

.listroBox ul li {
  display: inline-block;
  margin-right: 15px;
}

.Ropen {
  color: #ef4444;
  border: 1px solid #ef4444;
}

.Rclosed {
  color: #ef4444;
  border: 1px solid #ef4444;
}

.listroBox a.wishlist_bt:hover {
  background: #ef4444;
}

.Rclosed, .Ropen {
  position: relative;
  top: -2px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 6px 8px;
  line-height: 1;
  border-radius: 3px;
}

.listroBox ul li .R_retings {
  margin-top: -26px;
}

.R_retings span {
  display: inline-block;
  position: relative;
  top: 7px;
  margin-right: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  line-height: 16px;
  font-weight: bold;
}

.R_retings a {
  background-color: #ef4444;
  color: #fff;
  line-height: 1;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 5px 12px;
  display: inline-block;
}

.R_retings span em {
  display: block;
  font-weight: 400;
  font-size: 11px;
  font-size: 0.6875rem;
}

.listroBox figure a:hover img {
  /* transform: translate(-50%, -50%) scale(1.1); */
}

.listroBox ul li:last-child {
  /* margin: 25px 0 0 0;

float: right; */
}

.tur-box-right {
  height: 100%;
}

.tur-box-right-item {
  display: flex;
  /* vertical-align: middle; */
  position: relative;
  height: 100%;
  text-align: center;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}

.listroBox figure:hover .read_more {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.listroBox {
  transition: 0.4s;
  transform: scale(1);
}

.listroBox:hover {
  /* transform: translateY(-6px); */
}

.tur-kutu-header {
  height: 50px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  padding-left: 15px;
}

@media (max-width: 580px) {
  .sidebar-wrapper.pv {
      width: 100%;
  }
}

/*Tur detay*/
.dahil ul, .dahildegil ul {
  list-style: none;
  padding: 0;
}

.dahil ul li:before {
  color: green;
  margin-right: 5px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.dahildegil ul li:before {
  color: red;
  margin-right: 5px;
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.booking-box .box-content {
  padding: 20px;
}

.booking-box .box-content * {
  line-height: normal !important;
  color: #000;
}

.line3 {
  background: #e8e8e8;
  height: 1px;
  margin: 0px 0 0px 0;
  padding: 0;
  display: block;
}

.hpadding20 {
  padding: 0px 20px 0px 20px;
}

.margtop20 {
  margin-top: 20px !important;
}

.bordertype1 {
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  color: #999;
  padding: 10px;
}

.bordertype2 {
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  color: #999;
  padding: 10px;
}

.bordertype3 {
  border: 1px solid #ef4444;
  text-align: center;
  color: white;
  padding: 10px;
  margin-top: 5px;
  background: #ef4444;
}

.grey2 {
  color: #666;
}

.size30 {
  font-size: 30px;
}

.green2 {
  color: #339933;
}

.lh1 {
  line-height: 7px !important;
}

a.grey {
  color: #999;
  font-weight: normal;
}

a:link.add2fav {
  text-decoration: none;
  color: #7c8c94;
}

.margtop5 {
  margin-top: 5px !important;
}

a:visited.booknow {
  text-decoration: none;
  color: #fff;
}

a:link.booknow {
  text-decoration: none;
  color: #fff;
}

.booknow {
  width: 100%;
  height: 52px;
  padding: 15px 10px 10px 10px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #ef4444;
  background: #ef4444;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px;
}

.booknow:hover {
  background: #ff7b00;
  border-color: #ff7b00;
  transition: ease-in-out all 400ms;
}

.priceCalc {
  padding: 10px;
  /* background: #f2f2f2;

border: 1px solid #e5e5e5; */
  box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
  border-top: 5px solid #e81932;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

#turrezalan1 table {
  border-radius: 5px;
}

.rezalan1satir:nth-child(odd), #turrezalan1 tr:nth-child(odd) {
  background: #eaeaea;
}

.rezalan1satir:nth-child(even), #turrezalan1 tr:nth-child(even) {
  background: #f5f5f5;
}

#turrezalan1 td {
  padding: 7px 2px;
}

.rezalan1satir .onlinerezlink, #turrezalan1 table .nlink {
  background: #4caf50;
  color: #fff;
  padding: 4px 15px;
  border-radius: 7px;
}

.rezalan1baslik {
  background: #ef4444 !important;
  color: #fff;
}

#turrezalan1 .hatamesaji {
  border: 1px solid #f44336;
  padding: 5px 15px;
  background: #ffe4e2;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.otelfiyatsablon {
  background: #efefef;
  position: relative;
  margin: 0px;
  padding: 10px;
}

.otelfiyatsablon:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.otelfiyatsablon:first-child {
  margin-top: 10px;
}

aside.sidebar-wrapper.pv {
  width: 100%;
  /* margin-top: 20px; */
}

.otelfiyatsablon .info .oda {
  color: #ef4444;
  font-weight: bold;
  font-size: 15px;
}

.otelfiyatsablon .info .pansiyon {
  color: #ef4444;
  font-weight: bold;
}

.otelfiyatsablon .buy .fiyat {
  color: #ef4444;
  font-size: 16px;
  font-weight: bold;
}

.otelfiyatsablon .buy {
  text-align: right;
}

.otelfiyatsablon .buy .indirimoran {
  display: inline-block;
  padding: 2px 8px;
  background: #337ab7;
  color: #fff;
  border-radius: 20px;
  width: auto;
  line-height: normal;
  font-size: 12px;
}

.otelfiyatsablon .buy .old {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-decoration: line-through;
}

.otelfiyatsablon .buy .new {
  color: #4caf50;
  font-size: 18px;
  font-weight: bold;
}

.otelfiyatsablon .satinal a {
  display: block;
  width: 100%;
  padding: 5px;
  background: #ef4444;
  font-weight: bold;
  color: #fff;
  margin-top: 2px;
  font-size: 13px;
}

#fiyatlar .itinerary-list td:nth-child(2) {
  width: 110px;
}

#fiyatlar .itinerary-list td, #fiyatlar .itinerary-list th {
  border: 1px solid #ddd;
  padding: 3px;
  font-size: 12px;
}

#fiyatlar .itinerary-list td.yesil {
  background-color: #00e676;
}

#fiyatlar .itinerary-list tr:nth-child(even) {
  background-color: #f2f2f2;
}

#fiyatlar .itinerary-list tr:hover {
  background-color: #ddd;
}

#fiyatlar .itinerary-list .turfiyatbaslik {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #326e98;
  color: white;
}

#fiyatlar .itinerary-list .ui-accordion .ui-accordion-content {
  padding: 0;
}

#taksitalan {
  width: 100% !important;
}

#taksitalan td, #taksitalan th {
  border: 1px solid #ddd;
  padding: 8px;
}

@media (max-width: 768px) {
  #fiyatlar .itinerary-list {
      overflow: auto;
  }

  #fiyatlar .itinerary-list > table {
      width: 800px;
  }
}

#taksitalan tr:nth-child(even) {
  background-color: #f2f2f2;
}

#taksitalan tr:hover {
  background-color: #ddd;
}

.gemifoto {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.gemifoto li {
  display: inline-block;
  width: 25%;
}

.gemifoto li img {
  max-width: 100%;
  height: auto;
}

/*Rezervasyon Sayfasi */
.reservation .title {
  font-size: 36px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 12px;
  text-align: center;
}

.reservation .left-block {
  width: 67%;
  padding: 15px;
}

.reservation .right-block {
  width: 33%;
  padding: 15px;
}

.reservation .left-block .block-box {
  background: #efefef;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
}

.step-line {
  margin-bottom: 10px;
}

.step-line .title {
  font-size: 17px;
  float: left;
  font-weight: bold;
  margin-bottom: 0;
}

.step-line .roundstep {
  float: right;
  width: 25px;
  height: 25px;
  background: green;
  color: #fff;
  text-align: center;
  line-height: 25px;
  border-radius: 100%;
}

.reservation .block-box .column {
  width: 50%;
  padding: 0px 10px;
  margin-bottom: 10px;
}

.reservation .block-box .column.full {
  width: 100%;
}

.reservation .block-box .column label {
  font-weight: bold;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.reservation .block-box input.input, .reservation .block-box select {
  background: #fff;
  height: 58px;
  border-radius: 5px;
  display: block;
  float: left;
  border: 1px solid #fff;
  width: 100%;
  font-size: 21px;
  font-family: "Poppins", sans-serif;
  padding: 0 20px;
  color: #000;
}

.reservation .block-box .select-wrap {
  position: relative;
}

.reservation .block-box input::-webkit-input-placeholder {
  color: rgba(145, 145, 147, 0.47);
}

.reservation .block-box input::-moz-placeholder {
  color: rgba(145, 145, 147, 0.47);
}

.reservation .block-box input:-moz-placeholder {
  color: rgba(145, 145, 147, 0.47);
}

.reservation .block-box input:-ms-input-placeholder {
  color: rgba(145, 145, 147, 0.47);
}

.reservation .block-box .persons td {
  padding: 0px 2px;
}

.reservation .block-box .persons input, .reservation .block-box .persons select {
  background: #fff;
  height: 58px;
  border-radius: 5px;
  display: block;
  float: left;
  border: 1px solid #fff;
  width: 100%;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  padding: 0 7px;
  color: #000;
}

.reservation .block-box .persons select {
  -webkit-appearance: listitem !important;
  -moz-appearance: listitem !important;
  appearance: listitem !important;
}

.reservation .block-box .persons select#cins1, .reservation .block-box .persons select#cins2, .reservation .block-box .persons select#cins3, .reservation .block-box .persons select#cins4, .reservation .block-box .persons select#ccins1, .reservation .block-box .persons select#ccins2, .reservation .block-box .persons select#ccins3, .reservation .block-box .persons select#ccins4 {
  width: 30%;
}

.reservation .block-box .persons input#kisi1, .reservation .block-box .persons input#kisi2, .reservation .block-box .persons input#kisi3, .reservation .block-box .persons input#kisi4, .reservation .block-box .persons input#cocuk1, .reservation .block-box .persons input#cocuk2, .reservation .block-box .persons input#cocuk3, .reservation .block-box .persons input#cocuk4 {
  width: 68%;
  margin-left: 2%;
}

.reservation .block-box .extras .title {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 7px;
  text-align: left;
}

.reservation .block-box .payment-left {
  width: 30%;
  float: left;
  padding: 20px 0px;
}

.reservation .block-box .payment-content {
  width: 70%;
  float: left;
  padding: 20px;
}

.reservation .complete-btn {
  text-align: center;
  display: block;
}

.reservation .complete-btn button.rez-tamamla-btn {
  display: inline-block;
  float: none;
  padding: 18px;
  background: #4caf50;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  transition: ease-in-out all 1s;
  border: 0;
}

.reservation .complete-btn button.rez-tamamla-btn:hover {
  background: #419044;
}

.reservation .right-block {
  max-width: 475.19px;
}

.reservation .right-block .block-box {
  background: #efefef;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
}

.reservation .right-block .vitrin {
  text-align: center;
}

.reservation .right-block .vitrin img {
  max-width: 100%;
  height: auto;
}

.reservation .right-block table.table {
  width: 100%;
  border-radius: 10px;
}

.reservation .right-block table.table tr td {
  border: 1px solid #b9b9b9;
  padding: 7px;
  background: #ffffff;
}

.reservation .right-block table.table tr td.strong {
  font-weight: bold;
  text-align: center;
  line-height: normal;
}

.reservation .right-block table.table tr td.price {
  font-weight: bold;
  font-size: 16px;
  color: green;
}

.block-box .row {
  margin-left: 0;
  margin-right: 0;
}

/*Rezervasyon Sayfasi */
@media (max-width: 768px) {
  /*Rezervasyon*/ .reservation .left-block {
      width: 100%;
  }

  .uyelere-ozel {
      display: block;
  }

  .left-icon {
      display: none !important;
  }

  .followWrap {
      display: none !important;
  }

  .wifi-box {
      margin-bottom: 15px;
  }

  .reservation .right-block {
      width: 100%;
      max-width: 100% !important;
  }

  .reservation .block-box .persons table tr td {
      display: block;
      width: 100% !important;
  }

  .reservation .block-box .persons input, .reservation .block-box .persons select {
      margin-bottom: 10px;
  }

 .reservation .block-box .persons select#binisyeri1, .reservation .block-box .persons select#binisyeri1, .reservation .block-box .persons select#binisyeri2, .reservation .block-box .persons select#binisyeri2, .reservation .block-box .persons select#binisyeri3, .reservation .block-box .persons select#binisyeri3, .reservation .block-box .persons select#binisyeri4, .reservation .block-box .persons select#binisyeri4 {
      width: 100% !important;
  }

  .reservation .complete-btn button.rez-tamamla-btn {
      margin-bottom: 20px;
  }
}

.varyokgenel {
  width: 100%;
  position: relative;
}

.varyokgenel .baslik {
  /* width: 100%; */
  /* background: #e6e6e6; */
  /* display: inline-block !important; */
  /* font-size: 16px !important; */
  /* font-weight: bold; */
  /* margin-right: 25px; */
  /* padding: 15px; */
  /* position: relative; */
  /* color: #ef4444; */
  /* font-size: 1.286rem; */
  /* margin: 5px 0 10px; */
}

/* .varyokgenel ul {

margin: 0;

padding-left: 15px;

padding-top: 20px;

padding-bottom: 20px;

} */
/* .varyokgenel ul li {

list-style: none;

width: 25%;

padding: 5px;

margin: 1px;

display: -webkit-inline-box;

} */
.varyokgenel ul li:before {
  color: green;
  margin-right: 5px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.yildizisaret {
  display: block;
  width: 100%;
  padding: 0px 10px;
  background: #ffeb3b;
  position: relative;
  float: left;
  font-weight: bold;
  margin-bottom: 50px;
}

.gallery-nav .image.slick-current:after {
  display: none;
}

.fiyatkutubaslik1, .fiyatkutubaslik2, .fiyatkutubaslik3, .fiyatkutubaslik4, .fiyatkutubaslik5 {
  color: #ef4444;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0px;
  background: #e6e6e6;
  padding: 10px;
}

.odafiyat .baslik {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #ef4444;
  color: #fff;
}

.odafiyat .baslik .yftbaslik {
  display: inline-block;
  width: 10.6%;
  text-align: center;
  padding: 5px 0px;
  color: #fff;
}

.odafiyat .even {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #f5f5f5;
  color: #1d1d1d;
  font-size: 12px;
}

.odafiyat .even .yticerikli {
  display: inline-block;
  width: 10.6%;
  text-align: center;
  padding: 10px 0px;
}

.odafiyat .odd {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #e6e6e6;
  color: #1d1d1d;
  font-size: 12px;
}

.odafiyat .odd .yticerikli {
  display: inline-block;
  width: 10.6%;
  text-align: center;
  padding: 10px 0px;
}

.yorum-kutu {
  padding: 20px 15px;
  background: #f5f5f5;
  position: relative;
  margin-bottom: 15px;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.yorum-isim {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 15px;
  position: relative;
}

.yorum {
  margin-bottom: 15px;
}

.yorum-tarih {
  border-top: 1px solid #c7c7c7;
  padding-top: 3px;
}

.kunyesatir {
  display: flex;
  border-right: 2px solid #f2f2f2;
  border-left: 2px solid #f2f2f2;
  border-top: 2px solid #f2f2f2;
}

.kunyesatir:last-child {
  border-bottom: 2px solid #f2f2f2;
}

.kunyesatir .kunyebaslik {
  width: 40%;
  padding: 10px;
  border-right: 2px solid #f2f2f2;
  font-weight: bold;
}

.kunyesatir .kunyedeger {
  width: 60%;
  padding: 10px;
}

#rezalan1 .otelfiyatuyari {
  border: 1px solid #f44336;
  padding: 5px 15px;
  background: #ffe4e2;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.reservation .block-box .persons select#cins11, .reservation .block-box .persons select#cins12, .reservation .block-box .persons select#cins13, .reservation .block-box .persons select#cins14, .reservation .block-box .persons select#ccins11, .reservation .block-box .persons select#ccins12, .reservation .block-box .persons select#ccins13, .reservation .block-box .persons select#ccins14 {
  width: 30%;
}

.reservation .block-box .persons input#kisi11, .reservation .block-box .persons input#kisi12, .reservation .block-box .persons input#kisi13, .reservation .block-box .persons input#kisi14, .reservation .block-box .persons input#cocuk11, .reservation .block-box .persons input#cocuk12, .reservation .block-box .persons input#cocuk13, .reservation .block-box .persons input#cocuk14 {
  width: 68%;
  margin-left: 2%;
}

@media (max-width: 768px) {
  .reservation .block-box .column {
      width: 100%;
  }

  .odafiyat .baslik {
      width: 800px;
  }

  .odafiyat .even, .odafiyat .odd {
      width: 800px;
  }

  .fiyatkutubaslik1, .fiyatkutubaslik2, .fiyatkutubaslik3, .fiyatkutubaslik4, .fiyatkutubaslik5 {
      width: 800px;
  }
}

.odafiyat ul {
  position: relative;
}

.odafiyat ul li {
  position: relative;
}

.cocuk-fiyat-detaylari:before {
  display: block;
  content: "";
  position: absolute;
  right: 10%;
  margin-right: -10px;
  top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #333333 transparent;
}

.cocuk-fiyat-detaylari {
  display: none;
  position: absolute;
  width: max-content;
  background: #333333;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #00000061;
  z-index: 9;
  right: 0;
  margin-top: 5px;
}

.cocuk-fiyat-detaylari .baslik {
  display: flex;
}

.cocuk-fiyat-detaylari .satir {
  display: flex;
}

.cocuk-fiyat-detaylari .baslik .col {
  padding: 10px;
  width: calc(100% / 5);
  text-align: center;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
}

.cocuk-fiyat-detaylari .baslik .col:last-child {
  border-right: 0;
}

.cocuk-fiyat-detaylari .satir .col {
  padding: 10px;
  width: calc(100% / 5);
  text-align: center;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
}

.cocuk-fiyatlari-goster {
  display: block;
}

.cocuk-fiyatlari-goster:hover ~ .cocuk-fiyat-detaylari, .cocuk-fiyat-detaylari:hover {
  display: block;
}

/*v2*/
.navbar {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .mobile-filter {
      display: none;
  }
}

.mobile-filter {
  position: relative;
  width: 100%;
  text-align: center;
  background: #fff;
  padding: 10px 0px;
  margin-top: 20px;
}

.mobile-filter .btns {
  background: #ddd;
  color: #000;
  border-radius: 6px;
}

.mobile-filter .mfilter-btn {
  display: block;
  padding: 8px;
  color: #000;
  border-right: 1px solid #fff;
}

@media (max-width: 991px) {
  .filter-wrap {
      display: none;
  }

  /* .sort-group.page-result-01.mb-20 {

display: none;

} */
  .sort-wrapper {
      min-height: unset !important;
      padding: 0 !important;
  }

  .col-12.col-lg-9.col-md-12.oteller-page {
      margin-top: unset !important;
  }

  .filter-wrap.mobile {
      display: block !important;
      position: fixed;
      top: 0px;
      z-index: 999999;
      padding: 10px;
      left: 0;
      overflow-y: auto;
      height: calc(100% - 40px);
  }

  .filter-apply {
      position: fixed;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 0.9rem;
      font-weight: bold;
      z-index: 99999;
      background: #2fa252;
      color: #fff;
  }

  .filter-apply.hide {
      display: none;
  }

  #dynamicSort {
      display: none !important;
  }

  #dynamicSort.mobile {
      width: 100%;
      display: block !important;
      position: fixed;
      top: 0px;
      z-index: 999999;
      padding: 10px;
      left: 0;
      overflow: auto;
      height: calc(100% - 40px);
      background: #fff;
  }

  #dynamicSort.mobile .sort-btn {
      width: 100%;
      margin: 0 0 5px;
  }

  .sort-apply {
      position: fixed;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 0.9rem;
      font-weight: bold;
      z-index: 99999;
      background: #2fa252;
      color: #fff;
  }

  .sort-apply.hide {
      display: none;
  }
}

.tur-landing-page {
  background: #f2f2f2;
}

.tur-landing-page .searcher {
  margin-bottom: 15px;
  background: linear-gradient(45deg, #326e98, #365f6e);
  /* padding: 15px 0px; */
}

.tur-landing-page .searcher .searchwrap {
  display: block;
  padding: 0px;
  background: #e8e8ff ;
  border-radius: 4px;
  /* border-radius: 8px; */
}

.tur-landing-page .searcher .searchwrap .column {
  padding: 5px 15px;
  /* border-right: 1px solid #e7e7e7; */
}

.tur-landing-page .searcher .searchwrap .column.noborder {
  border: 0;
  padding: 0;
}

.searchwrap input {
  height: 34px;
  width: 100% !important;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.tur-landing-page .searcher .searchwrap select {
  border: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  padding: 8px 12px;
  vertical-align: middle;
  width: 100%;
}

.tur-landing-page .searcher .searchwrap button {
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  height: 59px;
  /* padding: 0 12px; */
  width: 90%;
  background: #ef4444;
  color: #fff;
  transition: linear all 400ms;
  border: 1px solid #ef4444;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-radius: 0px 8px 8px 0px; */
  /* margin-left: 1px; */
}

.tur-landing-page .searcher .searchwrap button:hover {
  background: #0460a0;
  color: #ffffff;
  border-color: #0460a0;
}

.tur-landing-page .searcher .searchwrap input {
  width: calc(100% - 40px);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  height: 26px;
  color: #666666;
  vertical-align: middle;
}

.tur-landing-page .searcher .searchwrap .kode_felid {
  float: left;
  width: 100%;
  /* display: flex; */
  align-items: center;
  flex-direction: row;
}

.tur-landing-page .searcher .searchwrap .kode_felid .icon {
  width: 30px;
  text-align: center;
  display: flex;
  font-size: 16px;
  color: #ef4444;
}

.tur-landing-page .searcher .searchwrap .kode_felid label {
  margin-bottom: 0px;
  font-size: 12px;
  float: left;
  width: 100%;
}

.tur-landing-page .searcher .searchwrap .ralative-icon {
  float: left;
  width: 100%;
  position: relative;
}

.tur-landing-page .searcher .searchwrap .ralative-icon .fa {
  text-align: center;
}

.tur-landing-page .searcher .searchwrap .person-total {
  height: 26px;
  line-height: 26px;
  width: 100%;
  display: inline-flex;
}

.tur-landing-page .cards {
  margin-bottom: 30px;
}

.tur-landing-page .cards .card {
  background-color: white;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  margin-bottom: 16px;
  width: 100%;
}

.tur-landing-page .cards .card .cover {
  min-height: 170px;
  position: relative;
  overflow: hidden;
}

.tur-landing-page .cards .card .cover:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000004d;
}

.tur-landing-page .cards .card .cover img {
  max-width: 100%;
  object-fit: cover;
  height: 170px;
}

.tur-landing-page .cards .card .cover h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 10px 8px;
  color: white;
  text-shadow: 0 1px 5px rgb(0 0 0 / 70%);
  width: 100%;
  font-weight: 600;
  text-align: left;
  margin: 0;
  font-size: 16px;
}

.tur-landing-page .cards .card .cont {
  background: #fff;
  padding: 10px 15px 10px;
}

.tur-landing-page .cards .card .cont ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tur-landing-page .cards .card .cont ul li {
  display: inline-block;
  width: calc(100% / 2);
  padding: 0 2.5px;
}

.tur-landing-page .cards .card .cont ul li a {
  color: #424242;
  font-size: 14px;
  padding: 8px 0;
  display: block;
  text-align: left;
  border-bottom: 1px solid #efefef;
  text-decoration: none;
  transition: all 150ms ease-in-out;
}

.tur-landing-page .cards .card .cont ul li:nth-last-child(-n + 2) a {
  border-bottom: 0;
}

.tur-landing-page .cards .card .cont ul li a:hover {
  color: #3ea6e5;
}

.tur-landing-page .cards .card .bottom {
  border-top: 1px solid #efefef;
  background: #f9f9f9;
  padding: 10px 15px;
  text-align: right;
}

.tur-landing-page .cards .card .bottom .all-tours {
  color: #3ea6e5;
  font-size: 14px;
  text-decoration: none;
}

.tur-landing-page .landing-cont-wrap {
  position: relative;
  /* float: left; */
  width: 100%;
}

.tur-landing-page .landing-cont {
  background-color: #ffffff;
  box-shadow: 0 10px 30px 0 rgb(0 0 0 / 6%);
  padding: 30px;
  text-align: left;
  font-size: 14px;
}

.tur-landing-page .landing-cont h1, .tur-landing-page .landing-cont h2, .tur-landing-page .landing-cont h3, .tur-landing-page .landing-cont h4, .tur-landing-page .landing-cont h5, .tur-landing-page .landing-cont h6 {
  font-size: 0.9rem;
  font-weight: bold;
}

.room-count-dropdown {
  /* position: absolute; */
  /* min-width: 300px; */
  /* background: white; */
  /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); */
  font-size: 12px;
  font-size: 0.75rem;
  /* visibility: hidden; */
  /* opacity: 0; */
  z-index: 355;
  transition: all 250ms ease-in-out;
  top: 100%;
  /* margin-top: -10px; */
}

.room-count-dropdown.show {
  visibility: visible;
  opacity: 1;
}

.room-count-dropdown:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  /* content: ""; */
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 200;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: white;
  border-width: 14px;
  margin-left: -14px;
  filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.02));
}

/* .room-count-dropdown .room-info {

padding: 10px;

} */
.room-count-dropdown .room-info .info-row {
  width: 100%;
  text-align: left;
  /* padding: 10px 0px; */
}

.person-total {
  font-size: 12px;
  line-height: 48px;
  height: 48px;
  display: block;
  cursor: pointer;
  background: #fff;
  padding: 0px;
  border: 1px solid #ccc;
}

.room-count-dropdown .room-info .info-row .col {
  padding: 0;
  width: 50%;
  float: left;
  margin-bottom: 4px;
}

.room-count-dropdown .room-info .info-row .col:first-child {
  min-width: 55px;
  padding: 0;
}

.room-count-dropdown .room-info .info-row .col span.room-number {
  line-height: 34px;
  color: #28374f;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
}

.room-count-dropdown .action-button-area {
  width: 100%;
  padding: 10px 20px;
  border-top: 1px solid #efefef;
  text-align: right;
}

.room-count-dropdown .action-button-area span.add-room {
  font-size: 12px;
  font-size: 0.75rem;
  color: #0065b8;
  font-weight: 700;
  cursor: pointer;
}

.room-count-dropdown .room-info .info-row .col .remove-oda {
  line-height: 34px;
  height: 34px;
  border: 1px solid #ff3e3e;
  display: block;
  text-align: center;
  border-radius: 5px;
  color: #ff3e3e;
  font-weight: bold;
}

@media (max-width: 768px) {
  .room-count-dropdown {
      width: 100%;
      min-width: 98%;
      left: 1%;
  }

  .room-count-dropdown .room-info .info-row .col {
      display: inline-block;
      min-width: 33%;
      width: 33%;
      margin-right: -0.5px;
  }

  .room-count-dropdown .room-info .info-row .col.child1, .room-count-dropdown .room-info .info-row .col.child2, .room-count-dropdown .room-info .info-row .col.child3, .room-count-dropdown .room-info .info-row .col.child4 {
      min-width: 25%;
      width: 25%;
  }

  .room-count-dropdown .room-info .info-row .col:first-child {
      width: 100%;
  }

  .room-count-dropdown .room-info .info-row .col:first-child label {
      display: none;
  }

  .room-count-dropdown .room-info .info-row .col.remove-oda-wrap {
      width: 100%;
  }
}

.lang-wrap, .currency-wrap {
  float: right;
  position: relative;
  width: 90px;
  display: flex;
  align-items: center;
  height: 48px;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

/* Ekomania st bar: float/90px mobilde st ste binmesin */
.ekomania-header .lang-wrap, .ekomania-header .currency-wrap, .ekomania-header .ekomania-lang-currency .lang-wrap, .ekomania-header .ekomania-lang-currency .currency-wrap {
  float: none !important;
  clear: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

.ekomania-header .ekomania-lang-currency {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: max-content !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.ekomania-header .ekomania-lang-currency .show-lang, .ekomania-header .ekomania-lang-currency .show-currency-tooltip {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  height: auto !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 2 !important;
}

.ekomania-header .ekomania-lang-currency .show-lang span, .ekomania-header .ekomania-lang-currency .show-currency-tooltip span {
  position: static !important;
  display: inline !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  color: #fff !important;
}

.ekomania-header .ekomania-lang-currency .show-lang img {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  position: static !important;
}

.ekomania-header .ekomania-lang-currency .ekomania-dd-chevron {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  position: static !important;
}

.ekomania-header .ekomania-lang-currency .lang-wrap ul, .ekomania-header .ekomania-lang-currency .currency-wrap ul, .ekomania-header .ekomania-lang-currency .lang-tooltip, .ekomania-header .ekomania-lang-currency .currency-tooltip {
  width: max-content !important;
  min-width: 120px !important;
  top: calc(100% + 4px) !important;
  right: 0 !important;
  left: auto !important;
  padding: 8px 0 !important;
}

.currency-wrap {
  margin-right: 10px;
  margin-left: 10px;
}

.lang-wrap img {
  width: 24px;
}

.lang-wrap ul, .currency-wrap ul, .lang-tooltip, .currency-tooltip {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 105;
  background: #fff;
  color: #000;
  padding: 55px 0 12px;
  border-radius: 4px;
  border: 1px solid #eee;
  border-top: none;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.1);
  text-align: center;
  width: 100%;
}

.lang-wrap ul li, .currency-wrap ul li {
  display: block;
  width: 100%;
  margin: 0;
}

.lang-wrap ul li a, .currency-wrap ul li a {
  color: #000 !important;
  display: flex;
  justify-content: center;
  width: 100%;
}

.lang-wrap ul li img {
  margin-right: 4px;
}

.show-lang, .show-currency-tooltip {
  cursor: pointer;
  position: relative;
  z-index: 106;
  text-align: center;
  display: flex;
}

.show-currency-tooltip span {
  position: relative;
}

.show-lang i {
  position: relative !important;
  right: 0 !important;
  height: auto;
  line-height: inherit;
}

.show-lang img, .lang-tooltip li img {
  position: relative;
  border-radius: 0px;
}

.show-lang img {
  margin-right: 4px;
}

.show-lang span {
  padding: 0 10px 0 6px;
  position: relative;
  z-index: 2;
}

.show-lang .fa-angle-down {
  position: relative;
  top: 2px;
}

.lang-wrap:hover .lang-tooltip, .lang-wrap:hover ul, .currency-wrap:hover .currency-tooltip, .currency-wrap:hover ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.lang-wrap:hover .show-lang span, .currency-wrap:hover .show-currency-tooltip span {
  color: #666;
}

.lang-tooltip li, .currency-tooltip li {
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
  border-radius: 4px;
  padding: 6px 14px;
  margin-left: 0;
}

.currency-tooltip li {
  text-align: center;
}

.lang-tooltip li:hover, .currency-tooltip li:hover {
  background: #18458b;
}

.currency-tooltip li {
  margin-bottom: 4px;
  padding-left: 10px;
}

.currency-tooltip li:last-child {
  margin-bottom: 0;
}

.currency-tooltip li i {
  margin-right: 8px;
}

.lang-tooltip li img {
  margin-right: 10px;
}

.lang-tooltip li:hover a, .currency-tooltip li:hover a {
  color: #fff;
}

.lang-tooltip li a, .currency-tooltip li a {
  display: block;
  width: 100%;
  color: #566985;
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
}

.header-main {
  position: relative;
  background: #fff;
}

.header-inner .shrink-auto-lg .col-auto {
}

.header-main .navbar-wrapper .navbar {
  float: unset;
}

.hero-banner {
  padding: 0;
  height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.hero-banner.overlay-light:before {
  background-color: #585858;
  display: none;
}

.hero-banner .hero-inner {
  padding-top: 150px;
}

.userLoginPanel {
  position: relative;
  display: flex;
  margin-left: 15px;
  border: 1px solid #1e2732;
  padding: 15px;
  border-radius: 10px;
  z-index: 99;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  height: 33px;
  cursor: pointer;
}

.userLoginPanel span {
  line-height: normal;
  color: #1e2732;
}

.userLoginPanel span:last-child {
  margin-right: 0;
}

a.login-btn {
  font-weight: 600;
}

.userLoginPanelMenu {
  position: absolute;
  top: 100%;
  background: #fff;
  width: 100%;
  left: 0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 5px 10px;
  margin-top: 2px;
  z-index: 99;
  display: none;
}

.userLoginPanel:hover .userLoginPanelMenu {
  display: block;
}

.userLoginPanelMenu a {
  display: block;
  padding: 7px;
  border: 1px solid #ef4444;
  border-radius: 4px;
  text-align: center;
}

.userLoginPanelMenu a:first-child {
  margin-bottom: 5px;
}

.userLoginPanelMenu a:hover {
  background: #d9efff;
}

.tour-grid-item-01 .content {
  padding: 10px 10px 10px;
  border: 1px solid #e7e7e7;
}

.tour-grid-item-01 h5 {
  margin-bottom: 5px;
  margin-top: 0;
  height: 40px;
}

.tour-grid-item-01 a:hover .image img {
  box-shadow: none;
}

.hero-banner-01 .search-form-main .form-group .form-control {
  font-size: 12px;
}

.person-total {
  line-height: 19px;
  height: 19px;
  border: 0;
}

.room-count-dropdown select {
  border: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px;
  vertical-align: middle;
  width: 100%;
}

.hero-banner-01 .search-form-main .btn {
  height: 72px;
  line-height: 72px;
}

.tour-grid-item-01 .image {
  position: relative;
}

.tour-grid-item-01 .indirimorancssana {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  background: #ef4444;
  text-align: center;
  line-height: normal;
  padding: 5px;
  color: #fff;
  font-weight: 600;
}

.tour-grid-item-01 h5 a {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tour-grid-item-01 li {
  font-size: 10px;
  color: #000;
}

.tour-grid-item-01 .content .text-muted {
  text-decoration: line-through;
  color: red;
}

.tour-grid-item-01, .tour-grid-item-01 .image, .tour-grid-item-01 img {
  /* border-radius: 6px 6px 0px 0px; */
}

.tour-grid-item-01 .content {
  border-radius: 0px 0px 6px 6px;
}

figure.tour-grid-item-01 {
  border: 1px solid #cfcfcf;
}

.tour-grid-item-01 ul.item-meta li.noborder:after {
  display: none;
}

.tour-grid-item-01:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.footer-cards {
  display: block;
  padding: 10px 0px;
  background: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  width: 100%;
  position: relative;
  z-index: 1;
}

.footer-cards img {
  width: auto;
  height: 42px;
  display: inline;
}

.post-grid-01 .content {
  padding: 10px 10px 10px;
  border: 1px solid #e7e7e7;
}

.post-grid-01 h5 {
  margin-bottom: 5px;
  margin-top: 0;
}

.post-grid-01 a:hover .image img {
  box-shadow: none;
}

.post-grid-01, .post-grid-01 .image, .post-grid-01 img {
  border-radius: 6px 6px 0px 0px;
}

.post-grid-01 .content {
  border-radius: 0px 0px 6px 6px;
}

.post-grid-01 ul.item-meta li.noborder:after {
  display: none;
}

.post-grid-01:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.post-grid-01 .post-date {
  margin: 0;
}

.post-grid-01 h4 {
  font-size: 16px;
  height: 40px;
  overflow: hidden;
}

.post-grid-01 a {
  margin-top: 10px;
  font-size: 12px;
}

.main-footer, .footer-wrapper .footer-newsletter .form-control, .footer-wrapper ul.footer-menu-list-02 li a, .footer-copy-right {
  font-size: 12px;
}

.masaustugizle {
  display: none;
}

.page-wrapper {
  padding-top: 0px;
}

.slick-hero-wrapper {
  padding-top: 0;
}

@media (min-width: 1199px) {
  #anabanner {
      width: 765px ;
      height: 263px ;
      overflow: hidden ;
  }
}

@media(max-width: 1199px) {
  li.text-center a {
      padding: 8px 4px !important;
  }

  .ekalanTurKesin {
      right: 0;
  }

  .header-main .main-nav > li > a {
      padding-left: unset !important;
      padding-right: unset !important;
  }

  .filter-wrap .filter-list-wrap {
      padding: 8px !important;
  }

  .slider-button {
      /* height: 39px !important; */
      /* top: -7px !important; */
  }
}

@media (min-width: 1025px) {
  #anabanner {
      height: 283px ;
      overflow: hidden ;
  }

  .owl-reklam-banners .owl-carousel {
      height: 209px;
      overflow: hidden;
  }

  .header-main .main-nav > li > a {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
}

@media (max-width: 991px) {
  .acente-giris {
      margin-left: unset !important;
  }

  .sidebar-box.hidden-xs {
      display: none;
  }

  aside.sidebar-wrapper.pv {
      margin-top: 0;
  }

  .sidebar-wrapper.pv {
      padding-top: 0px;
  }

  .navbar-collapse.collapse {
      display: none !important;
  }

  .navbar-collapse.collapse.show {
      display: block!important;
  }

  table tr td {
      font-size: 13px !important;
  }

  #fiyatlar table tr td:last-child {
      display: none;
  }

  #fiyatlar table tr td:first-child {
      display: none;
  }

  .acente-giris.mobilgizle {
      display: none !important;
  }

  .home-carousel-area {
      display: none;
  }

  .owl-banner-alt-slide {
      display: none !important;
  }

  .slick-next {
      right: 18px !important;
  }

  .slick-prev {
      left: 18px !important;
  }

  nav.main-nav-menu.main-menu-nav.navbar-arrow.d-none.d-sm-block {
      display: none !important;
  }

  nav.main-nav-menu.main-menu-nav.navbar-arrow.d-block.d-sm-none {
      display: block !important;
  }

  .header-top {
      border-bottom: 1px solid #d0d5e1;
      margin-bottom: 0px;
  }

 /* .search-boxes .tab-content margin-bottom kural kaldirildi (anasayfa v2 search ile ak yordu) */
  .input-kutu i.far.fa-calendar-alt {
      left: -13px;
  }

  #transfer {
      padding: 0 0 10px;
  }

  .card-item-exp p {
      padding: 0px !important;
  }

  .card-item-exp {
      padding: 6px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  li.text-center a {
      padding: 8px 8px !important;
  }

  #tab1 .swiper-button-next, .swiper-button-prev {
      /* width: unset !important ; */
  }
}

@media (max-width: 768px) {
  .otel-ara {
      position: relative;
  }

  .otel-ara span {
      justify-content: start;
      display: flex;
      align-items: center;
  }

  .otel-ara:after {
      right: 0 !important;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .masaustugizle {
      display: flex;
      position: relative;
      z-index: 9999;
      background: #f1f1f1;
      border-bottom: 1px solid;
      margin: -10px -15px 3px -15px !important;
      padding: 3px 15px;
      width: calc(100% + 30px);
  }

  .masaustugizle .userLoginPanel {
      border: 1px solid #ef4444;
  }

  .masaustugizle .lang-wrap, .masaustugizle .currency-wrap {
      float: left;
      width: auto;
      padding-left: 5px;
      padding-right: 5px;
  }

  .mobilgizle {
      display: none !important;
  }

  .hero-banner .hero-inner {
      padding-top: 50px;
  }

  .footer-cards .text-right {
      text-align: center;
  }

  .section.page-wrapper.page-result.pb-0 {
      margin: unset !important;
  }

  .page-wrapper {
      padding: unset !important;
  }

  .tur-landing-page .searcher .searchwrap button {
      border-radius: 8px;
      width: 100%;
      margin: 0;
  }

  #yorumlar .col {
      padding: 0;
  }

  .listroBox ul li:first-child {
      margin-right: 0;
  }

  .listroBox .listroBoxmain {
      padding: 5px 0px;
  }
}

.header-top {
  background: white;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  width: 100%;
}

.header-top .row {
  align-items: center;
}

.header-top .phoneEmail img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.header-top .phoneEmail a {
  background: #fff5e1;
  border-radius: 4px;
  padding: 4px 10px;
  background: #fff5e1;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  color: #1e2732 !important;
  padding: 8px 10px;
}

.phoneEmail a {
  display: flex;
  align-items: center;
}

.header-top .phoneEmail a {
  color: black;
  padding-right: 8px;
}

/* .header-top .phoneEmail a:first-child {

border-right: 1px solid #3c3c3c;

} */
.header-top .links {
  text-align: right;
}

.header-top .links a {
  display: inline-block;
  padding: 6px 12px;
  margin: 0px 0px 0px -5px;
  background: #326e98;
  color: #fff;
}

.header-top .links a.wp {
  background: green;
}

.header-top .links a:hover {
  background: rgb(0, 0, 0, 0.2);
}

.hero-banner-01 .search-form-main {
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
  height: auto;
}

.hero-banner-01 .search-form-main .form-group {
  padding: 5px 10px;
}

.hero-banner-01 .search-form-main .btn {
  height: 52px;
  line-height: 52px;
  background: #326e98;
  border-color: #326e98;
  color: #fff;
}

.hero-inner .menu-horizontal-02 ul li a {
  padding: 5px 15px;
  background: rgba(255, 255, 255, 0.8);
  margin-right: 5px;
  color: #959595;
  margin-bottom: -1px;
  text-align: center;
  font-weight: 600;
  border: 0;
}

.hero-inner .menu-horizontal-02 ul li a:hover, .hero-inner .menu-horizontal-02 ul li a.active {
  background-color: #326e98;
  color: #fff;
  border: 0;
}

.hero-inner .menu-horizontal-02 ul li a i {
  font-size: 1.5rem;
  display: block;
  line-height: 2rem;
}

.services {
  position: relative;
  float: left;
  width: 100%;
  background-color: #fff;
  height: auto;
  box-shadow: -1px 10px 34px -1px rgba(0, 0, 0, 0.12);
  padding: 20px 0px;
}

.services .item {
  display: inline-flex;
  margin-left: 10px;
  width: 100%;
}

.services .item .icon {
  width: 28%;
  margin-top: 5px;
  margin-right: 10px;
  text-align: center;
}

.services .item .icon img {
  height: auto;
}

.services .item .text .title {
  font-size: 16px;
  color: #326e98;
  font-weight: 600;
  line-height: normal;
}

.services .item .text .title a {
  color: #326e98;
  font-weight: 600;
}

.services .item .text .description {
  margin-top: 10px;
  font-size: 13px;
  color: rgb(84, 86, 91);
  line-height: normal;
}

.bannerCamp {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.bannerCamp h4 {
  display: inline-block;
  font-weight: 400;
  color: #004f86;
}

.bannerCamp h4:after {
  content: "";
  display: block;
  width: 90%;
  height: 2px;
  background: #326e98;
  margin: 2px auto 10px auto;
}

.regionsTours {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.sectionTitle h4 {
  display: inline-block;
  font-weight: 400;
  color: #004f86;
  margin-bottom: 15px;
}

.sectionTitle h4 a {
  font-weight: 400;
  color: #004f86;
}

.sectionTitle h4:after {
  content: "";
  display: block;
  width: 90%;
  height: 2px;
  background: #326e98;
  margin: 2px auto 10px auto;
}

.regionsTours .regions .kutu {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.regionsTours .regions .kutu img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.regionsTours .regions .kutu .efekt {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
}

.regionsTours .regions .kutu .yazi {
  position: absolute;
  color: #fff;
  left: 0;
  bottom: 0;
  line-height: 1rem;
  text-align: left;
  padding: 5px;
  font-weight: 600;
}

.regionsTours .regions .kutu .yazi p {
  font-size: 0.9rem;
  color: #fff;
}

.regionsTours .regions .kutu .yazi span {
  color: #faba00;
}

.regionsTours .regions .kutu .yazi h5 {
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
}

.tourCategories {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.tourCategories .tours .resim {
  overflow: hidden;
  position: relative;
  height: 350px;
  box-shadow: 0 0 5px #9f9f9f;
  border-radius: 5px;
}

.tourCategories .tours .resim img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 70, 159, 0);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt .btnturkat {
  position: absolute;
  border-radius: 0;
  padding: 5px 15px;
  top: 50%;
  left: 50%;
  font-weight: 600;
  font-size: 1.2rem !important;
  margin-right: -50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  background: #326e98;
  z-index: 2;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt ul {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 100%;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim .efekt ul li {
  list-style: none;
  line-height: 1.3rem;
}

.tourCategories .tours .resim .efekt ul li.tumu {
  margin-top: 10px;
}

.tourCategories .tours .resim .efekt ul li.tumu a {
  color: #faba00;
  font-weight: 600;
  text-shadow: 0 0 1px black;
}

.tourCategories .tours .resim .efekt ul li a {
  color: #fff;
  font-size: 1.2rem;
  padding: 5px 10px;
  display: inline-block;
}

.tourCategories .tours .all {
  position: absolute;
  left: 0;
  top: 100%;
  text-align: center;
  width: 100%;
  color: #ffc652;
  font-weight: 400;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim:hover .all {
  top: auto;
  bottom: 0;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim:hover .efekt {
  background: rgba(32, 70, 159, 0.8);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim:hover .btnturkat {
  background: unset;
  top: 20px;
  border-bottom: 2px solid #ffffff;
  padding: 0;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim:hover .efekt ul {
  top: 40px;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim .efekt ul li a:hover {
  background: rgb(0, 0, 0, 0.3);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt ul li.tumu a:hover {
  background: unset;
}

.tourCategories .tours .resim:hover img {
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTours {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.popTemalar {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.popTemalar .temalar .kategori {
  float: left;
}

.popTemalar .temalar .kategori .resim {
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 5px #919191;
  border-radius: 5px;
}

.popTemalar .temalar .kategori .resim .efekt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.3);
}

.popTemalar .temalar .kategori .resim img {
  width: 100%;
  height: 105px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori .resim span {
  font-size: 0.9rem;
  line-height: 1.3rem;
  padding: 10px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  color: #fff;
  text-align: center;
  position: absolute;
  top: calc(50% + 15px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

.popTemalar .temalar .kategori .resim span i {
  animation: fadeOutRight;
  animation-duration: 0.3s;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori:hover .resim img {
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori:hover .resim span i {
  animation: fadeInLeft;
  animation-duration: 0.3s;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori:hover .resim .efekt {
  background: rgb(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.turKutu {
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  position: relative;
  box-shadow: 0 0 5px #919191;
  border-radius: 5px;
  margin-bottom: 15px;
}

.turKutu .resim {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.turKutu .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 5px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.turKutu .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.turKutu .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.turKutu .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.turKutu .resim img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turKutu .baslik {
  position: relative;
  height: 75px;
  padding: 5px;
}

.turKutu .baslik span {
  text-align: center;
  color: #242424;
  line-height: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

.turKutu .firsatlar {
  margin: 5px 0;
}

.turKutu .firsatlar .col-6 {
  float: left;
  padding: 0 5px;
}

.turKutu .firsatlar .col-6 p {
  display: block;
  font-size: 0.8rem;
  text-align: left;
  border-radius: 2px;
  padding: 2px;
  color: #484848;
  font-weight: 600;
}

.turKutu .firsatlar .col-6 p i {
  color: #faba00;
  width: 16px;
  text-align: center;
}

.turKutu .fiyat {
  text-align: center;
  padding: 5px;
}

.turKutu .fiyat table {
  margin: 0;
}

.turKutu .fiyat table tr td {
  padding: 3px;
  border: unset;
  font-size: 1.5rem;
  color: #329516;
  font-weight: 600;
}

.turKutu .fiyat table tr td small {
  text-decoration: line-through;
  font-size: 1rem;
  color: #8c8c8c;
  font-weight: 500;
}

.turKutu .fiyat table tr td p {
  color: #4a4a4a;
  font-size: 0.7rem;
  font-weight: 300;
  line-height: 1rem;
  margin-top: -10px;
}

.turKutu:hover .resim img {
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turKutu:hover {
  background: #f0efef;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.newslatter {
  background: #2d3e52;
  padding: 20px 0;
  color: #ffffff;
}

.newslatter .footer-title, .newslatter p {
  color: #fff;
  margin-bottom: 4px;
}

.newslatter .btn {
  padding: 10px 12px !important;
  background: #326e98 !important;
  border-color: #326e98 !important;
}

.turListeKutu {
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 0 5px #bdbdbd;
  margin-bottom: 20px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turListeKutu .resim {
  float: left;
  padding: 0;
}

.turListeKutu .resim .kutu {
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
}

.turListeKutu .resim .kutu img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turListeKutu .resim span.ka, .turListeKutu .resim .onerilen-tur-icon {
  position: absolute;
  top: 15px;
  left: 0;
  background: #6419a2;
  color: #fff;
  padding: 3px 8px;
  border-radius: 0 5px 5px 0;
  font-size: 0.85rem;
}

.turListeKutu .ozet {
  float: left;
  padding: 0;
}

@media (min-width: 768px) {
  /*.turListeKutu .ozet {display: flex;align-items: stretch;}*/
}

.turListeKutu .ozet .solkis {
  float: left;
  padding-right: 0;
  height: auto;
}

.turListeKutu .ozet .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  right: 10px;
  top: -20px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.turListeKutu .ozet .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.turListeKutu .ozet .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.turListeKutu .ozet .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.turListeKutu .ozet .indirimorancssana {
  position: absolute;
  font-weight: 600;
  line-height: 1rem;
  font-size: 0.9rem;
  right: 10px;
  top: -20px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
  padding-top: 10px;
}

.turListeKutu .ozet .indirimorancssana span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.turListeKutu .ozet .indirimorancssana::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.turListeKutu .ozet .indirimorancssana::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.turListeKutu .ozet .solkis h2.baslik {
  font-size: 14px;
  color: #ef4444;
  line-height: normal;
  margin: 0;
}

.turListeKutu .ozet .solkis span.konum {
  color: #515151;
  font-size: 0.85rem;
  margin-right: 15px;
}

.turListeKutu .ozet .solkis span.konum .fa-map-marker-alt {
  color: #007bff;
  width: 15px;
}

.turListeKutu .ozet .solkis span.konum .fa-long-arrow-alt-right {
  color: #000000;
  width: 25px;
  text-align: center;
}

.turListeKutu .ozet .solkis ul.ekoz {
  text-align: left;
  margin: 8px 0px;
}

.turListeKutu .ozet .solkis ul.ekoz li {
  list-style: none;
  display: inline-block;
  width: 33.3%;
  float: left;
  margin-bottom: 4px;
}

.turListeKutu .ozet .solkis ul.ekoz li span {
  display: block;
  padding: 0px 0px;
  color: #959595;
  font-size: 0.85rem;
  font-weight: 400;
}

.turListeKutu .ozet .solkis ul.ekoz li span i {
  color: #3a739c;
  width: 17px;
}

.turListeKutu .turliste_vize {
  display: inline;
  background: #faba00;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
}

.turListeKutu .ozet .solkis ul.kons li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}

.turListeKutu .ozet .solkis ul.kons li a {
  display: block;
  padding: 2px 10px;
  font-size: 0.9rem;
  color: #fff;
  border-radius: 3px;
}

.turListeKutu .ozet .solkis ul.kons li.k1 a {
  background: #40788e;
}

.turListeKutu .ozet .solkis ul.kons li.k2 a {
  background: #26bb76;
}

.turListeKutu .ozet .solkis ul.kons li.k3 a {
  background: #932736;
}

.turListeKutu .ozet .sagkis {
  float: left;
  text-align: right;
  height: 200px;
  padding: 5px;
  background: #f2f2f2;
  border-radius: 5px;
}

.turListeKutu .ozet .sagkis .tipi span {
  color: #329516;
  font-size: 0.9rem;
  font-weight: 600;
}

.turListeKutu .ozet .sagkis .minioz {
  padding: 5px;
  position: absolute;
  bottom: 55px;
  right: 0px;
  width: 100%;
}

.turListeKutu .ozet .sagkis .minioz span {
  text-align: right;
  font-size: 19px;
  color: #329516;
  font-weight: 600;
  line-height: normal;
}

.turListeKutu .ozet .sagkis .minioz span.oz {
  font-size: 0.8rem;
  color: #222;
  margin: 0 0 10px 0;
}

.turListeKutu .ozet .sagkis .minioz span[class*="dfiyat"] {
  font-size: 1.5rem;
  color: #329516;
}

.turListeKutu .ozet .sagkis .minioz span[class*="dfiyat"] small {
  margin-right: 0;
  font-size: 1rem;
  color: #329516;
  font-weight: 500;
  text-decoration: line-through;
  line-height: 1rem;
}

.turListeKutu .ozet .sagkis .minioz span.den {
  font-size: 1rem;
  color: #8c8c8c;
}

.turListeKutu .ozet .sagkis .minioz span.fiyat {
  font-size: 1rem;
  color: #ef4444;
}

.turListeKutu .ozet .sagkis .rezyap {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.turListeKutu .ozet .sagkis .rezyap a {
  padding: 5px 10px;
}

.turListeKutu .ozet .sagkis .odaBasiInd {
  font-size: 1rem;
  line-height: 1.2rem;
  background-color: #ffc400;
  color: #ffffff;
  border-radius: 10px;
  padding: 5px;
  font-weight: 600;
  text-align: center;
}

.turListeKutu .ozet .sagkis .odaBasiInd b {
  font-size: 1.1rem;
  display: block;
  font-weight: 600;
}

.turListeKutu .ozet .sagkis .del {
  margin-top: 70px;
  text-decoration: line-through;
}

.turListeKutu .ozet .sagkis .del b {
  font-size: 1.2rem;
  color: #8c8c8c;
  font-weight: 600;
}

.turListeKutu .ozet .solkis ul.sond {
  padding: 5px;
  text-align: left;
}

.turListeKutu .ozet .solkis ul.sond li {
  list-style: none;
  display: inline-block;
  width: 48%;
  font-size: 1rem;
  color: orange;
  line-height: 1rem;
  vertical-align: top;
}

.turListeKutu .ozet .solkis ul.sond li i {
  width: 20px;
  text-align: center;
}

.turListeKutu .favori-icon {
  background: #fff;
  width: 25px;
  height: 25px;
  line-height: 27px;
  text-align: center;
  border-radius: 100%;
}

.binisyerleri {
  font-size: 13px;
}

.otelListeKutu {
  border-radius: 5px;
  box-shadow: 0 0 5px #bdbdbd;
  margin-bottom: 20px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .resim {
  float: left;
  padding: 0;
}

.otelListeKutu .resim .kutu {
  padding: 0;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.otelListeKutu .resim .kutu img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .favori-icon {
  background: #fff;
  width: 25px;
  height: 25px;
  line-height: 27px;
  text-align: center;
  border-radius: 100%;
}

.otelListeKutu .resim .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 10px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.otelListeKutu .resim .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.otelListeKutu .resim .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.otelListeKutu .resim .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.otelListeKutu .resim .indirimorancssana {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 10px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
  padding-top: 10px;
}

.otelListeKutu .resim .indirimorancssana span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.otelListeKutu .resim .indirimorancssana::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.otelListeKutu .resim .indirimorancssana::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.otelListeKutu .ozet {
  float: left;
  padding: 0;
}

.otelListeKutu .ozet .solkis {
  float: left;
  padding-right: 0;
  height: auto;
}

.otelListeKutu .ozet .solkis h2.baslik {
  font-size: 18px;
  color: #ef4444;
  margin: 0;
}

.otelListeKutu .ozet .solkis span.konum {
  color: #6f6f6f;
  font-size: 0.85rem;
  margin-right: 15px;
}

.otelListeKutu .ozet .solkis .yildiz img {
  display: inline-block;
  width: 16px;
  height: auto;
}

.otelListeKutu .ozet .solkis ul.ozellik {
  padding: 5px;
}

.otelListeKutu .ozet .solkis ul.ozellik li {
  list-style: none;
  float: left;
  width: 50%;
}

.otelListeKutu .ozet .solkis ul.ozellik li span {
  display: block;
  padding: 2px 5px;
  color: #484848;
  font-size: 0.85rem;
  font-weight: 400;
}

.otelListeKutu .ozet .solkis ul.ozellik li span i {
  color: #faba00;
  width: 20px;
  text-align: center;
}

.otelListeKutu .ozet .solkis ul.ekoz {
  padding: 5px;
  text-align: left;
}

.otelListeKutu .ozet .solkis ul.ekoz li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
}

.otelListeKutu .ozet .solkis ul.ekoz li span {
  display: block;
  padding: 0px 5px;
  color: #329516;
  font-size: 0.95rem;
  font-weight: 400;
}

.otelListeKutu .ozet .solkis ul.ekoz li.guvenli {
  width: 100%;
}

.otelListeKutu .ozet .solkis ul.ekoz li.guvenli span {
  color: #911695;
}

.otelListeKutu .ozet .sagkis {
  float: left;
  text-align: right;
  padding: 5px;
  height: 200px;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo {
  display: inline-block;
  position: relative;
  width: 21px;
  height: 21px;
  background: url("../img/tvis.png") no-repeat;
  margin: 4px 10px 0 0;
  background-size: 21px 21px;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo span {
  position: absolute;
  display: none;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  right: 100%;
  background: #326e98;
  padding: 5px 10px;
  white-space: nowrap;
  color: #fff;
  font-size: 0.85rem;
  top: 0;
  margin-right: 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  right: -10px;
  top: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #1a4766;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo:hover span {
  display: block;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .ozet .sagkis .puanlama {
  margin-bottom: 10px;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum {
  font-size: 1.4rem;
  font-weight: 600;
  color: #2f2f2f;
  line-height: 1rem;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum p {
  font-size: 1.2rem;
  font-weight: 400;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum b {
  color: #fff;
  padding: 0 10px;
  border-radius: 3px;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.muthis p {
  color: #329516;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.muthis b {
  background: #329516;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.kotu p {
  color: #dd1a35;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.kotu b {
  background: #dd1a35;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.harika p {
  color: #ef4444;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.harika b {
  background: #ef4444;
}

.otelListeKutu .ozet .sagkis .tipi span {
  color: #329516;
  font-size: 0.9rem;
  font-weight: 600;
}

.otelListeKutu .ozet .sagkis .minioz {
  margin: 5px 0px 50px 0px;
}

.otelListeKutu .ozet .sagkis .minioz > span {
  display: block;
  text-align: right;
  line-height: 1.2rem;
  font-weight: bold;
}

.otelListeKutu .ozet .sagkis .minioz span.oz {
  font-size: 0.8rem;
  color: #222;
  margin-top: 5px;
}

.otelListeKutu .ozet .sagkis .minioz span.efiyat {
  font-size: 1rem;
  color: #666;
  text-decoration: line-through;
}

.otelListeKutu .ozet .sagkis .minioz span.fiyat {
  font-size: 1.5rem;
  color: #329516;
  margin-top: 5px;
}

.otelListeKutu .ozet .sagkis .rezyap {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary {
  border: unset;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary.btn-lg:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary i {
  animation: fadeOutRight;
  animation-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  float: right;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary:hover i {
  animation: fadeInLeft;
  animation-duration: 0.3s;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.flex-wrap-ozellik {
  display: flex;
}

.flex-wrap-ozellik .wrap1 {
  width: auto;
  max-width: 95%;
  overflow: hidden;
  margin-right: 5px;
}

.flex-wrap-ozellik ul, .onecikan-wrap ul {
  margin: 0;
  padding: 0;
}

.one-cikan-ozellik-aciklama {
  display: inline-block;
  padding: 2px 5px !important;
  font-size: 10px;
  border-radius: 6px;
  background: #eef9fd;
  margin: 0px 3px 3px 0px !important;
}

.hotel-list .hotel-box2 .content span {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-size: 14px;
}

.one-cikan-ozellik-aciklama.hover {
  position: relative;
  cursor: pointer;
}

.onecikan-wrap {
  position: absolute;
  bottom: 100%;
  background: #000000c9;
  border-radius: 4px;
  width: 120px;
  padding: 5px;
  display: none;
  z-index: 9;
  left: -50px;
  margin-bottom: 10px;
}

.one-cikan-ozellik-aciklama.hover .one-cikan-ozellik-aciklama {
  display: inline-block;
  padding: 2px 5px;
  font-size: 14px;
  border-radius: 6px;
  background: transparent;
  color: #fff;
  width: 100% !important;
  margin: 0px 3px 3px 0px;
}

.one-cikan-ozellik-aciklama.hover:hover .onecikan-wrap {
  display: block;
}

.onecikan-wrap:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #000000c9 transparent;
  transform: rotate(180deg);
}

/* .score .otelpuan {

background: #4caf50b8;

padding: 3px 5px;

border-radius: 5px;

color: #fff;

font-size: 14px;

font-weight: 600;

} */
.tour-banner.in {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}

@media (min-width: 768px) {
  .tour-banner.in {
      max-height: 338px;
      overflow: hidden;
  }

  .tour-banner.in .slick-slide img {
      max-height: 338px
  }
}

.tour-banner.in:after {
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  opacity: 0.78;
  filter: alpha(opacity=78);
  background-image: linear-gradient(180deg, transparent, #000);
  position: absolute;
  bottom: 0;
  left: 0;
}

.tour-banner.in .container {
  position: relative;
}

.tour-banner.in .container .info {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 15px;
  z-index: 1;
  color: #fff;
}

.tour-banner.in .container .info h1 {
  font-size: 36px;
  margin-bottom: 14px;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  color: #fff;
}

.tour-banner.in .container .info .location {
  position: relative;
  padding-left: 27px;
  margin-bottom: 14px;
}

.tour-banner.in .container .info .labels ul li {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.default-label-icons {
  margin-top: 3px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #e5e9f1;
  text-align: center;
  color: #1f2126;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 3px;
}

.tour-banner.in .container .info .labels ul li span {
  vertical-align: middle;
}

.guns {
  display: flex;
}

.guns .icerik {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 0 7px 7px 0;
  box-shadow: 0 0 3px #aeaeae;
  border-left: 4px solid #f2f2f2;
}

.guns .icerik * {
  color: #000;
}

.guns .gun {
  position: relative;
  z-index: 2;
  text-align: center;
  background: #f2f2f2;
  height: fit-content;
  padding: 4px 10px;
  line-height: normal;
  color: #fff;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.guns:nth-child(n) .icerik {
  border-color: #42a1c4;
}

.guns:nth-child(2n) .icerik {
  border-color: #42c487;
}

.guns:nth-child(3n) .icerik {
  border-color: #c44242;
}

.guns:nth-child(4n) .icerik {
  border-color: #9542c4;
}

.guns:nth-child(5n) .icerik {
  border-color: #52c442;
}

.guns:nth-child(6n) .icerik {
  border-color: #c48b42;
}

.guns:nth-child(7n) .icerik {
  border-color: #426fc4;
}

.guns:nth-child(n) .gun {
  background: #42a1c4;
}

.guns:nth-child(2n) .gun {
  background: #42c487;
}

.guns:nth-child(3n) .gun {
  background: #c44242;
}

.guns:nth-child(4n) .gun {
  background: #9542c4;
}

.guns:nth-child(5n) .gun {
  background: #52c442;
}

.guns:nth-child(6n) .gun {
  background: #c48b42;
}

.guns:nth-child(7n) .gun {
  background: #426fc4;
}

.guns .icerik .baslik {
  display: block;
  padding: 4px;
  margin: -10px -10px 10px;
  color: #fff;
}

.guns:nth-child(n) .icerik .baslik {
  background: #42a1c4;
}

.guns:nth-child(2n) .icerik .baslik {
  background: #42c487;
}

.guns:nth-child(3n) .icerik .baslik {
  background: #c44242;
}

.guns:nth-child(4n) .icerik .baslik {
  background: #9542c4;
}

.guns:nth-child(5n) .icerik .baslik {
  background: #52c442;
}

.guns:nth-child(6n) .icerik .baslik {
  background: #c48b42;
}

.guns:nth-child(7n) .icerik .baslik {
  background: #426fc4;
}

.oteldetay {
  background: #edf5fb;
}

.oteldetay .content-wrapper {
  background: #fff;
  padding: 10px 15px;
}

.oteldetay .otelresimleri {
  display: grid;
  position: relative;
  margin-top: 20px;
  grid-template-columns: auto auto auto auto auto auto;
  background-color: #d4e4f0;
  padding: 5px;
}

.oteldetay .otelresimleri .ress {
  text-align: center;
  margin: 2px;
  overflow: hidden;
}

.oteldetay .otelresimleri .ress img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.oteldetay .otelresimleri .ress:nth-child(1) {
  grid-row: 1 / 4;
  grid-column: 3 / span 2;
}

.oteldetay .otelresimleri .ress:nth-child(1) img {
  height: 304px;
  width: 100%;
  object-fit: cover;
}

.oteldetay .otelresimleri .goster {
  position: absolute;
  margin: auto;
  text-align: right;
  bottom: 15px;
  width: 1200px;
  right: 0;
  left: 0;
  padding: 0 15px;
}

@media (max-width: 768px) {
  .oteldetay .otelresimleri .goster {
      width: auto;
  }

  .phoneEmail {
      margin-right: 10px;
  }

  .e-abone .btn {
      padding: 9px 12px 10px;
  }

  #anabanner {
      height: 248px;
  }

  .col-10.col-lg-4.col-md-7 .col-inner {
      justify-content: unset !important;
  }

  .col-6.col-lg-4.col-md-7 .col-inner {
      justify-content: unset !important;
  }
}

.oteldetay .otelresimleri .btntumu {
  background: #ffffff;
  color: #ef4444;
}

.oteldetay .otelresimleri .ress:hover img {
  opacity: 0.8;
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.oteldetay .otelresimleri .ress:nth-child(4) {
  grid-row: 1 / 4;
  grid-column: 5 / span 2;
}

.oteldetay .otelresimleri .ress:nth-child(4) img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

.oteldetay .otelresimleri .ress:nth-child(5) {
  grid-row: 2 / 4;
  grid-column: 5 / span 2;
}

.oteldetay .otelresimleri .ress:nth-child(5) img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

.room-info-popup-open {
  font-weight: bold;
}

.room_image_list ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 380px;
  list-style: none;
}

.room_image_list ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 380px;
  text-align: center;
  line-height: 380px;
}

.room-image-desc {
  border-top: 1px solid #ccc;
  padding-top: 15px;
}

.room-image-desc ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 0.8rem;
}

.room-info-popup-wrap {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 600px;
  width: 600px;
  margin: 20px auto;
}

@media (min-width: 768px) {
  .room_image_list .slides li.flex-active-slide {
      width: 560px !important;
  }
}

@media (max-width: 768px) {
  .column-two {
      display: none;
  }

  .room-info-popup-wrap {
      max-width: 90%;
      width: 90%;
  }

  .room_image_list img {
      max-width: 100%;
      height: auto;
  }
}

#slider .flex-prev, #slider .flex-next {
  opacity: 1 !important;
  cursor: default;
  z-index: 1;
  text-align: center;
  background: #ffffffb5;
  border-radius: 50%;
  color: transparent;
}

#slider .flex-prev {
  left: 15px;
  cursor: pointer;
}

#slider .flex-next {
  right: 15px;
  cursor: pointer;
}

#slider .flex-direction-nav a:before {
  font-family: flexslider-icon;
  font-size: 22px !important;
  display: inline-block;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

#slider .flex-direction-nav {
  display: block;
}

#slider .flex-direction-nav li {
  position: inherit !important;
}

.flex-direction-nav {
  display: none;
}

.flex-control-thumbs img {
  width: 80px !important;
  height: 60px;
}

.flex-control-thumbs li {
  width: auto !important;
  margin-right: 3px;
}

.room_image_list .slides li {
  text-align: center;
}

.room_image_list .slides li img {
  max-width: 100% !important;
  height: auto !important;
  width: 1005 !important;
  max-height: 380px;
  object-fit: cover;
}

#ekturlar ul, #ekbilgiler ul {
  padding-left: 20px;
  list-style: disc;
}

#ekturlar ul li, #ekbilgiler ul li {
  list-style: disc;
}

#hizmetler, #fiyatlar, #ekturlar, #ekbilgiler {
  color: #000;
  font-weight: 400;
}

.taksittablobaslik {
  line-height: 35px;
  margin-bottom: 10px;
  text-align: center;
  color: #222;
  font-size: 17px;
  font-weight: bold;
}

.karttablo {
  border: 1px solid #ccc;
  padding: 1px;
  width: 99.5%;
}

.karttablo td {
  line-height: 20px;
  height: 40px;
  text-align: center;
  font: normal 12px Ubuntu, Helvetica, sans-serif;
  border-bottom: 1px solid;
}

.karttablo td img {
  height: 18px;
  width: auto;
  display: inline-block;
}

.gri {
  background-color: #f2f3f4;
}

.karttablo .odd {
  background-color: #f2f3f4;
}

.karttablo .even {
}

.main-nav a:hover:before {
  content: unset !important;
}

.mega-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 1060;
}

.mega-menu-wrap .row .col-md-3:last-child .col {
  border-right: unset;
}

.mega-menu-wrap {
  background: #fff;
  padding: 0px 15px;
  border-radius: 6px;
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  /* max-height: 350px; */
  /* overflow: auto; */
  border-top-left-radius: 0;
  /* margin-top: 53px; */
  border-top-right-radius: 0;
}

.mega-menu-wrap::-webkit-scrollbar {
  width: 4px;
}

.mega-menu-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 15px;
}

.mega-menu-wrap::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 15px;
}

.mega-menu-wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mega-menu-wrap h3 {
  font-size: 14px;
  margin-bottom: 0px;
}

.mega-menu-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-menu-wrap ul li {
  width: 100%;
}

.mega-menu-wrap ul li a {
  display: block;
  color: #929597;
  font-size: 13px;
  box-shadow: none;
  font-size: .95rem;
  padding: 6px 0;
  border: 0!important;
  line-height: normal;
  height: auto!important;
  display: block;
  cursor: pointer;
  font-weight: 600!important;
  text-transform: capitalize;
}

.mega-menu-wrap .col {
  height: 100%;
  border-right: 1px solid #eee;
  padding: 10px 0px;
}

.mega-menu-wrap .col.last {
  border-right: 0;
}

.mega-menu {
  display: none;
}
.header-megamenu-slot .megamenu.mega-menu.showed {
  display: block !important;
}

.hideAlanBaslik i {
  float: right;
  margin-top: 4px;
}

.hideAlanBaslik {
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 0px;
  margin-bottom: 10px;
  background: transparent;
  color: #000;
  line-height: normal;
  font-size: 17px !important;
  display: flex;
  align-items: center;
}

.hideAlan {
}

.sagkis.mobil {
  height: auto !important;
  display: flex;
  justify-content: space-between;
}

.sagkis.mobil .indirimorancssana {
  position: relative;
  left: 0px;
  top: -7px;
}

.turListeKutu .ozet .sagkis.mobil .del {
  margin-top: 0;
}

.turListeKutu .ozet .sagkis.mobil .minioz {
  position: relative;
  bottom: 0;
  padding: 0;
}

.turListeKutu .ozet .sagkis.mobil .minioz span.den {
  display: block;
  font-size: 0.7rem;
}

.turListeKutu .ozet .sagkis.mobil .rezyap {
  position: relative;
  right: 0;
  bottom: 0;
}

.booking-box .box-heading {
  background: #ff0000;
}

.tourImage {
  position: relative;
  height: 315px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0px;
}

.tourImage:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.42);
  z-index: 1;
}

.tourImage img {
  position: relative;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
  object-fit: cover;
}

.tourImage .title {
  position: absolute;
  bottom: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  left: 0;
  text-shadow: 0 0 10px #000;
  width: 100%;
  z-index: 1;
}

.tourImage .hover {
  position: absolute;
  top: 0;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 0 45px;
  background: #e80e58b8 url(../images/tour-hover-bg.png);
}

.tourImage .hover .valign {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.tourImage .hover .valign span {
  margin-right: 5px;
  line-height: 140%;
  color: #fff;
  font-size: 15px;
}

.tourImage .hover .valign span:before {
  content: "";
  display: inline-block;
  background: #ffd601;
  width: 6px;
  height: 6px;
  position: relative;
  top: -2px;
  border-radius: 100%;
  margin-right: 5px;
}

.tourImage .hover .valign a {
  margin-top: 35px;
  display: block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
  padding: 16px 20px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #68285e;
  text-decoration: none;
}

.tourImage .hover .valign a:hover {
  background: #fcc300;
  color: #000;
}

.tourImage:hover .hover {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.tourImage .title small .price {
  background: #fcc300;
  color: #fff;
  padding: 4px 8px;
  display: inline-block;
}

.tourImage .title small .price:empty {
  display: none;
}

.tourImage .hover .valign .title {
  position: relative;
  bottom: -25px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  left: 0;
  text-shadow: 0 0 10px #000;
  width: 100%;
  z-index: 1;
}

.tourImage .hover .valign .title span {
  margin: 0;
  line-height: normal;
  font-size: 22px;
}

.tourImage .hover .valign .title span:before {
  display: none;
}

.tourImage .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 5px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.tourImage .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.tourImage .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.tourImage .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.cizgili {
  color: #ff0000;
  text-decoration: line-through;
}

@media (max-width: 768px) {
  .tour-banner.in .container .info {
      display: none;
  }

  .tour-banner.in {
      max-height: 290px;
      overflow: hidden;
      margin-top: -30px;
  }
}

.odaTalepEt {
  padding: 20px 20px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  margin-top: 10px;
}

.odaTalepEtBaslik {
  color: red;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.odaTalepEtAciklama {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}

.odaTalepEtButon {
  text-align: center;
}

.odaTalepEtBaslikSiziArayalim {
  display: inline-block;
  width: auto;
  font-size: 14px;
  background: #ef4444;
  padding: 3px 10px;
  /* color: #fff !important; */
  border-radius: 5px;
}

.otelfiyatsablon {
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff !important;
  margin-bottom: 5px;
}

.otelfiyatsablon > .row {
  align-items: center;
}

.otelfiyatsablon .satinal a {
  border-radius: 8px;
}

.otelfiyatsablon .image img {
  border-radius: 8px;
}

.otelfiyatsablon .info .oda {
  line-height: normal;
  font-size: 13px;
}

.otelfiyatsablon .turbrutfiyat {
  color: #000;
  text-decoration: line-through;
  font-size: 12px;
}

.otelfiyatsablon .indirimorancssana {
  display: inline-block;
  padding: 2px 8px;
  background: #337ab7;
  color: #fff;
  border-radius: 20px;
  width: auto;
  line-height: normal;
  font-size: 12px;
}

.detail-header h4, .fullwidth-horizon-sticky-section h2 {
  font-size: 22px !important;
  margin-bottom: 10px;
  margin-top: 10px !important;
}

#about, #program, #hizmetler, #ekturlar, #ekbilgiler {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .tourCategories .tours .resim, .popTemalar .temalar .kategori .resim {
      margin-bottom: 15px;
  }
}

.selectbox {
  border: 0;
  width: 100%;
  line-height: normal;
  margin-bottom: 0;
  padding: 0px 10px;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  height: 48px;
  line-height: 48px;
  border: 1px solid #ddd;
}

.selectbox label {
  color: #9ca1ae;
  display: block;
  margin-bottom: 1px;
}

.selectbox label i {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 4px;
  color: #9ca1ae;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #9ca1ae;
}

.selectbox p {
  margin: 0;
}

.selectbox p .tour-date {
  min-width: 80px;
  display: inline-block;
}

.selectbox p .available-limit {
  font-size: 11px;
  background: #f85156;
  color: #fff;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-left: 10px;
}

.selectbox-result-container {
  position: absolute;
  width: max-content;
  display: none !important;
  max-height: 150px;
  border: 1px solid #dbe0e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  overflow-y: scroll;
  transition: linear all 350ms;
  top: 100%;
  z-index: 99999;
}

.selectbox-result-container.fit {
  width: calc(100% - 0px);
}

.selectbox-result-container.active {
  display: block !important;
}

.selectbox-result-container .selectbox-result {
  position: relative;
  padding: 7px 15px;
  text-align: left;
  cursor: pointer;
  width: 100%;
  font-size: 0.8rem;
  list-style: none;
  height: auto;
  min-height: 0px;
  max-height: 150px;
  -ms-overflow-style: none;
  border: 1px solid #dbe0e6;
  border-bottom: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
}

.selectbox-result-container .selectbox-result li {
  line-height: normal;
}

.selectbox-result-container ul.selectbox-result span.tour-date {
  padding: 10px 3px 0px 0px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  min-width: 80px;
  display: inline-block;
}

.selectbox-result-container ul.selectbox-result li:first-child span.tour-date {
  padding-top: 0;
}

.selectbox-result-container .selectbox-result .available-limit {
  font-size: 11px;
  background: #f85156;
  color: #fff;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: normal;
  letter-spacing: normal;
}

.selectbox-result-container .selectbox-result .tour-price {
  display: contents;
  font-size: 12px;
  background: transparent;
  color: #000;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: bold;
  letter-spacing: normal;
}

.taksittablobaslik {
  display: none;
}

.karttablo {
  border: 1px solid #ccc;
  padding: 1px;
  width: 99.5%;
}

.karttablo td {
  line-height: 20px;
  height: 40px;
  text-align: center;
  border-bottom: 1px solid;
  font-size: 0.8rem;
}

.karttablo td img {
  max-height: 35px;
}

.gri {
  background-color: #f2f3f4;
}

.karttablo .odd {
  background-color: #f2f3f4;
}

.karttablo .even {
}

.karttablo b {
}

#taksitdiv.fancybox-content {
  max-width: 90%;
  width: 500px;
  padding: 0px;
  max-height: 90%;
  height: 700px;
  overflow-y: auto;
  background-color: #ecf6f8;
}

#taksitdiv ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#taksitdiv .taksit_tablosu {
  background: #edf4fa;
  margin-bottom: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik .sol {
  display: inline-block;
  width: 100%;
  /* height: 50px; */
  line-height: 50px;
  padding-left: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik .sag {
  display: none;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding-right: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik {
  background: #fff;
  border-bottom: 1px solid #b4d9e9;
}

#taksitdiv .taksitsecenekleri {
  padding: 12px 20px;
  border-bottom: 1px solid #ef4444;
  background: #ef4444;
  font-weight: bold;
  color: #fff;
}

#taksitdiv .taksitseceneklerikapat {
  display: none;
}

#taksitdiv .genel_taksit_tablosu {
  padding: 20px;
  background: #ecf6f8;
}

#taksitdiv .taksitler li {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  height: 25px;
}

#taksitdiv .taksitler .sutun1 {
  width: 20%;
}

#taksitdiv .taksitler .sutun2 {
  width: 40%;
}

#taksitdiv .taksitler .sutun3 {
  width: 40%;
}

#taksitdiv .taksitler .altbaslik li {
  border-right: 1px solid #e7f7fe;
  border-bottom: 1px solid #e7f7fe;
}

#taksitdiv .taksitler ul {
  background: #fff;
  font-size: 0.8rem;
  height: 25px;
  line-height: 25px;
  border-left: 1px solid #e7f7fe;
}

/*BURASIDA VAR*/
@media (max-width: 768px) {
  /* .userLoginPanel span.text {

display: none;

} */.acente-giris {
      margin-right: 20px;
  }

  .userLoginPanel {
      margin-left: 0 !important;
      width: 125px;
      /* position: absolute !important; */
      bottom: 0;
  }

  .userLoginPanel {
      justify-content: start;
  }

  .hot-deals .text-center {
      display: block !important;
  }

  /* .hot-deals .text-center {

display: block !important;

} */
  /* .phoneEmail {

display: none !important;

} */
  .header-main .header-inner {
      position: absolute !important;
      padding: 10px 15px;
      width: 100%;
      /* margin-right: 31px; */
      margin-bottom: 10px;
      right: 0;
      bottom: 14px;
  }

  .box {
      margin-bottom: 15px !important;
  }

  .hot-deals ul {
      flex-wrap: unset;
  }
}

.mega-menu-wrap a:before {
  content: unset !important;
}

/* ---------------------- */
/* -------------------------------------------------------------------- */
ul.slick-dots {
  position: absolute;
  bottom: 14px;
  /* text-align: end; */
}

ul.banner-slider.slick-initialized.slick-slider.slick-dotted {
  width: 100%;
  position: relative;
}

ul.slick-dots li.slick-active, ul.slick-dots li.slick-active button, ul.slick-dots li.slick-active button:before {
  width: 17px;
}

ul.slick-dots li {
  margin: 0 6px;
}

ul.slick-dots li button:before {
  left: -15px;
  width: 17px;
  opacity: 1;
  height: 17px;
  border-radius: 100px;
  border: 2px solid #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 8px;
}

ul.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #fff;
}

input#quick-searchInputTour2 {
  width: 100%;
}

input#quick-searchInputTour {
  background: white;
}

.denemebox .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 166px;
  object-fit: cover;
}

.denemebox .owl-carousel {
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.otel-ara {
  font-size: 1.429rem;
  color: #ef4444;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px!important;
  margin-left: 10px;
  margin-top: 10px;
}

/* .search-boxes .tab-content stilleri index.php inline <style> i inde tan ml */
.seach-boxes label {
  color: blue !important;
}

.search-boxes .form-group label {
  color: #1e2732;
  font-weight: 600;
}

span.person-total {
  border-radius: 3px;
  box-shadow: none;
  border-color: #DFDFDF;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #FFF;
  padding-left: 10px;
}

.menu-horizontal-02 ul {
  justify-content: space-between;
}

.hero-inner .menu-horizontal-02 ul li {
}

.hero-inner .menu-horizontal-02 ul li a.active, .hero-inner .menu-horizontal-02 ul li.active a {
  color: #ef4444;
  border-color: #e8e8ff ;
  background: #e8e8ff !important;
  border-radius: unset;
  font-weight: 400;
  font-size: 15px;
}

.hero-inner .menu-horizontal-02 ul li a.active:hover {
  background: #e8e8ff ;
  border-color: #e8e8ff ;
}

.hero-inner .menu-horizontal-02 ul li a:hover {
  border-color: #ffff;
  background: #ccc;
  color: #ef4444;
}

.hero-inner .menu-horizontal-02 ul li {
  width: 32.5%;
  text-align: center;
}

.hero-inner .menu-horizontal-02 ul li a {
  display: grid;
  background: #e5e5e5;
  border-radius: unset;
  border-left-color: white;
  color: #ef4444;
}

ul.nav li:first-child a {
  /* border-top-left-radius: 5px !important; */
}

.search-boxes a i:not(.tb-tab-link i) {
  margin-top: 0px;
}

.tb-tab-link i {
  margin-top: 0 !important;
}

.btn-primary, .btn.disabled, .btn:disabled {
  background: #ef4444 ;
  border-color: #ef4444 ;
  color: #FFF;
  font-size: 16px!important;
  font-weight: 700!important;
}

.btn-primary:hover, .btn.disabled:hover, .btn:disabled:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background: #ef4444 ;
  border-color: #ef4444 ;
  color: white;
}

.card-item {
  border: 1px solid #f2f2f2;
  text-align: center;
  background: #f2f2f2;
}

/* ul.item-meta {display: flex;justify-content: center;} */
.tour-grid-item-01 .content {
  border-radius: 0px 0px 6px 6px;
  border: unset !important;
  padding: 10px 25px 15px;
  ;}

p.indirimoranbox {
  background: #d5ecdb;
  border-radius: 4px;
  height: 45px;
  min-height: 45px;
  line-height: 32px;
  padding: 5px 15px;
  vertical-align: middle;
  color: #016301;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: normal;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.tour-grid-item-01:hover {
  background: #f8f8f8;
}

.img-rigt-item-two {
  margin-top: 22px;
}

.img-box-right {
  height: 100%;
  position: relative;
}

.box img {
  object-fit: cover;
  width: 100%;
}

.slider-button:before {
  /* content: ""; */
  position: absolute;
  width: 100%;
  left: 0;
  border: 1px solid white;
  bottom: -1px;
}

.text-center .tab-content {
  /* border: 1px solid #dee2e6; */
}

.tab-content .tab-pane.active {
  padding-bottom: unset;
  cursor: default;
}

.text-center .nav-tabs {
  border-bottom: unset;
}

.popular-tour-regions .box .text ul {
  margin-bottom: 20px;
}

.popular-tour-regions .half .box img {
  height: 179px;
}

.popular-hotel-regions {
  position: relative;
  float: left;
  width: 100%;
}

.popular-hotel-regions .cat-box {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.popular-hotel-regions .cat-box a {
  color: #707070;
  font-size: 16px;
  text-decoration: none;
}

.popular-hotel-regions .cat-box .image {
  border: 1px solid #D5D5D5;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 169px;
}

.col-pad-right {
  padding-right: 15px;
}

.col-pad-left {
  padding-left: 15px
}

@media(max-width: 768px) {
  .popular-hotel-regions .cat-box .image {
      min-height: inherit;
  }

  .search-boxes {
      height: unset !important;
      margin-bottom: 30px
  }

  .item .card-item {
      width: 100%;
      height: auto;
  }

  .menu-horizontal-02 ul {
      /* margin: 0 -5px !important; */
  }

  .slider-button {
      /* display:none !important; */
  }

  .item .card-item {
      width: 100% !important;
  }

  .hot-deals li.text-center a {
      width: 145px;
  }

  li.text-center a {
      display: flex;
      /* width: 157px; */
      justify-content: center;
  }

  #hotDeal {
      overflow: scroll;
  }

  .acente-girisler {
      justify-content: center !important;
      position: relative;
  }

  .header-inner {
      border: unset !important;
  }

  .header-main.with-absolute-navbar .navbar:before, .with-absolute-navbar .navbar:after {
      content: unset !important;
  }
}

@media(max-width: 575px) {
  li.text-center a {
      width: 157px;
  }

  #mobileMenu {
      padding-right: 0 !important;
      padding-left: 0 !important;
  }

  .ekalanTurKesin {
      position: relative;
  }

  /* .turtarihkutu .date-btn {

display: none !important;

} */
  .hot-deals .text-center {
      margin-bottom: 12px;
  }

  #hotDeal::-webkit-scrollbar-track {
      border-radius: 5px;
      background-color: #DFE9EB;
  }
}

.popular-hotel-regions .cat-box .image img {
  width: 100%;
  height: auto;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.popular-hotel-regions .cat-box .cont {
  color: #29ade2;
  position: relative;
  width: 100%;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #D5D5D5;
  text-align: left;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
}

.popular-hotel-regions .cat-box .cont a.link {
  color: #e8e8ff ;
  display: block;
  width: 100%;
  font-size: 14px;
}

.popular-tour-regions {
  position: relative;
  float: left;
  width: 100%;
}

.popular-tour-regions .box {
  position: relative;
  float: left;
  width: 100%;
  border-radius: 10px;
}

.popular-tour-regions .box:before {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.58);
  z-index: 1;
  border-radius: 10px;
}

.popular-tour-regions .box img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  width: 100%;
  height: 370px
}

.popular-tour-regions .box h3 {
  position: absolute;
  top: calc(50% - 32px);
  left: 27.5%;
  width: 45%;
  padding: 5px 20px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  z-index: 2;
  margin: 0;
  background: rgb(42 41 103 / 81%);
  border-radius: 5px;
}

.popular-tour-regions .half .box h3 {
  top: calc(50% - 16px);
}

.popular-tour-regions .twobox img {
  height: 240px;
}

.popular-tour-regions .box .text {
  text-align: center;
  position: absolute;
  top: 56%;
  left: 50%;
  margin-right: -50%;
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #fff;
  z-index: 2;
}

.popular-tour-regions .box .text ul {
  visibility: hidden;
  display: block;
  opacity: 0;
  height: 0;
  position: relative;
  top: 50px;
  list-style: none;
  padding: 0;
}

.popular-tour-regions .box .text ul li {
  list-style: none;
}

.popular-tour-regions .box .text ul li a {
  color: #fff;
  font-size: 0.8rem;
  border-bottom: 1px solid #b1b1b1;
  text-align: center;
  display: block;
  line-height: 42px;
  text-decoration: none;
  padding: 0 5px;
}

.popular-tour-regions .box .text ul li a:hover {
  background: rgba(0,0,0,.3);
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.popular-tour-regions .box .text .all {
  display: inline-block;
  width: auto;
  padding: 4px 15px;
  background: #f58515;
  color: #fff;
  border-radius: 14px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  font-size: 0.8rem;
}

@media (min-width: 768px) {
  .datetimepicker.datetimepicker-dropdown-bottom-left.dropdown-menu {
      min-width: 16rem !important;
  }

  .popular-tour-regions .box:hover .text ul {
      visibility: visible;
      opacity: 1;
      -webkit-animation-direction: alternate;
      -moz-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      -moz-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      height: auto;
      top: 0;
  }

  .popular-tour-regions .box:hover h3 {
      top: 33px;
      -webkit-animation-direction: alternate;
      -moz-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      -moz-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
  }

  .popular-tour-regions .box:hover:before {
      opacity: 1;
  }

  .popular-tour-regions .half .box:hover h3 {
      top: calc(50% - 16px);
  }

  .popular-tour-regions .box .text .all:hover {
      background-color: #dc7209;
      transition: ease-in-out all 300ms;
      text-decoration: none;
  }

  .popular-tour-regions .box:hover .text .all {
      opacity: 1;
      visibility: visible;
      -webkit-animation-direction: alternate;
      -moz-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      -moz-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
  }
}

.popular-tours {
  position: relative;
  float: left;
  width: 100%;
}

li.text-center {
  margin-right: 10px !important;
}

#hotDeal {
  padding-bottom: 15px;
  padding-left: 10px;
}

li.text-center a {
  color: #ef4444;
  padding: 8px 10px;
  background: white;
  border: 1px solid #dee2e6;
  /* border-top-left-radius: 5px; */
  /* border-top-right-radius: 5px; */
  border-radius: 22px;
}

/* figure.tour-grid-item-01 {margin-bottom: 30px;} */
a.active:not(.tb-tab-link) {
  color: #d64545 !important;
}

section.tur-landing-page {
  margin: unset !important;
}

/* section {padding:unset !important;margin:0px auto !important;} */
.col-inner .form-group i {
  position: absolute;
  right: 14px;
  top: 66%;
  transform: translate(-50%,-50%);
  color: #ef4444;
}

/* .header-inner {border: 1px solid #e7e7e7;} */
.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-next:before {
  content: '\f061' !important;
}

.slick-prev:before {
  content: '\f060' !important;
}

.slick-prev:before, .slick-next:before {
  font-size: 50px;
  color: #bfbfbf;
}

.card-item-exp {
  padding: 6px;
}

/* nav.menu-horizontal-02 ul li {border-right: 2px solid white;} */
nav.menu-horizontal-02 ul li:last-child {
  border: unset;
}

.slider-button {
  position: absolute;
  z-index: 9;
  background: #ff000000 !important;
  height: 39px;
  width: 100%;
  right: 20px;
  top: 50%;
  border: 1px solid #dee2e6;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  left: 0;
}

.swiper-button-prev:after, .swiper-button-next:after {
  color: #000000;
  font-size: 19px;
}

.col-pad-right {
  padding-right: unset;
}

.col-pad-left {
  padding-left: unset;
}

.text-center {
  text-align: center!important;
  position: relative;
  /* border-radius: 8px; */
}

.text-center .tab-pane {
  padding: 10px
}

.otelbaslik1, .otelbaslik2, .otelbaslik3, .otelbaslik4, .otelbaslik5, .otelbaslik6, .otelbaslik7 {
  display: none;
}

.oteligosterdi {
  display: block !important;
}

.oteller-alt-baslik {
  background-color: #f8f8f8;
  width: 100%;
  display: block;
  text-align: center;
  color: #ef4444;
  font-weight: 600;
  padding: 10px;
  border-top: 1px solid #ededed;
}

.index-reklam {
  margin-top: 30px;
  height: 241px;
  clear: both;
}

.swiper-slide figure.tour-grid-item-01 {
  border: unset;
  margin-bottom: 10px;
}

.room-count-dropdown select {
  height: 30px;
  padding: 0;
  border-radius: 5px;
  padding-left: 8px;
}

.btn {
  border-radius: 3px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  text-transform: unset;
}

.swiper-button-lock {
  display: flex;
}

#hotelTab .form-group {
  padding: 10px;
}

.musait-check input {
  cursor: pointer;
}

.room-count-dropdown .room-info .info-row .col {
  padding: 15px;
}

ul.slick-dots {
  position: absolute;
  bottom: 100px;
  /* text-align: end; */
}

#anabanner {
  position: relative;
  width: 100%;
}

.hero-inner .menu-horizontal-02 ul li {
  display: inline-block;
  margin: 0 0px;
}

.hero-inner .menu-horizontal-02 ul li a {
  padding: 0 5px 15px;
  font-weight: 400;
}

.item .card-item {
  /* width: 244px; */
  /* height: 231px; */
}

.hero-inner .menu-horizontal-02 ul li a i {
  font-size: 1.2rem;
}

i.fas.fa-plane {
  transform: rotate(-50deg);
}

.menu-horizontal-02 ul {
  margin-bottom: 20px;
  margin: 1px 0px;
}

ul.banner-slider.slick-initialized.slick-slider.slick-dotted {
  width: 100%;
  position: relative;
}

ul.slick-dots li.slick-active, ul.slick-dots li.slick-active button, ul.slick-dots li.slick-active button:before {
  width: 38px;
}

ul.slick-dots li {
  margin: 0 3px;
}

ul.slick-dots li button:before {
  left: 0px;
  width: 8px;
  opacity: 1;
  height: 8px;
  border-radius: 100px;
  border: 2px solid #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 8px;
}

ul.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #3b82f6;
  border: 2px solid #3b82f6;
  z-index: 3;
}

input#quick-searchInputTour2 {
  width: 100%;
}

input#quick-searchInputTour {
  background: white;
}

.denemebox .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 166px;
  object-fit: cover;
}

.denemebox .owl-carousel {
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.sizeOzel {
  padding: 10px;
  color: #ef4444;
  font-size: 1.143rem;
  background: #f2f2f2;
  font-weight: 600;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.kampanya-icon {
  width: 50px;
  height: 50px;
  display: table-cell;
}

.kampanya-aciklama {
  display: table-cell;
  vertical-align: middle;
  color: #ef4444;
  padding-right: 10px;
  padding-left: 5px;
  text-align: left;
}

.kampanya-box {
  margin-bottom: 15px;
  position: relative;
  min-height: 58px;
  display: table;
  width: 100%;
  border-radius: 4px;
  margin-top: 10px;
  border: 1px solid #e5e5e5;
}

.kampanya-box:hover .item-wrap {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
}

.item-wrap {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: absolute;
  right: -321px;
  top: -6px;
  width: 320px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  padding-left: 15px;
  z-index: 999;
}

.item-wrap .item-container {
  background: #fff;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.4);
  -moz-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.4);
  box-shadow: 2px 2px 1px 0 rgba(0,0,0,.4);
  text-align: left;
  padding: 15px;
  border: 1px solid #ddd;
  position: relative;
  border-radius: 4px;
}

span.tooltip-arrow {
  background: #dddddd;
  z-index: 99;
  position: absolute;
  left: -11px;
  width: 11px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  height: 22px;
  top: 24px;
}

.detail-btn {
  color: #ef4444;
  border: 1px solid #ef4444;
  font-size: .95rem;
  background: #ef4444;
  cursor: pointer;
  text-align: center;
  padding: 6px 8px;
  float: right;
  background: #f8f8f8;
}

.input-kutu {
  display: flex !important;
  align-items: center;
  /* border-right: 0.5px solid #e7e7e7; */
  justify-content: center;
}

.input-kutu {
  position: relative;
}

.input-kutu i, .input-kutu-select i {
  width: 17px;
  height: 17px;
  margin-right: 13px;
  color: #ef4444;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 36%;
  transform: translate(-50%,-50%);
}

.input-kutu input {
  border: unset;
  cursor: pointer;
  padding-left: unset;
  font-weight: 600 !important;
  font-size: 16px !important;
}

.input-kutu-select .form-control {
  border: unset;
  margin-bottom: unset !important;
}

.input-kutu .form-control, .input-kutu-select {
  color: #ef4444 !important;
}

.input-kutu-select .form-group, .input-kutu-select label {
  margin-bottom: unset !important;
}

.input-kutu .form-group, .input-kutu label {
  margin-bottom: unset !important;
}

.input-kutu-select:after {
  content: "";
  position: absolute;
  right: 15px;
  ; top: 50%;
  height: 60%;
  transform: translate(-50%,-50%);
  border-right: 0.5px solid #e7e7e7;
}

.input-kutu:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 60%;
  transform: translate(-50%,-50%);
  border-right: 0.5px solid #e7e7e7;
}

.hesap-kutu {
  display: flex;
  align-items: center;
}

.input-kutu-select .form-control-lg {
  font-weight: 600;
  padding: unset;
}

.select-two::after {
  content: unset !important;
}

.col-lg-5:has(> .ekalan) {
  border-left: 1px solid #f2f2f2;
}

/* div#detail-content-sticky-nav-01 {

border: 1px solid #e8ecee;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-ms-border-radius: 4px;

-o-border-radius: 4px;

border-radius: 4px;

background-clip: padding-box;

overflow: hidden;

} */
p:empty {
  display: none;
}

div#detail-content-sticky-nav-01 h3 {
  border: 0;
  padding: 10px;
  color: #ef4444!important;
  background: 0 0;
  background-color: #e8ecee;
  border-bottom: 3px solid #e4e4e4;
}

/* div#detail-content-sticky-nav-01 {

margin-top: 15px;

} */
div#detail-content-sticky-nav-01 h3 {
  padding: 10px 15px;
  font-size: 1rem;
  position: relative;
}

div#detail-content-sticky-nav-01 p, div#detail-content-sticky-nav-01 ul li {
  padding: 15px;
}

div#detail-content-sticky-nav-01 h3:before {
  content: "";
  position: absolute;
  left: 0;
  width: 40%;
  border: 1px solid #ef4444;
  bottom: -3px;
}

/* .hotelSlider .slick-prev.slick-arrow{

display: none !important;

} */
#haritagoster {
  color: #ef4444!important;
  border-bottom: 1px solid #ef4444!important;
  font-weight: 600;
}

#dynamicTours h3 {
  font-size: 18px !important;
}

.content-wrapper h3 {
  color: #101828;
  font-size: 2rem;
  font-weight: 600;
  display: inline-block;
  margin: 0 10px 0 0;
  width: 100%;
}

.varyokgenel ul {
  list-style-type: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
}

.varyokgenel li {
  flex: 0 0 33%;
  padding: 1em;
  display: flex;
  align-items: flex-end;
}

/* .priceCalc.fixed{position: fixed;top: 0;background: #fff;z-index: 999;width: 60%;} */
.priceCalc.fixed {
  position: relative;
  top: 0;
  background: #fff;
  z-index: 999;
  width: 100%;
}

.otel-mesafe {
  margin-top: 20px;
}

/* .yorum-isim {

background: #e7ebee;

width: 63px;

height: 63px;

border-radius: 50%;

position: relative;

text-align: center;

vertical-align: middle;

align-items: center;

display: flex;

justify-content: center;

} */
.yorum-isim i {
  display: none;
}

.yorum-tarih i {
  margin-right: 5px;
}

.rating-item .rating-icon {
  color: #ef4444 !important;
}

.hotelSlider ul li img {
  height: 500px;
  object-fit: cover;
  overflow: hidden;
}

.hotelSliderNav ul li img {
  height: 90px;
  border-radius: 10px;
  object-fit: cover;
}

.acente-giris {
  /* height: 50px; */
  position: relative;
  display: flex;
  margin-left: 15px;
  border: 1px solid #1e2732;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
  align-items: center;
  z-index: 99;
  justify-content: center;
  cursor: pointer;
}

.acente-giris a {
  color: white;
}

.row.listroBox .col-lg-3 {
  padding-left: unset;
}

.ziyaret-edilecek-yerler {
  border: solid 1px #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 10px;
}

.ziyaret-header h1 {
  margin: 0;
  padding: 0;
  font-size: 1.143rem;
  color: #ef4444;
  font-weight: 600;
}

.ziyaret-edilecek-yerler ul {
  margin: 10px 0;
  padding: 0 20px;
  max-height: 260px;
  overflow-y: auto;
}

.ziyaret-edilecek-yerler ul li {
  list-style-type: disc;
  color: #ef4444;
  font-size: .95rem;
}

.ziyaret-edilecek-yerler {
  margin-bottom: 20px;
}

.ulasim {
  display: block;
  color: #ef4444;
  font-size: 1rem;
}

.ziyaret-item ul {
  height: 191px;
}

.read-more:before {
  content: '\f055  Daha Fazla';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 11px !important;
}

.ziyaret-item.show-more-text .read-more:before {
  content: '\f056  Daha Az' !important;
  font-weight: 600;
  font-size: 11px !important;
}

.ziyaret-item ul {
  height: 113px;
  overflow: hidden;
  transition: .2s all;
}

.ziyaret-item.show-more-text ul {
  overflow: unset !important;
  height: 100%;
  transition: .2s all;
}

button.read-more {
  background: transparent;
  border: unset;
  font-size: .95rem;
  color: #727272;
  margin-bottom: 10px;
  transition: .2s all;
}

button.read-more:hover {
  color: #ef4444;
  transition: .2s all;
}

button.slick-prev.slick-arrow {
  background: #ffffffbd;
  /* position: relative; */
  z-index: 8;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

button.slick-next.slick-arrow {
  background: #ffffffbd;
  /* position: relative; */
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.slick-prev:before {
  font-size: 14px;
  opacity: 1 !important;
  color: #ef4444 !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.slick-next:before {
  font-size: 14px;
  opacity: 1 !important;
  color: #ef4444 !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

ul.slider.gallery-slideshow.slick-initialized.slick-slider:hover .slick-arrow {
  background: white !important;
}

ul.slider.gallery-nav.slick-initialized.slick-slider .slick-list.draggable {
  width: 88.8%;
  padding: unset !important;
  margin: 0 auto;
}

.turbaslik {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.81rem;
  color: #ef4444;
}

.turtarih {
  display: block;
  color: #ef4444;
  font-size: 1.071rem !important;
  margin-bottom: 10px;
  margin-top: 5px;
  font-weight: 400;
}

.favori-icon {
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 9;
  cursor: pointer;
}

.favori-icon.relative {
  position: relative;
  bottom: 0;
}

.favori-icon i {
  color: #ef4444;
  font-size: 17px;
  transition: ease-in-out all 400ms;
}

.favori-icon .fa-heart:before {
  content: "\f004" !important;
}

.tur-head-item ul {
  display: flex;
  justify-content: end;
}

.tur-head-item li:first-child {
  margin-right: 12px;
}

.slick-gallery-slideshow.detail-gallery.mb-40 {
  margin-top: 12px;
}

li.pull-right span {
  border: 1px solid #ef4444;
  padding: 2px 9px;
  border-radius: 5px;
}

.ucrete-dahil-hizmetler {
  margin: 15px auto;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.ucrete-dahil-header h1 {
  padding: 0;
  margin: 5px 0 0;
  font-size: 1.429rem;
}

.ucrete-dahil-header {
  background-color: #fbfbfb;
  border-color: #ddd;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.ucrete-dahil-aciklama {
  padding: 15px;
  display: grid;
}

.ucrete-dahil-aciklama ul {
  /* border-top: solid 1px rgba(165,165,165,.16) !important; */
  margin: 0;
  border: 0;
  /* box-shadow: 0 2px 2px rgba(0,0,0,.16); */
  /* border-radius: 4px; */
  /* background-clip: padding-box; */
  padding-left: 0;
}

.ucrete-dahil-aciklama li:first-child {
  border-top: none;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.ucrete-dahil-aciklama ul li {
  border-right: none;
  border-left: none;
  border-bottom: none;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  /* border: 1px solid #ddd; */
  color: #0f2a4d;
}





.ucrete-dahil-aciklama .turhareket {
  border-top: solid 1px rgba(165,165,165,.16) !important;
  margin: 0;
  border: 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.16);
  border-radius: 4px;
  background-clip: padding-box;
  padding: 5px;
}

.rezervasyon-yap-btn a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px !important;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

p.favori-hover {
  position: absolute;
  top: -33px;
  left: 49px;
  padding: 0 5px;
  border: 2px solid #ef4444;
  opacity: 0;
  font-size: 12px;
  transition: .3s all;
}

p.favori-hover:before {
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0);
  clip-path: polygon(50% 50%, 0 0, 100% 0);
  left: 40%;
  top: 22px;
  border: 5px solid #ef4444;
}

li.pull-right:hover .favori-hover {
  opacity: 1;
  transition: .3s all;
}

.kode_felid label {
  color: #1e2732;
  font-weight: 600;
  font-size: 14px;
}

.gallery-nav .image:after {
  border-radius: 10px !important;
}

.tur-kutu-header .turbaslik {
  font-size: 1rem !important;
  color: #1e2732 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.listroBoxmain div {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden !important;
  transition: .2s all;
  color: #ef4444;
}

.aciklama-box-read {
  height: 100% !important;
  overflow: visible !important;
}

.aciklama-box-read .devamBtn {
  position: relative !important;
}

.aciklama-box-read .devamBtn:before {
 content: "{{L:Devamini Gizle}}";
}

span.gezilecek-yer-kutu {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -274px;
  top: 54px;
  background: #f5f5f5;
  font-size: 11px;
  width: 80%;
  padding: 5px;
  color: #ef4444;
  opacity: 0;
  text-align: center;
  border: 1px solid #ef4444;
  transition: .2s all;
}

.listroBoxmain:hover span.gezilecek-yer-kutu {
  visibility: visible;
  opacity: 1;
  transition: .2s all;
}

span.gezilecek-yer-kutu:before {
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(0 0, 0 100%, 53% 50%);
  clip-path: polygon(0 0, 0 100%, 53% 50%);
  right: -15px;
  transform: translate(-50%,-50%);
  top: 50%;
  border: 5px solid #ef4444;
}

.listroBoxmain i {
  color: #ef4444;
}

.hero-inner {
  height: 100%;
}

.form-control-sm {
  height: calc(1.5em + 0.75rem + 2px);
}

.datepicker--day-name {
  color: #ef4444 !important;
  font-weight: bold !important;
}

.otel-detay-baslik h5 {
  color: #ef4444;
}

ul.item-meta li:first-child {
  font-size: 0.95rem;
}

.col-lg-3.ptl {
  padding-left: unset;
  text-align: center;
}

.otel-box-left {
  height: 100%;
}

.otel-detay-left-box {
  display: flex;
  /* vertical-align: middle; */
  position: relative;
  height: 100%;
  text-align: center;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}

.tour-list-reklam.banners {
  cursor: pointer;
}

.ziyaret-item ul:empty {
  height: 50px;
}

.ziyaret-item ul:empty:before {
 content: "Ziyaret Edilecek Yerler Henuz Belirtilmemistir.";
}

.ziyaret-item ul:empty ~ .read-more {
  display: none !important;
  opacity: 0;
}

li.secenek tr:nth-child(even) {
  background: #ef4444;
  /* display: flex; */
  /* margin: 0 auto; */
  color: white;
  /* text-align: center; */
  /* vertical-align: middle; */
}

li.secenek td {
  vertical-align: middle;
}

li.secenek h3 {
  background: gray !important;
}

.tur-fiyat-tablo h3 {
  background: #dddddd;
  margin-top: 25px;
  padding-left: 20px;
}

li.secenek table {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-bottom: 50px;
  position: relative;
}

li.secenek table:before {
  content: "";
  left: 0;
  bottom: -39px;
  position: absolute;
  width: 100%;
  border: 0.5px dashed silver;
}

li.secenek tr {
  background: #fbfbfb;
}

.tur-fiyat-tablo {
  height: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
  /* visibility: hidden; */
  transition: .2s ease-in-out .0s;
}

.tur-fiyat-tablo-goster {
  height: 333px !important;
  transition: .2s ease-in-out .0s;
}

div#program .content-info div:last-child {
  display: none;
}

div#program .heading-title {
  display: none;
}

/* div#program .content-info div:nth-child(2n-1) {

display: none;

} */
.fiyat-goster-btn {
  width: 100%;
  text-align: left;
  background: #fbfbfb;
  font-weight: 700;
  color: black;
  border: 1px solid #dddd;
  margin-bottom: 20px;
  position: relative;
  font-size: 1.429rem !important;
}

.fiyat-goster-btn i {
  position: absolute;
  right: 9px;
  top: 17px;
  transition: .2s ease-in-out .0s;
}

.arrow-up {
  transform: rotate(180deg) !important;
  transition: .2s ease-in-out .0s;
}

.tur-fiyat-tablo.tur-fiyat-tablo-goster h3 {
  font-size: 22px;
  height: 50px;
  display: flex;
  align-items: center;
}

button.btn.fiyat-goster-btn:hover {
  background: #fbfbfb;
}

.turliste_vize.vize {
  position: absolute;
  background: #1a84b5;
  bottom: 10px;
  width: 55px;
  text-align: center;
  color: white;
  left: -7px;
}

.turliste_vize.vize:before {
  /* position: absolute; */
  content: "";
  /* top: 0px; */
  /* left: 0px; */
  /* margin-top: -5px; */
  /* width: 0; */
  /* height: 0; */
  /* border-style: solid; */
  /* border-width: 0 0 5px 7px; */
  /* border-color: transparent transparent #ef4444 transparent; */
}

.ucrete-dahil-aciklama ul li:before {
  /* color: green; */
}

.ucrete-dahil-aciklama.dahil-olmayan ul li:before {
  color: red;
}

.social-img img {
  height: 45px;
  width: 154px;
}

.social-img-box {
  display: flex;
  justify-content: end;
  margin-top: 43px;
}

.social-img-box img {
  height: 45px;
  width: 154px;
}

div#ekbilgiler .content-info div:first-child {
  display: none;
}

@media (min-width: 575px) {
  /* .swiper-pagination {

display: none;

} */
}

@media (max-width: 575px) {
  .input-kutu-two:after {
      border-right: unset !important;
  }

  .header-inner {
      border: unset !important;
  }

  button.devamBtn {
      bottom: -44px;
  }

  .aciklama-alani {
      padding-bottom: 69px !important;
  }

  .aciklama-box {
      height: 438px;
      overflow: hidden;
  }

  .ucrete-dahil-hizmetler {
      margin-top: 24px !important;
  }

  div#accordioncruisefiyat h3 {
      margin-top: unset;
      font-size: 18px !important;
      padding-left: 8px !important;
  }

  button.btn.fiyat-goster-btn {
      margin-bottom: unset;
  }

  .tur-fiyat-tablo-goster {
      border: 1px solid #c8c8c8;
  }

  .tur-fiyat-tablo.tur-fiyat-tablo-goster h3 {
      height: auto !important;
  }

  .odadetaylibilgi-web {
      display: none !important;
  }

  li.oteldetaybilgi-mobil a {
      color: #ef4444;
      font-weight: 600;
      font-size: 13px;
  }

  .col-md-3.col-xs-12.oda-title-item .metrekare {
      width: 50% !important;
  }

  .col-md-3.col-xs-12.oda-title-item .ozellikler {
      width: 50% !important;
      text-align: right;
  }

  .oda-ozellik-mobil {
      display: block !important;
      margin-bottom: 15px !important;
      color: #ef4444 !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      line-height: 18px !important;
  }

  .fiyatSablonKutu {
      position: relative;
      overflow: hidden;
  }

  .resim-popup-mobil {
      display: block !important;
  }

  /* .resim-popup {

display: none !important;

} */
  .image .fas.fa-search-plus {
      display: none !important;
  }

  .fiyatSablonKutu .image {
      height: auto !important;
  }

  .metrekare {
      padding: 10px;
  }

  ul.ozellikler {
      padding: 10px;
  }

  .title.oda-title-top.title.oda-title-top-mobil {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      padding: 15px 10px;
  }

  .oda-title-top {
      display: none !important;
  }

  .oda-title-top-mobil {
      display: block !important;
  }

  #toplam-gece-mobil {
      display: block !important;
  }

  .fiyat-box {
      display: flex;
      justify-content: space-between;
      padding: 10px;
  }

  .new {
      color: #02aa02;
      font-size: 24px !important;
      font-weight: 700 !important;
      letter-spacing: -.54px;
      text-align: right;
      line-height: 1em;
      margin-left: auto;
  }

  #toplam-gece-web {
      display: none !important;
  }

  section.fiyatSablon {
      margin-top: 20px !important;
  }

  .oda-title-item {
      padding: 0px 15px 0px 15px !important;
      display: flex;
      height: auto;
      flex-basis: 100%;
      max-width: 100%;
      padding: 20px 10px 15px 15px;
      background-color: #f9f9f9;
      border-bottom: 1px solid rgba(208,209,218,.35);
  }

  .oteldetaybilgi-mobil {
      display: block !important;
  }

  .row.gap-15 > [class*=col] {
      padding-bottom: 0;
  }

  .pt-30 {
      padding-top: 0px !important;
  }

  .varyokgenel ul li {
      width: 49% !important;
  }

  .varyokgenel ul {
      display: block;
  }

  .puanlama.puanlama-mobil {
      display: none !important;
  }

  .puanlama.web-goster {
      display: block !important;
  }

  .tur-head-item ul {
      justify-content: start;
      margin-top: 10px;
  }

  .tur-landing-page .searcher {
      padding: 0px 0px;
  }

  .tur-landing-page .searcher .searchwrap .column.noborder {
      padding: 10px 15px !important;
  }

  .header-main .header-inner {
      top: 39px !important;
      padding: unset;
      margin: unset;
  }

  .acente-giris {
      height: 35px;
      position: relative;
      display: flex;
      margin-left: 15px;
      border: 1px solid #e7e7e7;
      padding: 0px 4px;
      border-radius: 4px;
      font-size: 12px;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 115px;
  }

  /* .userLoginPanel {

width: 125px;

position: absolute !important;

bottom: 0;

right: 0;

} */
  .userLoginPanel {
      height: 35px;
  }

  .menu-horizontal-02 ul {
      margin-bottom: 20px;
      margin: 1px 0px !important;
  }

  .card.otel-kutu-card {
      margin-top: 20px;
  }
}

@media (max-width: 574px) and (min-width: 426px) {
  #anabanner {
      height: 182px;
      margin-top: -12px;
  }

  section.mobile-filter {
      margin-top: 20px !important;
  }
}

.mobil-logo {
  display: none;
}

@media (max-width: 425px) {
  .hotelSlider .slick-track .image img {
      height: 246px !important;
  }

  span.favori-icon.relative {
      top: 10% !important;
  }

  figure.tour-grid-item-01 img {
      max-height: unset !important;
      padding: 10px 10px 10px;
  }

  .col-12.col-lg-9.col-md-9.oteller-page {
      margin-top: -21px !important;
  }

  button.devamBtn {
      bottom: -44px !important;
  }

  .aciklama-alani {
      padding-bottom: 69px !important;
  }

  .search-boxes {
      margin-bottom: 15px;
  }

  .swiper-pagination {
      display: block !important;
  }

  .telefon-mobil {
      display: none !important;
  }

  .phoneEmail {
      margin-right: 10px;
  }

  .acente-giris {
      bottom: 0px;
      left: 0px;
      width: 115px;
  }

  .fancybox-content {
      width: 100% !important;
  }

  .fancybox-slide {
      padding: 13px !important;
  }

  .satin-al-desing {
      width: 100%;
  }

  .owl-carousel.owl-theme.one-cikan.owl-loaded.owl-drag {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }

  #anabanner {
      height: 150px;
  }

  a.otelinincele {
      font-size: 13px;
  }

  .userLoginPanelMenu {
      width: 133px;
      right: -14px !important;
      left: unset !important;
  }

  .header-top .phoneEmail img {
      margin-right: unset !important;
  }

  .header-main.with-absolute-navbar .navbar {
      top: 93px !important;
  }

  .tum-turlari-gor-wrap {
      margin-top: -30px;
  }

  .hot-deals {
      box-shadow: 0 0 8px 1px rgba(0, 0, 0, .08);
      border-radius: 8px;
  }

  .anasayfa-tur-banners.col-lg-12 .col-lg-12 {
      padding: unset;
  }

  header#header-waypoint-sticky {
      border-top: 2px solid #00aab1;
      padding-top: 5px;
  }

  /* .header-main.header-mobile-menu .main-menu-nav .main-nav {

padding: 0 10px !important;

} */
  .phoneEmail {
      margin-right: 60px;
      border: 1px solid #e8e8ff ;
      border-radius: 4px;
  }

  .swiper-pagination {
      z-index: 8 !important;
  }

  .header-top .phoneEmail a {
      height: 33px;
      display: flex;
      width: 44px;
      justify-content: center;
  }

  .denemebox .owl-carousel.owl-theme.owl-loaded.owl-drag {
      margin-bottom: 20px;
  }

  @media (max-width: 390px) {
      .header-main .main-logo {
          width: 62%;
          padding: 0;
          margin: 5px auto;
      }

      .acente-giris {
          bottom: 0px;
          left: 0px;
          width: 115px;
      }

      .userLoginPanel {
          /* width: 62px; */
          bottom: 0px;
          /* right: 10px !important; */
      }

      .acente-giris a {
          font-size: 11px !important;
      }
  }
}

@media (max-width: 375px) {
  .aciklama-box {
      height: 490px;
  }

  /* .tur-box-middle ul li {

position: absolute;

right: -9px;

top: 24px;

transform: translate(-50%,-50%);

} */
  .listroBox ul li {
      display: inline-block;
      margin-right: unset !important;
  }

  .Ropen {
      padding: 3.5px 2px !important;
  }

  #anabanner {
      height: 127px;
  }
}

@media (max-width: 353px) {
  .aciklama-box {
      height: 560px;
  }
}

tr.row3 {
  line-height: 2.9;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

tr.row2 {
  line-height: 2.9;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.acente-giris a {
  color: #1e2732;
  font-weight: bolder;
  font-size: 12px;
}

.userLoginPanel span i {
  position: absolute;
  left: 50%;
  font-size: 8px;
  top: 50%;
  transform: translate(-50%,-50%);
}

.userLoginPanel span {
  position: relative !important;
}

.user-wrapper a {
  position: relative;
}

.userLoginPanel .text p {
  display: none;
}

.user-wrapper a i {
  color: #e8e8ff ;
}

div#transfer .btn {
  padding: 12px 12px 10px;
}

/* .tab-content {

border-bottom-left-radius: 5px;

border-bottom-right-radius: 5px;

} */
.ekalanTur ul li:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  margin-right: 6px;
  color: #ef4444;
}

.ekalanTur li {
  font-size: 12px !important;
}

.ekalanTur ul {
  padding: unset;
}

span.kesinkalkislitur {
  font-size: 12px;
  margin-right: 8px;
}

.ekalanTur {
  display: flex !important;
  align-items: center;
}

span.kesinkalkislitur i {
  display: none;
}

span.kesinkalkislitur:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  margin-right: 6px;
  color: #ef4444;
}

#preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
}

#loadGif1 {
  width: 100%;
  height: 100%;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.oteller-kutu-genel ul {
  width: 100%;
}

.tur-landing-page .searcher .searchwrap {
  display: block;
  padding: 0px;
  background: #e8e8ff ;
  border-radius: 4px;
  /* border-radius: 8px; */
  position: absolute;
  top: 1.5%;
  left: 2%;
}

.buttonSearchBox {
  position: absolute;
  top: 30px;
  right: 1px;
  opacity: 0;
  display: none;
  transition: .2s all;
}

.buttonSearchBox button {
  color: white;
  background: #ef4444;
  border: unset;
  width: 79px;
  border-radius: 5px;
}

.buttonSearchBoxShow {
  opacity: 1 !important;
  display: block !important;
  transition: .2s all !important;
}

.tur-search-item {
  position: relative;
}

.datetimepicker th.switch {
  font-weight: 400 !important;
}

.datetimepicker th.dow {
  /* font-weight: 400; */
  font-size: .8em !important;
  color: #ef4444 !important;
}

table.table-condensed {
  width: 100%;
}

span.glyphicon.glyphicon-arrow-right:before {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
}

span.glyphicon.glyphicon-arrow-left:before {
  content: "\f053";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
}

@media (max-width: 767px) and (min-width: 576px) {
  /* .search-boxes {

display:none !important;

} */.hotelSliderNav {
      display: none;
  }

  .telefon-mobil {
      display: none;
  }

  .userLoginPanel .text {
      display: none;
  }

  .userLoginPanel {
      width: 62px;
      bottom: 0px;
      right: 2px;
  }

  .header-top .phoneEmail a {
      height: 35px;
      display: flex;
      width: 44px;
      justify-content: center;
  }

  .phoneEmail {
      margin-right: 16px;
  }

  .col-5.col-lg-6.col-md-7 .col-inner {
      margin-left: 33px;
  }

  .header-top .phoneEmail img {
      margin-right: unset;
  }
}

@media (max-width: 575px) {
  /* .search-boxes {

display:none !important;

} */.ekalanTurKesin {
      margin-bottom: 10px;
      margin-top: 10px;
  }

  .hotelSliderNav {
      display: none;
  }

  /* .col-shrink.order-last-lg {

top: 50% !important;

} */
  .col-shrink.order-last-lg button.btn.btn-toggle {
      /* position: absolute;

z-index: 99;

right: 8px;

top: 36px; */
      /* text-align: center; */
  }

  .telefon-mobil {
      display: none;
  }

  .userLoginPanel .text {
      display: none;
  }

  .userLoginPanel {
      width: 62px;
      /* bottom: 7px;

right: 2px; */
      margin-right: 5px;
  }

  .header-top .phoneEmail a {
      height: 33px;
      display: flex;
      width: 44px;
      justify-content: center;
  }

  .phoneEmail {
      margin-right: 10px;
  }

  .header-top .phoneEmail img {
      margin-right: unset;
  }
}

.puanlama.web-goster {
  top: 5%;
}

.puanlama.web-goster .txt {
  display: none;
}

.puanlama.web-goster {
  display: none;
}

i.fa.fa-heart-o.otel-kalp {
  display: none;
}

.col.child1 {
  display: none;
}

.col.child2 {
  display: none;
}

.col.child3 {
  display: none;
}

.col.child4 {
  display: none;
}

/* button.btn.btn-toggle.collapsed:after {

content: "Men ";

font-weight: 600;

} */
li.menu-item-has-children {
  padding: unset !important;
}

/* button.btn.btn-toggle:after {

content: "Kapat";

font-weight: 600;

} */
button.slick-prev.slick-arrow.slick-disabled {
  display: none !important;
}

.mini-carousel-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #ef4444;
  margin: 0 0 10px;
}

.denemebox.denemebox-mobil {
  display: none;
}

.owl-carousel.owl-theme.one-cikan.owl-loaded.owl-drag {
  background: #fcfcfc;
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 15px;
}

.one-cikan-firsatlar {
  margin-top: 15px;
}

.one-cikan-firsatlar {
  display: none;
}

.swiper-pagination {
  display: none;
}

.mobile-ziyaret-edilecek-yerler {
  display: none;
}

.oda-title-top-mobil {
  display: none;
}

.resim-popup-mobil {
  display: none;
}

.oteldetaybilgi-mobil {
  display: none;
}

.oda-ozellik-mobil {
  display: none;
}

#toplam-gece-mobil {
  display: none;
}

.fancybox-content {
  max-width: 500px !important;
  max-height: 700px !important;
  margin: 0 !important;
}

.contact-form .send {
  width: 100%;
  height: 50px;
  background: #ef4444;
  border: 2px solid #ef4444;
  color: #fff;
  transition: ease-in-out all 400ms;
  font-size: 14px;
  margin-top: 16px;
}

.form-grup {
  margin-bottom: 20px;
}

.page-content {
  padding: 20px 0px;
}

.bg-grey {
  background: #f7f7f7;
}

.page-content .content {
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  width: 100%;
}

.page-content .content h3 {
  font-size: 21px;
  border-left: 3px solid #e61b21;
  padding-left: 5px;
  margin: 0 0 10px;
  font-weight: 600;
}

.fancybox-content {
  max-width: 500px !important;
  max-height: 700px !important;
  margin: 0 !important;
}

.contact-form input, .contact-form select {
  background: transparent;
  border: 2px solid #e8e8e8;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
}

.contact-form textarea, .contact-form input, .contact-form select {
  background: transparent;
  border: 2px solid #e8e8e8;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
}

.contact-form textarea {
  height: auto !important;
}

.phoneEmail.mobilgizle img {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}

.phoneEmail.mobilgizle a {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  color: #1e2732;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fff5e1;
}

.mega-menu-wrap ul li a:hover {
  color: #025bb1;
}

label.form-check-label.musait-check {
  cursor: pointer;
  color: black !important;
  display: flex;
  align-items: center;
  font-weight: 900;
}

.mobile-position {
  position: fixed !important;
}

.mobile-position {
  display: block !important;
}

.nonescroll {
  overflow: hidden !important;
}

/* .ucretsiz-iptal i:empty {

display: none !important;

} */
.ucretsiz-iptal {
  color: #ef4444;
}

span.ekBadge {
  color: #ef4444;
}

.hover:has(> .onecikan-wrap ul:empty) {
  display: none;
}

/* .turtarihkutu:has( > .pasif .other-dates:empty) {

display: none !important;

} */
.ucretsiz-iptal:has(> .tooltip-kampanya i:empty) {
  display: none;
}

.onerilenlerItem:has(> .onerilen-tooltip:empty) {
  display: none;
}

.turtarihkutu:has(> .other-dates:empty) {
  display: none;
}

li.pull-right {
  z-index: 8;
}

.ekalanTur li {
  margin-right: 12px !important;
}

.Nopadding span.favori-icon.relative {
  position: absolute;
  top: 6px;
  left: 6px !important;
  background: white;
  width: 30px !important;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ef4444;
}

.Nopadding span.favori-icon.relative i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

div#yorumlar {
  margin-bottom: 20px;
}

.footer-mobile-menu {
  display: none;
}

button.devamBtn {
  display: none;
}

.mobil-tursab-etbis.masaustugizle {
  background: #fff !important;
  border-bottom: unset !important;
  justify-content: center;
  padding: 10px 0;
}

h2.mb-0.card-header-top {
  display: flex;
  align-items: center;
}

h2.mb-0.card-header-top i {
  /* margin-right: 10px; */
  font-size: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #ef4444;
}

.card-header-icon {
  width: 68px;
  height: 71px;
  border: 1px solid #dfdfdf;
  position: relative;
  margin-right: 10px;
}

.populer-tour-regions-mobile button.btn.btn-link.collapsed:after {
  content: '\f078' !important;
  position: absolute;
  right: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 20px;
  top: 50%;
  transition: .2s all;
  transform: translate(-50%,-50%);
}

.populer-tour-regions-mobile button.btn.btn-link {
  font-weight: 700;
  color: #ef4444;
}

.populer-tour-regions-mobile button.btn.btn-link.collapsed {
  font-weight: 500;
  color: #ef4444;
}

.populer-tour-regions-mobile button.btn.btn-link:after {
  content: '\f077' !important;
  position: absolute;
  right: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 20px;
  top: 50%;
  transition: .2s all;
  transform: translate(-50%,-50%);
}

.populer-tour-regions-mobile .card-header {
  background-color: rgb(255 255 255);
  border-bottom: 1px solid #d0d5e1;
}

.populer-tour-regions-mobile .card {
  border: unset !important;
}

.populer-tour-regions-mobile .card-body ul li {
  padding: 18px 0;
  border-bottom: 1px solid #d0d5e1;
  font-weight: 600;
  font-size: 16px;
}

.populer-tour-regions-mobile .card-body ul li:last-child {
  border-bottom: unset !important;
}

.populer-tour-regions-mobile li:after {
  content: '\f054';
  font-weight: 600;
  position: absolute;
  right: 7px;
  font-family: 'Font Awesome 5 Free';
  color: #ef4444;
}

.populer-tour-regions-mobile li {
  position: relative;
}

.populer-tour-regions-mobile .accordion>.card .card-header {
  margin-bottom: 0px !important;
}

.populer-tour-regions-mobile .row.card-body {
  background: #f1f9fd;
  padding: 0 15px;
  margin-top: 1px;
}

.populer-tour-regions-mobile {
  display: none;
}

.turtarihkutu {
  margin: 10px auto;
}

@keyframes yanson {
  50% {
      color: #fff;
      background: #ef4444;
  }
}

span.kesinkalkislitur:before {
  color: white !important;
}

span.kesinkalkislitur {
  color: white !important;
  background: #e8e8ff ;
  padding: 5px;
  color: #333;
  display: inline;
  padding: 5px 10px;
  border-radius: 4px;
  animation: yanson 1.5s linear infinite;
}

.ekalanTurKesin {
  margin-bottom: 10px;
}

.ekalanTurKesin:empty {
  display: none !important;
}

.turtarihkutu {
  position: relative;
}

.wrap1 ul li {
  position: relative;
  color: #ef4444;
}

.wrap1 ul li:first-child:before {
  content: '\f058';
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 3px;
}

.wrap1 ul li:nth-child(2):before {
  content: '\f058';
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 3px;
}

.wrap1 ul li:nth-child(3):before {
  content: '\f058';
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 3px;
}

.col-12.bordertype2 {
  display: none;
}

.col-12.bordertype1 {
  display: none;
}

p.favori-hover {
  display: none;
}

.cuzdan.ucretsiz-iptal p {
  border: 2px solid #ef4444;
  position: absolute;
  top: -58px;
  z-index: 9;
  background: white;
  width: 389px;
  left: -160px;
  font-size: 12px;
  padding: 5px;
  text-align: center;
}

.cuzdan.ucretsiz-iptal span {
  font-size: 14px;
  border: unset;
}

span.favori-icon.relative {
  z-index: 8;
}

/* ul.itinerary-list.mt-0 li {

border: 1px solid #e5e5e5;

} */
#program ul.itinerary-list > li + li {
  margin-top: unset !important;
  padding-left: 79px !important;
}

#program ul.itinerary-list > li {
  position: relative;
  padding-left: 79px !important;
}

#program ul.itinerary-list.mt-0 li p {
  padding: 10px;
}

#program .itinerary-list .itinerary-day {
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
  color: #BBB;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 900;
  text-align: right;
  transform: unset;
  display: block;
  width: 80px;
  height: 100%;
  border-right: 1px solid #e5e5e5;
}

#program .itinerary-day span {
  position: absolute;
  left: 0;
  /* top: 18px; */
  left: 0px;
  font-size: 15px;
  background: #e8e8ff ;
  width: 100%;
  height: 42px;
  /* vertical-align: middle; */
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ef4444;
}

#program .itinerary-list.mt-0 {
  border: 1px solid #e5e5e5;
}

#program .detail-header h6, .fullwidth-horizon-sticky-section h6 {
  font-size: 17px;
  border-bottom: solid 1px #e5e5e5;
  padding: 10px;
  font-size: 1.071rem;
  font-weight: 600;
  min-height: 40px;
  margin-bottom: 0;
  line-height: 140%;
  background-color: #fbfbfb;
  color: #ef4444;
  margin-top: unset !important;
}

.onerilenlerItem {
  background-color: #ffc652;
  border-top: 2px solid #ef4444;
  border-right: 2px solid #ef4444;
  border-bottom: 2px solid #ef4444;
  border-left: 2px solid #ef4444;
  height: 28px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 24px;
  top: 6px;
}

.onerilenlerItem i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #ef4444;
}

span.onerilen-tooltip {
  position: absolute;
  top: -39px;
  width: 118px;
  left: -52px;
  border: 2px solid #ef4444;
  z-index: 9;
  background: white;
  font-size: 11px;
  text-align: center;
  opacity: 0;
  transition: .2s all;
  display: none;
}

span.onerilen-tooltip:after {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  left: 50%;
  width: 11px;
  height: 5px;
  z-index: 999;
  bottom: -7px;
  background: #ef4444;
}

.onerilenlerItem:hover .onerilen-tooltip {
  opacity: 1;
  transition: .2s all;
  display: block !important;
}

.recomended p {
  display: none;
}

span.onerilen-tooltip p {
  display: block !important;
}

span.onerilen-tooltip i {
  display: none;
}

.filter-wrap .filter-list-wrap .scroll .filter-check-item {
  display: flex;
}

.social-item {
  cursor: pointer;
}

.social-item p {
  font-size: 14px;
  font-weight: 900;
  color: #ef4444;
}

.social-item:hover p {
  color: white;
}

section.fiyatSablon {
  margin: 10px auto !important;
}

#room-info-popup .title {
  display: none;
}

button.read-more {
  display: none;
}

.mobil-tursab-etbis.masaustugizle {
  width: 100%;
}

button#searchComplete {
  width: 50%;
  height: 40px;
  margin-top: 1px;
  border-radius: 5px;
  display: block;
  background: #ef4444;
  border: 0;
  color: #fff;
  font-size: 0.9rem;
  /* margin: 10px auto; */
  position: sticky;
  bottom: 0;
  width: 100%;
  border: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}

.menu-item-has-children.denemee ul {
  display: block !important;
}

.onerilen-tur-aciklama {
  display: none !important;
}

.onerilentur-box:has(> .onerilentur-item span:empty) {
  display: none !important;
}

.onerilentur-item {
  position: absolute;
  top: 10px;
  right: 7px;
}

.onerilentur-item p {
  color: white !important;
  background: #e8e8ff ;
  padding: 5px;
  color: #333;
  display: inline;
  font-size: 13px;
  padding: 3px 4px;
  border-radius: 4px;
  animation: yanson 1.5s linear infinite;
}

.col-12.bordertype3 a {
  color: white;
}

.content-info > div {
  /* background: gray; */
  /* border: 1px solid #e5e5e5; */
  /* padding: 0 50px; */
}

.hareket-noktasi-box {
  margin: 30px auto !important;
  border: 1px solid #e5e5e5;
  padding: 10px !important;
}

.hotelSliderNav ul li img {
  height: 90px;
  border-radius: 10px;
  object-fit: cover;
}

.owl-carousel.owl-theme.owl-otel-detay-slide.owl-loaded.owl-drag {
  margin-top: 15px;
}

.aciklama-alani {
  /* border: 1px solid #f2f2f2; */
  clear: both;
  margin-bottom: 15px;
  padding: 20px;
}

.aciklama-alani > .blur:first-child {
  overflow: hidden;
  height: 300px;
}

.row.blur.blur-open {
  height: auto;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.aciklama-alani p {
  color: black;
}

p.o-title {
  font-size: 15px !important;
  font-weight: bold;
}

.aciklama-alani p {
  font-size: 14px;
  color: black;
}

.devam {
  margin: 0 auto;
}

.uyelere-ozel {
  display: flex;
  border: 1px solid #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
}

.uye-text {
  display: grid;
}

.uye-header {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: black;
}

.kayit-giris a {
  padding: 0px;
  margin: 0px 20px 0px 0px;
  color: #368af8;
  font-weight: bold;
}

.owl-otel-detay-slide button.owl-prev {
  position: absolute;
  left: 0px;
  background: white !important;
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
}

.owl-otel-detay-slide .owl-nav button {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.owl-otel-detay-slide .owl-nav.disabled span {
  font-size: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -53%);
}

.owl-otel-detay-slide {
  height: auto !important;
}

.owl-otel-detay-slide button.owl-next {
  position: absolute;
  right: 0px;
  top: 40%;
  background: white !important;
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
}

.masaustugizle {
  display: none;
}

.tesis-not {
  border: 1px solid #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
}

.aciklama-alani > .blur:first-child::after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 50%;
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.85) 40%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}

.aciklama-alani > .blur {
  position: relative;
}

.devam {
  margin: 0 auto;
}

.blur-open::after {
  position: relative !important;
}

ul.ozellikler li {
  background: #f7f7f7;
  margin-top: 5px;
  border-radius: 22px;
  padding: 5px;
  text-align: center;
}

.fiyatSablon {
  background: white;
  margin: 10px auto;
  padding: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fiyatSablonKutu {
  position: relative;
  overflow: hidden;
}

.title.oda-title-top {
  position: relative;
}

.fiyatSablonKutu .title {
  max-width: 98%;
  margin-bottom: 10px;
  color: #42454a;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.metrekare .metreka {
  font-weight: bold;
}

ul.ozellikler a {
  color: #00aab1;
  font-size: 14px;
}

.consept {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.fiyat {
  display: flex !important;
  flex-direction: column;
  flex-basis: 37.5%;
  justify-content: center;
  text-align: center;
  height: 100%;
}

#toplam-gece-mobil {
  display: none;
}

h5 small, h6 small, small {
  font-size: 90%;
}

.old {
  color: #8f8f8f;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.38px;
  text-decoration: line-through;
}

.new {
  margin: 0 0 2px;
  color: #02aa02;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.54px;
}

.link a {
  background: #00aab1;
  color: white !important;
  width: 50%;
  padding: 15px 12px 12px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: unset;
}

.tour-content-box {
  float: left;
  width: 100%;
  padding: 20px 20px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  line-height: 1.4rem;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  border-radius: 30px;
}

.tour-content-box a {
  color: #02aa02;
}

button.btn.harita-show {
  /* position: absolute; */
  /* left: 50%; */
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  background: #3c3c3b;
  color: white;
  transition: .2s all;
  /* position: absolute; */
  /* top: calc(50% - 18px); */
  /* left: calc(50% - 75px); */
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px -5px;
  width: 155px;
  margin-left: 15px;
}

/* .map-box {

overflow: hidden;

margin-top: 20px;

} */
.map-box {
  position: relative;
}

.hero-banner.hero-banner-01.overlay-light.opacity-2 {
  margin-bottom: 20px;
}

div#ozellik {
  display: grid;
  /* grid-template-columns: repeat(2,1fr); */
  position: relative;
  margin-top: 15px;
}

.modal-header {
  border: unset;
}

.modal-content {
  background: #0000003d;
}

.varyokgenel .baslik {
  width: 100%;
  background: #eeeeef;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: bold;
  margin-right: 25px;
  padding: 15px;
  position: relative;
}

/* .yildizisaret {

display: block;

width: fit-content;

padding: 0px 10px;

background: #00aab1;

position: absolute;

float: left;

top: 0;

left: 0;

font-weight: bold;

} */
.varyokgenel ul li:before {
  color: green;
  margin-right: 5px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.varyokgenel ul li {
  list-style: none;
  /* width: 50%; */
  display: -webkit-inline-box;
  /* border: 1px solid gray; */
  height: 100%;
  border-bottom: 1px solid #f2f2f2;
}

.varyokgenel {
  width: 100%;
  position: relative;
  margin-top: 38px;
  /* border-top-left-radius: 22px; */
  overflow: hidden;
  /* border-top-right-radius: 22px; */
}

.varyokgenel ul {
  margin: 0;
  /* padding-left: 15px; */
  /* padding-top: 20px; */
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  border: 1px solid #e6e6e6;
  padding: 15px;
}

.home-carousel-area {
  padding-right: 0;
}

.oteller-kategori {
  display: flex;
  margin-bottom: 14px;
  width: 100%;
  background: #f2f2f2;
  padding: 0.3rem;
  transition: .2s all;
  border-radius: 12px;
  border-color: #f2f2f2;
}

.oteller-kategori:hover {
  background: #ef444485;
  transition: .2s all;
}

.oteller-kategori-box {
  background: white;
  /* margin-bottom: 15px; */
  border-radius: 12px;
  position: relative;
  display: flex;
  /* overflow: hidden; */
  width: 100%;
}

.oteller-kategori-box .image {
  display: flex;
  min-height: 200px;
}

.en-az-kisi:empty {
  display: none;
}

.en-az-kisi {
  position: absolute;
  left: 0;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  background: #003499;
  z-index: 2;
  top: 10px;
  left: 0px;
  padding-inline-end: 0.75rem; padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-inline-start: 0.75rem; border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* .favori-icon {

position: absolute;

left: 87% !important;

z-index: 9;

cursor: pointer;

top: 8px;

background: #e8e8ff ;

width: 30px;

height: 30px;

border-radius: 50%;

}

.favori-icon {

bottom: 5px;



} */
.oteller-kategori ul.item-meta {
  height: 56px;
}

span.oda-banyo {
  font-size: 12px;
  color: #182233;
  font-weight: 400;
}

.font700, .font-bold {
  font-weight: 700 !important;
}

.firsat-ilan:has(> span:empty) {
  display: none;
}

.firsat-ilan {
  text-align: right;
  position: relative;
}

span.firsat-button {
  background: #3E9E65;
  color: white;
  padding: 5px;
  border-radius: 16px;
  font-size: 12px;
  cursor: pointer;
}

p.mt-3.otel-kategori-fiyat {
  text-align: right;
}

p.mt-3.otel-kategori-fiyat {
  padding-bottom: var(--chakra-space-0\.5);
  color: rgb(60 60 59);
  font-size: 13px;
  font-weight: 400;
}

.otel-kategori-fiyat .text-muted {
  text-decoration: line-through;
}

.mr-5 {
  margin-right: 5px !important;
}

.text-muted {
  color: #9B9B9B !important;
}

.otel-kategori-fiyat .fiyat-item {
  color: #e8e8ff !important;
  font-size: 19px;
  font-weight: 700;
}

.otel-kategori-alt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-pack: justify;
  padding: 0.5rem 1rem;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top: 1px solid #e8e8ff 36;
}

.otel-kategori-alt span {
  background: #ef4444 ;
  color: white;
  font-size: 12px;
  padding: 0 15px;
  border-radius: 5px;
}

.oteller-kategori-box .image img {
  height: 200px;
  object-fit: cover;
  width: 356px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* .favori-icon i {

color: #ff0000;

font-size: 17px;

transition: ease-in-out all 400ms;

}

.favori-icon {



top: 5px !important;

left: 5px !important;

z-index: 9;

cursor: pointer;

background: #ff0000 ;

display: flex;

align-items: center;

justify-content: center;

width: 35px;

height: 35px;

border-radius: 50%;

} */
.icon-container-one {
  /* margin: 5px -15px 0 -15px; */
  padding: 10px 0px 10px;
  text-align: center;
}

.d-flex {
  display: flex !important;
}

.flex-fill.active {
  position: relative !important;
}

i.fa-solid.fa-user-group {
  color: #e8e8ff ;
}

.active .point {
  color: #2a2967 ;
}

.flex-fill {
  flex: 1 1 auto !important;
}

i.fa-solid.fa-bed {
  color: #2a2967 ;
}

i.fa-solid.fa-shower {
  color: #2a2967 ;
}

i.fa-solid.fa-water-ladder {
  color: #2a2967 ;
}

.active .point {
  color: #2a2967 ;
}

i.fa-solid.fa-bath {
  color: #2a2967 ;
}

.active .point {
  color: #2a2967 ;
}

i.fa-solid.fa-water-ladder {
  color: #2a2967 ;
}

i.fa-solid.fa-house-fire {
  color: #2a2967 ;
}

.flex-fill.active {
  border-right: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

.flex-fill.active:first-child {
  border-left: 1px solid #f2f2f2;
}

.share-dropdown.active {
  display: block;
}

.jssocials-shares i:before {
  font-family: 'Font Awesome 5 Brands';
}

.plaj-ozellikler p {
  position: relative;
  display: flex;
  align-items: center;
}

.plaj-img img {
  width: 115px;
  height: 155px;
}

.plaj-ozellikler p:before {
  content: '\f111';
  font-family: 'FontAwesome';
  font-size: 6px;
  color: #368af8;
  margin-right: 10px;
}

.wifi-box {
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  /* border: 1px solid var(--border-color); */
  padding: 28px;
  min-height: 178px;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.wifi-park-left {
  height: 72px;
  width: 72px;
  background-color: rgb(232, 246, 254);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 6px;
}

.wifi-park-right {
  margin-left: 15px;
}

p.header-wifi-park {
  font-weight: 700;
  font-size: 18px;
}

.box-text {
  font-weight: 600;
  font-size: 12px;
}

p.box-text i {
  color: green;
}

p:last-child {
  margin-bottom: 0;
}

.flex-fill.active:has(> .point:empty) {
  display: none;
}

/* .devam-btn div:before {

content: "Daha Fazla Goster";

} */
/* .small div:before {

content: "Daha Az Goster" !important;

} */
button.btn.devam-btn.small i {
  transform: rotate(180deg);
}

span.telefon-mobil {
  font-size: 12px;
}

.reklam-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  color: transparent;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid transparent;
}

.reklam-img {
  display: block;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(90deg, #ff75c3 0%, #ffa647 20%, #ffe83f 40%, #9fff5b 60%, #70e2ff 80%, #cd93ff 100%);
  height: 150px;
  width: 150px;
}

.reklam-box {
  display: flex !important;
}

.reklam-text {
  display: none;
}

.owl-item.active.hover:hover .reklam-text {
  display: block;
}

.owl-reklam-banners .owl-item.active.hover {
  width: 450px !important;
 /* Kalici genislik */
}

.owl-reklam-banners .owl-item.active.hover .reklam-text {
  display: block !important;
 /* Kalici metin goruntuleme */
}

.owl-reklam-banners .owl-item.active.hover .alan-txt {
  display: none !important;
}

span.alan-txt {
  font-size: 10px;
  width: 192px;
  display: block;
  /* text-align: center; */
  position: relative;
  /* bottom: -41px; */
  /* left: -15px; */
  text-align: center;
  z-index: 999;
  margin-left: -13px;
  height: 64px;
}

span.alan-txt:before {
  content: "";
  border: 1px solid #2a2967 e3;
  width: 68px;
  position: absolute;
  bottom: 4px;
  border-radius: 8px;
  left: 50%;
  transform: translate(-50%,-50%);
}

.owl-item.active.hover .reklam-box:before {
  content: blanchedalmond;
  content: "";
  width: 100%;
  position: absolute;
  background: #47c1c726;
  height: 100%;
  width: 80%;
  left: 18%;
  border-top-right-radius: 68px;
  border-bottom-right-radius: 68px;
  z-index: -1;
}

.reklam-box {
  z-index: 999;
}

.reklam-text {
  font-size: 12px;
  margin-left: 10px;
  margin-top: 14px;
}

.anabanner-search-alan-box .index-search-item {
  width: 100%;
}

.anabanner-search-alan-box .hero-inner {
  padding: 0;
}

/* 

.arrow-indicator::after{

content: "" !important;

} */
.destination-grid-item-01 {
  line-height: 1;
}

.destination-grid-item-01 a:hover {
  transform: translateY(-8px);
  z-index: 2;
}

.destination-grid-item-01 a:hover .image img {
  box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}

.destination-grid-item-01 a {
  display: block;
  color: inherit;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.destination-grid-item-01 .image img {
  object-fit: cover;
  border-radius: 20px;
  transition: box-shadow 0.35s ease;
}

.owl-populer figcaption.content {
  position: absolute;
  z-index: 9;
  bottom: 17px;
}

.destination-grid-item-01 .content {
  padding: 0 20px;
}

.destination-grid-item-01 figcaption.content h5 {
  color: white;
}

.destination-grid-item-01 h5 {
  font-weight: 600;
  margin: 20px 0 5px;
  line-height: 1;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.destination-grid-item-01 p {
  letter-spacing: 1px;
}

.text-muted {
  color: #9B9B9B !important;
}

.owl-populer .item .col-lg-12 {
  padding: unset;
}

.owl-populer .owl-stage-outer {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.popuelerbolgeler {
  margin: 30px auto;
}

/* --- Populer Bolgeler Yeni Tasar m --- */
a.populer-card {
  margin-bottom: 15px;
}

.populer-section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
}

.populer-section-left {
  display: flex;
  flex-direction: column;
}

.populer-section-label {
  font-size: 12px;
  font-weight: 700;
  color: #ef4444;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 6px;
}

.populer-section-left h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #1a1a2e;
  margin: 0;
  line-height: 1.2;
}

.populer-tumunu-gor {
  font-size: 14px;
  font-weight: 600;
  color: #003466;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color .2s;
}

.populer-tumunu-gor:hover {
  color: #ef4444;
  text-decoration: none;
}

.populer-tumunu-gor i {
  font-size: 12px;
  transition: transform .2s;
}

.populer-tumunu-gor:hover i {
  transform: translateX(3px);
}

.populer-card {
  display: block;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none !important;
  transition: transform .3s ease, box-shadow .3s ease;
}

.populer-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.populer-card-img {
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.populer-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

.populer-card:hover .populer-card-img img {
  transform: scale(1.06);
}

.populer-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  pointer-events: none;
  border-radius: 0 0 14px 14px;
}

.populer-card-info {
  position: absolute;
  bottom: 14px;
  left: 16px;
  right: 16px;
  z-index: 2;
}

.populer-card-info h3 {
  color: #fff;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 0 2px;
  line-height: 1.2;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.populer-card-info span {
  color: rgba(255,255,255,0.8);
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .populer-yeni {
      padding: 20px 15px 10px;
      border-radius: 12px;
  }

  .populer-section-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      margin-bottom: 16px;
  }

  .populer-section-left h2 {
      font-size: 20px !important;
  }

  .populer-card-img {
      height: 140px;
  }
}

.igStory {
  display: flex !important;
  justify-content: center;
}

.igStory .item {
  text-align: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 40px;
  padding: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.igStory .item .image {
  border-radius: 100%;
  background: white;
  width: 80px;
  height: 80px;
  padding: 2px;
  margin: 0 auto;
}

.igStory .item .image img {
  width: 80px;
  height: 75px;
  object-fit: cover;
  border-radius: 100%;
  margin: 0 auto;
}

.igStory .item span {
  line-height: normal;
  font-weight: 600;
  font-size: 14px;
  display: block;
  padding: 0 12px;
}

.sosyalstory-css h2 {
  font-weight: 200;
  line-height: 1.15;
  font-size: 38px;
  margin: 0;
  text-transform: capitalize;
  margin-bottom: 40px;
}

.sosyalstory-css {
  text-align: center;
}

.igStory small {
  font-size: 10px;
}

.storyWrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 99999;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.storyWrap .wrapper {
  width: 450px;
  height: 100%;
  background: #fff;
  position: relative;
}

.storyWrap .wrapper .imgWrap {
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.storyWrap .wrapper .load {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px 0px;
  background: #000;
}

.storyWrap .wrapper .load .barWrap {
  background: rgba(255, 255, 255, .6);
  width: 100%;
  height: 2px;
  border-radius: 20px;
}

.storyWrap .wrapper .load .barWrap .bar {
  width: 1%;
  background: #fff;
  height: 2px;
}

.storyWrap .wrapper .top {
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0;
  padding: 10px 10px;
  display: flex;
  align-items: center;
}

.storyWrap .wrapper .top .thumb {
  display: flex;
  align-items: center;
  float: left;
}

.storyWrap .wrapper .top .thumb .image {
  border-radius: 100%;
  background: linear-gradient(rgb(226, 156, 45), rgb(255, 240, 216));
  width: 35px;
  height: 35px;
  padding: 2px;
  margin-right: 5px;
}

.storyWrap .wrapper .top .thumb .image img {
  width: 35px;
  height: 30px;
  object-fit: cover;
  border-radius: 100%;
}

.storyWrap .wrapper .top .thumb span {
  display: inline-block;
  background: rgba(0, 0, 0, .40);
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 8px;
}

.storyWrap .wrapper .top .close {
  cursor: pointer;
  float: right;
  margin-left: auto;
  background: #ffffffa6;
  width: 35px;
  height: 35pxpx;
  text-align: center;
  line-height: 35px;
  border-radius: 6px;
  opacity: 1;
  color: #666;
}

.storyWrap .wrapper .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px 10px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: bounce .6s ease-in-out infinite;
  animation-direction: alternate;
}

.storyWrap .wrapper .bottom a {
  display: inline-block;
  background: rgba(0, 0, 0, .40);
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 8px;
}

@keyframes bounce {
  from {
      bottom: 2%;
  }

  to {
      bottom: 4%;
  }
}

.nopadmobil {
  padding: unset;
}

@media(max-width: 768px) {
  .tour-list .tour-box2 .content span {
      width: 100% !important;
  }

  .nopadmobil {
      padding-right: 15px;
      padding-left: 15px;
  }

  .storyWrap .wrapper {
      width: 100%;
      height: 100%;
  }

  #detay-tabs .slick-next, #detay-tabs .slick-prev {
      display: none !important;
  }

  .igStory {
      justify-content: left;
      overflow-x: auto;
      padding: 10px;
  }

  span.telefon-mobil {
      font-size: 10px;
  }
}

.social-alan {
  background: #e8e8ff;
  clear: both;
  padding: 24px;
}

section.popular-tour-regions.mt-30 {
  margin-bottom: 30px;
}

.social-alan h2 > span {
  font-weight: 700;
}

@keyframes pulseBorder {
  0% {
      box-shadow: 0 0 0 0 rgb(179 179 245);
  }

  50% {
      box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }

  100% {
      box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.igStory .item .image {
  border-radius: 100%;
  background: white;
  width: 80px;
  height: 80px;
  padding: 2px;
  margin: 0 auto;
  position: relative;
  animation: pulseBorder 2s infinite;
}

.igStory .item {
  position: relative;
  border-radius: 10px;
}

.igStory .item:after {
  content: "";
  border: 1px dashed #ffffff;
  top: 50%;
  position: absolute;
  width: 38px;
  left: 99px;
  z-index: 0;
}

.igStory .item:last-child:after {
  border: unset;
}

section {
  clear: both;
}

.bulten-uye {
  /* padding: 20px 0px; */
}

.bulten- ye .row {
  margin: 0 auto !important;
}

.bulten-uye .col-md-12 {
  padding: 0;
}

.bulten-uye .bulten form, .bulten-uye .uye {
  border: 1px solid #ddd;
  box-shadow: 3px 0px 5px #ddd;
  height: 200px;
  /* margin: 0 20px; */
  border-radius: 8px;
  padding: 15px 14px;
}

.bulten-uye .bulten p:nth-child(1) {
  font-weight: 600;
}

/* .bulten-uye .bulten input {

height: 30px !important;

} */
.bulten-uye .bulten .input-group-text {
  width: 10%;
  margin-right: 10px;
}

.bulten-uye .bulten .input-group-prepend {
  display: flex;
}

.bulten-uye .bulten .input-group-prepend p {
  font-size: 10px !important;
  line-height: 10px !important;
  padding-top: 5px;
}

.bulten-uye .bulten .input-group-prepend a {
  outline: #000 !important;
  text-decoration: underline !important;
}

.bulten-uye .bulten .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.bulten-uye .bulten .btn button {
  border-radius: 8px;
  border: 1px solid #ef4444;
  background-color: #ef4444;
  color: #fff;
  font-weight: 600;
  padding: 10px 30px;
  line-height: 20px;
}

.bulten-uye .uye {
  background-color: #e8e8ff;
  color: #fff;
}

.bulten-uye .uye .col-xs-6 {
  padding: 0px !important;
}

.bulten-uye .uye {
  padding: 0px !important;
}

.bulten-uye .uye .uye-info {
  padding: 15px !important;
}

.bulten-uye .uye .uye-info h3 {
  color: #ef4444;
  margin-top: 0 !important;
  font-size: 16px;
}

.bulten-uye .uye .uye-info .btn button {
  border-radius: 8px;
  font-weight: 600;
  line-height: 20px;
}

.bulten-uye .uye .uye-info .btn button:nth-child(1) {
  margin-right: 20px;
  padding: 5px 15px;
  border: 1px solid #fff;
  background-color: #fff;
  color: #ef4444;
}

.row.bulten p {
  color: #ef4444;
}

.bulten-uye .uye .uye-info p {
  color: #ef4444;
}

.col-md-6.col-xs-6.uye-info .btn {
  display: flex;
}

.bulten-uye .uye .uye-info .btn button:nth-child(2) {
  background-color: #ef4444;
  border: 1px solid #ef4444;
  padding: 5px 33px;
  color: white;
}

.bulten-uye .uye .uye-info p {
  line-height: 20px;
  padding-right: 10px;
  font-size: 15px;
}

.bulten-uye .uye img {
  max-height: 198px;
  border-radius: 6px 0 0;
}

.turbaslik-css .section-title {
  display: none;
}

input[type="checkbox"] {
  display: inline;
}

@media(max-width: 576px) {
  .bulten-uye .bulten, .bulten-uye .uye {
      height: auto;
      margin: 0;
  }

  .bulten-uye .bulten .btn button {
      margin-top: 0;
  }

  .bulten-uye .uye .uye-info h3 {
      font-size: 8px;
      margin: 0;
  }

  .bulten-uye .uye .uye-info p {
      font-size: 8px;
      margin: 0;
  }

  .bulten-uye .uye .uye-info .btn button:nth-child(1) {
      padding: 5px 6px;
      margin-right: 0px;
  }

  .bulten-uye .uye .uye-info .btn button:nth-child(2) {
      padding: 5px 15px;
  }

  .bulten-uye .uye img {
      max-height: 160px;
      height: 160px;
  }

  .hero-banner-01 .search-form-main .btn {
      height: 50px;
      line-height: 50px;
  }

  .alt-css {
      padding: 20px;
  }
}

.input-group-prepend {
  margin-top: 15px;
}

ul.contact-links {
  display: flex;
  justify-content: end;
}

ul.contact-links li {
  margin-right: 5px;
}

.links-container {
  width: 100%;
  /* margin: 30px auto; */
  text-align: right;
}

.contact-links {
  width: 100%;
  text-align: center;
}

.contact-links > li {
  display: inline-block;
  padding: 15px;
}

.contact-links > li a {
  position: relative;
  text-decoration: none;
  background: #ef4444;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.contact-links > li a:before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 40px;
  height: 40px;
  opacity: 0.8;
  border: 1px solid #ef4444;
  border-radius: 50%;
  transition: opacity 0.4s ease, transform 0.5s ease;
}

.contact-links > li a:hover:before {
  opacity: 0;
  transform: scale(1.6);
}

.contact-links > li a:hover i {
  -webkit-animation: 0.5s slide-icon cubic-bezier(0.694, 0.048, 0.335, 1) 0s;
  animation: 0.5s slide-icon cubic-bezier(0.694, 0.048, 0.335, 1) 0s;
}

.contact-links > li a:focus {
  opacity: 0.85;
}

.contact-links > li a i {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
}

@-webkit-keyframes slide-icon {
  49% {
      transform: translateX(-80px);
      opacity: 0;
  }

  50% {
      transform: translateX(80px);
  }

  80% {
      transform: translateX(0);
      opacity: 1;
  }
}

@keyframes slide-icon {
  49% {
      transform: translateX(-80px);
      opacity: 0;
  }

  50% {
      transform: translateX(80px);
  }

  80% {
      transform: translateX(0);
      opacity: 1;
  }
}

.whats-float small {
  font-size: 12px;
}

.whats-float {
  position: fixed;
  transform: translate(108px,0px);
  top: 50%;
  right: -13px;
  width: 166px;
  overflow: hidden;
  background-color: #25d366;
  color: #FFF;
  border-radius: 2px 0 0 2px;
  z-index: 10;
  transition: all 0.5s ease-in-out;
  vertical-align: middle
}

.whats-float.hemen-ara {
  top: 44%;
  background-color: #ef4444;
}

.whats-float a span {
  color: white;
  font-size: 15px;
  padding-top: 8px;
  padding-bottom: 10px;
  position: absolute;
  line-height: 16px;
  font-weight: bolder;
}

.whats-float i {
  font-size: 30px;
  color: white;
  line-height: 30px;
  padding: 10px;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
  text-align: center;
}

.whats-float:hover {
  color: #FFFFFF;
  transform: translate(0px,0px);
}

.whats-float:hover i {
  transform: rotate(360deg);
}

.whats-float {
  animation: pulseBorder 2s infinite;
}

@media(max-width: 768px) {
  .whats-float {
      display:none;
  }
}

.turbaslik1, .turbaslik2, .turbaslik3, .turbaslik4, .turbaslik5, .turbaslik6, .turbaslik7 {
  display: none;
}

.turlarigosterdi {
  display: block !important;
}

.tur-group-tab {
  clear: both;
}

.content-wrapper {
  position: relative;
}

span.closed {
  background: #ef4444;
  width: 100%;
  display: block;
  clear: both;
  text-align: center;
  padding: 3px;
  color: white;
}

.index-reklam {
  z-index: -1;
}

/* .owl-reklam-banners .owl-item {

transition: .2s all;

}

.owl-reklam-banners .owl-item.active.hover {

width: 450px !important;

transition: .2s all;

} */
.time-header {
  display: flex;
  justify-content: end;
  align-items: center;
}

.time-header .column {
  margin-right: 20px;
}

.sayac-alani {
  background: linear-gradient(90deg, rgb(123 70 152) 0%, rgb(122 70 151) 50%, rgb(98 108 160) 100%);
  padding: 20px;
}

.column {
  text-align: center;
  color: white;
  font-weight: 700;
}

.counter > .column {
  border-right: 1px solid white;
}

.sayac-alani .row {
  align-items: center;
}

.duyuru-img {
  width: 62px;
}

.sayac-alani .duyuru {
  display: flex !important;
  align-items: center;
}

.duyuru-text {
  margin-left: 20px;
  color: white;
  font-weight: 700;
  font-size: 16px;
}

a.detail {
  background: #ef4444;
  border-color: #ef4444;
  /* width: fit-content; */
  color: white;
  text-align: center;
  width: fit-content !important;
  padding: 5px;
  border-radius: 5px;
}

a.detail i {
  margin-left: 5px;
  font-size: 15px;
}

a.detail {
  display: flex !important;
  align-items: center;
  height: 40px;
}

.duyuru:has(> .duyuru-text:empty) {
  display: none !important;
}

.sayac-alani:has(> .gun-box .gun:empty) {
  display: none !important;
}

.duyuru-text.duyuru-text2 {
  text-shadow: rgb(255, 255, 255) -1px -1px 0px, rgb(255, 255, 255) 1px -1px 0px, rgb(255, 255, 255) -1px 1px 0px, rgb(255, 255, 255) 1px 1px 0px;
  color: #000;
}

.otelfiyatsablon .buy .indirimorancssana {
  display: inline-block;
  padding: 5px 10px;
  font-size: .7rem;
  color: #fff;
  background: #f85156;
  border-radius: 15px;
  border: 1px solid #fff;
  position: relative;
  font-weight: 700;
}

.otelfiyatsablon .buy .turbrutfiyat {
  text-align: right;
  color: #fff;
  background: #f85156;
  font-size: .7rem;
  display: inline-block;
  width: auto;
  margin-left: -32px;
  border-radius: 15px;
  padding: 5px 10px 5px 35px;
  text-decoration: line-through;
  border: 1px solid #fff;
  font-weight: 400;
}

.btn-group-item {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.btn-group-item {
  margin-top: 5px;
}

/* ========================================

Tourbulance Tabs & Search Box

======================================== */
/* --- Tabs --- */
.tb-nav-tabs.nav-tabs {
  border-bottom: 1px solid #e5e7eb;
  padding: 0 20px;
  margin: 0;
  background: transparent;
}

.tb-nav-tabs .nav-item {
  margin-bottom: -1px;
}

.tb-tab-link.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #6b7280 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  transition: color 0.2s, border-color 0.2s;
  margin: 0;
}

.tb-tab-link.nav-link i {
  font-size: 15px;
}

.tb-tab-link.nav-link.active, .tb-tab-link.nav-link:hover {
  color: #ef4444 !important;
  border-bottom-color: #ef4444 !important;
  background: transparent !important;
}

/* --- Search wrapper --- */
.tb-search-wrapper {
  padding: 18px 20px 16px;
}

.tb-search-form {
  width: 100%;
}

/* --- Search row: 3-column grid --- */
.tb-search-row {
  display: flex;
  align-items: flex-end;
  gap: 14px;
}

.tb-field-col {
  display: flex;
  flex-direction: column;
}

.tb-field-col-city {
  flex: 1.3;
}

.tb-field-col-date {
  flex: 1;
}

.tb-field-col-btn {
  flex: 0 0 auto;
}

/* --- Labels above inputs --- */
.tb-field-label {
  font-size: 12px;
  color: #374151;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* --- Input box --- */
.tb-input-box {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 0 14px;
  height: 48px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.tb-input-box:focus-within {
  border-color: #9ca3af;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.15);
}

.tb-input-icon {
  color: #9ca3af;
  font-size: 16px;
  margin-right: 10px;
  flex-shrink: 0;
}

.tb-input-box input[type="text"] {
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  width: 100%;
  padding: 0;
  height: 100%;
}

.tb-input-box input[type="text"]::placeholder {
  color: #9ca3af;
  font-weight: 400;
}

/* --- Search button --- */
.tb-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgb(232, 25, 50);
  color: #ffffff !important;
  border: none;
  border-radius: 10px;
  padding: 0 40px;
  height: 48px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
  min-width: 160px;
}

.tb-search-btn:hover {
  background: #d63e3e;
}

.tb-search-btn i {
  font-size: 26px;
}

/* --- Popular tags --- */
.tb-popular-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.tb-popular-label {
  font-size: 13px;
  color: rgb(232, 25, 50);
  font-weight: 600;
  margin-right: 2px;
}

.tb-tag {
  display: inline-block;
  padding: 5px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #1e40af;
  background: #eff6ff;
  border-radius: 20px;
  text-decoration: none !important;
  transition: all 0.2s;
  border: none;
}

.tb-tag:hover {
  color: #1e3a8a;
  background: #dbeafe;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .tb-search-row {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
  }

  .tb-field-col-city, .tb-field-col-date {
      flex: unset;
  }

  .tb-search-btn {
      width: 100%;
      min-width: unset;
  }

  .tb-popular-tags {
      justify-content: flex-start;
  }

  .tb-nav-tabs.nav-tabs {
      padding: 0 12px;
  }

  .tb-search-wrapper {
      padding: 14px 12px 12px;
  }
}

@media (max-width: 480px) {
  .tb-tab-link.nav-link {
      padding: 12px 14px;
      font-size: 13px;
  }

  .tb-input-box {
      height: 44px;
      padding: 0 12px;
  }

  .tb-search-btn {
      height: 44px;
      font-size: 14px;
  }

  .tb-field-label {
      font-size: 11px;
  }
}

/* --- Guest Popup (Hotel Tab) --- */
.tb-guest-wrap {
  position: relative;
}

.tb-guest-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px 12px;
  cursor: pointer;
  height: auto;
  min-height: 38px;
  transition: border-color 0.2s;
}

.tb-guest-trigger:hover {
  border-color: #999;
}

.tb-guest-trigger .person-total {
  border: none !important;
  padding: 0 !important;
  margin: 0;
  background: none !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: 1.4 !important;
  font-size: 13px;
  font-weight: 500;
  color: #1f2937;
  display: inline;
}

.tb-guest-icon {
  color: #1e3a5f;
  font-size: 14px;
  flex-shrink: 0;
  margin-left: 8px;
}

.tb-guest-popup {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 280px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  z-index: 100;
  margin-top: 4px;
  padding: 16px;
}

.tb-guest-popup.open {
  display: block;
}

.tb-guest-popup-inner .row {
  margin-left: -6px;
  margin-right: -6px;
}

.tb-guest-popup-inner .row > [class*="col-"] {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 10px;
}

.tb-guest-popup-inner label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
  display: block;
}

.tb-guest-popup-inner select {
  width: 100%;
  height: 36px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0 8px;
  font-size: 13px;
  color: #1f2937;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
}

.tb-guest-popup-inner select:focus {
  border-color: #6b7280;
  outline: none;
}

/* ========================================

Deneyim / Stats Parallax Bar

======================================== */
.deneyim-parallax {
  position: relative;
  background: url('/site/images/deneyim-bg.jpg') center center / cover no-repeat fixed;
  padding: 40px 0;
  overflow: hidden;
}

.deneyim-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%);
  opacity: 0.95;
}

.deneyim-row {
  position: relative;
  z-index: 2;
}

.deneyim-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}

.deneyim-icon {
  width: 48px;
  height: 48px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.deneyim-icon i {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.85);
}

.deneyim-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.deneyim-num {
  line-height: 1.2;
}

.deneyim-sayi {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  display: inline;
}

.deneyim-plus {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  display: inline;
}

.deneyim-baslik {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.deneyim-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .deneyim-parallax {
      margin-top: unset !important;
      padding: 24px 0;
  }

  .deneyim-item {
      gap: 10px;
      padding: 10px 0;
  }

  .deneyim-icon {
      width: 40px;
      height: 40px;
      border-radius: 10px;
  }

  .deneyim-icon i {
      font-size: 17px;
  }

  .deneyim-sayi, .deneyim-plus, .deneyim-baslik {
      font-size: 17px;
  }

  .deneyim-label {
      font-size: 11px;
  }
}

span.fiyat-tursablon {
  position: absolute !important;
  left: 150px !important;
  top: 10px !important;
  right: 7px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(6px) !important;
  border-radius: 10px !important;
  padding: 7px 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
  font-size: 15px !important;
  z-index: 999 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* ========================================

Modern Tour Card Styles

======================================== */
.tour-card-modern {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 4px 20px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  margin: 10px auto;
  display: flex;
  flex-direction: column;
}

.tour-card-modern:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12), 0 8px 32px rgba(0,0,0,0.1);
  transform: translateY(-4px);
}

.tour-card-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.tour-card-link:hover {
  text-decoration: none;
  color: inherit;
}

.tour-card-image {
  position: relative;
  overflow: hidden;
}

.tour-card-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.tour-card-modern:hover .tour-card-image img {
  transform: scale(1.05);
}

/* Accent bar - hidden in new design */
.tour-card-accent {
  display: none;
}

/* Vize Badge - green, top-left */
.tour-badge-vize {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

.tour-badge-vize:empty {
  display: none;
}

/* nerilen Badge - below vize */
.tour-badge-firsat {
  position: absolute;
  top: 46px;
  left: 12px;
  z-index: 2;
}

.tour-badge-firsat:empty {
  display: none;
}

.tour-badge-vize:empty ~ .tour-badge-firsat {
  top: 12px;
}

/* Ulasim Badge - bottom-left of image */
.tour-badge-ulasim {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: rgba(0,0,0,0.55);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 6px;
  z-index: 2;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.tour-badge-ulasim:empty {
  display: none;
}

/* Favori icon - tour card */
.tour-card-favori {
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  background: rgba(255, 255, 255, 0.9);
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  float: none !important;
}

.tour-card-favori:hover {
  background: #ffffff;
  transform: scale(1.1);
}

.tour-card-favori i {
  color: #9ca3af !important;
  font-size: 16px !important;
  line-height: 1;
}

.tour-card-favori i.fa-heart, .tour-card-favori i.favori-aktif {
  color: #ef4444 !important;
}

.why-to-travel-item img {
  width: 32px;
}

/* Card Content */
.tour-card-content {
  padding: 16px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tour-card-footer.hotel-card-footer {
  height: 57px;
}

.owl-carousel.owl-theme.owl-tour.owl-loaded.owl-drag {
  margin-bottom: 40px;
}

h3.tour-card-title {
  min-height: unset;
}

.tour-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 10px 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 42px;
}

/* Meta info row */
.tour-card-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.tour-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

.tour-meta-item i {
  font-size: 11px;
  color: #22c55e;
}

/* Route / Gezilecek Yerler */
.tour-card-route {
  font-size: 12px;
  color: #2563eb;
  background: #eff6ff;
  margin: 0 0 14px 0;
  padding: 8px 12px;
  border-radius: 6px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

.route-arrow {
  display: none;
  color: #93c5fd;
  font-size: 11px;
  margin: 0 2px;
}

/* Divider */
.tour-card-divider {
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 12px;
}

/* Bottom row - price + button */
.tour-card-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}

.tour-card-pricing {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.tour-card-price-top {
  display: flex;
  align-items: center;
  gap: 8px;
}

span.brut-price {
  font-size: 12px;
  color: #9ca3af;
  text-decoration: line-through;
  font-weight: 400;
}

span.onerilen-tur-icon {
  background: #fe9a00;
  color: white;
  padding: 5px;
  border-radius: 10px;
  font-size: 12px;
}

.tour-discount-badge {
  background: #ef4444;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 1.3;
}

.tour-card-pricing .new-price {
  font-size: 22px;
  color: #ef4444;
  font-weight: 800;
  line-height: 1.2;
}

.tour-price-per {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 400;
}

.tour-incele-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  border: 1.5px solid #1e2732;
  transition: all 0.2s ease;
  white-space: nowrap;
  background: #1e2732;
}

span.tour-meta-item.gece-gun {
  background: #eff6ff;
  padding: 3px 9px;
  border-radius: 10px;
}

span.tour-meta-item.gece-gun svg {
  color: #1e2732;
}

span.tour-meta-item.cikis-tarihi svg {
  color: #fe9a00;
}

.indirimorancssana {
  color: #e7000b;
  font-size: 10px;
}

.indirim-orani {
  background: #ffe2e2;
  padding: 2px;
  border-radius: 5px;
}

span.tour-meta-item.cikis-tarihi {
  background: #f0fdf4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: black;
  font-size: 13px;
  border-radius: 20px;
  transition: all 0.2s ease;
  white-space: nowrap;
  background: #f0fdf4;
  padding: 3px 9px;
  border-radius: 10px;
}

.tour-card-link:hover .tour-incele-btn {
  background: #ef4444;
  color: #ffffff;
}

.tour-incele-btn i {
  font-size: 11px;
  transition: transform 0.2s ease;
}

.tour-card-link:hover .tour-incele-btn i {
  transform: translateX(3px);
}

/* Legacy classes kept for compatibility */
.tour-card-footer.hotel-card-footer {
  justify-content: flex-end;
  border-top: 1px solid #dedede;
}

.tour-card-footer {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.tour-card-price-label {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 400;
}

.tour-card-price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.tour-card-footer .new-price {
  font-size: 16px;
  color: #1a1a2e;
  font-weight: 800;
}

/* Owl Carousel Tour Cards */
.owl-tour .tour-card-modern {
  margin: 6px 5px 20px;
}

/* Owl Tour Nav Buttons */
.owl-tour .owl-nav {
  position: absolute;
  top: 35%;
  transform: translateY(-100%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  padding: 0 10px;
}

.owl-tour .owl-nav button.owl-prev, .owl-tour .owl-nav button.owl-next {
  width: 44px !important;
  height: 44px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
  pointer-events: auto;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  /* position: relative !important; */
  /* left: auto !important; */
  /* right: auto !important; */
  top: auto !important;
}

.owl-tour .owl-nav button.owl-prev:hover, .owl-tour .owl-nav button.owl-next:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  transform: scale(1.05);
}

.owl-tour .owl-nav button span {
  font-size: 24px !important;
  color: #374151 !important;
  line-height: 1 !important;
}

.owl-tour .owl-nav.disabled {
  display: none !important;
}

/* Home Tour List Grid */
.home-tour-list .tour-card-modern {
  height: 100%;
}

.home-tour-list .owl-tour {
  position: relative;
}

/* Tour Group "View All" Button */
.section-title.has-view-all-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.section-title.has-view-all-btn h2 {
  margin: 0;
}

.btn-tour-group-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  /* background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); */
  color: #2563eb;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  /* box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3); */
  white-space: nowrap;
  flex-shrink: 0;
}

.btn-tour-group-all i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.btn-tour-group-all:hover i {
  transform: translateX(4px);
}

/* Ensure image fills card properly */
.tour-card-modern .tour-card-image img, .tour-card-modern .tour-card-image .lazyload {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}

/* Responsive */
@media (max-width: 768px) {
  .tour-card-image img {
      height: 180px;
  }

  .tour-card-title {
      font-size: 14px;
      min-height: 40px;
  }

  .tour-badge-firsat {
      font-size: 10px;
      padding: 4px 8px;
  }

  .tour-badge-ulasim {
      font-size: 11px;
      padding: 4px 8px;
  }

  .tour-card-content {
      padding: 12px 14px;
  }

  .tour-card-pricing .new-price {
      font-size: 18px;
  }

  .tour-incele-btn {
      padding: 8px 14px;
      font-size: 12px;
  }

  .tour-card-meta {
      gap: 10px;
  }

  .tour-meta-item {
      font-size: 11px;
  }
}

/* Accent bar artik .tour-card-accent ile saglaniyor */
/* ===== Blog Card Modern ===== */
.blog-card-modern {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  margin-bottom: 25px;
}

.blog-card-modern:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.blog-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.blog-card-image {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  /* margin: 10px; */
}

.blog-card-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  /* border-radius: 12px; */
  transition: transform 0.4s ease;
}

.blog-card-modern:hover .blog-card-image img {
  transform: scale(1.08);
}

/* Dark Overlay on Hover */
.blog-card-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.blog-card-modern:hover .blog-card-image::before {
  opacity: 1;
}

/* Magnifying Glass Icon */
.blog-card-image .search-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}

.blog-card-image .search-icon i {
  font-size: 20px;
  color: #333;
}

.blog-card-modern:hover .blog-card-image .search-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Colored Bar Effect */
.blog-card-image::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  z-index: 2;
  background: linear-gradient(to right, #fbce01 0%, #ff0600 100%);
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 0.3s ease;
  border-radius: 0 0 12px 12px;
}

.blog-card-modern:hover .blog-card-image::after {
  transform: scaleX(1);
}

.blog-card-content {
  padding: 15px 15px 20px;
}

.blog-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s ease;
}

.blog-card-modern:hover .blog-card-title {
  color: #3b82f6;
}

@media (max-width: 991px) {
  .blog-card-image img {
      height: 180px;
  }

  .blog-card-title {
      font-size: 15px;
  }
}

@media (max-width: 575px) {
  .blog-card-modern {
      margin-bottom: 20px;
  }

  .blog-card-image img {
      height: 200px;
  }
}

/* Blog Section */
.blog-section {
  padding: 60px 0;
}

.blog-grid {
  display: flex;
  flex-wrap: wrap;
}

.blog-grid > [class*="col-"] {
  display: flex;
}

.blog-grid .blog-card-modern {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.blog-grid .blog-card-content {
  flex: 1;
}

.tour-card-image:before {
  top: 0;
  background: #181818;
  opacity: 0;
  z-index: 1;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  transition: 300ms ease all;
  pointer-events: none;
}

.tour-card-image:hover:before {
  opacity: .55;
}

/* ========================================

H zl Kategori - Animated Styles

======================================== */
.hizli-kat-menu-list {
  border-bottom: 1px solid #dedede;
  padding-bottom: 41px;
  overflow: hidden;
  padding-top: 19px;
}

.hizli-kat-menu-list .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* Scroll Triggered Animation */
.hizli-kat-menu-list .col-lg-2 {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.hizli-kat-menu-list.animated .col-lg-2 {
  opacity: 1;
  transform: translateY(0);
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(1) {
  transition-delay: 0.05s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(2) {
  transition-delay: 0.1s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(3) {
  transition-delay: 0.15s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(4) {
  transition-delay: 0.2s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(5) {
  transition-delay: 0.25s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(6) {
  transition-delay: 0.3s;
}

.hizli-kat-box {
  text-align: center;
  padding: 20px 15px;
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
  position: relative;
}

.hizli-kat-box:hover {
  background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);
  box-shadow: 0 15px 40px rgba(239, 68, 68, 0.15);
  transform: translateY(-8px);
}

.hizli-kat-img- {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.hizli-kat-box img {
  width: 130px;
  height: 130px;
  transition: all 0.4s ease;
  /* filter: drop-shadow(0 5px 15px rgba(239, 68, 68, 0.2)); */
}

.hizli-kat-box:hover img {
  transform: scale(1.15) rotate(5deg);
  /* filter: drop-shadow(0 10px 25px rgba(239, 68, 68, 0.3)); */
}

/* Floating Animation for Icons */
.hizli-kat-box img {
  animation: floatIcon 3s ease-in-out infinite;
}

.hizli-kat-menu-list .col-lg-2:nth-child(1) .hizli-kat-box img {
  animation-delay: 0s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(2) .hizli-kat-box img {
  animation-delay: 0.5s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(3) .hizli-kat-box img {
  animation-delay: 1s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(4) .hizli-kat-box img {
  animation-delay: 1.5s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(5) .hizli-kat-box img {
  animation-delay: 2s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(6) .hizli-kat-box img {
  animation-delay: 2.5s;
}

@keyframes floatIcon {
  0%, 100% {
      transform: translateY(0);
  }

  50% {
      transform: translateY(-8px);
  }
}

.hizli-kat-box:hover img {
  animation: none;
  transform: scale(1.15) rotate(5deg);
}

.hizli-kat-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #1f2937;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.hizli-kat-box:hover .hizli-kat-text {
  color: #ef4444;
}

/* Underline Animation */
.hizli-kat-text::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #ef4444;
  margin: 8px auto 0;
  transition: width 0.3s ease;
  border-radius: 2px;
}

.hizli-kat-box:hover .hizli-kat-text::after {
  width: 50px;
}

/* Responsive */
@media (max-width: 991px) {
  .hizli-kat-menu-list .col-lg-2 {
      flex: 0 0 33.333%;
      max-width: 33.333%;
      margin-bottom: 20px;
  }

  .hizli-kat-box img {
      width: 70px;
      height: 70px;
  }

  .hizli-kat-text {
      font-size: 11px;
  }
}

@media (max-width: 576px) {
  .hizli-kat-menu-list .col-lg-2 {
      flex: 0 0 50%;
      max-width: 50%;
  }

  .hizli-kat-box {
      padding: 15px 10px;
  }
}

.hero-slide-item {
  position: relative;
}

.hero-slide-item .hero-slide-inner {
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.hero-slide-title {
  font-size: 50px;
  font-weight: 500;
  margin: 0 0 8px 0;
  line-height: 1;
  color: #ffffff;
  width: auto;
}

.hero-slide-subtitle {
  font-size: 18px;
  margin: 0 0 24px 0;
  color: #ffffff;
  opacity: 0.95;
  margin-block-start: 0; margin-block-end: .9rem; }

.hero-slide-features {
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
  flex-wrap: wrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 14px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  white-space: nowrap;
}

.price-old {
  font-size: 14px;
  text-decoration: line-through;
  opacity: 0.7;
  margin-bottom: 4px;
  color: #ffffff;
}

.price-new {
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

.hero-badge-firsat {
  background: #ef4444;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
}

.hero-slide-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #263144bd;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  width: auto;
  text-align: center;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 15;
  pointer-events: auto !important;
}

.hero-slide-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.554) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
  z-index: 1;
}

.main-footer {
  background: rgb(17 24 39);
  position: relative;
  margin-top: 80px;
}

.col-lg-4.col-md-5.col-sm-4.col-12 {
  color: white;
}

/* Wave Shape at Top of Footer - 2 Large Waves */
/* .main-footer::before {

content: "";

position: absolute;

top: -79px;

left: 0;

width: 100%;

height: 80px;

background-image: url(../images/indir.svg);

background-size: 100% 100%;

background-repeat: no-repeat;

} */
@media (max-width: 768px) {
  .main-footer {
      margin-top: 50px;
  }

  .main-footer::before {
      top: -49px;
      height: 50px;
  }
}

/* Anasayfa turlar alan - #dedede arka plan, st/alt dalga (indir.svg) */
.asayfa-turlar-wave-bg {
  position: relative;
  background-color: #f7f7f7;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* 

.asayfa-turlar-wave-bg::before,

.asayfa-turlar-wave-bg::after {

content: "";

position: absolute;

left: 0;

width: 100%;

height: 80px;

background-color: #ffffff;

background-size: 100% 100%;

background-repeat: no-repeat;

-webkit-mask-image: url(../images/indir.svg);

mask-image: url(../images/indir.svg);

-webkit-mask-size: 100% 100%;

mask-size: 100% 100%;

-webkit-mask-repeat: no-repeat;

mask-repeat: no-repeat;

} */
/* Ust dalga dalga asagi dogru bolume girsin */
.asayfa-turlar-wave-bg::before {
  top: 0;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  transform: scaleY(-1);
}

/* Alt dalga dalga yukari dogru bolume girsin */
.asayfa-turlar-wave-bg::after {
  bottom: 0;
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
}

@media (max-width: 768px) {
  .asayfa-turlar-wave-bg {
      padding-top: 0px;
      padding-bottom: 0px;
  }

  .anasayfa-tur-banners.col-lg-12 {
      padding-right: 15px !important;
      padding-left: 15px !important;
  }

  .asayfa-turlar-wave-bg::before, .asayfa-turlar-wave-bg::after {
      height: 50px;
  }
}

/* .filter-list-wrap .title:before {

content: "";

position: absolute;

left: 0;

top: 7px;

width: 5px;

height: 24px;

border-radius: 0 5px 5px 0;

background: #e81932;

} */
/* ===== Hotel Deals Section - Modern Design ===== */
.hotel-deals-section {
  padding: 40px 0;
  background: #fff;
  margin-top: 30px;
}

/* Header */
.hotel-deals-header {
  margin-bottom: 25px;
}

.hotel-deals-title {
  font-size: 28px;
  font-weight: 700;
  color: #1e3a5f;
  margin: 0;
}

/* Tabs Wrapper */
.hotel-deals-tabs-wrapper {
  margin-bottom: 25px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.hotel-deals-tabs-wrapper::-webkit-scrollbar {
  display: none;
}

/* Pill Tabs */
.hotel-deals-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
}

.hotel-deals-tabs li {
  margin: 0;
  flex-shrink: 0;
}

.hotel-deals-tabs li a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.hotel-deals-tabs li a:hover {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #ef4444;
}

.hotel-deals-tabs li.active a, .hotel-deals-tabs li a.active {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #fff !important;
}

/* Content Area */
.hotel-deals-content {
  position: relative;
}

.hotel-deals-content .tab-content {
  position: relative;
}

/* Hotel Card Modern Style */
.hotel-deals-section .otel-kutu-card, .hotel-deals-section .card.otel-kutu-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  margin-bottom: 20px;
  border: none;
}

.hotel-deals-section .otel-kutu-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.hotel-deals-section .oteller-kutu-resim {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  margin: 8px;
}

.hotel-deals-section .oteller-kutu-resim img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.4s ease;
}

.hotel-deals-section .otel-kutu-card:hover .oteller-kutu-resim img {
  transform: scale(1.05);
}

/* Bottom Links */
.hotel-deals-links {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.hotel-deals-links .hotel-link {
  display: none;
  align-items: center;
  gap: 8px;
  color: #0ea5e9;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.hotel-deals-links .hotel-link.oteligosterdi {
  display: inline-flex;
}

.hotel-deals-links .hotel-link:hover {
  color: #0284c7;
}

/* Carousel Navigation for Hotels */
.hotel-deals-section .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  padding: 0 10px;
  left: 0;
}

.hotel-deals-section .owl-nav button {
  pointer-events: auto;
  width: 45px;
  height: 45px;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb !important;
}

.hotel-deals-section .owl-nav button:hover {
  background: #f3f4f6 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.hotel-deals-section .owl-nav button span {
  font-size: 20px;
  color: #374151;
  line-height: 1;
}

.hotel-deals-section .owl-nav button.owl-prev {
  margin-left: -20px;
}

.hotel-deals-section .owl-nav button.owl-next {
  margin-right: -20px;
}

/* Responsive */
@media (max-width: 991px) {
  .hotel-deals-title {
      font-size: 24px;
  }

  .hotel-deals-tabs li a {
      padding: 8px 16px;
      font-size: 13px;
  }
}

@media (max-width: 767px) {
  .hotel-deals-section {
      padding: 30px 0;
  }

  .hotel-deals-title {
      font-size: 20px;
  }

  .hotel-deals-tabs {
      gap: 8px;
  }

  .hotel-deals-tabs li a {
      padding: 8px 14px;
      font-size: 12px;
  }

  .hotel-deals-section .owl-nav button {
      width: 35px;
      height: 35px;
  }

  .hotel-deals-section .owl-nav button span {
      font-size: 16px;
  }
}

/* ===== Reviews Timeline Section ===== */
.reviews-timeline-section {
  padding: 80px 0;
  /* background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%); */
  position: relative;
  overflow: hidden;
}

/* Header */
.reviews-timeline-header {
  text-align: center;
  margin-bottom: 60px;
}

.timeline-badge {
  display: inline-block;
  padding: 10px 24px;
  background: linear-gradient(135deg, #e25757, #ff8d6e);
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 18px;
}

.timeline-title {
  font-size: 40px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px;
}

.timeline-subtitle {
  font-size: 17px;
  color: #64748b;
  margin: 0;
}

/* Timeline Container */
.reviews-timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

/* Timeline Line */
.timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #e25757 0%, #ff8d6e 50%, #ffb088 100%);
  transform: translateX(-50%);
  border-radius: 5px;
}

/* Timeline Item */
.timeline-item {
  position: relative;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.timeline-item.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Alternating Layout */
.timeline-item:nth-child(odd) {
  padding-right: calc(50% + 35px);
}

.timeline-item:nth-child(even) {
  padding-left: calc(50% + 35px);
}

.timeline-item:nth-child(odd) .timeline-content {
  text-align: right;
}

.timeline-item:nth-child(even) .timeline-content {
  text-align: left;
}

/* Timeline Dot */
.timeline-dot {
  position: absolute;
  left: 50%;
  top: 40px;
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, #e25757, #ff8d6e);
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 4px 20px rgba(226, 87, 87, 0.4);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.timeline-item.visible .timeline-dot {
  transform: translateX(-50%) scale(1);
}

.timeline-dot i {
  color: #fff;
  font-size: 20px;
}

/* Timeline Card */
.timeline-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 550px;
}

.timeline-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Card Header */
.timeline-card-header {
  padding: 15px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.timeline-hotel-name {
  font-size: 17px;
  font-weight: 600;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.3s ease;
}

.timeline-hotel-name:hover {
  color: #3b82f6;
}

.timeline-date {
  font-size: 13px;
  color: #64748b;
  background: #e2e8f0;
  padding: 4px 12px;
  border-radius: 20px;
}

/* Card Body */
.timeline-card-body {
  display: flex;
  gap: 25px;
  padding: 25px;
}

/* Image Section */
.timeline-image {
  position: relative;
  flex-shrink: 0;
  width: 200px;
  height: 150px;
  border-radius: 12px;
  overflow: hidden;
}

.timeline-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.timeline-card:hover .timeline-image img {
  transform: scale(1.1);
}

.timeline-view-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0 0 0 / 37%);
  color: #ffffff;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  opacity: 0;
  transform: translateY(0px);
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timeline-card:hover .timeline-view-btn {
  opacity: 1;
  transform: translateY(0);
}

.timeline-view-btn:hover {
  background: #00000061;
  color: #fff;
}

/* Review Section */
.timeline-review {
  flex: 1;
  min-width: 0;
}

.timeline-author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.author-avatar {
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, #e25757, #ff8d6e);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.author-avatar i {
  color: #fff;
  font-size: 16px;
}

.author-name {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}

.timeline-message {
  font-size: 15px;
  color: #475569;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Staggered Animation Delays */
.timeline-item:nth-child(1) {
  transition-delay: 0s;
}

.timeline-item:nth-child(2) {
  transition-delay: 0.1s;
}

.timeline-item:nth-child(3) {
  transition-delay: 0.2s;
}

.timeline-item:nth-child(4) {
  transition-delay: 0.3s;
}

.timeline-item:nth-child(5) {
  transition-delay: 0.4s;
}

.timeline-item:nth-child(6) {
  transition-delay: 0.5s;
}

/* Responsive */
@media (max-width: 991px) {
  .reviews-timeline-section {
      padding: 60px 0;
  }

  .timeline-title {
      font-size: 28px;
  }

  .timeline-line {
      left: 25px;
  }

  .timeline-item:nth-child(odd), .timeline-item:nth-child(even) {
      padding-left: 70px;
      padding-right: 0;
  }

  .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content {
      text-align: left;
  }

  .timeline-dot {
      left: 25px;
      width: 40px;
      height: 40px;
  }

  .timeline-dot i {
      font-size: 16px;
  }

  .timeline-card-body {
      flex-direction: column;
  }

  .timeline-image {
      width: 100%;
      height: 180px;
  }
}

@media (max-width: 575px) {
  .reviews-timeline-section {
      padding: 40px 0;
  }

  .timeline-title {
      font-size: 24px;
  }

  .timeline-badge {
      font-size: 12px;
      padding: 6px 15px;
  }

  .reviews-timeline-header {
      margin-bottom: 40px;
  }

  .timeline-line {
      left: 20px;
      width: 3px;
  }

  .timeline-item:nth-child(odd), .timeline-item:nth-child(even) {
      padding-left: 55px;
  }

  .timeline-dot {
      left: 20px;
      width: 35px;
      height: 35px;
  }

  .timeline-dot i {
      font-size: 14px;
  }

  .timeline-card-header {
      padding: 12px 15px;
  }

  .timeline-card-body {
      padding: 15px;
  }

  .timeline-hotel-name {
      font-size: 14px;
  }
}

/* ===== Iletisim Bolum ===== */
.iletisim-form-alan-box {
  background: #f5f5f5;
  padding: 50px 0;
}

.iletisim-card {
  background: #fff;
  border-radius: 16px;
  padding: 50px 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.iletisim-sol {
  flex-shrink: 0;
  max-width: 320px;
}

.iletisim-baslik {
  font-size: 32px;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1.25;
  margin: 0 0 12px;
  font-family: "Poppins", sans-serif;
}

.iletisim-alt-baslik {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

.iletisim-sag {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  justify-content: center;
}

.iletisim-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 30px;
  flex: 1;
}

.iletisim-divider {
  width: 1px;
  height: 60px;
  background: #ddd;
  flex-shrink: 0;
}

.iletisim-icon-wrap {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iletisim-icon-wrap svg {
  width: 28px;
  height: 28px;
}

.iletisim-kutu-metin {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin: 0;
  line-height: 1.5;
}

.iletisim-kutu-metin a {
  color: #333;
  text-decoration: none;
}

.iletisim-kutu-metin a:hover {
  color: #555;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .iletisim-card {
      flex-direction: column;
      padding: 40px 30px;
      text-align: center;
      gap: 30px;
  }

  .iletisim-sol {
      max-width: 100%;
  }

  .iletisim-baslik {
      font-size: 26px;
  }

  .iletisim-baslik br {
      display: none;
  }

  .iletisim-alt-baslik br {
      display: none;
  }

  .iletisim-sag {
      width: 100%;
  }
}

@media (max-width: 576px) {
  .iletisim-form-alan-box {
      padding: 30px 0;
  }

  .iletisim-card {
      padding: 30px 20px;
      gap: 24px;
  }

  .iletisim-baslik {
      font-size: 22px;
  }

  .iletisim-sag {
      flex-direction: column;
      gap: 20px;
  }

  .iletisim-divider {
      width: 80%;
      height: 1px;
  }

  .iletisim-item {
      padding: 0;
  }
}

.hot-deals-tabs {
  padding: 20px;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, .08);
  border-radius: 8px;
}

.ekalan-content.collapsed p {
  font-family: 'Poppins' !important;
}

/* ========================================

MOBIL DUZELTMELERI - index.php

======================================== */
/* 1) Yatay tasan engelle - clip ile (scroll container olusturmaz) */
/* html {

overflow-x: clip;

}

body {

overflow-x: clip;

}

.body-inner {

overflow-x: clip;

position: relative;

} */
@media (max-width: 768px) {
  /* --- HEADER MOBIL DUZELTMELERI --- */ .header-main {
      overflow-x: clip;
  }

  .header-top {
      height: auto !important;
      padding: 8px 0;
  }

  .header-top .container {
      padding-left: 10px;
      padding-right: 10px;
  }

  .header-top .row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  }

  .header-main .main-logo {
      width: 140px !important;
      padding: 0;
  }

  .header-main .main-logo img {
      max-width: 100%;
      height: auto;
  }

  /* Navbar wrapper - mobilde yer kaplamasin ama collapse acilabilsin */
  .header-top .col-12.col-lg-6, .header-top .col-12.col-lg-8 {
      flex: 0 0 100%;
      order: 10;
      padding: 0;
  }

  .header-top .col-12.col-lg-6 .navbar-wrapper, .header-top .col-12.col-lg-8 .navbar-wrapper {
      width: 100%;
  }

  /* Hamburger menu butonu - akis disinda */
  .col-shrink.order-last-lg {
      position: static !important;
      right: auto !important;
      top: auto !important;
      flex-shrink: 0;
      z-index: 99;
      order: -1;
  }

  .col-shrink.order-last-lg .col-inner {
      padding: 0;
  }

  /* Uye giris paneli - mobilde gorunur */
  .header-top .col-6.col-lg-4, .header-top .col-6.col-lg-2 {
      flex: 1;
      max-width: none;
  }

  .header-top .col-6.col-lg-4 > .col-inner, .header-top .col-6.col-lg-2 > .col-inner {
      justify-content: flex-end !important;
  }

  .userLoginPanel {
      margin-left: auto;
      padding: 5px 10px;
      font-size: 12px;
      display: flex !important;
      width: auto !important;
      position: relative !important;
      right: auto !important;
      bottom: auto !important;
  }

  .userLoginPanel .text {
      display: inline !important;
  }

  .userLoginPanel .text p {
      font-size: 11px;
      margin: 0;
  }

  /* Header inner gizli alt band */
  .header-main .header-inner {
      position: relative !important;
      padding: 0 !important;
      margin-bottom: 0 !important;
      bottom: auto !important;
  }

  /* --- BANNER / SLIDER MOBIL DUZELTMELERI --- */
  .anabanner-alan-box {
      padding: 0 !important;
      overflow: hidden;
  }

  .anabanner-alan-box > .col-lg-12, .anabanner-alan-box > .col-md-12, .anabanner-alan-box > .col-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }

  .anabanner-item.mainSlider {
      border-radius: 0;
      overflow: hidden;
  }

  .hero-banner-slider {
      height: 220px;
      min-height: 220px;
  }

  .hero-banner-slider:not(.slick-initialized) .hero-slide-image img {
      height: 220px;
  }

  .mainSlider .slick-slide img, .hero-slide-image img {
      width: 100% !important;
      max-width: 100% !important;
      min-height: 220px;
      max-height: 220px;
      height: 220px !important;
      object-fit: cover;
      border-radius: 0 !important;
  }

  /* Slider icerik - hero slide kartlari */
  .hero-slide-item {
      height: 220px !important;
      min-height: 220px !important;
      max-height: 220px !important;
      overflow: hidden;
  }

  /* .hero-slide-item::after {

height: 120px;

} */
  .hero-slide-inner, .hero-slide-item .hero-slide-inner {
      padding: 0 16px !important;
      max-width: 100% !important;
      text-align: left;
      width: 100%;
      box-sizing: border-box;
  }

  .hero-slide-title {
      font-size: 30px !important;
      margin-bottom: 6px !important;
      white-space: normal;
      word-wrap: break-word;
      overflow-wrap: break-word;
  }

  .hero-slide-subtitle {
      font-size: 16px !important;
      margin-bottom: 10px !important;
  }

  .hero-slide-features {
      font-size: 12px !important;
      padding: 4px 10px !important;
      margin-bottom: 12px !important;
  }

  .hero-slide-price-area {
      margin-bottom: 12px !important;
      flex-wrap: wrap;
      gap: 8px !important;
  }

  .price-new {
      font-size: 26px !important;
  }

  .price-old {
      font-size: 13px !important;
  }

  .hero-badge-firsat {
      font-size: 10px !important;
      padding: 4px 8px !important;
  }

  .hero-slide-btn {
      padding: 8px 18px !important;
      font-size: 13px !important;
  }

  .hero-slide-content {
      padding-bottom: 50px !important;
  }

  .hero-slide-overlay {
      /* background: linear-gradient(

;/* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

) !important; */
      /* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

) !important; */
  }

  /* 3) Slider caption mobil (baska sablon) */
  .slider-caption {
      transform: translate(-50%, -60%);
      padding: 0 15px;
      max-width: 100%;
  }

  .slider-caption h1 {
      font-size: 22px;
      margin-bottom: 8px;
  }

  .slider-caption p {
      font-size: 13px;
  }

  /* 4) Tursab badge */
  span.tursab-txt {
      font-size: 10px !important;
      padding: 4px 8px !important;
      max-width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  /* 5) Arama kutusu - slider altinda */
  .anabanner-search-alan-box {
      position: relative !important;
      bottom: auto !important;
      left: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin-top: -30px;
      padding: 0 12px !important;
      z-index: 10;
  }

  .tb-search-wrapper {
      padding: 12px 10px 10px !important;
  }

  .tb-search-row {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
  }

  .tb-field-col-city, .tb-field-col-date {
      flex: unset;
  }

  .tb-input-box {
      height: 44px;
  }

  .tb-search-btn {
      width: 100%;
      min-width: unset;
      height: 44px;
      font-size: 14px;
  }

  .tb-popular-tags {
      justify-content: flex-start;
  }

  /* 6) Hizli Kategori menusu */
  .hizli-kat-menu-list {
      padding-top: 15px;
      padding-bottom: 15px;
  }

  .hizli-kat-menu-list .col-lg-2 {
      flex: 0 0 33.333%;
      max-width: 33.333%;
      margin-bottom: 10px;
  }

  .hizli-kat-box {
      padding: 10px 5px;
  }

  .hizli-kat-box img {
      width: 55px;
      height: 55px;
  }

  .hizli-kat-text {
      font-size: 10px;
      margin-top: 6px;
  }

  /* 7) Container padding kontrol */
  .container {
      padding-left: 12px;
      padding-right: 12px;
  }

  /* 8) Populer Bolgeler - owl carousel tasan engelle */
  .popuelerbolgeler {
      overflow: hidden;
  }

  .popuelerbolgeler .owl-carousel {
      width: 100%;
  }

  .owl-populer .owl-stage-outer {
      overflow: hidden;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-top: -10px;
      margin-bottom: -10px;
  }

  .destination-grid-item-01 .image img {
      border-radius: 10px;
      max-width: 100%;
  }

  /* 9) Tur kartlari tasan duzeltmesi */
  .asayfa-turlar-boxes {
      overflow: hidden;
  }

  .item.col-lg-4 {
      margin-bottom: 15px;
  }

  .anasayfa-tur-banners.col-lg-12 {
      margin-top: -30px;
  }

  .balkan-button a {
      width: auto !important;
  }

  .anasayfa-tur-banners {
      margin-bottom: 15px !important;
  }

  .owl-tour {
      overflow: hidden;
  }

  .owl-tour .owl-stage-outer {
      overflow: hidden;
  }

  figure.tour-grid-item-01 {
      margin: 0 2px;
      max-width: 100%;
      overflow: hidden;
  }

  .tour-grid-item-01 img {
      max-width: 100% !important;
      height: auto;
  }

  .tour-grid-item-01 h5 a {
      font-size: 13px;
      white-space: normal;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .tour-grid-item-01 .content {
      padding: 8px 10px 12px !important;
  }

  .tour-card-modern .tour-card-image img {
      height: auto !important;
  }

  .section-title.has-view-all-btn {
      flex-direction: column;
      text-align: center;
      gap: 10px;
  }

  .btn-tour-group-all {
      padding: 8px 18px;
      font-size: 12px;
  }

  /* 10) Hot Deals / Firsat Otelleri */
  .hot-deals {
      overflow: hidden;
  }

  .hot-deals .clear-padding {
      padding-left: 12px;
      padding-right: 12px;
  }

  #hotDeal {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      gap: 6px;
      padding: 0 5px 10px;
      scrollbar-width: none;
      height: 68px;
      padding: 10px 0;
  }

  #hotDeal::-webkit-scrollbar {
      display: none;
  }

  #hotDeal li {
      flex: 0 0 auto;
  }

  #hotDeal li a {
      white-space: nowrap;
      padding: 8px 14px !important;
      font-size: 12px !important;
      border-radius: 20px !important;
  }

  .hot-deals-txt {
      font-size: 16px;
      padding: 15px 10px 0;
      margin-bottom: 15px;
  }

  .hot-deals .tab-content {
      padding: 10px 0;
  }

  /* 11) Swiper otel kartlari */
  .swiper-slide {
      max-width: 100%;
      overflow: hidden;
  }

  .swiper .tour-grid-item-01 img {
      max-height: 110px !important;
      max-width: 100%;
  }

  .swiper-button-prev, .swiper-button-next {
      /* display: none !important; */
  }

  /* 12) Yorumlar section */
  .yorumlar-index {
      overflow: hidden;
  }

  .container-yorum {
      overflow: hidden;
      padding-left: 0;
      padding-right: 0;
  }

  .owl-yorumlar .owl-stage-outer {
      overflow: hidden;
  }

  .owl-yorumlar .owl-nav button {
      width: 36px;
      height: 36px;
  }

  .owl-yorumlar .owl-nav button span {
      font-size: 18px;
  }

  .yorumboxes {
      margin: 5px auto;
      padding: 12px;
  }

  .yorum-box {
      height: 140px;
  }

  .yorum-sag {
      height: 140px;
  }

  .otel-yorum-isim {
      font-size: 18px;
  }

  .gruplink {
      font-size: 14px;
      padding: 6px 16px;
  }

  /* 13) Blog section */
  .blog-section {
      overflow: hidden;
  }

  .blog-grid {
      padding: 0 5px;
  }

  /* 15) Section title duzeltme */
  .section-title {
      max-width: 100%;
      margin: 15px auto;
      padding: 0 5px;
  }

  .section-title h2 {
      font-size: 18px;
  }

  /* 16) Image ve kart tasan genel duzeltme */
  .image:before {
      border-radius: 6px;
  }

  img {
      max-width: 100%;
      height: auto;
  }

  /* 17) Owl carousel genel mobile tasan duzeltme */
  .owl-carousel {
      width: 100% !important;
      overflow: hidden !important;
  }

  .owl-carousel .owl-stage-outer {
      overflow: hidden !important;
  }

  /* 18) il-group-baslik */
  .il-group-baslik h1 {
      font-size: 24px;
      padding: 15px 0;
  }

  /* 19) Slick slider tasan duzeltme */
  .slick-slider {
      overflow: hidden;
  }

  .slick-list {
      overflow: hidden !important;
  }

  /* 20) Hero banner slider dots */
  .hero-banner-slider .slick-dots {
      bottom: 60px !important;
  }

  .hero-banner-slider .slick-dots li button {
      width: 8px !important;
      height: 8px !important;
  }

  /* 21) Owl nav butonlar mobilde slider icinde kalsin */
  .owl-tour button.owl-prev {
      left: 5px !important;
  }

  .owl-tour button.owl-next {
      right: 5px !important;
  }

  .popuelerbolgeler button.owl-prev {
      left: 5px !important;
  }

  .popuelerbolgeler button.owl-next {
      right: 5px !important;
  }
}

.searchbox {
  background-color: #fff;
  padding: 8px;
  height: 150px;
  width: 100px;
  border: 1px solid #66afe9;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  visibility: hidden;
  z-index: 99999;
  left: 10px;
  top: 10px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

span.categories_link-category-name {
  color: white;
}

.tour-div-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tour-div-item {
  /* margin-top: auto; */
  /* padding-top: 12px; */
  border-top: 1px solid #f0f0f0;
  /* display: flex; */
  align-items: baseline;
  /* justify-content: flex-end; */
  /* gap: 6px; */
  /* flex-wrap: wrap; */
}

/* Why to travel / Neden bizimle rezervasyon */
@keyframes whyToTravelFloat {
  0%, 100% {
      transform: translateY(0) scale(1);
  }

  50% {
      transform: translateY(-4px) scale(1.03);
  }
}

.why-to-travel {
  background: #f5f5f5;
  padding: 60px 0 70px;
}

.why-to-travel-title {
  font-family: inherit;
  font-size: 1.75rem;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin: 0 0 48px;
  line-height: 1.3;
}

.why-to-travel-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.why-to-travel-grid [class*="col-"] {
  padding: 0 15px;
  margin-bottom: 24px;
}

.why-to-travel-item {
  text-align: center;
  padding: 0 10px;
  height: 100%;
}

.why-to-travel-icon-wrap {
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
 /* Organik blob: tam yuvarlak de il, yumu ak ekilli arka plan */
  border-radius: 63% 37% 54% 46% / 48% 62% 38% 52%;
  animation: whyToTravelFloat 3.2s ease-in-out infinite;
}

/* Her kutu sirayla hareket etsin, hepsi ayn .trust-line2, .trust-line2 a anda olmas n */
.why-to-travel-grid > div:nth-child(4n+1) .why-to-travel-icon-wrap {
  animation-delay: 0s;
}

.why-to-travel-grid > div:nth-child(4n+2) .why-to-travel-icon-wrap {
  animation-delay: 0.4s;
}

.why-to-travel-grid > div:nth-child(4n+3) .why-to-travel-icon-wrap {
  animation-delay: 0.8s;
}

.why-to-travel-grid > div:nth-child(4n+4) .why-to-travel-icon-wrap {
  animation-delay: 1.2s;
}

/* S rayla farkl arka plan rengi: 1 pembe, 2 ye il, 3 sar , 4 mavi (sonra tekrarlan r) */
.why-to-travel-grid > div:nth-child(4n+1) .why-to-travel-icon-wrap {
  background: rgb(255, 230, 235);
  border-radius: 40% 60% 60% 40% / 60% 35% 65% 40%;
}

.why-to-travel-grid > div:nth-child(4n+2) .why-to-travel-icon-wrap {
  background: rgb(230, 255, 240);
  border-radius: 65% 35% 45% 55% / 42% 58% 42% 58%;
}

.why-to-travel-grid > div:nth-child(4n+3) .why-to-travel-icon-wrap {
  background: rgb(255, 250, 230);
  border-radius: 55% 45% 35% 65% / 55% 50% 50% 45%;
}

.why-to-travel-grid > div:nth-child(4n+4) .why-to-travel-icon-wrap {
  background: rgb(230, 245, 255);
  border-radius: 38% 62% 55% 45% / 48% 45% 55% 52%;
}

.why-to-travel-icon {
  width: 32px;
  height: 32px;
  color: #1a1a1a;
  position: relative;
  z-index: 1;
}

.why-to-travel-item-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px;
  line-height: 1.3;
}

.why-to-travel-item-desc {
  font-size: 0.95rem;
  color: #4a4a4a;
  line-height: 1.5;
  margin: 0;
  font-weight: 400;
}

@media (max-width: 991px) {
  .why-to-travel {
      padding: 44px 0 50px;
  }

  .why-to-travel-title {
      font-size: 1.5rem;
      margin-bottom: 36px;
  }

  .why-to-travel-item {
      margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .why-to-travel {
      padding: 36px 0 44px;
  }

  .why-to-travel-title {
      font-size: 1.35rem;
      margin-bottom: 28px;
  }
}

/* ===== Tur Banner ===== */
.anasayfa-tur-banners {
  margin-bottom: 30px;
}

.row > .anasayfa-tur-banners ~ .anasayfa-tur-banners {
  display: none;
}

/* Ilk grup disindaki section-title JS ile gizleniyor */
/* ne kan etiketi */
.one-cikan-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #ef4444;
  margin-bottom: 6px;
  letter-spacing: 0.5px;
}

/* Tum Turlar G r butonu */
.tum-turlari-gor-wrap {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}

.tum-turlari-gor-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  border: 1.5px solid #1a1a2e;
  border-radius: 28px;
  color: #1a1a2e;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  transition: all 0.25s ease;
}

.tum-turlari-gor-btn:hover {
  background: #1a1a2e;
  color: #ffffff;
  text-decoration: none;
}

.tum-turlari-gor-btn i {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.tum-turlari-gor-btn:hover i {
  transform: translateX(3px);
}

.balkan-banner {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  padding: 40px 45px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.balkan-banner-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.balkan-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.balkan-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #024735 0%, #024735bd 40%, #02473542 65%, rgba(0, 87, 168, 0.15) 85%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.balkan-banner.black-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #000000 0%, #000000bd 40%, #00000042 65%, rgb(0 0 0 / 15%) 85%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.balkan-banner.blue-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #1e2732ed 0%, #1e273270 40%, #1e273263 65%, rgb(0 0 0 / 15%) 85%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.balkan-banner > *:not(.balkan-banner-image) {
  position: relative;
  z-index: 2;
}

.deneyim-item svg {
  color: white;
}

.vize-bilgi {
  font-size: 13px;
  color: #fbbf24;
  font-weight: 500;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.balkan-banner-content h2 {
  font-size: 32px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 10px 0;
  line-height: 1.2;
}

.balkan-aciklama {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 20px;
  max-width: 420px;
  line-height: 1.5;
}

.balkan-button .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #e31e24;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 24px;
  border: unset;
  transition: all 0.25s ease;
  text-decoration: none;
}

.balkan-button .btn:hover {
  background: #ffffff;
  color: #e31e24;
  text-decoration: none;
  border: unset;
}

@media (max-width: 768px) {
  .balkan-banner {
      padding: 28px 24px;
      min-height: 180px;
  }

  .balkan-banner::before {
      background: linear-gradient(90deg, #1e2732 0%, #1e2732 50%, rgba(0, 87, 168, 0.7) 75%, rgba(0, 87, 168, 0.3) 100%);
  }

  .balkan-banner-content h2 {
      font-size: 24px;
  }

  .balkan-aciklama {
      font-size: 13px;
  }

  .balkan-button .btn {
      padding: 8px 20px;
      font-size: 13px;
  }
}

/* ===== Sik Sorulan Sorular ===== */
.sikca-sorulan-sorular {
  background: #f8f9fb;
  padding: 60px 0 70px;
}

.sss-header {
  text-align: center;
  margin-bottom: 40px;
}

.sss-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #ef4444;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.sss-title {
  font-size: 30px;
  font-weight: 800;
  color: #1a1a2e;
  margin: 0 0 12px 0;
}

.sss-subtitle {
  font-size: 15px;
  color: #6b7280;
  margin: 0;
  font-weight: 400;
}

.sss-list {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sss-item {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.sss-item:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.sss-item.active {
  border-color: #d1d5db;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.sss-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  cursor: pointer;
  user-select: none;
  gap: 16px;
}

.sss-baslik h3 {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
  line-height: 1.4;
  margin: unset !important;
}

.sss-chevron {
  flex-shrink: 0;
  color: #9ca3af;
  transition: transform 0.3s ease;
}

.sss-item.active .sss-chevron {
  transform: rotate(180deg);
  color: #2563eb;
}

.sss-icerik {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding: 0 24px;
}

.sss-item.active .sss-icerik {
  max-height: 500px;
  padding: 0 24px 20px;
}

.sss-icerik p, .sss-icerik {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .sikca-sorulan-sorular {
      padding: 40px 0 50px;
  }

  .sss-title {
      font-size: 24px;
  }

  .sss-baslik {
      padding: 16px 18px;
  }

  .sss-baslik span {
      font-size: 14px;
  }
}

/* ===== Blog Section New (Ekomania) ===== */
.blog-section-new.ekomania-blog-section, .ekomania-blog-section {
  padding: 0;
}

section.ekomania-blog-section > .container, .ekomania-blog-section > .container {
  max-width: 1230px;
  overflow: visible;
}

.ekomania-blog-section {
  overflow: visible;
}

.ekomania-blog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.ekomania-blog-title-wrap {
  display: inline-block;
}

.ekomania-blog-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.blog-t-black {
  color: #323c4e;
}

.blog-t-red {
  color: #e81932;
}

.ekomania-blog-title-line {
  height: 4px;
  width: 100%;
  background: #e81932;
  margin-top: 10px;
}

.ekomania-blog-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #e81932 !important;
  border: 1px solid #e81932;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.ekomania-blog-all:hover {
  background: #e81932;
  color: #fff !important;
}

.ekomania-blog-slider {
  position: relative;
  overflow: visible;
}

.ekomania-blog-swiper {
  position: relative;
  overflow: hidden;
  padding: 4px 0;
  width: 100%;
}

.ekomania-blog-swiper .swiper-wrapper {
  /* align-items: stretch; */
}

.ekomania-blog-swiper .swiper-slide {
  height: auto;
  display: flex;
}

.ekomania-blog-swiper .blog-card-new {
  width: 100%;
}

.blog-swiper-next, .blog-swiper-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  transition: color 0.2s ease;
}

.blog-swiper-next .blog-arrow-icon, .blog-swiper-prev .blog-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.blog-swiper-next:hover, .blog-swiper-prev:hover {
  background: transparent;
  color: #e81932;
}

.blog-swiper-next.swiper-button-disabled, .blog-swiper-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.blog-swiper-prev {
  left: -56px;
}

.blog-swiper-next {
  right: -56px;
}

@media (max-width: 1320px) {
  .blog-swiper-prev {
      left: -12px;
  }

  .blog-swiper-next {
      right: -12px;
  }

  .ekomania-blog-swiper {
      padding-left: 36px;
      padding-right: 36px;
  }
}

/* Blog Card New */
.blog-card-new {
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0 4px 18px rgba(38, 49, 68, 0.08);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.blog-card-new:hover {
  box-shadow: 0 8px 24px rgba(38, 49, 68, 0.12);
  transform: translateY(-2px);
}

.blog-card-new-image {
  position: relative;
  overflow: hidden;
}

.blog-card-new-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  /* transition: transform 0.4s ease; */
}

.blog-card-new:hover .blog-card-new-image img {
  /* transform: scale(1.04); */
}

.blog-card-new-category {
  display: none;
}

.blog-card-new-body {
  padding: 18px 18px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 118px;
}

.blog-card-new-date, .blog-card-new-desc {
  display: none;
}

.blog-card-new-title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #323c4e;
  margin: 0 0 16px 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card-new-title a {
  color: inherit;
  text-decoration: none;
}

.blog-card-new-title a:hover {
  color: #e81932;
  text-decoration: none;
}

.blog-card-new-readmore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8b929c;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  margin-top: auto;
  transition: color 0.2s ease, gap 0.2s ease;
}

.blog-card-new-readmore:hover {
  text-decoration: none;
  color: #e81932;
  gap: 10px;
}

.blog-card-new-readmore span {
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 991px) {
  .ekomania-blog-swiper {
      padding: 0;
  }

  .ekomania-blog-slider .blog-swiper-prev,
  .ekomania-blog-slider .blog-swiper-next {
      display: none;
  }

  .blog-card-new-image img {
      height: 140px;
  }

  .blog-card-new-title {
      font-size: 14px;
  }

  .blog-card-new-body {
      padding: 12px 12px 14px;
  }

  .blog-card-new-desc {
      font-size: 12px;
      -webkit-line-clamp: 2;
  }

  .blog-card-new-readmore span {
      font-size: 12px;
  }
}

@media (max-width: 768px) {
  .ekomania-blog-title {
      font-size: 22px;
  }

  .ekomania-blog-swiper {
      padding: 0;
  }

  .blog-card-new-image img {
      height: 120px;
  }

  .blog-card-new-title {
      font-size: 13px;
  }
}

/* Anasayfa Iletisim Banner */
.anasayfa-iletisim-box {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 60px 0;
}

.anasayfa-iletisim-box {
  margin-bottom: 60px;
}

.iletisim-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(26 74 143 / 90%);
  z-index: 0;
}

.anasayfa-iletisim-box .container {
  position: relative;
  z-index: 1;
}

.iletisim-banner-content {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.iletisim-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 24px;
  border: 1px solid rgba(255,255,255,0.3);
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  backdrop-filter: blur(14px);
  background: rgb(255 255 255 / 16%);
}

.iletisim-banner-star svg {
  fill: #ffb900;
}

.iletisim-banner-star {
  color: #f59e0b;
  font-size: 18px;
}

.iletisim-banner-title {
  color: #fff;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 16px 0;
}

.iletisim-banner-subtitle {
  color: #fff;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 32px 0;
  opacity: 0.95;
}

.iletisim-banner-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

.iletisim-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 1rem;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}

.iletisim-banner-btn:hover {
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  background: #ef4444;
  color: white !important;
}

.iletisim-banner-btn-phone {
  background: #fff;
  color: #333;
  border: none;
}

.iletisim-banner-btn-phone:hover {
  color: #333;
}

.iletisim-banner-btn-email {
  background: #5B8AC0;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.5);
}

.iletisim-banner-btn-email:hover {
  color: #fff;
  background: #4a7ab0;
}

.iletisim-banner-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

@media (max-width: 576px) {
  .anasayfa-iletisim-box {
      min-height: 380px;
      padding: 40px 15px;
  }

  .iletisim-banner-buttons {
      flex-direction: column;
  }

  .iletisim-banner-btn {
      width: 100%;
      max-width: 280px;
      justify-content: center;
  }
}

.baslik-icon {
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(14px);
  background: rgb(255 255 255 / 16%);
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.baslik-icon i {
  color: #ffb900;
}

span.cizgili {
  font-size: 10px;
  color: #9ca3af;
}

.hotel-card-price .style1 {
  font-size: 1rem;
}

/* ===== Hotel Card V2 - Anasayfa Grup Otel ===== */
.hotel-card-v2 {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  margin: 10px auto;
}

.hotel-card-v2:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.14);
  transform: translateY(-4px);
}

.hotel-card-v2 .tour-card-image {
  position: relative;
  overflow: hidden;
}

.hotel-card-v2 .tour-card-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.hotel-card-v2:hover .tour-card-image img {
  transform: scale(1.05);
}

.hotel-badge-stars {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: rgba(0,0,0,0.50);
  color: #fbbf24;
  font-size: 9px;
  padding: 5px 10px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.hotel-badge-stars i {
  color: #fbbf24;
}

.hotel-badge-stars:empty {
  display: none;
}

.hotel-badge-firsat {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.hotel-badge-konsept {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 2;
  background: #2563eb;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 6px;
}

.hotel-badge-konsept:empty {
  display: none;
}

.hotel-card-body {
  padding: 16px 18px 18px;
}

.hotel-card-name {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 6px 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hotel-card-location {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 8px;
}

.hotel-card-location i {
  color: #ef4444;
  font-size: 12px;
}

.hotel-card-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #374151;
}

.hotel-card-divider {
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 14px;
}

.hotel-card-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.hotel-card-price-area {
  display: flex;
  flex-direction: column;
}

.hotel-card-price {
  font-size: 20px;
  font-weight: 800;
  color: #ef4444;
  line-height: 1.2;
  text-align: left;
}

/* span.otelpuan {

background: #2563eb;

color: white;

border-radius: 10px;

padding: 0 10px;

} */
.hotel-card-price .brut-price, .hotel-card-price del {
  font-size: 13px;
  color: #9ca3af;
  font-weight: 400;
  text-decoration: line-through;
  display: block;
  margin-bottom: 2px;
}

.hotel-card-per {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 2px;
}

.hotel-card-incele {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #2563eb;
  border-radius: 8px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.hotel-card-incele:hover {
  background: #2563eb;
  color: #fff;
  text-decoration: none;
}

.hotel-card-incele i {
  font-size: 11px;
  transition: transform 0.2s ease;
}

.hotel-card-incele:hover i {
  transform: translateX(3px);
}

@media (max-width: 768px) {
  .hotel-card-v2 .tour-card-image img {
      height: 180px;
  }

  .hotel-card-name {
      font-size: 14px;
  }

  .hotel-card-price {
      font-size: 18px;
  }

  .hotel-card-incele {
      padding: 6px 12px;
      font-size: 12px;
  }
}

.gezilecek-boxes {
  background: #f0f7ff;
  color: #1e6aa1;
  font-size: 13px;
  padding: 8px 14px;
  border-radius: 8px;
  margin-bottom: 10px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
}

.ts-card-route.tour-card-route {
  background: unset;
  color: unset;
  font-size: unset;
  padding: unset;
  border-radius: unset;
  margin-bottom: unset;
  line-height: unset;
  display: unset;
  align-items: unset;
  gap: unset;
  overflow: unset;
  text-overflow: unset;
}

.title-result {
  background: #1e2732;
}

.title-result .title {
  color: white !important;
}

.filter-wrap {
  border-radius: 10px;
  overflow: hidden;
}

.blogdetay-banner-content {
  z-index: 9;
  position: relative;
}

.one-cikan-blog-card {
  display: flex !important;
  flex-direction: row;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.one-cikan-blog-card:hover {
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
}

.one-cikan-blog-image {
  position: relative;
  flex: 0 0 45%;
  max-width: 45%;
  overflow: hidden;
}

.one-cikan-blog-image a {
  display: block;
  height: 100%;
}

.one-cikan-blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
  min-height: 320px;
}

.one-cikan-blog-card:hover .one-cikan-blog-image img {
  transform: scale(1.05);
}

.one-cikan-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #ef4444;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 6px;
  z-index: 2;
  letter-spacing: 0.3px;
}

.one-cikan-blog-content {
  flex: 1;
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.one-cikan-blog-category {
  display: inline-block;
  background: #eff6ff;
  color: #2563eb;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 6px;
  margin-bottom: 16px;
  width: fit-content;
}

.one-cikan-blog-category:empty {
  display: none;
}

.one-cikan-blog-title {
  font-size: 22px;
  font-weight: 800;
  color: #1a1a2e;
  line-height: 1.4;
  margin: 0 0 14px 0;
}

.one-cikan-blog-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.one-cikan-blog-title a:hover {
  color: #2563eb;
  text-decoration: none;
}

.one-cikan-blog-desc {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.7;
  margin: 0 0 24px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.one-cikan-blog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}

.one-cikan-blog-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.one-cikan-blog-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #9ca3af;
  font-weight: 400;
}

.one-cikan-blog-meta span i {
  font-size: 13px;
  color: #9ca3af;
}

.one-cikan-blog-readmore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ef4444;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: gap 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.one-cikan-blog-readmore:hover {
  color: #dc2626;
  text-decoration: none;
  gap: 10px;
}

.one-cikan-blog-readmore i {
  font-size: 12px;
}

@media (max-width: 991px) {
  .one-cikan-blog-image {
      flex: 0 0 40%;
      max-width: 40%;
  }

  .one-cikan-blog-content {
      padding: 24px;
  }

  .one-cikan-blog-title {
      font-size: 20px;
  }
}

@media (max-width: 767px) {
  .one-cikan-blog-card {
      flex-direction: column;
  }

  .one-cikan-blog-image {
      flex: none;
      max-width: 100%;
  }

  .one-cikan-blog-image img {
      min-height: 220px;
      max-height: 260px;
  }

  .one-cikan-blog-content {
      padding: 20px;
  }

  .one-cikan-blog-title {
      font-size: 18px;
  }

  .one-cikan-blog-desc {
      font-size: 13px;
      -webkit-line-clamp: 2;
  }

  .one-cikan-blog-footer {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
  }

  .one-cikan-blog-readmore {
      align-self: flex-end;
  }
}

/* ========================================

Blog Detay Sayfas

======================================== */
/* Banner */
.blogdetay-banner {
  position: relative;
  min-height: 380px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
}

.blogdetay-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 85%) 100%);
}

.blogdetay-banner .container {
  position: relative;
  z-index: 2;
}

.blogdetay-banner-content {
  padding-bottom: 48px;
}

.blogdetay-category-badge {
  display: inline-block;
  background: #1e2732;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 16px;
  border-radius: 6px;
  margin-bottom: 18px;
  letter-spacing: 0.3px;
}

.blogdetay-category-badge:empty {
  display: none;
}

.blogdetay-banner-title {
  color: #fff;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
  /* max-width: 750px; */
}

/* Breadcrumb Bar */
.blogdetay-breadcrumb-bar {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 0;
}

.blogdetay-breadcrumb-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.blogdetay-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  flex-wrap: wrap;
}

.blogdetay-breadcrumb a {
  color: #6b7280;
  text-decoration: none;
  transition: color 0.2s;
}

.blogdetay-breadcrumb a:hover {
  color: #1e2732;
  text-decoration: none;
}

.blogdetay-breadcrumb-sep {
  color: #d1d5db;
  font-size: 10px;
}

.blogdetay-breadcrumb-active {
  color: #1a1a2e;
  font-weight: 600;
}

.blogdetay-meta-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.blogdetay-meta-info span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #9ca3af;
}

.blogdetay-meta-info span i {
  color: #9ca3af;
}

/* Layout */
.blogdetay-layout {
  padding-top: 40px;
  padding-bottom: 60px;
}

/* Content Area */
.blogdetay-content-area {
  padding-right: 20px;
}

.blogdetay-article-body {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
}

.blogdetay-article-body h2 {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 32px 0 16px;
  line-height: 1.3;
}

.blogdetay-article-body h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 28px 0 14px;
  line-height: 1.3;
}

.blogdetay-article-body h4 {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 24px 0 12px;
}

.blogdetay-article-body p {
  margin: 0 0 16px;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.8;
}

.blogdetay-article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 16px 0;
}

.blogdetay-article-body ul, .blogdetay-article-body ol {
  margin: 12px 0 20px 24px;
  padding: 0;
}

.blogdetay-article-body li {
  margin-bottom: 8px;
  color: #4b5563;
  line-height: 1.7;
}

.blogdetay-article-body blockquote {
  border-left: 4px solid #1e2732;
  background: #f8fafc;
  padding: 20px 24px;
  margin: 24px 0;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #374151;
  line-height: 1.7;
}

.blogdetay-article-body blockquote p {
  margin: 0;
  font-style: italic;
}

.blogdetay-article-body a {
  color: #1e2732;
  text-decoration: underline;
}

.blogdetay-article-body a:hover {
  color: #003d7a;
}

/* Bottom Bar: Share + Like */
.blogdetay-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0 0;
  margin-top: 32px;
  border-top: 1px solid #f0f0f0;
}

.blogdetay-share {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blogdetay-share-label {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}

.blogdetay-share-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  transition: transform 0.2s, opacity 0.2s;
}

.blogdetay-share-btn:hover {
  transform: scale(1.1);
  opacity: 0.9;
  color: #fff;
  text-decoration: none;
}

.blogdetay-share-fb {
  background: #1877f2;
}

.blogdetay-share-tw {
  background: #1da1f2;
}

.blogdetay-share-li {
  background: #0a66c2;
}

.blogdetay-like-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  padding: 8px 20px;
  font-size: 14px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}

.blogdetay-like-btn:hover {
  border-color: #ef4444;
  color: #ef4444;
}

.blogdetay-like-btn.liked {
  background: #fef2f2;
  border-color: #ef4444;
  color: #ef4444;
}

.blogdetay-like-btn.liked i {
  font-weight: 900;
}

/* Sidebar */
.blogdetay-sidebar {
  position: sticky;
  top: 100px;
}

/* CTA Box */
.blogdetay-cta-box {
  background: linear-gradient(340deg, rgba(0, 87, 168, 1) 0%, rgba(0, 61, 122, 1) 0%, rgba(0, 87, 168, 1) 100%);
  border-radius: 16px;
  padding: 10px 13px;
  margin-bottom: 24px;
  text-align: center;
}

.blogdetay-cta-box h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.3;
}

.blogdetay-cta-box p {
  color: #94a3b8;
  font-size: 12px;
  margin: 0 0 20px;
  line-height: 1.5;
}

.blogdetay-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #1a1a2e;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 31px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s;
  width: 100%;
  justify-content: center;
}

.blogdetay-cta-btn:hover {
  background: #f8fafc;
  text-decoration: none;
  color: #1e2732;
  gap: 12px;
}

/* Sidebar Widget */
.blogdetay-sidebar-widget {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}

.blogdetay-widget-title {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f0f0f0;
}

/* Related Posts List */
.blogdetay-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blogdetay-related-item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f5f5f5;
}

.blogdetay-related-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.blogdetay-related-link {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  transition: opacity 0.2s;
}

.blogdetay-related-link:hover {
  text-decoration: none;
  opacity: 0.85;
}

.blogdetay-related-thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  overflow: hidden;
}

.blogdetay-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blogdetay-related-info {
  flex: 1;
  min-width: 0;
}

.blogdetay-related-info h4 {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 4px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blogdetay-related-info span {
  font-size: 12px;
  color: #9ca3af;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.blogdetay-related-info span i {
  font-size: 11px;
  color: #1e2732;
}

/* Responsive */
@media (max-width: 991px) {
  .blogdetay-banner {
      min-height: 300px;
  }

  .blogdetay-banner-title {
      font-size: 28px;
  }

  .blogdetay-content-area {
      padding-right: 0;
  }

  .blogdetay-sidebar {
      position: static;
      margin-top: 40px;
  }
}

@media (max-width: 767px) {
  section#hakkimizda-stats .row {
      gap: 15px;
  }

  .blogdetay-banner {
      min-height: 250px;
  }

  .blogdetay-banner-content {
      padding-bottom: 32px;
  }

  .blogdetay-banner-title {
      font-size: 22px;
  }

  .blogdetay-breadcrumb-inner {
      flex-direction: column;
      align-items: flex-start;
  }

  .blogdetay-layout {
      padding-top: 24px;
      padding-bottom: 40px;
  }

  .blogdetay-article-body h2 {
      font-size: 20px;
  }

  .blogdetay-article-body h3 {
      font-size: 18px;
  }

  .blogdetay-bottom-bar {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
  }

  .blogdetay-like-btn {
      align-self: flex-end;
  }
}

#hizmet-accordion-section .hizmet-kolon-header h3 {
  font-size: 17px;
}

.titles {
  line-height: 1.25;
  margin-bottom: 25px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 10px;
}

#header-waypoint-sticky.ekomania-header.header-main {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}

#header-waypoint-sticky.ekomania-header.header-main.header-waypoint-sticky {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
}

@media (min-width: 992px) {
  #header-waypoint-sticky.ekomania-header.header-main.header-waypoint-sticky {
      -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
      -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
  }
}

#header-waypoint-sticky.ekomania-header {
  border-top: none !important;
  padding-top: 0 !important;
}

.ekomania-header .header-info-bar {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
}

.ekomania-header .header-top {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
  color: #fff !important;
  height: 64px !important;
  min-height: 64px !important;
  border-bottom: none !important;
}

@media (max-width: 768px) {
  .ekomania-header .header-top {
      height: 56px !important;
      min-height: 56px !important;
      max-height: 56px !important;
      padding: 0 !important;
  }

 /* Hamburger | ortala logo | bildirim */
  .ekomania-header .ekomania-main-flex {
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) 44px !important;
      align-items: center !important;
      justify-content: stretch !important;
      gap: 6px !important;
      width: 100% !important;
      margin: 0 !important;
  }

  .ekomania-header .ekomania-brand-cluster {
      display: contents !important;
  }

  .ekomania-header .ekomania-mobile-toggle {
      grid-column: 1 !important;
      grid-row: 1 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
  }

  .ekomania-header.header-main .main-logo {
      grid-column: 2 !important;
      grid-row: 1 !important;
      justify-self: center !important;
      align-self: center !important;
      width: auto !important;
      max-width: 140px !important;
      margin: 0 auto !important;
      padding: 0 !important;
      text-align: center !important;
  }

  .ekomania-header.header-main .main-logo img {
      display: block !important;
      margin: 0 auto !important;
      max-height: 34px !important;
  }

  .ekomania-header .ekomania-header-actions {
      grid-column: 3 !important;
      grid-row: 1 !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      justify-content: flex-end !important;
      flex: none !important;
      width: auto !important;
      margin: 0 !important;
      float: none !important;
      position: relative !important;
  }

  .ekomania-header .userLoginPanel.ekomania-login-panel {
      width: auto !important;
      max-width: none !important;
      margin: 0 !important;
      position: relative !important;
      bottom: auto !important;
      right: auto !important;
      left: auto !important;
      float: none !important;
  }
}

.ekomania-header .main-logo {
  width: auto !important;
  max-width: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ekomania-header .header-main .navbar-wrapper .navbar, .ekomania-header.header-main .navbar-wrapper .navbar {
  float: none !important;
}

.ekomania-header.header-main.with-absolute-navbar .navbar {
  top: auto !important;
}

@media only screen and (max-width: 991px) {
  .ekomania-header.header-main.with-absolute-navbar .navbar {
      background: transparent !important;
      background-color: transparent !important;
      border-top: 0 !important;
  }

 /* Dil / kur: float + 90px genislik st ste biniyordu */
  .ekomania-header .ekomania-lang-currency, .ekomania-header .ekomania-top-right .ekomania-lang-currency {
      display: inline-flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      gap: 8px !important;
      float: none !important;
      width: auto !important;
      max-width: 100% !important;
      margin: 0 !important;
      position: relative !important;
  }

  .ekomania-header .ekomania-lang-currency .ekomania-vsep {
      display: inline-block !important;
      flex-shrink: 0 !important;
      height: 12px !important;
      margin: 0 !important;
  }

  .ekomania-header .ekomania-lang-currency .lang-wrap, .ekomania-header .ekomania-lang-currency .currency-wrap, .ekomania-header .lang-wrap, .ekomania-header .currency-wrap {
      float: none !important;
      position: relative !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: auto !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
  }

  .ekomania-header .ekomania-lang-currency .show-lang, .ekomania-header .ekomania-lang-currency .show-currency-tooltip, .ekomania-header .show-lang, .ekomania-header .show-currency-tooltip {
      display: inline-flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 4px !important;
      padding: 2px 4px !important;
      white-space: nowrap !important;
      position: relative !important;
      z-index: 2 !important;
      text-align: left !important;
  }

  .ekomania-header .ekomania-lang-currency .show-lang span, .ekomania-header .ekomania-lang-currency .show-currency-tooltip span, .ekomania-header .show-lang span, .ekomania-header .show-currency-tooltip span {
      position: static !important;
      font-size: 11px !important;
      line-height: 1.2 !important;
      color: #fff !important;
  }

  .ekomania-header .ekomania-lang-currency .show-lang img, .ekomania-header .show-lang img {
      width: 16px !important;
      height: 16px !important;
      margin: 0 !important;
      display: block !important;
      flex-shrink: 0 !important;
  }

 /* Tema beyaz #fff zemini ez koyu cam drawer */
  #mobileMenu.nav-mobile-drawer.ekomania-offcanvas, #mobileMenu.nav-mobile-drawer {
      display: flex !important;
      flex-direction: column !important;
      height: 100dvh !important;
      max-height: 100dvh !important;
      overflow: hidden !important;
      background: rgba(28, 32, 40, 0.88) !important;
      backdrop-filter: blur(12px) !important;
      -webkit-backdrop-filter: blur(12px) !important;
  }

 /* Scroll sarmalayici height:auto yok */
  #mobileMenu.nav-mobile-drawer .nav-mobile-drawer-scroll {
      flex: 1 1 0% !important;
      min-height: 0 !important;
      height: 0 !important;
      max-height: none !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch !important;
      overscroll-behavior: contain !important;
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
      position: relative !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav, #mobileMenu.nav-mobile-drawer nav.main-menu-nav, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav {
      background: transparent !important;
      background-color: transparent !important;
      flex: none !important;
      min-height: 0 !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
      color: #fff !important;
  }

 .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav, #mobileMenu.nav-mobile-drawer .main-nav, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav .main-nav, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul {
      background: transparent !important;
      background-color: transparent !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      color: #fff !important;
  }

  /* Mobil drawer: spacing + arrows (main-nav optional) */
 #mobileMenu.nav-mobile-drawer.ekomania-offcanvas nav.ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer nav.main-menu-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu #mobileMenu.nav-mobile-drawer .main-menu-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu #mobileMenu.nav-mobile-drawer .main-menu-nav .main-nav li ul li a, #mobileMenu.nav-mobile-drawer .main-nav li a, #mobileMenu.nav-mobile-drawer .main-nav a span, .ekomania-offcanvas-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav > li > a {
      color: #e3e3e3 !important;
      font-family: 'Poppins', sans-serif !important;
      text-align: left !important;
  }

 #mobileMenu.nav-mobile-drawer.ekomania-offcanvas nav.ekomania-offcanvas-nav > ul > li, #mobileMenu.nav-mobile-drawer nav.main-menu-nav > ul > li, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li, #mobileMenu.nav-mobile-drawer .main-nav > li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
      margin: 0 !important;
      padding: 0 !important;
      float: none !important;
      width: 100% !important;
  }

 #mobileMenu.nav-mobile-drawer.ekomania-offcanvas nav.ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer nav.main-menu-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .main-nav > li > a, .ekomania-offcanvas-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav > li > a {
      display: flex !important;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      padding: 5px 13px 5px 18px !important;
      position: relative !important;
      color: #ffffff !important;
      font-family: 'Poppins', sans-serif !important;
      font-size: 15px !important;
      font-weight: 500 !important;
      line-height: 1.4 !important;
      letter-spacing: 0.01em;
      text-transform: none !important;
      text-decoration: none !important;
      text-align: left !important;
      min-height: 56px;
      background: transparent !important;
      border-left: 0 !important;
      border-bottom: 0 !important;
      height: auto !important;
      width: 100% !important;
      transition: color 0.2s ease, background 0.2s ease;
  }

 #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a:hover, #mobileMenu.nav-mobile-drawer .main-nav > li > a:hover, .ekomania-offcanvas-nav .main-nav > li > a:hover, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav > li > a:hover {
      color: #ffffff !important;
      background: rgba(255, 255, 255, 0.07) !important;
  }

 #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul li a, #mobileMenu.nav-mobile-drawer .main-nav li ul li a, .ekomania-offcanvas-nav .main-nav li ul li a, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav li ul li a, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav li ul li a {
      color: rgba(255, 255, 255, 0.92) !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      padding: 6px 48px 6px 40px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 10px !important;
      min-height: 34px !important;
      height: auto !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      position: relative !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li.menus-alt > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li.baslik.menus-alt > a {
      padding: 5px 48px 5px 18px !important;
      font-size: 15px !important;
      min-height: 56px !important;
  }

  #mobileMenu.nav-mobile-drawer .main-nav li ul li ul li a, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-nav li ul li ul li a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul li ul > li > a {
      padding: 5px 48px 5px 56px !important;
      font-size: 13px !important;
  }

  #mobileMenu.nav-mobile-drawer .main-nav li ul li ul li ul li a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul li ul li ul > li > a {
      padding-left: 72px !important;
  }

  #mobileMenu.nav-mobile-drawer li.menu-item-has-children:after, #mobileMenu li.menu-item-has-children:after {
      display: none !important;
      content: none !important;
  }

 #mobileMenu.nav-mobile-drawer li:not(.has-submenu) > a .arrow-indicator, #mobileMenu.nav-mobile-drawer .main-nav li:not(.has-submenu) > a .arrow-indicator, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li:not(.has-submenu) > a .arrow-indicator {
      display: none !important;
  }

 #mobileMenu.nav-mobile-drawer li.has-submenu > a .arrow-indicator, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li.has-submenu > a .arrow-indicator, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav > li.has-submenu > a .arrow-indicator {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      position: absolute !important;
      top: 50% !important;
      right: 16px !important;
      left: auto !important;
      bottom: auto !important;
      width: 24px !important;
      height: 24px !important;
      margin: 0 !important;
      padding: 0 !important;
      flex-shrink: 0 !important;
      color: #fff !important;
      font-size: 13px !important;
      line-height: 1 !important;
      border: 0 !important;
      background: transparent !important;
      transform: translateY(-50%) !important;
      transition: transform 0.2s ease;
      z-index: 2 !important;
  }

  #mobileMenu.nav-mobile-drawer .arrow-indicator i, #mobileMenu.nav-mobile-drawer .arrow-indicator .fa, #mobileMenu.nav-mobile-drawer .arrow-indicator .fas {
      color: #fff !important;
      font-size: 13px !important;
      line-height: 1 !important;
      margin: 0 !important;
  }

 #mobileMenu.nav-mobile-drawer .arrow-indicator::before, #mobileMenu.nav-mobile-drawer .arrow-indicator::after, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-nav li .arrow-indicator:after, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-nav li .arrow-indicator:before {
      content: none !important;
      display: none !important;
  }

  #mobileMenu.nav-mobile-drawer li.is-open > a .arrow-indicator:not(.is-nested) {
      transform: translateY(-50%) !important;
  }

  #mobileMenu.nav-mobile-drawer li ul li > a .arrow-indicator.is-nested {
      transform: translateY(-50%) !important;
  }

  #mobileMenu.nav-mobile-drawer a > i[class*="fa-"], #mobileMenu.nav-mobile-drawer .main-nav a > i[class*="fa-"] {
      color: #ffffff !important;
      font-size: 16px !important;
      width: 1.15em !important;
      min-width: 18px !important;
      margin-right: 10px !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
  }

  #mobileMenu.nav-mobile-drawer .arrow-indicator i[class*="fa-"] {
      width: auto !important;
      min-width: 0 !important;
      margin-right: 0 !important;
      font-size: 13px !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul, #mobileMenu.nav-mobile-drawer .main-nav li ul {
      display: none !important;
      position: static !important;
      width: 100% !important;
      float: none !important;
      background: rgba(0, 0, 0, 0.28) !important;
      box-shadow: none !important;
      border: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li.is-open > ul, #mobileMenu.nav-mobile-drawer .main-nav li.is-open > ul, #mobileMenu.nav-mobile-drawer li.is-open > ul {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: static !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      width: 100% !important;
      left: auto !important;
      top: auto !important;
      float: none !important;
  }

  .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle {
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
  }

  .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle:before, .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle.collapsed:before, .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle.is-open:before {
      content: none !important;
      display: none !important;
      background: none !important;
  }

 /* Logo ortala (991px) 768px blogu ile uyumlu grid */
  .ekomania-header .ekomania-main-flex {
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) 44px !important;
      align-items: center !important;
      width: 100% !important;
  }

  .ekomania-header .ekomania-brand-cluster {
      display: contents !important;
  }

  .ekomania-header .ekomania-mobile-toggle {
      grid-column: 1 !important;
      grid-row: 1 !important;
  }

  .ekomania-header.header-main .main-logo, .ekomania-header .main-logo {
      grid-column: 2 !important;
      grid-row: 1 !important;
      justify-self: center !important;
      margin: 0 auto !important;
      text-align: center !important;
  }

  .ekomania-header .ekomania-header-actions {
      grid-column: 3 !important;
      grid-row: 1 !important;
      margin: 0 !important;
  }
}

.ekomania-header .userLoginPanel.ekomania-login-panel {
  border: none !important;
  /* padding: 0 !important; */
  margin-left: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  justify-content: center !important;
  z-index: 120 !important;
}

.ekomania-header .userLoginPanel.ekomania-login-panel span {
  color: inherit !important;
}

@media (max-width: 768px) {
  .ekomania-header .userLoginPanel.ekomania-login-panel {
      width: auto !important;
      max-width: none !important;
      margin-left: 0 !important;
  }
}

.ekomania-trust-strip-outer {
  margin-bottom: 0;
}

.ekomania-trust-strip-outer > .container {
  max-width: 1230px;
}

.ekomania-trust-strip {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0;
  background: #fff;
  border: 1px solid #e2e5ea;
  border-radius: 8px;
  padding: 22px 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.trust-item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding: 8px 10px;
  position: relative;
  cursor: pointer;
  transition: color 0.2s ease;
}

.trust-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 52px;
  background: repeating-linear-gradient( to bottom, #d1d5db 0, #d1d5db 4px, transparent 4px, transparent 8px );
}

.trust-icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ffffff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 10px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.trust-icon-circle a {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.trust-icon-circle a img, .trust-icon-circle a svg {
  max-width: 67px;
  max-height: 67px;
  width: auto;
  height: auto;
  display: block;
  border-radius: 50%;
}

.trust-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.trust-line1, .trust-line2, .trust-line1 a, .trust-line2 a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #656f81;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.trust-line2, .trust-line2 a {
  font-weight: 600;
  color: #656f81;
}

/* .trust-item:hover .trust-icon-circle {
border: 1px solid #e81932;
} */
.trust-item::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  background: #e81932;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
  pointer-events: none;
}

.trust-item:hover::before {
  transform: scaleX(1);
}

.trust-item:hover .trust-line1, .trust-item:hover .trust-line2, .trust-item:hover .trust-line1 a, .trust-item:hover .trust-line2 a {
  color: #e81932;
}

@media (max-width: 991px) {
  .ekomania-trust-strip-outer > .container {
      padding-left: 12px;
      padding-right: 12px;
  }

  .ekomania-trust-strip-outer .container {
      position: relative;
  }

  .ekomania-trust-strip {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: stretch;
      justify-content: flex-start !important;
      gap: 0;
      position: relative;
      padding: 14px 0 10px;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      touch-action: pan-x pan-y;
  }

  .ekomania-trust-strip::-webkit-scrollbar {
      display: none;
  }

  .ekomania-trust-strip .trust-item {
      flex: 0 0 33.333% !important;
      width: 33.333% !important;
      max-width: 33.333% !important;
      min-width: 33.333% !important;
      height: auto;
      padding: 10px 6px;
      box-sizing: border-box;
      scroll-snap-align: start;
      scroll-snap-stop: always; }

  .ekomania-trust-strip .trust-icon-circle {
      width: 56px;
      height: 56px;
      font-size: 26px;
      margin-bottom: 8px;
  }

  .ekomania-trust-strip .trust-icon-circle a img, .ekomania-trust-strip .trust-icon-circle a svg {
      max-width: 52px;
      max-height: 52px;
  }

  .trust-item:not(:last-child)::after, .trust-item:nth-child(odd):not(:last-child)::after {
      display: none !important;
  }

  .ekomania-trust-strip-nav, .ekomania-trust-strip-nav button {
      display: none !important;
  }

  .ekomania-trust-strip-dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin-top: 8px;
  }

  .ekomania-trust-strip-dots button {
      width: 7px;
      height: 7px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #d1d5db;
      cursor: pointer;
  }

  .ekomania-trust-strip-dots button.is-active {
      background: #e81932;
  }

  .trust-icon-circle {
      width: 58px;
      height: 58px;
      font-size: 26px;
  }

  .trust-line1, .trust-line2, .trust-line1 a, .trust-line2 a {
      font-size: 12px;
  }
}

@media (max-width: 575px) {
  .ekomania-trust-strip {
      padding: 12px 0 8px;
  }

  .ekomania-trust-strip .trust-item {
      padding: 8px 6px;
  }

  .trust-item {
      border-bottom: none !important;
  }
}


.ekomania-showcase-outer {
  margin-top: 0;
  margin-bottom: 0;
}

.ekomania-showcase-container {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  box-sizing: border-box;
}

/* ===== WEB layout: hero slider + 4'lu grid ===== */
.ekomania-showcase-layout--desktop {
  display: grid;
  grid-template-columns: 590px 280px 290px;
  grid-template-rows: 130px 40px 190px;
  gap: 20px;
  width: 100%;
  max-width: 1200px;
  height: 400px;
  margin: 0 auto;
  align-items: stretch;
  justify-content: center;
  grid-template-areas: "hero cat1 solid" "hero cat1 tour" "hero cat2 tour";
}

.ekomania-showcase-layout--mobile {
  display: none;
}

.ekomania-showcase-hero--desktop {
  grid-area: hero;
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.ekomania-showcase-hero-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ekomania-showcase-hero-swiper .swiper-wrapper, .ekomania-showcase-hero-swiper .swiper-slide, .ekomania-showcase-hero-swiper .showcase-item--hero {
  height: 100%;
}

.ekomania-showcase-hero-swiper.swiper-fade .swiper-slide {
  pointer-events: none;
}

.ekomania-showcase-hero-swiper.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.ekomania-showcase-hero-swiper .showcase-card {
  position: absolute;
  inset: 0;
}

.ekomania-showcase-hero-pagination {
  position: absolute !important;
  left: 16px !important;
  right: auto !important;
  bottom: 14px !important;
  width: auto !important;
  z-index: 6;
  display: flex;
  gap: 6px;
}

.ekomania-showcase-hero-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.55);
  opacity: 1;
}

.ekomania-showcase-hero-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.ekomania-showcase-grid--desktop {
  display: contents;
}

.ekomania-showcase-grid--mobile {
  display: none;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(1), .ekomania-showcase-grid--desktop > *:nth-child(1) {
  grid-area: cat1;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(2), .ekomania-showcase-grid--desktop > *:nth-child(2) {
  grid-area: cat2;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(3), .ekomania-showcase-grid--desktop > *:nth-child(3) {
  grid-area: solid;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(4), .ekomania-showcase-grid--desktop > *:nth-child(4) {
  grid-area: tour;
}

.showcase-item {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.showcase-card {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border-radius: 4px;
  text-decoration: none !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  background: #1a2330;
}

.showcase-card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

/* Resim child: {{RESIM}} bu kutuyu doldurur */
.showcase-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.showcase-media-child {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.showcase-media-child img, .showcase-media-child a, .showcase-media-child a img, .showcase-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.showcase-gradient {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient( to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 45%, transparent 70% );
  pointer-events: none;
}

.showcase-icon-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  color: #1e2732;
  font-size: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

.showcase-icon-btn i {
  display: block;
  line-height: 1;
  color: inherit;
  font-size: inherit;
}

.showcase-icon-btn--plus {
  display: flex;
}

.showcase-icon-btn--plus::before {
  content: "+";
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: inherit;
}

.showcase-icon-btn--plus i {
  display: none !important;
}

.showcase-icon-btn--heart {
  display: none;
  color: #e81932;
}

.showcase-icon-btn--heart::before {
  content: "\2665";
  font-size: 16px;
  line-height: 1;
  color: inherit;
}

.showcase-icon-btn--heart i {
  display: none !important;
}

.showcase-icon-btn--alan5 {
  top: 14px;
  right: 14px;
  z-index: 5;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 0;
  background: transparent !important;
  color: #fff !important;
  font-size: 18px !important;
  box-shadow: none !important;
  pointer-events: none;
}

.showcase-icon-btn--alan5:not(:empty), .showcase-icon-btn--alan5:has(i), .showcase-icon-btn--alan5:has(svg) {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.showcase-icon-btn--alan5 i, .showcase-icon-btn--alan5 svg {
  display: inline-block !important;
  line-height: 1 !important;
  font-size: 18px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45));
}

.ekomania-showcase-grid .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-grid .showcase-icon-btn--alan5:has(i), .ekomania-showcase-hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-icon-btn--alan5:has(i), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:has(i) {
  display: flex !important;
  width: 36px;
  height: 36px;
}

.showcase-cta-btn i {
  display: block;
  line-height: 1;
  color: inherit;
  font-size: inherit;
}

.showcase-cta-btn::before {
  content: "\2192";
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: inherit;
  }

.showcase-cta-btn i {
  display: none !important;
}

.ekomania-showcase-hero .showcase-hero-duration i, .ekomania-showcase-hero .showcase-hero-route i {
  display: inline-block;
  width: 14px;
  text-align: center;
  margin-right: 2px;
  opacity: 0.95;
}

.ekomania-showcase-hero .showcase-hero-duration:empty, .ekomania-showcase-hero .showcase-hero-route:empty, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-duration:empty, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-route:empty {
  display: none !important;
}

.ekomania-showcase-hero .showcase-icon-btn--plus, .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--plus {
  display: none;
}

.ekomania-showcase-hero .showcase-icon-btn--heart, .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--heart {
  display: none;
}

.ekomania-showcase-hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-icon-btn--alan5:has(i), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:has(i) {
  display: flex !important;
  width: 36px;
  height: 36px;
  background: transparent !important;
  box-shadow: none !important;
}

.ekomania-showcase-grid--desktop > *:nth-child(3) .showcase-icon-btn--plus, .ekomania-showcase-grid--mobile > *:nth-child(3) .showcase-icon-btn--plus {
  color: #1e2732;
}

.showcase-card-foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 16px 18px 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}

.showcase-card-title {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}

/* Hero ekstra alanlar: varsayilan gizli, sadece 1. kartta */
.showcase-hero-accent, .showcase-hero-duration, .showcase-hero-route, .showcase-hero-cta {
  display: none;
}

/* Diger kartlarda baslik gorunsun */
.showcase-hero-text {
  display: contents;
}

.showcase-cta-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  color: #1e2732;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* 5. tur karti: yuvarlak ok */
.ekomania-showcase-grid--desktop > *:nth-child(4) .showcase-cta-btn, .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-cta-btn {
  display: inline-flex;
}

.ekomania-showcase-grid--desktop > *:nth-child(4) .showcase-card-title, .ekomania-showcase-grid--mobile > *:nth-child(2) .showcase-card-title {
  font-size: 18px;
  font-weight: 500;

}

.ekomania-showcase-grid--desktop > *:nth-child(4) .showcase-card-title, .ekomania-showcase-grid--mobile > *:nth-child(3) .showcase-card-title {
  font-size: 12px;
  font-weight: 500;

}

/* ===== 1. BUYUK HERO ===== */
.ekomania-showcase-hero .showcase-gradient, .ekomania-showcase-hero .showcase-item--hero .showcase-gradient {
  background: linear-gradient( to top, rgba(0, 0, 0, 0.35) 0%, transparent 55% );
}

.ekomania-showcase-hero .showcase-card-foot, .ekomania-showcase-hero .showcase-item--hero .showcase-card-foot {
  align-items: flex-end;
  gap: 16px;
  padding: 9px 10px 10px;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.ekomania-showcase-hero .showcase-hero-accent, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-accent {
  display: block;
  width: 4px;
  align-self: stretch;
  min-height: 48px;
  max-height: 72px;
  margin-bottom: 2px;
  border-radius: 2px;
  background: #e81932;
  flex-shrink: 0;
}

.ekomania-showcase-hero .showcase-hero-text, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}

.ekomania-showcase-hero .showcase-card-title, .ekomania-showcase-hero .showcase-item--hero .showcase-card-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.25;
}

.ekomania-showcase-hero .showcase-hero-duration:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-hero-duration:not(:empty) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.ekomania-showcase-hero .showcase-hero-route:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-hero-route:not(:empty) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.ekomania-showcase-hero .showcase-hero-cta:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-hero-cta:not(:empty) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 12px 18px;
  border-radius: 6px;
  background: #e81932;
  color: #fff !important;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  box-shadow: 0 4px 14px rgba(232, 25, 50, 0.35);
}

/* Hero: yuvarlak ok gizle */
.ekomania-showcase-hero .showcase-cta-btn, .ekomania-showcase-hero .showcase-item--hero .showcase-cta-btn {
  display: none !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .ekomania-showcase-container {
      padding-left: 16px;
      padding-right: 16px;
  }

  .ekomania-showcase-layout--desktop {
      grid-template-columns: minmax(0, 1.8fr) minmax(0, 0.85fr) minmax(0, 0.9fr);
      grid-template-rows: 110px 34px 168px;
      gap: 14px;
      height: 340px;
  }
}

/* ===== MOBIL (SHOWCASEMOB) web etkilenmez ===== */
@media (max-width: 991px) {
  .ekomania-showcase-container {
      padding-left: 12px;
      padding-right: 12px;
      max-width: 100%;
      
  }

  .ekomania-showcase-layout--desktop {
      display: none !important;
  }

  .ekomania-showcase-layout--mobile {
      display: grid !important;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 200px 140px 52px 80px;
      gap: 8px;
      width: 100%;
      height: auto;
      align-items: stretch;
      justify-content: stretch;
      grid-template-areas: "hero hero" "cat1 cat2" "solid cat2" "solid tour";
  }

  .ekomania-showcase-hero--mobile {
      grid-area: hero;
      position: relative;
      min-width: 0;
      min-height: 0;
      height: 100%;
      overflow: hidden;
  }

  .ekomania-showcase-grid--mobile {
      display: contents !important;
  }

  .ekomania-showcase-layout--mobile > .ekomania-showcase-hero--mobile, .ekomania-showcase-grid--mobile > .showcase-item, .ekomania-showcase-grid--mobile > * {
      position: relative;
      width: 100%;
      height: 100%;
      min-width: 0;
      min-height: 0;
      overflow: hidden;
      aspect-ratio: auto !important;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(1), .ekomania-showcase-grid--mobile > *:nth-child(1) {
      grid-area: cat1;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(2), .ekomania-showcase-grid--mobile > *:nth-child(2) {
      grid-area: cat2;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(3), .ekomania-showcase-grid--mobile > *:nth-child(3) {
      grid-area: solid;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(4), .ekomania-showcase-grid--mobile > *:nth-child(4) {
      grid-area: tour;
  }

  .ekomania-showcase-grid--mobile .showcase-card {
      border-radius: 4px !important;
      box-shadow: none;
      overflow: hidden;
  }

  .ekomania-showcase-grid--mobile .showcase-media, .ekomania-showcase-grid--mobile .showcase-media-child, .ekomania-showcase-grid--mobile .showcase-media-child img, .ekomania-showcase-grid--mobile .showcase-media img {
      border-radius: 0 !important;
  }

  .ekomania-showcase-grid--mobile .showcase-icon-btn {
      /* display: none; */
      top: 4px;
      right: 4px;
      width: 28px;
      height: 28px;
      font-size: 12px;
      background: #fff;
      color: #1e2732;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  }

  .ekomania-showcase-grid--mobile .showcase-icon-btn--plus {
      display: flex !important;
  }

  .ekomania-showcase-hero--mobile .showcase-icon-btn--plus {
      display: none !important;
  }

  .ekomania-showcase-hero--mobile .showcase-icon-btn--heart {
      display: none !important;
  }

 .ekomania-showcase-hero--mobile .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero--mobile .showcase-icon-btn--alan5:has(i), .ekomania-showcase-grid--mobile .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-grid--mobile .showcase-icon-btn--alan5:has(i) {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 36px !important;
      height: 36px !important;
      min-width: 36px;
      min-height: 36px;
      font-size: 18px !important;
      background: transparent !important;
      box-shadow: none !important;
  }

  .ekomania-showcase-hero--mobile .showcase-icon-btn--alan5 i, .ekomania-showcase-grid--mobile .showcase-icon-btn--alan5 i {
      font-size: 18px !important;
  }

  .ekomania-showcase-grid--mobile .showcase-card-foot {
      padding: 10px 12px 12px;
      background: transparent;
  }

  .ekomania-showcase-grid--mobile .showcase-card-title {
      font-size: 13px;
      font-weight: 600;
  }

  .ekomania-showcase-hero--mobile .showcase-card-foot {
      padding: 12px 14px;
      gap: 10px;
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
  }

  .ekomania-showcase-hero--mobile .showcase-card-title {
      font-size: 15px;
      font-weight: 700;
      line-height: 1.25;
  }

  .ekomania-showcase-hero--mobile .showcase-hero-duration:not(:empty), .ekomania-showcase-hero--mobile .showcase-hero-route:not(:empty) {
      font-size: 11px;
      font-weight: 500;
  }

  /* 
.ekomania-showcase-hero--mobile .showcase-hero-cta {
    display: none !important;
} */
  .ekomania-showcase-hero--mobile .showcase-hero-accent {
      display: block;
      width: 3px;
      min-height: 34px;
      max-height: 52px;
      border-radius: 2px;
      background: #e81932;
  }

  .ekomania-showcase-hero--mobile .showcase-cta-btn {
      display: none !important;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-icon-btn--plus {
      display: flex !important;
      top: 8px;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-cta-btn {
      display: inline-flex !important;
      position: absolute;
      top: 40px;
      right: 10px;
      bottom: auto;
      left: auto;
      width: 28px;
      height: 28px;
      margin: 0;
      background: #fff;
      color: #1e2732;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-card-title {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.06em;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-card-foot {
      justify-content: flex-start;
      padding: 8px 10px 10px;
  }
}

@media (max-width: 575px) {
  .ekomania-showcase-container {
      padding-left: 10px;
      padding-right: 10px;
  }

  .ekomania-showcase-grid--mobile {
      gap: 8px;
      grid-template-rows: 200px 140px 52px 80px;
  }

  .ekomania-showcase-grid--mobile .showcase-card {
      border-radius: 4px !important;
  }

  .ekomania-showcase-grid--mobile .showcase-icon-btn {
      width: 26px;
      height: 26px;
      top: 4px;
      right: 4px;
      font-size: 11px;
  }

  .ekomania-showcase-grid--mobile .showcase-card-foot {
      padding: 8px 10px 10px;
  }

  .ekomania-showcase-grid--mobile .showcase-card-title {
      font-size: 12px;
  }

  .ekomania-showcase-hero--mobile .showcase-card-foot {
      padding: 10px 12px;
  }

  .ekomania-showcase-hero--mobile .showcase-card-title {
      font-size: 14px;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-cta-btn {
      top: 38px;
      right: 8px;
      width: 26px;
      height: 26px;
  }
}

/* Kampanyalar - F rsatlar slider (kart 295 px) */
.ekomania-kampanya-section {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: visible;
}

.ekomania-kampanya-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.ekomania-kampanya-title-wrap {
  display: inline-block;
}

.ekomania-kampanya-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.kampanya-t-black {
  color: #323c4e;
}

.kampanya-t-red {
  color: #e81932;
}

.ekomania-kampanya-title-line {
  height: 4px;
  width: 100%;
  background: #e81932;
  border-radius: 0;
  margin-top: 10px;
}

.ekomania-kampanya-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #e81932 !important;
  border: 1px solid #e81932;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.ekomania-kampanya-all:hover {
  background: #e81932;
  color: #fff !important;
}

.ekomania-kampanya-slider {
  position: relative;
  overflow: visible;
}

.ekomania-kampanya-swiper {
  position: relative;
  padding: 4px 0;
  overflow: hidden;
  width: 100%;
}

.ekomania-kampanya-swiper .swiper-slide {
  width: auto;
  box-sizing: border-box;
  height: auto;
}

.kampanya-card {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}

.kampanya-card:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
  transform: none;
}

.kampanya-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

.kampanya-swiper-next, .kampanya-swiper-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  transition: color 0.2s ease;
}

.kampanya-swiper-next .kampanya-arrow-icon, .kampanya-swiper-prev .kampanya-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.kampanya-swiper-next:hover, .kampanya-swiper-prev:hover {
  background: transparent;
  color: #e81932;
}

.kampanya-swiper-next.swiper-button-disabled, .kampanya-swiper-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.kampanya-swiper-prev {
  left: -56px;
}

.kampanya-swiper-next {
  right: -56px;
}

@media (max-width: 1320px) {
  .kampanya-swiper-prev {
      left: -12px;
  }

  .kampanya-swiper-next {
      right: -12px;
  }

  .ekomania-kampanya-swiper {
      padding-left: 36px;
      padding-right: 36px;
  }
}

@media (max-width: 575px) {
  .ekomania-kampanya-title {
      font-size: 1.4rem;
  }

  .ekomania-kampanya-swiper {
      padding-left: 40px;
      padding-right: 40px;
  }
}


.ekomania-tema-section {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: visible;
}

.ekomania-tema-head {
  display: inline-block;
  margin-bottom: 0;
}

.ekomania-tema-title {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.tema-t-black {
  color: #323c4e;
}

.tema-t-red {
  color: #e81932;
}

.ekomania-tema-title-line {
  height: 3px;
  width: 100%;
  background: #e81932;
  border-radius: 2px;
  margin-top: 8px;
  margin-bottom: 0;
}

.ekomania-tema-slider {
  position: relative;
  overflow: visible;
}

.ekomania-tema-swiper {
  position: relative;
  padding: 8px 0 4px;
  overflow: hidden;
  width: 100%;
}

.ekomania-tema-swiper .swiper-wrapper {
  align-items: flex-start;
}

.ekomania-tema-swiper .swiper-slide {
  width: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  height: auto;
}

.ekomania-tema-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 190px;
  max-width: 190px;
  margin: 0 auto;
  text-decoration: none !important;
  color: #4b5563 !important;
  cursor: pointer;
  transition: color 0.2s ease;
}

.ekomania-tema-card:hover {
  color: #e81932 !important;
  transform: none;
}

.ekomania-tema-circle {
  display: block;
  width: 190px;
  height: 190px;
  max-width: 190px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.25s ease;
}

.ekomania-tema-card:hover .ekomania-tema-circle {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}

.ekomania-tema-circle img {
  display: block;
  width: 190px;
  height: 190px;
  object-fit: cover;
}

.ekomania-tema-label {
  display: block;
  margin-top: 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  max-width: 100%;
  color: inherit;
}

.tema-swiper-next, .tema-swiper-prev {
  position: absolute;
  top: 103px;
  z-index: 10;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  transition: color 0.2s ease;
}

.tema-swiper-next .tema-arrow-icon, .tema-swiper-prev .tema-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.tema-swiper-next:hover, .tema-swiper-prev:hover {
  background: transparent;
  color: #e81932;
}

.tema-swiper-next.swiper-button-disabled, .tema-swiper-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.tema-swiper-prev {
  left: -56px;
}

.tema-swiper-next {
  right: -56px;
}

@media (max-width: 1320px) {
  .tema-swiper-prev {
      left: -12px;
  }

  .tema-swiper-next {
      right: -12px;
  }

  .ekomania-tema-swiper {
      padding-left: 36px;
      padding-right: 36px;
  }
}

@media (max-width: 991px) {
  .ekomania-tema-circle, .ekomania-tema-circle img {
      width: 120px;
      height: 120px;
      max-width: 120px;
  }

  .ekomania-tema-card {
      width: 100%;
      max-width: 120px;
  }

  .ekomania-tema-label {
      font-size: 13px;
      margin-top: 8px;
  }

  .tema-swiper-next, .tema-swiper-prev {
      top: 68px;
      width: 36px;
      height: 36px;
  }

  .tema-swiper-next .tema-arrow-icon, .tema-swiper-prev .tema-arrow-icon {
      width: 32px;
      height: 32px;
  }

  .ekomania-tema-swiper {
      padding-left: 28px;
      padding-right: 28px;
  }

  .tema-swiper-prev {
      left: 0;
  }

  .tema-swiper-next {
      right: 0;
  }
}

@media (max-width: 575px) {
  .ekomania-tema-circle, .ekomania-tema-circle img {
      width: 92px;
      height: 92px;
      max-width: 92px;
  }

  .ekomania-tema-card {
      width: 100%;
      max-width: 96px;
  }

  .tema-swiper-next, .tema-swiper-prev {
      top: 54px;
      width: 30px;
      height: 30px;
  }

  .tema-swiper-next .tema-arrow-icon, .tema-swiper-prev .tema-arrow-icon {
      width: 28px;
      height: 28px;
  }

  .tema-swiper-prev {
      left: 0;
  }

  .tema-swiper-next {
      right: 0;
  }

  .ekomania-tema-swiper {
      padding: 4px 24px;
  }

  .ekomania-tema-title {
      font-size: 1.35rem;
  }

  .ekomania-tema-title-line {
      margin-bottom: 0;
  }

  .ekomania-tema-label {
      font-size: 11px;
      margin-top: 6px;
      line-height: 1.25;
  }
}

section.ekomania-kampanya-section .container {
  max-width: 1230px;
  position: relative;
  overflow: visible;
}

section.ekomania-tema-section .container {
  max-width: 1230px;
  position: relative;
  overflow: visible;
}

.ekomania-popular-tours-section {
  margin: 0;
  padding: 0;
  overflow: visible;
}

@media (max-width: 991px) {
  .ekomania-popular-tours-section {
      display: none !important;
  }
}

.ekomania-popular-tours-section .container, .ekomania-popular-tours {
  max-width: 1230px;
  overflow: visible;
}

.ekomania-popular-tours .one-cikan-label, .ekomania-popular-tours-section .one-cikan-label, .ekomania-popular-tours .tum-turlari-gor-wrap, .ekomania-popular-tours-section .tum-turlari-gor-wrap {
  display: none !important;
}

.ekomania-tour-group-head.section-title, .ekomania-popular-tours .section-title.ekomania-tour-group-head, .ekomania-popular-tours .section-title.ekomania-tour-group-head.has-view-all-btn {
  display: flex !important;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  max-width: 100%;
  margin: 0 0 22px !important;
  padding: 0 !important;
  text-align: left !important;
}

.ekomania-tour-group-title-wrap {
  display: inline-block;
  text-align: left;
  margin-right: auto;
  /* margin-left: 20px; */
}

.ekomania-tour-group-title, .ekomania-popular-tours .section-title h2.ekomania-tour-group-title, .ekomania-popular-tours .section-title h2 {
  margin: 0 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
  color: #323c4e !important;
  text-align: left !important;
}

.ekomania-tour-group-title .sec-t-black {
  color: #323c4e !important;
}

.ekomania-tour-group-title .sec-t-red {
  color: #e81932 !important;
}

.ekomania-tour-group-title-line {
  display: block !important;
  height: 4px;
  width: 100%;
  background: #e81932;
  margin-top: 10px;
}

.ekomania-tour-group-row {
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: var(--eko-section-gap, 48px) !important;
}

.ekomania-popular-tours .ekomania-tour-group-row:last-child {
  margin-bottom: 0 !important;
}

.ekomania-tour-group-row > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}

.ekomania-popular-tours .eko-tour-card-group-row .item, .ekomania-popular-tours .item.col-lg-4 {
  float: none;
}

.eko-tour-meta-ulasim .eko-tour-meta-text .tour-badge-ulasim, .eko-tour-meta-ulasim .eko-tour-meta-text [class*="badge"] {
  position: static !important;
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.ekomania-popular-tours .btn-tour-group-all {
  color: #e81932 !important;
  border: 1px solid #e81932;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 13px;
}

.ekomania-popular-tours .btn-tour-group-all:hover {
  background: #e81932;
  color: #fff !important;
}

/* Desktop/mobil ortak: 3'ten fazla turda native slider */
.ekomania-tour-slider-wrap {
  position: relative;
  margin-bottom: var(--eko-section-gap, 48px);
  overflow: visible;
}

.ekomania-popular-tours .ekomania-tour-slider-wrap .ekomania-tour-group-row {
  margin-bottom: 0 !important;
}

.ekomania-tour-slider-nav {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  z-index: 5;
  pointer-events: none;
}

.ekomania-tour-slider-nav button {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  box-shadow: none;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}

.ekomania-tour-slider-nav button .tour-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.ekomania-tour-slider-prev {
  left: -56px;
}

.ekomania-tour-slider-next {
  right: -56px;
}

.ekomania-tour-slider-nav button:hover {
  background: transparent;
  color: #e81932;
}

@media (max-width: 1320px) {
  .ekomania-tour-slider-prev {
      left: -12px;
  }

  .ekomania-tour-slider-next {
      right: -12px;
  }

  .ekomania-popular-tours .ekomania-tour-slider-wrap .ekomania-tour-group-row {
      padding-left: 36px !important;
      padding-right: 36px !important;
  }
}

.ekomania-tour-slider-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
}

.ekomania-tour-slider-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d1d5db;
  cursor: pointer;
}

.ekomania-tour-slider-dots button.is-active {
  background: #e81932;
}

/* Desktop: yan yana 3 kart kayar */
@media (min-width: 992px) {
  .ekomania-popular-tours .ekomania-tour-group-row.ekomania-tour-desktop-slider {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: stretch;
      gap: 24px;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 4px 2px 8px !important;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
  }

  .ekomania-popular-tours .ekomania-tour-desktop-slider::-webkit-scrollbar {
      display: none;
  }

 .ekomania-popular-tours .ekomania-tour-desktop-slider > .item, .ekomania-popular-tours .ekomania-tour-desktop-slider > .item.col-lg-4, .ekomania-popular-tours .ekomania-tour-desktop-slider > .item.col-md-6, .ekomania-popular-tours .ekomania-tour-desktop-slider > .item.col-12, .ekomania-popular-tours .ekomania-tour-desktop-slider > [class*="col-"] {
      flex: 0 0 calc((100% - 48px) / 3) !important;
      width: calc((100% - 48px) / 3) !important;
      max-width: calc((100% - 48px) / 3) !important;
      float: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 0 !important;
      scroll-snap-align: start;
      scroll-snap-stop: always; display: flex !important;
      flex-direction: column;
  }

  .ekomania-popular-tours .ekomania-tour-desktop-slider .eko-tour-card {
      width: 100%;
      height: 100%;
  }
}

.ekomania-popular-tours .eko-tour-card, .eko-tour-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  min-height: 420px;
  background: #fff !important;
  border: 1px solid #e2e5ea !important;
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(15, 42, 77, 0.06);
  transition: box-shadow 0.25s ease;
  visibility: visible !important;
  opacity: 1 !important;
}

.eko-tour-card:hover {
  box-shadow: 0 6px 20px rgba(15, 42, 77, 0.16);
  transform: none;
}

.eko-tour-card-image {
  position: relative;
  display: block !important;
  overflow: hidden;
  background: #eef0f3;
  flex: 0 0 auto;
}

.eko-tour-card-image > a {
  display: block !important;
  text-decoration: none !important;
}

.eko-tour-card-image img, .eko-tour-card-image .lazyload {
  display: block !important;
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  transition: none;
  visibility: visible !important;
  opacity: 1 !important;
}

.eko-tour-card:hover .eko-tour-card-image:not(.is-gallery-live) img {
  transform: none;
}

.eko-tour-card-body {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 16px 16px 12px;
  visibility: visible !important;
  opacity: 1 !important;
}

.eko-tour-card-title {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 12px !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5;
  color: #323c4e !important;
}

.eko-tour-card-accent {
  flex-shrink: 0;
  width: 4px;
  min-height: 1.2em;
  margin-top: 3px;
  align-self: stretch;
  background: #e81932;
  border-radius: 2px;
}

.eko-tour-card-title-text {
  flex: 1;
  min-width: 0;
  color: #3d495c !important;
  text-decoration: none !important;
}

.eko-tour-card-title-text:hover {
  color: #242a34 !important;
  text-decoration: underline !important;
}

.eko-tour-card-meta {
  list-style: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  gap: 7px;
}

.eko-tour-meta-item {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.4;
  color: #6b7280 !important;
}

.eko-tour-meta-ico {
  flex-shrink: 0;
  width: 16px;
  text-align: center;
  color: #9ca3af !important;
  font-size: 13px;
}

.eko-tour-meta-text {
  min-width: 0;
  color: #6b7280 !important;
}

.eko-tour-meta-text:empty {
  display: none;
}

.eko-tour-meta-ulasim:has(.eko-tour-meta-text:empty) {
  display: none !important;
}

.eko-tour-meta-ulasim .eko-tour-meta-text img {
  max-height: 18px;
  width: auto;
  vertical-align: middle;
}

.eko-tour-card-price {
  margin-top: auto;
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  font-family: "Poppins", sans-serif;
  color: #e81932 !important;
  margin-bottom: 6px;
  margin-top: 4px;
}

.eko-tour-price-val {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #e81932 !important;
  text-decoration: none !important;
}

.eko-tour-price-note {
  font-size: 13px !important;
  font-weight: 500;
  color: #e81932 !important;
  opacity: 0.9;
}

.eko-tour-card-footer {
  display: block !important;
  margin-top: auto;
  text-decoration: none !important;
}

.eko-tour-card-promo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  background: #e81932 !important;
  color: #fff !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  text-align: center;
}

.eko-tour-card-promo svg {
  flex-shrink: 0;
  stroke: #fff;
}

@media (max-width: 991px) {
  .eko-tour-card-image img, .eko-tour-card-image .lazyload {
      height: 190px;
  }

  .ekomania-popular-tours .ekomania-tour-group-row.ekomania-tour-mobile-slider {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: stretch;
      gap: 10px;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 12px !important;
      padding: 0 4% !important;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      scroll-padding-inline: 4%;
      scrollbar-width: none;
      touch-action: pan-x pan-y;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-slider::-webkit-scrollbar {
      display: none;
  }

 .ekomania-popular-tours .ekomania-tour-mobile-slider > .item, .ekomania-popular-tours .ekomania-tour-mobile-slider > .item.col-lg-4, .ekomania-popular-tours .ekomania-tour-mobile-slider > .item.col-md-6, .ekomania-popular-tours .ekomania-tour-mobile-slider > .item.col-12 {
      flex: 0 0 92% !important;
      width: 92% !important;
      max-width: 92% !important;
      float: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 0 !important;
      scroll-snap-align: center;
      scroll-snap-stop: always; }

  .ekomania-popular-tours .ekomania-tour-mobile-slider .eko-tour-card {
      min-height: 0;
      width: 100%;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin: 0 0 28px;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-dots button {
      width: 7px;
      height: 7px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #d1d5db;
      cursor: pointer;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-dots button.is-active {
      background: #e81932;
  }

  .ekomania-popular-tours .ekomania-tour-group-head {
      margin-bottom: 16px !important;
  }
}

@media (max-width: 575px) {
  .ekomania-tour-group-title {
      font-size: 22px;
  }

  .eko-tour-card-title {
      font-size: 15px;
  }

  .eko-tour-price-val {
      font-size: 20px;
  }

  .eko-tour-card-promo {
      font-size: 13px;
  }
}

.yorumlar-index > .container, .ekomania-yorumlar-section > .container {
  max-width: 1230px;
}

.ekomania-yorumlar-section {
  margin: 0;
}

.ekomania-yorumlar-section .container-yorum {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  .ekomania-yorumlar-section .container-yorum {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
  }

  .ekomania-yorumlar-section .owl-yorumlar .owl-item {
      padding: 0 !important;
  }

  .ekomania-yorumlar-section .yorumboxes,
  .ekomania-yorumlar-section .yorumboxes.eko-yorum-card,
  .ekomania-yorumlar-section .owl-item .yorumboxes {
      margin: 0 !important;
      width: 100% !important;
      max-width: none !important;
  }

  .ekomania-yorumlar-section .eko-yorum-card__text,
  .ekomania-yorumlar-section .eko-yorum-card .yorum {
      display: -webkit-box;
      -webkit-line-clamp: 5;
      line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      min-height: calc(1.4em * 5);
      max-height: calc(1.4em * 5);
  }
}

.ekomania-yorumlar-section .owl-yorumlar .owl-dots {
  display: flex !important;
  justify-content: center;
  gap: 6px;
  margin-top: 18px;
}

.ekomania-yorumlar-section .owl-yorumlar .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0;
  background: #d5d9df;
  border-radius: 50%;
}

.ekomania-yorumlar-section .owl-yorumlar .owl-dot.active span {
  background: #656f81;
  width: 10px;
  height: 10px;
}

.ekomania-yorumlar-section .yorumboxes.eko-yorum-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  min-height: 220px;
  margin: 0;
  padding: 22px 22px 20px;
  background: #efefef;
  border-radius: 10px !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

.ekomania-yorumlar-section .eko-yorum-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.ekomania-yorumlar-section .eko-yorum-card__user {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.ekomania-yorumlar-section .eko-yorum-card__avatar {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: #d9dce1;
  border: 2px solid #fff;
}

.ekomania-yorumlar-section .eko-yorum-card__avatar-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7a808a;
  font-size: 18px;
}

.ekomania-yorumlar-section .eko-yorum-card__avatar-media:empty {
  display: none;
}

.ekomania-yorumlar-section .eko-yorum-card__avatar img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 50% !important;
}

.ekomania-yorumlar-section .eko-yorum-card__name {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #3a3f4b;
}

.ekomania-yorumlar-section .eko-yorum-card__quote {
  flex-shrink: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  line-height: 0.7;
  font-weight: 700;
  color: #4a4e57;
}

.ekomania-yorumlar-section .eko-yorum-card__stars, .ekomania-yorumlar-section .eko-yorum-card .tp-stars {
  color: #f5b301;
  font-size: 15px;
  letter-spacing: 1px;
}

.ekomania-yorumlar-section .eko-yorum-card__text, .ekomania-yorumlar-section .eko-yorum-card .yorum {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #555a66;
  text-align: left;
}

.ekomania-yorumlar-section .eko-yorum-card__tour-link {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.ekomania-yorumlar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.ekomania-yorumlar-title-wrap {
  display: inline-block;
}

.ekomania-yorumlar-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.yorumlar-t-black {
  color: #323c4e;
}

.yorumlar-t-red {
  color: #e81932;
}

.ekomania-yorumlar-title-line {
  height: 4px;
  width: 100%;
  background: #e81932;
  margin-top: 10px;
}

.ekomania-yorumlar-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #e81932 !important;
  border: 1px solid #e81932;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.ekomania-yorumlar-all:hover {
  background: #e81932;
  color: #fff !important;
}

@media (max-width: 575px) {
  .ekomania-yorumlar-title {
      font-size: 22px;
  }

  .ekomania-yorumlar-head {
      margin-bottom: var(--eko-title-gap, 16px) !important;
  }
}


.ekomania-wide-ad-section {
  margin: 0;
}

.ekomania-wide-ad-container {
  max-width: 1230px;
}

.ekomania-wide-ad {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: 140px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.ekomania-wide-ad:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  transform: translateY(-1px);
}

.ekomania-wide-ad-badge {
  display: inline-block;
  padding: 12px 32px;
  background: #ffdd2d;
  color: #1f2937;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;
  text-align: center;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  max-width: calc(100% - 32px);
}

@media (max-width: 575px) {
  .ekomania-wide-ad {
      height: 120px;
      border-radius: 8px;
  }

  .ekomania-wide-ad-badge {
      font-size: 13px;
      padding: 10px 18px;
  }
}


.ekomania-exclusive-section {
  margin: 0;
}

.ekomania-exclusive-container {
  max-width: 1230px;
}

.ekomania-exclusive-inner {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 28px;
  min-height: 520px;
  padding: 24px;
  background: #263144;

  box-sizing: border-box;
}

.ekomania-exclusive-left {
  flex: 0 0 38%;
  max-width: 420px;
  min-width: 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  align-self: stretch;
}

.ekomania-exclusive-tour-swiper {
  width: 100%;
  height: 100%;
  min-height: 472px;
}

.ekomania-exclusive-tour-swiper .swiper-slide {
  height: 100%;
}

.exclusive-tour-slide {
  position: relative;
  height: 100%;
  min-height: 472px;
}

.exclusive-tour-slide-link {
  display: block;
  position: relative;
  height: 100%;
  min-height: 472px;
  color: #fff !important;
  text-decoration: none !important;
  overflow: hidden;
  /* border-radius: 10px; */
}

.exclusive-tour-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}

.exclusive-tour-slide-link:hover .exclusive-tour-bg {
  transform: scale(1.03);
}

.exclusive-tour-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 20px 20px 18px 24px;
  background: rgba(0, 0, 0, 0.55);
  border-left: none;
  box-sizing: border-box;
}

.exclusive-tour-copy::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: #e81932;
  pointer-events: none;
  z-index: 1;
}

.exclusive-tour-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding-left: 4px;
}

.exclusive-tour-title {
  margin: 0 0 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  border: none !important;
  border-left: none !important;
  padding-left: 0 !important;
}

.exclusive-tour-meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #fff;
  border: none !important;
  border-left: none !important;
}

.exclusive-tour-meta-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border: none !important;
  border-left: none !important;
}

.exclusive-tour-meta-row i {
  margin-top: 3px;
  width: 15px;
  text-align: center;
  opacity: 1;
  flex-shrink: 0;
  font-size: 13px;
  color: #fff;
}

.exclusive-tour-cta {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-width: 160px;
  padding: 10px 28px;
  background: #e81932;
  color: #fff !important;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 6px;
  box-shadow: none;
  transition: background 0.2s ease;
}

.exclusive-tour-slide-link:hover .exclusive-tour-cta {
  background: #cf152b;
}

.exclusive-tour-fav {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.2s ease;
}

.exclusive-tour-fav:hover {
  background: rgba(255, 255, 255, 0.42);
  transform: none;
}

.exclusive-tour-pagination.swiper-pagination-bullets {
  bottom: auto !important;
  top: 18px !important;
  left: 14px !important;
  right: auto !important;
  width: auto !important;
  padding: 0;
  z-index: 4;
  text-align: left;
}

.exclusive-tour-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #fff;
  opacity: 0.4;
  margin: 0 3px !important;
}

.exclusive-tour-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #e81932;
  transform: none;
}

.ekomania-exclusive-right {
  flex: 1;
  min-width: 0;
  padding: 4px 4px 0 0;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.exclusive-corp-head {
  margin-bottom: 6px;
}

.exclusive-corp-title {
  margin: 0 0 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.2;
}

.exclusive-corp-w {
  color: #fff;
}

.exclusive-corp-r {
  color: #e81932;
}

.exclusive-corp-lead {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
  max-width: 52ch;
}

.exclusive-timeline {
  flex: 1;
  margin-top: 22px;
  min-height: 0;
}

.exclusive-feature-list {
  --tl-x: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.exclusive-feature-list::before {
  content: "";
  position: absolute;
  left: var(--tl-x);
  top: 28px;
  bottom: 28px;
  width: 0;
  border-left: 2px dotted rgba(255, 255, 255, 0.55);
  transform: translateX(-50%);
}

.exclusive-feature-item {
  position: relative;
  padding-left: 36px !important;
  margin-bottom: 14px !important;
  list-style: none !important;
}

.exclusive-feature-item:last-child {
  margin-bottom: 0 !important;
}

.exclusive-tl-dot {
  position: absolute;
  left: var(--tl-x);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px #263144;
  z-index: 2;
}

.exclusive-feature-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: #fff;
  border-radius: 8px;
  box-shadow: none;
}

.exclusive-feature-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e81932;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.exclusive-feature-body {
  min-width: 0;
}

.exclusive-feature-name {
  display: block;
  margin: 0 0 4px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #e81932;
}

.exclusive-feature-desc {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #4b5563;
}

.exclusive-corp-footer {
  margin-top: auto;
  padding-top: 18px;
  text-align: right;
}

.exclusive-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  height: 42px;
  padding: 0 24px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  background: transparent;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.exclusive-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
}

@media (max-width: 991px) {
  .ekomania-exclusive-inner {
      flex-direction: column;
      min-height: 0;
      gap: 20px;
      padding: 18px;
  }

  .ekomania-exclusive-left {
      flex: none;
      max-width: 100%;
      width: 100%;
  }

  .ekomania-exclusive-tour-swiper, .exclusive-tour-slide, .exclusive-tour-slide-link {
      min-height: 360px;
  }

  .ekomania-exclusive-right {
      padding: 0;
  }

  .exclusive-feature-list::before,
  .exclusive-tl-dot {
      display: none !important;
  }

  .exclusive-feature-item {
      padding-left: 0 !important;
  }

  .exclusive-feature-card {
      width: 100%;
  }
}

@media (max-width: 768px) {
  .ekomania-exclusive-tour-swiper .swiper-slide {
      max-width: none !important;
      overflow: visible !important;
  }

  .exclusive-tour-title {
      font-size: 16px;
  }

  .exclusive-tour-meta {
      font-size: 13px;
  }

  .exclusive-corp-title {
      font-size: 1.5rem;
  }
}

/* Footer (Ekomania koyu tema + sol kurumsal panel / sa iIletisim) */
.ekomania-footer-theme .footer-title {
  color: #fff !important;
}

.ekomania-footer-theme .main-footer .footer-menu-list li a, .ekomania-footer-theme .main-footer .footer-menu-list li {
  color: rgba(255, 255, 255, 0.78) !important;
}

.ekomania-footer-theme .main-footer .footer-menu-list li a:hover {
  color: #fff !important;
}

.ekomania-footer-divider {
  height: 0;
  margin: 28px 0 24px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.ekomania-footer-mid-row {
  margin-bottom: 8px;
}

.ekomania-footer-slider-wrap {
  background: #2c3544;
  border-radius: 12px;
  padding: 26px 22px 28px;
  height: 100%;
}

.ekomania-footer-brand-panel {
  text-align: left;
}

.ekomania-footer-brand-head {
  display: block;
  text-decoration: none !important;
  margin-bottom: 22px;
}

.ekomania-footer-wordmark {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.15rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 1.05;
  background: linear-gradient(165deg, #ffb347 0%, #ff8c42 35%, #f05a28 65%, #e31e24 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 2px 14px rgba(227, 30, 36, 0.25);
}

.ekomania-footer-wordmark-reflect {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.15rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 0.85;
  margin-top: -2px;
  margin-bottom: 10px;
  background: linear-gradient( 180deg, rgba(255, 179, 71, 0.35) 0%, rgba(227, 30, 36, 0.12) 55%, transparent 100% );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transform: scaleY(-0.55);
  transform-origin: top center;
  opacity: 0.55;
  pointer-events: none;
  user-select: none;
}

.ekomania-footer-subtitle {
  display: block;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  letter-spacing: 0.03em;
}

.ekomania-footer-legal {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}

.ekomania-footer-legal li {
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 8px;
}

.ekomania-footer-legal li:last-child {
  margin-bottom: 0;
}

.ekomania-footer-contact-mini {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ekomania-footer-contact-mini li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.9);
}

.ekomania-footer-contact-mini li:last-child {
  margin-bottom: 0;
}

.ekomania-footer-contact-mini i {
  flex-shrink: 0;
  width: 20px;
  margin-top: 2px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.88);
  font-weight: 400;
}

.ekomania-footer-contact-mini a {
  color: rgba(255, 255, 255, 0.95) !important;
  text-decoration: none !important;
  word-break: break-word;
}

.ekomania-footer-contact-mini a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.ekomania-footer-corp {
  padding: 8px 0 8px 8px;
  color: #fff;
}

.ekomania-footer-corp-lines {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.ekomania-footer-corp-lines li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
}

.ekomania-footer-corp-lines li i {
  width: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.85);
}

.ekomania-footer-corp-lines a {
  color: rgba(255, 255, 255, 0.92) !important;
  text-decoration: none !important;
}

.ekomania-footer-corp-lines a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.ekomania-footer-call {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 26px;
}

.ekomania-footer-call-icon {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 44px;
  color: #fff;
  line-height: 1;
}

.ekomania-footer-call-title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px;
}

.ekomania-footer-call-num {
  font-size: 24px;
  font-weight: 700;
  color: #fff !important;
  text-decoration: none !important;
}

.ekomania-footer-call-num:hover {
  color: #fff !important;
  opacity: 0.9;
}

.ekomania-footer-ebulten-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #fff;
  text-align: center;
}

.ekomania-footer-ebulten-desc {
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
}

.ekomania-footer-ebulten-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: stretch;
}

.ekomania-footer-ebulten-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 46px;
  border-radius: 8px !important;
  border: none !important;
  background: #fff !important;
  color: #1a222d !important;
  font-size: 14px;
  padding: 0 14px;
}

.ekomania-footer-ebulten-input::placeholder {
  color: #9ca3af;
}

.ekomania-footer-ebulten-btn {
  flex: 0 0 auto;
  height: 46px;
  padding: 0 22px;
  font-weight: 700;
  border-radius: 8px !important;
  background: #e81932 !important;
  border: none !important;
  color: #fff !important;
  white-space: nowrap;
}

.ekomania-footer-ebulten-btn:hover {
  background: #c9142a !important;
  color: #fff !important;
}

.ekomania-footer-social-row {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.ekomania-footer-social-row a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.08);
  color: #fff !important;
  font-size: 18px;
  text-decoration: none !important;
  transition: background 0.2s ease;
}

.ekomania-footer-social-row a:hover {
  background: rgba(255, 255, 255, 0.16);
}

.ekomania-footer-corp-actions {
  margin-top: 20px;
  text-align: right;
}

.ekomania-footer-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 26px;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 8px;
  background: transparent;
  transition: background 0.2s ease;
}

.ekomania-footer-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
}

.ekomania-footer-copy-wrap {
  text-align: center;
}

@media (min-width: 768px) {
  .ekomania-footer-copy-wrap {
      text-align: left;
  }
}

.ekomania-footer-copy {
  margin-bottom: 0 !important;
}

.hero-banner-slider {
  height: 400px;
}

@media (min-width: 992px) {
  .ekomania-footer-corp {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 100%;
      max-width: 460px;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 12px 10px 28px;
  }

  .ekomania-footer-call {
      justify-content: center;
      text-align: left;
  }

  .ekomania-footer-ebulten {
      width: 100%;
      max-width: 420px;
      margin: 0 auto;
  }
}

@media (max-width: 991px) {
  .ekomania-footer-corp {
      padding-left: 0;
      margin-top: 24px;
  }

  .ekomania-footer-corp-actions {
      text-align: center;
  }

  .ekomania-footer-slider-wrap {
      padding: 22px 18px 24px;
  }
}

a.ekomania-logo img {
  width: 180px;
}

/* ===== Anasayfa esit bolum bosluklar (responsive) ===== */
:root {
  --eko-section-gap: 48px;
  --eko-section-gap-start: 40px;
  --eko-title-gap: 22px;
}

@media (max-width: 991px) {
  :root {
      --eko-section-gap: 28px;
      --eko-section-gap-start: 28px;
      --eko-title-gap: 16px;
  }
}

.ekomania-home-stack {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ekomania-home-stack > .eko-home-block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ekomania-home-stack > .ekomania-tema-section.eko-home-block {
  overflow: visible;
}

.ekomania-home-stack > .eko-home-block + .eko-home-block {
  margin-top: var(--eko-section-gap) !important;
}

.ekomania-home-stack > .eko-home-block:first-child {
  margin-top: var(--eko-section-gap-start) !important;
}

.ekomania-home-stack > .eko-home-block:last-child {
  margin-bottom: var(--eko-section-gap) !important;
}

/* Baslik ile urun/icerik arasi esit bosluk */
.ekomania-home-stack .ekomania-tema-head,
.ekomania-home-stack .ekomania-kampanya-head,
.ekomania-home-stack .ekomania-yorumlar-head,
.ekomania-home-stack .ekomania-blog-head,
.ekomania-home-stack .ekomania-tour-group-head {
  margin-bottom: var(--eko-title-gap) !important;
}

.ekomania-home-stack .ekomania-tema-title-line,
.ekomania-home-stack .ekomania-kampanya-title-line,
.ekomania-home-stack .ekomania-blog-title-line,
.ekomania-home-stack .ekomania-yorumlar-title-line,
.ekomania-home-stack .ekomania-tour-group-title-line {
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  .ekomania-home-stack > .eko-home-block + .eko-home-block {
      margin-top: var(--eko-section-gap) !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: var(--eko-section-gap-start) !important;
  }

  .ekomania-home-stack > .eko-home-block:last-child {
      margin-bottom: var(--eko-section-gap) !important;
  }

  .ekomania-home-stack .ekomania-tema-head,
  .ekomania-home-stack .ekomania-kampanya-head,
  .ekomania-home-stack .ekomania-yorumlar-head,
  .ekomania-home-stack .ekomania-blog-head,
  .ekomania-home-stack .ekomania-tour-group-head {
      margin-bottom: var(--eko-title-gap) !important;
  }

  .ekomania-tema-title-line,
  .ekomania-kampanya-title-line,
  .ekomania-blog-title-line,
  .ekomania-yorumlar-title-line,
  .ekomania-tour-group-title-line {
      margin-bottom: 0 !important;
  }

  .ekomania-tema-swiper,
  .ekomania-kampanya-swiper,
  .ekomania-blog-swiper {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }

  .ekomania-yorumlar-section .owl-yorumlar .owl-dots {
      margin-top: var(--eko-title-gap) !important;
  }

  .ekomania-exclusive-section,
  .ekomania-wide-ad-section,
  .ekomania-tema-section,
  .ekomania-kampanya-section,
  .ekomania-blog-section,
  .ekomania-yorumlar-section,
  .ekomania-showcase-outer,
  .ekomania-trust-strip-outer {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }
}

/* ===== Global tipografi: Poppins ===== */
html, body {
  font-family: "Poppins", sans-serif !important;
}

body, p, a, button, input, select, textarea, label, li, td, th, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .btn, .form-control, .navbar, .nav, .dropdown-menu, .ekomania-header {
  font-family: "Poppins", sans-serif !important;
}

.ekomania-header span:not([class*="fa-"]), .ekomania-header a, .ekomania-header button, .ekomania-header p, .ekomania-header li, .ekomania-logo-tagline {
  font-family: "Poppins", sans-serif !important;
}

/* ===== Ekomania anasayfa arama: 1200px zorla ===== */
.anabanner-alan-box > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.anabanner-search-alan-box {
  width: 1200px !important;
  max-width: calc(100% - 30px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.anabanner-search-alan-box .hero-inner, .anabanner-search-alan-box .index-search-item, .anabanner-search-alan-box .search-boxes.ekomania-v2-search {
  width: 100% !important;
  max-width: 1200px !important;
}

.search-boxes.ekomania-v2-search {
  --eko-search-h: 74px;
}

.search-boxes.ekomania-v2-search .tb-search-form {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.search-boxes.ekomania-v2-search .tab-content {
  background: #fff !important;
  border: 1px solid #d8dce3 !important;
  box-shadow: 0 8px 28px rgba(15, 42, 77, 0.08) !important;
  min-height: 0 !important;
  border-radius: 0 8px 8px 8px !important;
}

.search-boxes.ekomania-v2-search .tb-search-wrapper {
  padding: 36px !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 36px !important;
}

.search-boxes.ekomania-v2-search .tb-search-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
}

.search-boxes.ekomania-v2-search .tb-field-col-city {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

.search-boxes.ekomania-v2-search .tb-field-col-period {
  flex: 0 0 32% !important;
  max-width: 360px !important;
  min-width: 220px !important;
}

.search-boxes.ekomania-v2-search .tb-field-col-btn {
  flex: 0 0 130px !important;
  width: 130px !important;
  max-width: 130px !important;
}

.search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-city {
  flex: unset !important;
  min-width: 0 !important;
  max-width: none !important;
}

.search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-date, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-guest {
  flex: unset !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-search-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 160px 160px 160px 130px !important;
  align-items: stretch !important;
  gap: 12px !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
}

.search-boxes.ekomania-v2-search .ekomania-hotel-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .ekomania-hotel-search .btn.ekomania-hotel-submit {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  background: #e81932 !important;
  border: 0 !important;
}

.search-boxes.ekomania-v2-search .tb-input-box {
  width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  background: #f5f6f8 !important;
  box-sizing: border-box !important;
}

.search-boxes.ekomania-v2-search .tb-search-btn, .search-boxes.ekomania-v2-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .btn.ekomania-hotel-submit {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

.search-boxes.ekomania-v2-search .tb-popular-title {
  font-size: 16px !important;
  border-bottom: none !important;
  position: relative !important;
  padding-bottom: 7px !important;
  margin-bottom: 12px !important;
}

.search-boxes.ekomania-v2-search .tb-popular-title::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: 2px !important;
  background: #e81932 !important;
}

@media (max-width: 768px) {
  .anabanner-alan-box {
      margin-bottom: 8px !important;
  }

  .anabanner-alan-box > .container {
      position: relative !important;
      bottom: auto !important;
      left: auto !important;
      right: auto !important;
  }

  .anabanner-search-alan-box {
      position: relative !important;
      bottom: auto !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: -28px 0 0 !important;
      padding: 0 12px !important;
  }

  .hero-banner-slider, .anabanner-item.mainSlider .hero-banner-slider, .anabanner-item.mainSlider, .hero-slide-item {
      height: 220px !important;
      min-height: 220px !important;
      max-height: 220px !important;
  }

  .hero-slide-image img, .hero-banner-slider .hero-slide-image img {
      height: 220px !important;
      object-fit: cover !important;
      width: 100% !important;
  }

  .hero-banner-slider .slick-prev, .hero-banner-slider .slick-next, .hero-banner-slider .hero-arrow, .anabanner-alan-box .hero-banner-slider .slick-arrow {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
      visibility: hidden !important;
  }

  .ekomania-trust-strip-outer {
      margin-top: 8px !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: 8px !important;
  }

  .search-boxes.ekomania-v2-search {
      --eko-search-h: 56px;
  }

  .search-boxes.ekomania-v2-search .tb-search-wrapper {
      padding: 14px !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-row {
      display: flex !important;
      flex-wrap: wrap !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      gap: 8px !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-search-row {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      gap: 8px !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-city, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-guest, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-btn {
      grid-column: 1 / -1 !important;
      width: 100% !important;
      max-width: none !important;
      flex: 1 1 100% !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-city, .search-boxes.ekomania-v2-search .tb-field-col-period, .search-boxes.ekomania-v2-search .tb-field-col-btn {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-date, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-date {
      flex: 1 1 calc(50% - 4px) !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-guest {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-input-box {
      height: 56px !important;
      min-height: 56px !important;
      max-height: none !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-btn, .search-boxes.ekomania-v2-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .btn.ekomania-hotel-submit {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: 52px !important;
      min-height: 52px !important;
      max-height: none !important;
  }
}

@media (max-width: 991px) and (min-width: 769px) {
  .anabanner-alan-box {
      margin-bottom: 8px !important;
  }

  .anabanner-search-alan-box {
      position: relative !important;
      bottom: auto !important;
      top: auto !important;
      left: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: -40px 0 0 !important;
      padding: 0 10px !important;
  }

  .ekomania-trust-strip-outer {
      margin-top: 8px !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: 8px !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-row {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      flex-wrap: wrap !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-search-row {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      gap: 10px !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-city, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-guest, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-btn {
      grid-column: 1 / -1 !important;
      width: 100% !important;
      max-width: none !important;
      flex: 1 1 100% !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-city, .search-boxes.ekomania-v2-search .tb-field-col-period, .search-boxes.ekomania-v2-search .tb-field-col-btn {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-date, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-date {
      flex: 1 1 calc(50% - 5px) !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-guest {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-input-box {
      height: 60px !important;
      min-height: 60px !important;
      max-height: none !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-btn, .search-boxes.ekomania-v2-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .btn.ekomania-hotel-submit {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: 54px !important;
      min-height: 54px !important;
      max-height: none !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: 0 !important;
  }
}

/* Slick: eksik ajax-loader.gif 404'unu engelle */
.slick-loading .slick-list {
  background-image: none !important;
}

/* Ekomania dil/kur main.css absolute left ezilsin (en sonda) */
@media (max-width: 768px) {
  #header-waypoint-sticky.ekomania-header .ekomania-lang-currency {
      display: inline-flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      gap: 10px !important;
      width: max-content !important;
      position: static !important;
      left: auto !important;
      right: auto !important;
      float: none !important;
  }

  #header-waypoint-sticky.ekomania-header .lang-wrap, #header-waypoint-sticky.ekomania-header .currency-wrap, #header-waypoint-sticky.ekomania-header .eko-lc-item {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      float: none !important;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      display: inline-flex !important;
      flex: 0 0 auto !important;
      align-items: center !important;
  }

  #header-waypoint-sticky.ekomania-header .show-lang, #header-waypoint-sticky.ekomania-header .show-currency-tooltip {
      display: inline-flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 5px !important;
      position: relative !important;
      left: auto !important;
      white-space: nowrap !important;
  }
}

.baslik-icon:empty {
  display: none;
}

@media (max-width: 575px) {
  .ekomania-tour-group-title, .ekomania-popular-tours .section-title h2.ekomania-tour-group-title, .ekomania-popular-tours .section-title h2 {
      font-size: 22px !important;
  }

  .ekomania-popular-tours {
      padding-left: 0px !important;
      padding-right: 0px !important;
  }
}

h3.eko-tour-card-title a {
  font-size: 18px !important;
  font-weight: 500;
}

@import "./header-panel.css"; @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); #taksitalan.fancybox-content {
  max-width: 90%;
  width: 500px;
  padding: 0px;
  max-height: 90%;
  height: 700px;
  overflow-y: auto;
  background-color: #ecf6f8;
}

#taksitalan ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#taksitalan .taksit_tablosu {
  background: #edf4fa;
  margin-bottom: 20px;
}

#taksitalan .taksit_tablosu .taksit_baslik .sol {
  display: inline-block;
  width: 100%;
  text-align: center;
}

#taksitalan .taksit_tablosu .taksit_baslik .sag {
  display: none;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding-right: 20px;
}

#taksitalan .taksit_tablosu .taksit_baslik {
  background: #fff;
  border-bottom: 1px solid #b4d9e9;
}

#taksitalan .taksitsecenekleri {
  padding: 12px 20px;
  border-bottom: 1px solid #61a1d9;
  background: #28a8db;
  font-weight: bold;
  color: #fff;
  height: 44px;
}

#taksitalan .taksitseceneklerikapat {
  display: none;
}

#taksitalan .genel_taksit_tablosu {
  padding: 20px;
  background: #ecf6f8;
}

#taksitalan .taksitler li {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  height: 25px;
}

#taksitalan .taksitler .sutun1 {
  width: 20%;
}

#taksitalan .taksitler .sutun2 {
  width: 40%;
}

#taksitalan .taksitler .sutun3 {
  width: 40%;
}

#taksitalan .taksitler .altbaslik li {
  border-right: 1px solid #e7f7fe;
  border-bottom: 1px solid #e7f7fe;
}

#taksitalan .taksitler ul {
  background: #fff;
  font-size: 0.8rem;
  height: 25px;
  line-height: 25px;
  border-left: 1px solid #e7f7fe;
}

#taksitalan .fancybox-close-small {
  color: #fff !important;
  height: 44px;
}

#taksitalan .fancybox-close-small:hover {
  background: #000 !important;
}

#taksitalan .taksit_tablosu .taksit_baslik .sol img {
  /* max-height: 18px; */
  height: auto;
  width: 68px;
  /* display: inline-block; */
}

body, html, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn, label {
  font-family: "Poppins", sans-serif !important;
  font-size: 14px;
}

.detail-header h1, .fullwidth-horizon-sticky-section h1 {
  font-size: 24px;
}

.detail-header h2, .fullwidth-horizon-sticky-section h2 {
  font-size: 21px;
}

.detail-header h3, .fullwidth-horizon-sticky-section h3 {
  font-size: 20px;
}

.detail-header h4, .fullwidth-horizon-sticky-section h4 {
  font-size: 22px;
}

.detail-header h5, .fullwidth-horizon-sticky-section h5 {
  font-size: 18px;
}

.detail-header h6, .fullwidth-horizon-sticky-section h6 {
  font-size: 17px;
}

p {
  color: #000;
}

@media (max-width: 1024px) {
  .tur-box-right {
      padding: 10px;
  }

  .ekalanTurKesin {
      right: 0 !important;
  }

  .header-main .header-inner {
      margin-bottom: 0px;
  }

  .mobile-container {
      padding: unset !important;
  }

  .otel-detay-search .form-control {
      font-size: 11px;
  }

  .otel-detay-search .form-group i {
      display: none !important;
  }

  .form-control, .form-readonly-control[readonly], .form-control-readonly[readonly] {
      padding: 0.375rem 0.75rem !important;
  }

  .header-top .phoneEmail a {
      margin-right: unset !important;
  }

  .col-inner .form-group i {
      top: 64% !important;
  }

  #anabanner {
      height: 220px ;
      overflow: hidden ;
  }

  .owl-carousel {
      height: 208px;
      overflow: hidden;
  }

  .header-main .main-nav > li > a {
      padding-left: 8px !important;
      padding-right: 3px !important;
      font-size: 11px !important;
      color: #003970;
      font-weight: 600;
  }

  .slider-button {
      /* height: 39px !important; */
      /* top: -7px !important; */
  }

  .fullwidth-horizon-sticky.none-sticky-hide.fixed {
      display: none;
  }

  .priceCalc.fixed {
      width: 90.8% !important;
  }

  .sort-btn {
      padding: 10px 10px !important;
  }

  .card-item-exp p {
      font-size: 11px !important;
  }

  #hotelTab .form-group {
      padding: 10px 15px 0 !important;
  }

 
  .tur-landing-page .searchwrap.col-md-4 {
      left: 185px;
  }

  .Ropen {
      top: 0px !important;
      padding: 3px 3px !important;
  }

  a.address {
      top: 0px !important;
      padding: 5px 3px !important;
  }

  #oda-ekle {
      padding: 2px !important;
      height: 36px;
  }

  #hesapla-btn-tur {
      height: 36px;
      padding: 2px !important;
  }

  .priceCalc label {
      font-size: 12px;
  }

  .priceCalc .form-control-lg {
      padding-top: 0px;
      padding-bottom: 0px;
      font-size: 16px;
      height: 47px;
  }

  .col-lg-12.kesinkalkis {
      padding-top: 0;
  }

  .listroBox ul {
      padding: 0;
  }
}

.sayac-alani.hidden-lg.hidden-md {
  display: none;
}

@media (max-width: 768px) {
  .main-footer .row.gap-50 {
      margin-left: 0;
      margin-right: 0;
  }

  .index-reklam .owl-nav.disabled {
      display: none !important;
  }

  .index-reklam .owl-dots {
      display: none !important;
  }

  .index-reklam {
      height: auto !important;
  }

  .index-reklam-two {
      height: auto !important;
  }

  .tur-kutu-header {
      height: auto !important;
  }

  .sayac-alani.hidden-xs {
      display: none;
  }

  .sayac-alani.hidden-lg.hidden-md {
      display: block;
  }

  a.detail {
      display: flex !important;
      align-items: center !important;
      height: 26px !important;
      width: 205px !important;
  }

  .owl-tour button.owl-next {
      right: 15px !important;
      top: 25% !important;
  }

  .owl-tour button.owl-prev {
      left: 15px !important;
      top: 25% !important;
  }

  .mobil-logo {
      display: block !important;
  }

  .header-top {
      /* height: auto !important; */
  }

  .userLoginPanelMenu {
      display: none !important;
  }

  .userLoginPanelMenu.menuShow {
      display: block !important;
  }

  .populer-tour-regions-mobile {
      display: block !important;
  }

  .footer-mobile-menu {
      display: block !important;
  }

  /* .populer-bolgeler-footer, .main-footer {

display: none;

} */
  .hero-inner .from-inner {
      padding-bottom: 10px;
  }

  .otel-ara span {
      font-size: 1.429rem !important;
  }

  section.popular-tour-regions.mt-30 {
      display: none;
  }

  .fullwidth-horizon-sticky.none-sticky-hide, .fullwidth-horizon-sticky.none-sticky-hide.fixed {
      display: none !important;
  }

  div#ETBIS img {
      height: auto !important;
  }
}

.header-main .main-logo {
  width: 182px;
  padding: 0;
}

.mainSlider .slick-slide img {
  min-height: 550px;
  max-height: 550px;
  filter: brightness(0.85);
  object-fit: cover;
}

/* Slider Arrow Styles - Modern Circular */
.anabanner-item.mainSlider .banner-slider .slick-prev, .anabanner-item.mainSlider .banner-slider .slick-next {
  z-index: 9 !important;
  width: 48px !important;
  height: 48px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.anabanner-item.mainSlider .banner-slider .slick-prev:hover, .anabanner-item.mainSlider .banner-slider .slick-next:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  transform: scale(1.05);
}

.anabanner-item.mainSlider .banner-slider .slick-prev {
  left: 30px !important;
}

.anabanner-item.mainSlider .banner-slider .slick-next {
  right: 30px !important;
}

.ekalanTurKesin {
  position: absolute;
  top: 0;
  right: 20%;
}

@media (max-width: 768px) {
  .mobile-ziyaret-edilecek-yerler {
      display: block !important;
  }

  .col-6.col-lg-4.col-md-6 .col-inner {
      justify-content: unset !important;
  }

  .datepicker {
      width: min(280px, calc(100vw - 24px)) !important;
      max-width: calc(100vw - 24px) !important;
      box-sizing: border-box !important;
  }

  .tour-grid-item-01 h5 a {
      font-size: 14px;
      text-align: center;
  }

  div#ETBIS {
      text-align: center;
  }

  .ekalanTurKesin {
      position: absolute;
      top: 0;
      right: 0;
  }

  a.address {
      margin-bottom: 5px;
  }

  button.devamBtn {
      display: block !important;
  }

  .aciklama-box {
      height: 320px;
      overflow: hidden;
  }

  .aciklama-box h1 {
      margin-bottom: 50px;
      padding-bottom: 50px;
  }

  .aciklama-box h1:first-child {
      padding: unset;
  }

  button.devamBtn {
      position: absolute;
      bottom: 28px;
      border: unset;
      background: unset;
      border-bottom: 1px solid #000080;
  }

  .aciklama-box.aciklama-box-read h1 {
      padding-bottom: unset !important;
  }

  .aciklama-box.aciklama-box-read .devamBtn {
      bottom: 0;
      margin-bottom: 10px;
  }

  .devamBtn:before {
      color: #000080;
      font-weight: 600;
  }

  .priceCalc.fixed {
      position: relative;
  }

  .header-main.header-mobile-menu .main-menu-nav .main-nav > li .arrow-indicator {
      right: 10px !important;
  }

  .header-main.with-absolute-navbar .navbar {
      left: 0px !important;
      right: 0px !important;
  }

  .col-inner.otel-yetiskin-item {
      height: 88px;
      overflow: hidden;
  }

  .slick-gallery-slideshow.detail-gallery.mt-20.mb-40 {
      margin-bottom: unset !important;
  }

  .hotelSlider .slick-track .image img {
      height: 400px !important;
  }

  .hotelSlider {
      margin-bottom: 15px;
  }

  .web-ziyaret {
      display: none !important;
  }

  .sort-wrapper {
      min-height: unset !important;
      padding: 0 !important;
  }

  /* aside.sidebar-wrapper.pv {

display: none !important;

} */
  .oteller-page {
      margin-top: unset !important;
  }

  .tur-landing-page .searcher .searchwrap {
      position: relative !important;
      top: unset !important;
      left: unset !important;
  }

  .header-main .main-logo {
      z-index: 99;
      width: 100% !important;
      position: relative;
  }

  .input-kutu i.far.fa-calendar-alt {
      left: -12px;
  }

  section.page-wrapper.page-detail {
      margin: unset !important;
  }

  .col-lg-12.col-md-12.kampanya-sol-menu {
      display: none;
  }

  .otel-detay-left-box {
      margin-right: 20px;
  }

  .sidebar-wrapper.pv {
      padding-top: 0px;
      padding-bottom: 0;
  }

  .mobile-filter {
      margin-bottom: 0 !important;
  }

  .col-lg-3.ptl {
      padding-left: 15px !important;
  }

  .tur-banner {
      display: none !important;
  }

  .searchwrap.col-md-6 {
      position: relative !important;
      top: unset !important;
      left: unset !important;
      transform: unset !important;
  }

  section.tur-landing-page {
      margin: unset !important;
  }

  .tur-landing-page .searcher {
      padding: 0px 0px !important;
  }

  .anabanner-item.mainSlider .banner-slider .slick-prev, .anabanner-item.mainSlider .banner-slider .slick-next {
      display: none !important;
  }

  .tur-landing-page .searcher .searchwrap .column.noborder {
      padding: 5px 15px !important;
  }
}

/* Arrow Icons */
.anabanner-item.mainSlider .banner-slider .slick-prev:before, .anabanner-item.mainSlider .banner-slider .slick-next:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  color: #374151 !important;
  opacity: 1 !important;
}

.anabanner-item.mainSlider .banner-slider .slick-prev:before {
  content: '\f053' !important;
  /* chevron-left */
}

.anabanner-item.mainSlider .banner-slider .slick-next:before {
  content: '\f054' !important;
  /* chevron-right */
}

@media (max-width: 768px) {
  .mainSlider .slick-slide img {
      min-height: 320px;
      max-height: 320px;
      height: auto;
      border-radius: 0;
  }

  .anabanner-item.mainSlider::after {
      height: 100px;
  }

  .hero-banner-01 {
      padding-top: 180px;
      padding-bottom: 30px;
  }

  .hero-banner-01 .search-form-main {
      margin-top: 3px;
      max-width: 100%;
  }
}

.hero-inner .menu-horizontal-02 ul li {
  display: inline-block;
  margin: 0 1px;
}

.hero-inner .menu-horizontal-02 ul li a {
  display: block;
  color: inherit;
  background-color: #fff;
  border: 1px solid #dee2e6;
  line-height: 1;
  margin-right: 0;
  margin-bottom: 0;
  border-radius: 3px;
  padding: 18px 30px;
  width: 100%;
}

.hero-inner .menu-horizontal-02 ul li a.active, .hero-inner .menu-horizontal-02 ul li.active a, .hero-inner .menu-horizontal-02 ul li a:hover {
  color: #ef4444;
  border-color: #ef4444;
}

.anabanner-alan-box {
  padding: 0;
  position: relative;
  margin-bottom: 0;
}

.anabanner-item.mainSlider {
  position: relative;
}

/* Gradient Overlay - Fade to White at Bottom */
/* .hero-slide-item::after {

content: '';

position: absolute;

bottom: 0;

left: 0;

right: 0;

height: 250px;

background: linear-gradient(to bottom, 

rgba(255, 255, 255, 0) 0%, 

rgba(255, 255, 255, 0.3) 30%,

rgba(255, 255, 255, 0.7) 60%,

rgba(255, 255, 255, 0.95) 85%,

rgba(255, 255, 255, 1) 100%);

pointer-events: none;

z-index: 2;

} */
/* Slider Caption Styles */
.slider-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  text-align: center;
  z-index: 5;
  width: 100%;
  max-width: 700px;
  padding: 0 20px;
}

.slider-caption h1 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 15px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
}

.slider-caption p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 400;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  margin: 0;
}

@media (max-width: 768px) {
  .slider-caption {
      transform: translate(-50%, -80%);
  }

  .slider-caption h1 {
      font-size: 28px;
  }

  .slider-caption p {
      font-size: 14px;
  }
}

/* Slider Dots Styles - Modern Design */
.anabanner-item.mainSlider .banner-slider .slick-dots {
  position: absolute !important;
  bottom: 90px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  text-align: center !important;
  width: auto !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.6) !important;
  font-size: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li button:before {
  display: none !important;
  content: '' !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li.slick-active button {
  width: 28px !important;
  height: 10px !important;
  border-radius: 5px !important;
  background: #3b82f6 !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li button:hover {
  background: rgba(255, 255, 255, 0.9) !important;
}

.anabanner-item.mainSlider .banner-slider .slick-dots li.slick-active button:hover {
  background: #2563eb !important;
}

@media (max-width: 768px) {
  .anabanner-item.mainSlider .banner-slider .slick-dots {
      bottom: 60px !important;
  }

  .anabanner-item.mainSlider .banner-slider .slick-dots li button {
      width: 8px !important;
      height: 8px !important;
  }

  .anabanner-item.mainSlider .banner-slider .slick-dots li.slick-active button {
      width: 20px !important;
      height: 8px !important;
  }
}

/* ========================================

Hero Banner Slider Styles

======================================== */
.hero-banner-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 550px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
      background-position: -200% 0;
  }

  100% {
      background-position: 200% 0;
  }
}

.hero-banner-slider.slick-initialized {
  background: none;
  animation: none;
  min-height: auto;
}

@media (max-width: 992px) {
  .hero-banner-slider {
      min-height: 450px;
  }
}

@media (max-width: 768px) {
  .hero-banner-slider {
      height: 220px;
      min-height: 220px;
  }

  .hero-banner-slider:not(.slick-initialized) .hero-slide-image img {
      height: 220px;
  }
}

/* Prevent FOUC - Hide slides before init */
.hero-banner-slider:not(.slick-initialized) .hero-slide-item {
  display: none;
}

.hero-banner-slider:not(.slick-initialized) .hero-slide-item:first-child {
  display: block;
}

/* Pre-init image styling */
.hero-banner-slider:not(.slick-initialized) .hero-slide-image img {
  width: 100%;
  height: 550px;
  object-fit: cover;
}

.hero-slide-item {
  position: relative;
  height: 550px;
  min-height: 550px;
  overflow: hidden;
}

.hero-slide-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(

to right,

rgba(0, 0, 0, 0.6) 0%,

rgba(0, 0, 0, 0.3) 50%,

rgba(0, 0, 0, 0.1) 100%

); */
}

.hero-slide-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 5;
  pointer-events: none;
}

.hero-slide-inner {
  /* max-width: 600px; */
  padding: 0 60px;
  color: #ffffff;
  pointer-events: auto;
  position: relative;
  z-index: 10;
}

.hero-slide-title {
  font-size: 72px;
  font-weight: 700;
  margin: 0 0 15px 0;
  line-height: 1.2;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero-slide-subtitle {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 20px 0;
  opacity: 0.9;
  line-height: 1.6;
}

.hero-slide-features {
  font-size: 14px;
  margin-bottom: 25px;
  opacity: 0.85;
  line-height: 1.8;
}

.hero-slide-price-area {
  display: flex;
  align-items: end;
  gap: 15px;
  margin-bottom: 25px;
}

.hero-slide-price {
  display: flex;
  align-items: flex-end;
  gap: 0px;
  flex-direction: column;
}

.hero-slide-price .price-old {
  font-size: 16px;
  text-decoration: line-through;
  opacity: 0.7;
}

.hero-badge-firsat {
  background: #ef4444;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hero-slide-btn {
  transition: all 0.3s ease;
}

.hero-slide-btn:hover {
  text-decoration: none;
  transform: translateY(-2px);
}

/* Hero Banner Slider Arrows */
.hero-banner-slider .slick-prev, .hero-banner-slider .slick-next, .hero-banner-slider .hero-arrow {
  width: 56px !important;
  height: 56px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 10 !important;
  color: #e81932 !important;
  transition: none !important;
  transform: none !important;
}

.hero-banner-slider .slick-prev:hover, .hero-banner-slider .slick-next:hover, .hero-banner-slider .hero-arrow:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1;
  transform: none !important;
  color: #e81932 !important;
}

.hero-banner-slider .slick-prev {
  left: 24px !important;
}

.hero-banner-slider .slick-next {
  right: 24px !important;
}

.hero-banner-slider .slick-prev:before, .hero-banner-slider .slick-next:before {
  display: none !important;
}

.hero-banner-slider .slick-prev i, .hero-banner-slider .slick-next i, .hero-banner-slider .hero-arrow i {
  font-size: 36px !important;
  color: #e81932 !important;
  text-shadow: none;
  line-height: 1;
}

.hero-banner-slider .hero-arrow svg {
  width: 60px;
  height: 60px;
  display: block;
  color: #ffffff;
  stroke: #ffffff;
}

/* Hero Banner Slider Dots */
.hero-banner-slider .slick-dots {
  position: absolute !important;
  bottom: 128px !important;
  left: 50% !important;
  /* transform: none !important; */
  display: flex !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: auto !important;
  text-align: left !important;
  z-index: 3;
  transform: translate(-50%,-50%);
  display: none !important;
}

.hero-banner-slider .slick-dots li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

.hero-banner-slider .slick-dots li button {
  width: 12px !important;
  height: 12px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.5) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.hero-banner-slider .slick-dots li button:before {
  display: none !important;
}

.hero-banner-slider .slick-dots li.slick-active button {
  width: 30px !important;
  height: 12px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}

/* Responsive Hero Banner */
@media (max-width: 992px) {
  .hero-slide-item {
      height: 450px;
  }

  .hero-slide-inner {
      padding: 0 40px;
      max-width: 500px;
  }

  .hero-slide-title {
      font-size: 32px;
  }

  .hero-slide-price .price-new {
      font-size: 26px;
  }
}

@media (max-width: 768px) {
  .hero-slide-item {
      height: 220px;
      min-height: 220px;
  }

  .hero-slide-overlay {
      /* background: linear-gradient(

;/* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

); */
      /* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

); */
  }

  .hero-slide-content {
      align-items: flex-end;
      padding-bottom: 50px;
  }

  .hero-slide-inner, .hero-slide-item .hero-slide-inner {
      padding: 0 16px;
      left: 0;
      max-width: 100%;
      width: 100%;
      text-align: left;
      box-sizing: border-box;
  }

  .hero-slide-title {
      font-size: 22px;
  }

  .hero-slide-subtitle {
      font-size: 13px;
  }

  .hero-slide-features {
      font-size: 12px;
      padding: 4px 10px;
      margin-bottom: 12px;
  }

  .hero-slide-price-area {
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 12px;
  }

  .price-new {
      font-size: 26px;
  }

  .price-old {
      font-size: 13px;
  }

  .hero-badge-firsat {
      font-size: 10px;
      padding: 4px 8px;
  }

  .hero-slide-btn {
      padding: 8px 18px;
      font-size: 13px;
  }

  .hero-banner-slider .slick-dots {
      left: 50% !important;
      transform: translateX(-50%) !important;
      bottom: 15px !important;
  }
}

@media (min-width: 992px) {
  .hero-banner-01 .search-form-main {
      max-width: 100%;
  }

  .col-md-4.col-xs-12.half {
      padding-right: unset;
  }

  .webgizle {
      display: none;
  }
}

@media (min-width: 576px) {
  .hero-banner-01 .search-form-main {
      margin-top: 0px;
  }
}

.reklam img {
  max-width: 100%;
  margin-bottom: 20px;
}

.equal-height .otellistebolgeler {
  display: none;
}

.pagination > li > a, .pagination > li > span {
  width: auto;
}

.popuelerbolgeler .row.mb-20 ul li > [class*="col"] {
  padding-bottom: 20px;
}

.popuelerbolgeler .row.gap-2 ul li > [class*="col"] {
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 2px;
}

.popuelerbolgeler .row.cols-1 > ul li {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  float: left;
  width: 100%;
}

@media (min-width: 576px) {
  .popuelerbolgeler .row.cols-sm-2 > ul li {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
      float: left;
  }
}

@media (min-width: 992px) {
  .popuelerbolgeler .row.cols-lg-4 ul li {
      -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%;
      float: left;
  }
}

/*Tur list*/
.listroBox {
  background-color: #fff;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  margin-left: 0;
  margin-right: 0;
}

.listroBox figure {
  margin: 8px 0;
  /* overflow: hidden; */
  position: relative;
  /* height: 200px; */
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.listroBox a.wishlist_bt {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 9px 10px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.listroBox a.wishlist_bt:after {
  font-family: "Font Awesome 5 Free";
  content: "\f004";
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.listroBox figure a img {
  /* position: absolute;

left: 50%;

top: 50%;

-webkit-transform: translate(-50%, -50%) scale(1);

-moz-transform: translate(-50%, -50%) scale(1);

-ms-transform: translate(-50%, -50%) scale(1);

-o-transform: translate(-50%, -50%) scale(1);

transform: translate(-50%, -50%) scale(1);

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

width: 100%;

transition: all 0.3s ease-in-out; */
}

.listroBox figure a img, .listroBox.list_view figure a img {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.listroBox figure .read_more {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 2;
}

.listroBox figure .read_more a {
  background-color: #ef4444;
  background-color: #ef4444;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 10px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 8px 25px;
  text-transform: uppercase;
}

.listroBox figure small {
  position: absolute;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  left: 20px;
  top: 22px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 7px 10px 4px;
  line-height: 1;
  font-size: 10px;
}

.listroBox .listroBoxmain {
  padding: 20px 0px 15px;
}

.listroBox .listroBoxmain h3 {
  font-size: 17px;
  margin: 0 0 8px 0;
}

.tur-box-middle {
  border-right: 1px dashed #e5e5e5;
  height: 100%;
}

.listroBox .listroBoxmain p {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 26px;
}

.tur-box-right-item li {
  list-style: none !important;
  text-decoration: unset !important;
}

.secondary-search-box.mb-30 label {
  margin-bottom: 10px;
}

.banner-alt-text h1 {
  font-size: 1.9rem;
  font-weight: 600;
}

.col-lg-12.kesinkalkis {
  border-top: solid 1px #e5e5e5;
  margin: 0;
  padding: 10px;
}

.secondary-search-box.mb-30 {
  background: #e8e8ff ;
}

input#quick-searchInputTour {
  background: transparent;
}

.secondary-search-box ::placeholder {
  color: white !important;
}

.satin-al-desing {
  background: #ef4444;
  text-align: center;
  width: 89%;
  display: flex;
  justify-content: center;
  margin: 10px auto;
  border-radius: 4px;
  height: 36px;
  align-items: center;
}

.tur-box-right .satin-al-desing a {
  color: white;
  width: 100%;
}

a.address {
  display: inline-block;
  position: relative;
  top: -2px;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 8px 8px;
  line-height: 1;
  border-radius: 3px;
  color: #ef4444;
  border: 1px solid #ef4444;
}

a.address:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14e";
  margin-right: 5px;
  display: inline-block;
}

.listroBox ul {
  padding: 13px 15px 4px 0px;
  /* border-top: 1px solid #ededed; */
}

.listroBox ul li:first-child {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: -4px;
}

.listroBox ul li {
  display: inline-block;
  margin-right: 15px;
}

.Ropen {
  color: #ef4444;
  border: 1px solid #ef4444;
}

.Rclosed {
  color: #ef4444;
  border: 1px solid #ef4444;
}

.listroBox a.wishlist_bt:hover {
  background: #ef4444;
}

.Rclosed, .Ropen {
  position: relative;
  top: -2px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 6px 8px;
  line-height: 1;
  border-radius: 3px;
}

.listroBox ul li .R_retings {
  margin-top: -26px;
}

.R_retings span {
  display: inline-block;
  position: relative;
  top: 7px;
  margin-right: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  line-height: 16px;
  font-weight: bold;
}

.R_retings a {
  background-color: #ef4444;
  color: #fff;
  line-height: 1;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 5px 12px;
  display: inline-block;
}

.R_retings span em {
  display: block;
  font-weight: 400;
  font-size: 11px;
  font-size: 0.6875rem;
}

.listroBox figure a:hover img {
  /* transform: translate(-50%, -50%) scale(1.1); */
}

.listroBox ul li:last-child {
  /* margin: 25px 0 0 0;

float: right; */
}

.tur-box-right {
  height: 100%;
}

.tur-box-right-item {
  display: flex;
  /* vertical-align: middle; */
  position: relative;
  height: 100%;
  text-align: center;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}

.listroBox figure:hover .read_more {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.listroBox {
  transition: 0.4s;
  transform: scale(1);
}

.listroBox:hover {
  /* transform: translateY(-6px); */
}

.tur-kutu-header {
  height: 50px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  padding-left: 15px;
}

@media (max-width: 580px) {
  .sidebar-wrapper.pv {
      width: 100%;
  }
}

/*Tur detay*/
.dahil ul, .dahildegil ul {
  list-style: none;
  padding: 0;
}

.dahil ul li:before {
  color: green;
  margin-right: 5px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.dahildegil ul li:before {
  color: red;
  margin-right: 5px;
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.booking-box .box-content {
  padding: 20px;
}

.booking-box .box-content * {
  line-height: normal !important;
  color: #000;
}

.line3 {
  background: #e8e8e8;
  height: 1px;
  margin: 0px 0 0px 0;
  padding: 0;
  display: block;
}

.hpadding20 {
  padding: 0px 20px 0px 20px;
}

.margtop20 {
  margin-top: 20px !important;
}

.bordertype1 {
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  color: #999;
  padding: 10px;
}

.bordertype2 {
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  color: #999;
  padding: 10px;
}

.bordertype3 {
  border: 1px solid #ef4444;
  text-align: center;
  color: white;
  padding: 10px;
  margin-top: 5px;
  background: #ef4444;
}

.grey2 {
  color: #666;
}

.size30 {
  font-size: 30px;
}

.green2 {
  color: #339933;
}

.lh1 {
  line-height: 7px !important;
}

a.grey {
  color: #999;
  font-weight: normal;
}

a:link.add2fav {
  text-decoration: none;
  color: #7c8c94;
}

.margtop5 {
  margin-top: 5px !important;
}

a:visited.booknow {
  text-decoration: none;
  color: #fff;
}

a:link.booknow {
  text-decoration: none;
  color: #fff;
}

.booknow {
  width: 100%;
  height: 52px;
  padding: 15px 10px 10px 10px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #ef4444;
  background: #ef4444;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 3px;
}

.booknow:hover {
  background: #ff7b00;
  border-color: #ff7b00;
  transition: ease-in-out all 400ms;
}

.priceCalc {
  padding: 10px;
  /* background: #f2f2f2;

border: 1px solid #e5e5e5; */
  box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
  border-top: 5px solid #e81932;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

#turrezalan1 table {
  border-radius: 5px;
}

.rezalan1satir:nth-child(odd), #turrezalan1 tr:nth-child(odd) {
  background: #eaeaea;
}

.rezalan1satir:nth-child(even), #turrezalan1 tr:nth-child(even) {
  background: #f5f5f5;
}

#turrezalan1 td {
  padding: 7px 2px;
}

.rezalan1satir .onlinerezlink, #turrezalan1 table .nlink {
  background: #4caf50;
  color: #fff;
  padding: 4px 15px;
  border-radius: 7px;
}

.rezalan1baslik {
  background: #ef4444 !important;
  color: #fff;
}

#turrezalan1 .hatamesaji {
  border: 1px solid #f44336;
  padding: 5px 15px;
  background: #ffe4e2;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.otelfiyatsablon {
  background: #efefef;
  position: relative;
  margin: 0px;
  padding: 10px;
}

.otelfiyatsablon:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.otelfiyatsablon:first-child {
  margin-top: 10px;
}

aside.sidebar-wrapper.pv {
  width: 100%;
  /* margin-top: 20px; */
}

.otelfiyatsablon .info .oda {
  color: #ef4444;
  font-weight: bold;
  font-size: 15px;
}

.otelfiyatsablon .info .pansiyon {
  color: #ef4444;
  font-weight: bold;
}

.otelfiyatsablon .buy .fiyat {
  color: #ef4444;
  font-size: 16px;
  font-weight: bold;
}

.otelfiyatsablon .buy {
  text-align: right;
}

.otelfiyatsablon .buy .indirimoran {
  display: inline-block;
  padding: 2px 8px;
  background: #337ab7;
  color: #fff;
  border-radius: 20px;
  width: auto;
  line-height: normal;
  font-size: 12px;
}

.otelfiyatsablon .buy .old {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-decoration: line-through;
}

.otelfiyatsablon .buy .new {
  color: #4caf50;
  font-size: 18px;
  font-weight: bold;
}

.otelfiyatsablon .satinal a {
  display: block;
  width: 100%;
  padding: 5px;
  background: #ef4444;
  font-weight: bold;
  color: #fff;
  margin-top: 2px;
  font-size: 13px;
}

#fiyatlar .itinerary-list td:nth-child(2) {
  width: 110px;
}

#fiyatlar .itinerary-list td, #fiyatlar .itinerary-list th {
  border: 1px solid #ddd;
  padding: 3px;
  font-size: 12px;
}

#fiyatlar .itinerary-list td.yesil {
  background-color: #00e676;
}

#fiyatlar .itinerary-list tr:nth-child(even) {
  background-color: #f2f2f2;
}

#fiyatlar .itinerary-list tr:hover {
  background-color: #ddd;
}

#fiyatlar .itinerary-list .turfiyatbaslik {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #326e98;
  color: white;
}

#fiyatlar .itinerary-list .ui-accordion .ui-accordion-content {
  padding: 0;
}

#taksitalan {
  width: 100% !important;
}

#taksitalan td, #taksitalan th {
  border: 1px solid #ddd;
  padding: 8px;
}

@media (max-width: 768px) {
  #fiyatlar .itinerary-list {
      overflow: auto;
  }

  #fiyatlar .itinerary-list > table {
      width: 800px;
  }
}

#taksitalan tr:nth-child(even) {
  background-color: #f2f2f2;
}

#taksitalan tr:hover {
  background-color: #ddd;
}

.gemifoto {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.gemifoto li {
  display: inline-block;
  width: 25%;
}

.gemifoto li img {
  max-width: 100%;
  height: auto;
}


@media (max-width: 768px) {
  /*Rezervasyon*/ .reservation .left-block {
      width: 100%;
  }

  .uyelere-ozel {
      display: block;
  }

  .left-icon {
      display: none !important;
  }

  .followWrap {
      display: none !important;
  }

  .wifi-box {
      margin-bottom: 15px;
  }

  .reservation .right-block {
      width: 100%;
      max-width: 100% !important;
  }

  .reservation .block-box .persons table tr td {
      display: block;
      width: 100% !important;
  }

  .reservation .block-box .persons input, .reservation .block-box .persons select {
      margin-bottom: 10px;
  }

 .reservation .block-box .persons select#binisyeri1, .reservation .block-box .persons select#binisyeri1, .reservation .block-box .persons select#binisyeri2, .reservation .block-box .persons select#binisyeri2, .reservation .block-box .persons select#binisyeri3, .reservation .block-box .persons select#binisyeri3, .reservation .block-box .persons select#binisyeri4, .reservation .block-box .persons select#binisyeri4 {
      width: 100% !important;
  }

  .reservation .complete-btn button.rez-tamamla-btn {
      margin-bottom: 20px;
  }
}

.varyokgenel {
  width: 100%;
  position: relative;
}

.varyokgenel .baslik {
  /* width: 100%; */
  /* background: #e6e6e6; */
  /* display: inline-block !important; */
  /* font-size: 16px !important; */
  /* font-weight: bold; */
  /* margin-right: 25px; */
  /* padding: 15px; */
  /* position: relative; */
  /* color: #ef4444; */
  /* font-size: 1.286rem; */
  /* margin: 5px 0 10px; */
}

/* .varyokgenel ul {

margin: 0;

padding-left: 15px;

padding-top: 20px;

padding-bottom: 20px;

} */
/* .varyokgenel ul li {

list-style: none;

width: 25%;

padding: 5px;

margin: 1px;

display: -webkit-inline-box;

} */
.varyokgenel ul li:before {
  color: green;
  margin-right: 5px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.yildizisaret {
  display: block;
  width: 100%;
  padding: 0px 10px;
  background: #ffeb3b;
  position: relative;
  float: left;
  font-weight: bold;
  margin-bottom: 50px;
}

.gallery-nav .image.slick-current:after {
  display: none;
}

.fiyatkutubaslik1, .fiyatkutubaslik2, .fiyatkutubaslik3, .fiyatkutubaslik4, .fiyatkutubaslik5 {
  color: #ef4444;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0px;
  background: #e6e6e6;
  padding: 10px;
}

.odafiyat .baslik {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #ef4444;
  color: #fff;
}

.odafiyat .baslik .yftbaslik {
  display: inline-block;
  width: 10.6%;
  text-align: center;
  padding: 5px 0px;
  color: #fff;
}

.odafiyat .even {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #f5f5f5;
  color: #1d1d1d;
  font-size: 12px;
}

.odafiyat .even .yticerikli {
  display: inline-block;
  width: 10.6%;
  text-align: center;
  padding: 10px 0px;
}

.odafiyat .odd {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #e6e6e6;
  color: #1d1d1d;
  font-size: 12px;
}

.odafiyat .odd .yticerikli {
  display: inline-block;
  width: 10.6%;
  text-align: center;
  padding: 10px 0px;
}

.yorum-kutu {
  padding: 20px 15px;
  background: #f5f5f5;
  position: relative;
  margin-bottom: 15px;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.yorum-isim {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 15px;
  position: relative;
}

.yorum {
  margin-bottom: 15px;
}

.yorum-tarih {
  border-top: 1px solid #c7c7c7;
  padding-top: 3px;
}

.kunyesatir {
  display: flex;
  border-right: 2px solid #f2f2f2;
  border-left: 2px solid #f2f2f2;
  border-top: 2px solid #f2f2f2;
}

.kunyesatir:last-child {
  border-bottom: 2px solid #f2f2f2;
}

.kunyesatir .kunyebaslik {
  width: 40%;
  padding: 10px;
  border-right: 2px solid #f2f2f2;
  font-weight: bold;
}

.kunyesatir .kunyedeger {
  width: 60%;
  padding: 10px;
}

#rezalan1 .otelfiyatuyari {
  border: 1px solid #f44336;
  padding: 5px 15px;
  background: #ffe4e2;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.reservation .block-box .persons select#cins11, .reservation .block-box .persons select#cins12, .reservation .block-box .persons select#cins13, .reservation .block-box .persons select#cins14, .reservation .block-box .persons select#ccins11, .reservation .block-box .persons select#ccins12, .reservation .block-box .persons select#ccins13, .reservation .block-box .persons select#ccins14 {
  width: 30%;
}

.reservation .block-box .persons input#kisi11, .reservation .block-box .persons input#kisi12, .reservation .block-box .persons input#kisi13, .reservation .block-box .persons input#kisi14, .reservation .block-box .persons input#cocuk11, .reservation .block-box .persons input#cocuk12, .reservation .block-box .persons input#cocuk13, .reservation .block-box .persons input#cocuk14 {
  width: 68%;
  margin-left: 2%;
}

@media (max-width: 768px) {
  .reservation .block-box .column {
      width: 100%;
  }

  .odafiyat .baslik {
      width: 800px;
  }

  .odafiyat .even, .odafiyat .odd {
      width: 800px;
  }

  .fiyatkutubaslik1, .fiyatkutubaslik2, .fiyatkutubaslik3, .fiyatkutubaslik4, .fiyatkutubaslik5 {
      width: 800px;
  }
}

.odafiyat ul {
  position: relative;
}

.odafiyat ul li {
  position: relative;
}

.cocuk-fiyat-detaylari:before {
  display: block;
  content: "";
  position: absolute;
  right: 10%;
  margin-right: -10px;
  top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #333333 transparent;
}

.cocuk-fiyat-detaylari {
  display: none;
  position: absolute;
  width: max-content;
  background: #333333;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #00000061;
  z-index: 9;
  right: 0;
  margin-top: 5px;
}

.cocuk-fiyat-detaylari .baslik {
  display: flex;
}

.cocuk-fiyat-detaylari .satir {
  display: flex;
}

.cocuk-fiyat-detaylari .baslik .col {
  padding: 10px;
  width: calc(100% / 5);
  text-align: center;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
}

.cocuk-fiyat-detaylari .baslik .col:last-child {
  border-right: 0;
}

.cocuk-fiyat-detaylari .satir .col {
  padding: 10px;
  width: calc(100% / 5);
  text-align: center;
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
}

.cocuk-fiyatlari-goster {
  display: block;
}

.cocuk-fiyatlari-goster:hover ~ .cocuk-fiyat-detaylari, .cocuk-fiyat-detaylari:hover {
  display: block;
}

/*v2*/
.navbar {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .mobile-filter {
      display: none;
  }
}

.mobile-filter {
  position: relative;
  width: 100%;
  text-align: center;
  background: #fff;
  padding: 10px 0px;
  margin-top: 20px;
}

.mobile-filter .btns {
  background: #ddd;
  color: #000;
  border-radius: 6px;
}

.mobile-filter .mfilter-btn {
  display: block;
  padding: 8px;
  color: #000;
  border-right: 1px solid #fff;
}

@media (max-width: 991px) {
  .filter-wrap {
      display: none;
  }

  /* .sort-group.page-result-01.mb-20 {

display: none;

} */
  .sort-wrapper {
      min-height: unset !important;
      padding: 0 !important;
  }

  .col-12.col-lg-9.col-md-12.oteller-page {
      margin-top: unset !important;
  }

  .filter-wrap.mobile {
      display: block !important;
      position: fixed;
      top: 0px;
      z-index: 999999;
      padding: 10px;
      left: 0;
      overflow-y: auto;
      height: calc(100% - 40px);
  }

  .filter-apply {
      position: fixed;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 0.9rem;
      font-weight: bold;
      z-index: 99999;
      background: #2fa252;
      color: #fff;
  }

  .filter-apply.hide {
      display: none;
  }

  #dynamicSort {
      display: none !important;
  }

  #dynamicSort.mobile {
      width: 100%;
      display: block !important;
      position: fixed;
      top: 0px;
      z-index: 999999;
      padding: 10px;
      left: 0;
      overflow: auto;
      height: calc(100% - 40px);
      background: #fff;
  }

  #dynamicSort.mobile .sort-btn {
      width: 100%;
      margin: 0 0 5px;
  }

  .sort-apply {
      position: fixed;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 0.9rem;
      font-weight: bold;
      z-index: 99999;
      background: #2fa252;
      color: #fff;
  }

  .sort-apply.hide {
      display: none;
  }
}

.tur-landing-page {
  background: #f2f2f2;
}

.tur-landing-page .searcher {
  margin-bottom: 15px;
  background: linear-gradient(45deg, #326e98, #365f6e);
  /* padding: 15px 0px; */
}

.tur-landing-page .searcher .searchwrap {
  display: block;
  padding: 0px;
  background: #e8e8ff ;
  border-radius: 4px;
  /* border-radius: 8px; */
}

.tur-landing-page .searcher .searchwrap .column {
  padding: 5px 15px;
  /* border-right: 1px solid #e7e7e7; */
}

.tur-landing-page .searcher .searchwrap .column.noborder {
  border: 0;
  padding: 0;
}

.searchwrap input {
  height: 34px;
  width: 100% !important;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.tur-landing-page .searcher .searchwrap select {
  border: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  padding: 8px 12px;
  vertical-align: middle;
  width: 100%;
}

.tur-landing-page .searcher .searchwrap button {
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  height: 59px;
  /* padding: 0 12px; */
  width: 90%;
  background: #ef4444;
  color: #fff;
  transition: linear all 400ms;
  border: 1px solid #ef4444;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-radius: 0px 8px 8px 0px; */
  /* margin-left: 1px; */
}

.tur-landing-page .searcher .searchwrap button:hover {
  background: #0460a0;
  color: #ffffff;
  border-color: #0460a0;
}

.tur-landing-page .searcher .searchwrap input {
  width: calc(100% - 40px);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  height: 26px;
  color: #666666;
  vertical-align: middle;
}

.tur-landing-page .searcher .searchwrap .kode_felid {
  float: left;
  width: 100%;
  /* display: flex; */
  align-items: center;
  flex-direction: row;
}

.tur-landing-page .searcher .searchwrap .kode_felid .icon {
  width: 30px;
  text-align: center;
  display: flex;
  font-size: 16px;
  color: #ef4444;
}

.tur-landing-page .searcher .searchwrap .kode_felid label {
  margin-bottom: 0px;
  font-size: 12px;
  float: left;
  width: 100%;
}

.tur-landing-page .searcher .searchwrap .ralative-icon {
  float: left;
  width: 100%;
  position: relative;
}

.tur-landing-page .searcher .searchwrap .ralative-icon .fa {
  text-align: center;
}

.tur-landing-page .searcher .searchwrap .person-total {
  height: 26px;
  line-height: 26px;
  width: 100%;
  display: inline-flex;
}

.tur-landing-page .cards {
  margin-bottom: 30px;
}

.tur-landing-page .cards .card {
  background-color: white;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  margin-bottom: 16px;
  width: 100%;
}

.tur-landing-page .cards .card .cover {
  min-height: 170px;
  position: relative;
  overflow: hidden;
}

.tur-landing-page .cards .card .cover:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000004d;
}

.tur-landing-page .cards .card .cover img {
  max-width: 100%;
  object-fit: cover;
  height: 170px;
}

.tur-landing-page .cards .card .cover h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 10px 8px;
  color: white;
  text-shadow: 0 1px 5px rgb(0 0 0 / 70%);
  width: 100%;
  font-weight: 600;
  text-align: left;
  margin: 0;
  font-size: 16px;
}

.tur-landing-page .cards .card .cont {
  background: #fff;
  padding: 10px 15px 10px;
}

.tur-landing-page .cards .card .cont ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tur-landing-page .cards .card .cont ul li {
  display: inline-block;
  width: calc(100% / 2);
  padding: 0 2.5px;
}

.tur-landing-page .cards .card .cont ul li a {
  color: #424242;
  font-size: 14px;
  padding: 8px 0;
  display: block;
  text-align: left;
  border-bottom: 1px solid #efefef;
  text-decoration: none;
  transition: all 150ms ease-in-out;
}

.tur-landing-page .cards .card .cont ul li:nth-last-child(-n + 2) a {
  border-bottom: 0;
}

.tur-landing-page .cards .card .cont ul li a:hover {
  color: #3ea6e5;
}

.tur-landing-page .cards .card .bottom {
  border-top: 1px solid #efefef;
  background: #f9f9f9;
  padding: 10px 15px;
  text-align: right;
}

.tur-landing-page .cards .card .bottom .all-tours {
  color: #3ea6e5;
  font-size: 14px;
  text-decoration: none;
}

.tur-landing-page .landing-cont-wrap {
  position: relative;
  /* float: left; */
  width: 100%;
}

.tur-landing-page .landing-cont {
  background-color: #ffffff;
  box-shadow: 0 10px 30px 0 rgb(0 0 0 / 6%);
  padding: 30px;
  text-align: left;
  font-size: 14px;
}

.tur-landing-page .landing-cont h1, .tur-landing-page .landing-cont h2, .tur-landing-page .landing-cont h3, .tur-landing-page .landing-cont h4, .tur-landing-page .landing-cont h5, .tur-landing-page .landing-cont h6 {
  font-size: 0.9rem;
  font-weight: bold;
}

.room-count-dropdown {
  /* position: absolute; */
  /* min-width: 300px; */
  /* background: white; */
  /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); */
  font-size: 12px;
  font-size: 0.75rem;
  /* visibility: hidden; */
  /* opacity: 0; */
  z-index: 355;
  transition: all 250ms ease-in-out;
  top: 100%;
  /* margin-top: -10px; */
}

.room-count-dropdown.show {
  visibility: visible;
  opacity: 1;
}

.room-count-dropdown:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  /* content: ""; */
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 200;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: white;
  border-width: 14px;
  margin-left: -14px;
  filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.02));
}

/* .room-count-dropdown .room-info {

padding: 10px;

} */
.room-count-dropdown .room-info .info-row {
  width: 100%;
  text-align: left;
  /* padding: 10px 0px; */
}

.person-total {
  font-size: 12px;
  line-height: 48px;
  height: 48px;
  display: block;
  cursor: pointer;
  background: #fff;
  padding: 0px;
  border: 1px solid #ccc;
}

.room-count-dropdown .room-info .info-row .col {
  padding: 0;
  width: 50%;
  float: left;
  margin-bottom: 4px;
}

.room-count-dropdown .room-info .info-row .col:first-child {
  min-width: 55px;
  padding: 0;
}

.room-count-dropdown .room-info .info-row .col span.room-number {
  line-height: 34px;
  color: #28374f;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
}

.room-count-dropdown .action-button-area {
  width: 100%;
  padding: 10px 20px;
  border-top: 1px solid #efefef;
  text-align: right;
}

.room-count-dropdown .action-button-area span.add-room {
  font-size: 12px;
  font-size: 0.75rem;
  color: #0065b8;
  font-weight: 700;
  cursor: pointer;
}

.room-count-dropdown .room-info .info-row .col .remove-oda {
  line-height: 34px;
  height: 34px;
  border: 1px solid #ff3e3e;
  display: block;
  text-align: center;
  border-radius: 5px;
  color: #ff3e3e;
  font-weight: bold;
}

@media (max-width: 768px) {
  .room-count-dropdown {
      width: 100%;
      min-width: 98%;
      left: 1%;
  }

  .room-count-dropdown .room-info .info-row .col {
      display: inline-block;
      min-width: 33%;
      width: 33%;
      margin-right: -0.5px;
  }

  .room-count-dropdown .room-info .info-row .col.child1, .room-count-dropdown .room-info .info-row .col.child2, .room-count-dropdown .room-info .info-row .col.child3, .room-count-dropdown .room-info .info-row .col.child4 {
      min-width: 25%;
      width: 25%;
  }

  .room-count-dropdown .room-info .info-row .col:first-child {
      width: 100%;
  }

  .room-count-dropdown .room-info .info-row .col:first-child label {
      display: none;
  }

  .room-count-dropdown .room-info .info-row .col.remove-oda-wrap {
      width: 100%;
  }
}

.lang-wrap, .currency-wrap {
  float: right;
  position: relative;
  width: 90px;
  display: flex;
  align-items: center;
  height: 48px;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

/* Ekomania st bar: float/90px mobilde st ste binmesin */
.ekomania-header .lang-wrap, .ekomania-header .currency-wrap, .ekomania-header .ekomania-lang-currency .lang-wrap, .ekomania-header .ekomania-lang-currency .currency-wrap {
  float: none !important;
  clear: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

.ekomania-header .ekomania-lang-currency {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: max-content !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.ekomania-header .ekomania-lang-currency .show-lang, .ekomania-header .ekomania-lang-currency .show-currency-tooltip {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  height: auto !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 2 !important;
}

.ekomania-header .ekomania-lang-currency .show-lang span, .ekomania-header .ekomania-lang-currency .show-currency-tooltip span {
  position: static !important;
  display: inline !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  color: #fff !important;
}

.ekomania-header .ekomania-lang-currency .show-lang img {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  position: static !important;
}

.ekomania-header .ekomania-lang-currency .ekomania-dd-chevron {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  position: static !important;
}

.ekomania-header .ekomania-lang-currency .lang-wrap ul, .ekomania-header .ekomania-lang-currency .currency-wrap ul, .ekomania-header .ekomania-lang-currency .lang-tooltip, .ekomania-header .ekomania-lang-currency .currency-tooltip {
  width: max-content !important;
  min-width: 120px !important;
  top: calc(100% + 4px) !important;
  right: 0 !important;
  left: auto !important;
  padding: 8px 0 !important;
}

.currency-wrap {
  margin-right: 10px;
  margin-left: 10px;
}

.lang-wrap img {
  width: 24px;
}

.lang-wrap ul, .currency-wrap ul, .lang-tooltip, .currency-tooltip {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 105;
  background: #fff;
  color: #000;
  padding: 55px 0 12px;
  border-radius: 4px;
  border: 1px solid #eee;
  border-top: none;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.1);
  text-align: center;
  width: 100%;
}

.lang-wrap ul li, .currency-wrap ul li {
  display: block;
  width: 100%;
  margin: 0;
}

.lang-wrap ul li a, .currency-wrap ul li a {
  color: #000 !important;
  display: flex;
  justify-content: center;
  width: 100%;
}

.lang-wrap ul li img {
  margin-right: 4px;
}

.show-lang, .show-currency-tooltip {
  cursor: pointer;
  position: relative;
  z-index: 106;
  text-align: center;
  display: flex;
}

.show-currency-tooltip span {
  position: relative;
}

.show-lang i {
  position: relative !important;
  right: 0 !important;
  height: auto;
  line-height: inherit;
}

.show-lang img, .lang-tooltip li img {
  position: relative;
  border-radius: 0px;
}

.show-lang img {
  margin-right: 4px;
}

.show-lang span {
  padding: 0 10px 0 6px;
  position: relative;
  z-index: 2;
}

.show-lang .fa-angle-down {
  position: relative;
  top: 2px;
}

.lang-wrap:hover .lang-tooltip, .lang-wrap:hover ul, .currency-wrap:hover .currency-tooltip, .currency-wrap:hover ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.lang-wrap:hover .show-lang span, .currency-wrap:hover .show-currency-tooltip span {
  color: #666;
}

.lang-tooltip li, .currency-tooltip li {
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
  border-radius: 4px;
  padding: 6px 14px;
  margin-left: 0;
}

.currency-tooltip li {
  text-align: center;
}

.lang-tooltip li:hover, .currency-tooltip li:hover {
  background: #18458b;
}

.currency-tooltip li {
  margin-bottom: 4px;
  padding-left: 10px;
}

.currency-tooltip li:last-child {
  margin-bottom: 0;
}

.currency-tooltip li i {
  margin-right: 8px;
}

.lang-tooltip li img {
  margin-right: 10px;
}

.lang-tooltip li:hover a, .currency-tooltip li:hover a {
  color: #fff;
}

.lang-tooltip li a, .currency-tooltip li a {
  display: block;
  width: 100%;
  color: #566985;
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
}

.header-main {
  position: relative;
  background: #fff;
}

.header-inner .shrink-auto-lg .col-auto {
}

.header-main .navbar-wrapper .navbar {
  float: unset;
}

.hero-banner {
  padding: 0;
  height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.hero-banner.overlay-light:before {
  background-color: #585858;
  display: none;
}

.hero-banner .hero-inner {
  padding-top: 150px;
}

.userLoginPanel {
  position: relative;
  display: flex;
  margin-left: 15px;
  border: 1px solid #1e2732;
  padding: 15px;
  border-radius: 10px;
  z-index: 99;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  height: 33px;
  cursor: pointer;
}

.userLoginPanel span {
  line-height: normal;
  color: #1e2732;
}

.userLoginPanel span:last-child {
  margin-right: 0;
}

a.login-btn {
  font-weight: 600;
}

.userLoginPanelMenu {
  position: absolute;
  top: 100%;
  background: #fff;
  width: 100%;
  left: 0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 5px 10px;
  margin-top: 2px;
  z-index: 99;
  display: none;
}

.userLoginPanel:hover .userLoginPanelMenu {
  display: block;
}

.userLoginPanelMenu a {
  display: block;
  padding: 7px;
  border: 1px solid #ef4444;
  border-radius: 4px;
  text-align: center;
}

.userLoginPanelMenu a:first-child {
  margin-bottom: 5px;
}

.userLoginPanelMenu a:hover {
  background: #d9efff;
}

.tour-grid-item-01 .content {
  padding: 10px 10px 10px;
  border: 1px solid #e7e7e7;
}

.tour-grid-item-01 h5 {
  margin-bottom: 5px;
  margin-top: 0;
  height: 40px;
}

.tour-grid-item-01 a:hover .image img {
  box-shadow: none;
}

.hero-banner-01 .search-form-main .form-group .form-control {
  font-size: 12px;
}

.person-total {
  line-height: 19px;
  height: 19px;
  border: 0;
}

.room-count-dropdown select {
  border: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px;
  vertical-align: middle;
  width: 100%;
}

.hero-banner-01 .search-form-main .btn {
  height: 72px;
  line-height: 72px;
}

.tour-grid-item-01 .image {
  position: relative;
}

.tour-grid-item-01 .indirimorancssana {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  background: #ef4444;
  text-align: center;
  line-height: normal;
  padding: 5px;
  color: #fff;
  font-weight: 600;
}

.tour-grid-item-01 h5 a {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tour-grid-item-01 li {
  font-size: 10px;
  color: #000;
}

.tour-grid-item-01 .content .text-muted {
  text-decoration: line-through;
  color: red;
}

.tour-grid-item-01, .tour-grid-item-01 .image, .tour-grid-item-01 img {
  /* border-radius: 6px 6px 0px 0px; */
}

.tour-grid-item-01 .content {
  border-radius: 0px 0px 6px 6px;
}

figure.tour-grid-item-01 {
  border: 1px solid #cfcfcf;
}

.tour-grid-item-01 ul.item-meta li.noborder:after {
  display: none;
}

.tour-grid-item-01:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.footer-cards {
  display: block;
  padding: 10px 0px;
  background: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  width: 100%;
  position: relative;
  z-index: 1;
}

.footer-cards img {
  width: auto;
  height: 42px;
  display: inline;
}

.post-grid-01 .content {
  padding: 10px 10px 10px;
  border: 1px solid #e7e7e7;
}

.post-grid-01 h5 {
  margin-bottom: 5px;
  margin-top: 0;
}

.post-grid-01 a:hover .image img {
  box-shadow: none;
}

.post-grid-01, .post-grid-01 .image, .post-grid-01 img {
  border-radius: 6px 6px 0px 0px;
}

.post-grid-01 .content {
  border-radius: 0px 0px 6px 6px;
}

.post-grid-01 ul.item-meta li.noborder:after {
  display: none;
}

.post-grid-01:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.post-grid-01 .post-date {
  margin: 0;
}

.post-grid-01 h4 {
  font-size: 16px;
  height: 40px;
  overflow: hidden;
}

.post-grid-01 a {
  margin-top: 10px;
  font-size: 12px;
}

.main-footer, .footer-wrapper .footer-newsletter .form-control, .footer-wrapper ul.footer-menu-list-02 li a, .footer-copy-right {
  font-size: 12px;
}

.masaustugizle {
  display: none;
}

.page-wrapper {
  padding-top: 0px;
}

.slick-hero-wrapper {
  padding-top: 0;
}

@media (min-width: 1199px) {
  #anabanner {
      width: 765px ;
      height: 263px ;
      overflow: hidden ;
  }
}

@media(max-width: 1199px) {
  li.text-center a {
      padding: 8px 4px !important;
  }

  .ekalanTurKesin {
      right: 0;
  }

  .header-main .main-nav > li > a {
      padding-left: unset !important;
      padding-right: unset !important;
  }

  .filter-wrap .filter-list-wrap {
      padding: 8px !important;
  }

  .slider-button {
      /* height: 39px !important; */
      /* top: -7px !important; */
  }
}

@media (min-width: 1025px) {
  #anabanner {
      height: 283px ;
      overflow: hidden ;
  }

  .owl-reklam-banners .owl-carousel {
      height: 209px;
      overflow: hidden;
  }

  .header-main .main-nav > li > a {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
}

@media (max-width: 991px) {
  .acente-giris {
      margin-left: unset !important;
  }

  .sidebar-box.hidden-xs {
      display: none;
  }

  aside.sidebar-wrapper.pv {
      margin-top: 0;
  }

  .sidebar-wrapper.pv {
      padding-top: 0px;
  }

  .navbar-collapse.collapse {
      display: none !important;
  }

  .navbar-collapse.collapse.show {
      display: block!important;
  }

  table tr td {
      font-size: 13px !important;
  }

  #fiyatlar table tr td:last-child {
      display: none;
  }

  #fiyatlar table tr td:first-child {
      display: none;
  }

  .acente-giris.mobilgizle {
      display: none !important;
  }

  .home-carousel-area {
      display: none;
  }

  .owl-banner-alt-slide {
      display: none !important;
  }

  .slick-next {
      right: 18px !important;
  }

  .slick-prev {
      left: 18px !important;
  }

  nav.main-nav-menu.main-menu-nav.navbar-arrow.d-none.d-sm-block {
      display: none !important;
  }

  nav.main-nav-menu.main-menu-nav.navbar-arrow.d-block.d-sm-none {
      display: block !important;
  }

  .header-top {
      border-bottom: 1px solid #d0d5e1;
      margin-bottom: 0px;
  }

 /* .search-boxes .tab-content margin-bottom kural kaldirildi (anasayfa v2 search ile ak yordu) */
  .input-kutu i.far.fa-calendar-alt {
      left: -13px;
  }

  #transfer {
      padding: 0 0 10px;
  }

  .card-item-exp p {
      padding: 0px !important;
  }

  .card-item-exp {
      padding: 6px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  li.text-center a {
      padding: 8px 8px !important;
  }

  #tab1 .swiper-button-next, .swiper-button-prev {
      /* width: unset !important ; */
  }
}

@media (max-width: 768px) {
  .otel-ara {
      position: relative;
  }

  .otel-ara span {
      justify-content: start;
      display: flex;
      align-items: center;
  }

  .otel-ara:after {
      right: 0 !important;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .masaustugizle {
      display: flex;
      position: relative;
      z-index: 9999;
      background: #f1f1f1;
      border-bottom: 1px solid;
      margin: -10px -15px 3px -15px !important;
      padding: 3px 15px;
      width: calc(100% + 30px);
  }

  .masaustugizle .userLoginPanel {
      border: 1px solid #ef4444;
  }

  .masaustugizle .lang-wrap, .masaustugizle .currency-wrap {
      float: left;
      width: auto;
      padding-left: 5px;
      padding-right: 5px;
  }

  .mobilgizle {
      display: none !important;
  }

  .hero-banner .hero-inner {
      padding-top: 50px;
  }

  .footer-cards .text-right {
      text-align: center;
  }

  .section.page-wrapper.page-result.pb-0 {
      margin: unset !important;
  }

  .page-wrapper {
      padding: unset !important;
  }

  .tur-landing-page .searcher .searchwrap button {
      border-radius: 8px;
      width: 100%;
      margin: 0;
  }

  #yorumlar .col {
      padding: 0;
  }

  .listroBox ul li:first-child {
      margin-right: 0;
  }

  .listroBox .listroBoxmain {
      padding: 5px 0px;
  }
}

.header-top {
  background: white;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  width: 100%;
}

.header-top .row {
  align-items: center;
}

.header-top .phoneEmail img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.header-top .phoneEmail a {
  background: #fff5e1;
  border-radius: 4px;
  padding: 4px 10px;
  background: #fff5e1;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  color: #1e2732 !important;
  padding: 8px 10px;
}

.phoneEmail a {
  display: flex;
  align-items: center;
}

.header-top .phoneEmail a {
  color: black;
  padding-right: 8px;
}

/* .header-top .phoneEmail a:first-child {

border-right: 1px solid #3c3c3c;

} */
.header-top .links {
  text-align: right;
}

.header-top .links a {
  display: inline-block;
  padding: 6px 12px;
  margin: 0px 0px 0px -5px;
  background: #326e98;
  color: #fff;
}

.header-top .links a.wp {
  background: green;
}

.header-top .links a:hover {
  background: rgb(0, 0, 0, 0.2);
}

.hero-banner-01 .search-form-main {
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
  height: auto;
}

.hero-banner-01 .search-form-main .form-group {
  padding: 5px 10px;
}

.hero-banner-01 .search-form-main .btn {
  height: 52px;
  line-height: 52px;
  background: #326e98;
  border-color: #326e98;
  color: #fff;
}

.hero-inner .menu-horizontal-02 ul li a {
  padding: 5px 15px;
  background: rgba(255, 255, 255, 0.8);
  margin-right: 5px;
  color: #959595;
  margin-bottom: -1px;
  text-align: center;
  font-weight: 600;
  border: 0;
}

.hero-inner .menu-horizontal-02 ul li a:hover, .hero-inner .menu-horizontal-02 ul li a.active {
  background-color: #326e98;
  color: #fff;
  border: 0;
}

.hero-inner .menu-horizontal-02 ul li a i {
  font-size: 1.5rem;
  display: block;
  line-height: 2rem;
}

.services {
  position: relative;
  float: left;
  width: 100%;
  background-color: #fff;
  height: auto;
  box-shadow: -1px 10px 34px -1px rgba(0, 0, 0, 0.12);
  padding: 20px 0px;
}

.services .item {
  display: inline-flex;
  margin-left: 10px;
  width: 100%;
}

.services .item .icon {
  width: 28%;
  margin-top: 5px;
  margin-right: 10px;
  text-align: center;
}

.services .item .icon img {
  height: auto;
}

.services .item .text .title {
  font-size: 16px;
  color: #326e98;
  font-weight: 600;
  line-height: normal;
}

.services .item .text .title a {
  color: #326e98;
  font-weight: 600;
}

.services .item .text .description {
  margin-top: 10px;
  font-size: 13px;
  color: rgb(84, 86, 91);
  line-height: normal;
}

.bannerCamp {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.bannerCamp h4 {
  display: inline-block;
  font-weight: 400;
  color: #004f86;
}

.bannerCamp h4:after {
  content: "";
  display: block;
  width: 90%;
  height: 2px;
  background: #326e98;
  margin: 2px auto 10px auto;
}

.regionsTours {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.sectionTitle h4 {
  display: inline-block;
  font-weight: 400;
  color: #004f86;
  margin-bottom: 15px;
}

.sectionTitle h4 a {
  font-weight: 400;
  color: #004f86;
}

.sectionTitle h4:after {
  content: "";
  display: block;
  width: 90%;
  height: 2px;
  background: #326e98;
  margin: 2px auto 10px auto;
}

.regionsTours .regions .kutu {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.regionsTours .regions .kutu img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.regionsTours .regions .kutu .efekt {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
}

.regionsTours .regions .kutu .yazi {
  position: absolute;
  color: #fff;
  left: 0;
  bottom: 0;
  line-height: 1rem;
  text-align: left;
  padding: 5px;
  font-weight: 600;
}

.regionsTours .regions .kutu .yazi p {
  font-size: 0.9rem;
  color: #fff;
}

.regionsTours .regions .kutu .yazi span {
  color: #faba00;
}

.regionsTours .regions .kutu .yazi h5 {
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
}

.tourCategories {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.tourCategories .tours .resim {
  overflow: hidden;
  position: relative;
  height: 350px;
  box-shadow: 0 0 5px #9f9f9f;
  border-radius: 5px;
}

.tourCategories .tours .resim img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 70, 159, 0);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt .btnturkat {
  position: absolute;
  border-radius: 0;
  padding: 5px 15px;
  top: 50%;
  left: 50%;
  font-weight: 600;
  font-size: 1.2rem !important;
  margin-right: -50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  background: #326e98;
  z-index: 2;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt ul {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 100%;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim .efekt ul li {
  list-style: none;
  line-height: 1.3rem;
}

.tourCategories .tours .resim .efekt ul li.tumu {
  margin-top: 10px;
}

.tourCategories .tours .resim .efekt ul li.tumu a {
  color: #faba00;
  font-weight: 600;
  text-shadow: 0 0 1px black;
}

.tourCategories .tours .resim .efekt ul li a {
  color: #fff;
  font-size: 1.2rem;
  padding: 5px 10px;
  display: inline-block;
}

.tourCategories .tours .all {
  position: absolute;
  left: 0;
  top: 100%;
  text-align: center;
  width: 100%;
  color: #ffc652;
  font-weight: 400;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim:hover .all {
  top: auto;
  bottom: 0;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim:hover .efekt {
  background: rgba(32, 70, 159, 0.8);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim:hover .btnturkat {
  background: unset;
  top: 20px;
  border-bottom: 2px solid #ffffff;
  padding: 0;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim:hover .efekt ul {
  top: 40px;
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.tourCategories .tours .resim .efekt ul li a:hover {
  background: rgb(0, 0, 0, 0.3);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.tourCategories .tours .resim .efekt ul li.tumu a:hover {
  background: unset;
}

.tourCategories .tours .resim:hover img {
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTours {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.popTemalar {
  padding: 10px 0px;
  float: left;
  width: 100%;
}

.popTemalar .temalar .kategori {
  float: left;
}

.popTemalar .temalar .kategori .resim {
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 5px #919191;
  border-radius: 5px;
}

.popTemalar .temalar .kategori .resim .efekt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.3);
}

.popTemalar .temalar .kategori .resim img {
  width: 100%;
  height: 105px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori .resim span {
  font-size: 0.9rem;
  line-height: 1.3rem;
  padding: 10px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  color: #fff;
  text-align: center;
  position: absolute;
  top: calc(50% + 15px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

.popTemalar .temalar .kategori .resim span i {
  animation: fadeOutRight;
  animation-duration: 0.3s;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori:hover .resim img {
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori:hover .resim span i {
  animation: fadeInLeft;
  animation-duration: 0.3s;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.popTemalar .temalar .kategori:hover .resim .efekt {
  background: rgb(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.turKutu {
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  position: relative;
  box-shadow: 0 0 5px #919191;
  border-radius: 5px;
  margin-bottom: 15px;
}

.turKutu .resim {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.turKutu .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 5px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.turKutu .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.turKutu .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.turKutu .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.turKutu .resim img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turKutu .baslik {
  position: relative;
  height: 75px;
  padding: 5px;
}

.turKutu .baslik span {
  text-align: center;
  color: #242424;
  line-height: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

.turKutu .firsatlar {
  margin: 5px 0;
}

.turKutu .firsatlar .col-6 {
  float: left;
  padding: 0 5px;
}

.turKutu .firsatlar .col-6 p {
  display: block;
  font-size: 0.8rem;
  text-align: left;
  border-radius: 2px;
  padding: 2px;
  color: #484848;
  font-weight: 600;
}

.turKutu .firsatlar .col-6 p i {
  color: #faba00;
  width: 16px;
  text-align: center;
}

.turKutu .fiyat {
  text-align: center;
  padding: 5px;
}

.turKutu .fiyat table {
  margin: 0;
}

.turKutu .fiyat table tr td {
  padding: 3px;
  border: unset;
  font-size: 1.5rem;
  color: #329516;
  font-weight: 600;
}

.turKutu .fiyat table tr td small {
  text-decoration: line-through;
  font-size: 1rem;
  color: #8c8c8c;
  font-weight: 500;
}

.turKutu .fiyat table tr td p {
  color: #4a4a4a;
  font-size: 0.7rem;
  font-weight: 300;
  line-height: 1rem;
  margin-top: -10px;
}

.turKutu:hover .resim img {
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turKutu:hover {
  background: #f0efef;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.newslatter {
  background: #2d3e52;
  padding: 20px 0;
  color: #ffffff;
}

.newslatter .footer-title, .newslatter p {
  color: #fff;
  margin-bottom: 4px;
}

.newslatter .btn {
  padding: 10px 12px !important;
  background: #326e98 !important;
  border-color: #326e98 !important;
}

.turListeKutu {
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 0 5px #bdbdbd;
  margin-bottom: 20px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turListeKutu .resim {
  float: left;
  padding: 0;
}

.turListeKutu .resim .kutu {
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
}

.turListeKutu .resim .kutu img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.turListeKutu .resim span.ka, .turListeKutu .resim .onerilen-tur-icon {
  position: absolute;
  top: 15px;
  left: 0;
  background: #6419a2;
  color: #fff;
  padding: 3px 8px;
  border-radius: 0 5px 5px 0;
  font-size: 0.85rem;
}

.turListeKutu .ozet {
  float: left;
  padding: 0;
}

@media (min-width: 768px) {
  /*.turListeKutu .ozet {display: flex;align-items: stretch;}*/
}

.turListeKutu .ozet .solkis {
  float: left;
  padding-right: 0;
  height: auto;
}

.turListeKutu .ozet .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  right: 10px;
  top: -20px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.turListeKutu .ozet .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.turListeKutu .ozet .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.turListeKutu .ozet .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.turListeKutu .ozet .indirimorancssana {
  position: absolute;
  font-weight: 600;
  line-height: 1rem;
  font-size: 0.9rem;
  right: 10px;
  top: -20px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
  padding-top: 10px;
}

.turListeKutu .ozet .indirimorancssana span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.turListeKutu .ozet .indirimorancssana::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.turListeKutu .ozet .indirimorancssana::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.turListeKutu .ozet .solkis h2.baslik {
  font-size: 14px;
  color: #ef4444;
  line-height: normal;
  margin: 0;
}

.turListeKutu .ozet .solkis span.konum {
  color: #515151;
  font-size: 0.85rem;
  margin-right: 15px;
}

.turListeKutu .ozet .solkis span.konum .fa-map-marker-alt {
  color: #007bff;
  width: 15px;
}

.turListeKutu .ozet .solkis span.konum .fa-long-arrow-alt-right {
  color: #000000;
  width: 25px;
  text-align: center;
}

.turListeKutu .ozet .solkis ul.ekoz {
  text-align: left;
  margin: 8px 0px;
}

.turListeKutu .ozet .solkis ul.ekoz li {
  list-style: none;
  display: inline-block;
  width: 33.3%;
  float: left;
  margin-bottom: 4px;
}

.turListeKutu .ozet .solkis ul.ekoz li span {
  display: block;
  padding: 0px 0px;
  color: #959595;
  font-size: 0.85rem;
  font-weight: 400;
}

.turListeKutu .ozet .solkis ul.ekoz li span i {
  color: #3a739c;
  width: 17px;
}

.turListeKutu .turliste_vize {
  display: inline;
  background: #faba00;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
}

.turListeKutu .ozet .solkis ul.kons li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}

.turListeKutu .ozet .solkis ul.kons li a {
  display: block;
  padding: 2px 10px;
  font-size: 0.9rem;
  color: #fff;
  border-radius: 3px;
}

.turListeKutu .ozet .solkis ul.kons li.k1 a {
  background: #40788e;
}

.turListeKutu .ozet .solkis ul.kons li.k2 a {
  background: #26bb76;
}

.turListeKutu .ozet .solkis ul.kons li.k3 a {
  background: #932736;
}

.turListeKutu .ozet .sagkis {
  float: left;
  text-align: right;
  height: 200px;
  padding: 5px;
  background: #f2f2f2;
  border-radius: 5px;
}

.turListeKutu .ozet .sagkis .tipi span {
  color: #329516;
  font-size: 0.9rem;
  font-weight: 600;
}

.turListeKutu .ozet .sagkis .minioz {
  padding: 5px;
  position: absolute;
  bottom: 55px;
  right: 0px;
  width: 100%;
}

.turListeKutu .ozet .sagkis .minioz span {
  text-align: right;
  font-size: 19px;
  color: #329516;
  font-weight: 600;
  line-height: normal;
}

.turListeKutu .ozet .sagkis .minioz span.oz {
  font-size: 0.8rem;
  color: #222;
  margin: 0 0 10px 0;
}

.turListeKutu .ozet .sagkis .minioz span[class*="dfiyat"] {
  font-size: 1.5rem;
  color: #329516;
}

.turListeKutu .ozet .sagkis .minioz span[class*="dfiyat"] small {
  margin-right: 0;
  font-size: 1rem;
  color: #329516;
  font-weight: 500;
  text-decoration: line-through;
  line-height: 1rem;
}

.turListeKutu .ozet .sagkis .minioz span.den {
  font-size: 1rem;
  color: #8c8c8c;
}

.turListeKutu .ozet .sagkis .minioz span.fiyat {
  font-size: 1rem;
  color: #ef4444;
}

.turListeKutu .ozet .sagkis .rezyap {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.turListeKutu .ozet .sagkis .rezyap a {
  padding: 5px 10px;
}

.turListeKutu .ozet .sagkis .odaBasiInd {
  font-size: 1rem;
  line-height: 1.2rem;
  background-color: #ffc400;
  color: #ffffff;
  border-radius: 10px;
  padding: 5px;
  font-weight: 600;
  text-align: center;
}

.turListeKutu .ozet .sagkis .odaBasiInd b {
  font-size: 1.1rem;
  display: block;
  font-weight: 600;
}

.turListeKutu .ozet .sagkis .del {
  margin-top: 70px;
  text-decoration: line-through;
}

.turListeKutu .ozet .sagkis .del b {
  font-size: 1.2rem;
  color: #8c8c8c;
  font-weight: 600;
}

.turListeKutu .ozet .solkis ul.sond {
  padding: 5px;
  text-align: left;
}

.turListeKutu .ozet .solkis ul.sond li {
  list-style: none;
  display: inline-block;
  width: 48%;
  font-size: 1rem;
  color: orange;
  line-height: 1rem;
  vertical-align: top;
}

.turListeKutu .ozet .solkis ul.sond li i {
  width: 20px;
  text-align: center;
}

.turListeKutu .favori-icon {
  background: #fff;
  width: 25px;
  height: 25px;
  line-height: 27px;
  text-align: center;
  border-radius: 100%;
}

.binisyerleri {
  font-size: 13px;
}

.otelListeKutu {
  border-radius: 5px;
  box-shadow: 0 0 5px #bdbdbd;
  margin-bottom: 20px;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .resim {
  float: left;
  padding: 0;
}

.otelListeKutu .resim .kutu {
  padding: 0;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.otelListeKutu .resim .kutu img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .favori-icon {
  background: #fff;
  width: 25px;
  height: 25px;
  line-height: 27px;
  text-align: center;
  border-radius: 100%;
}

.otelListeKutu .resim .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 10px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.otelListeKutu .resim .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.otelListeKutu .resim .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.otelListeKutu .resim .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.otelListeKutu .resim .indirimorancssana {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 10px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
  padding-top: 10px;
}

.otelListeKutu .resim .indirimorancssana span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.otelListeKutu .resim .indirimorancssana::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.otelListeKutu .resim .indirimorancssana::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.otelListeKutu .ozet {
  float: left;
  padding: 0;
}

.otelListeKutu .ozet .solkis {
  float: left;
  padding-right: 0;
  height: auto;
}

.otelListeKutu .ozet .solkis h2.baslik {
  font-size: 18px;
  color: #ef4444;
  margin: 0;
}

.otelListeKutu .ozet .solkis span.konum {
  color: #6f6f6f;
  font-size: 0.85rem;
  margin-right: 15px;
}

.otelListeKutu .ozet .solkis .yildiz img {
  display: inline-block;
  width: 16px;
  height: auto;
}

.otelListeKutu .ozet .solkis ul.ozellik {
  padding: 5px;
}

.otelListeKutu .ozet .solkis ul.ozellik li {
  list-style: none;
  float: left;
  width: 50%;
}

.otelListeKutu .ozet .solkis ul.ozellik li span {
  display: block;
  padding: 2px 5px;
  color: #484848;
  font-size: 0.85rem;
  font-weight: 400;
}

.otelListeKutu .ozet .solkis ul.ozellik li span i {
  color: #faba00;
  width: 20px;
  text-align: center;
}

.otelListeKutu .ozet .solkis ul.ekoz {
  padding: 5px;
  text-align: left;
}

.otelListeKutu .ozet .solkis ul.ekoz li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
}

.otelListeKutu .ozet .solkis ul.ekoz li span {
  display: block;
  padding: 0px 5px;
  color: #329516;
  font-size: 0.95rem;
  font-weight: 400;
}

.otelListeKutu .ozet .solkis ul.ekoz li.guvenli {
  width: 100%;
}

.otelListeKutu .ozet .solkis ul.ekoz li.guvenli span {
  color: #911695;
}

.otelListeKutu .ozet .sagkis {
  float: left;
  text-align: right;
  padding: 5px;
  height: 200px;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo {
  display: inline-block;
  position: relative;
  width: 21px;
  height: 21px;
  background: url("../img/tvis.png") no-repeat;
  margin: 4px 10px 0 0;
  background-size: 21px 21px;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo span {
  position: absolute;
  display: none;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  right: 100%;
  background: #326e98;
  padding: 5px 10px;
  white-space: nowrap;
  color: #fff;
  font-size: 0.85rem;
  top: 0;
  margin-right: 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  right: -10px;
  top: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #1a4766;
}

.otelListeKutu .ozet .sagkis .puanlama .tvlogo:hover span {
  display: block;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .ozet .sagkis .puanlama {
  margin-bottom: 10px;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum {
  font-size: 1.4rem;
  font-weight: 600;
  color: #2f2f2f;
  line-height: 1rem;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum p {
  font-size: 1.2rem;
  font-weight: 400;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum b {
  color: #fff;
  padding: 0 10px;
  border-radius: 3px;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.muthis p {
  color: #329516;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.muthis b {
  background: #329516;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.kotu p {
  color: #dd1a35;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.kotu b {
  background: #dd1a35;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.harika p {
  color: #ef4444;
}

.otelListeKutu .ozet .sagkis .puanlama .yorum.harika b {
  background: #ef4444;
}

.otelListeKutu .ozet .sagkis .tipi span {
  color: #329516;
  font-size: 0.9rem;
  font-weight: 600;
}

.otelListeKutu .ozet .sagkis .minioz {
  margin: 5px 0px 50px 0px;
}

.otelListeKutu .ozet .sagkis .minioz > span {
  display: block;
  text-align: right;
  line-height: 1.2rem;
  font-weight: bold;
}

.otelListeKutu .ozet .sagkis .minioz span.oz {
  font-size: 0.8rem;
  color: #222;
  margin-top: 5px;
}

.otelListeKutu .ozet .sagkis .minioz span.efiyat {
  font-size: 1rem;
  color: #666;
  text-decoration: line-through;
}

.otelListeKutu .ozet .sagkis .minioz span.fiyat {
  font-size: 1.5rem;
  color: #329516;
  margin-top: 5px;
}

.otelListeKutu .ozet .sagkis .rezyap {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary {
  border: unset;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary.btn-lg:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary i {
  animation: fadeOutRight;
  animation-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  float: right;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.otelListeKutu .ozet .sagkis .rezyap .btn-primary:hover i {
  animation: fadeInLeft;
  animation-duration: 0.3s;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.flex-wrap-ozellik {
  display: flex;
}

.flex-wrap-ozellik .wrap1 {
  width: auto;
  max-width: 95%;
  overflow: hidden;
  margin-right: 5px;
}

.flex-wrap-ozellik ul, .onecikan-wrap ul {
  margin: 0;
  padding: 0;
}

.one-cikan-ozellik-aciklama {
  display: inline-block;
  padding: 2px 5px !important;
  font-size: 10px;
  border-radius: 6px;
  background: #eef9fd;
  margin: 0px 3px 3px 0px !important;
}

.hotel-list .hotel-box2 .content span {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-size: 14px;
}

.one-cikan-ozellik-aciklama.hover {
  position: relative;
  cursor: pointer;
}

.onecikan-wrap {
  position: absolute;
  bottom: 100%;
  background: #000000c9;
  border-radius: 4px;
  width: 120px;
  padding: 5px;
  display: none;
  z-index: 9;
  left: -50px;
  margin-bottom: 10px;
}

.one-cikan-ozellik-aciklama.hover .one-cikan-ozellik-aciklama {
  display: inline-block;
  padding: 2px 5px;
  font-size: 14px;
  border-radius: 6px;
  background: transparent;
  color: #fff;
  width: 100% !important;
  margin: 0px 3px 3px 0px;
}

.one-cikan-ozellik-aciklama.hover:hover .onecikan-wrap {
  display: block;
}

.onecikan-wrap:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #000000c9 transparent;
  transform: rotate(180deg);
}

/* .score .otelpuan {

background: #4caf50b8;

padding: 3px 5px;

border-radius: 5px;

color: #fff;

font-size: 14px;

font-weight: 600;

} */
.tour-banner.in {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
}

@media (min-width: 768px) {
  .tour-banner.in {
      max-height: 338px;
      overflow: hidden;
  }

  .tour-banner.in .slick-slide img {
      max-height: 338px
  }
}

.tour-banner.in:after {
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  opacity: 0.78;
  filter: alpha(opacity=78);
  background-image: linear-gradient(180deg, transparent, #000);
  position: absolute;
  bottom: 0;
  left: 0;
}

.tour-banner.in .container {
  position: relative;
}

.tour-banner.in .container .info {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 15px;
  z-index: 1;
  color: #fff;
}

.tour-banner.in .container .info h1 {
  font-size: 36px;
  margin-bottom: 14px;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  color: #fff;
}

.tour-banner.in .container .info .location {
  position: relative;
  padding-left: 27px;
  margin-bottom: 14px;
}

.tour-banner.in .container .info .labels ul li {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.default-label-icons {
  margin-top: 3px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #e5e9f1;
  text-align: center;
  color: #1f2126;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 3px;
}

.tour-banner.in .container .info .labels ul li span {
  vertical-align: middle;
}

.guns {
  display: flex;
}

.guns .icerik {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 0 7px 7px 0;
  box-shadow: 0 0 3px #aeaeae;
  border-left: 4px solid #f2f2f2;
}

.guns .icerik * {
  color: #000;
}

.guns .gun {
  position: relative;
  z-index: 2;
  text-align: center;
  background: #f2f2f2;
  height: fit-content;
  padding: 4px 10px;
  line-height: normal;
  color: #fff;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.guns:nth-child(n) .icerik {
  border-color: #42a1c4;
}

.guns:nth-child(2n) .icerik {
  border-color: #42c487;
}

.guns:nth-child(3n) .icerik {
  border-color: #c44242;
}

.guns:nth-child(4n) .icerik {
  border-color: #9542c4;
}

.guns:nth-child(5n) .icerik {
  border-color: #52c442;
}

.guns:nth-child(6n) .icerik {
  border-color: #c48b42;
}

.guns:nth-child(7n) .icerik {
  border-color: #426fc4;
}

.guns:nth-child(n) .gun {
  background: #42a1c4;
}

.guns:nth-child(2n) .gun {
  background: #42c487;
}

.guns:nth-child(3n) .gun {
  background: #c44242;
}

.guns:nth-child(4n) .gun {
  background: #9542c4;
}

.guns:nth-child(5n) .gun {
  background: #52c442;
}

.guns:nth-child(6n) .gun {
  background: #c48b42;
}

.guns:nth-child(7n) .gun {
  background: #426fc4;
}

.guns .icerik .baslik {
  display: block;
  padding: 4px;
  margin: -10px -10px 10px;
  color: #fff;
}

.guns:nth-child(n) .icerik .baslik {
  background: #42a1c4;
}

.guns:nth-child(2n) .icerik .baslik {
  background: #42c487;
}

.guns:nth-child(3n) .icerik .baslik {
  background: #c44242;
}

.guns:nth-child(4n) .icerik .baslik {
  background: #9542c4;
}

.guns:nth-child(5n) .icerik .baslik {
  background: #52c442;
}

.guns:nth-child(6n) .icerik .baslik {
  background: #c48b42;
}

.guns:nth-child(7n) .icerik .baslik {
  background: #426fc4;
}

.oteldetay {
  background: #edf5fb;
}

.oteldetay .content-wrapper {
  background: #fff;
  padding: 10px 15px;
}

.oteldetay .otelresimleri {
  display: grid;
  position: relative;
  margin-top: 20px;
  grid-template-columns: auto auto auto auto auto auto;
  background-color: #d4e4f0;
  padding: 5px;
}

.oteldetay .otelresimleri .ress {
  text-align: center;
  margin: 2px;
  overflow: hidden;
}

.oteldetay .otelresimleri .ress img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.oteldetay .otelresimleri .ress:nth-child(1) {
  grid-row: 1 / 4;
  grid-column: 3 / span 2;
}

.oteldetay .otelresimleri .ress:nth-child(1) img {
  height: 304px;
  width: 100%;
  object-fit: cover;
}

.oteldetay .otelresimleri .goster {
  position: absolute;
  margin: auto;
  text-align: right;
  bottom: 15px;
  width: 1200px;
  right: 0;
  left: 0;
  padding: 0 15px;
}

@media (max-width: 768px) {
  .oteldetay .otelresimleri .goster {
      width: auto;
  }

  .phoneEmail {
      margin-right: 10px;
  }

  .e-abone .btn {
      padding: 9px 12px 10px;
  }

  #anabanner {
      height: 248px;
  }

  .col-10.col-lg-4.col-md-7 .col-inner {
      justify-content: unset !important;
  }

  .col-6.col-lg-4.col-md-7 .col-inner {
      justify-content: unset !important;
  }
}

.oteldetay .otelresimleri .btntumu {
  background: #ffffff;
  color: #ef4444;
}

.oteldetay .otelresimleri .ress:hover img {
  opacity: 0.8;
  transform: scale(1.05);
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}

.oteldetay .otelresimleri .ress:nth-child(4) {
  grid-row: 1 / 4;
  grid-column: 5 / span 2;
}

.oteldetay .otelresimleri .ress:nth-child(4) img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

.oteldetay .otelresimleri .ress:nth-child(5) {
  grid-row: 2 / 4;
  grid-column: 5 / span 2;
}

.oteldetay .otelresimleri .ress:nth-child(5) img {
  height: 150px;
  width: 100%;
  object-fit: cover;
}

.room-info-popup-open {
  font-weight: bold;
}

.room_image_list ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 380px;
  list-style: none;
}

.room_image_list ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 380px;
  text-align: center;
  line-height: 380px;
}

.room-image-desc {
  border-top: 1px solid #ccc;
  padding-top: 15px;
}

.room-image-desc ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 0.8rem;
}

.room-info-popup-wrap {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 600px;
  width: 600px;
  margin: 20px auto;
}

@media (min-width: 768px) {
  .room_image_list .slides li.flex-active-slide {
      width: 560px !important;
  }
}

@media (max-width: 768px) {
  .column-two {
      display: none;
  }

  .room-info-popup-wrap {
      max-width: 90%;
      width: 90%;
  }

  .room_image_list img {
      max-width: 100%;
      height: auto;
  }
}

#slider .flex-prev, #slider .flex-next {
  opacity: 1 !important;
  cursor: default;
  z-index: 1;
  text-align: center;
  background: #ffffffb5;
  border-radius: 50%;
  color: transparent;
}

#slider .flex-prev {
  left: 15px;
  cursor: pointer;
}

#slider .flex-next {
  right: 15px;
  cursor: pointer;
}

#slider .flex-direction-nav a:before {
  font-family: flexslider-icon;
  font-size: 22px !important;
  display: inline-block;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

#slider .flex-direction-nav {
  display: block;
}

#slider .flex-direction-nav li {
  position: inherit !important;
}

.flex-direction-nav {
  display: none;
}

.flex-control-thumbs img {
  width: 80px !important;
  height: 60px;
}

.flex-control-thumbs li {
  width: auto !important;
  margin-right: 3px;
}

.room_image_list .slides li {
  text-align: center;
}

.room_image_list .slides li img {
  max-width: 100% !important;
  height: auto !important;
  width: 1005 !important;
  max-height: 380px;
  object-fit: cover;
}

#ekturlar ul, #ekbilgiler ul {
  padding-left: 20px;
  list-style: disc;
}

#ekturlar ul li, #ekbilgiler ul li {
  list-style: disc;
}

#hizmetler, #fiyatlar, #ekturlar, #ekbilgiler {
  color: #000;
  font-weight: 400;
}

.taksittablobaslik {
  line-height: 35px;
  margin-bottom: 10px;
  text-align: center;
  color: #222;
  font-size: 17px;
  font-weight: bold;
}

.karttablo {
  border: 1px solid #ccc;
  padding: 1px;
  width: 99.5%;
}

.karttablo td {
  line-height: 20px;
  height: 40px;
  text-align: center;
  font: normal 12px Ubuntu, Helvetica, sans-serif;
  border-bottom: 1px solid;
}

.karttablo td img {
  height: 18px;
  width: auto;
  display: inline-block;
}

.gri {
  background-color: #f2f3f4;
}

.karttablo .odd {
  background-color: #f2f3f4;
}

.karttablo .even {
}

.main-nav a:hover:before {
  content: unset !important;
}

.mega-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 1060;
}

.mega-menu-wrap .row .col-md-3:last-child .col {
  border-right: unset;
}

.mega-menu-wrap {
  background: #fff;
  padding: 0px 15px;
  border-radius: 6px;
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  /* max-height: 350px; */
  /* overflow: auto; */
  border-top-left-radius: 0;
  /* margin-top: 53px; */
  border-top-right-radius: 0;
}

.mega-menu-wrap::-webkit-scrollbar {
  width: 4px;
}

.mega-menu-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 15px;
}

.mega-menu-wrap::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 15px;
}

.mega-menu-wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mega-menu-wrap h3 {
  font-size: 14px;
  margin-bottom: 0px;
}

.mega-menu-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-menu-wrap ul li {
  width: 100%;
}

.mega-menu-wrap ul li a {
  display: block;
  color: #929597;
  font-size: 13px;
  box-shadow: none;
  font-size: .95rem;
  padding: 6px 0;
  border: 0!important;
  line-height: normal;
  height: auto!important;
  display: block;
  cursor: pointer;
  font-weight: 600!important;
  text-transform: capitalize;
}

.mega-menu-wrap .col {
  height: 100%;
  border-right: 1px solid #eee;
  padding: 10px 0px;
}

.mega-menu-wrap .col.last {
  border-right: 0;
}

.mega-menu {
  display: none;
}
.header-megamenu-slot .megamenu.mega-menu.showed {
  display: block !important;
}

.hideAlanBaslik i {
  float: right;
  margin-top: 4px;
}

.hideAlanBaslik {
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 0px;
  margin-bottom: 10px;
  background: transparent;
  color: #000;
  line-height: normal;
  font-size: 17px !important;
  display: flex;
  align-items: center;
}

.hideAlan {
}

.sagkis.mobil {
  height: auto !important;
  display: flex;
  justify-content: space-between;
}

.sagkis.mobil .indirimorancssana {
  position: relative;
  left: 0px;
  top: -7px;
}

.turListeKutu .ozet .sagkis.mobil .del {
  margin-top: 0;
}

.turListeKutu .ozet .sagkis.mobil .minioz {
  position: relative;
  bottom: 0;
  padding: 0;
}

.turListeKutu .ozet .sagkis.mobil .minioz span.den {
  display: block;
  font-size: 0.7rem;
}

.turListeKutu .ozet .sagkis.mobil .rezyap {
  position: relative;
  right: 0;
  bottom: 0;
}

.booking-box .box-heading {
  background: #ff0000;
}

.tourImage {
  position: relative;
  height: 315px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0px;
}

.tourImage:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.42);
  z-index: 1;
}

.tourImage img {
  position: relative;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
  object-fit: cover;
}

.tourImage .title {
  position: absolute;
  bottom: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  left: 0;
  text-shadow: 0 0 10px #000;
  width: 100%;
  z-index: 1;
}

.tourImage .hover {
  position: absolute;
  top: 0;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 0 45px;
  background: #e80e58b8 url(../images/tour-hover-bg.png);
}

.tourImage .hover .valign {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.tourImage .hover .valign span {
  margin-right: 5px;
  line-height: 140%;
  color: #fff;
  font-size: 15px;
}

.tourImage .hover .valign span:before {
  content: "";
  display: inline-block;
  background: #ffd601;
  width: 6px;
  height: 6px;
  position: relative;
  top: -2px;
  border-radius: 100%;
  margin-right: 5px;
}

.tourImage .hover .valign a {
  margin-top: 35px;
  display: block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
  padding: 16px 20px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #68285e;
  text-decoration: none;
}

.tourImage .hover .valign a:hover {
  background: #fcc300;
  color: #000;
}

.tourImage:hover .hover {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.tourImage .title small .price {
  background: #fcc300;
  color: #fff;
  padding: 4px 8px;
  display: inline-block;
}

.tourImage .title small .price:empty {
  display: none;
}

.tourImage .hover .valign .title {
  position: relative;
  bottom: -25px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  left: 0;
  text-shadow: 0 0 10px #000;
  width: 100%;
  z-index: 1;
}

.tourImage .hover .valign .title span {
  margin: 0;
  line-height: normal;
  font-size: 22px;
}

.tourImage .hover .valign .title span:before {
  display: none;
}

.tourImage .indirim {
  position: absolute;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.9rem;
  left: 5px;
  top: -10px;
  background: #faba00;
  width: 60px;
  height: 50px;
  color: #fff;
  text-align: center;
}

.tourImage .indirim span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding-top: 10px;
}

.tourImage .indirim::after {
  content: "";
  width: 100%;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #faba00;
}

.tourImage .indirim::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  left: -5px;
  top: 0;
  border-left: 5px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #a84f00;
}

.cizgili {
  color: #ff0000;
  text-decoration: line-through;
}

@media (max-width: 768px) {
  .tour-banner.in .container .info {
      display: none;
  }

  .tour-banner.in {
      max-height: 290px;
      overflow: hidden;
      margin-top: -30px;
  }
}

.odaTalepEt {
  padding: 20px 20px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  margin-top: 10px;
}

.odaTalepEtBaslik {
  color: red;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.odaTalepEtAciklama {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}

.odaTalepEtButon {
  text-align: center;
}

.odaTalepEtBaslikSiziArayalim {
  display: inline-block;
  width: auto;
  font-size: 14px;
  background: #ef4444;
  padding: 3px 10px;
  /* color: #fff !important; */
  border-radius: 5px;
}

.otelfiyatsablon {
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff !important;
  margin-bottom: 5px;
}

.otelfiyatsablon > .row {
  align-items: center;
}

.otelfiyatsablon .satinal a {
  border-radius: 8px;
}

.otelfiyatsablon .image img {
  border-radius: 8px;
}

.otelfiyatsablon .info .oda {
  line-height: normal;
  font-size: 13px;
}

.otelfiyatsablon .turbrutfiyat {
  color: #000;
  text-decoration: line-through;
  font-size: 12px;
}

.otelfiyatsablon .indirimorancssana {
  display: inline-block;
  padding: 2px 8px;
  background: #337ab7;
  color: #fff;
  border-radius: 20px;
  width: auto;
  line-height: normal;
  font-size: 12px;
}

.detail-header h4, .fullwidth-horizon-sticky-section h2 {
  font-size: 22px !important;
  margin-bottom: 10px;
  margin-top: 10px !important;
}

#about, #program, #hizmetler, #ekturlar, #ekbilgiler {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .tourCategories .tours .resim, .popTemalar .temalar .kategori .resim {
      margin-bottom: 15px;
  }
}

.selectbox {
  border: 0;
  width: 100%;
  line-height: normal;
  margin-bottom: 0;
  padding: 0px 10px;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  height: 48px;
  line-height: 48px;
  border: 1px solid #ddd;
}

.selectbox label {
  color: #9ca1ae;
  display: block;
  margin-bottom: 1px;
}

.selectbox label i {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 4px;
  color: #9ca1ae;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #9ca1ae;
}

.selectbox p {
  margin: 0;
}

.selectbox p .tour-date {
  min-width: 80px;
  display: inline-block;
}

.selectbox p .available-limit {
  font-size: 11px;
  background: #f85156;
  color: #fff;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-left: 10px;
}

.selectbox-result-container {
  position: absolute;
  width: max-content;
  display: none !important;
  max-height: 150px;
  border: 1px solid #dbe0e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  overflow-y: scroll;
  transition: linear all 350ms;
  top: 100%;
  z-index: 99999;
}

.selectbox-result-container.fit {
  width: calc(100% - 0px);
}

.selectbox-result-container.active {
  display: block !important;
}

.selectbox-result-container .selectbox-result {
  position: relative;
  padding: 7px 15px;
  text-align: left;
  cursor: pointer;
  width: 100%;
  font-size: 0.8rem;
  list-style: none;
  height: auto;
  min-height: 0px;
  max-height: 150px;
  -ms-overflow-style: none;
  border: 1px solid #dbe0e6;
  border-bottom: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
}

.selectbox-result-container .selectbox-result li {
  line-height: normal;
}

.selectbox-result-container ul.selectbox-result span.tour-date {
  padding: 10px 3px 0px 0px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  min-width: 80px;
  display: inline-block;
}

.selectbox-result-container ul.selectbox-result li:first-child span.tour-date {
  padding-top: 0;
}

.selectbox-result-container .selectbox-result .available-limit {
  font-size: 11px;
  background: #f85156;
  color: #fff;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: normal;
  letter-spacing: normal;
}

.selectbox-result-container .selectbox-result .tour-price {
  display: contents;
  font-size: 12px;
  background: transparent;
  color: #000;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: bold;
  letter-spacing: normal;
}

.taksittablobaslik {
  display: none;
}

.karttablo {
  border: 1px solid #ccc;
  padding: 1px;
  width: 99.5%;
}

.karttablo td {
  line-height: 20px;
  height: 40px;
  text-align: center;
  border-bottom: 1px solid;
  font-size: 0.8rem;
}

.karttablo td img {
  max-height: 35px;
}

.gri {
  background-color: #f2f3f4;
}

.karttablo .odd {
  background-color: #f2f3f4;
}

.karttablo .even {
}

.karttablo b {
}

#taksitdiv.fancybox-content {
  max-width: 90%;
  width: 500px;
  padding: 0px;
  max-height: 90%;
  height: 700px;
  overflow-y: auto;
  background-color: #ecf6f8;
}

#taksitdiv ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#taksitdiv .taksit_tablosu {
  background: #edf4fa;
  margin-bottom: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik .sol {
  display: inline-block;
  width: 100%;
  /* height: 50px; */
  line-height: 50px;
  padding-left: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik .sag {
  display: none;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding-right: 20px;
}

#taksitdiv .taksit_tablosu .taksit_baslik {
  background: #fff;
  border-bottom: 1px solid #b4d9e9;
}

#taksitdiv .taksitsecenekleri {
  padding: 12px 20px;
  border-bottom: 1px solid #ef4444;
  background: #ef4444;
  font-weight: bold;
  color: #fff;
}

#taksitdiv .taksitseceneklerikapat {
  display: none;
}

#taksitdiv .genel_taksit_tablosu {
  padding: 20px;
  background: #ecf6f8;
}

#taksitdiv .taksitler li {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  height: 25px;
}

#taksitdiv .taksitler .sutun1 {
  width: 20%;
}

#taksitdiv .taksitler .sutun2 {
  width: 40%;
}

#taksitdiv .taksitler .sutun3 {
  width: 40%;
}

#taksitdiv .taksitler .altbaslik li {
  border-right: 1px solid #e7f7fe;
  border-bottom: 1px solid #e7f7fe;
}

#taksitdiv .taksitler ul {
  background: #fff;
  font-size: 0.8rem;
  height: 25px;
  line-height: 25px;
  border-left: 1px solid #e7f7fe;
}

/*BURASIDA VAR*/
@media (max-width: 768px) {
  /* .userLoginPanel span.text {

display: none;

} */.acente-giris {
      margin-right: 20px;
  }

  .userLoginPanel {
      margin-left: 0 !important;
      width: 125px;
      /* position: absolute !important; */
      bottom: 0;
  }

  .userLoginPanel {
      justify-content: start;
  }

  .hot-deals .text-center {
      display: block !important;
  }

  /* .hot-deals .text-center {

display: block !important;

} */
  /* .phoneEmail {

display: none !important;

} */
  .header-main .header-inner {
      position: absolute !important;
      padding: 10px 15px;
      width: 100%;
      /* margin-right: 31px; */
      margin-bottom: 10px;
      right: 0;
      bottom: 14px;
  }

  .box {
      margin-bottom: 15px !important;
  }

  .hot-deals ul {
      flex-wrap: unset;
  }
}

.mega-menu-wrap a:before {
  content: unset !important;
}

/* ---------------------- */
/* -------------------------------------------------------------------- */
ul.slick-dots {
  position: absolute;
  bottom: 14px;
  /* text-align: end; */
}

ul.banner-slider.slick-initialized.slick-slider.slick-dotted {
  width: 100%;
  position: relative;
}

ul.slick-dots li.slick-active, ul.slick-dots li.slick-active button, ul.slick-dots li.slick-active button:before {
  width: 17px;
}

ul.slick-dots li {
  margin: 0 6px;
}

ul.slick-dots li button:before {
  left: -15px;
  width: 17px;
  opacity: 1;
  height: 17px;
  border-radius: 100px;
  border: 2px solid #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 8px;
}

ul.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #fff;
}

input#quick-searchInputTour2 {
  width: 100%;
}

input#quick-searchInputTour {
  background: white;
}

.denemebox .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 166px;
  object-fit: cover;
}

.denemebox .owl-carousel {
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.otel-ara {
  font-size: 1.429rem;
  color: #ef4444;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px!important;
  margin-left: 10px;
  margin-top: 10px;
}

/* .search-boxes .tab-content stilleri index.php inline <style> i inde tan ml */
.seach-boxes label {
  color: blue !important;
}

.search-boxes .form-group label {
  color: #1e2732;
  font-weight: 600;
}

span.person-total {
  border-radius: 3px;
  box-shadow: none;
  border-color: #DFDFDF;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #FFF;
  padding-left: 10px;
}

.menu-horizontal-02 ul {
  justify-content: space-between;
}

.hero-inner .menu-horizontal-02 ul li {
}

.hero-inner .menu-horizontal-02 ul li a.active, .hero-inner .menu-horizontal-02 ul li.active a {
  color: #ef4444;
  border-color: #e8e8ff ;
  background: #e8e8ff !important;
  border-radius: unset;
  font-weight: 400;
  font-size: 15px;
}

.hero-inner .menu-horizontal-02 ul li a.active:hover {
  background: #e8e8ff ;
  border-color: #e8e8ff ;
}

.hero-inner .menu-horizontal-02 ul li a:hover {
  border-color: #ffff;
  background: #ccc;
  color: #ef4444;
}

.hero-inner .menu-horizontal-02 ul li {
  width: 32.5%;
  text-align: center;
}

.hero-inner .menu-horizontal-02 ul li a {
  display: grid;
  background: #e5e5e5;
  border-radius: unset;
  border-left-color: white;
  color: #ef4444;
}

ul.nav li:first-child a {
  /* border-top-left-radius: 5px !important; */
}

.search-boxes a i:not(.tb-tab-link i) {
  margin-top: 0px;
}

.tb-tab-link i {
  margin-top: 0 !important;
}

.btn-primary, .btn.disabled, .btn:disabled {
  background: #ef4444 ;
  border-color: #ef4444 ;
  color: #FFF;
  font-size: 16px!important;
  font-weight: 700!important;
}

.btn-primary:hover, .btn.disabled:hover, .btn:disabled:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background: #ef4444 ;
  border-color: #ef4444 ;
  color: white;
}

.card-item {
  border: 1px solid #f2f2f2;
  text-align: center;
  background: #f2f2f2;
}

/* ul.item-meta {display: flex;justify-content: center;} */
.tour-grid-item-01 .content {
  border-radius: 0px 0px 6px 6px;
  border: unset !important;
  padding: 10px 25px 15px;
  ;}

p.indirimoranbox {
  background: #d5ecdb;
  border-radius: 4px;
  height: 45px;
  min-height: 45px;
  line-height: 32px;
  padding: 5px 15px;
  vertical-align: middle;
  color: #016301;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: normal;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.tour-grid-item-01:hover {
  background: #f8f8f8;
}

.img-rigt-item-two {
  margin-top: 22px;
}

.img-box-right {
  height: 100%;
  position: relative;
}

.box img {
  object-fit: cover;
  width: 100%;
}

.slider-button:before {
  /* content: ""; */
  position: absolute;
  width: 100%;
  left: 0;
  border: 1px solid white;
  bottom: -1px;
}

.text-center .tab-content {
  /* border: 1px solid #dee2e6; */
}

.tab-content .tab-pane.active {
  padding-bottom: unset;
  cursor: default;
}

.text-center .nav-tabs {
  border-bottom: unset;
}

.popular-tour-regions .box .text ul {
  margin-bottom: 20px;
}

.popular-tour-regions .half .box img {
  height: 179px;
}

.popular-hotel-regions {
  position: relative;
  float: left;
  width: 100%;
}

.popular-hotel-regions .cat-box {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.popular-hotel-regions .cat-box a {
  color: #707070;
  font-size: 16px;
  text-decoration: none;
}

.popular-hotel-regions .cat-box .image {
  border: 1px solid #D5D5D5;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 169px;
}

.col-pad-right {
  padding-right: 15px;
}

.col-pad-left {
  padding-left: 15px
}

@media(max-width: 768px) {
  .popular-hotel-regions .cat-box .image {
      min-height: inherit;
  }

  .search-boxes {
      height: unset !important;
      margin-bottom: 30px
  }

  .item .card-item {
      width: 100%;
      height: auto;
  }

  .menu-horizontal-02 ul {
      /* margin: 0 -5px !important; */
  }

  .slider-button {
      /* display:none !important; */
  }

  .item .card-item {
      width: 100% !important;
  }

  .hot-deals li.text-center a {
      width: 145px;
  }

  li.text-center a {
      display: flex;
      /* width: 157px; */
      justify-content: center;
  }

  #hotDeal {
      overflow: scroll;
  }

  .acente-girisler {
      justify-content: center !important;
      position: relative;
  }

  .header-inner {
      border: unset !important;
  }

  .header-main.with-absolute-navbar .navbar:before, .with-absolute-navbar .navbar:after {
      content: unset !important;
  }
}

@media(max-width: 575px) {
  li.text-center a {
      width: 157px;
  }

  #mobileMenu {
      padding-right: 0 !important;
      padding-left: 0 !important;
  }

  .ekalanTurKesin {
      position: relative;
  }

  /* .turtarihkutu .date-btn {

display: none !important;

} */
  .hot-deals .text-center {
      margin-bottom: 12px;
  }

  #hotDeal::-webkit-scrollbar-track {
      border-radius: 5px;
      background-color: #DFE9EB;
  }
}

.popular-hotel-regions .cat-box .image img {
  width: 100%;
  height: auto;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.popular-hotel-regions .cat-box .cont {
  color: #29ade2;
  position: relative;
  width: 100%;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #D5D5D5;
  text-align: left;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 500;
}

.popular-hotel-regions .cat-box .cont a.link {
  color: #e8e8ff ;
  display: block;
  width: 100%;
  font-size: 14px;
}

.popular-tour-regions {
  position: relative;
  float: left;
  width: 100%;
}

.popular-tour-regions .box {
  position: relative;
  float: left;
  width: 100%;
  border-radius: 10px;
}

.popular-tour-regions .box:before {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.58);
  z-index: 1;
  border-radius: 10px;
}

.popular-tour-regions .box img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  width: 100%;
  height: 370px
}

.popular-tour-regions .box h3 {
  position: absolute;
  top: calc(50% - 32px);
  left: 27.5%;
  width: 45%;
  padding: 5px 20px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  z-index: 2;
  margin: 0;
  background: rgb(42 41 103 / 81%);
  border-radius: 5px;
}

.popular-tour-regions .half .box h3 {
  top: calc(50% - 16px);
}

.popular-tour-regions .twobox img {
  height: 240px;
}

.popular-tour-regions .box .text {
  text-align: center;
  position: absolute;
  top: 56%;
  left: 50%;
  margin-right: -50%;
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #fff;
  z-index: 2;
}

.popular-tour-regions .box .text ul {
  visibility: hidden;
  display: block;
  opacity: 0;
  height: 0;
  position: relative;
  top: 50px;
  list-style: none;
  padding: 0;
}

.popular-tour-regions .box .text ul li {
  list-style: none;
}

.popular-tour-regions .box .text ul li a {
  color: #fff;
  font-size: 0.8rem;
  border-bottom: 1px solid #b1b1b1;
  text-align: center;
  display: block;
  line-height: 42px;
  text-decoration: none;
  padding: 0 5px;
}

.popular-tour-regions .box .text ul li a:hover {
  background: rgba(0,0,0,.3);
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.popular-tour-regions .box .text .all {
  display: inline-block;
  width: auto;
  padding: 4px 15px;
  background: #f58515;
  color: #fff;
  border-radius: 14px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  font-size: 0.8rem;
}

@media (min-width: 768px) {
  .datetimepicker.datetimepicker-dropdown-bottom-left.dropdown-menu {
      min-width: 16rem !important;
  }

  .popular-tour-regions .box:hover .text ul {
      visibility: visible;
      opacity: 1;
      -webkit-animation-direction: alternate;
      -moz-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      -moz-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      height: auto;
      top: 0;
  }

  .popular-tour-regions .box:hover h3 {
      top: 33px;
      -webkit-animation-direction: alternate;
      -moz-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      -moz-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
  }

  .popular-tour-regions .box:hover:before {
      opacity: 1;
  }

  .popular-tour-regions .half .box:hover h3 {
      top: calc(50% - 16px);
  }

  .popular-tour-regions .box .text .all:hover {
      background-color: #dc7209;
      transition: ease-in-out all 300ms;
      text-decoration: none;
  }

  .popular-tour-regions .box:hover .text .all {
      opacity: 1;
      visibility: visible;
      -webkit-animation-direction: alternate;
      -moz-animation-direction: alternate;
      animation-direction: alternate;
      -webkit-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      -moz-transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
      transition: all 480ms 0s cubic-bezier(.455,.03,.515,.955);
  }
}

.popular-tours {
  position: relative;
  float: left;
  width: 100%;
}

li.text-center {
  margin-right: 10px !important;
}

#hotDeal {
  padding-bottom: 15px;
  padding-left: 10px;
}

li.text-center a {
  color: #ef4444;
  padding: 8px 10px;
  background: white;
  border: 1px solid #dee2e6;
  /* border-top-left-radius: 5px; */
  /* border-top-right-radius: 5px; */
  border-radius: 22px;
}

/* figure.tour-grid-item-01 {margin-bottom: 30px;} */
a.active:not(.tb-tab-link) {
  color: #d64545 !important;
}

section.tur-landing-page {
  margin: unset !important;
}

/* section {padding:unset !important;margin:0px auto !important;} */
.col-inner .form-group i {
  position: absolute;
  right: 14px;
  top: 66%;
  transform: translate(-50%,-50%);
  color: #ef4444;
}

/* .header-inner {border: 1px solid #e7e7e7;} */
.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-next:before {
  content: '\f061' !important;
}

.slick-prev:before {
  content: '\f060' !important;
}

.slick-prev:before, .slick-next:before {
  font-size: 50px;
  color: #bfbfbf;
}

.card-item-exp {
  padding: 6px;
}

/* nav.menu-horizontal-02 ul li {border-right: 2px solid white;} */
nav.menu-horizontal-02 ul li:last-child {
  border: unset;
}

.slider-button {
  position: absolute;
  z-index: 9;
  background: #ff000000 !important;
  height: 39px;
  width: 100%;
  right: 20px;
  top: 50%;
  border: 1px solid #dee2e6;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  left: 0;
}

.swiper-button-prev:after, .swiper-button-next:after {
  color: #000000;
  font-size: 19px;
}

.col-pad-right {
  padding-right: unset;
}

.col-pad-left {
  padding-left: unset;
}

.text-center {
  text-align: center!important;
  position: relative;
  /* border-radius: 8px; */
}

.text-center .tab-pane {
  padding: 10px
}

.otelbaslik1, .otelbaslik2, .otelbaslik3, .otelbaslik4, .otelbaslik5, .otelbaslik6, .otelbaslik7 {
  display: none;
}

.oteligosterdi {
  display: block !important;
}

.oteller-alt-baslik {
  background-color: #f8f8f8;
  width: 100%;
  display: block;
  text-align: center;
  color: #ef4444;
  font-weight: 600;
  padding: 10px;
  border-top: 1px solid #ededed;
}

.index-reklam {
  margin-top: 30px;
  height: 241px;
  clear: both;
}

.swiper-slide figure.tour-grid-item-01 {
  border: unset;
  margin-bottom: 10px;
}

.room-count-dropdown select {
  height: 30px;
  padding: 0;
  border-radius: 5px;
  padding-left: 8px;
}

.btn {
  border-radius: 3px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  text-transform: unset;
}

.swiper-button-lock {
  display: flex;
}

#hotelTab .form-group {
  padding: 10px;
}

.musait-check input {
  cursor: pointer;
}

.room-count-dropdown .room-info .info-row .col {
  padding: 15px;
}

ul.slick-dots {
  position: absolute;
  bottom: 100px;
  /* text-align: end; */
}

#anabanner {
  position: relative;
  width: 100%;
}

.hero-inner .menu-horizontal-02 ul li {
  display: inline-block;
  margin: 0 0px;
}

.hero-inner .menu-horizontal-02 ul li a {
  padding: 0 5px 15px;
  font-weight: 400;
}

.item .card-item {
  /* width: 244px; */
  /* height: 231px; */
}

.hero-inner .menu-horizontal-02 ul li a i {
  font-size: 1.2rem;
}

i.fas.fa-plane {
  transform: rotate(-50deg);
}

.menu-horizontal-02 ul {
  margin-bottom: 20px;
  margin: 1px 0px;
}

ul.banner-slider.slick-initialized.slick-slider.slick-dotted {
  width: 100%;
  position: relative;
}

ul.slick-dots li.slick-active, ul.slick-dots li.slick-active button, ul.slick-dots li.slick-active button:before {
  width: 38px;
}

ul.slick-dots li {
  margin: 0 3px;
}

ul.slick-dots li button:before {
  left: 0px;
  width: 8px;
  opacity: 1;
  height: 8px;
  border-radius: 100px;
  border: 2px solid #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 8px;
}

ul.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #3b82f6;
  border: 2px solid #3b82f6;
  z-index: 3;
}

input#quick-searchInputTour2 {
  width: 100%;
}

input#quick-searchInputTour {
  background: white;
}

.denemebox .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 166px;
  object-fit: cover;
}

.denemebox .owl-carousel {
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.sizeOzel {
  padding: 10px;
  color: #ef4444;
  font-size: 1.143rem;
  background: #f2f2f2;
  font-weight: 600;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.kampanya-icon {
  width: 50px;
  height: 50px;
  display: table-cell;
}

.kampanya-aciklama {
  display: table-cell;
  vertical-align: middle;
  color: #ef4444;
  padding-right: 10px;
  padding-left: 5px;
  text-align: left;
}

.kampanya-box {
  margin-bottom: 15px;
  position: relative;
  min-height: 58px;
  display: table;
  width: 100%;
  border-radius: 4px;
  margin-top: 10px;
  border: 1px solid #e5e5e5;
}

.kampanya-box:hover .item-wrap {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  visibility: visible;
}

.item-wrap {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: absolute;
  right: -321px;
  top: -6px;
  width: 320px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  padding-left: 15px;
  z-index: 999;
}

.item-wrap .item-container {
  background: #fff;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.4);
  -moz-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.4);
  box-shadow: 2px 2px 1px 0 rgba(0,0,0,.4);
  text-align: left;
  padding: 15px;
  border: 1px solid #ddd;
  position: relative;
  border-radius: 4px;
}

span.tooltip-arrow {
  background: #dddddd;
  z-index: 99;
  position: absolute;
  left: -11px;
  width: 11px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  height: 22px;
  top: 24px;
}

.detail-btn {
  color: #ef4444;
  border: 1px solid #ef4444;
  font-size: .95rem;
  background: #ef4444;
  cursor: pointer;
  text-align: center;
  padding: 6px 8px;
  float: right;
  background: #f8f8f8;
}

.input-kutu {
  display: flex !important;
  align-items: center;
  /* border-right: 0.5px solid #e7e7e7; */
  justify-content: center;
}

.input-kutu {
  position: relative;
}

.input-kutu i, .input-kutu-select i {
  width: 17px;
  height: 17px;
  margin-right: 13px;
  color: #ef4444;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 36%;
  transform: translate(-50%,-50%);
}

.input-kutu input {
  border: unset;
  cursor: pointer;
  padding-left: unset;
  font-weight: 600 !important;
  font-size: 16px !important;
}

.input-kutu-select .form-control {
  border: unset;
  margin-bottom: unset !important;
}

.input-kutu .form-control, .input-kutu-select {
  color: #ef4444 !important;
}

.input-kutu-select .form-group, .input-kutu-select label {
  margin-bottom: unset !important;
}

.input-kutu .form-group, .input-kutu label {
  margin-bottom: unset !important;
}

.input-kutu-select:after {
  content: "";
  position: absolute;
  right: 15px;
  ; top: 50%;
  height: 60%;
  transform: translate(-50%,-50%);
  border-right: 0.5px solid #e7e7e7;
}

.input-kutu:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 60%;
  transform: translate(-50%,-50%);
  border-right: 0.5px solid #e7e7e7;
}

.hesap-kutu {
  display: flex;
  align-items: center;
}

.input-kutu-select .form-control-lg {
  font-weight: 600;
  padding: unset;
}

.select-two::after {
  content: unset !important;
}

.col-lg-5:has(> .ekalan) {
  border-left: 1px solid #f2f2f2;
}

/* div#detail-content-sticky-nav-01 {

border: 1px solid #e8ecee;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-ms-border-radius: 4px;

-o-border-radius: 4px;

border-radius: 4px;

background-clip: padding-box;

overflow: hidden;

} */
p:empty {
  display: none;
}

div#detail-content-sticky-nav-01 h3 {
  border: 0;
  padding: 10px;
  color: #ef4444!important;
  background: 0 0;
  background-color: #e8ecee;
  border-bottom: 3px solid #e4e4e4;
}

/* div#detail-content-sticky-nav-01 {

margin-top: 15px;

} */
div#detail-content-sticky-nav-01 h3 {
  padding: 10px 15px;
  font-size: 1rem;
  position: relative;
}

div#detail-content-sticky-nav-01 p, div#detail-content-sticky-nav-01 ul li {
  padding: 15px;
}

div#detail-content-sticky-nav-01 h3:before {
  content: "";
  position: absolute;
  left: 0;
  width: 40%;
  border: 1px solid #ef4444;
  bottom: -3px;
}

/* .hotelSlider .slick-prev.slick-arrow{

display: none !important;

} */
#haritagoster {
  color: #ef4444!important;
  border-bottom: 1px solid #ef4444!important;
  font-weight: 600;
}

#dynamicTours h3 {
  font-size: 22px !important;
}

.content-wrapper h3 {
  color: #101828;
  font-size: 2rem;
  font-weight: 600;
  display: inline-block;
  margin: 0 10px 0 0;
  width: 100%;
}

.varyokgenel ul {
  list-style-type: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
}

.varyokgenel li {
  flex: 0 0 33%;
  padding: 1em;
  display: flex;
  align-items: flex-end;
}

/* .priceCalc.fixed{position: fixed;top: 0;background: #fff;z-index: 999;width: 60%;} */
.priceCalc.fixed {
  position: relative;
  top: 0;
  background: #fff;
  z-index: 999;
  width: 100%;
}

.otel-mesafe {
  margin-top: 20px;
}

/* .yorum-isim {

background: #e7ebee;

width: 63px;

height: 63px;

border-radius: 50%;

position: relative;

text-align: center;

vertical-align: middle;

align-items: center;

display: flex;

justify-content: center;

} */
.yorum-isim i {
  display: none;
}

.yorum-tarih i {
  margin-right: 5px;
}

.rating-item .rating-icon {
  color: #ef4444 !important;
}

.hotelSlider ul li img {
  height: 500px;
  object-fit: cover;
  overflow: hidden;
}

.hotelSliderNav ul li img {
  height: 90px;
  border-radius: 10px;
  object-fit: cover;
}

.acente-giris {
  /* height: 50px; */
  position: relative;
  display: flex;
  margin-left: 15px;
  border: 1px solid #1e2732;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
  align-items: center;
  z-index: 99;
  justify-content: center;
  cursor: pointer;
}

.acente-giris a {
  color: white;
}

.row.listroBox .col-lg-3 {
  padding-left: unset;
}

.ziyaret-edilecek-yerler {
  border: solid 1px #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 10px;
}

.ziyaret-header h1 {
  margin: 0;
  padding: 0;
  font-size: 1.143rem;
  color: #ef4444;
  font-weight: 600;
}

.ziyaret-edilecek-yerler ul {
  margin: 10px 0;
  padding: 0 20px;
  max-height: 260px;
  overflow-y: auto;
}

.ziyaret-edilecek-yerler ul li {
  list-style-type: disc;
  color: #ef4444;
  font-size: .95rem;
}

.ziyaret-edilecek-yerler {
  margin-bottom: 20px;
}

.ulasim {
  display: block;
  color: #ef4444;
  font-size: 1rem;
}

.ziyaret-item ul {
  height: 191px;
}

.read-more:before {
  content: '\f055  Daha Fazla';
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 11px !important;
}

.ziyaret-item.show-more-text .read-more:before {
  content: '\f056  Daha Az' !important;
  font-weight: 600;
  font-size: 11px !important;
}

.ziyaret-item ul {
  height: 113px;
  overflow: hidden;
  transition: .2s all;
}

.ziyaret-item.show-more-text ul {
  overflow: unset !important;
  height: 100%;
  transition: .2s all;
}

button.read-more {
  background: transparent;
  border: unset;
  font-size: .95rem;
  color: #727272;
  margin-bottom: 10px;
  transition: .2s all;
}

button.read-more:hover {
  color: #ef4444;
  transition: .2s all;
}

button.slick-prev.slick-arrow {
  background: #ffffffbd;
  /* position: relative; */
  z-index: 8;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

button.slick-next.slick-arrow {
  background: #ffffffbd;
  /* position: relative; */
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.slick-prev:before {
  font-size: 14px;
  opacity: 1 !important;
  color: #ef4444 !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.slick-next:before {
  font-size: 14px;
  opacity: 1 !important;
  color: #ef4444 !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

ul.slider.gallery-slideshow.slick-initialized.slick-slider:hover .slick-arrow {
  background: white !important;
}

ul.slider.gallery-nav.slick-initialized.slick-slider .slick-list.draggable {
  width: 88.8%;
  padding: unset !important;
  margin: 0 auto;
}

.turbaslik {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.81rem;
  color: #ef4444;
}

.turtarih {
  display: block;
  color: #ef4444;
  font-size: 1.071rem !important;
  margin-bottom: 10px;
  margin-top: 5px;
  font-weight: 400;
}

.favori-icon {
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 9;
  cursor: pointer;
}

.favori-icon.relative {
  position: relative;
  bottom: 0;
}

.favori-icon i {
  color: #ef4444;
  font-size: 17px;
  transition: ease-in-out all 400ms;
}

.favori-icon .fa-heart:before {
  content: "\f004" !important;
}

.tur-head-item ul {
  display: flex;
  justify-content: end;
}

.tur-head-item li:first-child {
  margin-right: 12px;
}

.slick-gallery-slideshow.detail-gallery.mb-40 {
  margin-top: 12px;
}

li.pull-right span {
  border: 1px solid #ef4444;
  padding: 2px 9px;
  border-radius: 5px;
}

.ucrete-dahil-hizmetler {
  margin: 15px auto;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.ucrete-dahil-header h1 {
  padding: 0;
  margin: 5px 0 0;
  font-size: 1.429rem;
}

.ucrete-dahil-header {
  background-color: #fbfbfb;
  border-color: #ddd;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.ucrete-dahil-aciklama {
  padding: 15px;
  display: grid;
}

.ucrete-dahil-aciklama ul {
  /* border-top: solid 1px rgba(165,165,165,.16) !important; */
  margin: 0;
  border: 0;
  /* box-shadow: 0 2px 2px rgba(0,0,0,.16); */
  /* border-radius: 4px; */
  /* background-clip: padding-box; */
  padding-left: 0;
}

.ucrete-dahil-aciklama li:first-child {
  border-top: none;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.ucrete-dahil-aciklama ul li {
  border-right: none;
  border-left: none;
  border-bottom: none;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  /* border: 1px solid #ddd; */
  color: #0f2a4d;
}

.ucrete-dahil-aciklama ul li:before {
  /* content: '\f00c'; */
  /* font-family: 'Font Awesome 5 Free'; */
  /* font-weight: 600 !important; */
  /* margin-right: 10px; */
}

.dahil-olmayan li:before {
  content: '\f00d' !important;
}

.ucrete-dahil-aciklama .turhareket {
  border-top: solid 1px rgba(165,165,165,.16) !important;
  margin: 0;
  border: 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.16);
  border-radius: 4px;
  background-clip: padding-box;
  padding: 5px;
}

.rezervasyon-yap-btn a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px !important;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

p.favori-hover {
  position: absolute;
  top: -33px;
  left: 49px;
  padding: 0 5px;
  border: 2px solid #ef4444;
  opacity: 0;
  font-size: 12px;
  transition: .3s all;
}

p.favori-hover:before {
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0);
  clip-path: polygon(50% 50%, 0 0, 100% 0);
  left: 40%;
  top: 22px;
  border: 5px solid #ef4444;
}

li.pull-right:hover .favori-hover {
  opacity: 1;
  transition: .3s all;
}

.kode_felid label {
  color: #1e2732;
  font-weight: 600;
  font-size: 14px;
}

.gallery-nav .image:after {
  border-radius: 10px !important;
}

.tur-kutu-header .turbaslik {
  font-size: 1rem !important;
  color: #1e2732 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.listroBoxmain div {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden !important;
  transition: .2s all;
  color: #ef4444;
}

.aciklama-box-read {
  height: 100% !important;
  overflow: visible !important;
}

.aciklama-box-read .devamBtn {
  position: relative !important;
}

.aciklama-box-read .devamBtn:before {
 content: "{{L:Devamini Gizle}}";
}

span.gezilecek-yer-kutu {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -274px;
  top: 54px;
  background: #f5f5f5;
  font-size: 11px;
  width: 80%;
  padding: 5px;
  color: #ef4444;
  opacity: 0;
  text-align: center;
  border: 1px solid #ef4444;
  transition: .2s all;
}

.listroBoxmain:hover span.gezilecek-yer-kutu {
  visibility: visible;
  opacity: 1;
  transition: .2s all;
}

span.gezilecek-yer-kutu:before {
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(0 0, 0 100%, 53% 50%);
  clip-path: polygon(0 0, 0 100%, 53% 50%);
  right: -15px;
  transform: translate(-50%,-50%);
  top: 50%;
  border: 5px solid #ef4444;
}

.listroBoxmain i {
  color: #ef4444;
}

.hero-inner {
  height: 100%;
}

.form-control-sm {
  height: calc(1.5em + 0.75rem + 2px);
}

.datepicker--day-name {
  color: #ef4444 !important;
  font-weight: bold !important;
}

.otel-detay-baslik h5 {
  color: #ef4444;
}

ul.item-meta li:first-child {
  font-size: 0.95rem;
}

.col-lg-3.ptl {
  padding-left: unset;
  text-align: center;
}

.otel-box-left {
  height: 100%;
}

.otel-detay-left-box {
  display: flex;
  /* vertical-align: middle; */
  position: relative;
  height: 100%;
  text-align: center;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}

.tour-list-reklam.banners {
  cursor: pointer;
}

.ziyaret-item ul:empty {
  height: 50px;
}

.ziyaret-item ul:empty:before {
 content: "Ziyaret Edilecek Yerler Henuz Belirtilmemistir.";
}

.ziyaret-item ul:empty ~ .read-more {
  display: none !important;
  opacity: 0;
}

li.secenek tr:nth-child(even) {
  background: #ef4444;
  /* display: flex; */
  /* margin: 0 auto; */
  color: white;
  /* text-align: center; */
  /* vertical-align: middle; */
}

li.secenek td {
  vertical-align: middle;
}

li.secenek h3 {
  background: gray !important;
}

.tur-fiyat-tablo h3 {
  background: #dddddd;
  margin-top: 25px;
  padding-left: 20px;
}

li.secenek table {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-bottom: 50px;
  position: relative;
}

li.secenek table:before {
  content: "";
  left: 0;
  bottom: -39px;
  position: absolute;
  width: 100%;
  border: 0.5px dashed silver;
}

li.secenek tr {
  background: #fbfbfb;
}

.tur-fiyat-tablo {
  height: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
  /* visibility: hidden; */
  transition: .2s ease-in-out .0s;
}

.tur-fiyat-tablo-goster {
  height: 333px !important;
  transition: .2s ease-in-out .0s;
}

div#program .content-info div:last-child {
  display: none;
}

div#program .heading-title {
  display: none;
}

/* div#program .content-info div:nth-child(2n-1) {

display: none;

} */
.fiyat-goster-btn {
  width: 100%;
  text-align: left;
  background: #fbfbfb;
  font-weight: 700;
  color: black;
  border: 1px solid #dddd;
  margin-bottom: 20px;
  position: relative;
  font-size: 1.429rem !important;
}

.fiyat-goster-btn i {
  position: absolute;
  right: 9px;
  top: 17px;
  transition: .2s ease-in-out .0s;
}

.arrow-up {
  transform: rotate(180deg) !important;
  transition: .2s ease-in-out .0s;
}

.tur-fiyat-tablo.tur-fiyat-tablo-goster h3 {
  font-size: 22px;
  height: 50px;
  display: flex;
  align-items: center;
}

button.btn.fiyat-goster-btn:hover {
  background: #fbfbfb;
}

.turliste_vize.vize {
  position: absolute;
  background: #e81932;
  bottom: 40px;
  width: 70px;
  text-align: center;
  color: white;
  left: 0px;
  border-radius: 0 6px 6px 0;
  padding: 2px;
}

.turliste_vize.vize:before {
  /* position: absolute; */
  content: "";
  /* top: 0px; */
  /* left: 0px; */
  /* margin-top: -5px; */
  /* width: 0; */
  /* height: 0; */
  /* border-style: solid; */
  /* border-width: 0 0 5px 7px; */
  /* border-color: transparent transparent #ef4444 transparent; */
}

.ucrete-dahil-aciklama ul li:before {
  /* color: green; */
}

.ucrete-dahil-aciklama.dahil-olmayan ul li:before {
  color: red;
}

.social-img img {
  height: 45px;
  width: 154px;
}

.social-img-box {
  display: flex;
  justify-content: end;
  margin-top: 43px;
}

.social-img-box img {
  height: 45px;
  width: 154px;
}

div#ekbilgiler .content-info div:first-child {
  display: none;
}

@media (min-width: 575px) {
  /* .swiper-pagination {

display: none;

} */
}

@media (max-width: 575px) {
  .input-kutu-two:after {
      border-right: unset !important;
  }

  .header-inner {
      border: unset !important;
  }

  button.devamBtn {
      bottom: -44px;
  }

  .aciklama-alani {
      padding-bottom: 69px !important;
  }

  .aciklama-box {
      height: 438px;
      overflow: hidden;
  }

  .ucrete-dahil-hizmetler {
      margin-top: 24px !important;
  }

  div#accordioncruisefiyat h3 {
      margin-top: unset;
      font-size: 18px !important;
      padding-left: 8px !important;
  }

  button.btn.fiyat-goster-btn {
      margin-bottom: unset;
  }

  .tur-fiyat-tablo-goster {
      border: 1px solid #c8c8c8;
  }

  .tur-fiyat-tablo.tur-fiyat-tablo-goster h3 {
      height: auto !important;
  }

  .odadetaylibilgi-web {
      display: none !important;
  }

  li.oteldetaybilgi-mobil a {
      color: #ef4444;
      font-weight: 600;
      font-size: 13px;
  }

  .col-md-3.col-xs-12.oda-title-item .metrekare {
      width: 50% !important;
  }

  .col-md-3.col-xs-12.oda-title-item .ozellikler {
      width: 50% !important;
      text-align: right;
  }

  .oda-ozellik-mobil {
      display: block !important;
      margin-bottom: 15px !important;
      color: #ef4444 !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      line-height: 18px !important;
  }

  .fiyatSablonKutu {
      position: relative;
      overflow: hidden;
  }

  .resim-popup-mobil {
      display: block !important;
  }

  /* .resim-popup {

display: none !important;

} */
  .image .fas.fa-search-plus {
      display: none !important;
  }

  .fiyatSablonKutu .image {
      height: auto !important;
  }

  .metrekare {
      padding: 10px;
  }

  ul.ozellikler {
      padding: 10px;
  }

  .title.oda-title-top.title.oda-title-top-mobil {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      padding: 15px 10px;
  }

  .oda-title-top {
      display: none !important;
  }

  .oda-title-top-mobil {
      display: block !important;
  }

  #toplam-gece-mobil {
      display: block !important;
  }

  .fiyat-box {
      display: flex;
      justify-content: space-between;
      padding: 10px;
  }

  .new {
      color: #02aa02;
      font-size: 24px !important;
      font-weight: 700 !important;
      letter-spacing: -.54px;
      text-align: right;
      line-height: 1em;
      margin-left: auto;
  }

  #toplam-gece-web {
      display: none !important;
  }

  section.fiyatSablon {
      margin-top: 20px !important;
  }

  .oda-title-item {
      padding: 0px 15px 0px 15px !important;
      display: flex;
      height: auto;
      flex-basis: 100%;
      max-width: 100%;
      padding: 20px 10px 15px 15px;
      background-color: #f9f9f9;
      border-bottom: 1px solid rgba(208,209,218,.35);
  }

  .oteldetaybilgi-mobil {
      display: block !important;
  }

  .row.gap-15 > [class*=col] {
      padding-bottom: 0;
  }

  .pt-30 {
      padding-top: 0px !important;
  }

  .varyokgenel ul li {
      width: 49% !important;
  }

  .varyokgenel ul {
      display: block;
  }

  .puanlama.puanlama-mobil {
      display: none !important;
  }

  .puanlama.web-goster {
      display: block !important;
  }

  .tur-head-item ul {
      justify-content: start;
      margin-top: 10px;
  }

  .tur-landing-page .searcher {
      padding: 0px 0px;
  }

  .tur-landing-page .searcher .searchwrap .column.noborder {
      padding: 10px 15px !important;
  }

  .header-main .header-inner {
      top: 39px !important;
      padding: unset;
      margin: unset;
  }

  .acente-giris {
      height: 35px;
      position: relative;
      display: flex;
      margin-left: 15px;
      border: 1px solid #e7e7e7;
      padding: 0px 4px;
      border-radius: 4px;
      font-size: 12px;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 115px;
  }

  /* .userLoginPanel {

width: 125px;

position: absolute !important;

bottom: 0;

right: 0;

} */
  .userLoginPanel {
      height: 35px;
  }

  .menu-horizontal-02 ul {
      margin-bottom: 20px;
      margin: 1px 0px !important;
  }

  .card.otel-kutu-card {
      margin-top: 20px;
  }
}

@media (max-width: 574px) and (min-width: 426px) {
  #anabanner {
      height: 182px;
      margin-top: -12px;
  }

  section.mobile-filter {
      margin-top: 20px !important;
  }
}

.mobil-logo {
  display: none;
}

@media (max-width: 425px) {
  .hotelSlider .slick-track .image img {
      height: 246px !important;
  }

  span.favori-icon.relative {
      top: 10% !important;
  }

  figure.tour-grid-item-01 img {
      max-height: unset !important;
      padding: 10px 10px 10px;
  }

  .col-12.col-lg-9.col-md-9.oteller-page {
      margin-top: -21px !important;
  }

  button.devamBtn {
      bottom: -44px !important;
  }

  .aciklama-alani {
      padding-bottom: 69px !important;
  }

  .search-boxes {
      margin-bottom: 15px;
  }

  .swiper-pagination {
      display: block !important;
  }

  .telefon-mobil {
      display: none !important;
  }

  .phoneEmail {
      margin-right: 10px;
  }

  .acente-giris {
      bottom: 0px;
      left: 0px;
      width: 115px;
  }

  .fancybox-content {
      width: 100% !important;
  }

  .fancybox-slide {
      padding: 13px !important;
  }

  .satin-al-desing {
      width: 100%;
  }

  .owl-carousel.owl-theme.one-cikan.owl-loaded.owl-drag {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }

  #anabanner {
      height: 150px;
  }

  a.otelinincele {
      font-size: 13px;
  }

  .userLoginPanelMenu {
      width: 133px;
      right: -14px !important;
      left: unset !important;
  }

  .header-top .phoneEmail img {
      margin-right: unset !important;
  }

  .header-main.with-absolute-navbar .navbar {
      top: 93px !important;
  }

  .tum-turlari-gor-wrap {
      margin-top: -30px;
  }

  .hot-deals {
      box-shadow: 0 0 8px 1px rgba(0, 0, 0, .08);
      border-radius: 8px;
  }

  .anasayfa-tur-banners.col-lg-12 .col-lg-12 {
      padding: unset;
  }

  header#header-waypoint-sticky {
      border-top: 2px solid #00aab1;
      padding-top: 5px;
  }

  /* .header-main.header-mobile-menu .main-menu-nav .main-nav {

padding: 0 10px !important;

} */
  .phoneEmail {
      margin-right: 60px;
      border: 1px solid #e8e8ff ;
      border-radius: 4px;
  }

  .swiper-pagination {
      z-index: 8 !important;
  }

  .header-top .phoneEmail a {
      height: 33px;
      display: flex;
      width: 44px;
      justify-content: center;
  }

  .denemebox .owl-carousel.owl-theme.owl-loaded.owl-drag {
      margin-bottom: 20px;
  }

  @media (max-width: 390px) {
      .header-main .main-logo {
          width: 62%;
          padding: 0;
          margin: 5px auto;
      }

      .acente-giris {
          bottom: 0px;
          left: 0px;
          width: 115px;
      }

      .userLoginPanel {
          /* width: 62px; */
          bottom: 0px;
          /* right: 10px !important; */
      }

      .acente-giris a {
          font-size: 11px !important;
      }
  }
}

@media (max-width: 375px) {
  .aciklama-box {
      height: 490px;
  }

  /* .tur-box-middle ul li {

position: absolute;

right: -9px;

top: 24px;

transform: translate(-50%,-50%);

} */
  .listroBox ul li {
      display: inline-block;
      margin-right: unset !important;
  }

  .Ropen {
      padding: 3.5px 2px !important;
  }

  #anabanner {
      height: 127px;
  }
}

@media (max-width: 353px) {
  .aciklama-box {
      height: 560px;
  }
}

tr.row3 {
  line-height: 2.9;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

tr.row2 {
  line-height: 2.9;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.acente-giris a {
  color: #1e2732;
  font-weight: bolder;
  font-size: 12px;
}

.userLoginPanel span i {
  position: absolute;
  left: 50%;
  font-size: 8px;
  top: 50%;
  transform: translate(-50%,-50%);
}

.userLoginPanel span {
  position: relative !important;
}

.user-wrapper a {
  position: relative;
}

.userLoginPanel .text p {
  display: none;
}

.user-wrapper a i {
  color: #e8e8ff ;
}

div#transfer .btn {
  padding: 12px 12px 10px;
}

/* .tab-content {

border-bottom-left-radius: 5px;

border-bottom-right-radius: 5px;

} */
.ekalanTur ul li:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  margin-right: 6px;
  color: #ef4444;
}

.ekalanTur li {
  font-size: 12px !important;
}

.ekalanTur ul {
  padding: unset;
}

span.kesinkalkislitur {
  font-size: 12px;
  margin-right: 8px;
}

.ekalanTur {
  display: flex !important;
  align-items: center;
}

span.kesinkalkislitur i {
  display: none;
}

span.kesinkalkislitur:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  margin-right: 6px;
  color: #ef4444;
}

#preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;
}

#loadGif1 {
  width: 100%;
  height: 100%;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.oteller-kutu-genel ul {
  width: 100%;
}

.tur-landing-page .searcher .searchwrap {
  display: block;
  padding: 0px;
  background: #e8e8ff ;
  border-radius: 4px;
  /* border-radius: 8px; */
  position: absolute;
  top: 1.5%;
  left: 2%;
}

.buttonSearchBox {
  position: absolute;
  top: 30px;
  right: 1px;
  opacity: 0;
  display: none;
  transition: .2s all;
}

.buttonSearchBox button {
  color: white;
  background: #ef4444;
  border: unset;
  width: 79px;
  border-radius: 5px;
}

.buttonSearchBoxShow {
  opacity: 1 !important;
  display: block !important;
  transition: .2s all !important;
}

.tur-search-item {
  position: relative;
}

.datetimepicker th.switch {
  font-weight: 400 !important;
}

.datetimepicker th.dow {
  /* font-weight: 400; */
  font-size: .8em !important;
  color: #ef4444 !important;
}

table.table-condensed {
  width: 100%;
}

span.glyphicon.glyphicon-arrow-right:before {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
}

span.glyphicon.glyphicon-arrow-left:before {
  content: "\f053";
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
}

@media (max-width: 767px) and (min-width: 576px) {
  /* .search-boxes {

display:none !important;

} */.hotelSliderNav {
      display: none;
  }

  .telefon-mobil {
      display: none;
  }

  .userLoginPanel .text {
      display: none;
  }

  .userLoginPanel {
      width: 62px;
      bottom: 0px;
      right: 2px;
  }

  .header-top .phoneEmail a {
      height: 35px;
      display: flex;
      width: 44px;
      justify-content: center;
  }

  .phoneEmail {
      margin-right: 16px;
  }

  .col-5.col-lg-6.col-md-7 .col-inner {
      margin-left: 33px;
  }

  .header-top .phoneEmail img {
      margin-right: unset;
  }
}

@media (max-width: 575px) {
  /* .search-boxes {

display:none !important;

} */.ekalanTurKesin {
      margin-bottom: 10px;
      margin-top: 10px;
  }

  .hotelSliderNav {
      display: none;
  }

  /* .col-shrink.order-last-lg {

top: 50% !important;

} */
  .col-shrink.order-last-lg button.btn.btn-toggle {
      /* position: absolute;

z-index: 99;

right: 8px;

top: 36px; */
      /* text-align: center; */
  }

  .telefon-mobil {
      display: none;
  }

  .userLoginPanel .text {
      display: none;
  }

  .userLoginPanel {
      width: 62px;
      /* bottom: 7px;

right: 2px; */
      margin-right: 5px;
  }

  .header-top .phoneEmail a {
      height: 33px;
      display: flex;
      width: 44px;
      justify-content: center;
  }

  .phoneEmail {
      margin-right: 10px;
  }

  .header-top .phoneEmail img {
      margin-right: unset;
  }
}

.puanlama.web-goster {
  top: 5%;
}

.puanlama.web-goster .txt {
  display: none;
}

.puanlama.web-goster {
  display: none;
}

i.fa.fa-heart-o.otel-kalp {
  display: none;
}

.col.child1 {
  display: none;
}

.col.child2 {
  display: none;
}

.col.child3 {
  display: none;
}

.col.child4 {
  display: none;
}

/* button.btn.btn-toggle.collapsed:after {

content: "Men ";

font-weight: 600;

} */
li.menu-item-has-children {
  padding: unset !important;
}

/* button.btn.btn-toggle:after {

content: "Kapat";

font-weight: 600;

} */
button.slick-prev.slick-arrow.slick-disabled {
  display: none !important;
}

.mini-carousel-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #ef4444;
  margin: 0 0 10px;
}

.denemebox.denemebox-mobil {
  display: none;
}

.owl-carousel.owl-theme.one-cikan.owl-loaded.owl-drag {
  background: #fcfcfc;
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 15px;
}

.one-cikan-firsatlar {
  margin-top: 15px;
}

.one-cikan-firsatlar {
  display: none;
}

.swiper-pagination {
  display: none;
}

.mobile-ziyaret-edilecek-yerler {
  display: none;
}

.oda-title-top-mobil {
  display: none;
}

.resim-popup-mobil {
  display: none;
}

.oteldetaybilgi-mobil {
  display: none;
}

.oda-ozellik-mobil {
  display: none;
}

#toplam-gece-mobil {
  display: none;
}

.fancybox-content {
  max-width: 500px !important;
  max-height: 700px !important;
  margin: 0 !important;
}

.contact-form .send {
  width: 100%;
  height: 50px;
  background: #ef4444;
  border: 2px solid #ef4444;
  color: #fff;
  transition: ease-in-out all 400ms;
  font-size: 14px;
  margin-top: 16px;
}

.form-grup {
  margin-bottom: 20px;
}

.page-content {
  padding: 20px 0px;
}

.bg-grey {
  background: #f7f7f7;
}

.page-content .content {
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  width: 100%;
}

.page-content .content h3 {
  font-size: 21px;
  border-left: 3px solid #e61b21;
  padding-left: 5px;
  margin: 0 0 10px;
  font-weight: 600;
}

.fancybox-content {
  max-width: 500px !important;
  max-height: 700px !important;
  margin: 0 !important;
}

.contact-form input, .contact-form select {
  background: transparent;
  border: 2px solid #e8e8e8;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
}

.contact-form textarea, .contact-form input, .contact-form select {
  background: transparent;
  border: 2px solid #e8e8e8;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
}

.contact-form textarea {
  height: auto !important;
}

.phoneEmail.mobilgizle img {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}

.phoneEmail.mobilgizle a {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  color: #1e2732;
  padding: 4px 10px;
  border-radius: 4px;
  background: #fff5e1;
}

.mega-menu-wrap ul li a:hover {
  color: #025bb1;
}

label.form-check-label.musait-check {
  cursor: pointer;
  color: black !important;
  display: flex;
  align-items: center;
  font-weight: 900;
}

.mobile-position {
  position: fixed !important;
}

.mobile-position {
  display: block !important;
}

.nonescroll {
  overflow: hidden !important;
}

/* .ucretsiz-iptal i:empty {

display: none !important;

} */
.ucretsiz-iptal {
  color: #ef4444;
}

span.ekBadge {
  color: #ef4444;
}

.hover:has(> .onecikan-wrap ul:empty) {
  display: none;
}

/* .turtarihkutu:has( > .pasif .other-dates:empty) {

display: none !important;

} */
.ucretsiz-iptal:has(> .tooltip-kampanya i:empty) {
  display: none;
}

.onerilenlerItem:has(> .onerilen-tooltip:empty) {
  display: none;
}

.turtarihkutu:has(> .other-dates:empty) {
  display: none;
}

li.pull-right {
  z-index: 8;
}

.ekalanTur li {
  margin-right: 12px !important;
}

.Nopadding span.favori-icon.relative {
  position: absolute;
  top: 6px;
  left: 6px !important;
  background: white;
  width: 30px !important;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ef4444;
}

.Nopadding span.favori-icon.relative i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

div#yorumlar {
  margin-bottom: 20px;
}

.footer-mobile-menu {
  display: none;
}

button.devamBtn {
  display: none;
}

.mobil-tursab-etbis.masaustugizle {
  background: #fff !important;
  border-bottom: unset !important;
  justify-content: center;
  padding: 10px 0;
}

h2.mb-0.card-header-top {
  display: flex;
  align-items: center;
}

h2.mb-0.card-header-top i {
  /* margin-right: 10px; */
  font-size: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #ef4444;
}

.card-header-icon {
  width: 68px;
  height: 71px;
  border: 1px solid #dfdfdf;
  position: relative;
  margin-right: 10px;
}

.populer-tour-regions-mobile button.btn.btn-link.collapsed:after {
  content: '\f078' !important;
  position: absolute;
  right: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 20px;
  top: 50%;
  transition: .2s all;
  transform: translate(-50%,-50%);
}

.populer-tour-regions-mobile button.btn.btn-link {
  font-weight: 700;
  color: #ef4444;
}

.populer-tour-regions-mobile button.btn.btn-link.collapsed {
  font-weight: 500;
  color: #ef4444;
}

.populer-tour-regions-mobile button.btn.btn-link:after {
  content: '\f077' !important;
  position: absolute;
  right: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 20px;
  top: 50%;
  transition: .2s all;
  transform: translate(-50%,-50%);
}

.populer-tour-regions-mobile .card-header {
  background-color: rgb(255 255 255);
  border-bottom: 1px solid #d0d5e1;
}

.populer-tour-regions-mobile .card {
  border: unset !important;
}

.populer-tour-regions-mobile .card-body ul li {
  padding: 18px 0;
  border-bottom: 1px solid #d0d5e1;
  font-weight: 600;
  font-size: 16px;
}

.populer-tour-regions-mobile .card-body ul li:last-child {
  border-bottom: unset !important;
}

.populer-tour-regions-mobile li:after {
  content: '\f054';
  font-weight: 600;
  position: absolute;
  right: 7px;
  font-family: 'Font Awesome 5 Free';
  color: #ef4444;
}

.populer-tour-regions-mobile li {
  position: relative;
}

.populer-tour-regions-mobile .accordion>.card .card-header {
  margin-bottom: 0px !important;
}

.populer-tour-regions-mobile .row.card-body {
  background: #f1f9fd;
  padding: 0 15px;
  margin-top: 1px;
}

.populer-tour-regions-mobile {
  display: none;
}

.turtarihkutu {
  margin: 10px auto;
}

@keyframes yanson {
  50% {
      color: #fff;
      background: #ef4444;
  }
}

span.kesinkalkislitur:before {
  color: white !important;
}

span.kesinkalkislitur {
  color: white !important;
  background: #e8e8ff ;
  padding: 5px;
  color: #333;
  display: inline;
  padding: 5px 10px;
  border-radius: 4px;
  animation: yanson 1.5s linear infinite;
}

.ekalanTurKesin {
  margin-bottom: 10px;
}

.ekalanTurKesin:empty {
  display: none !important;
}

.turtarihkutu {
  position: relative;
}

.wrap1 ul li {
  position: relative;
  color: #ef4444;
}

.wrap1 ul li:first-child:before {
  content: '\f058';
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 3px;
}

.wrap1 ul li:nth-child(2):before {
  content: '\f058';
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 3px;
}

.wrap1 ul li:nth-child(3):before {
  content: '\f058';
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right: 3px;
}

.col-12.bordertype2 {
  display: none;
}

.col-12.bordertype1 {
  display: none;
}

p.favori-hover {
  display: none;
}

.cuzdan.ucretsiz-iptal p {
  border: 2px solid #ef4444;
  position: absolute;
  top: -58px;
  z-index: 9;
  background: white;
  width: 389px;
  left: -160px;
  font-size: 12px;
  padding: 5px;
  text-align: center;
}

.cuzdan.ucretsiz-iptal span {
  font-size: 14px;
  border: unset;
}

span.favori-icon.relative {
  z-index: 8;
}

/* ul.itinerary-list.mt-0 li {

border: 1px solid #e5e5e5;

} */
#program ul.itinerary-list > li + li {
  margin-top: unset !important;
  padding-left: 79px !important;
}

#program ul.itinerary-list > li {
  position: relative;
  padding-left: 79px !important;
}

#program ul.itinerary-list.mt-0 li p {
  padding: 10px;
}

#program .itinerary-list .itinerary-day {
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
  color: #BBB;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 900;
  text-align: right;
  transform: unset;
  display: block;
  width: 80px;
  height: 100%;
  border-right: 1px solid #e5e5e5;
}

#program .itinerary-day span {
  position: absolute;
  left: 0;
  /* top: 18px; */
  left: 0px;
  font-size: 15px;
  background: #e8e8ff ;
  width: 100%;
  height: 42px;
  /* vertical-align: middle; */
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ef4444;
}

#program .itinerary-list.mt-0 {
  border: 1px solid #e5e5e5;
}

#program .detail-header h6, .fullwidth-horizon-sticky-section h6 {
  font-size: 17px;
  border-bottom: solid 1px #e5e5e5;
  padding: 10px;
  font-size: 1.071rem;
  font-weight: 600;
  min-height: 40px;
  margin-bottom: 0;
  line-height: 140%;
  background-color: #fbfbfb;
  color: #ef4444;
  margin-top: unset !important;
}

.onerilenlerItem {
  background-color: #ffc652;
  border-top: 2px solid #ef4444;
  border-right: 2px solid #ef4444;
  border-bottom: 2px solid #ef4444;
  border-left: 2px solid #ef4444;
  height: 28px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 24px;
  top: 6px;
}

.onerilenlerItem i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #ef4444;
}

span.onerilen-tooltip {
  position: absolute;
  top: -39px;
  width: 118px;
  left: -52px;
  border: 2px solid #ef4444;
  z-index: 9;
  background: white;
  font-size: 11px;
  text-align: center;
  opacity: 0;
  transition: .2s all;
  display: none;
}

span.onerilen-tooltip:after {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  left: 50%;
  width: 11px;
  height: 5px;
  z-index: 999;
  bottom: -7px;
  background: #ef4444;
}

.onerilenlerItem:hover .onerilen-tooltip {
  opacity: 1;
  transition: .2s all;
  display: block !important;
}

.recomended p {
  display: none;
}

span.onerilen-tooltip p {
  display: block !important;
}

span.onerilen-tooltip i {
  display: none;
}

.filter-wrap .filter-list-wrap .scroll .filter-check-item {
  display: flex;
}

.social-item {
  cursor: pointer;
}

.social-item p {
  font-size: 14px;
  font-weight: 900;
  color: #ef4444;
}

.social-item:hover p {
  color: white;
}

section.fiyatSablon {
  margin: 10px auto !important;
}

#room-info-popup .title {
  display: none;
}

button.read-more {
  display: none;
}

.mobil-tursab-etbis.masaustugizle {
  width: 100%;
}

button#searchComplete {
  width: 50%;
  height: 40px;
  margin-top: 1px;
  border-radius: 0;
  display: block;
  background: #e81932;
  border: 0;
  color: #fff;
  font-size: 0.9rem;
  /* margin: 10px auto; */
  position: sticky;
  bottom: -15px;
  width: 100%;
  border: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 8px;
}

.menu-item-has-children.denemee ul {
  display: block !important;
}

.onerilen-tur-aciklama {
  display: none !important;
}

.onerilentur-box:has(> .onerilentur-item span:empty) {
  display: none !important;
}

.onerilentur-item {
  position: absolute;
  top: 10px;
  right: 7px;
}

.onerilentur-item p {
  color: white !important;
  background: #e8e8ff ;
  padding: 5px;
  color: #333;
  display: inline;
  font-size: 13px;
  padding: 3px 4px;
  border-radius: 4px;
  animation: yanson 1.5s linear infinite;
}

.col-12.bordertype3 a {
  color: white;
}

.content-info > div {
  /* background: gray; */
  /* border: 1px solid #e5e5e5; */
  /* padding: 0 50px; */
}

.hareket-noktasi-box {
  margin: 30px auto !important;
  border: 1px solid #e5e5e5;
  padding: 10px !important;
}

.hotelSliderNav ul li img {
  height: 90px;
  border-radius: 10px;
  object-fit: cover;
}

.owl-carousel.owl-theme.owl-otel-detay-slide.owl-loaded.owl-drag {
  margin-top: 15px;
}

.aciklama-alani {
  /* border: 1px solid #f2f2f2; */
  clear: both;
  margin-bottom: 15px;
  padding: 20px;
}

.aciklama-alani > .blur:first-child {
  overflow: hidden;
  height: 300px;
}

.row.blur.blur-open {
  height: auto;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.aciklama-alani p {
  color: black;
}

p.o-title {
  font-size: 15px !important;
  font-weight: bold;
}

.aciklama-alani p {
  font-size: 14px;
  color: black;
}

.devam {
  margin: 0 auto;
}

.uyelere-ozel {
  display: flex;
  border: 1px solid #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
}

.uye-text {
  display: grid;
}

.uye-header {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: black;
}

.kayit-giris a {
  padding: 0px;
  margin: 0px 20px 0px 0px;
  color: #368af8;
  font-weight: bold;
}

.owl-otel-detay-slide button.owl-prev {
  position: absolute;
  left: 0px;
  background: white !important;
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
}

.owl-otel-detay-slide .owl-nav button {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.owl-otel-detay-slide .owl-nav.disabled span {
  font-size: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -53%);
}

.owl-otel-detay-slide {
  height: auto !important;
}

.owl-otel-detay-slide button.owl-next {
  position: absolute;
  right: 0px;
  top: 40%;
  background: white !important;
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
}

.masaustugizle {
  display: none;
}

.tesis-not {
  border: 1px solid #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
}

.aciklama-alani > .blur:first-child::after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 50%;
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.85) 40%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}

.aciklama-alani > .blur {
  position: relative;
}

.devam {
  margin: 0 auto;
}

.blur-open::after {
  position: relative !important;
}

ul.ozellikler li {
  background: #f7f7f7;
  margin-top: 5px;
  border-radius: 22px;
  padding: 5px;
  text-align: center;
}

.fiyatSablon {
  background: white;
  margin: 10px auto;
  padding: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fiyatSablonKutu {
  position: relative;
  overflow: hidden;
}

.title.oda-title-top {
  position: relative;
}

.fiyatSablonKutu .title {
  max-width: 98%;
  margin-bottom: 10px;
  color: #42454a;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.metrekare .metreka {
  font-weight: bold;
}

ul.ozellikler a {
  color: #00aab1;
  font-size: 14px;
}

.consept {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.fiyat {
  display: flex !important;
  flex-direction: column;
  flex-basis: 37.5%;
  justify-content: center;
  text-align: center;
  height: 100%;
}

#toplam-gece-mobil {
  display: none;
}

h5 small, h6 small, small {
  font-size: 90%;
}

.old {
  color: #8f8f8f;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.38px;
  text-decoration: line-through;
}

.new {
  margin: 0 0 2px;
  color: #02aa02;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.54px;
}

.link a {
  background: #00aab1;
  color: white !important;
  width: 50%;
  padding: 15px 12px 12px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: unset;
}

.tour-content-box {
  float: left;
  width: 100%;
  padding: 20px 20px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  line-height: 1.4rem;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  border-radius: 30px;
}

.tour-content-box a {
  color: #02aa02;
}

button.btn.harita-show {
  /* position: absolute; */
  /* left: 50%; */
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  background: #3c3c3b;
  color: white;
  transition: .2s all;
  /* position: absolute; */
  /* top: calc(50% - 18px); */
  /* left: calc(50% - 75px); */
  box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px -5px;
  width: 155px;
  margin-left: 15px;
}

/* .map-box {

overflow: hidden;

margin-top: 20px;

} */
.map-box {
  position: relative;
}

.hero-banner.hero-banner-01.overlay-light.opacity-2 {
  margin-bottom: 20px;
}

div#ozellik {
  display: grid;
  /* grid-template-columns: repeat(2,1fr); */
  position: relative;
  margin-top: 15px;
}

.modal-header {
  border: unset;
}

.modal-content {
  background: #0000003d;
}

.varyokgenel .baslik {
  width: 100%;
  background: #eeeeef;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: bold;
  margin-right: 25px;
  padding: 15px;
  position: relative;
}

/* .yildizisaret {

display: block;

width: fit-content;

padding: 0px 10px;

background: #00aab1;

position: absolute;

float: left;

top: 0;

left: 0;

font-weight: bold;

} */
.varyokgenel ul li:before {
  color: green;
  margin-right: 5px;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.varyokgenel ul li {
  list-style: none;
  /* width: 50%; */
  display: -webkit-inline-box;
  /* border: 1px solid gray; */
  height: 100%;
  border-bottom: 1px solid #f2f2f2;
}

.varyokgenel {
  width: 100%;
  position: relative;
  margin-top: 38px;
  /* border-top-left-radius: 22px; */
  overflow: hidden;
  /* border-top-right-radius: 22px; */
}

.varyokgenel ul {
  margin: 0;
  /* padding-left: 15px; */
  /* padding-top: 20px; */
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  border: 1px solid #e6e6e6;
  padding: 15px;
}

.home-carousel-area {
  padding-right: 0;
}

.oteller-kategori {
  display: flex;
  margin-bottom: 14px;
  width: 100%;
  background: #f2f2f2;
  padding: 0.3rem;
  transition: .2s all;
  border-radius: 12px;
  border-color: #f2f2f2;
}

.oteller-kategori:hover {
  background: #ef444485;
  transition: .2s all;
}

.oteller-kategori-box {
  background: white;
  /* margin-bottom: 15px; */
  border-radius: 12px;
  position: relative;
  display: flex;
  /* overflow: hidden; */
  width: 100%;
}

.oteller-kategori-box .image {
  display: flex;
  min-height: 200px;
}

.en-az-kisi:empty {
  display: none;
}

.en-az-kisi {
  position: absolute;
  left: 0;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  background: #003499;
  z-index: 2;
  top: 10px;
  left: 0px;
  padding-inline-end: 0.75rem; padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-inline-start: 0.75rem; border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* .favori-icon {

position: absolute;

left: 87% !important;

z-index: 9;

cursor: pointer;

top: 8px;

background: #e8e8ff ;

width: 30px;

height: 30px;

border-radius: 50%;

}

.favori-icon {

bottom: 5px;



} */
.oteller-kategori ul.item-meta {
  height: 56px;
}

span.oda-banyo {
  font-size: 12px;
  color: #182233;
  font-weight: 400;
}

.font700, .font-bold {
  font-weight: 700 !important;
}

.firsat-ilan:has(> span:empty) {
  display: none;
}

.firsat-ilan {
  text-align: right;
  position: relative;
}

span.firsat-button {
  background: #3E9E65;
  color: white;
  padding: 5px;
  border-radius: 16px;
  font-size: 12px;
  cursor: pointer;
}

p.mt-3.otel-kategori-fiyat {
  text-align: right;
}

p.mt-3.otel-kategori-fiyat {
  padding-bottom: var(--chakra-space-0\.5);
  color: rgb(60 60 59);
  font-size: 13px;
  font-weight: 400;
}

.otel-kategori-fiyat .text-muted {
  text-decoration: line-through;
}

.mr-5 {
  margin-right: 5px !important;
}

.text-muted {
  color: #9B9B9B !important;
}

.otel-kategori-fiyat .fiyat-item {
  color: #e8e8ff !important;
  font-size: 19px;
  font-weight: 700;
}

.otel-kategori-alt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-pack: justify;
  padding: 0.5rem 1rem;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top: 1px solid #e8e8ff 36;
}

.otel-kategori-alt span {
  background: #ef4444 ;
  color: white;
  font-size: 12px;
  padding: 0 15px;
  border-radius: 5px;
}

.oteller-kategori-box .image img {
  height: 200px;
  object-fit: cover;
  width: 356px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* .favori-icon i {

color: #ff0000;

font-size: 17px;

transition: ease-in-out all 400ms;

}

.favori-icon {



top: 5px !important;

left: 5px !important;

z-index: 9;

cursor: pointer;

background: #ff0000 ;

display: flex;

align-items: center;

justify-content: center;

width: 35px;

height: 35px;

border-radius: 50%;

} */
.icon-container-one {
  /* margin: 5px -15px 0 -15px; */
  padding: 10px 0px 10px;
  text-align: center;
}

.d-flex {
  display: flex !important;
}

.flex-fill.active {
  position: relative !important;
}

i.fa-solid.fa-user-group {
  color: #e8e8ff ;
}

.active .point {
  color: #2a2967 ;
}

.flex-fill {
  flex: 1 1 auto !important;
}

i.fa-solid.fa-bed {
  color: #2a2967 ;
}

i.fa-solid.fa-shower {
  color: #2a2967 ;
}

i.fa-solid.fa-water-ladder {
  color: #2a2967 ;
}

.active .point {
  color: #2a2967 ;
}

i.fa-solid.fa-bath {
  color: #2a2967 ;
}

.active .point {
  color: #2a2967 ;
}

i.fa-solid.fa-water-ladder {
  color: #2a2967 ;
}

i.fa-solid.fa-house-fire {
  color: #2a2967 ;
}

.flex-fill.active {
  border-right: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

.flex-fill.active:first-child {
  border-left: 1px solid #f2f2f2;
}

.share-dropdown.active {
  display: block;
}

.jssocials-shares i:before {
  font-family: 'Font Awesome 5 Brands';
}

.plaj-ozellikler p {
  position: relative;
  display: flex;
  align-items: center;
}

.plaj-img img {
  width: 115px;
  height: 155px;
}

.plaj-ozellikler p:before {
  content: '\f111';
  font-family: 'FontAwesome';
  font-size: 6px;
  color: #368af8;
  margin-right: 10px;
}

.wifi-box {
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  /* border: 1px solid var(--border-color); */
  padding: 28px;
  min-height: 178px;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.wifi-park-left {
  height: 72px;
  width: 72px;
  background-color: rgb(232, 246, 254);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 6px;
}

.wifi-park-right {
  margin-left: 15px;
}

p.header-wifi-park {
  font-weight: 700;
  font-size: 18px;
}

.box-text {
  font-weight: 600;
  font-size: 12px;
}

p.box-text i {
  color: green;
}

p:last-child {
  margin-bottom: 0;
}

.flex-fill.active:has(> .point:empty) {
  display: none;
}

/* .devam-btn div:before {

content: "Daha Fazla Goster";

} */
/* .small div:before {

content: "Daha Az Goster" !important;

} */
button.btn.devam-btn.small i {
  transform: rotate(180deg);
}

span.telefon-mobil {
  font-size: 12px;
}

.reklam-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  color: transparent;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid transparent;
}

.reklam-img {
  display: block;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(90deg, #ff75c3 0%, #ffa647 20%, #ffe83f 40%, #9fff5b 60%, #70e2ff 80%, #cd93ff 100%);
  height: 150px;
  width: 150px;
}

.reklam-box {
  display: flex !important;
}

.reklam-text {
  display: none;
}

.owl-item.active.hover:hover .reklam-text {
  display: block;
}

.owl-reklam-banners .owl-item.active.hover {
  width: 450px !important;
 /* Kalici genislik */
}

.owl-reklam-banners .owl-item.active.hover .reklam-text {
  display: block !important;
 /* Kalici metin goruntuleme */
}

.owl-reklam-banners .owl-item.active.hover .alan-txt {
  display: none !important;
}

span.alan-txt {
  font-size: 10px;
  width: 192px;
  display: block;
  /* text-align: center; */
  position: relative;
  /* bottom: -41px; */
  /* left: -15px; */
  text-align: center;
  z-index: 999;
  margin-left: -13px;
  height: 64px;
}

span.alan-txt:before {
  content: "";
  border: 1px solid #2a2967 e3;
  width: 68px;
  position: absolute;
  bottom: 4px;
  border-radius: 8px;
  left: 50%;
  transform: translate(-50%,-50%);
}

.owl-item.active.hover .reklam-box:before {
  content: blanchedalmond;
  content: "";
  width: 100%;
  position: absolute;
  background: #47c1c726;
  height: 100%;
  width: 80%;
  left: 18%;
  border-top-right-radius: 68px;
  border-bottom-right-radius: 68px;
  z-index: -1;
}

.reklam-box {
  z-index: 999;
}

.reklam-text {
  font-size: 12px;
  margin-left: 10px;
  margin-top: 14px;
}

.anabanner-search-alan-box .index-search-item {
  width: 100%;
}

.anabanner-search-alan-box .hero-inner {
  padding: 0;
}

/* 

.arrow-indicator::after{

content: "" !important;

} */
.destination-grid-item-01 {
  line-height: 1;
}

.destination-grid-item-01 a:hover {
  transform: translateY(-8px);
  z-index: 2;
}

.destination-grid-item-01 a:hover .image img {
  box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}

.destination-grid-item-01 a {
  display: block;
  color: inherit;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.destination-grid-item-01 .image img {
  object-fit: cover;
  border-radius: 20px;
  transition: box-shadow 0.35s ease;
}

.owl-populer figcaption.content {
  position: absolute;
  z-index: 9;
  bottom: 17px;
}

.destination-grid-item-01 .content {
  padding: 0 20px;
}

.destination-grid-item-01 figcaption.content h5 {
  color: white;
}

.destination-grid-item-01 h5 {
  font-weight: 600;
  margin: 20px 0 5px;
  line-height: 1;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.destination-grid-item-01 p {
  letter-spacing: 1px;
}

.text-muted {
  color: #9B9B9B !important;
}

.owl-populer .item .col-lg-12 {
  padding: unset;
}

.owl-populer .owl-stage-outer {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.popuelerbolgeler {
  margin: 30px auto;
}

/* --- Populer Bolgeler Yeni Tasar m --- */
a.populer-card {
  margin-bottom: 15px;
}

.populer-section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
}

.populer-section-left {
  display: flex;
  flex-direction: column;
}

.populer-section-label {
  font-size: 12px;
  font-weight: 700;
  color: #ef4444;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 6px;
}

.populer-section-left h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #1a1a2e;
  margin: 0;
  line-height: 1.2;
}

.populer-tumunu-gor {
  font-size: 14px;
  font-weight: 600;
  color: #003466;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color .2s;
}

.populer-tumunu-gor:hover {
  color: #ef4444;
  text-decoration: none;
}

.populer-tumunu-gor i {
  font-size: 12px;
  transition: transform .2s;
}

.populer-tumunu-gor:hover i {
  transform: translateX(3px);
}

.populer-card {
  display: block;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none !important;
  transition: transform .3s ease, box-shadow .3s ease;
}

.populer-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.populer-card-img {
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.populer-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

.populer-card:hover .populer-card-img img {
  transform: scale(1.06);
}

.populer-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  pointer-events: none;
  border-radius: 0 0 14px 14px;
}

.populer-card-info {
  position: absolute;
  bottom: 14px;
  left: 16px;
  right: 16px;
  z-index: 2;
}

.populer-card-info h3 {
  color: #fff;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 0 2px;
  line-height: 1.2;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.populer-card-info span {
  color: rgba(255,255,255,0.8);
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .populer-yeni {
      padding: 20px 15px 10px;
      border-radius: 12px;
  }

  .populer-section-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      margin-bottom: 16px;
  }

  .populer-section-left h2 {
      font-size: 20px !important;
  }

  .populer-card-img {
      height: 140px;
  }
}

.igStory {
  display: flex !important;
  justify-content: center;
}

.igStory .item {
  text-align: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 40px;
  padding: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.igStory .item .image {
  border-radius: 100%;
  background: white;
  width: 80px;
  height: 80px;
  padding: 2px;
  margin: 0 auto;
}

.igStory .item .image img {
  width: 80px;
  height: 75px;
  object-fit: cover;
  border-radius: 100%;
  margin: 0 auto;
}

.igStory .item span {
  line-height: normal;
  font-weight: 600;
  font-size: 14px;
  display: block;
  padding: 0 12px;
}

.sosyalstory-css h2 {
  font-weight: 200;
  line-height: 1.15;
  font-size: 38px;
  margin: 0;
  text-transform: capitalize;
  margin-bottom: 40px;
}

.sosyalstory-css {
  text-align: center;
}

.igStory small {
  font-size: 10px;
}

.storyWrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 99999;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.storyWrap .wrapper {
  width: 450px;
  height: 100%;
  background: #fff;
  position: relative;
}

.storyWrap .wrapper .imgWrap {
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.storyWrap .wrapper .load {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px 0px;
  background: #000;
}

.storyWrap .wrapper .load .barWrap {
  background: rgba(255, 255, 255, .6);
  width: 100%;
  height: 2px;
  border-radius: 20px;
}

.storyWrap .wrapper .load .barWrap .bar {
  width: 1%;
  background: #fff;
  height: 2px;
}

.storyWrap .wrapper .top {
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0;
  padding: 10px 10px;
  display: flex;
  align-items: center;
}

.storyWrap .wrapper .top .thumb {
  display: flex;
  align-items: center;
  float: left;
}

.storyWrap .wrapper .top .thumb .image {
  border-radius: 100%;
  background: linear-gradient(rgb(226, 156, 45), rgb(255, 240, 216));
  width: 35px;
  height: 35px;
  padding: 2px;
  margin-right: 5px;
}

.storyWrap .wrapper .top .thumb .image img {
  width: 35px;
  height: 30px;
  object-fit: cover;
  border-radius: 100%;
}

.storyWrap .wrapper .top .thumb span {
  display: inline-block;
  background: rgba(0, 0, 0, .40);
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 8px;
}

.storyWrap .wrapper .top .close {
  cursor: pointer;
  float: right;
  margin-left: auto;
  background: #ffffffa6;
  width: 35px;
  height: 35pxpx;
  text-align: center;
  line-height: 35px;
  border-radius: 6px;
  opacity: 1;
  color: #666;
}

.storyWrap .wrapper .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px 10px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: bounce .6s ease-in-out infinite;
  animation-direction: alternate;
}

.storyWrap .wrapper .bottom a {
  display: inline-block;
  background: rgba(0, 0, 0, .40);
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 8px;
}

@keyframes bounce {
  from {
      bottom: 2%;
  }

  to {
      bottom: 4%;
  }
}

.nopadmobil {
  padding: unset;
}

@media(max-width: 768px) {
  .tour-list .tour-box2 .content span {
      width: 100% !important;
  }

  .nopadmobil {
      padding-right: 15px;
      padding-left: 15px;
  }

  .storyWrap .wrapper {
      width: 100%;
      height: 100%;
  }

  #detay-tabs .slick-next, #detay-tabs .slick-prev {
      display: none !important;
  }

  .igStory {
      justify-content: left;
      overflow-x: auto;
      padding: 10px;
  }

  span.telefon-mobil {
      font-size: 10px;
  }
}

.social-alan {
  background: #e8e8ff;
  clear: both;
  padding: 24px;
}

section.popular-tour-regions.mt-30 {
  margin-bottom: 30px;
}

.social-alan h2 > span {
  font-weight: 700;
}

@keyframes pulseBorder {
  0% {
      box-shadow: 0 0 0 0 rgb(179 179 245);
  }

  50% {
      box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }

  100% {
      box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.igStory .item .image {
  border-radius: 100%;
  background: white;
  width: 80px;
  height: 80px;
  padding: 2px;
  margin: 0 auto;
  position: relative;
  animation: pulseBorder 2s infinite;
}

.igStory .item {
  position: relative;
  border-radius: 10px;
}

.igStory .item:after {
  content: "";
  border: 1px dashed #ffffff;
  top: 50%;
  position: absolute;
  width: 38px;
  left: 99px;
  z-index: 0;
}

.igStory .item:last-child:after {
  border: unset;
}

section {
  clear: both;
}

.bulten-uye {
  /* padding: 20px 0px; */
}

.bulten- ye .row {
  margin: 0 auto !important;
}

.bulten-uye .col-md-12 {
  padding: 0;
}

.bulten-uye .bulten form, .bulten-uye .uye {
  border: 1px solid #ddd;
  box-shadow: 3px 0px 5px #ddd;
  height: 200px;
  /* margin: 0 20px; */
  border-radius: 8px;
  padding: 15px 14px;
}

.bulten-uye .bulten p:nth-child(1) {
  font-weight: 600;
}

/* .bulten-uye .bulten input {

height: 30px !important;

} */
.bulten-uye .bulten .input-group-text {
  width: 10%;
  margin-right: 10px;
}

.bulten-uye .bulten .input-group-prepend {
  display: flex;
}

.bulten-uye .bulten .input-group-prepend p {
  font-size: 10px !important;
  line-height: 10px !important;
  padding-top: 5px;
}

.bulten-uye .bulten .input-group-prepend a {
  outline: #000 !important;
  text-decoration: underline !important;
}

.bulten-uye .bulten .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.bulten-uye .bulten .btn button {
  border-radius: 8px;
  border: 1px solid #ef4444;
  background-color: #ef4444;
  color: #fff;
  font-weight: 600;
  padding: 10px 30px;
  line-height: 20px;
}

.bulten-uye .uye {
  background-color: #e8e8ff;
  color: #fff;
}

.bulten-uye .uye .col-xs-6 {
  padding: 0px !important;
}

.bulten-uye .uye {
  padding: 0px !important;
}

.bulten-uye .uye .uye-info {
  padding: 15px !important;
}

.bulten-uye .uye .uye-info h3 {
  color: #ef4444;
  margin-top: 0 !important;
  font-size: 16px;
}

.bulten-uye .uye .uye-info .btn button {
  border-radius: 8px;
  font-weight: 600;
  line-height: 20px;
}

.bulten-uye .uye .uye-info .btn button:nth-child(1) {
  margin-right: 20px;
  padding: 5px 15px;
  border: 1px solid #fff;
  background-color: #fff;
  color: #ef4444;
}

.row.bulten p {
  color: #ef4444;
}

.bulten-uye .uye .uye-info p {
  color: #ef4444;
}

.col-md-6.col-xs-6.uye-info .btn {
  display: flex;
}

.bulten-uye .uye .uye-info .btn button:nth-child(2) {
  background-color: #ef4444;
  border: 1px solid #ef4444;
  padding: 5px 33px;
  color: white;
}

.bulten-uye .uye .uye-info p {
  line-height: 20px;
  padding-right: 10px;
  font-size: 15px;
}

.bulten-uye .uye img {
  max-height: 198px;
  border-radius: 6px 0 0;
}

.turbaslik-css .section-title {
  display: none;
}

input[type="checkbox"] {
  display: inline;
}

@media(max-width: 576px) {
  .bulten-uye .bulten, .bulten-uye .uye {
      height: auto;
      margin: 0;
  }

  .bulten-uye .bulten .btn button {
      margin-top: 0;
  }

  .bulten-uye .uye .uye-info h3 {
      font-size: 8px;
      margin: 0;
  }

  .bulten-uye .uye .uye-info p {
      font-size: 8px;
      margin: 0;
  }

  .bulten-uye .uye .uye-info .btn button:nth-child(1) {
      padding: 5px 6px;
      margin-right: 0px;
  }

  .bulten-uye .uye .uye-info .btn button:nth-child(2) {
      padding: 5px 15px;
  }

  .bulten-uye .uye img {
      max-height: 160px;
      height: 160px;
  }

  .hero-banner-01 .search-form-main .btn {
      height: 50px;
      line-height: 50px;
  }

  .alt-css {
      padding: 20px;
  }
}

.input-group-prepend {
  margin-top: 15px;
}

ul.contact-links {
  display: flex;
  justify-content: end;
}

ul.contact-links li {
  margin-right: 5px;
}

.links-container {
  width: 100%;
  /* margin: 30px auto; */
  text-align: right;
}

.contact-links {
  width: 100%;
  text-align: center;
}

.contact-links > li {
  display: inline-block;
  padding: 15px;
}

.contact-links > li a {
  position: relative;
  text-decoration: none;
  background: #ef4444;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.contact-links > li a:before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 40px;
  height: 40px;
  opacity: 0.8;
  border: 1px solid #ef4444;
  border-radius: 50%;
  transition: opacity 0.4s ease, transform 0.5s ease;
}

.contact-links > li a:hover:before {
  opacity: 0;
  transform: scale(1.6);
}

.contact-links > li a:hover i {
  -webkit-animation: 0.5s slide-icon cubic-bezier(0.694, 0.048, 0.335, 1) 0s;
  animation: 0.5s slide-icon cubic-bezier(0.694, 0.048, 0.335, 1) 0s;
}

.contact-links > li a:focus {
  opacity: 0.85;
}

.contact-links > li a i {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
}

@-webkit-keyframes slide-icon {
  49% {
      transform: translateX(-80px);
      opacity: 0;
  }

  50% {
      transform: translateX(80px);
  }

  80% {
      transform: translateX(0);
      opacity: 1;
  }
}

@keyframes slide-icon {
  49% {
      transform: translateX(-80px);
      opacity: 0;
  }

  50% {
      transform: translateX(80px);
  }

  80% {
      transform: translateX(0);
      opacity: 1;
  }
}

.whats-float small {
  font-size: 12px;
}

.whats-float {
  position: fixed;
  transform: translate(108px,0px);
  top: 50%;
  right: -13px;
  width: 166px;
  overflow: hidden;
  background-color: #25d366;
  color: #FFF;
  border-radius: 2px 0 0 2px;
  z-index: 10;
  transition: all 0.5s ease-in-out;
  vertical-align: middle
}

.whats-float.hemen-ara {
  top: 44%;
  background-color: #ef4444;
}

.whats-float a span {
  color: white;
  font-size: 15px;
  padding-top: 8px;
  padding-bottom: 10px;
  position: absolute;
  line-height: 16px;
  font-weight: bolder;
}

.whats-float i {
  font-size: 30px;
  color: white;
  line-height: 30px;
  padding: 10px;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
  text-align: center;
}

.whats-float:hover {
  color: #FFFFFF;
  transform: translate(0px,0px);
}

.whats-float:hover i {
  transform: rotate(360deg);
}

.whats-float {
  animation: pulseBorder 2s infinite;
}

@media(max-width: 768px) {
  .whats-float {
      display:none;
  }
}

.turbaslik1, .turbaslik2, .turbaslik3, .turbaslik4, .turbaslik5, .turbaslik6, .turbaslik7 {
  display: none;
}

.turlarigosterdi {
  display: block !important;
}

.tur-group-tab {
  clear: both;
}

.content-wrapper {
  position: relative;
}

span.closed {
  background: #ef4444;
  width: 100%;
  display: block;
  clear: both;
  text-align: center;
  padding: 3px;
  color: white;
}

.index-reklam {
  z-index: -1;
}

/* .owl-reklam-banners .owl-item {

transition: .2s all;

}

.owl-reklam-banners .owl-item.active.hover {

width: 450px !important;

transition: .2s all;

} */
.time-header {
  display: flex;
  justify-content: end;
  align-items: center;
}

.time-header .column {
  margin-right: 20px;
}

.sayac-alani {
  background: linear-gradient(90deg, rgb(123 70 152) 0%, rgb(122 70 151) 50%, rgb(98 108 160) 100%);
  padding: 20px;
}

.column {
  text-align: center;
  color: white;
  font-weight: 700;
}

.counter > .column {
  border-right: 1px solid white;
}

.sayac-alani .row {
  align-items: center;
}

.duyuru-img {
  width: 62px;
}

.sayac-alani .duyuru {
  display: flex !important;
  align-items: center;
}

.duyuru-text {
  margin-left: 20px;
  color: white;
  font-weight: 700;
  font-size: 16px;
}

a.detail {
  background: #ef4444;
  border-color: #ef4444;
  /* width: fit-content; */
  color: white;
  text-align: center;
  width: fit-content !important;
  padding: 5px;
  border-radius: 5px;
}

a.detail i {
  margin-left: 5px;
  font-size: 15px;
}

a.detail {
  display: flex !important;
  align-items: center;
  height: 40px;
}

.duyuru:has(> .duyuru-text:empty) {
  display: none !important;
}

.sayac-alani:has(> .gun-box .gun:empty) {
  display: none !important;
}

.duyuru-text.duyuru-text2 {
  text-shadow: rgb(255, 255, 255) -1px -1px 0px, rgb(255, 255, 255) 1px -1px 0px, rgb(255, 255, 255) -1px 1px 0px, rgb(255, 255, 255) 1px 1px 0px;
  color: #000;
}

.otelfiyatsablon .buy .indirimorancssana {
  display: inline-block;
  padding: 5px 10px;
  font-size: .7rem;
  color: #fff;
  background: #f85156;
  border-radius: 15px;
  border: 1px solid #fff;
  position: relative;
  font-weight: 700;
}

.otelfiyatsablon .buy .turbrutfiyat {
  text-align: right;
  color: #fff;
  background: #f85156;
  font-size: .7rem;
  display: inline-block;
  width: auto;
  margin-left: -32px;
  border-radius: 15px;
  padding: 5px 10px 5px 35px;
  text-decoration: line-through;
  border: 1px solid #fff;
  font-weight: 400;
}

.btn-group-item {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.btn-group-item {
  margin-top: 5px;
}

/* ========================================

Tourbulance Tabs & Search Box

======================================== */
/* --- Tabs --- */
.tb-nav-tabs.nav-tabs {
  border-bottom: 1px solid #e5e7eb;
  padding: 0 20px;
  margin: 0;
  background: transparent;
}

.tb-nav-tabs .nav-item {
  margin-bottom: -1px;
}

.tb-tab-link.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #6b7280 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  transition: color 0.2s, border-color 0.2s;
  margin: 0;
}

.tb-tab-link.nav-link i {
  font-size: 15px;
}

.tb-tab-link.nav-link.active, .tb-tab-link.nav-link:hover {
  color: #ef4444 !important;
  border-bottom-color: #ef4444 !important;
  background: transparent !important;
}

/* --- Search wrapper --- */
.tb-search-wrapper {
  padding: 18px 20px 16px;
}

.tb-search-form {
  width: 100%;
}

/* --- Search row: 3-column grid --- */
.tb-search-row {
  display: flex;
  align-items: flex-end;
  gap: 14px;
}

.tb-field-col {
  display: flex;
  flex-direction: column;
}

.tb-field-col-city {
  flex: 1.3;
}

.tb-field-col-date {
  flex: 1;
}

.tb-field-col-btn {
  flex: 0 0 auto;
}

/* --- Labels above inputs --- */
.tb-field-label {
  font-size: 12px;
  color: #374151;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* --- Input box --- */
.tb-input-box {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 0 14px;
  height: 48px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.tb-input-box:focus-within {
  border-color: #9ca3af;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.15);
}

.tb-input-icon {
  color: #9ca3af;
  font-size: 16px;
  margin-right: 10px;
  flex-shrink: 0;
}

.tb-input-box input[type="text"] {
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  width: 100%;
  padding: 0;
  height: 100%;
}

.tb-input-box input[type="text"]::placeholder {
  color: #9ca3af;
  font-weight: 400;
}

/* --- Search button --- */
.tb-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgb(232, 25, 50);
  color: #ffffff !important;
  border: none;
  border-radius: 10px;
  padding: 0 40px;
  height: 48px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
  min-width: 160px;
}

.tb-search-btn:hover {
  background: #d63e3e;
}

.tb-search-btn i {
  font-size: 26px;
}

/* --- Popular tags --- */
.tb-popular-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.tb-popular-label {
  font-size: 13px;
  color: rgb(232, 25, 50);
  font-weight: 600;
  margin-right: 2px;
}

.tb-tag {
  display: inline-block;
  padding: 5px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #1e40af;
  background: #eff6ff;
  border-radius: 20px;
  text-decoration: none !important;
  transition: all 0.2s;
  border: none;
}

.tb-tag:hover {
  color: #1e3a8a;
  background: #dbeafe;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .tb-search-row {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
  }

  .tb-field-col-city, .tb-field-col-date {
      flex: unset;
  }

  .tb-search-btn {
      width: 100%;
      min-width: unset;
  }

  .tb-popular-tags {
      justify-content: flex-start;
  }

  .tb-nav-tabs.nav-tabs {
      padding: 0 12px;
  }

  .tb-search-wrapper {
      padding: 14px 12px 12px;
  }
}

@media (max-width: 480px) {
  .tb-tab-link.nav-link {
      padding: 12px 14px;
      font-size: 13px;
  }

  .tb-input-box {
      height: 44px;
      padding: 0 12px;
  }

  .tb-search-btn {
      height: 44px;
      font-size: 14px;
  }

  .tb-field-label {
      font-size: 11px;
  }
}

/* --- Guest Popup (Hotel Tab) --- */
.tb-guest-wrap {
  position: relative;
}

.tb-guest-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px 12px;
  cursor: pointer;
  height: auto;
  min-height: 38px;
  transition: border-color 0.2s;
}

.tb-guest-trigger:hover {
  border-color: #999;
}

.tb-guest-trigger .person-total {
  border: none !important;
  padding: 0 !important;
  margin: 0;
  background: none !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: 1.4 !important;
  font-size: 13px;
  font-weight: 500;
  color: #1f2937;
  display: inline;
}

.tb-guest-icon {
  color: #1e3a5f;
  font-size: 14px;
  flex-shrink: 0;
  margin-left: 8px;
}

.tb-guest-popup {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 280px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  z-index: 100;
  margin-top: 4px;
  padding: 16px;
}

.tb-guest-popup.open {
  display: block;
}

.tb-guest-popup-inner .row {
  margin-left: -6px;
  margin-right: -6px;
}

.tb-guest-popup-inner .row > [class*="col-"] {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 10px;
}

.tb-guest-popup-inner label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
  display: block;
}

.tb-guest-popup-inner select {
  width: 100%;
  height: 36px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0 8px;
  font-size: 13px;
  color: #1f2937;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s;
}

.tb-guest-popup-inner select:focus {
  border-color: #6b7280;
  outline: none;
}

/* ========================================

Deneyim / Stats Parallax Bar

======================================== */
.deneyim-parallax {
  position: relative;
  background: url('/site/images/deneyim-bg.jpg') center center / cover no-repeat fixed;
  padding: 40px 0;
  overflow: hidden;
}

.deneyim-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1976d2 100%);
  opacity: 0.95;
}

.deneyim-row {
  position: relative;
  z-index: 2;
}

.deneyim-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}

.deneyim-icon {
  width: 48px;
  height: 48px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.deneyim-icon i {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.85);
}

.deneyim-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.deneyim-num {
  line-height: 1.2;
}

.deneyim-sayi {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  display: inline;
}

.deneyim-plus {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  display: inline;
}

.deneyim-baslik {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.deneyim-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .deneyim-parallax {
      margin-top: unset !important;
      padding: 24px 0;
  }

  .deneyim-item {
      gap: 10px;
      padding: 10px 0;
  }

  .deneyim-icon {
      width: 40px;
      height: 40px;
      border-radius: 10px;
  }

  .deneyim-icon i {
      font-size: 17px;
  }

  .deneyim-sayi, .deneyim-plus, .deneyim-baslik {
      font-size: 17px;
  }

  .deneyim-label {
      font-size: 11px;
  }
}

span.fiyat-tursablon {
  position: absolute !important;
  left: 150px !important;
  top: 10px !important;
  right: 7px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(6px) !important;
  border-radius: 10px !important;
  padding: 7px 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
  font-size: 15px !important;
  z-index: 999 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* ========================================

Modern Tour Card Styles

======================================== */
.tour-card-modern {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07), 0 4px 20px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  margin: 10px auto;
  display: flex;
  flex-direction: column;
}

.tour-card-modern:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12), 0 8px 32px rgba(0,0,0,0.1);
  transform: translateY(-4px);
}

.tour-card-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.tour-card-link:hover {
  text-decoration: none;
  color: inherit;
}

.tour-card-image {
  position: relative;
  overflow: hidden;
}

.tour-card-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.tour-card-modern:hover .tour-card-image img {
  transform: scale(1.05);
}

/* Accent bar - hidden in new design */
.tour-card-accent {
  display: none;
}

/* Vize Badge - green, top-left */
.tour-badge-vize {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

.tour-badge-vize:empty {
  display: none;
}

/* nerilen Badge - below vize */
.tour-badge-firsat {
  position: absolute;
  top: 46px;
  left: 12px;
  z-index: 2;
}

.tour-badge-firsat:empty {
  display: none;
}

.tour-badge-vize:empty ~ .tour-badge-firsat {
  top: 12px;
}

/* Ulasim Badge - bottom-left of image */
.tour-badge-ulasim {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: rgba(0,0,0,0.55);
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 6px;
  z-index: 2;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.tour-badge-ulasim:empty {
  display: none;
}

/* Favori icon - tour card */
.tour-card-favori {
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  left: auto !important;
  top: auto !important;
  z-index: 3;
  background: rgba(255, 255, 255, 0.9);
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  float: none !important;
}

.tour-card-favori:hover {
  background: #ffffff;
  transform: scale(1.1);
}

.tour-card-favori i {
  color: #9ca3af !important;
  font-size: 16px !important;
  line-height: 1;
}

.tour-card-favori i.fa-heart, .tour-card-favori i.favori-aktif {
  color: #ef4444 !important;
}

.why-to-travel-item img {
  width: 32px;
}

/* Card Content */
.tour-card-content {
  padding: 16px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tour-card-footer.hotel-card-footer {
  height: 57px;
}

.owl-carousel.owl-theme.owl-tour.owl-loaded.owl-drag {
  margin-bottom: 40px;
}

h3.tour-card-title {
  min-height: unset;
}

.tour-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 10px 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 42px;
}

/* Meta info row */
.tour-card-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.tour-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

.tour-meta-item i {
  font-size: 11px;
  color: #22c55e;
}

/* Route / Gezilecek Yerler */
.tour-card-route {
  font-size: 12px;
  color: #2563eb;
  background: #eff6ff;
  margin: 0 0 14px 0;
  padding: 8px 12px;
  border-radius: 6px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

.route-arrow {
  color: #e81932;
  font-size: 11px;
  margin: 0 2px;
}

/* Divider */
.tour-card-divider {
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 12px;
}

/* Bottom row - price + button */
.tour-card-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}

.tour-card-pricing {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.tour-card-price-top {
  display: flex;
  align-items: center;
  gap: 8px;
}

span.brut-price {
  font-size: 12px;
  color: #9ca3af;
  text-decoration: line-through;
  font-weight: 400;
}

span.onerilen-tur-icon {
  background: #fe9a00;
  color: white;
  padding: 5px;
  border-radius: 10px;
  font-size: 12px;
}

.tour-discount-badge {
  background: #ef4444;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 1.3;
}

.tour-card-pricing .new-price {
  font-size: 22px;
  color: #ef4444;
  font-weight: 800;
  line-height: 1.2;
}

.tour-price-per {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 400;
}

.tour-incele-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  border: 1.5px solid #1e2732;
  transition: all 0.2s ease;
  white-space: nowrap;
  background: #1e2732;
}

span.tour-meta-item.gece-gun {
  background: #eff6ff;
  padding: 3px 9px;
  border-radius: 10px;
}

span.tour-meta-item.gece-gun svg {
  color: #1e2732;
}

span.tour-meta-item.cikis-tarihi svg {
  color: #fe9a00;
}

.indirimorancssana {
  color: #e7000b;
  font-size: 10px;
}

.indirim-orani {
  background: #ffe2e2;
  padding: 2px;
  border-radius: 5px;
}

span.tour-meta-item.cikis-tarihi {
  background: #f0fdf4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: black;
  font-size: 13px;
  border-radius: 20px;
  transition: all 0.2s ease;
  white-space: nowrap;
  background: #f0fdf4;
  padding: 3px 9px;
  border-radius: 10px;
}

.tour-card-link:hover .tour-incele-btn {
  background: #ef4444;
  color: #ffffff;
}

.tour-incele-btn i {
  font-size: 11px;
  transition: transform 0.2s ease;
}

.tour-card-link:hover .tour-incele-btn i {
  transform: translateX(3px);
}

/* Legacy classes kept for compatibility */
.tour-card-footer.hotel-card-footer {
  justify-content: flex-end;
  border-top: 1px solid #dedede;
}

.tour-card-footer {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.tour-card-price-label {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 400;
}

.tour-card-price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.tour-card-footer .new-price {
  font-size: 16px;
  color: #1a1a2e;
  font-weight: 800;
}

/* Owl Carousel Tour Cards */
.owl-tour .tour-card-modern {
  margin: 6px 5px 20px;
}

/* Owl Tour Nav Buttons */
.owl-tour .owl-nav {
  position: absolute;
  top: 35%;
  transform: translateY(-100%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  padding: 0 10px;
}

.owl-tour .owl-nav button.owl-prev, .owl-tour .owl-nav button.owl-next {
  width: 44px !important;
  height: 44px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
  pointer-events: auto;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  /* position: relative !important; */
  /* left: auto !important; */
  /* right: auto !important; */
  top: auto !important;
}

.owl-tour .owl-nav button.owl-prev:hover, .owl-tour .owl-nav button.owl-next:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  transform: scale(1.05);
}

.owl-tour .owl-nav button span {
  font-size: 24px !important;
  color: #374151 !important;
  line-height: 1 !important;
}

.owl-tour .owl-nav.disabled {
  display: none !important;
}

/* Home Tour List Grid */
.home-tour-list .tour-card-modern {
  height: 100%;
}

.home-tour-list .owl-tour {
  position: relative;
}

/* Tour Group "View All" Button */
.section-title.has-view-all-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.section-title.has-view-all-btn h2 {
  margin: 0;
}

.btn-tour-group-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  /* background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); */
  color: #2563eb;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  /* box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3); */
  white-space: nowrap;
  flex-shrink: 0;
}

.btn-tour-group-all i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.btn-tour-group-all:hover i {
  transform: translateX(4px);
}

/* Ensure image fills card properly */
.tour-card-modern .tour-card-image img, .tour-card-modern .tour-card-image .lazyload {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}

/* Responsive */
@media (max-width: 768px) {
  .tour-card-image img {
      height: 180px;
  }

  .tour-card-title {
      font-size: 14px;
      min-height: 40px;
  }

  .tour-badge-firsat {
      font-size: 10px;
      padding: 4px 8px;
  }

  .tour-badge-ulasim {
      font-size: 11px;
      padding: 4px 8px;
  }

  .tour-card-content {
      padding: 12px 14px;
  }

  .tour-card-pricing .new-price {
      font-size: 18px;
  }

  .tour-incele-btn {
      padding: 8px 14px;
      font-size: 12px;
  }

  .tour-card-meta {
      gap: 10px;
  }

  .tour-meta-item {
      font-size: 11px;
  }
}

/* Accent bar artik .tour-card-accent ile saglaniyor */
/* ===== Blog Card Modern ===== */
.blog-card-modern {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  margin-bottom: 25px;
}

.blog-card-modern:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.blog-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.blog-card-image {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  /* margin: 10px; */
}

.blog-card-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  /* border-radius: 12px; */
  transition: transform 0.4s ease;
}

.blog-card-modern:hover .blog-card-image img {
  transform: scale(1.08);
}

/* Dark Overlay on Hover */
.blog-card-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.blog-card-modern:hover .blog-card-image::before {
  opacity: 1;
}

/* Magnifying Glass Icon */
.blog-card-image .search-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}

.blog-card-image .search-icon i {
  font-size: 20px;
  color: #333;
}

.blog-card-modern:hover .blog-card-image .search-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Colored Bar Effect */
.blog-card-image::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  z-index: 2;
  background: linear-gradient(to right, #fbce01 0%, #ff0600 100%);
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 0.3s ease;
  border-radius: 0 0 12px 12px;
}

.blog-card-modern:hover .blog-card-image::after {
  transform: scaleX(1);
}

.blog-card-content {
  padding: 15px 15px 20px;
}

.blog-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s ease;
}

.blog-card-modern:hover .blog-card-title {
  color: #3b82f6;
}

@media (max-width: 991px) {
  .blog-card-image img {
      height: 180px;
  }

  .blog-card-title {
      font-size: 15px;
  }
}

@media (max-width: 575px) {
  .blog-card-modern {
      margin-bottom: 20px;
  }

  .blog-card-image img {
      height: 200px;
  }
}

/* Blog Section */
.blog-section {
  padding: 60px 0;
}

.blog-grid {
  display: flex;
  flex-wrap: wrap;
}

.blog-grid > [class*="col-"] {
  display: flex;
}

.blog-grid .blog-card-modern {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.blog-grid .blog-card-content {
  flex: 1;
}

.tour-card-image:before {
  top: 0;
  background: #181818;
  opacity: 0;
  z-index: 1;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  transition: 300ms ease all;
  pointer-events: none;
}

.tour-card-image:hover:before {
  opacity: .55;
}

/* ========================================

H zl Kategori - Animated Styles

======================================== */
.hizli-kat-menu-list {
  border-bottom: 1px solid #dedede;
  padding-bottom: 41px;
  overflow: hidden;
  padding-top: 19px;
}

.hizli-kat-menu-list .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* Scroll Triggered Animation */
.hizli-kat-menu-list .col-lg-2 {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.hizli-kat-menu-list.animated .col-lg-2 {
  opacity: 1;
  transform: translateY(0);
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(1) {
  transition-delay: 0.05s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(2) {
  transition-delay: 0.1s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(3) {
  transition-delay: 0.15s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(4) {
  transition-delay: 0.2s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(5) {
  transition-delay: 0.25s;
}

.hizli-kat-menu-list.animated .col-lg-2:nth-child(6) {
  transition-delay: 0.3s;
}

.hizli-kat-box {
  text-align: center;
  padding: 20px 15px;
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
  position: relative;
}

.hizli-kat-box:hover {
  background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);
  box-shadow: 0 15px 40px rgba(239, 68, 68, 0.15);
  transform: translateY(-8px);
}

.hizli-kat-img- {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.hizli-kat-box img {
  width: 130px;
  height: 130px;
  transition: all 0.4s ease;
  /* filter: drop-shadow(0 5px 15px rgba(239, 68, 68, 0.2)); */
}

.hizli-kat-box:hover img {
  transform: scale(1.15) rotate(5deg);
  /* filter: drop-shadow(0 10px 25px rgba(239, 68, 68, 0.3)); */
}

/* Floating Animation for Icons */
.hizli-kat-box img {
  animation: floatIcon 3s ease-in-out infinite;
}

.hizli-kat-menu-list .col-lg-2:nth-child(1) .hizli-kat-box img {
  animation-delay: 0s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(2) .hizli-kat-box img {
  animation-delay: 0.5s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(3) .hizli-kat-box img {
  animation-delay: 1s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(4) .hizli-kat-box img {
  animation-delay: 1.5s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(5) .hizli-kat-box img {
  animation-delay: 2s;
}

.hizli-kat-menu-list .col-lg-2:nth-child(6) .hizli-kat-box img {
  animation-delay: 2.5s;
}

@keyframes floatIcon {
  0%, 100% {
      transform: translateY(0);
  }

  50% {
      transform: translateY(-8px);
  }
}

.hizli-kat-box:hover img {
  animation: none;
  transform: scale(1.15) rotate(5deg);
}

.hizli-kat-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #1f2937;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.hizli-kat-box:hover .hizli-kat-text {
  color: #ef4444;
}

/* Underline Animation */
.hizli-kat-text::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #ef4444;
  margin: 8px auto 0;
  transition: width 0.3s ease;
  border-radius: 2px;
}

.hizli-kat-box:hover .hizli-kat-text::after {
  width: 50px;
}

/* Responsive */
@media (max-width: 991px) {
  .hizli-kat-menu-list .col-lg-2 {
      flex: 0 0 33.333%;
      max-width: 33.333%;
      margin-bottom: 20px;
  }

  .hizli-kat-box img {
      width: 70px;
      height: 70px;
  }

  .hizli-kat-text {
      font-size: 11px;
  }
}

@media (max-width: 576px) {
  .hizli-kat-menu-list .col-lg-2 {
      flex: 0 0 50%;
      max-width: 50%;
  }

  .hizli-kat-box {
      padding: 15px 10px;
  }
}

.hero-slide-item {
  position: relative;
}

.hero-slide-item .hero-slide-inner {
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.hero-slide-title {
  font-size: 50px;
  font-weight: 500;
  margin: 0 0 8px 0;
  line-height: 1;
  color: #ffffff;
  width: auto;
}

.hero-slide-subtitle {
  font-size: 18px;
  margin: 0 0 24px 0;
  color: #ffffff;
  opacity: 0.95;
  margin-block-start: 0; margin-block-end: .9rem; }

.hero-slide-features {
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
  flex-wrap: wrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 14px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  white-space: nowrap;
}

.price-old {
  font-size: 14px;
  text-decoration: line-through;
  opacity: 0.7;
  margin-bottom: 4px;
  color: #ffffff;
}

.price-new {
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

.hero-badge-firsat {
  background: #ef4444;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
}

.hero-slide-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #000000a3;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  width: auto;
  text-align: center;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 15;
  pointer-events: auto !important;
}

.hero-slide-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.554) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
  z-index: 1;
}

.main-footer {
  background: rgb(17 24 39);
  position: relative;
  margin-top: 80px;
}

.col-lg-4.col-md-5.col-sm-4.col-12 {
  color: white;
}

/* Wave Shape at Top of Footer - 2 Large Waves */
/* .main-footer::before {

content: "";

position: absolute;

top: -79px;

left: 0;

width: 100%;

height: 80px;

background-image: url(../images/indir.svg);

background-size: 100% 100%;

background-repeat: no-repeat;

} */
@media (max-width: 768px) {
  .main-footer {
      margin-top: 50px;
  }

  .main-footer::before {
      top: -49px;
      height: 50px;
  }
}

/* Anasayfa turlar alan - #dedede arka plan, st/alt dalga (indir.svg) */
.asayfa-turlar-wave-bg {
  position: relative;
  background-color: #f7f7f7;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* 

.asayfa-turlar-wave-bg::before,

.asayfa-turlar-wave-bg::after {

content: "";

position: absolute;

left: 0;

width: 100%;

height: 80px;

background-color: #ffffff;

background-size: 100% 100%;

background-repeat: no-repeat;

-webkit-mask-image: url(../images/indir.svg);

mask-image: url(../images/indir.svg);

-webkit-mask-size: 100% 100%;

mask-size: 100% 100%;

-webkit-mask-repeat: no-repeat;

mask-repeat: no-repeat;

} */
/* Ust dalga dalga asagi dogru bolume girsin */
.asayfa-turlar-wave-bg::before {
  top: 0;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  transform: scaleY(-1);
}

/* Alt dalga dalga yukari dogru bolume girsin */
.asayfa-turlar-wave-bg::after {
  bottom: 0;
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
}

@media (max-width: 768px) {
  .asayfa-turlar-wave-bg {
      padding-top: 0px;
      padding-bottom: 0px;
  }

  .anasayfa-tur-banners.col-lg-12 {
      padding-right: 15px !important;
      padding-left: 15px !important;
  }

  .asayfa-turlar-wave-bg::before, .asayfa-turlar-wave-bg::after {
      height: 50px;
  }
}

/* .filter-list-wrap .title:before {

content: "";

position: absolute;

left: 0;

top: 7px;

width: 5px;

height: 24px;

border-radius: 0 5px 5px 0;

background: #e81932;

} */
/* ===== Hotel Deals Section - Modern Design ===== */
.hotel-deals-section {
  padding: 40px 0;
  background: #fff;
  margin-top: 30px;
}

/* Header */
.hotel-deals-header {
  margin-bottom: 25px;
}

.hotel-deals-title {
  font-size: 28px;
  font-weight: 700;
  color: #1e3a5f;
  margin: 0;
}

/* Tabs Wrapper */
.hotel-deals-tabs-wrapper {
  margin-bottom: 25px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.hotel-deals-tabs-wrapper::-webkit-scrollbar {
  display: none;
}

/* Pill Tabs */
.hotel-deals-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
}

.hotel-deals-tabs li {
  margin: 0;
  flex-shrink: 0;
}

.hotel-deals-tabs li a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.hotel-deals-tabs li a:hover {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #ef4444;
}

.hotel-deals-tabs li.active a, .hotel-deals-tabs li a.active {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #fff !important;
}

/* Content Area */
.hotel-deals-content {
  position: relative;
}

.hotel-deals-content .tab-content {
  position: relative;
}

/* Hotel Card Modern Style */
.hotel-deals-section .otel-kutu-card, .hotel-deals-section .card.otel-kutu-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  margin-bottom: 20px;
  border: none;
}

.hotel-deals-section .otel-kutu-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.hotel-deals-section .oteller-kutu-resim {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  margin: 8px;
}

.hotel-deals-section .oteller-kutu-resim img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.4s ease;
}

.hotel-deals-section .otel-kutu-card:hover .oteller-kutu-resim img {
  transform: scale(1.05);
}

/* Bottom Links */
.hotel-deals-links {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.hotel-deals-links .hotel-link {
  display: none;
  align-items: center;
  gap: 8px;
  color: #0ea5e9;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.hotel-deals-links .hotel-link.oteligosterdi {
  display: inline-flex;
}

.hotel-deals-links .hotel-link:hover {
  color: #0284c7;
}

/* Carousel Navigation for Hotels */
.hotel-deals-section .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  padding: 0 10px;
  left: 0;
}

.hotel-deals-section .owl-nav button {
  pointer-events: auto;
  width: 45px;
  height: 45px;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb !important;
}

.hotel-deals-section .owl-nav button:hover {
  background: #f3f4f6 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.hotel-deals-section .owl-nav button span {
  font-size: 20px;
  color: #374151;
  line-height: 1;
}

.hotel-deals-section .owl-nav button.owl-prev {
  margin-left: -20px;
}

.hotel-deals-section .owl-nav button.owl-next {
  margin-right: -20px;
}

/* Responsive */
@media (max-width: 991px) {
  .hotel-deals-title {
      font-size: 24px;
  }

  .hotel-deals-tabs li a {
      padding: 8px 16px;
      font-size: 13px;
  }
}

@media (max-width: 767px) {
  .hotel-deals-section {
      padding: 30px 0;
  }

  .hotel-deals-title {
      font-size: 20px;
  }

  .hotel-deals-tabs {
      gap: 8px;
  }

  .hotel-deals-tabs li a {
      padding: 8px 14px;
      font-size: 12px;
  }

  .hotel-deals-section .owl-nav button {
      width: 35px;
      height: 35px;
  }

  .hotel-deals-section .owl-nav button span {
      font-size: 16px;
  }
}

/* ===== Reviews Timeline Section ===== */
.reviews-timeline-section {
  padding: 80px 0;
  /* background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%); */
  position: relative;
  overflow: hidden;
}

/* Header */
.reviews-timeline-header {
  text-align: center;
  margin-bottom: 60px;
}

.timeline-badge {
  display: inline-block;
  padding: 10px 24px;
  background: linear-gradient(135deg, #e25757, #ff8d6e);
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 18px;
}

.timeline-title {
  font-size: 40px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px;
}

.timeline-subtitle {
  font-size: 17px;
  color: #64748b;
  margin: 0;
}

/* Timeline Container */
.reviews-timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

/* Timeline Line */
.timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #e25757 0%, #ff8d6e 50%, #ffb088 100%);
  transform: translateX(-50%);
  border-radius: 5px;
}

/* Timeline Item */
.timeline-item {
  position: relative;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.timeline-item.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Alternating Layout */
.timeline-item:nth-child(odd) {
  padding-right: calc(50% + 35px);
}

.timeline-item:nth-child(even) {
  padding-left: calc(50% + 35px);
}

.timeline-item:nth-child(odd) .timeline-content {
  text-align: right;
}

.timeline-item:nth-child(even) .timeline-content {
  text-align: left;
}

/* Timeline Dot */
.timeline-dot {
  position: absolute;
  left: 50%;
  top: 40px;
  width: 55px;
  height: 55px;
  background: linear-gradient(135deg, #e25757, #ff8d6e);
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 4px 20px rgba(226, 87, 87, 0.4);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.timeline-item.visible .timeline-dot {
  transform: translateX(-50%) scale(1);
}

.timeline-dot i {
  color: #fff;
  font-size: 20px;
}

/* Timeline Card */
.timeline-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 550px;
}

.timeline-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Card Header */
.timeline-card-header {
  padding: 15px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.timeline-hotel-name {
  font-size: 17px;
  font-weight: 600;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.3s ease;
}

.timeline-hotel-name:hover {
  color: #3b82f6;
}

.timeline-date {
  font-size: 13px;
  color: #64748b;
  background: #e2e8f0;
  padding: 4px 12px;
  border-radius: 20px;
}

/* Card Body */
.timeline-card-body {
  display: flex;
  gap: 25px;
  padding: 25px;
}

/* Image Section */
.timeline-image {
  position: relative;
  flex-shrink: 0;
  width: 200px;
  height: 150px;
  border-radius: 12px;
  overflow: hidden;
}

.timeline-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.timeline-card:hover .timeline-image img {
  transform: scale(1.1);
}

.timeline-view-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0 0 0 / 37%);
  color: #ffffff;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  opacity: 0;
  transform: translateY(0px);
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.timeline-card:hover .timeline-view-btn {
  opacity: 1;
  transform: translateY(0);
}

.timeline-view-btn:hover {
  background: #00000061;
  color: #fff;
}

/* Review Section */
.timeline-review {
  flex: 1;
  min-width: 0;
}

.timeline-author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.author-avatar {
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, #e25757, #ff8d6e);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.author-avatar i {
  color: #fff;
  font-size: 16px;
}

.author-name {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}

.timeline-message {
  font-size: 15px;
  color: #475569;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Staggered Animation Delays */
.timeline-item:nth-child(1) {
  transition-delay: 0s;
}

.timeline-item:nth-child(2) {
  transition-delay: 0.1s;
}

.timeline-item:nth-child(3) {
  transition-delay: 0.2s;
}

.timeline-item:nth-child(4) {
  transition-delay: 0.3s;
}

.timeline-item:nth-child(5) {
  transition-delay: 0.4s;
}

.timeline-item:nth-child(6) {
  transition-delay: 0.5s;
}

/* Responsive */
@media (max-width: 991px) {
  .reviews-timeline-section {
      padding: 60px 0;
  }

  .timeline-title {
      font-size: 28px;
  }

  .timeline-line {
      left: 25px;
  }

  .timeline-item:nth-child(odd), .timeline-item:nth-child(even) {
      padding-left: 70px;
      padding-right: 0;
  }

  .timeline-item:nth-child(odd) .timeline-content, .timeline-item:nth-child(even) .timeline-content {
      text-align: left;
  }

  .timeline-dot {
      left: 25px;
      width: 40px;
      height: 40px;
  }

  .timeline-dot i {
      font-size: 16px;
  }

  .timeline-card-body {
      flex-direction: column;
  }

  .timeline-image {
      width: 100%;
      height: 180px;
  }
}

@media (max-width: 575px) {
  .reviews-timeline-section {
      padding: 40px 0;
  }

  .timeline-title {
      font-size: 24px;
  }

  .timeline-badge {
      font-size: 12px;
      padding: 6px 15px;
  }

  .reviews-timeline-header {
      margin-bottom: 40px;
  }

  .timeline-line {
      left: 20px;
      width: 3px;
  }

  .timeline-item:nth-child(odd), .timeline-item:nth-child(even) {
      padding-left: 55px;
  }

  .timeline-dot {
      left: 20px;
      width: 35px;
      height: 35px;
  }

  .timeline-dot i {
      font-size: 14px;
  }

  .timeline-card-header {
      padding: 12px 15px;
  }

  .timeline-card-body {
      padding: 15px;
  }

  .timeline-hotel-name {
      font-size: 14px;
  }
}

/* ===== Iletisim Bolum ===== */
.iletisim-form-alan-box {
  background: #f5f5f5;
  padding: 50px 0;
}

.iletisim-card {
  background: #fff;
  border-radius: 16px;
  padding: 50px 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.iletisim-sol {
  flex-shrink: 0;
  max-width: 320px;
}

.iletisim-baslik {
  font-size: 32px;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1.25;
  margin: 0 0 12px;
  font-family: "Poppins", sans-serif;
}

.iletisim-alt-baslik {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

.iletisim-sag {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  justify-content: center;
}

.iletisim-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 30px;
  flex: 1;
}

.iletisim-divider {
  width: 1px;
  height: 60px;
  background: #ddd;
  flex-shrink: 0;
}

.iletisim-icon-wrap {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iletisim-icon-wrap svg {
  width: 28px;
  height: 28px;
}

.iletisim-kutu-metin {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin: 0;
  line-height: 1.5;
}

.iletisim-kutu-metin a {
  color: #333;
  text-decoration: none;
}

.iletisim-kutu-metin a:hover {
  color: #555;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .iletisim-card {
      flex-direction: column;
      padding: 40px 30px;
      text-align: center;
      gap: 30px;
  }

  .iletisim-sol {
      max-width: 100%;
  }

  .iletisim-baslik {
      font-size: 26px;
  }

  .iletisim-baslik br {
      display: none;
  }

  .iletisim-alt-baslik br {
      display: none;
  }

  .iletisim-sag {
      width: 100%;
  }
}

@media (max-width: 576px) {
  .iletisim-form-alan-box {
      padding: 30px 0;
  }

  .iletisim-card {
      padding: 30px 20px;
      gap: 24px;
  }

  .iletisim-baslik {
      font-size: 22px;
  }

  .iletisim-sag {
      flex-direction: column;
      gap: 20px;
  }

  .iletisim-divider {
      width: 80%;
      height: 1px;
  }

  .iletisim-item {
      padding: 0;
  }
}

.hot-deals-tabs {
  padding: 20px;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, .08);
  border-radius: 8px;
}

.ekalan-content.collapsed p {
  font-family: 'Poppins' !important;
}

/* ========================================

MOBIL DUZELTMELERI - index.php

======================================== */
/* 1) Yatay tasan engelle - clip ile (scroll container olusturmaz) */
/* html {

overflow-x: clip;

}

body {

overflow-x: clip;

}

.body-inner {

overflow-x: clip;

position: relative;

} */
@media (max-width: 768px) {
  /* --- HEADER MOBIL DUZELTMELERI --- */ .header-main {
      overflow-x: clip;
  }

  .header-top {
      height: auto !important;
      padding: 8px 0;
  }

  .header-top .container {
      padding-left: 10px;
      padding-right: 10px;
  }

  .header-top .row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  }

  .header-main .main-logo {
      width: 140px !important;
      padding: 0;
  }

  .header-main .main-logo img {
      max-width: 100%;
      height: auto;
  }

  /* Navbar wrapper - mobilde yer kaplamasin ama collapse acilabilsin */
  .header-top .col-12.col-lg-6, .header-top .col-12.col-lg-8 {
      flex: 0 0 100%;
      order: 10;
      padding: 0;
  }

  .header-top .col-12.col-lg-6 .navbar-wrapper, .header-top .col-12.col-lg-8 .navbar-wrapper {
      width: 100%;
  }

  /* Hamburger menu butonu - akis disinda */
  .col-shrink.order-last-lg {
      position: static !important;
      right: auto !important;
      top: auto !important;
      flex-shrink: 0;
      z-index: 99;
      order: -1;
  }

  .col-shrink.order-last-lg .col-inner {
      padding: 0;
  }

  /* Uye giris paneli - mobilde gorunur */
  .header-top .col-6.col-lg-4, .header-top .col-6.col-lg-2 {
      flex: 1;
      max-width: none;
  }

  .header-top .col-6.col-lg-4 > .col-inner, .header-top .col-6.col-lg-2 > .col-inner {
      justify-content: flex-end !important;
  }

  .userLoginPanel {
      margin-left: auto;
      padding: 5px 10px;
      font-size: 12px;
      display: flex !important;
      width: auto !important;
      position: relative !important;
      right: auto !important;
      bottom: auto !important;
  }

  .userLoginPanel .text {
      display: inline !important;
  }

  .userLoginPanel .text p {
      font-size: 11px;
      margin: 0;
  }

  /* Header inner gizli alt band */
  .header-main .header-inner {
      position: relative !important;
      padding: 0 !important;
      margin-bottom: 0 !important;
      bottom: auto !important;
  }

  /* --- BANNER / SLIDER MOBIL DUZELTMELERI --- */
  .anabanner-alan-box {
      padding: 0 !important;
      overflow: hidden;
  }

  .anabanner-alan-box > .col-lg-12, .anabanner-alan-box > .col-md-12, .anabanner-alan-box > .col-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }

  .anabanner-item.mainSlider {
      border-radius: 0;
      overflow: hidden;
  }

  .hero-banner-slider {
      height: 220px;
      min-height: 220px;
  }

  .hero-banner-slider:not(.slick-initialized) .hero-slide-image img {
      height: 220px;
  }

  .mainSlider .slick-slide img, .hero-slide-image img {
      width: 100% !important;
      max-width: 100% !important;
      min-height: 220px;
      max-height: 220px;
      height: 220px !important;
      object-fit: cover;
      border-radius: 0 !important;
  }

  /* Slider icerik - hero slide kartlari */
  .hero-slide-item {
      height: 220px !important;
      min-height: 220px !important;
      max-height: 220px !important;
      overflow: hidden;
  }

  /* .hero-slide-item::after {

height: 120px;

} */
  .hero-slide-inner, .hero-slide-item .hero-slide-inner {
      padding: 0 16px !important;
      max-width: 100% !important;
      text-align: left;
      width: 100%;
      box-sizing: border-box;
  }

  .hero-slide-title {
      font-size: 24px !important;
      margin-bottom: 6px !important;
      white-space: normal;
      word-wrap: break-word;
      overflow-wrap: break-word;
  }

  .hero-slide-subtitle {
      font-size: 16px !important;
      margin-bottom: 10px !important;
  }

  .hero-slide-features {
      font-size: 12px !important;
      padding: 4px 10px !important;
      margin-bottom: 12px !important;
  }

  .hero-slide-price-area {
      margin-bottom: 12px !important;
      flex-wrap: wrap;
      gap: 8px !important;
  }

  .price-new {
      font-size: 26px !important;
  }

  .price-old {
      font-size: 13px !important;
  }

  .hero-badge-firsat {
      font-size: 10px !important;
      padding: 4px 8px !important;
  }

  .hero-slide-btn {
      padding: 8px 18px !important;
      font-size: 13px !important;
  }

  .hero-slide-content {
      padding-bottom: 50px !important;
  }

  .hero-slide-overlay {
      /* background: linear-gradient(

;/* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

) !important; */
      /* background: linear-gradient(

to top,

rgba(0, 0, 0, 0.75) 0%,

rgba(0, 0, 0, 0.35) 50%,

rgba(0, 0, 0, 0.15) 100%

) !important; */
  }

  /* 3) Slider caption mobil (baska sablon) */
  .slider-caption {
      transform: translate(-50%, -60%);
      padding: 0 15px;
      max-width: 100%;
  }

  .slider-caption h1 {
      font-size: 22px;
      margin-bottom: 8px;
  }

  .slider-caption p {
      font-size: 13px;
  }

  /* 4) Tursab badge */
  span.tursab-txt {
      font-size: 10px !important;
      padding: 4px 8px !important;
      max-width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  /* 5) Arama kutusu - slider altinda */
  .anabanner-search-alan-box {
      position: relative !important;
      bottom: 15px !important;
      left: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin-top: -30px;
      padding: 0 12px !important;
      z-index: 10;
  }

  .tb-search-wrapper {
      padding: 12px 10px 10px !important;
  }

  .tb-search-row {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
  }

  .tb-field-col-city, .tb-field-col-date {
      flex: unset;
  }

  .tb-input-box {
      height: 44px;
  }

  .tb-search-btn {
      width: 100%;
      min-width: unset;
      height: 44px;
      font-size: 14px;
  }

  .tb-popular-tags {
      justify-content: flex-start;
  }

  /* 6) Hizli Kategori menusu */
  .hizli-kat-menu-list {
      padding-top: 15px;
      padding-bottom: 15px;
  }

  .hizli-kat-menu-list .col-lg-2 {
      flex: 0 0 33.333%;
      max-width: 33.333%;
      margin-bottom: 10px;
  }

  .hizli-kat-box {
      padding: 10px 5px;
  }

  .hizli-kat-box img {
      width: 55px;
      height: 55px;
  }

  .hizli-kat-text {
      font-size: 10px;
      margin-top: 6px;
  }

  /* 7) Container padding kontrol */
  .container {
      padding-left: 10px;
      padding-right: 10px;
  }

  /* 8) Populer Bolgeler - owl carousel tasan engelle */
  .popuelerbolgeler {
      overflow: hidden;
  }

  .popuelerbolgeler .owl-carousel {
      width: 100%;
  }

  .owl-populer .owl-stage-outer {
      overflow: hidden;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-top: -10px;
      margin-bottom: -10px;
  }

  .destination-grid-item-01 .image img {
      border-radius: 10px;
      max-width: 100%;
  }

  /* 9) Tur kartlari tasan duzeltmesi */
  .asayfa-turlar-boxes {
      overflow: hidden;
  }

  .item.col-lg-4 {
      margin-bottom: 15px;
  }

  .anasayfa-tur-banners.col-lg-12 {
      margin-top: -30px;
  }

  .balkan-button a {
      width: auto !important;
  }

  .anasayfa-tur-banners {
      margin-bottom: 15px !important;
  }

  .owl-tour {
      overflow: hidden;
  }

  .owl-tour .owl-stage-outer {
      overflow: hidden;
  }

  figure.tour-grid-item-01 {
      margin: 0 2px;
      max-width: 100%;
      overflow: hidden;
  }

  .tour-grid-item-01 img {
      max-width: 100% !important;
      height: auto;
  }

  .tour-grid-item-01 h5 a {
      font-size: 13px;
      white-space: normal;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .tour-grid-item-01 .content {
      padding: 8px 10px 12px !important;
  }

  .tour-card-modern .tour-card-image img {
      height: auto !important;
  }

  .section-title.has-view-all-btn {
      flex-direction: column;
      text-align: center;
      gap: 10px;
  }

  .btn-tour-group-all {
      padding: 8px 18px;
      font-size: 12px;
  }

  /* 10) Hot Deals / Firsat Otelleri */
  .hot-deals {
      overflow: hidden;
  }

  .hot-deals .clear-padding {
      padding-left: 12px;
      padding-right: 12px;
  }

  #hotDeal {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      gap: 6px;
      padding: 0 5px 10px;
      scrollbar-width: none;
      height: 68px;
      padding: 10px 0;
  }

  #hotDeal::-webkit-scrollbar {
      display: none;
  }

  #hotDeal li {
      flex: 0 0 auto;
  }

  #hotDeal li a {
      white-space: nowrap;
      padding: 8px 14px !important;
      font-size: 12px !important;
      border-radius: 20px !important;
  }

  .hot-deals-txt {
      font-size: 16px;
      padding: 15px 10px 0;
      margin-bottom: 15px;
  }

  .hot-deals .tab-content {
      padding: 10px 0;
  }

  /* 11) Swiper otel kartlari */
  .swiper-slide {
      max-width: 100%;
      overflow: hidden;
  }

  .swiper .tour-grid-item-01 img {
      max-height: 110px !important;
      max-width: 100%;
  }

  .swiper-button-prev, .swiper-button-next {
      /* display: none !important; */
  }

  /* 12) Yorumlar section */
  .yorumlar-index {
      overflow: hidden;
  }

  .container-yorum {
      overflow: hidden;
      padding-left: 0;
      padding-right: 0;
  }

  .owl-yorumlar .owl-stage-outer {
      overflow: hidden;
  }

  .owl-yorumlar .owl-nav button {
      width: 36px;
      height: 36px;
  }

  .owl-yorumlar .owl-nav button span {
      font-size: 18px;
  }

  .yorumboxes {
      margin: 5px auto;
      padding: 12px;
  }

  .yorum-box {
      height: 140px;
  }

  .yorum-sag {
      height: 140px;
  }

  .otel-yorum-isim {
      font-size: 18px;
  }

  .gruplink {
      font-size: 14px;
      padding: 6px 16px;
  }

  /* 13) Blog section */
  .blog-section {
      overflow: hidden;
  }

  .blog-grid {
      padding: 0 5px;
  }

  /* 15) Section title duzeltme */
  .section-title {
      max-width: 100%;
      margin: 15px auto;
      padding: 0 5px;
  }

  .section-title h2 {
      font-size: 18px;
  }

  /* 16) Image ve kart tasan genel duzeltme */
  .image:before {
      border-radius: 6px;
  }

  img {
      max-width: 100%;
      height: auto;
  }

  /* 17) Owl carousel genel mobile tasan duzeltme */
  .owl-carousel {
      width: 100% !important;
      overflow: hidden !important;
  }

  .owl-carousel .owl-stage-outer {
      overflow: hidden !important;
  }

  /* 18) il-group-baslik */
  .il-group-baslik h1 {
      font-size: 24px;
      padding: 15px 0;
  }

  /* 19) Slick slider tasan duzeltme */
  .slick-slider {
      overflow: hidden;
  }

  .slick-list {
      overflow: hidden !important;
  }

  /* 20) Hero banner slider dots */
  .hero-banner-slider .slick-dots {
      bottom: 60px !important;
  }

  .hero-banner-slider .slick-dots li button {
      width: 8px !important;
      height: 8px !important;
  }

  /* 21) Owl nav butonlar mobilde slider icinde kalsin */
  .owl-tour button.owl-prev {
      left: 5px !important;
  }

  .owl-tour button.owl-next {
      right: 5px !important;
  }

  .popuelerbolgeler button.owl-prev {
      left: 5px !important;
  }

  .popuelerbolgeler button.owl-next {
      right: 5px !important;
  }
}

.searchbox {
  background-color: #fff;
  padding: 8px;
  height: 150px;
  width: 100px;
  border: 1px solid #66afe9;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  visibility: hidden;
  z-index: 99999;
  left: 10px;
  top: 10px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

span.categories_link-category-name {
  color: white;
}

.tour-div-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tour-div-item {
  /* margin-top: auto; */
  /* padding-top: 12px; */
  border-top: 1px solid #f0f0f0;
  /* display: flex; */
  align-items: baseline;
  /* justify-content: flex-end; */
  /* gap: 6px; */
  /* flex-wrap: wrap; */
}

/* Why to travel / Neden bizimle rezervasyon */
@keyframes whyToTravelFloat {
  0%, 100% {
      transform: translateY(0) scale(1);
  }

  50% {
      transform: translateY(-4px) scale(1.03);
  }
}

.why-to-travel {
  background: #f5f5f5;
  padding: 60px 0 70px;
}

.why-to-travel-title {
  font-family: inherit;
  font-size: 1.75rem;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin: 0 0 48px;
  line-height: 1.3;
}

.why-to-travel-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.why-to-travel-grid [class*="col-"] {
  padding: 0 15px;
  margin-bottom: 24px;
}

.why-to-travel-item {
  text-align: center;
  padding: 0 10px;
  height: 100%;
}

.why-to-travel-icon-wrap {
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
 /* Organik blob: tam yuvarlak de il, yumu ak ekilli arka plan */
  border-radius: 63% 37% 54% 46% / 48% 62% 38% 52%;
  animation: whyToTravelFloat 3.2s ease-in-out infinite;
}

/* Her kutu sirayla hareket etsin, hepsi ayn anda olmas n */
.why-to-travel-grid > div:nth-child(4n+1) .why-to-travel-icon-wrap {
  animation-delay: 0s;
}

.why-to-travel-grid > div:nth-child(4n+2) .why-to-travel-icon-wrap {
  animation-delay: 0.4s;
}

.why-to-travel-grid > div:nth-child(4n+3) .why-to-travel-icon-wrap {
  animation-delay: 0.8s;
}

.why-to-travel-grid > div:nth-child(4n+4) .why-to-travel-icon-wrap {
  animation-delay: 1.2s;
}

/* S rayla farkl arka plan rengi: 1 pembe, 2 ye il, 3 sar , 4 mavi (sonra tekrarlan r) */
.why-to-travel-grid > div:nth-child(4n+1) .why-to-travel-icon-wrap {
  background: rgb(255, 230, 235);
  border-radius: 40% 60% 60% 40% / 60% 35% 65% 40%;
}

.why-to-travel-grid > div:nth-child(4n+2) .why-to-travel-icon-wrap {
  background: rgb(230, 255, 240);
  border-radius: 65% 35% 45% 55% / 42% 58% 42% 58%;
}

.why-to-travel-grid > div:nth-child(4n+3) .why-to-travel-icon-wrap {
  background: rgb(255, 250, 230);
  border-radius: 55% 45% 35% 65% / 55% 50% 50% 45%;
}

.why-to-travel-grid > div:nth-child(4n+4) .why-to-travel-icon-wrap {
  background: rgb(230, 245, 255);
  border-radius: 38% 62% 55% 45% / 48% 45% 55% 52%;
}

.why-to-travel-icon {
  width: 32px;
  height: 32px;
  color: #1a1a1a;
  position: relative;
  z-index: 1;
}

.why-to-travel-item-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px;
  line-height: 1.3;
}

.why-to-travel-item-desc {
  font-size: 0.95rem;
  color: #4a4a4a;
  line-height: 1.5;
  margin: 0;
  font-weight: 400;
}

@media (max-width: 991px) {
  .why-to-travel {
      padding: 44px 0 50px;
  }

  .why-to-travel-title {
      font-size: 1.5rem;
      margin-bottom: 36px;
  }

  .why-to-travel-item {
      margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .why-to-travel {
      padding: 36px 0 44px;
  }

  .why-to-travel-title {
      font-size: 1.35rem;
      margin-bottom: 28px;
  }
}

/* ===== Tur Banner ===== */
.anasayfa-tur-banners {
  margin-bottom: 30px;
}

.row > .anasayfa-tur-banners ~ .anasayfa-tur-banners {
  display: none;
}

/* Ilk grup disindaki section-title JS ile gizleniyor */
/* ne kan etiketi */
.one-cikan-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #ef4444;
  margin-bottom: 6px;
  letter-spacing: 0.5px;
}

/* Tum Turlar G r butonu */
.tum-turlari-gor-wrap {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}

.tum-turlari-gor-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  border: 1.5px solid #1a1a2e;
  border-radius: 28px;
  color: #1a1a2e;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  transition: all 0.25s ease;
}

.tum-turlari-gor-btn:hover {
  background: #1a1a2e;
  color: #ffffff;
  text-decoration: none;
}

.tum-turlari-gor-btn i {
  font-size: 12px;
  transition: transform 0.2s ease;
}

.tum-turlari-gor-btn:hover i {
  transform: translateX(3px);
}

.balkan-banner {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  padding: 40px 45px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.balkan-banner-image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.balkan-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.balkan-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #024735 0%, #024735bd 40%, #02473542 65%, rgba(0, 87, 168, 0.15) 85%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.balkan-banner.black-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #000000 0%, #000000bd 40%, #00000042 65%, rgb(0 0 0 / 15%) 85%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.balkan-banner.blue-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #1e2732ed 0%, #1e273270 40%, #1e273263 65%, rgb(0 0 0 / 15%) 85%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.balkan-banner > *:not(.balkan-banner-image) {
  position: relative;
  z-index: 2;
}

.deneyim-item svg {
  color: white;
}

.vize-bilgi {
  font-size: 13px;
  color: #fbbf24;
  font-weight: 500;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.balkan-banner-content h2 {
  font-size: 32px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 10px 0;
  line-height: 1.2;
}

.balkan-aciklama {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 20px;
  max-width: 420px;
  line-height: 1.5;
}

.balkan-button .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #e31e24;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 24px;
  border: unset;
  transition: all 0.25s ease;
  text-decoration: none;
}

.balkan-button .btn:hover {
  background: #ffffff;
  color: #e31e24;
  text-decoration: none;
  border: unset;
}

@media (max-width: 768px) {
  .balkan-banner {
      padding: 28px 24px;
      min-height: 180px;
  }

  .balkan-banner::before {
      background: linear-gradient(90deg, #1e2732 0%, #1e2732 50%, rgba(0, 87, 168, 0.7) 75%, rgba(0, 87, 168, 0.3) 100%);
  }

  .balkan-banner-content h2 {
      font-size: 24px;
  }

  .balkan-aciklama {
      font-size: 13px;
  }

  .balkan-button .btn {
      padding: 8px 20px;
      font-size: 13px;
  }
}

/* ===== Sik Sorulan Sorular ===== */
.sikca-sorulan-sorular {
  background: #f8f9fb;
  padding: 60px 0 70px;
}

.sss-header {
  text-align: center;
  margin-bottom: 40px;
}

.sss-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #ef4444;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.sss-title {
  font-size: 30px;
  font-weight: 800;
  color: #1a1a2e;
  margin: 0 0 12px 0;
}

.sss-subtitle {
  font-size: 15px;
  color: #6b7280;
  margin: 0;
  font-weight: 400;
}

.sss-list {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sss-item {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.sss-item:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.sss-item.active {
  border-color: #d1d5db;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.sss-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  cursor: pointer;
  user-select: none;
  gap: 16px;
}

.sss-baslik h3 {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
  line-height: 1.4;
  margin: unset !important;
}

.sss-chevron {
  flex-shrink: 0;
  color: #9ca3af;
  transition: transform 0.3s ease;
}

.sss-item.active .sss-chevron {
  transform: rotate(180deg);
  color: #2563eb;
}

.sss-icerik {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding: 0 24px;
}

.sss-item.active .sss-icerik {
  max-height: 500px;
  padding: 0 24px 20px;
}

.sss-icerik p, .sss-icerik {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .sikca-sorulan-sorular {
      padding: 40px 0 50px;
  }

  .sss-title {
      font-size: 24px;
  }

  .sss-baslik {
      padding: 16px 18px;
  }

  .sss-baslik span {
      font-size: 14px;
  }
}

/* ===== Blog Section New (Ekomania) ===== */
.blog-section-new.ekomania-blog-section, .ekomania-blog-section {
  padding: 0;
}

section.ekomania-blog-section > .container, .ekomania-blog-section > .container {
  max-width: 1230px;
  overflow: visible;
}

.ekomania-blog-section {
  overflow: visible;
}

.ekomania-blog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.ekomania-blog-title-wrap {
  display: inline-block;
}

.ekomania-blog-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.blog-t-black {
  color: #323c4e;
}

.blog-t-red {
  color: #e81932;
}

.ekomania-blog-title-line {
  height: 2px;
  width: 100%;
  background: #e81932;
  margin-top: 6px;
}

.ekomania-blog-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #999fa8 !important;
  border: 1px solid #949aa3;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.ekomania-blog-all:hover {
  background: #e81932;
  color: #fff !important;
}

.ekomania-blog-slider {
  position: relative;
  overflow: visible;
}

.ekomania-blog-swiper {
  position: relative;
  overflow: hidden;
  padding: 4px 0;
  width: 100%;
}

.ekomania-blog-swiper .swiper-wrapper {
  /* align-items: stretch; */
}

.ekomania-blog-swiper .swiper-slide {
  height: auto;
  display: flex;
}

.ekomania-blog-swiper .blog-card-new {
  width: 100%;
}

.blog-swiper-next, .blog-swiper-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  /* transition: color 0.2s ease; */
}

.blog-swiper-next .blog-arrow-icon, .blog-swiper-prev .blog-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.blog-swiper-next:hover, .blog-swiper-prev:hover {
  background: transparent;
  color: #e81932;
}

.blog-swiper-next.swiper-button-disabled, .blog-swiper-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.blog-swiper-prev {
  left: -56px;
}

.blog-swiper-next {
  right: -56px;
}

@media (max-width: 1320px) {
  .blog-swiper-prev {
      left: -12px;
  }

  .blog-swiper-next {
      right: -12px;
  }

  .ekomania-blog-swiper {
      padding-left: 36px;
      padding-right: 36px;
  }
}

/* Blog Card New */
.blog-card-new {
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0 4px 18px rgba(38, 49, 68, 0.08);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  margin-bottom: 2px;
}

.blog-card-new:hover {
  box-shadow: 0 8px 24px rgba(38, 49, 68, 0.12);
  transform: translateY(-2px);
}

.blog-card-new-image {
  position: relative;
  overflow: hidden;
}

.blog-card-new-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  /* transition: transform 0.4s ease; */
}

.blog-card-new:hover .blog-card-new-image img {
  /* transform: scale(1.04); */
}

.blog-card-new-category {
  display: none;
}

.blog-card-new-body {
  padding: 18px 18px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 118px;
}

.blog-card-new-date, .blog-card-new-desc {
  display: none;
}

.blog-card-new-title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #323c4e;
  margin: 0 0 16px 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card-new-title a {
  color: inherit;
  text-decoration: none;
}

.blog-card-new-title a:hover {
  color: #e81932;
  text-decoration: none;
}

.blog-card-new-readmore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8b929c;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  margin-top: auto;
  transition: color 0.2s ease, gap 0.2s ease;
  justify-content: right;
}

.blog-card-new-readmore:hover {
  text-decoration: none;
  color: #e81932;
  gap: 10px;
}

.blog-card-new-readmore span {
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 991px) {
  .ekomania-blog-swiper {
      padding: 0;
  }

  .ekomania-blog-slider .blog-swiper-prev,
  .ekomania-blog-slider .blog-swiper-next {
      display: none;
  }

  .blog-card-new-image img {
      height: 140px;
  }

  .blog-card-new-title {
      font-size: 14px;
  }

  .blog-card-new-body {
      padding: 11px 2px 14px;
  }

  .blog-card-new-desc {
      font-size: 12px;
      -webkit-line-clamp: 2;
  }

  .blog-card-new-readmore span {
      font-size: 12px;
  }
}

@media (max-width: 768px) {
  .ekomania-blog-title {
      font-size: 20px;
  }

  .ekomania-blog-swiper {
      padding: 0;
  }

  .blog-card-new-image img {
      height: 120px;
  }

  .blog-card-new-title {
      font-size: 13px;
  }
}

/* Anasayfa Iletisim Banner */
.anasayfa-iletisim-box {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 60px 0;
}

.anasayfa-iletisim-box {
  margin-bottom: 60px;
}

.iletisim-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(26 74 143 / 90%);
  z-index: 0;
}

.anasayfa-iletisim-box .container {
  position: relative;
  z-index: 1;
}

.iletisim-banner-content {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.iletisim-banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 24px;
  border: 1px solid rgba(255,255,255,0.3);
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  backdrop-filter: blur(14px);
  background: rgb(255 255 255 / 16%);
}

.iletisim-banner-star svg {
  fill: #ffb900;
}

.iletisim-banner-star {
  color: #f59e0b;
  font-size: 18px;
}

.iletisim-banner-title {
  color: #fff;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 16px 0;
}

.iletisim-banner-subtitle {
  color: #fff;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 32px 0;
  opacity: 0.95;
}

.iletisim-banner-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

.iletisim-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 1rem;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}

.iletisim-banner-btn:hover {
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  background: #ef4444;
  color: white !important;
}

.iletisim-banner-btn-phone {
  background: #fff;
  color: #333;
  border: none;
}

.iletisim-banner-btn-phone:hover {
  color: #333;
}

.iletisim-banner-btn-email {
  background: #5B8AC0;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.5);
}

.iletisim-banner-btn-email:hover {
  color: #fff;
  background: #4a7ab0;
}

.iletisim-banner-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

@media (max-width: 576px) {
  .anasayfa-iletisim-box {
      min-height: 380px;
      padding: 40px 15px;
  }

  .iletisim-banner-buttons {
      flex-direction: column;
  }

  .iletisim-banner-btn {
      width: 100%;
      max-width: 280px;
      justify-content: center;
  }
}

.baslik-icon {
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(14px);
  background: rgb(255 255 255 / 16%);
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.baslik-icon i {
  color: #ffb900;
}

span.cizgili {
  font-size: 10px;
  color: #9ca3af;
}

.hotel-card-price .style1 {
  font-size: 1rem;
}

/* ===== Hotel Card V2 - Anasayfa Grup Otel ===== */
.hotel-card-v2 {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  margin: 10px auto;
}

.hotel-card-v2:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.14);
  transform: translateY(-4px);
}

.hotel-card-v2 .tour-card-image {
  position: relative;
  overflow: hidden;
}

.hotel-card-v2 .tour-card-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.hotel-card-v2:hover .tour-card-image img {
  transform: scale(1.05);
}

.hotel-badge-stars {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: rgba(0,0,0,0.50);
  color: #fbbf24;
  font-size: 9px;
  padding: 5px 10px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.hotel-badge-stars i {
  color: #fbbf24;
}

.hotel-badge-stars:empty {
  display: none;
}

.hotel-badge-firsat {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.hotel-badge-konsept {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 2;
  background: #2563eb;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 6px;
}

.hotel-badge-konsept:empty {
  display: none;
}

.hotel-card-body {
  padding: 16px 18px 18px;
}

.hotel-card-name {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 6px 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hotel-card-location {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 8px;
}

.hotel-card-location i {
  color: #ef4444;
  font-size: 12px;
}

.hotel-card-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #374151;
}

.hotel-card-divider {
  height: 1px;
  background: #e5e7eb;
  margin-bottom: 14px;
}

.hotel-card-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.hotel-card-price-area {
  display: flex;
  flex-direction: column;
}

.hotel-card-price {
  font-size: 20px;
  font-weight: 800;
  color: #ef4444;
  line-height: 1.2;
  text-align: left;
}

/* span.otelpuan {

background: #2563eb;

color: white;

border-radius: 10px;

padding: 0 10px;

} */
.hotel-card-price .brut-price, .hotel-card-price del {
  font-size: 13px;
  color: #9ca3af;
  font-weight: 400;
  text-decoration: line-through;
  display: block;
  margin-bottom: 2px;
}

.hotel-card-per {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 2px;
}

.hotel-card-incele {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #2563eb;
  border-radius: 8px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.hotel-card-incele:hover {
  background: #2563eb;
  color: #fff;
  text-decoration: none;
}

.hotel-card-incele i {
  font-size: 11px;
  transition: transform 0.2s ease;
}

.hotel-card-incele:hover i {
  transform: translateX(3px);
}

@media (max-width: 768px) {
  .hotel-card-v2 .tour-card-image img {
      height: 180px;
  }

  .hotel-card-name {
      font-size: 14px;
  }

  .hotel-card-price {
      font-size: 18px;
  }

  .hotel-card-incele {
      padding: 6px 12px;
      font-size: 12px;
  }
}

.gezilecek-boxes {
  background: #f0f7ff;
  color: #1e6aa1;
  font-size: 13px;
  padding: 8px 14px;
  border-radius: 8px;
  margin-bottom: 10px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
}

.ts-card-route.tour-card-route {
  background: unset;
  color: unset;
  font-size: unset;
  padding: unset;
  border-radius: unset;
  margin-bottom: unset;
  line-height: unset;
  display: unset;
  align-items: unset;
  gap: unset;
  overflow: unset;
  text-overflow: unset;
}

.title-result {
  background: #1e2732;
}

.title-result .title {
  color: white !important;
}

.filter-wrap {
  border-radius: 10px;
  overflow: hidden;
}

.blogdetay-banner-content {
  z-index: 9;
  position: relative;
}

/* ne kan Blog Card */
.one-cikan-blog-card {
  display: flex !important;
  flex-direction: row;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.one-cikan-blog-card:hover {
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
}

.one-cikan-blog-image {
  position: relative;
  flex: 0 0 45%;
  max-width: 45%;
  overflow: hidden;
}

.one-cikan-blog-image a {
  display: block;
  height: 100%;
}

.one-cikan-blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
  min-height: 320px;
}

.one-cikan-blog-card:hover .one-cikan-blog-image img {
  transform: scale(1.05);
}

.one-cikan-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #ef4444;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 6px;
  z-index: 2;
  letter-spacing: 0.3px;
}

.one-cikan-blog-content {
  flex: 1;
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.one-cikan-blog-category {
  display: inline-block;
  background: #eff6ff;
  color: #2563eb;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 6px;
  margin-bottom: 16px;
  width: fit-content;
}

.one-cikan-blog-category:empty {
  display: none;
}

.one-cikan-blog-title {
  font-size: 22px;
  font-weight: 800;
  color: #1a1a2e;
  line-height: 1.4;
  margin: 0 0 14px 0;
}

.one-cikan-blog-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.one-cikan-blog-title a:hover {
  color: #2563eb;
  text-decoration: none;
}

.one-cikan-blog-desc {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.7;
  margin: 0 0 24px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.one-cikan-blog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}

.one-cikan-blog-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.one-cikan-blog-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #9ca3af;
  font-weight: 400;
}

.one-cikan-blog-meta span i {
  font-size: 13px;
  color: #9ca3af;
}

.one-cikan-blog-readmore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ef4444;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: gap 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.one-cikan-blog-readmore:hover {
  color: #dc2626;
  text-decoration: none;
  gap: 10px;
}

.one-cikan-blog-readmore i {
  font-size: 12px;
}

@media (max-width: 991px) {
  .one-cikan-blog-image {
      flex: 0 0 40%;
      max-width: 40%;
  }

  .one-cikan-blog-content {
      padding: 24px;
  }

  .one-cikan-blog-title {
      font-size: 20px;
  }
}

@media (max-width: 767px) {
  .one-cikan-blog-card {
      flex-direction: column;
  }

  .one-cikan-blog-image {
      flex: none;
      max-width: 100%;
  }

  .one-cikan-blog-image img {
      min-height: 220px;
      max-height: 260px;
  }

  .one-cikan-blog-content {
      padding: 20px;
  }

  .one-cikan-blog-title {
      font-size: 18px;
  }

  .one-cikan-blog-desc {
      font-size: 13px;
      -webkit-line-clamp: 2;
  }

  .one-cikan-blog-footer {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
  }

  .one-cikan-blog-readmore {
      align-self: flex-end;
  }
}

/* ========================================

Blog Detay Sayfas

======================================== */
/* Banner */
.blogdetay-banner {
  position: relative;
  min-height: 380px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
}

.blogdetay-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 85%) 100%);
}

.blogdetay-banner .container {
  position: relative;
  z-index: 2;
}

.blogdetay-banner-content {
  padding-bottom: 48px;
}

.blogdetay-category-badge {
  display: inline-block;
  background: #1e2732;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 16px;
  border-radius: 6px;
  margin-bottom: 18px;
  letter-spacing: 0.3px;
}

.blogdetay-category-badge:empty {
  display: none;
}

.blogdetay-banner-title {
  color: #fff;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
  /* max-width: 750px; */
}

/* Breadcrumb Bar */
.blogdetay-breadcrumb-bar {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 0;
}

.blogdetay-breadcrumb-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.blogdetay-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  flex-wrap: wrap;
}

.blogdetay-breadcrumb a {
  color: #6b7280;
  text-decoration: none;
  transition: color 0.2s;
}

.blogdetay-breadcrumb a:hover {
  color: #1e2732;
  text-decoration: none;
}

.blogdetay-breadcrumb-sep {
  color: #d1d5db;
  font-size: 10px;
}

.blogdetay-breadcrumb-active {
  color: #1a1a2e;
  font-weight: 600;
}

.blogdetay-meta-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.blogdetay-meta-info span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #9ca3af;
}

.blogdetay-meta-info span i {
  color: #9ca3af;
}

/* Layout */
.blogdetay-layout {
  padding-top: 40px;
  padding-bottom: 60px;
}

/* Content Area */
.blogdetay-content-area {
  padding-right: 20px;
}

.blogdetay-article-body {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
}

.blogdetay-article-body h2 {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 32px 0 16px;
  line-height: 1.3;
}

.blogdetay-article-body h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 28px 0 14px;
  line-height: 1.3;
}

.blogdetay-article-body h4 {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 24px 0 12px;
}

.blogdetay-article-body p {
  margin: 0 0 16px;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.8;
}

.blogdetay-article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 16px 0;
}

.blogdetay-article-body ul, .blogdetay-article-body ol {
  margin: 12px 0 20px 24px;
  padding: 0;
}

.blogdetay-article-body li {
  margin-bottom: 8px;
  color: #4b5563;
  line-height: 1.7;
}

.blogdetay-article-body blockquote {
  border-left: 4px solid #1e2732;
  background: #f8fafc;
  padding: 20px 24px;
  margin: 24px 0;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #374151;
  line-height: 1.7;
}

.blogdetay-article-body blockquote p {
  margin: 0;
  font-style: italic;
}

.blogdetay-article-body a {
  color: #1e2732;
  text-decoration: underline;
}

.blogdetay-article-body a:hover {
  color: #003d7a;
}

/* Bottom Bar: Share + Like */
.blogdetay-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0 0;
  margin-top: 32px;
  border-top: 1px solid #f0f0f0;
}

.blogdetay-share {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blogdetay-share-label {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}

.blogdetay-share-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  transition: transform 0.2s, opacity 0.2s;
}

.blogdetay-share-btn:hover {
  transform: scale(1.1);
  opacity: 0.9;
  color: #fff;
  text-decoration: none;
}

.blogdetay-share-fb {
  background: #1877f2;
}

.blogdetay-share-tw {
  background: #1da1f2;
}

.blogdetay-share-li {
  background: #0a66c2;
}

.blogdetay-like-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  padding: 8px 20px;
  font-size: 14px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}

.blogdetay-like-btn:hover {
  border-color: #ef4444;
  color: #ef4444;
}

.blogdetay-like-btn.liked {
  background: #fef2f2;
  border-color: #ef4444;
  color: #ef4444;
}

.blogdetay-like-btn.liked i {
  font-weight: 900;
}

/* Sidebar */
.blogdetay-sidebar {
  position: sticky;
  top: 100px;
}

/* CTA Box */
.blogdetay-cta-box {
  background: linear-gradient(340deg, rgba(0, 87, 168, 1) 0%, rgba(0, 61, 122, 1) 0%, rgba(0, 87, 168, 1) 100%);
  border-radius: 16px;
  padding: 10px 13px;
  margin-bottom: 24px;
  text-align: center;
}

.blogdetay-cta-box h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.3;
}

.blogdetay-cta-box p {
  color: #94a3b8;
  font-size: 12px;
  margin: 0 0 20px;
  line-height: 1.5;
}

.blogdetay-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #1a1a2e;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 31px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s;
  width: 100%;
  justify-content: center;
}

.blogdetay-cta-btn:hover {
  background: #f8fafc;
  text-decoration: none;
  color: #1e2732;
  gap: 12px;
}

/* Sidebar Widget */
.blogdetay-sidebar-widget {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}

.blogdetay-widget-title {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid #f0f0f0;
}

/* Related Posts List */
.blogdetay-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blogdetay-related-item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f5f5f5;
}

.blogdetay-related-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.blogdetay-related-link {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  transition: opacity 0.2s;
}

.blogdetay-related-link:hover {
  text-decoration: none;
  opacity: 0.85;
}

.blogdetay-related-thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  overflow: hidden;
}

.blogdetay-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blogdetay-related-info {
  flex: 1;
  min-width: 0;
}

.blogdetay-related-info h4 {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 4px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blogdetay-related-info span {
  font-size: 12px;
  color: #9ca3af;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.blogdetay-related-info span i {
  font-size: 11px;
  color: #1e2732;
}

/* Responsive */
@media (max-width: 991px) {
  .blogdetay-banner {
      min-height: 300px;
  }

  .blogdetay-banner-title {
      font-size: 28px;
  }

  .blogdetay-content-area {
      padding-right: 0;
  }

  .blogdetay-sidebar {
      position: static;
      margin-top: 40px;
  }
}

@media (max-width: 767px) {
  section#hakkimizda-stats .row {
      gap: 15px;
  }

  .blogdetay-banner {
      min-height: 250px;
  }

  .blogdetay-banner-content {
      padding-bottom: 32px;
  }

  .blogdetay-banner-title {
      font-size: 22px;
  }

  .blogdetay-breadcrumb-inner {
      flex-direction: column;
      align-items: flex-start;
  }

  .blogdetay-layout {
      padding-top: 24px;
      padding-bottom: 40px;
  }

  .blogdetay-article-body h2 {
      font-size: 20px;
  }

  .blogdetay-article-body h3 {
      font-size: 18px;
  }

  .blogdetay-bottom-bar {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
  }

  .blogdetay-like-btn {
      align-self: flex-end;
  }
}

#hizmet-accordion-section .hizmet-kolon-header h3 {
  font-size: 17px;
}

.titles {
  line-height: 1.25;
  margin-bottom: 25px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 10px;
}

/* =============================================================================

Ekomania header style.css / main.css / stteki kurallarla ak malar giderir

(your-style en son yuklendigi icin burada tutulur; #id + .class ile oncelik)

============================================================================= */
#header-waypoint-sticky.ekomania-header.header-main {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}

#header-waypoint-sticky.ekomania-header.header-main.header-waypoint-sticky {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
}

@media (min-width: 992px) {
  #header-waypoint-sticky.ekomania-header.header-main.header-waypoint-sticky {
      -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
      -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
  }
}

#header-waypoint-sticky.ekomania-header {
  border-top: none !important;
  padding-top: 0 !important;
}

.ekomania-header .header-info-bar {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
}

.ekomania-header .header-top {
  background: #1e2732 !important;
  background-color: #1e2732 !important;
  color: #fff !important;
  height: 64px !important;
  min-height: 64px !important;
  border-bottom: none !important;
}

@media (max-width: 768px) {
  .ekomania-header .header-top {
      height: 56px !important;
      min-height: 56px !important;
      max-height: 56px !important;
      padding: 0 !important;
  }

 /* Hamburger | ortala logo | bildirim */
  .ekomania-header .ekomania-main-flex {
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) 44px !important;
      align-items: center !important;
      justify-content: stretch !important;
      gap: 6px !important;
      width: 100% !important;
      margin: 0 !important;
  }

  .ekomania-header .ekomania-brand-cluster {
      display: contents !important;
  }

  .ekomania-header .ekomania-mobile-toggle {
      grid-column: 1 !important;
      grid-row: 1 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
  }

  .ekomania-header.header-main .main-logo {
      grid-column: 2 !important;
      grid-row: 1 !important;
      justify-self: center !important;
      align-self: center !important;
      width: auto !important;
      max-width: 140px !important;
      margin: 0 auto !important;
      padding: 0 !important;
      text-align: center !important;
  }

  .ekomania-header.header-main .main-logo img {
      display: block !important;
      margin: 0 auto !important;
      max-height: 34px !important;
  }

  .ekomania-header .ekomania-header-actions {
      grid-column: 3 !important;
      grid-row: 1 !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      justify-content: flex-end !important;
      flex: none !important;
      width: auto !important;
      margin: 0 !important;
      float: none !important;
      position: relative !important;
  }

  .ekomania-header .userLoginPanel.ekomania-login-panel {
      width: auto !important;
      max-width: none !important;
      margin: 0 !important;
      position: relative !important;
      bottom: auto !important;
      right: auto !important;
      left: auto !important;
      float: none !important;
  }
}

.ekomania-header .main-logo {
  width: auto !important;
  max-width: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ekomania-header .header-main .navbar-wrapper .navbar, .ekomania-header.header-main .navbar-wrapper .navbar {
  float: none !important;
}

.ekomania-header.header-main.with-absolute-navbar .navbar {
  top: auto !important;
}

@media only screen and (max-width: 991px) {
  .ekomania-header.header-main.with-absolute-navbar .navbar {
      background: transparent !important;
      background-color: transparent !important;
      border-top: 0 !important;
  }

 /* Dil / kur: float + 90px genislik st ste biniyordu */
  .ekomania-header .ekomania-lang-currency, .ekomania-header .ekomania-top-right .ekomania-lang-currency {
      display: inline-flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      gap: 8px !important;
      float: none !important;
      width: auto !important;
      max-width: 100% !important;
      margin: 0 !important;
      position: relative !important;
  }

  .ekomania-header .ekomania-lang-currency .ekomania-vsep {
      display: inline-block !important;
      flex-shrink: 0 !important;
      height: 12px !important;
      margin: 0 !important;
  }

  .ekomania-header .ekomania-lang-currency .lang-wrap, .ekomania-header .ekomania-lang-currency .currency-wrap, .ekomania-header .lang-wrap, .ekomania-header .currency-wrap {
      float: none !important;
      position: relative !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: auto !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
  }

  .ekomania-header .ekomania-lang-currency .show-lang, .ekomania-header .ekomania-lang-currency .show-currency-tooltip, .ekomania-header .show-lang, .ekomania-header .show-currency-tooltip {
      display: inline-flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 4px !important;
      padding: 2px 4px !important;
      white-space: nowrap !important;
      position: relative !important;
      z-index: 2 !important;
      text-align: left !important;
  }

  .ekomania-header .ekomania-lang-currency .show-lang span, .ekomania-header .ekomania-lang-currency .show-currency-tooltip span, .ekomania-header .show-lang span, .ekomania-header .show-currency-tooltip span {
      position: static !important;
      font-size: 11px !important;
      line-height: 1.2 !important;
      color: #fff !important;
  }

  .ekomania-header .ekomania-lang-currency .show-lang img, .ekomania-header .show-lang img {
      width: 16px !important;
      height: 16px !important;
      margin: 0 !important;
      display: block !important;
      flex-shrink: 0 !important;
  }

 /* Tema beyaz #fff zemini ez koyu cam drawer */
  #mobileMenu.nav-mobile-drawer.ekomania-offcanvas, #mobileMenu.nav-mobile-drawer {
      display: flex !important;
      flex-direction: column !important;
      height: 100dvh !important;
      max-height: 100dvh !important;
      overflow: hidden !important;
      background: rgba(28, 32, 40, 0.88) !important;
      backdrop-filter: blur(12px) !important;
      -webkit-backdrop-filter: blur(12px) !important;
  }

  #mobileMenu.nav-mobile-drawer .nav-mobile-drawer-scroll {
      flex: 1 1 0% !important;
      min-height: 0 !important;
      height: 0 !important;
      max-height: none !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch !important;
      overscroll-behavior: contain !important;
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
      position: relative !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav, #mobileMenu.nav-mobile-drawer nav.main-menu-nav, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav {
      background: transparent !important;
      background-color: transparent !important;
      flex: none !important;
      min-height: 0 !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
      color: #fff !important;
  }

 .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav, #mobileMenu.nav-mobile-drawer .main-nav, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav .main-nav, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul {
      background: transparent !important;
      background-color: transparent !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      color: #fff !important;
  }

  /* Mobil drawer: spacing + arrows (main-nav optional) */
 #mobileMenu.nav-mobile-drawer.ekomania-offcanvas nav.ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer nav.main-menu-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu #mobileMenu.nav-mobile-drawer .main-menu-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu #mobileMenu.nav-mobile-drawer .main-menu-nav .main-nav li ul li a, #mobileMenu.nav-mobile-drawer .main-nav li a, #mobileMenu.nav-mobile-drawer .main-nav a span, .ekomania-offcanvas-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav > li > a {
      color: #e3e3e3 !important;
      font-family: 'Poppins', sans-serif !important;
      text-align: left !important;
  }

 #mobileMenu.nav-mobile-drawer.ekomania-offcanvas nav.ekomania-offcanvas-nav > ul > li, #mobileMenu.nav-mobile-drawer nav.main-menu-nav > ul > li, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li, #mobileMenu.nav-mobile-drawer .main-nav > li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
      margin: 0 !important;
      padding: 0 !important;
      float: none !important;
      width: 100% !important;
  }

 #mobileMenu.nav-mobile-drawer.ekomania-offcanvas nav.ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer nav.main-menu-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .main-nav > li > a, .ekomania-offcanvas-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav > li > a, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav > li > a {
      display: flex !important;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      padding: 5px 13px 5px 18px !important;
      position: relative !important;
      color: #ffffff !important;
      font-family: 'Poppins', sans-serif !important;
      font-size: 15px !important;
      font-weight: 500 !important;
      line-height: 1.4 !important;
      letter-spacing: 0.01em;
      text-transform: none !important;
      text-decoration: none !important;
      text-align: left !important;
      min-height: 56px;
      background: transparent !important;
      border-left: 0 !important;
      border-bottom: 0 !important;
      height: auto !important;
      width: 100% !important;
      transition: color 0.2s ease, background 0.2s ease;
  }

 #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a:hover, #mobileMenu.nav-mobile-drawer .main-nav > li > a:hover, .ekomania-offcanvas-nav .main-nav > li > a:hover, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav > li > a:hover {
      color: #ffffff !important;
      background: rgba(255, 255, 255, 0.07) !important;
  }

 #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul li a, #mobileMenu.nav-mobile-drawer .main-nav li ul li a, .ekomania-offcanvas-nav .main-nav li ul li a, .ekomania-header.header-main.header-mobile-menu .ekomania-offcanvas-nav .main-nav li ul li a, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav li ul li a {
      color: rgba(255, 255, 255, 0.92) !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      padding: 6px 48px 6px 40px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 10px !important;
      min-height: 34px !important;
      height: auto !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      position: relative !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li.menus-alt > a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav > ul > li.baslik.menus-alt > a {
      padding: 5px 48px 5px 18px !important;
      font-size: 15px !important;
      min-height: 56px !important;
  }

  #mobileMenu.nav-mobile-drawer .main-nav li ul li ul li a, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-nav li ul li ul li a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul li ul > li > a {
      padding: 5px 48px 5px 56px !important;
      font-size: 13px !important;
  }

  #mobileMenu.nav-mobile-drawer .main-nav li ul li ul li ul li a, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul li ul li ul > li > a {
      padding-left: 72px !important;
  }

  #mobileMenu.nav-mobile-drawer li.menu-item-has-children:after, #mobileMenu li.menu-item-has-children:after {
      display: none !important;
      content: none !important;
  }

 #mobileMenu.nav-mobile-drawer li:not(.has-submenu) > a .arrow-indicator, #mobileMenu.nav-mobile-drawer .main-nav li:not(.has-submenu) > a .arrow-indicator, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li:not(.has-submenu) > a .arrow-indicator {
      display: none !important;
  }

 #mobileMenu.nav-mobile-drawer li.has-submenu > a .arrow-indicator, #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li.has-submenu > a .arrow-indicator, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-menu-nav .main-nav > li.has-submenu > a .arrow-indicator {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      position: absolute !important;
      top: 50% !important;
      right: 16px !important;
      left: auto !important;
      bottom: auto !important;
      width: 24px !important;
      height: 24px !important;
      margin: 0 !important;
      padding: 0 !important;
      flex-shrink: 0 !important;
      color: #fff !important;
      font-size: 13px !important;
      line-height: 1 !important;
      border: 0 !important;
      background: transparent !important;
      transform: translateY(-50%) !important;
      transition: transform 0.2s ease;
      z-index: 2 !important;
  }

  #mobileMenu.nav-mobile-drawer .arrow-indicator i, #mobileMenu.nav-mobile-drawer .arrow-indicator .fa, #mobileMenu.nav-mobile-drawer .arrow-indicator .fas {
      color: #fff !important;
      font-size: 13px !important;
      line-height: 1 !important;
      margin: 0 !important;
  }

 #mobileMenu.nav-mobile-drawer .arrow-indicator::before, #mobileMenu.nav-mobile-drawer .arrow-indicator::after, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-nav li .arrow-indicator:after, .ekomania-header.header-main.header-mobile-menu #mobileMenu .main-nav li .arrow-indicator:before {
      content: none !important;
      display: none !important;
  }

  #mobileMenu.nav-mobile-drawer li.is-open > a .arrow-indicator:not(.is-nested) {
      transform: translateY(-50%) !important;
  }

  #mobileMenu.nav-mobile-drawer li ul li > a .arrow-indicator.is-nested {
      transform: translateY(-50%) !important;
  }

  #mobileMenu.nav-mobile-drawer a > i[class*="fa-"], #mobileMenu.nav-mobile-drawer .main-nav a > i[class*="fa-"] {
      color: #ffffff !important;
      font-size: 16px !important;
      width: 1.15em !important;
      min-width: 18px !important;
      margin-right: 10px !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
  }

  #mobileMenu.nav-mobile-drawer .arrow-indicator i[class*="fa-"] {
      width: auto !important;
      min-width: 0 !important;
      margin-right: 0 !important;
      font-size: 13px !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li ul, #mobileMenu.nav-mobile-drawer .main-nav li ul {
      display: none !important;
      position: static !important;
      width: 100% !important;
      float: none !important;
      background: rgba(0, 0, 0, 0.28) !important;
      box-shadow: none !important;
      border: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
  }

  #mobileMenu.nav-mobile-drawer .ekomania-offcanvas-nav li.is-open > ul, #mobileMenu.nav-mobile-drawer .main-nav li.is-open > ul, #mobileMenu.nav-mobile-drawer li.is-open > ul {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: static !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      width: 100% !important;
      left: auto !important;
      top: auto !important;
      float: none !important;
  }

  .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle {
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
  }

  .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle:before, .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle.collapsed:before, .ekomania-header .btn.btn-toggle.ekomania-offcanvas-toggle.is-open:before {
      content: none !important;
      display: none !important;
      background: none !important;
  }

 /* Logo ortala (991px) 768px blogu ile uyumlu grid */
  .ekomania-header .ekomania-main-flex {
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) 44px !important;
      align-items: center !important;
      width: 100% !important;
  }

  .ekomania-header .ekomania-brand-cluster {
      display: contents !important;
  }

  .ekomania-header .ekomania-mobile-toggle {
      grid-column: 1 !important;
      grid-row: 1 !important;
  }

  .ekomania-header.header-main .main-logo, .ekomania-header .main-logo {
      grid-column: 2 !important;
      grid-row: 1 !important;
      justify-self: center !important;
      margin: 0 auto !important;
      text-align: center !important;
  }

  .ekomania-header .ekomania-header-actions {
      grid-column: 3 !important;
      grid-row: 1 !important;
      margin: 0 !important;
  }
}

.ekomania-header .userLoginPanel.ekomania-login-panel {
  border: none !important;
  /* padding: 0 !important; */
  margin-left: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  justify-content: center !important;
  z-index: 120 !important;
}

.ekomania-header .userLoginPanel.ekomania-login-panel span {
  color: inherit !important;
}

@media (max-width: 768px) {
  .ekomania-header .userLoginPanel.ekomania-login-panel {
      width: auto !important;
      max-width: none !important;
      margin-left: 0 !important;
  }
}

/* Search box v2 (anasayfa) stiller index.php inline <style> i ine ta nd */
/* Arama kutusu alt guven / ozellik seridi (5 sutun); st bosluk index.php inline */
.ekomania-trust-strip-outer {
  margin-bottom: 0;
}

.ekomania-trust-strip-outer > .container {
  max-width: 1230px;
}

.ekomania-trust-strip {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0;
  background: #fff;
  border: 1px solid #e2e5ea;
  border-radius: 8px;
  padding: 22px 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.trust-item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding: 8px 10px;
  position: relative;
  cursor: pointer;
  transition: color 0.2s ease;
}

.trust-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 52px;
  background: repeating-linear-gradient( to bottom, #d1d5db 0, #d1d5db 4px, transparent 4px, transparent 8px );
}

.trust-icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ffffff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 10px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.trust-icon-circle a {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.trust-icon-circle a img, .trust-icon-circle a svg {
  max-width: 67px;
  max-height: 67px;
  width: auto;
  height: auto;
  display: block;
  border-radius: 50%;
}

.trust-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.trust-line1, .trust-line2, .trust-line1 a, .trust-line2 a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #656f81;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.trust-line2, .trust-line2 a {
  font-weight: 600;
  color: #656f81;
}

/* 
.trust-item:hover .trust-icon-circle {
  border: 1px solid #e81932;
} */
.trust-item::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -10px;
  height: 3px;
  background: #656f81;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
  pointer-events: none;
  width: 88%;
}

.trust-item:hover::before {
  transform: scaleX(1);
}

.trust-item:hover .trust-line1, .trust-item:hover .trust-line2, .trust-item:hover .trust-line1 a, .trust-item:hover .trust-line2 a {
  color: #e81932;
}

@media (max-width: 991px) {
  .ekomania-trust-strip-outer > .container {
      padding-left: 12px;
      padding-right: 12px;
  }

  .ekomania-trust-strip-outer .container {
      position: relative;
  }

  .ekomania-trust-strip {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: stretch;
      justify-content: flex-start !important;
      gap: 0;
      position: relative;
      padding: 14px 0 10px;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      touch-action: pan-x pan-y;
  }

  .ekomania-trust-strip::-webkit-scrollbar {
      display: none;
  }

  .ekomania-trust-strip .trust-item {
      flex: 0 0 33.333% !important;
      width: 33.333% !important;
      max-width: 33.333% !important;
      min-width: 33.333% !important;
      height: auto;
      padding: 10px 6px;
      box-sizing: border-box;
      scroll-snap-align: start;
      scroll-snap-stop: always; }

  .ekomania-trust-strip .trust-icon-circle {
      width: 56px;
      height: 56px;
      font-size: 26px;
      margin-bottom: 8px;
  }

  .ekomania-trust-strip .trust-icon-circle a img, .ekomania-trust-strip .trust-icon-circle a svg {
      max-width: 52px;
      max-height: 52px;
  }

  .trust-item:not(:last-child)::after, .trust-item:nth-child(odd):not(:last-child)::after {
      display: none !important;
  }

  .ekomania-trust-strip-nav, .ekomania-trust-strip-nav button {
      display: none !important;
  }

  .ekomania-trust-strip-dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin-top: 8px;
  }

  .ekomania-trust-strip-dots button {
      width: 7px;
      height: 7px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #d1d5db;
      cursor: pointer;
  }

  .ekomania-trust-strip-dots button.is-active {
      background: #e81932;
  }

  .trust-icon-circle {
      width: 58px;
      height: 58px;
      font-size: 26px;
  }

  .trust-line1, .trust-line2, .trust-line1 a, .trust-line2 a {
      font-size: 12px;
  }
}

@media (max-width: 575px) {
  .ekomania-trust-strip {
      padding: 12px 0 8px;
  }

  .ekomania-trust-strip .trust-item {
      padding: 8px 6px;
  }

  .trust-item {
      border-bottom: none !important;
  }
}

/* Anasayfa tur tanitim / kategori gridi (1200px: 590 + 280 + 290) + tab panelleri */
.ekomania-showcase-outer {
  margin-top: 0;
  margin-bottom: 0;
}

.ekomania-showcase-container {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  box-sizing: border-box;
}

/* ===== WEB layout: hero slider + 4'lu grid ===== */
.ekomania-showcase-layout--desktop {
  display: grid;
  grid-template-columns: 590px 280px 290px;
  grid-template-rows: 130px 40px 190px;
  gap: 20px;
  width: 100%;
  max-width: 1200px;
  height: 400px;
  margin: 0 auto;
  align-items: stretch;
  justify-content: center;
  grid-template-areas: "hero cat1 solid" "hero cat1 tour" "hero cat2 tour";
}

.ekomania-showcase-layout--mobile {
  display: none;
}

.ekomania-showcase-hero--desktop {
  grid-area: hero;
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.ekomania-showcase-hero-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ekomania-showcase-hero-swiper .swiper-wrapper, .ekomania-showcase-hero-swiper .swiper-slide, .ekomania-showcase-hero-swiper .showcase-item--hero {
  height: 100%;
}

.ekomania-showcase-hero-swiper.swiper-fade .swiper-slide {
  pointer-events: none;
}

.ekomania-showcase-hero-swiper.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.ekomania-showcase-hero-swiper .showcase-card {
  position: absolute;
  inset: 0;
}



.ekomania-showcase-hero-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.55);
  opacity: 1;
}

.ekomania-showcase-hero-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.ekomania-showcase-grid--desktop {
  display: contents;
}

.ekomania-showcase-grid--mobile {
  display: none;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(1), .ekomania-showcase-grid--desktop > *:nth-child(1) {
  grid-area: cat1;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(2), .ekomania-showcase-grid--desktop > *:nth-child(2) {
  grid-area: cat2;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(3), .ekomania-showcase-grid--desktop > *:nth-child(3) {
  grid-area: solid;
}

.ekomania-showcase-grid--desktop > .showcase-item:nth-child(4), .ekomania-showcase-grid--desktop > *:nth-child(4) {
  grid-area: tour;
}

.showcase-item {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.showcase-card {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  text-decoration: none !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  background: #1a2330;
}

.showcase-card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

/* Resim child: {{RESIM}} bu kutuyu doldurur */
.showcase-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.showcase-media-child {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.showcase-media-child img, .showcase-media-child a, .showcase-media-child a img, .showcase-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.showcase-gradient {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient( to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 45%, transparent 70% );
  pointer-events: none;
}

.showcase-icon-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  color: #1e2732;
  font-size: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

.showcase-icon-btn i {
  display: block;
  line-height: 1;
  color: inherit;
  font-size: inherit;
}

.showcase-icon-btn--plus {
  display: flex;
}

.showcase-icon-btn--plus::before {
  content: "+";
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: inherit;
}

.showcase-icon-btn--plus i {
  display: none !important;
}

.showcase-icon-btn--heart {
  display: none;
  color: #e81932;
}

.showcase-icon-btn--heart::before {
  content: "\2665";
  font-size: 16px;
  line-height: 1;
  color: inherit;
}

.showcase-icon-btn--heart i {
  display: none !important;
}

.showcase-icon-btn--alan5 {
  display: none;
  top: 14px;
  right: 14px;
  z-index: 5;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 0;
  background: transparent !important;
  color: #fff !important;
  font-size: 18px !important;
  box-shadow: none !important;
  pointer-events: none;
}

.showcase-icon-btn--alan5:not(:empty), .showcase-icon-btn--alan5:has(i), .showcase-icon-btn--alan5:has(svg) {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.showcase-icon-btn--alan5 i, .showcase-icon-btn--alan5 svg {
  display: inline-block !important;
  line-height: 1 !important;
  font-size: 18px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45));
}

.ekomania-showcase-grid .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-grid .showcase-icon-btn--alan5:has(i), .ekomania-showcase-hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-icon-btn--alan5:has(i), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:has(i) {
  display: flex !important;
  width: 36px;
  height: 36px;
}

.showcase-cta-btn i {
  display: none !important;
}

.showcase-cta-btn::before {
  content: "\2192";
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: inherit;
}

.ekomania-showcase-hero .showcase-hero-duration i, .ekomania-showcase-hero .showcase-hero-route i {
  display: inline-block;
  width: 14px;
  text-align: center;
  margin-right: 2px;
  opacity: 0.95;
}

.ekomania-showcase-hero .showcase-hero-duration:empty, .ekomania-showcase-hero .showcase-hero-route:empty, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-duration:empty, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-route:empty {
  display: none !important;
}

/* 1. hero: kalp */
.ekomania-showcase-hero .showcase-icon-btn--plus, .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--plus {
  display: none;
}

.ekomania-showcase-hero .showcase-icon-btn--heart, .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--heart {
  display: none;
}

.ekomania-showcase-hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-icon-btn--alan5:has(i), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-icon-btn--alan5:has(i) {
  display: flex !important;
  width: 36px;
  height: 36px;
}

.ekomania-showcase-grid--desktop > *:nth-child(3) .showcase-icon-btn--plus, .ekomania-showcase-grid--mobile > *:nth-child(3) .showcase-icon-btn--plus {
  color: #1e2732;
}

.showcase-card-foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 16px 18px 18px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}

.showcase-card-title {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}

/* Hero ekstra alanlar: varsayilan gizli, sadece 1. kartta */
.showcase-hero-accent, .showcase-hero-duration, .showcase-hero-route, .showcase-hero-cta {
  display: none;
}

/* Diger kartlarda baslik gorunsun */
.showcase-hero-text {
  display: contents;
}

.showcase-cta-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  color: #1e2732;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* 5. tur karti: yuvarlak ok */
.ekomania-showcase-grid--desktop > *:nth-child(4) .showcase-cta-btn, .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-cta-btn {
  display: inline-flex;
}

.ekomania-showcase-grid--desktop > *:nth-child(4) .showcase-card-title, .ekomania-showcase-grid--mobile > *:nth-child(2) .showcase-card-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
}

.ekomania-showcase-grid--desktop > *:nth-child(4) .showcase-card-title, .ekomania-showcase-grid--mobile > *:nth-child(3) .showcase-card-title {
  font-size: 12px;
  font-weight: 500;

}

/* ===== 1. BUYUK HERO ===== */
.ekomania-showcase-hero .showcase-gradient, .ekomania-showcase-hero .showcase-item--hero .showcase-gradient {
  background: linear-gradient( to top, rgba(0, 0, 0, 0.35) 0%, transparent 55% );
}

.ekomania-showcase-hero .showcase-card-foot, .ekomania-showcase-hero .showcase-item--hero .showcase-card-foot {
  align-items: flex-end;
  gap: 10px;
  padding: 9px 10px 10px;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.ekomania-showcase-hero .showcase-hero-accent, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-accent {
  display: block;
  width: 4px;
  align-self: stretch;
  min-height: 48px;
  max-height: 72px;
  margin-bottom: 2px;
  border-radius: 2px;
  background: #e81932;
  flex-shrink: 0;
}

.ekomania-showcase-hero .showcase-hero-text, .ekomania-showcase-hero .showcase-item--hero .showcase-hero-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}



.ekomania-showcase-hero .showcase-hero-duration:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-hero-duration:not(:empty) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.ekomania-showcase-hero .showcase-hero-route:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-hero-route:not(:empty) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.ekomania-showcase-hero .showcase-hero-cta:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-hero-cta:not(:empty) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 12px 18px;
  border-radius: 6px;
  background: #e81932;
  color: #fff !important;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  box-shadow: 0 4px 14px rgba(232, 25, 50, 0.35);
}

/* Hero: yuvarlak ok gizle */
.ekomania-showcase-hero .showcase-cta-btn, .ekomania-showcase-hero .showcase-item--hero .showcase-cta-btn {
  display: none !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .ekomania-showcase-container {
      padding-left: 16px;
      padding-right: 16px;
  }

  .ekomania-showcase-layout--desktop {
      grid-template-columns: minmax(0, 1.8fr) minmax(0, 0.85fr) minmax(0, 0.9fr);
      grid-template-rows: 110px 34px 168px;
      gap: 14px;
      height: 340px;
  }
}

/* ===== MOBIL (SHOWCASEMOB) web etkilenmez ===== */
@media (max-width: 991px) {
  .ekomania-showcase-container {
      padding-left: 12px;
      padding-right: 12px;
      max-width: 100%;
  }

  .ekomania-showcase-layout--desktop {
      display: none !important;
  }

  .ekomania-showcase-layout--mobile {
      display: grid !important;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 200px 140px 52px 80px;
      gap: 8px;
      width: 100%;
      height: auto;
      align-items: stretch;
      justify-content: stretch;
      grid-template-areas: "hero hero" "cat1 cat2" "solid cat2" "solid tour";
  }
  .ekomania-showcase-hero .showcase-card-title, .ekomania-showcase-hero .showcase-item--hero .showcase-card-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.25;
  }
  .ekomania-showcase-hero--mobile {
      grid-area: hero;
      position: relative;
      min-width: 0;
      min-height: 0;
      height: 100%;
      overflow: hidden;
  }

  .ekomania-showcase-grid--mobile {
      display: contents !important;
  }

  .ekomania-showcase-layout--mobile > .ekomania-showcase-hero--mobile, .ekomania-showcase-grid--mobile > .showcase-item, .ekomania-showcase-grid--mobile > * {
      position: relative;
      width: 100%;
      height: 100%;
      min-width: 0;
      min-height: 0;
      overflow: hidden;
      aspect-ratio: auto !important;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(1), .ekomania-showcase-grid--mobile > *:nth-child(1) {
      grid-area: cat1;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(2), .ekomania-showcase-grid--mobile > *:nth-child(2) {
      grid-area: cat2;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(3), .ekomania-showcase-grid--mobile > *:nth-child(3) {
      grid-area: solid;
  }

  .ekomania-showcase-grid--mobile > .showcase-item:nth-child(4), .ekomania-showcase-grid--mobile > *:nth-child(4) {
      grid-area: tour;
  }

  .ekomania-showcase-grid--mobile .showcase-card {
      border-radius: 4px !important;
      box-shadow: none;
      overflow: hidden;
  }

  .ekomania-showcase-grid--mobile .showcase-media, .ekomania-showcase-grid--mobile .showcase-media-child, .ekomania-showcase-grid--mobile .showcase-media-child img, .ekomania-showcase-grid--mobile .showcase-media img {
      border-radius: 0 !important;
  }

  .ekomania-showcase-grid--mobile .showcase-icon-btn {
      /* display: none; */
      top: 4px;
      right: 4px;
      width: 28px;
      height: 28px;
      font-size: 12px;
      background: #fff;
      color: #1e2732;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  }

  .ekomania-showcase-grid--mobile .showcase-icon-btn--plus {
      display: flex !important;
  }

  .ekomania-showcase-hero--mobile .showcase-icon-btn--plus {
      display: none !important;
  }

  .ekomania-showcase-hero--mobile .showcase-icon-btn--heart {
      display: none !important;
  }

 .ekomania-showcase-hero--mobile .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-hero--mobile .showcase-icon-btn--alan5:has(i), .ekomania-showcase-grid--mobile .showcase-icon-btn--alan5:not(:empty), .ekomania-showcase-grid--mobile .showcase-icon-btn--alan5:has(i) {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 36px !important;
      height: 36px !important;
      min-width: 36px;
      min-height: 36px;
      font-size: 18px !important;
      background: transparent !important;
      box-shadow: none !important;
  }

  .ekomania-showcase-hero--mobile .showcase-icon-btn--alan5 i, .ekomania-showcase-grid--mobile .showcase-icon-btn--alan5 i {
      font-size: 18px !important;
  }

  .ekomania-showcase-grid--mobile .showcase-card-foot {
      padding: 10px 12px 12px;
      background: transparent;
  }

  .ekomania-showcase-grid--mobile .showcase-card-title {
      font-size: 13px;
      font-weight: 600;
  }

  .ekomania-showcase-hero--mobile .showcase-card-foot {
      padding: 12px 14px;
      gap: 10px;
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
  }

  .ekomania-showcase-hero--mobile .showcase-card-title {
      font-size: 15px;
      font-weight: 700;
      line-height: 1.25;
  }

  .ekomania-showcase-hero--mobile .showcase-hero-duration:not(:empty), .ekomania-showcase-hero--mobile .showcase-hero-route:not(:empty) {
      font-size: 11px;
      font-weight: 500;
  }

  /* 
  .ekomania-showcase-hero--mobile .showcase-hero-cta {s
      display: none !important;
  } */
  .ekomania-showcase-hero--mobile .showcase-hero-accent {
      display: block;
      width: 3px;
      min-height: 34px;
      max-height: 52px;
      border-radius: 2px;
      background: #e81932;
  }

  .ekomania-showcase-hero--mobile .showcase-cta-btn {
      display: none !important;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-icon-btn--plus {
      display: flex !important;
      top: 8px;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-cta-btn {
      display: inline-flex !important;
      position: absolute;
      top: 40px;
      right: 10px;
      bottom: auto;
      left: auto;
      width: 28px;
      height: 28px;
      margin: 0;
      background: #fff;
      color: #1e2732;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-card-title {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.06em;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-card-foot {
      justify-content: flex-start;
      padding: 8px 10px 10px;
  }
}
.ekomania-showcase-hero-pagination {
  position: absolute !important;
  right: 278px !important;
  left: auto !important;
  bottom: 14px !important;
  width: auto !important;
  z-index: 6;
  display: flex;
}
@media (max-width: 575px) {
  .ekomania-showcase-hero-pagination {
    right: 16px !important;

  }
  .ekomania-showcase-container {
      padding-left: 10px;
      padding-right: 10px;
  }

  .ekomania-showcase-grid--mobile {
      gap: 8px;
      grid-template-rows: 200px 140px 52px 80px;
  }

  .ekomania-showcase-grid--mobile .showcase-card {
      border-radius: 8px !important;
  }

  .ekomania-showcase-grid--mobile .showcase-icon-btn {
      width: 26px;
      height: 26px;
      top: 4px;
      right: 4px;
      font-size: 11px;
  }

  .ekomania-showcase-grid--mobile .showcase-card-foot {
      padding: 8px 10px 10px;
  }

  .ekomania-showcase-grid--mobile .showcase-card-title {
      font-size: 12px;
  }

  .ekomania-showcase-hero--mobile .showcase-card-foot {
      padding: 10px 12px;
  }

  .ekomania-showcase-hero--mobile .showcase-card-title {
      font-size: 14px;
  }

  .ekomania-showcase-grid--mobile > *:nth-child(4) .showcase-cta-btn {
      top: 38px;
      right: 8px;
      width: 26px;
      height: 26px;
  }
}

/* Kampanyalar - F rsatlar slider (kart 295 px) */
.ekomania-kampanya-section {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: visible;
}

.ekomania-kampanya-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.ekomania-kampanya-title-wrap {
  display: inline-block;
}

.ekomania-kampanya-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
}

.kampanya-t-black {
  color: #323c4e;
}

.kampanya-t-red {
  color: #e81932;
}

.ekomania-kampanya-title-line {
  height: 2px;
  width: 100%;
  background: #e81932;
  border-radius: 0;
  margin-top: 4px;
}

.ekomania-kampanya-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #999fa8 !important;
  border: 1px solid #999fa8;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.ekomania-kampanya-all:hover {
  background: #e81932;
  color: #fff !important;
}

.ekomania-kampanya-slider {
  position: relative;
  overflow: visible;
}

.ekomania-kampanya-swiper {
  position: relative;
  padding: 4px 0;
  overflow: hidden;
  width: 100%;
}

.ekomania-kampanya-swiper .swiper-slide {
  width: auto;
  box-sizing: border-box;
  height: auto;
}

.kampanya-card {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}

.kampanya-card:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
  transform: none;
}

.kampanya-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

.kampanya-swiper-next, .kampanya-swiper-prev {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  transition: color 0.2s ease;
}

.kampanya-swiper-next .kampanya-arrow-icon, .kampanya-swiper-prev .kampanya-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.kampanya-swiper-next:hover, .kampanya-swiper-prev:hover {
  background: transparent;
  color: #e81932;
}

.kampanya-swiper-next.swiper-button-disabled, .kampanya-swiper-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.kampanya-swiper-prev {
  left: -56px;
}

.kampanya-swiper-next {
  right: -56px;
}

@media (max-width: 1320px) {
  .kampanya-swiper-prev {
      left: -12px;
  }

  .kampanya-swiper-next {
      right: -12px;
  }

  .ekomania-kampanya-swiper {
      padding-left: 36px;
      padding-right: 36px;
  }
}

@media (max-width: 575px) {
  .ekomania-kampanya-title {
      font-size: 20px;
  }

  .ekomania-kampanya-swiper {
      padding-left: 40px;
      padding-right: 40px;
  }
}

/* Populer Tatil Temalar 5 190px dairesel kategori slider */
.ekomania-tema-section {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: visible;
}

.ekomania-tema-head {
  display: inline-block;
  margin-bottom: 0;
}

.ekomania-tema-title {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.tema-t-black {
  color: #323c4e;
}

.tema-t-red {
  color: #e81932;
}

.ekomania-tema-title-line {
  height: 2px;
  width: 100%;
  background: #e81932;
  border-radius: 2px;
  margin-top: 8px;
  margin-bottom: 0;
}

.ekomania-tema-slider {
  position: relative;
  overflow: visible;
}

.ekomania-tema-swiper {
  position: relative;
  padding: 8px 0 4px;
  overflow: hidden;
  width: 100%;
}

.ekomania-tema-swiper .swiper-wrapper {
  align-items: flex-start;
}

.ekomania-tema-swiper .swiper-slide {
  width: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  height: auto;
}

.ekomania-tema-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 190px;
  max-width: 190px;
  margin: 0 auto;
  text-decoration: none !important;
  color: #4b5563 !important;
  cursor: pointer;
  transition: color 0.2s ease;
}

.ekomania-tema-card:hover {
  color: #e81932 !important;
  transform: none;
}

.ekomania-tema-circle {
  display: block;
  width: 190px;
  height: 190px;
  max-width: 190px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.25s ease;
}

.ekomania-tema-card:hover .ekomania-tema-circle {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}

.ekomania-tema-circle img {
  display: block;
  width: 190px;
  height: 190px;
  object-fit: cover;
}

.ekomania-tema-label {
  display: block;
  margin-top: 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  max-width: 100%;
  color: inherit;
}

.tema-swiper-next, .tema-swiper-prev {
  position: absolute;
  top: 103px;
  z-index: 10;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  transition: color 0.2s ease;
}

.tema-swiper-next .tema-arrow-icon, .tema-swiper-prev .tema-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.tema-swiper-next:hover, .tema-swiper-prev:hover {
  background: transparent;
  color: #e81932;
}

.tema-swiper-next.swiper-button-disabled, .tema-swiper-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.tema-swiper-prev {
  left: -56px;
}

.tema-swiper-next {
  right: -56px;
}

@media (max-width: 1320px) {
  .tema-swiper-prev {
      left: -12px;
  }

  .tema-swiper-next {
      right: -12px;
  }

  .ekomania-tema-swiper {
      padding-left: 36px;
      padding-right: 36px;
  }
}

@media (max-width: 991px) {
  .ekomania-tema-circle, .ekomania-tema-circle img {
      width: 120px;
      height: 120px;
      max-width: 120px;
  }

  .ekomania-tema-card {
      width: 100%;
      max-width: 120px;
  }

  .ekomania-tema-label {
      font-size: 13px;
      margin-top: 8px;
  }

  .tema-swiper-next, .tema-swiper-prev {
      top: 68px;
      width: 36px;
      height: 36px;
  }

  .tema-swiper-next .tema-arrow-icon, .tema-swiper-prev .tema-arrow-icon {
      width: 32px;
      height: 32px;
  }

  .ekomania-tema-swiper {
      padding-left: 28px;
      padding-right: 28px;
  }

  .tema-swiper-prev {
      left: 0;
  }

  .tema-swiper-next {
      right: 0;
  }
}

@media (max-width: 575px) {
  .ekomania-tema-circle, .ekomania-tema-circle img {
      width: 102px;
      height: 102px;
      max-width: 102px;
  }

  .ekomania-tema-card {
      width: 100%;
      max-width: 96px;
  }

  .tema-swiper-next, .tema-swiper-prev {
      top: 54px;
      width: 30px;
      height: 30px;
  }

  .tema-swiper-next .tema-arrow-icon, .tema-swiper-prev .tema-arrow-icon {
      width: 28px;
      height: 28px;
  }

  .tema-swiper-prev {
      left: 0;
  }

  .tema-swiper-next {
      right: 0;
  }

  .ekomania-tema-swiper {
      padding: 4px 24px;
  }

  .ekomania-tema-title {
      font-size: 1.35rem;
  }

  .ekomania-tema-title-line {
      margin-bottom: 0;
  }

  .ekomania-tema-label {
      font-size: 11px;
      margin-top: 6px;
      line-height: 1.25;
  }
}

section.ekomania-kampanya-section .container {
  max-width: 1230px;
  position: relative;
  overflow: visible;
}

section.ekomania-tema-section .container {
  max-width: 1230px;
  position: relative;
  overflow: visible;
}

/* Populer Turlar baslik + kart tasarim */
.ekomania-popular-tours-section {
  margin: 0;
  padding: 0;
  overflow: visible;
}

@media (max-width: 991px) {
  .ekomania-popular-tours-section {
      display: none !important;
  }
}

.ekomania-popular-tours-section .container, .ekomania-popular-tours {
  max-width: 1230px;
  overflow: visible;
}

.ekomania-popular-tours .one-cikan-label, .ekomania-popular-tours-section .one-cikan-label, .ekomania-popular-tours .tum-turlari-gor-wrap, .ekomania-popular-tours-section .tum-turlari-gor-wrap {
  display: none !important;
}

.ekomania-tour-group-head.section-title, .ekomania-popular-tours .section-title.ekomania-tour-group-head, .ekomania-popular-tours .section-title.ekomania-tour-group-head.has-view-all-btn {
  display: flex !important;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  max-width: 100%;
  margin: 0 0 22px !important;
  padding: 0 !important;
  text-align: left !important;
}

.ekomania-tour-group-title-wrap {
  display: inline-block;
  text-align: left;
  margin-right: auto;
  /* margin-left: 20px; */
}

.ekomania-tour-group-title, .ekomania-popular-tours .section-title h2.ekomania-tour-group-title, .ekomania-popular-tours .section-title h2 {
  margin: 0 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
  color: #323c4e !important;
  text-align: left !important;
}

.ekomania-tour-group-title .sec-t-black {
  color: #323c4e !important;
}

.ekomania-tour-group-title .sec-t-red {
  color: #e81932 !important;
}

.ekomania-tour-group-title-line {
  display: block !important;
  height: 2px;
  width: 100%;
  background: #e81932;
  margin-top: 10px;
}

.ekomania-tour-group-row {
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: var(--eko-section-gap, 48px) !important;
}

.ekomania-popular-tours .ekomania-tour-group-row:last-child {
  margin-bottom: 0 !important;
}

.ekomania-tour-group-row > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}

.ekomania-popular-tours .eko-tour-card-group-row .item, .ekomania-popular-tours .item.col-lg-4 {
  float: none;
}

.eko-tour-meta-ulasim .eko-tour-meta-text .tour-badge-ulasim, .eko-tour-meta-ulasim .eko-tour-meta-text [class*="badge"] {
  position: static !important;
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.ekomania-popular-tours .btn-tour-group-all {
  color: #e81932 !important;
  border: 1px solid #e81932;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 13px;
}

.ekomania-popular-tours .btn-tour-group-all:hover {
  background: #e81932;
  color: #fff !important;
}

/* Desktop/mobil ortak: 3'ten fazla turda native slider */
.ekomania-tour-slider-wrap {
  position: relative;
  margin-bottom: var(--eko-section-gap, 48px);
  overflow: visible;
}

.ekomania-popular-tours .ekomania-tour-slider-wrap .ekomania-tour-group-row {
  margin-bottom: 0 !important;
}

.ekomania-tour-slider-nav {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  z-index: 5;
  pointer-events: none;
}

.ekomania-tour-slider-nav button {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #9ca3af;
  box-shadow: none;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}

.ekomania-tour-slider-nav button .tour-arrow-icon {
  width: 44px;
  height: 44px;
  display: block;
  color: inherit;
}

.ekomania-tour-slider-prev {
  left: -56px;
}

.ekomania-tour-slider-next {
  right: -56px;
}

.ekomania-tour-slider-nav button:hover {
  background: transparent;
  color: #e81932;
}

@media (max-width: 1320px) {
  .ekomania-tour-slider-prev {
      left: -12px;
  }

  .ekomania-tour-slider-next {
      right: -12px;
  }

  .ekomania-popular-tours .ekomania-tour-slider-wrap .ekomania-tour-group-row {
      padding-left: 36px !important;
      padding-right: 36px !important;
  }
}

.ekomania-tour-slider-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
}

.ekomania-tour-slider-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d1d5db;
  cursor: pointer;
}

.ekomania-tour-slider-dots button.is-active {
  background: #e81932;
}

/* Desktop: yan yana 3 kart kayar */
@media (min-width: 992px) {
  .ekomania-popular-tours .ekomania-tour-group-row.ekomania-tour-desktop-slider {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: stretch;
      gap: 24px;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 4px 2px 8px !important;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
  }

  .ekomania-popular-tours .ekomania-tour-desktop-slider::-webkit-scrollbar {
      display: none;
  }

 .ekomania-popular-tours .ekomania-tour-desktop-slider > .item, .ekomania-popular-tours .ekomania-tour-desktop-slider > .item.col-lg-4, .ekomania-popular-tours .ekomania-tour-desktop-slider > .item.col-md-6, .ekomania-popular-tours .ekomania-tour-desktop-slider > .item.col-12, .ekomania-popular-tours .ekomania-tour-desktop-slider > [class*="col-"] {
      flex: 0 0 calc((100% - 48px) / 3) !important;
      width: calc((100% - 48px) / 3) !important;
      max-width: calc((100% - 48px) / 3) !important;
      float: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 0 !important;
      scroll-snap-align: start;
      scroll-snap-stop: always; display: flex !important;
      flex-direction: column;
  }

  .ekomania-popular-tours .ekomania-tour-desktop-slider .eko-tour-card {
      width: 100%;
      height: 100%;
  }
}

.ekomania-popular-tours .eko-tour-card, .eko-tour-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  min-height: 420px;
  background: #fff !important;
  border: 1px solid #e2e5ea !important;
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(15, 42, 77, 0.06);
  transition: box-shadow 0.25s ease;
  visibility: visible !important;
  opacity: 1 !important;
}

.eko-tour-card:hover {
  box-shadow: 0 6px 20px rgba(15, 42, 77, 0.16);
  transform: none;
}

.eko-tour-card-image {
  position: relative;
  display: block !important;
  overflow: hidden;
  background: #eef0f3;
  flex: 0 0 auto;
}

.eko-tour-card-image > a {
  display: block !important;
  text-decoration: none !important;
}

.eko-tour-card-image img, .eko-tour-card-image .lazyload {
  display: block !important;
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  transition: none;
  visibility: visible !important;
  opacity: 1 !important;
}

.eko-tour-card:hover .eko-tour-card-image:not(.is-gallery-live) img {
  transform: none;
}

.eko-tour-card-body {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 16px 16px 12px;
  visibility: visible !important;
  opacity: 1 !important;
}

.eko-tour-card-title {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 12px !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5;
  color: #323c4e !important;
}

.eko-tour-card-accent {
  flex-shrink: 0;
  width: 4px;
  min-height: 1.2em;
  margin-top: 3px;
  align-self: stretch;
  background: #e81932;
  border-radius: 2px;
}

.eko-tour-card-title-text {
  flex: 1;
  min-width: 0;
  color: #3d495c !important;
  text-decoration: none !important;
}

.eko-tour-card-title-text:hover {
  color: #242a34 !important;
  text-decoration: underline !important;
}

.eko-tour-card-meta {
  list-style: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  gap: 7px;
}

.eko-tour-meta-item {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.4;
  color: #6b7280 !important;
}

.eko-tour-meta-ico {
  flex-shrink: 0;
  width: 16px;
  text-align: center;
  color: #9ca3af !important;
  font-size: 13px;
}

.eko-tour-meta-text {
  min-width: 0;
  color: #6b7280 !important;
}

.eko-tour-meta-text:empty {
  display: none;
}

.eko-tour-meta-ulasim:has(.eko-tour-meta-text:empty) {
  display: none !important;
}

.eko-tour-meta-ulasim .eko-tour-meta-text img {
  max-height: 18px;
  width: auto;
  vertical-align: middle;
}

.eko-tour-card-price {
  margin-top: auto;
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  font-family: "Poppins", sans-serif;
  color: #e81932 !important;
  margin-bottom: 6px;
  margin-top: 4px;
}

.eko-tour-price-val {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #e81932 !important;
  text-decoration: none !important;
}

.eko-tour-price-note {
  font-size: 13px !important;
  font-weight: 500;
  color: #e81932 !important;
  opacity: 0.9;
}

.eko-tour-card-footer {
  display: block !important;
  margin-top: auto;
  text-decoration: none !important;
}

.eko-tour-card-promo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  background: #e81932 !important;
  color: #fff !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  text-align: center;
}

.eko-tour-card-promo svg {
  flex-shrink: 0;
  stroke: #fff;
}

@media (max-width: 991px) {
  .eko-tour-card-image img, .eko-tour-card-image .lazyload {
      height: 190px;
  }

  .ekomania-popular-tours .ekomania-tour-group-row.ekomania-tour-mobile-slider {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: stretch;
      gap: 10px;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 12px !important;
      padding: 0 4% !important;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      scroll-padding-inline: 4%;
      scrollbar-width: none;
      touch-action: pan-x pan-y;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-slider::-webkit-scrollbar {
      display: none;
  }

 .ekomania-popular-tours .ekomania-tour-mobile-slider > .item, .ekomania-popular-tours .ekomania-tour-mobile-slider > .item.col-lg-4, .ekomania-popular-tours .ekomania-tour-mobile-slider > .item.col-md-6, .ekomania-popular-tours .ekomania-tour-mobile-slider > .item.col-12 {
      flex: 0 0 92% !important;
      width: 92% !important;
      max-width: 92% !important;
      float: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 0 !important;
      scroll-snap-align: center;
      scroll-snap-stop: always; }

  .ekomania-popular-tours .ekomania-tour-mobile-slider .eko-tour-card {
      min-height: 0;
      width: 100%;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin: 0 0 28px;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-dots button {
      width: 7px;
      height: 7px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #d1d5db;
      cursor: pointer;
  }

  .ekomania-popular-tours .ekomania-tour-mobile-dots button.is-active {
      background: #e81932;
  }

  .ekomania-popular-tours .ekomania-tour-group-head {
      margin-bottom: 16px !important;
  }
}

@media (max-width: 575px) {
  .ekomania-tour-group-title {
      font-size: 22px;
  }

  .eko-tour-card-title {
      font-size: 15px;
  }

  .eko-tour-price-val {
      font-size: 20px;
  }

  .eko-tour-card-promo {
      font-size: 13px;
  }
}

/* Sizden Gelenler yorumlar bolum ba l */
.yorumlar-index > .container, .ekomania-yorumlar-section > .container {
  max-width: 1230px;
}

.ekomania-yorumlar-section {
  margin: 0;
}

.ekomania-yorumlar-section .container-yorum {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  .ekomania-yorumlar-section .container-yorum {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
  }

  .ekomania-yorumlar-section .owl-yorumlar .owl-item {
      padding: 0 !important;
  }

  .ekomania-yorumlar-section .yorumboxes,
  .ekomania-yorumlar-section .yorumboxes.eko-yorum-card,
  .ekomania-yorumlar-section .owl-item .yorumboxes {
      margin: 0 !important;
      width: 100% !important;
      max-width: none !important;
  }

  .ekomania-yorumlar-section .eko-yorum-card__text,
  .ekomania-yorumlar-section .eko-yorum-card .yorum {
      display: -webkit-box;
      -webkit-line-clamp: 5;
      line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      min-height: calc(1.4em * 5);
      max-height: calc(1.4em * 5);
  }
}

.ekomania-yorumlar-section .owl-yorumlar .owl-dots {
  display: flex !important;
  justify-content: center;
  gap: 6px;
  margin-top: 18px;
}

.ekomania-yorumlar-section .owl-yorumlar .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0;
  background: #d5d9df;
  border-radius: 50%;
}

.ekomania-yorumlar-section .owl-yorumlar .owl-dot.active span {
  background: #656f81;
  width: 10px;
  height: 10px;
}

.ekomania-yorumlar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.ekomania-yorumlar-title-wrap {
  display: inline-block;
}

.ekomania-yorumlar-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.yorumlar-t-black {
  color: #323c4e;
}

.yorumlar-t-red {
  color: #e81932;
}

.ekomania-yorumlar-title-line {
  height: 2px;
  width: 100%;
  background: #e81932;
  margin-top: 2px;
}

.ekomania-yorumlar-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #999fa8 !important;
  border: 1px solid #999fa8;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.ekomania-yorumlar-all:hover {
  background: #e81932;
  color: #fff !important;
}

@media (max-width: 575px) {
  .ekomania-yorumlar-title {
      font-size: 20px;
  }

  .ekomania-yorumlar-head {
      margin-bottom: var(--eko-title-gap, 16px) !important;
  }
}

/* Yatay reklam / tanitim band (1200 140 px) */
.ekomania-wide-ad-section {
  margin: 0;
}

.ekomania-wide-ad-container {
  max-width: 1230px;
}

.ekomania-wide-ad {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: 140px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.ekomania-wide-ad:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  transform: translateY(-1px);
}

.ekomania-wide-ad-badge {
  display: inline-block;
  padding: 12px 32px;
  background: #ffdd2d;
  color: #1f2937;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;
  text-align: center;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  max-width: calc(100% - 32px);
}

@media (max-width: 575px) {
  .ekomania-wide-ad {
      height: 120px;
      border-radius: 8px;
  }

  .ekomania-wide-ad-badge {
      font-size: 13px;
      padding: 10px 18px;
  }
}

/* Ekomania Exclusive sol tekli tur slider + sa kurumsal zaman izgisi */
/* Ekomania Exclusive sol tur kart + sa timeline */
.ekomania-exclusive-section {
  margin: 0;
}

.ekomania-exclusive-container {
  max-width: 1230px;
}

.ekomania-exclusive-inner {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 28px;a
  min-height: 520px;
  /* padding: 24px; */
  px; */
  /* background: #263144; */
  /* border: 1px solid rgba(255, 255, 255, 0.18); */
  border-radius: 14px;
  /* box-shadow: 0 10px 36px rgba(0, 0, 0, 0.14); */
  box-sizing: border-box;
  border-radius: 8px;
}

.ekomania-exclusive-left {
  flex: 0 0 38%;
  max-width: 420px;
  min-width: 0;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  align-self: stretch;
}

.ekomania-exclusive-tour-swiper {
  width: 100%;
  height: 100%;
  min-height: 472px;
}

.ekomania-exclusive-tour-swiper .swiper-slide {
  height: 100%;
}

.exclusive-tour-slide {
  position: relative;
  height: 100%;
  min-height: 472px;
}

.exclusive-tour-slide-link {
  display: block;
  position: relative;
  height: 100%;
  min-height: 472px;
  color: #fff !important;
  text-decoration: none !important;
  overflow: hidden;
  /* border-radius: 10px; */
}

.exclusive-tour-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}

.exclusive-tour-slide-link:hover .exclusive-tour-bg {
  transform: scale(1.03);
}

.exclusive-tour-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 20px 20px 18px 24px;
  background: rgba(0, 0, 0, 0.55);
  border-left: none;
  box-sizing: border-box;
}

.exclusive-tour-copy::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #e81932;
  pointer-events: none;
  z-index: 1;
  border-radius: 6px;
}

.exclusive-tour-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding-left: 4px;
}

.exclusive-tour-title {
  margin: 0 0 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  border: none !important;
  border-left: none !important;
  padding-left: 0 !important;
}

.exclusive-tour-meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #fff;
  border: none !important;
  border-left: none !important;
}

.exclusive-tour-meta-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border: none !important;
  border-left: none !important;
}

.exclusive-tour-meta-row i {
  margin-top: 3px;
  width: 15px;
  text-align: center;
  opacity: 1;
  flex-shrink: 0;
  font-size: 13px;
  color: #fff;
}

.exclusive-tour-cta {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-width: 160px;
  padding: 10px 28px;
  background: #e81932;
  color: #fff !important;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 6px;
  box-shadow: none;
  transition: background 0.2s ease;
}

.exclusive-tour-slide-link:hover .exclusive-tour-cta {
  background: #cf152b;
}

.exclusive-tour-fav {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.2s ease;
}

.exclusive-tour-fav:hover {
  background: rgba(255, 255, 255, 0.42);
  transform: none;
}

.exclusive-tour-pagination.swiper-pagination-bullets {
  bottom: auto !important;
  top: 18px !important;
  left: 14px !important;
  right: auto !important;
  width: auto !important;
  padding: 0;
  z-index: 4;
  text-align: left;
}

.exclusive-tour-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #fff;
  opacity: 0.4;
  margin: 0 3px !important;
}

.exclusive-tour-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #e81932;
  transform: none;
}

.ekomania-exclusive-right {
  flex: 1;
  min-width: 0;
  padding: 4px 4px 0 0;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.exclusive-corp-head {
  margin-bottom: 6px;
}

.exclusive-corp-title {
  margin: 0 0 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.2;
}

.exclusive-corp-w {
  color: #fff;
}

.exclusive-corp-r {
  color: #e81932;
}

.exclusive-corp-lead {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
  max-width: 52ch;
}

.exclusive-timeline {
  flex: 1;
  margin-top: 22px;
  min-height: 0;
}

.exclusive-feature-list {
  --tl-x: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.exclusive-feature-list::before {
  content: "";
  position: absolute;
  left: var(--tl-x);
  top: 28px;
  bottom: 28px;
  width: 0;
  border-left: 2px dotted rgba(255, 255, 255, 0.55);
  transform: translateX(-50%);
}

.exclusive-feature-item {
  position: relative;
  padding-left: 36px !important;
  margin-bottom: 14px !important;
  list-style: none !important;
}

.exclusive-feature-item:last-child {
  margin-bottom: 0 !important;
}

.exclusive-tl-dot {
  position: absolute;
  left: var(--tl-x);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px #263144;
  z-index: 2;
}

.exclusive-feature-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: #fff;
  border-radius: 8px;
  box-shadow: none;
}

.exclusive-feature-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e81932;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.exclusive-feature-body {
  min-width: 0;
}

.exclusive-feature-name {
  display: block;
  margin: 0 0 4px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #e81932;
}

.exclusive-feature-desc {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #4b5563;
}

.exclusive-corp-footer {
  margin-top: auto;
  padding-top: 18px;
  text-align: right;
}

.exclusive-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 34px;
  padding: 0 0px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  background: transparent;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.exclusive-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
}

@media (max-width: 991px) {
  .ekomania-exclusive-inner {
      flex-direction: column;
      mn; */
      min-height: 0;
      gap: 20px;
      padding: 18px;
      padding-top: 28px;
  }

  .ekomania-exclusive-left {
      flex: none;
      max-width: 100%;
      width: 100%;
  }

  .ekomania-exclusive-tour-swiper, .exclusive-tour-slide, .exclusive-tour-slide-link {
      min-height: 360px;
  }

  .ekomania-exclusive-right {
      padding: 0;
  }

  .exclusive-feature-list::before,
  .exclusive-tl-dot {
      display: none !important;
  }

  .exclusive-feature-item {
      padding-left: 0 !important;
  }

  .exclusive-feature-card {
      width: 100%;
  }
}

@media (max-width: 768px) {
  .ekomania-exclusive-tour-swiper .swiper-slide {
      max-width: none !important;
      overflow: visible !important;
  }

  .exclusive-tour-title {
      font-size: 16px;
  }

  .exclusive-tour-meta {
      font-size: 13px;
  }

  .exclusive-corp-title {
      font-size: 1.5rem;
  }
}

/* Footer (Ekomania koyu tema + sol kurumsal panel / sa iIletisim) */
.ekomania-footer-theme .footer-title {
  color: #c7c7c7 !important;
}

.ekomania-footer-theme .main-footer .footer-menu-list li a, .ekomania-footer-theme .main-footer .footer-menu-list li {
  color: rgba(255, 255, 255, 0.78) !important;
}

.ekomania-footer-theme .main-footer .footer-menu-list li a:hover {
  color: #fff !important;
}

.ekomania-footer-divider {
  height: 0;
  margin: 28px 0 24px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.ekomania-footer-mid-row {
  margin-bottom: 8px;
}

.ekomania-footer-slider-wrap {
  background: #2c3544;
  border-radius: 12px;
  padding: 26px 22px 28px;
  height: 100%;
}

.ekomania-footer-brand-panel {
  text-align: left;
}

.ekomania-footer-brand-head {
  display: block;
  text-decoration: none !important;
  margin-bottom: 22px;
}

.ekomania-footer-wordmark {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.15rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 1.05;
  background: linear-gradient(165deg, #ffb347 0%, #ff8c42 35%, #f05a28 65%, #e31e24 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 2px 14px rgba(227, 30, 36, 0.25);
}

.ekomania-footer-wordmark-reflect {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.15rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 0.85;
  margin-top: -2px;
  margin-bottom: 10px;
  background: linear-gradient( 180deg, rgba(255, 179, 71, 0.35) 0%, rgba(227, 30, 36, 0.12) 55%, transparent 100% );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transform: scaleY(-0.55);
  transform-origin: top center;
  opacity: 0.55;
  pointer-events: none;
  user-select: none;
}

.ekomania-footer-subtitle {
  display: block;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  letter-spacing: 0.03em;
}

.ekomania-footer-legal {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}

.ekomania-footer-legal li {
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 8px;
}

.ekomania-footer-legal li:last-child {
  margin-bottom: 0;
}

.ekomania-footer-contact-mini {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ekomania-footer-contact-mini li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.9);
}

.ekomania-footer-contact-mini li:last-child {
  margin-bottom: 0;
}

.ekomania-footer-contact-mini i {
  flex-shrink: 0;
  width: 20px;
  margin-top: 2px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.88);
  font-weight: 400;
}

.ekomania-footer-contact-mini a {
  color: rgba(255, 255, 255, 0.95) !important;
  text-decoration: none !important;
  word-break: break-word;
}

.ekomania-footer-contact-mini a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.ekomania-footer-corp {
  padding: 8px 0 8px 8px;
  color: #fff;
}

.ekomania-footer-corp-lines {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.ekomania-footer-corp-lines li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
}

.ekomania-footer-corp-lines li i {
  width: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.85);
}

.ekomania-footer-corp-lines a {
  color: rgba(255, 255, 255, 0.92) !important;
  text-decoration: none !important;
}

.ekomania-footer-corp-lines a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.ekomania-footer-call {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 26px;
}

.ekomania-footer-call-icon {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 44px;
  color: #fff;
  line-height: 1;
}

.ekomania-footer-call-title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px;
}

.ekomania-footer-call-num {
  font-size: 24px;
  font-weight: 700;
  color: #fff !important;
  text-decoration: none !important;
}

.ekomania-footer-call-num:hover {
  color: #fff !important;
  opacity: 0.9;
}

.ekomania-footer-ebulten-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #fff;
  text-align: center;
}

.ekomania-footer-ebulten-desc {
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
}

.ekomania-footer-ebulten-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: stretch;
}

.ekomania-footer-ebulten-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 46px;
  border-radius: 8px !important;
  border: none !important;
  background: #fff !important;
  color: #1a222d !important;
  font-size: 14px;
  padding: 0 14px;
}

.ekomania-footer-ebulten-input::placeholder {
  color: #9ca3af;
}

.ekomania-footer-ebulten-btn {
  flex: 0 0 auto;
  height: 46px;
  padding: 0 22px;
  font-weight: 700;
  border-radius: 8px !important;
  background: #e81932 !important;
  border: none !important;
  color: #fff !important;
  white-space: nowrap;
}

.ekomania-footer-ebulten-btn:hover {
  background: #c9142a !important;
  color: #fff !important;
}

.ekomania-footer-social-row {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.ekomania-footer-social-row a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.08);
  color: #fff !important;
  font-size: 18px;
  text-decoration: none !important;
  transition: background 0.2s ease;
}

.ekomania-footer-social-row a:hover {
  background: rgba(255, 255, 255, 0.16);
}

.ekomania-footer-corp-actions {
  margin-top: 20px;
  text-align: right;
}

.ekomania-footer-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 26px;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 8px;
  background: transparent;
  transition: background 0.2s ease;
}

.ekomania-footer-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
}

.ekomania-footer-copy-wrap {
  text-align: center;
}

@media (min-width: 768px) {
  .ekomania-footer-copy-wrap {
      text-align: left;
  }
}

.ekomania-footer-copy {
  margin-bottom: 0 !important;
}

.hero-banner-slider {
  height: 400px;
}

@media (min-width: 992px) {
  .ekomania-footer-corp {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 100%;
      max-width: 460px;
      margin-left: auto;
      margin-right: auto;
      padding: 10px 12px 10px 28px;
  }

  .ekomania-footer-call {
      justify-content: center;
      text-align: left;
  }

  .ekomania-footer-ebulten {
      width: 100%;
      max-width: 420px;
      margin: 0 auto;
  }
}

@media (max-width: 991px) {
  .ekomania-footer-corp {
      padding-left: 0;
      margin-top: 24px;
  }

  .ekomania-footer-corp-actions {
      text-align: center;
  }

  .ekomania-footer-slider-wrap {
      padding: 22px 18px 24px;
  }
}

a.ekomania-logo img {
  width: 180px;
}

/* ===== Anasayfa esit bolum bosluklar (responsive) ===== */
:root {
  --eko-section-gap: 48px;
  --eko-section-gap-start: 40px;
  --eko-title-gap: 22px;
}

@media (max-width: 991px) {
  :root {
      --eko-section-gap: 28px;
      --eko-section-gap-start: 28px;
      --eko-title-gap: 16px;
  }
}

.ekomania-home-stack {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ekomania-home-stack > .eko-home-block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ekomania-home-stack > .ekomania-tema-section.eko-home-block {
  overflow: visible;
}

.ekomania-home-stack > .eko-home-block + .eko-home-block {
  margin-top: var(--eko-section-gap) !important;
}

.ekomania-home-stack > .eko-home-block:first-child {
  margin-top: var(--eko-section-gap-start) !important;
}

.ekomania-home-stack > .eko-home-block:last-child {
  margin-bottom: var(--eko-section-gap) !important;
}

/* Baslik ile urun/icerik arasi esit bosluk */
.ekomania-home-stack .ekomania-tema-head,
.ekomania-home-stack .ekomania-kampanya-head,
.ekomania-home-stack .ekomania-yorumlar-head,
.ekomania-home-stack .ekomania-blog-head,
.ekomania-home-stack .ekomania-tour-group-head {
  margin-bottom: var(--eko-title-gap) !important;
}

.ekomania-home-stack .ekomania-tema-title-line,
.ekomania-home-stack .ekomania-kampanya-title-line,
.ekomania-home-stack .ekomania-blog-title-line,
.ekomania-home-stack .ekomania-yorumlar-title-line,
.ekomania-home-stack .ekomania-tour-group-title-line {
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  .ekomania-home-stack > .eko-home-block + .eko-home-block {
      margin-top: var(--eko-section-gap) !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: var(--eko-section-gap-start) !important;
  }

  .ekomania-home-stack > .eko-home-block:last-child {
      margin-bottom: var(--eko-section-gap) !important;
  }

  .ekomania-home-stack .ekomania-tema-head,
  .ekomania-home-stack .ekomania-kampanya-head,
  .ekomania-home-stack .ekomania-yorumlar-head,
  .ekomania-home-stack .ekomania-blog-head,
  .ekomania-home-stack .ekomania-tour-group-head {
      margin-bottom: var(--eko-title-gap) !important;
  }

  .ekomania-tema-title-line,
  .ekomania-kampanya-title-line,
  .ekomania-blog-title-line,
  .ekomania-yorumlar-title-line,
  .ekomania-tour-group-title-line {
      margin-bottom: 0 !important;
  }

  .ekomania-tema-swiper,
  .ekomania-kampanya-swiper,
  .ekomania-blog-swiper {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }

  .ekomania-yorumlar-section .owl-yorumlar .owl-dots {
      margin-top: var(--eko-title-gap) !important;
  }

  .ekomania-exclusive-section,
  .ekomania-wide-ad-section,
  .ekomania-tema-section,
  .ekomania-kampanya-section,
  .ekomania-blog-section,
  .ekomania-yorumlar-section,
  .ekomania-showcase-outer,
  .ekomania-trust-strip-outer {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
  }
}

/* ===== Global tipografi: Poppins ===== */
html, body {
  font-family: "Poppins", sans-serif !important;
}

body, p, a, button, input, select, textarea, label, li, td, th, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .btn, .form-control, .navbar, .nav, .dropdown-menu, .ekomania-header {
  font-family: "Poppins", sans-serif !important;
}

.ekomania-header span:not([class*="fa-"]), .ekomania-header a, .ekomania-header button, .ekomania-header p, .ekomania-header li, .ekomania-logo-tagline {
  font-family: "Poppins", sans-serif !important;
}

/* ===== Ekomania anasayfa arama: 1200px zorla ===== */
.anabanner-alan-box > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.anabanner-search-alan-box {
  width: 1200px !important;
  max-width: calc(100% - 30px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.anabanner-search-alan-box .hero-inner, .anabanner-search-alan-box .index-search-item, .anabanner-search-alan-box .search-boxes.ekomania-v2-search {
  width: 100% !important;
  max-width: 1200px !important;
}

.search-boxes.ekomania-v2-search {
  --eko-search-h: 74px;
}

.search-boxes.ekomania-v2-search .tb-search-form {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.search-boxes.ekomania-v2-search .tab-content {
  background: #fff !important;
  border: 1px solid #d8dce3 !important;
  box-shadow: 0 8px 28px rgba(15, 42, 77, 0.08) !important;
  min-height: 0 !important;
  border-radius: 0 8px 8px 8px !important;
}

.search-boxes.ekomania-v2-search .tb-search-wrapper {
  padding: 36px !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 36px !important;
}

.search-boxes.ekomania-v2-search .tb-search-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
}

.search-boxes.ekomania-v2-search .tb-field-col-city {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

.search-boxes.ekomania-v2-search .tb-field-col-period {
  flex: 0 0 32% !important;
  max-width: 360px !important;
  min-width: 220px !important;
}

.search-boxes.ekomania-v2-search .tb-field-col-btn {
  flex: 0 0 130px !important;
  width: 130px !important;
  max-width: 130px !important;
}

.search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-city {
  flex: unset !important;
  min-width: 0 !important;
  max-width: none !important;
}



.search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-search-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 160px 160px 160px 130px !important;
  align-items: stretch !important;
  gap: 12px !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
}

.search-boxes.ekomania-v2-search .ekomania-hotel-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .ekomania-hotel-search .btn.ekomania-hotel-submit {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  background: #e81932 !important;
  border: 0 !important;
}

.search-boxes.ekomania-v2-search .tb-input-box {
  width: 100% !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  background: #f5f6f8 !important;
  box-sizing: border-box !important;
}

.search-boxes.ekomania-v2-search .tb-search-btn, .search-boxes.ekomania-v2-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .btn.ekomania-hotel-submit {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

.search-boxes.ekomania-v2-search .tb-popular-title {
  font-size: 16px !important;
  border-bottom: none !important;
  position: relative !important;
  padding-bottom: 7px !important;
  margin-bottom: 12px !important;
}

.search-boxes.ekomania-v2-search .tb-popular-title::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: 2px !important;
  background: #e81932 !important;
}

@media (max-width: 768px) {
  .anabanner-alan-box {
      margin-bottom: 8px !important;
  }

  .anabanner-alan-box > .container {
      position: relative !important;
      bottom: auto !important;
      left: auto !important;
      right: auto !important;
  }

  .anabanner-search-alan-box {
      position: relative !important;
      bottom: auto !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: -28px 0 0 !important;
      padding: 0 12px !important;
  }

  .hero-banner-slider, .anabanner-item.mainSlider .hero-banner-slider, .anabanner-item.mainSlider, .hero-slide-item {
      height: 220px !important;
      min-height: 220px !important;
      max-height: 220px !important;
  }

  .hero-slide-image img, .hero-banner-slider .hero-slide-image img {
      height: 220px !important;
      object-fit: cover !important;
      width: 100% !important;
  }

  .hero-banner-slider .slick-prev, .hero-banner-slider .slick-next, .hero-banner-slider .hero-arrow, .anabanner-alan-box .hero-banner-slider .slick-arrow {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
      visibility: hidden !important;
  }

  .ekomania-trust-strip-outer {
      margin-top: 8px !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: 8px !important;
  }

  .search-boxes.ekomania-v2-search {
      --eko-search-h: 56px;
  }

  .search-boxes.ekomania-v2-search .tb-search-wrapper {
      padding: 14px !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-row {
      display: flex !important;
      flex-wrap: wrap !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      gap: 8px !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-search-row {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      gap: 8px !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-city, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-guest, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-btn {
      grid-column: 1 / -1 !important;
      width: 100% !important;
      max-width: none !important;
      flex: 1 1 100% !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-city, .search-boxes.ekomania-v2-search .tb-field-col-period, .search-boxes.ekomania-v2-search .tb-field-col-btn {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-date, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-date {
      flex: 1 1 calc(50% - 4px) !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-guest {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-input-box {
      height: 56px !important;
      min-height: 56px !important;
      max-height: none !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-btn, .search-boxes.ekomania-v2-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .btn.ekomania-hotel-submit {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: 52px !important;
      min-height: 52px !important;
      max-height: none !important;
  }
}

@media (max-width: 991px) and (min-width: 769px) {
  .anabanner-alan-box {
      margin-bottom: 8px !important;
  }

  .anabanner-search-alan-box {
      position: relative !important;
      bottom: auto !important;
      top: auto !important;
      left: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: -40px 0 0 !important;
      padding: 0 10px !important;
  }

  .ekomania-trust-strip-outer {
      margin-top: 8px !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: 8px !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-row {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      flex-wrap: wrap !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-search-row {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      gap: 10px !important;
  }

  .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-city, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-guest, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-btn {
      grid-column: 1 / -1 !important;
      width: 100% !important;
      max-width: none !important;
      flex: 1 1 100% !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-city, .search-boxes.ekomania-v2-search .tb-field-col-period, .search-boxes.ekomania-v2-search .tb-field-col-btn {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-date, .search-boxes.ekomania-v2-search .ekomania-hotel-search .tb-field-col-date {
      flex: 1 1 calc(50% - 5px) !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-field-col-guest {
      flex: 1 1 100% !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
  }

  .search-boxes.ekomania-v2-search .tb-input-box {
      height: 60px !important;
      min-height: 60px !important;
      max-height: none !important;
  }

  .search-boxes.ekomania-v2-search .tb-search-btn, .search-boxes.ekomania-v2-search .ekomania-hotel-submit, .search-boxes.ekomania-v2-search .btn.ekomania-hotel-submit {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: 54px !important;
      min-height: 54px !important;
      max-height: none !important;
  }

  .ekomania-home-stack > .eko-home-block:first-child {
      margin-top: 0 !important;
  }
}

/* Slick: eksik ajax-loader.gif 404'unu engelle */
.slick-loading .slick-list {
  background-image: none !important;
}

/* Ekomania dil/kur main.css absolute left ezilsin (en sonda) */
@media (max-width: 768px) {
  #header-waypoint-sticky.ekomania-header .ekomania-lang-currency {
      display: inline-flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      gap: 10px !important;
      width: max-content !important;
      position: static !important;
      left: auto !important;
      right: auto !important;
      float: none !important;
  }

  #header-waypoint-sticky.ekomania-header .lang-wrap, #header-waypoint-sticky.ekomania-header .currency-wrap, #header-waypoint-sticky.ekomania-header .eko-lc-item {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      float: none !important;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      display: inline-flex !important;
      flex: 0 0 auto !important;
      align-items: center !important;
  }

  .ekomania-showcase-hero .showcase-hero-cta:not(:empty), .ekomania-showcase-hero .showcase-item--hero .showcase-hero-cta:not(:empty) {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      padding: 5px 18px;
  }

  #header-waypoint-sticky.ekomania-header .show-lang, #header-waypoint-sticky.ekomania-header .show-currency-tooltip {
      display: inline-flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 5px !important;
      position: relative !important;
      left: auto !important;
      white-space: nowrap !important;
  }

   }

.baslik-icon:empty {
  display: none;
}

@media (max-width: 575px) {
  .ekomania-tour-group-title, .ekomania-popular-tours .section-title h2.ekomania-tour-group-title, .ekomania-popular-tours .section-title h2 {
      font-size: 22px !important;
  }

  .ekomania-popular-tours {
      padding-left: 0px !important;
      padding-right: 0px !important;
  }
  section.ekomania-exclusive-section.eko-home-block {
    background: #263144;
}

.container.ekomania-exclusive-container {
    padding: 0 !important;
}
.ekomania-exclusive-inner {

  background: #26314400;

}
}

h3.eko-tour-card-title a {
  font-size: 18px !important;
  font-weight: 500;
}
/* Sabit iletiï¿½im FAB ï¿½ scroll-top ï¿½stï¿½nde (#e81932 / #111) */
.contact-fab {
  position: fixed;
  right: 28px;
  bottom: 102px;
  z-index: 1001;
  font-family: inherit;
}
.contact-fab__trigger {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: #e81932;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 6px 20px rgba(232, 25, 50, 0.45), 0 2px 8px rgba(17, 17, 17, 0.2);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.contact-fab__live-dot {
  position: absolute;
  left: 3px;
  bottom: 3px;
  width: 13px;
  height: 13px;
  background: #22c55e;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.35);
  z-index: 1;
  animation: contactFabLivePulse 2.2s ease-in-out infinite;
}
@keyframes contactFabLivePulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.35);
  }
  50% {
    transform: scale(1.12);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2);
  }
}
.contact-fab__trigger:hover {
  background: #111111;
  transform: scale(1.05);
  box-shadow: 0 8px 24px rgba(17, 17, 17, 0.35);
}
.contact-fab__trigger:focus {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.contact-fab.is-open .contact-fab__trigger {
  background: #111111;
}
#contactFab > #contactFabPanel.contact-fab__panel,
#contactFabPanel.contact-fab__panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 14px);
  width: min(300px, calc(100vw - 40px));
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(17, 17, 17, 0.18), 0 4px 12px rgba(17, 17, 17, 0.08);
  z-index: 10002;
  transform: translateY(8px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
#contactFab.contact-fab.is-open > #contactFabPanel.contact-fab__panel,
#contactFab.is-open #contactFabPanel,
#contactFabPanel.contact-fab__panel.is-open,
.contact-fab.is-open .contact-fab__panel {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.contact-fab__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: #111111;
  color: #fff;
}
.contact-fab__title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.contact-fab__close {
  border: none;
  background: transparent;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 0 4px;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}
.contact-fab__close:hover {
  opacity: 1;
}
.contact-fab__list {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-fab__btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  color: #111111;
  transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
  border: 1px solid transparent;
}
.contact-fab__btn i {
  font-size: 18px;
  width: 22px;
  text-align: center;
}
.contact-fab__btn--primary {
  background: #e81932;
  color: #fff;
}
.contact-fab__btn--primary:hover {
  background: #c4152a;
  color: #fff;
}
.contact-fab__btn--muted {
  background: #f0f0f0;
  color: #111111;
  border-color: #e8e8e8;
}
.contact-fab__btn--muted:hover {
  background: #e8e8e8;
  color: #e81932;
}
.contact-fab__btn--muted .fa-whatsapp {
  color: #25d366;
}
@media (max-width: 991.98px) {
  .contact-fab {
    z-index: 12000 !important;
    pointer-events: auto !important;
  }
  .contact-fab__trigger {
    pointer-events: auto !important;
  }
}
@media (max-width: 480px) {
  .contact-fab {
    right: 16px;
    bottom: 96px;
  }
  .contact-fab__trigger {
    width: 52px;
    height: 52px;
    font-size: 20px;
  }
  .contact-fab__live-dot {
    left: 2px;
    bottom: 2px;
    width: 12px;
    height: 12px;
  }
}

/* Popup overlay: siyah transparan, kapaninca kalkar */
.fancybox-bg {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: #000 !important;
}
.fancybox-container .fancybox-bg,
.fancybox-is-open .fancybox-bg {
  opacity: 0.65 !important;
}
.fancybox-is-closing .fancybox-bg {
  opacity: 0 !important;
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.65) !important;
}
.mfp-bg {
  background: #000 !important;
  opacity: 0.65 !important;
}
.modal-backdrop {
  background-color: #000 !important;
}
.modal-backdrop.show,
.modal-backdrop.in,
.modal-backdrop.fade.in,
.modal-backdrop.fade.show {
  opacity: 0.65 !important;
}
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.65) !important;
}
.login-page {
  background: rgba(0, 0, 0, 0.65) !important;
}
#ekomania-popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99980;
  background: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
#ekomania-popup-overlay.is-visible {
  display: block;
}
