/*
  Theme Name: eBusiness
  Theme URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*-----------------------------------------------------------------------------------
   CSS INDEX
  ===================

  1. Theme Default CSS (body, link color, section etc)
  2. Header Area
   2.1 Stick menu Area
  3. About Area
  4.Services Area
  5.Skill Area
  6.Faq Area
  7.Wellcome Area
  8.Team Area
  9.Review Area
  10.Portfolio Area
  11. Pricing Table
  12. Testimonials area
  13. Review Area
  14. Quote area
  15.Footer Area
  16.Home Page-2 Area
  17.Home Page 3  CSS
  18.Blog CSS
  17.Blog Details CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

/* Tüm sitede Outfit fontu - profesyonel ve göze çarpan */
html {
  font-family: 'Outfit', sans-serif;
}

html, body {
  height: 100%;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

a:focus {
  outline: 0px solid;
}

img {
  max-width: 100%;
  height: auto;
}

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 15px;
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
  margin: 0 0 15px;
  color: #444;
  font-weight: 600;
}

h1 {
  font-size: 48px;
  line-height: 50px;
}

h2 {
  font-size: 38px;
  line-height: 40px;
}

h3 {
  font-size: 30px;
  line-height: 32px;
}

h4 {
  font-size: 24px;
  line-height: 26px;
}

h5 {
  font-size: 20px;
  line-height: 22px;
}

h6 {
  font-size: 16px;
  line-height: 20px;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

a:hover {
  color: #3EC1D5;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
}

body {
  background: #fff none repeat scroll 0 0;
  color: #444;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  text-align: left;
  overflow-x: hidden;
  line-height: 1.6;
}

input, textarea, select, button, .btn {
  font-family: 'Outfit', sans-serif;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #3EC1D5;
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: #3EC1D5;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #3cd6ed;
  color: #fff;
}

.clear {
  clear: both;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
  -moz-appearance: none;
  box-shadow: none !important;
}

/* Yüklenme ekranı – yuvarlak logo, sade dönüş */
div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

div#preloader .preloader-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

div#preloader .preloader-logo {
  width: clamp(160px, 18vw, 220px);
  height: clamp(160px, 18vw, 220px);
  object-fit: contain;
  will-change: transform;
  animation: preloader-logo-spin 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.08));
}

div#preloader.preloader-fade-out {
  opacity: 0;
  transition: opacity 0.45s ease-out;
  pointer-events: none;
}

@keyframes preloader-logo-spin {
  0% {
    opacity: 0;
    transform: scale(0.92) rotate(-40deg);
  }
  18% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(720deg);
  }
}

::-moz-selection {
  background: #3EC1D5;
  text-shadow: none;
}

::selection {
  background: #3EC1D5;
  text-shadow: none;
}

.area-padding {
  padding: 70px 0px 80px;
}

.area-padding-2 {
  padding: 70px 0px 50px;
}

.padding-2 {
  padding-bottom: 90px;
}

.section-headline h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 70px;
  position: relative;
  text-transform: capitalize;
}

.section-headline h2::after {
  border: 1px solid #333;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}

.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

/*--------------------------------*/

/*  2. Header top Area
/*--------------------------------*/

.header-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.40);
  z-index: 9;
}

.navbar-header a.navbar-brand {
  display: inline-block;
  height: 70px;
  padding: 15px 0;
}

.navbar-brand .site-logo {
  max-height: 45px;
  width: auto;
  height: auto;
  vertical-align: middle;
  display: inline-block;
  /* Koyu header arka planında logoyu beyaz gösterir */
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.main-menu ul.navbar-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.main-menu ul.navbar-nav li {
  display: inline-block;
  padding: 0px 13px;
}

.main-menu ul.navbar-nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 24px 0px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.main-menu ul.navbar-nav li.active a::after {
  border: 1px solid #fff;
  bottom: 0px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.main-menu ul.navbar-nav li.active a:hover {
  background: none;
  color: #fff;
}

.main-menu ul.navbar-nav li.active a:focus {
  color: #fff;
}

.main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  position: relative;
}

.main-menu ul.navbar-nav li a:hover {
  color: #3EC1D5;
}

/* Teklif Al – CTA butonu */
.main-menu ul.navbar-nav li.nav-cta-wrap {
  padding-left: 18px;
  padding-right: 0;
}

.main-menu ul.navbar-nav li .nav-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #3EC1D5 0%, #2ba8bb 100%);
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  padding: 12px 24px !important;
  border-radius: 50px;
  border: none;
  box-shadow: 0 4px 15px rgba(62, 193, 213, 0.4);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.main-menu ul.navbar-nav li .nav-cta-btn:hover,
.main-menu ul.navbar-nav li .nav-cta-btn:focus {
  color: #fff !important;
  background: linear-gradient(135deg, #4dd1e5 0%, #3EC1D5 100%) !important;
  box-shadow: 0 6px 22px rgba(62, 193, 213, 0.5);
  transform: translateY(-2px);
}

.navbar {
  border: medium none;
  margin-bottom: 0;
}

.navbar-default {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: none;
  color: #333;
}

.navbar-default .navbar-toggle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  padding: 25px 0px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  background-color: transparent;
  color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.top-right.text-right {
  float: right;
  position: relative;
  top: 24px;
  margin-left: 20px;
}

.top-right.text-right>li {
  float: right;
  margin: 0px 8px;
}

.top-right.text-right li a {
  color: #fff;
}

/*--------------------------------*/

/* 2.1. Stick menu
/*--------------------------------*/

.header-area.stick {
  background-color: rgba(0, 0, 0, 1);
  height: 70px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.stick .navbar-header a.navbar-brand {
  display: inline-block;
  height: 90px;
}

.stick .navbar-brand .site-logo {
  max-height: 40px;
  /* Sticky menüde koyu arka planda logoyu beyaz/açık yaparak görünür kılar */
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.sticky-logo h1 {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.sticky-logo h1 span {
  color: #3ec1d5;
}
.stick .main-menu ul.navbar-nav li.active a::after {
  border: 1px solid #fff;
  bottom: 0px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.stick .main-menu ul.nav>li>a:hover {
  color: #fff;
}

.stick .main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  position: relative;
}

.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
  background-color: #f5f5f5;
  color: #fff;
  outline: medium none;
}

.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
  color: #fff;
}

.stick .logo {
  height: 20px;
}

.stick .logo a {
  margin-top: 0px;
}

.stick .main-menu ul.nav>li>a {
  color: #fff;
  line-height: 22px;
  padding: 24px 0px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.stick .main-menu ul.navbar-nav li .nav-cta-btn {
  padding: 12px 24px !important;
  color: #fff !important;
}

.stick .main-menu ul.navbar-nav li .nav-cta-btn:hover {
  color: #fff !important;
}

.stick .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.stick .navbar-default .navbar-toggle {
  padding: 10px 0px;
}

/*------------------------------
  3. About Area
--------------------------------*/

.about-area {
  background: linear-gradient(180deg, #fafbfc 0%, #f2f4f6 100%);
}

.about-area .single-well {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08), 0 2px 12px rgba(0, 0, 0, 0.04);
}

.about-area .single-well img {
  display: block;
  width: 100%;
  height: auto;
}

.single-well>a {
  display: block;
}

.single-well ul li {
  color: #444;
  display: block;
  padding: 5px 0;
}

.single-well ul li i {
  color: #3EC1D5;
  padding-right: 10px;
  font-size: 12px;
}

.single-well p {
  color: #444;
}

/* Hakkımızda – içerik kartı ve tipografi */
.about-content-card {
  background: #fff;
  border-radius: 12px;
  padding: 36px 32px 40px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.03);
  border-left: 4px solid #3EC1D5;
}

.about-section-label {
  color: #3EC1D5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 12px;
  text-transform: uppercase;
  display: inline-block;
}

.about-headline {
  color: #1a1a2e;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 20px 0;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.about-text {
  color: #5a5a6e;
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 28px;
}

.about-content-card .about-cta-wrap {
  text-align: left;
  margin-top: 0;
}

.about-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #3EC1D5 0%, #2eb1c4 100%);
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1.2px;
  border: none;
  border-radius: 8px;
  text-transform: uppercase;
  box-shadow: 0 6px 24px rgba(62, 193, 213, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  text-decoration: none;
}

.about-cta-btn i {
  font-size: 16px;
  opacity: 0.95;
}

.about-cta-btn:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #2eb1c4 0%, #2699aa 100%);
  box-shadow: 0 8px 28px rgba(62, 193, 213, 0.45);
  transform: translateY(-2px);
}

.about-img-wrap {
  position: relative;
}

/* İstatistik kartları – yan yana, profesyonel 3 sütun düzeni */
.about-stats-row {
  margin-top: 48px;
  margin-bottom: 0;
}

.about-stats-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
  max-width: 960px;
  margin: 0 auto;
}

.about-stat-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 28px 24px;
  text-align: center;
  border-top: 3px solid #3EC1D5;
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  position: relative;
  overflow: hidden;
}

.about-stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3EC1D5, #2eb1c4);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.about-stat-card:hover {
  box-shadow: 0 12px 32px rgba(62, 193, 213, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
  transform: translateY(-3px);
}

.about-stat-card:hover::before {
  opacity: 1;
}

.about-stat-card i {
  color: #3EC1D5;
  font-size: 28px;
  display: block;
  margin-bottom: 14px;
  line-height: 1;
}

.about-stat-card strong {
  display: block;
  color: #1a1a2e;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
}

.about-stat-card span {
  color: #5a5a6e;
  font-size: 14px;
  font-weight: 500;
  display: block;
  letter-spacing: 0.02em;
}

/*--------------------------------*/

/* 4.Services Area
/*--------------------------------*/

.services-icon {
  color: #444;
  display: inline-block;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  cursor: default;
  pointer-events: none;
  transition: color 0.35s ease, transform 0.35s ease;
}

.services-icon i {
  display: inline-block;
  transition: inherit;
}

.section-headline.services-head>h2 {
  margin-bottom: 25px;
}

.services-details {
  padding-top: 40px;
  transition: all 0.5s ease 0s;
}

.services-details:hover h4,
.services-details:hover .services-icon,
.services-details:hover .services-icon i {
  color: #3EC1D5;
}

.services-details:hover .services-icon i {
  transform: scale(1.15);
}

.row.second-row {
  margin-top: 40px;
}

.section-head>h2 {
  color: #333;
}

.single-services>h4 {
  color: #444;
  font-size: 24px;
  font-weight: 500;
}

.single-services>p {
  color: #333;
  font-size: 14px;
}

/* Hizmetlerimiz – kartlı, animasyonlu tasarım (satırlar ayrı, kayma yok) */
.services-cards-row {
  margin-top: 20px;
  margin-bottom: 10px;
}

.services-cards-row .row + .row {
  margin-top: 24px;
}

.service-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  padding: 36px 28px 32px;
  text-align: center;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  isolation: isolate;
}

.service-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  background: linear-gradient(90deg, #e74c5c 0%, #3EC1D5 100%);
  transition: height 0.35s ease;
  z-index: 0;
}

.service-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  top: 0;
  background: linear-gradient(180deg, #3EC1D5 0%, #2a8a9a 100%);
  transition: width 0.35s ease;
  z-index: 0;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
}

.service-card:hover::before {
  height: 4px;
}

.service-card:hover::after {
  width: 4px;
}

.service-card-icon-wrap {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(145deg, #2ba8bb 0%, #238a9a 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  font-size: 28px;
  transition: transform 0.35s ease, background 0.35s ease;
}

.service-card:hover .service-card-icon-wrap {
  transform: scale(1.08);
  background: linear-gradient(145deg, #3EC1D5 0%, #2ba8bb 100%);
}

.service-card-title {
  position: relative;
  z-index: 1;
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px;
  line-height: 1.35;
  transition: color 0.3s ease;
}

.service-card:hover .service-card-title {
  color: #2a8a9a;
}

.service-card-desc {
  position: relative;
  z-index: 1;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

@media (max-width: 767px) {
  .services-cards-row .col-md-offset-4.col-sm-offset-3 {
    margin-left: 0;
  }
  .service-card {
    padding: 28px 20px 26px;
  }
  .service-card-icon-wrap {
    width: 64px;
    height: 64px;
    font-size: 24px;
  }
}

/*----------------------------------------
  5.Skill Area
----------------------------------------*/

.our-skill-area {
  position: relative;
}

.our-skill-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg") no-repeat fixed center top / cover;
}

.test-overly {
  background: rgba(0, 0, 0, 0.80);
  position: absolute;
  width: 100%;
  height: 100%;
}

.progress-h4 {
  color: #fff;
  font-weight: 500;
}

/*----------------------------------------
  6.Faq Area
----------------------------------------*/

.faq-details .panel-heading {
  padding: 0;
}

.panel-default>.panel-heading {
  background-color: transparent;
  border: medium none;
  color: #333;
}

.faq-details h4.check-title a {
  color: #333;
  display: block;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 40px;
  padding: 6px 10px;
  text-decoration: none;
}

.panel-body {
  padding: 15px 15px 0px 50px;
}

.faq-details h4.check-title {
  color: #444;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.faq-details a span.acc-icons {
  position: relative;
}

.faq-details a span.acc-icons::before {
  color: #333;
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 40px;
  left: -51px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 42px;
}

.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
  color: #3EC1D5;
}

.faq-details a.active span.acc-icons::before {
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 40px;
  left: -51px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 42px;
}

.second-row {
  margin-top: 30px;
}

.event-content.head-team h4 {
  background: transparent none repeat scroll 0 0;
  color: #333;
  padding: 30px 0 10px;
  font-weight: 500;
  text-transform: capitalize;
}

.tab-menu .nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}

.tab-menu {
  display: block;
  text-align: center;
}

.tab-menu ul.nav {
  margin: 0;
  padding: 0;
}

.tab-menu ul.nav li {
  border: medium none;
  display: inline-block;
}

.tab-content {
  border: 1px solid #ccc;
  padding: 0 15px 15px;
}

.tab-menu ul.nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #444;
  display: block;
  font-weight: 500;
  margin-right: 5px;
  padding: 10px 20px;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
}

.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
  border-bottom: 1px solid #fff;
  color: #3EC1D5 !important;
}

.tab-menu .nav-tabs {
  border-bottom: none;
}

/* --- Neden Sigorta? Bölümü – modern / estetik --- */
.faq-area-modern {
  background: linear-gradient(180deg, #f8fafb 0%, #fff 100%);
}

.faq-area-modern .faq-section-head h2 {
  margin-bottom: 50px;
}

.faq-content-row {
  align-items: stretch;
}

.faq-accordion-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
  padding: 28px 24px 20px;
  height: 100%;
  transition: box-shadow 0.3s ease;
}

.faq-accordion-card:hover {
  box-shadow: 0 14px 48px rgba(0, 0, 0, 0.08);
}

.faq-area-modern .faq-panel {
  border: none;
  border-radius: 14px;
  margin-bottom: 12px;
  overflow: hidden;
  background: #f8fafb;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.faq-area-modern .faq-panel:last-child {
  margin-bottom: 0;
}

.faq-area-modern .faq-panel:hover {
  background: #f0f6f8;
}

.faq-area-modern .faq-panel .panel-heading {
  padding: 0;
  border: none;
}

.faq-area-modern .faq-panel .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid rgba(62, 193, 213, 0.2);
}

.faq-area-modern .faq-details h4.check-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.faq-area-modern .faq-details h4.check-title a {
  display: flex;
  align-items: center;
  padding: 16px 18px;
  margin-left: 0;
  letter-spacing: 0.3px;
  transition: color 0.25s ease;
}

.faq-area-modern .faq-details h4.check-title a {
  color: #333;
}

.faq-area-modern .faq-details h4.check-title a.active {
  color: #2ba8bb !important;
}

.faq-area-modern .faq-details h4.check-title a:hover {
  color: #2ba8bb !important;
}

/* İkon alanı: sabit genişlik, yazıyla çakışmayı önler */
.faq-area-modern .faq-details a span.acc-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-width: 44px;
  height: 24px;
  margin-right: 12px;
  flex-shrink: 0;
}

.faq-area-modern .faq-details a span.acc-icons::before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  width: 24px;
  border-radius: 50%;
  background: #e8f5f7;
  color: #238a9a;
  transition: background 0.2s ease, color 0.2s ease;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}

.faq-area-modern .faq-details a.active span.acc-icons::before {
  background: #2ba8bb;
  color: #fff;
}

.faq-area-modern .faq-panel .panel-body {
  padding: 0 18px 18px 18px;
  padding-left: 18px;
  margin-left: 56px;
  border: none;
  background: transparent;
}

.faq-area-modern .faq-panel .panel-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #555;
}

/* Sağ kolon – tab kartı */
.faq-tabs-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease;
}

.faq-tabs-card:hover {
  box-shadow: 0 14px 48px rgba(0, 0, 0, 0.08);
}

.faq-area-modern .faq-tab-menu {
  padding: 0 20px;
  border-bottom: 1px solid #eee;
  background: #fafbfc;
}

.faq-area-modern .faq-tab-menu .nav-tabs {
  border: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
}

.faq-area-modern .faq-tab-menu .nav li {
  margin: 0;
  float: none;
}

.faq-area-modern .faq-tab-menu .nav li a {
  padding: 14px 18px;
  margin: 0;
  margin-right: 0;
  border: none;
  border-radius: 12px 12px 0 0;
  font-size: 15px;
  color: #666;
  transition: color 0.25s ease, background 0.25s ease;
}

.faq-area-modern .faq-tab-menu .nav li a:hover {
  color: #2ba8bb;
  background: rgba(62, 193, 213, 0.08);
}

.faq-area-modern .faq-tab-menu .nav li.active a {
  color: #fff !important;
  background: #2ba8bb !important;
  border-bottom: none;
}

.faq-area-modern .faq-tab-content {
  border: none;
  padding: 28px 26px 32px;
  flex: 1;
  background: #fff;
}

.faq-area-modern .faq-tab-content .event-content.head-team h4 {
  padding: 0 0 12px;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  border-bottom: 2px solid rgba(62, 193, 213, 0.25);
}

.faq-area-modern .faq-tab-content .event-content.head-team p {
  margin: 0 0 14px;
  color: #555;
  line-height: 1.7;
  font-size: 15px;
}

.faq-area-modern .faq-tab-content .event-content.head-team p:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .faq-content-row .col-md-6:first-child {
    margin-bottom: 24px;
  }
  .faq-accordion-card,
  .faq-tabs-card {
    height: auto;
  }
}

@media (max-width: 767px) {
  .faq-area-modern .faq-details h4.check-title a {
    padding: 14px;
  }
  .faq-area-modern .faq-details a span.acc-icons {
    width: 40px;
    min-width: 40px;
    margin-right: 10px;
  }
  .faq-area-modern .faq-panel .panel-body {
    margin-left: 50px;
    padding: 0 14px 14px 14px;
  }
  .faq-area-modern .faq-tab-menu .nav li a {
    padding: 12px 14px;
    font-size: 14px;
  }
  .faq-area-modern .faq-tab-content {
    padding: 22px 20px 26px;
  }
}

.tab-main-img a {
  position: relative;
  display: block;
}

.tab-main-img a:hover span.events-offer {
  height: 20%;
}

.tab-main-img a span.events-offer {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  content: "";
  font-size: 20px;
  font-weight: 700;
  height: 0%;
  left: 0;
  line-height: 70px;
  padding: 0;
  position: absolute;
  text-align: left;
  transition: all 0.5s ease 0s;
  width: 100%;
  padding: 0px 10px;
}

/*----------------------------------------
 7.Wellcome Area Css
----------------------------------------*/

.wellcome-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.well-bg {
  position: relative;
}

.wellcome-text {
  margin: 70px 0;
  padding: 30px 40px;
}

.well-text>h2 {
  color: #fff;
  font-size: 44px;
  font-weight: 500;
  line-height: 50px;
}

.well-text p {
  font-size: 18px;
  font-style: italic;
  color: #fff;
}

.wellcome-text .section-headline p {
  margin-bottom: 0;
}

.subs-feilds {
  border: 1px solid #fff;
  display: inline-block;
  height: 52px;
  margin-top: 30px;
  width: 60%;
  border-radius: 30px;
  overflow: hidden;
}

.suscribe-input input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  float: left;
  font-size: 15px;
  line-height: 24px;
  padding: 11px 15px;
  width: 70%;
  height: 50px;
}

.suscribe-input button {
  background: #3ec1d5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 20px 20px 0;
  color: #fff;
  float: left;
  font-size: 20px;
  font-weight: 700;
  padding: 14px 20px;
  width: 30%;
}

.suscribe-input button:hover {
  background: #fff none repeat scroll 0 0;
  color: #3ec1d5;
}

/* Bülten – modern, estetik ve responsive */
.wellcome-area-modern .wellcome-text {
  margin: 60px 0;
  padding: 20px 15px;
}

.wellcome-card {
  max-width: 640px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  padding: 48px 40px 44px;
  backdrop-filter: blur(8px);
}

.wellcome-area-modern .wellcome-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  color: #222;
  margin-bottom: 10px;
}

.wellcome-area-modern .wellcome-desc {
  font-size: 16px;
  color: #555;
  font-style: normal;
  margin-bottom: 28px;
  line-height: 1.5;
}

.wellcome-area-modern .subs-feilds {
  border: none;
  display: block;
  height: auto;
  margin-top: 0;
  width: 100%;
  border-radius: 0;
  overflow: visible;
}

.wellcome-area-modern .suscribe-input {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
}

.wellcome-area-modern .suscribe-input input {
  flex: 1;
  min-width: 200px;
  max-width: 360px;
  height: 52px;
  padding: 0 20px;
  font-size: 15px;
  color: #333;
  background: #f5f7f9;
  border: 1px solid #e8ecf0;
  border-radius: 14px;
  float: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wellcome-area-modern .suscribe-input input::placeholder {
  color: #888;
}

.wellcome-area-modern .suscribe-input input:focus {
  outline: none;
  border-color: #2ba8bb;
  box-shadow: 0 0 0 3px rgba(43, 168, 187, 0.15);
}

.wellcome-area-modern .suscribe-input .add-btn {
  height: 52px;
  padding: 0 28px;
  font-size: 16px;
  font-weight: 600;
  background: #2ba8bb;
  color: #fff;
  border: none;
  border-radius: 14px;
  float: none;
  min-width: 140px;
  transition: background 0.2s ease, transform 0.05s ease;
}

.wellcome-area-modern .suscribe-input .add-btn:hover {
  background: #238a9a;
  color: #fff;
}

.wellcome-msg {
  margin-top: 14px;
  font-size: 14px;
  min-height: 22px;
}

@media (max-width: 767px) {
  .wellcome-area-modern .wellcome-text {
    margin: 40px 0;
    padding: 15px 10px;
  }
  .wellcome-card {
    padding: 32px 20px 28px;
    border-radius: 20px;
  }
  .wellcome-area-modern .wellcome-title {
    font-size: 22px;
  }
  .wellcome-area-modern .wellcome-desc {
    font-size: 15px;
    margin-bottom: 22px;
    display: block !important;
  }
  .wellcome-area-modern .suscribe-input {
    flex-direction: column;
    align-items: stretch;
  }
  .wellcome-area-modern .suscribe-input input {
    max-width: none;
    min-width: 0;
  }
  .wellcome-area-modern .suscribe-input .add-btn {
    min-width: 0;
    width: 100%;
  }
}

/*----------------------------------------
 8.Team Area Css
----------------------------------------*/

.team-member {
  background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
  display: block;
  margin-right: -15px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.team-member::before {
  background: rgba(0, 0, 0, 0) url("../img/team/team01.jpg") repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin-right: -15px;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  transition: 5s;
  transform: scale(1);
}

.team-member:hover.team-member::before {
  transform: scale(1.2);
}

.single-team-member {
  border: 1px solid #ddd;
}

.team-left-text h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.team-left-text p {
  color: #fff;
  font-size: 17px;
  line-height: 26px;
}

.email-news {
  display: block;
  margin: 30px 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.email-news .email_button input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 13px;
  padding: 8px;
  width: 81%;
}

.email-news .email_button>button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 16px;
  padding: 8px 12px;
  text-align: center;
}

.email-news .email_button>button:hover {
  background: #3EC1D5;
  border: 1px solid #fff;
  color: #fff;
}

.team-left-icon ul li {
  display: inline-block;
}

.team-left-icon ul li a:hover {
  color: #3EC1D5;
  background: #fff;
  border: 2px solid #fff;
}

.team-left-icon ul li a {
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 37px;
  margin: 0 3px;
  width: 40px;
}

.team-member-carousel .single-team-member {
  overflow: hidden;
  width: 100%;
}

.single-team-member:hover .team-img a:after {
  opacity: 1;
}

.single-team-member:hover .team-social-icon {
  top: 45%;
  opacity: 1;
}

.team-img {
  position: relative;
}

.team-img>a {
  display: block;
}

.team-img>a::after {
  background: rgba(0, 0, 0, 0.70);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 100%;
  opacity: 0;
}

.team-social-icon {
  left: 50%;
  margin-left: -61px;
  opacity: 0;
  position: absolute;
  top: 30%;
  transition: 1.3s;
}

.team-social-icon ul li {
  display: inline-block;
}

.team-social-icon ul li a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 35px;
  margin: 0 3px;
  width: 34px;
}

.team-social-icon ul li a:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}

.team-content {
  padding: 10px 0px;
}

.team-content>h4, .team-content>p {
  color: #444;
  margin-bottom: 5px;
}

.team-content.head-team p {
  margin-bottom: 0;
}

.team-left-icon.text-center {
  margin-bottom: 20px;
}

.head-team h4 {
  display: inline-block;
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 10px;
  text-transform: uppercase;
}

/*--------------------------------*/
/*  9. CTA Danışmanlık Area
/*--------------------------------*/

.cta-consult-area {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cta-consult-bg {
  position: relative;
  background: linear-gradient(135deg, #1a3a42 0%, #0d1f24 50%, #152a32 100%);
  background-size: cover;
  background-position: center;
  padding: 64px 24px 72px;
}

.cta-consult-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/background/bg1.jpg") center/cover no-repeat;
  opacity: 0.18;
  pointer-events: none;
}

.cta-consult-inner {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}

.cta-consult-icon-wrap {
  width: 72px;
  height: 72px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(62, 193, 213, 0.2);
  border: 2px solid #3EC1D5;
  border-radius: 50%;
  color: #3EC1D5;
  font-size: 32px;
  transition: background 0.3s ease, transform 0.3s ease;
}

.cta-consult-area:hover .cta-consult-icon-wrap {
  background: rgba(62, 193, 213, 0.3);
  transform: scale(1.05);
}

.cta-consult-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 14px;
  letter-spacing: 0.02em;
}

.cta-consult-desc {
  color: rgba(255, 255, 255, 0.88);
  font-size: 17px;
  line-height: 1.55;
  margin: 0 0 32px;
}

.cta-consult-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.cta-consult-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 26px;
  min-height: 48px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.25s ease;
  border: 2px solid transparent;
}

.cta-consult-btn-primary {
  background: #3EC1D5;
  color: #fff;
  border-color: #3EC1D5;
  box-shadow: 0 4px 20px rgba(62, 193, 213, 0.35);
}

.cta-consult-btn-primary:hover {
  background: #35a8b9;
  border-color: #35a8b9;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(62, 193, 213, 0.45);
}

.cta-consult-btn-secondary {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.6);
}

.cta-consult-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: #fff;
  color: #fff;
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .cta-consult-bg {
    padding: 48px 20px 56px;
  }
  .cta-consult-icon-wrap {
    width: 60px;
    height: 60px;
    font-size: 26px;
    margin-bottom: 20px;
  }
  .cta-consult-title {
    font-size: 22px;
  }
  .cta-consult-desc {
    font-size: 15px;
    margin-bottom: 26px;
  }
  .cta-consult-btns {
    flex-direction: column;
    gap: 10px;
  }
  .cta-consult-btn {
    width: 100%;
    max-width: 280px;
  }
}

.single-awesome-4 {
  display: block;
  float: left;
  overflow: hidden;
  width: 33.33%;
}

.single-awesome-4 .add-actions {
  padding: 10px 20px;
}

/*----------------------------------------
 10.Portfolio Area Css
----------------------------------------*/

.pst-content {
  padding-left: 10px;
}

.project-menu {
  margin-bottom: 40px;
  text-align: center;
}

.project-menu li {
  display: inline-block;
}

.project-menu li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 20px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 4px;
  padding: 6px 15px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}

.project-menu li a.active, .project-menu li a:hover {
  border-color: #3EC1D5;
  background: #3EC1D5;
  color: #fff;
  text-decoration: none;
}

.single-awesome-portfolio {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 25%;
  position: relative;
}

.single-awesome-project {
  overflow: hidden;
  margin-bottom: 30px;
}

.first-item {
  margin-bottom: 30px;
}

.awesome-img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.awesome-img>a {
  display: block;
  position: relative;
}

.single-awesome-project:hover .awesome-img>a::after {
  opacity: 1;
}

.single-awesome-project:hover .add-actions {
  opacity: 1;
  bottom: 0;
}

.awesome-img>a::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}

.add-actions {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 30px;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;
}

.project-dec {
  display: block;
  height: 100%;
  width: 100%;
}

.project-dec a {
  display: block;
  height: 100%;
  width: 100%;
}

.project-dec h4 {
  margin-bottom: 5px;
}

.project-dec h4:hover {
  color: #fff;
}

.project-dec h4 {
  color: #ddd;
  font-size: 24px;
  margin-top: -45px;
  padding-top: 50%;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
}

.project-dec span {
  color: #ddd;
  font-size: 13px;
}

.project-action-btn {
  display: block;
  height: 100%;
  text-align: center;
  transition: all 1s ease 0s;
  width: 100%;
}

.project-action-btn li {
  display: block;
  height: 100%;
  width: 100%;
}

.project-action-btn li a {
  display: block;
  height: 100%;
  width: 100%;
}

/*----------------------------------------*/

/* 11. Pricing Area
/*----------------------------------------*/

.pricing-area {
  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}

.pri_table_list {
  border: 1px solid #ccc;
  text-align: center;
  transition: all 0.4s ease 0s;
  background: #fff;
}

.pri_table_list h3 span {
  font-size: 16px;
}

.pri_table_list ol li {
  border-bottom: 1px solid #ccc;
  color: #666;
  padding: 12px 15px;
  position: relative;
  text-align: left;
}

.pri_table_list li.check.cross::after {
  content: "\f00d";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: indianred;
}

.pri_table_list li.check::after {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: #3EC1D5;
}

.pri_table_list button {
  background: #444 none repeat scroll 0 0;
  border: 1px solid #444;
  color: #fff;
  margin-bottom: 25px;
  padding: 10px 35px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  border-radius: 30px;
}

.pri_table_list>h3 {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  padding: 30px 0 20px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.pri_table_list ol {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 25px;
}

.pri_table_list.active {
  transition: all 0.4s ease 0s;
  position: relative;
  overflow: hidden;
}

.saleon {
  background: #3EC1D5 none repeat scroll 0 0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  left: -26px;
  padding: 2px 25px;
  position: absolute;
  text-transform: uppercase;
  top: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.pri_table_list>button:hover {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}

.active>h3 {
  background: #f5f5f5 none repeat scroll 0 0;
  color: #333;
  transition: all 0.4s ease 0s;
}

.active>button {
  background: #3EC1D5 none repeat scroll 0 0;
  border: 1px solid #3EC1D5;
  color: #fff;
  transition: 0.4s;
}

.active>button:hover {
  background: #333 none repeat scroll 0 0;
  border: 1px solid #333;
  color: #fff;
  transition: 0.4s;
}

/*----------------------------------------
 12.Testimonial Area Css
----------------------------------------*/

.testimonials-area {
  background: rgba(0, 0, 0, 0) url("../img/background/slider1.jpg") no-repeat fixed center top / cover;
  height: auto;
  width: 100%;
}

.testi-inner {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.testi-overly {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.quate {
  border: 1px dotted #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  width: 70px;
}

.quate:hover {
  color: #fff;
}

.testi-img img {
  border: 1px dotted rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  height: 80px;
  margin: 0 auto;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}

.testi-text p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
  margin: 20px 0;
  letter-spacing: 1px;
}

.testi-text h6 {
  color: #fff;
  font-size: 20px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  height: 8px;
  width: 8px;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
  bottom: -30px;
  display: block;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}

.testimonial-content {
  margin-bottom: 15px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
  display: inline-block;
  margin: 0 3px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
  background: #3EC1D5;
}

.testi-text.text-center>h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.guest-rev {
  color: #ddd;
  font-size: 16px;
}

.guest-rev>a {
  color: #3EC1D5;
  font-size: 14px;
}

/*--------------------------------*/

/*  13.Blog Area
/*--------------------------------*/

.blog-area {
  height: auto;
  width: 100%;
}

.blog-text h4 a {
  color: #444;
  text-decoration: none;
}

.blog-text h4 {
  color: #444;
  margin-bottom: 15px;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  text-decoration: none;
}

.blog-btn {
  border-bottom: 1px dotted #444;
  color: #444;
  display: inline-block;
  padding: 0 1px 5px 0;
  position: relative;
  text-decoration: none;
}

.blog-btn {
  position: relative;
}

.blog-btn::after {
  content: "\f178";
  font-family: fontawesome;
  position: absolute;
  right: -20px;
  top: 1px;
  transition: all 0.3s ease 0s;
}

.blog-btn:hover::after {
  right: -30px;
}

.blog-btn:hover {
  color: #333;
  text-decoration: none;
}

.blog_meta span.date_type i {
  margin-left: 5px;
}

.blog-meta span.comments-type {
  margin-left: 5px;
}

.blog-meta span i {
  padding-right: 10px;
}

.blog-content .blog-meta {
  border-bottom: 1px dotted #333;
}

.blog-meta {
  border-bottom: 1px dotted #fff;
  padding: 10px 0;
}

.comments-type>a, .date-type, .blog-meta span.comments-type {
  color: #333;
  letter-spacing: 1px;
  margin-right: 5px;
}

.blog-meta .comments-type i {
  padding-right: 0 !important;
}

.blog-content-right .comments-type>a, .blog-content-right .date-type, .blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p {
  color: #fff;
  letter-spacing: 1px;
}

.single-blog .ready-btn {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.single-blog .ready-btn:hover {
  border: 1px solid #3EC1D5;
  color: #fff;
}

/*------------------------------
  13. Quote area / CTA Teklif
--------------------------------*/

.suscribe-area {
  background: #3EC1D5 none repeat scroll 0 0;
  padding: 30px 0;
}

.suscribe-text {
  display: block;
  padding: 10px 0;
}

.suscribe-text h3 {
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.sus-btn {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #3EC1D5;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-left: 100px;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 30px;
}

.sus-btn:hover {
  background: #3EC1D5 none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
}

/* CTA Teklif – gelişmiş tasarım */
.cta-quote-area {
  padding: 0;
  position: relative;
}

.cta-quote-bg {
  background: linear-gradient(135deg, #1a5f6e 0%, #2a9ba8 35%, #3EC1D5 70%, #4dd4e8 100%);
  padding: 36px 0;
  position: relative;
  overflow: hidden;
}

.cta-quote-pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.08;
  background-image: radial-gradient(circle at 20% 50%, #fff 1px, transparent 1px),
                    radial-gradient(circle at 80% 50%, #fff 1px, transparent 1px);
  background-size: 48px 48px;
}

.cta-quote-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px 32px;
  position: relative;
  z-index: 1;
}

.cta-quote-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cta-quote-icon i {
  font-size: 26px;
  color: #fff;
}

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

.cta-quote-title {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.cta-quote-desc {
  margin: 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

.cta-quote-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  color: #1a5f6e;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.cta-quote-btn i {
  font-size: 14px;
  transition: transform 0.25s ease;
}

.cta-quote-btn:hover {
  background: #fff;
  color: #1a5f6e;
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.cta-quote-btn:hover i {
  transform: translateX(4px);
}

@media (max-width: 768px) {
  .cta-quote-inner {
    flex-direction: column;
    text-align: center;
  }
  .cta-quote-text {
    text-align: center;
  }
  .cta-quote-title {
    font-size: 18px;
  }
  .cta-quote-desc {
    font-size: 13px;
  }
  .cta-quote-btn {
    padding: 12px 24px;
    font-size: 14px;
  }
}

/*--------------------------------*/

/*  14.Contact Area
/*--------------------------------*/

.contact-area {
  width: 100%;
  position: relative;
  background: #f0f4f8;
}

.contact-inner {
  position: relative;
  z-index: 1;
}

.contact-area .contact-overly {
  pointer-events: none;
}
.contact-area .contact-inner > .container {
  position: relative;
  z-index: 1;
}

.contact-content {
  padding: 100px;
  background: #000 none repeat scroll 0 0;
}

.contact-content-right {
  padding: 100px;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 40px;
  margin-bottom: 16px;
  padding-left: 20px;
  width: 100%;
}

.contact-form textarea  {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 140px;
  padding: 20px;
  width: 100%;
}

.contact-form button[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  padding: 12px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}

.contact-form button[type=submit]:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}

.contact-form  #sendmessage {
  color: #3EC1D5;
  border: 1px solid #3EC1D5;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-form #sendmessage.show, .contact-form #errormessage.show, .contact-form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

/* İletişim formu – kart, orantılı ve profesyonel */
.contact-form-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 36px 32px 40px;
  min-height: 440px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.contact-form-card .contact-form-title {
  font-size: 20px;
  font-weight: 700;
  color: #1a2a3a;
  margin: 0 0 6px;
  letter-spacing: -0.02em;
  padding-bottom: 12px;
  border-bottom: 2px solid #3EC1D5;
  display: inline-block;
}

.contact-form-desc {
  font-size: 14px;
  color: #64748b;
  margin: 0 0 20px;
  line-height: 1.5;
}

.contact-form-msg {
  display: none;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 18px;
  align-items: center;
  gap: 8px;
}

.contact-form-msg.show {
  display: flex;
}

.contact-form-msg-success {
  background: rgba(34, 197, 94, 0.08);
  color: #15803d;
  border: 1px solid rgba(34, 197, 94, 0.2);
}

.contact-form-msg-success i {
  font-size: 16px;
  flex-shrink: 0;
  color: #22c55e;
}

.contact-form-msg-error {
  background: rgba(220, 53, 69, 0.06);
  color: #b02a37;
  border: 1px solid rgba(220, 53, 69, 0.2);
}

.contact-form-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}

.contact-form-card .form-group {
  margin-bottom: 16px;
}

.contact-form-card .form-control {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  font-size: 14px;
  color: #1e293b;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form-card .form-control:focus {
  outline: none;
  border-color: #3EC1D5;
  box-shadow: 0 0 0 3px rgba(62, 193, 213, 0.12);
  background: #fff;
}

.contact-form-card .form-control::placeholder {
  color: #94a3b8;
}

.contact-form-card textarea.form-control {
  height: 100px;
  padding: 12px 14px;
  resize: vertical;
  min-height: 100px;
}

.contact-form-card .validation.show {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #b02a37;
}

.contact-form-submit-wrap {
  margin-top: 20px;
  padding-top: 8px;
  text-align: left;
}

.contact-form-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  height: 46px;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #3EC1D5;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.contact-form-submit:hover:not(:disabled) {
  background: #2da5b5;
  box-shadow: 0 4px 14px rgba(62, 193, 213, 0.35);
}

.contact-form-submit:disabled {
  cursor: not-allowed;
  opacity: 0.85;
}

.contact-form-submit .btn-loading {
  display: none;
}

.contact-form-submit.loading .btn-text {
  display: none;
}

.contact-form-submit.loading .btn-loading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.single-icon i {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #444;
  line-height: 46px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-icon p {
  font-size: 16px;
  line-height: 30px;
}

.contact-icon {
  margin-bottom: 40px;
}

/* İletişim – animasyonlu kartlar */
.contact-section-head {
  margin-bottom: 36px;
}

.contact-section-head h2 {
  margin-bottom: 10px;
}

.contact-section-head h2::after {
  display: none;
}

.contact-section-desc {
  font-size: 16px;
  color: #64748b;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.contact-cards-row {
  margin-bottom: 32px;
}

.contact-section-desc {
  margin: 0 auto;
  max-width: 520px;
  color: #5a6b7a;
  font-size: 16px;
  line-height: 1.6;
}

.contact-cards-row {
  margin-bottom: 44px;
}

.contact-card {
  display: block;
  background: #fff;
  border-radius: 18px;
  padding: 28px 24px 24px;
  box-shadow: 0 10px 32px rgba(15, 40, 60, 0.08);
  border: 1px solid rgba(22, 49, 76, 0.06);
  text-align: center;
  text-decoration: none;
  color: inherit;
  height: 100%;
  min-height: 200px;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  position: relative;
  overflow: hidden;
}

.contact-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 18px 18px 0 0;
  transition: height 0.35s ease, opacity 0.35s ease;
  opacity: 0.9;
}

.contact-card-phone::before {
  background: linear-gradient(90deg, #3EC1D5 0%, #2a9ba8 100%);
}

.contact-card-email::before {
  background: linear-gradient(90deg, #e74c5c 0%, #c93d4c 100%);
}

.contact-card-address::before {
  background: linear-gradient(90deg, #16314c 0%, #2a5a6e 100%);
}

.contact-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 48px rgba(15, 40, 60, 0.14);
  border-color: rgba(62, 193, 213, 0.25);
}

.contact-card:hover::before {
  height: 6px;
  opacity: 1;
}

.contact-card-icon {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 24px;
  transition: transform 0.35s ease;
}

.contact-card-phone .contact-card-icon {
  background: linear-gradient(135deg, rgba(62, 193, 213, 0.18) 0%, rgba(62, 193, 213, 0.08) 100%);
  color: #1a8a99;
}

.contact-card-email .contact-card-icon {
  background: linear-gradient(135deg, rgba(231, 76, 92, 0.18) 0%, rgba(231, 76, 92, 0.08) 100%);
  color: #c93d4c;
}

.contact-card-address .contact-card-icon {
  background: linear-gradient(135deg, rgba(22, 49, 76, 0.12) 0%, rgba(22, 49, 76, 0.06) 100%);
  color: #16314c;
}

.contact-card:hover .contact-card-icon {
  transform: scale(1.08);
}

.contact-card-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #16314c;
}

.contact-card-value {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: #2a3d4d;
  line-height: 1.45;
}

.contact-card-address-text {
  font-weight: 500;
  font-size: 14px;
}

.contact-card-hint {
  margin: 0;
  font-size: 13px;
  color: #6b7c8d;
}

.contact-map-form-row {
  align-items: stretch;
  margin-top: 8px;
  gap: 0;
}

.contact-map-form-row .col-md-6 {
  padding-left: 12px;
  padding-right: 12px;
}

.contact-map-form-row .col-md-6:first-child {
  padding-right: 14px;
}

.contact-map-form-row .col-md-6:last-child {
  padding-left: 14px;
}

.contact-map-wrap {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  min-height: 440px;
  height: 100%;
}

.contact-map-wrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 440px;
}

@media (max-width: 768px) {
  .contact-card {
    min-height: 180px;
    padding: 22px 20px 20px;
  }
  .contact-section-desc {
    font-size: 14px;
  }
}

#google-map {
  height: 370px;
  margin-bottom: 20px;
}

/*----------------------------------------*/

/*  15. Footer Area
/*----------------------------------------*/

.footer-area {
  padding: 40px 0;
  background: #f9f9f9;
}

.footer-head p {
  color: #444;
}

.footer-head h4 {
  color: #444;
  font-size: 16px;
  letter-spacing: 2px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.footer-logo {
  padding-bottom: 20px;
}

.footer-logo h2 {
  color: #222;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.footer-logo h2 span {
  color: #3ec1d5;
}

.footer-logo-img {
  max-height: 50px;
  width: auto;
  display: block;
}

.footer-icons ul li {
  display: inline-block;
}

.footer-icons ul li a {
  border: 1px solid #444;
  color: #444;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
  border-radius: 50%;
}

.flicker-img>a {
  float: left;
  padding: 1px;
  width: 33.33%;
}

.footer-icons {
  margin-top: 30px;
}

.footer-contacts p span {
  color: #3EC1D5;
  font-weight: 700;
}

.popular-tag ul li {
  display: inline-block;
}

.footer-content {
  display: block;
  overflow: hidden;
}

.popular-tag ul li a:hover, .footer-icons ul li a:hover {
  background: #3EC1D5;
  border: 1px solid #3EC1D5;
  color: #fff;
}

.popular-tag ul li a {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 3px;
  padding: 5px 10px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.4s ease 0s;
  width: 70px;
  text-align: center;
}

.footer-area-bottom {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 15px 0;
}

.copyright-text a:hover {
  text-decoration: underline;
  color: #3EC1D5;
}

.copyright-text a {
  color: #444;
}

.copyright>p {
  margin-bottom: 0;
  color: #444;
}

/* Footer – örnek görsel uyumu (koyu tema, beyaz metin) */
.footer-modern .footer-area {
  background: #0A111F;
  padding: 52px 0 44px;
}

.footer-modern .footer-brand .footer-logo {
  padding-bottom: 18px;
}

.footer-modern .footer-logo-img {
  max-height: 48px;
  filter: brightness(0) invert(1);
}

.footer-modern .footer-desc {
  color: #fff;
  font-size: 14px;
  line-height: 1.75;
  margin: 0 0 26px;
  max-width: 320px;
}

.footer-modern .footer-title {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 20px;
  padding: 0 0 10px;
  position: relative;
  display: inline-block;
}

/* Hızlı Erişim başlığında ince vurgu çizgisi (örnek görsel) */
.footer-modern .footer-quick-col .footer-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(62, 193, 213, 0.6) 100%);
  border-radius: 1px;
}

.footer-modern .footer-quick-links,
.footer-modern .footer-contacts-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-modern .footer-quick-links li {
  margin-bottom: 10px;
}

.footer-modern .footer-quick-links a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s ease;
}

.footer-modern .footer-quick-links a:hover {
  color: #3EC1D5;
}

.footer-modern .footer-contacts-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.footer-modern .footer-contacts-list i {
  color: #fff;
  font-size: 15px;
  margin-top: 2px;
  flex-shrink: 0;
  opacity: 0.95;
}

.footer-modern .footer-contacts-list a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-modern .footer-contacts-list a:hover {
  color: #3EC1D5;
}

.footer-modern .footer-icons ul li a {
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}

.footer-modern .footer-icons ul li a:hover {
  background: #3EC1D5;
  border-color: #3EC1D5;
  color: #fff;
}

.footer-modern .footer-area-bottom {
  background: #0A111F;
  padding: 20px 0;
}

.footer-modern .footer-bottom-inner {
  align-items: center;
}

.footer-modern .copyright-left {
  text-align: left;
}

.footer-modern .copyright-left p {
  margin: 0;
}

.footer-modern .copyright>p {
  color: #fff;
  font-size: 13px;
}

.footer-modern .copyright strong {
  color: #fff;
  font-weight: 600;
}

@media (max-width: 767px) {
  .footer-modern .copyright-left {
    text-align: center;
  }
  .footer-modern .footer-area-bottom .text-right {
    text-align: center !important;
  }
}

/* Footer – Mor Teknoloji logosu (sağ alt) */
.mor-teknoloji-trigger {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  transition: opacity 0.2s ease;
}

.mor-teknoloji-trigger:hover {
  opacity: 0.9;
}

.mor-teknoloji-logo {
  max-height: 36px;
  width: auto;
  display: block;
}

@media (max-width: 767px) {
  .footer-modern .footer-bottom-right {
    margin-top: 8px;
  }
}

/* Mor Teknoloji modal */
.mor-teknoloji-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mor-teknoloji-modal.mor-teknoloji-modal-open {
  opacity: 1;
  visibility: visible;
}

.mor-teknoloji-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.mor-teknoloji-modal-box {
  position: relative;
  background: #fff;
  border-radius: 16px;
  max-width: 440px;
  width: 100%;
  padding: 32px 28px 24px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.mor-teknoloji-modal-logo {
  margin-bottom: 20px;
}

.mor-teknoloji-modal-logo img {
  max-height: 48px;
  width: auto;
}

.mor-teknoloji-modal-title {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 700;
  color: #1a2332;
  line-height: 1.3;
}

.mor-teknoloji-modal-text {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.65;
  color: #4b5b6b;
}

.mor-teknoloji-modal-text a {
  color: #3EC1D5;
  font-weight: 600;
  text-decoration: none;
}

.mor-teknoloji-modal-text a:hover {
  text-decoration: underline;
}

.mor-teknoloji-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.mor-teknoloji-btn {
  display: inline-block;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
}

.mor-teknoloji-btn-close {
  border-color: #ccc;
  background: #fff;
  color: #444;
}

.mor-teknoloji-btn-close:hover {
  background: #f5f5f5;
  border-color: #999;
}

.mor-teknoloji-btn-more {
  background: #1a2332;
  border-color: #1a2332;
  color: #fff;
}

.mor-teknoloji-btn-more:hover {
  background: #2a3548;
  border-color: #2a3548;
  color: #fff;
}

/* İletişim formu sonuç modalı (Gönderildi / Gönderilmedi) */
.contact-result-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.contact-result-modal.contact-result-modal-open {
  opacity: 1;
  visibility: visible;
}

.contact-result-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  backdrop-filter: blur(2px);
}

.contact-result-modal-box {
  position: relative;
  background: #fff;
  border-radius: 16px;
  max-width: 400px;
  width: 100%;
  padding: 36px 32px 28px;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
  text-align: center;
  animation: contactResultModalIn 0.3s ease;
}

@keyframes contactResultModalIn {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.contact-result-modal-icon {
  margin-bottom: 20px;
  font-size: 56px;
  line-height: 1;
}

.contact-result-modal-icon--success {
  color: #22c55e;
}

.contact-result-modal-icon--error {
  color: #dc2626;
}

.contact-result-modal-title {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #1a2332;
}

.contact-result-modal--error .contact-result-modal-title {
  color: #991b1b;
}

.contact-result-modal-text {
  margin: 0 0 26px;
  font-size: 15px;
  line-height: 1.65;
  color: #4b5b6b;
}

.contact-result-modal--error .contact-result-modal-text {
  color: #6b7280;
}

.contact-result-modal-btn {
  display: inline-block;
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
}

.contact-result-modal-btn:active {
  transform: scale(0.98);
}

.contact-result-modal--success .contact-result-modal-btn {
  background: #3EC1D5;
  color: #fff;
}

.contact-result-modal--success .contact-result-modal-btn:hover {
  background: #35aab8;
}

.contact-result-modal--error .contact-result-modal-btn {
  background: #1a2332;
  color: #fff;
}

.contact-result-modal--error .contact-result-modal-btn:hover {
  background: #2a3548;
}

/* Back to top – footer ile uyumlu */
.footer-modern + .back-to-top {
  background: #0f1620;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
}

.footer-modern + .back-to-top:hover {
  background: #3EC1D5;
  border-color: #3EC1D5;
  color: #fff;
}

.copyright a, .credits a {
  color: #3EC1D5;
}

.credits {
  padding-top: 5px;
  text-align: center;
}

/*----------------------------------------*/

/*  16.Home Page 2  CSS
/*----------------------------------------*/

.header-bg {
  background: url(../img/slider/slider1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

.header-bg.home-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.home-overly {
  background: rgba(0, 0, 0, 0.50);
  height: 100%;
  position: absolute;
  width: 100%;
}

.home-2 .layer-1-3, .home-3 .layer-1-3 {
  margin: 10px 0 0;
}

/*----------------------------------------*/

/*  17.Home Page 3  CSS
/*----------------------------------------*/

.home-video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.header-image.home-3 {
  width: 100%;
  height: 100%;
  position: relative;
}

.table {
  width: 100%;
  height: 100%;
  display: table;
}

.table-cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/*----------------------------------------
  18. Blog page
----------------------------------------*/

.page-area {
  position: relative;
}

.blog-page .banner-box {
  margin-bottom: 40px;
}

.search-option input {
  border: medium none;
  padding: 6px 15px;
  width: 80%;
}

.search-option {
  border: 1px solid #ccc;
  height: 42px;
  margin-bottom: 30px;
}

.search-option button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 20px;
  padding: 8px 23px;
}

.search-option button:hover {
  color: #3ec1d5;
}

.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 15px 10px;
  text-transform: uppercase;
}

.left-blog {
  background: #f9f9f9 none repeat scroll 0 0;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 20px;
}

.left-blog li {
  border-bottom: 1px solid #ddd;
  display: block;
}

.left-blog ul li a:hover {}

.left-blog ul li a {
  color: #444;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-transform: capitalize;
}

.recent-single-post {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 15px 10px;
}

.ready-btn {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-top: 30px;
  padding: 12px 40px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  z-index: 222;
}

.ready-btn:hover {
  color: #fff;
  background: #3EC1D5;
  border: 1px solid #3EC1D5;
  text-decoration: none;
}

.post-img {
  display: inline-block;
  float: left;
  padding: 0 5px;
  width: 35%;
}

.pst-content {
  display: inline-block;
  float: left;
  width: 65%;
}

.pst-content p a:hover, .left-blog ul li a:hover {
  color: #3EC1D5;
}

.blog-page .single-blog {
  margin-bottom: 40px;
}

.pst-content p a {
  color: #444;
  font-size: 15px;
}

.header-bottom h1, .header-bottom h2 {
  color: #fff;
}

.blog-tags {
  padding: 1px 0;
}

.left-blog li:last-child {
  border-bottom: 0;
}

.popular-tag.left-blog ul li a:hover {
  color: #fff;
}

.popular-tag.left-side-tags.left-blog ul {
  padding: 0 10px;
}

.blog-1 .banner-box {
  margin-bottom: 30px;
}

.left-tags .left-side-tags ul li {
  border-bottom: 0;
}

.left-tags .left-side-tags ul li a {
  padding: 3px 10px;
  width: auto;
}

.left-side-tags h4 {
  margin-bottom: 15px;
}

/*----------------------------------------*/

/*  19.	Blog Details css
/*----------------------------------------*/

.post-information h2 {
  color: #363636;
  font-size: 22px;
  text-transform: uppercase;
}

.post-information {
  padding: 20px 0;
}

.post-information .entry-meta span a {
  color: #444;
  display: inline-block;
  padding: 10px 0;
}

.entry-meta span a:hover {
  color: #3EC1D5;
}

.post-information .entry-meta {
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
}

.post-information .entry-meta span i {
  padding: 0 10px;
}

.entry-content>p {
  color: #444;
}

.entry-meta>span {
  color: #444;
}

.entry-content blockquote {
  background: #fff none repeat scroll 0 0;
  border-left: 5px solid #3EC1D5;
  font-size: 17.5px;
  font-style: italic;
  margin: 0 0 20px 40px;
  padding: 22px 20px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #3EC1D5;
  border-color: #3EC1D5;
  color: #fff;
  cursor: default;
  z-index: 3;
}

.social-sharing {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  display: block;
  margin: 30px 0;
}

.social-sharing>h3 {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 20px 10px;
}

.sharing-icon {
  display: inline-block;
  float: right;
  padding: 13px 10px;
}

.sharing-icon a {
  border: 1px solid #444;
  color: #444;
  display: block;
  float: left;
  font-size: 18px;
  height: 34px;
  line-height: 30px;
  margin-left: 10px;
  text-align: center;
  width: 34px;
}

.sharing-icon a:hover {
  color: #3EC1D5;
  border: 1px solid #3EC1D5;
}

.single-blog .author-avatar {
  float: left;
  margin-right: 10px;
}

.single-blog .author-description h2 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 5px;
}

.author-info {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin: 30px 0;
  padding: 15px;
  width: 100%;
}

.single-post-comments {
  margin-bottom: 60px;
  max-width: 650px;
}

.comments-heading h3, h3.comment-reply-title {
  border-bottom: 1px solid #e8e8e9;
  color: #444;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 0 0 5px;
  text-transform: uppercase;
}

.comments-list ul li {
  margin-bottom: 25px;
}

.comments-list-img {
  float: left;
  margin-right: 15px;
}

.comments-content-wrap {
  color: #42414f;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px 80px;
  padding: 10px;
  position: relative;
}

.author-avatar {
  display: inline-block;
  float: left;
  width: 10%;
}

.author-description h2 {
  color: #777;
  font-size: 20px;
  text-transform: uppercase;
}

.author-description h2 a {
  color: #000;
}

.comments-content-wrap span b {
  margin-right: 5px
}

.comments-content-wrap span a:hover {}

span.post-time {
  margin-right: 5px
}

.comments-content-wrap p {
  color: #909295;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}

li.threaded-comments {
  margin-left: 50px
}

.comment-respond {
  margin-top: 60px;
}

h3.comment-reply-title {}

span.email-notes {
  color: #42414f;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}

.comment-respond p {
  color: #444;
  margin-bottom: 5px;
}

.comment-respond input[type=text], .comment-respond input[type=email] {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 32px;
  margin-bottom: 15px;
  padding: 0 0 0 10px;
  width: 100%;
}

.comment-respond textarea#message-box {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  max-width: 100%;
  padding: 10px;
  height: 130px;
  width: 100%;
}

.comment-respond input[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #3ec1d5;
  border-radius: 20px;
  box-shadow: none;
  color: #444;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 14px;
  margin-top: 20px;
  padding: 10px 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}

.comments-content-wrap span a {
  color: #000;
}

.comments-content-wrap span a:hover {
  color: #3EC1D5;
}

.comment-respond input[type=submit]:hover {
  border: 1px solid #3EC1D5;
  color: #fff;
  background: #3EC1D5;
}

.single-blog .blog-pagination {
  border-top: 1px solid #e5e5e5;
  margin: 0;
  padding-top: 30px;
}

/*----------------------------------------*/
/*  İş Ortakları – logo carousel (kayar)   */
/*----------------------------------------*/

.partners-area {
  background: linear-gradient(180deg, #f7fbfe 0%, #ffffff 55%, #ffffff 100%);
  position: relative;
}

.partners-area::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: min(980px, 92vw);
  height: 220px;
  background: radial-gradient(circle at 30% 40%, rgba(62, 193, 213, 0.18) 0%, rgba(62, 193, 213, 0) 55%),
              radial-gradient(circle at 70% 60%, rgba(231, 76, 92, 0.12) 0%, rgba(231, 76, 92, 0) 58%);
  pointer-events: none;
  filter: blur(2px);
}

.partners-head {
  margin-bottom: 48px;
  position: relative;
  z-index: 1;
}

.partners-label {
  display: inline-block;
  color: #197d8c;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
  text-transform: uppercase;
  background: rgba(62, 193, 213, 0.12);
  border: 1px solid rgba(62, 193, 213, 0.22);
  padding: 6px 12px;
  border-radius: 999px;
}

.partners-title {
  font-size: 34px;
  font-weight: 700;
  color: #16314c;
  margin: 0 auto 0;
  max-width: 820px;
  line-height: 1.25;
  position: relative;
  display: inline-block;
  padding-bottom: 22px;
}

.partners-title {
  background: linear-gradient(90deg, #16314c 0%, #1f5c6a 45%, #3EC1D5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.partners-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  height: 4px;
  background: linear-gradient(90deg, #e74c5c 0%, #3EC1D5 100%);
  border-radius: 999px;
}

.partners-subtitle {
  margin: 16px auto 0;
  max-width: 780px;
  color: #4b5b6b;
  font-size: 16px;
  line-height: 1.7;
}

.partners-features-row {
  margin-top: 24px;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}

.partners-feature-card {
  background: #fff;
  border-radius: 18px;
  padding: 26px 22px 22px;
  box-shadow: 0 10px 30px rgba(15, 40, 60, 0.06);
  border: 1px solid rgba(22, 49, 76, 0.08);
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.partners-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(15, 40, 60, 0.12);
  border-color: rgba(62, 193, 213, 0.35);
}

.partners-feature-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(62, 193, 213, 0.16) 0%, rgba(231, 76, 92, 0.10) 100%);
  border: 1px solid rgba(62, 193, 213, 0.22);
  color: #16314c;
  font-size: 22px;
  margin-bottom: 14px;
}

.partners-feature-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #16314c;
}

.partners-feature-desc {
  margin: 0;
  color: #4b5b6b;
  font-size: 14px;
  line-height: 1.7;
}

/* Logoları sayfanın sol ve sağına yaslayan tam genişlik alanı */
.partners-logos-outer {
  width: 100vw;
  max-width: 100%;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 22px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.partners-logos-wrap {
  overflow: hidden;
  padding: 22px 0 10px;
  position: relative;
  z-index: 1;
  width: 100%;
}

.partners-logos-wrap::before,
.partners-logos-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  pointer-events: none;
  z-index: 2;
}

.partners-logos-wrap::before {
  left: 0;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.partners-logos-wrap::after {
  right: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.partners-logos-track {
  display: flex;
  width: max-content;
  animation: partners-scroll 45s linear infinite;
}

.partners-logos-track:hover {
  animation-play-state: paused;
}

/* Slide içeriğe göre genişler; logolar sıkışmaz, iç içe girmez */
.partners-logos-slide {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: max-content;
  gap: 48px;
  padding: 0 32px;
  box-sizing: border-box;
}

.partners-logo-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  min-width: 150px;
  height: 96px;
  padding: 0 8px;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.partners-logo-item:hover {
  opacity: 0.9;
  transform: scale(1.04);
}

/* Tüm logolar aynı kutuda, eşit boyut ve okunaklı; taşma yok */
.partners-logo-item img {
  max-height: 72px;
  height: 72px;
  width: auto;
  max-width: 130px;
  object-fit: contain;
  object-position: center;
  filter: none;
  transition: filter 0.25s ease;
}

.partners-logo-item:hover img {
  filter: none;
}

/* Logolar sağdan girip soldan çıkıyormuş gibi döner (sonsuz döngü) */
@keyframes partners-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
  .partners-title {
    font-size: 24px;
    -webkit-text-fill-color: initial;
    color: #16314c;
    background: none;
  }
  .partners-subtitle {
    font-size: 14px;
  }
  .partners-logos-slide {
    gap: 32px;
    padding: 0 24px;
  }
  .partners-logo-item {
    width: 120px;
    min-width: 120px;
    height: 80px;
    padding: 0 6px;
  }
  .partners-logo-item img {
    max-height: 56px;
    height: 56px;
    max-width: 100px;
  }
}

/*----------------------------------------
 .End CSS
----------------------------------------*/