/*===============================================
Template Name: Dreamhub-Email-Marketing HTML5 Template
Author:  https://templatemonster.net/user/DRTheme

Description: Description
Version: 1.0.0
Text Domain: dreamhub
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. dreamhub Header Top Menu Area Css
02. dreamhub Nav Menu Area Css 
03. dreamhub Slider Area Css
04. dreamhub Section Title Css
05. dreamhub Service Area css
06. dreamhub About Area Css
07. dreamhub Counter Area Css
08. dreamhub Case Study Area Css
09. dreamhub Testimonial Area Css
10. dreamhub Process Area Css
11. dreamhub Team Area Css
12. dreamhub Faq Area Css
13. dreamhub Brand Section Css
14. dreamhub Call Do Section Css
15. dreamhub Form Box Css
16. dreamhub Skill Area Css
17. dreamhub Blog Area Css
18. dreamhub footer Area Css
19. dreamhub Subscribe Area Css
20. dreamhub Lines CSS
21. dreamhub Prossess Ber Css
22. dreamhub Scrollup Section
23. dreamhub Bounce Animation Css 
24. dreamhub Animation Dance
25. dreamhub Breadcumb Area Css
26. dreamhub abouts_areas Css
27. dreamhub Feture-Area Css
28. dreamhub Pricing Section Css
29. dreamhub Web Development Section CSS
30. dreamhub Contact  US Css
31. dreamhub Blog Sidber Widget CSS
32. dreamhub Case Study Details Css
33. dreamhub Search Box Css
34. dreamhub Loader Css
=======================*/

/*================================
<--  dreamhub Nav Menu Area Css -->
==================================*/

.team-link {
  text-decoration: none;
  color: inherit;
  display: inline-block; /* Inline-block, yan yana düzen sağlar */
  width: 100%; /* `col-lg-3` içinde düzgün hizalama için */
}

.row {
  display: flex; /* Flexbox ile düzeni korur */
  flex-wrap: wrap; /* Taşma durumunda alt satıra geçişi sağlar */
}

.col-lg-3 {
  padding: 15px; /* Her bir sütuna biraz boşluk ekleyin */
  box-sizing: border-box;
  height: 25%;
  object-fit: contain; /* Resmi sığdırır, taşmayı önler */
  object-position: center; /* Resmi ortalar */
}

.single_team_box {
  /* border: 1px solid #ddd; Görünürlük için opsiyonel */
  border-radius: 5px; /* Yuvarlatılmış köşeler */
  overflow: hidden; /* Taşmaları önler */
}
.dreamhub_nav_manu {
  transition: all 0.4s ease;
  z-index: 9999;
  position: relative;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.sticky-nav {
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  position: fixed !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 9999 !important;
  background: #fff !important;
}

/* dreamhub Menu Css*/

.dreamhub_menu {
  text-align: right;
}

.dreamhub_menu > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dreamhub_menu > ul > li {
  position: relative;
  display: inline-block;
  margin: 0 15px;
}

.dreamhub_menu > ul > li > a {
  display: block;
  color: #1d293f;
  font-size: 16px;
  font-weight: 500;
  padding: 35px 0;
  position: relative;
  transition: all 0.3s ease;
}

.dreamhub_menu > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 0;
  height: 2px;
  background: #0c8479;
  transition: all 0.3s ease;
}

.dreamhub_menu > ul > li:hover > a {
  color: #0c8479;
}

.dreamhub_menu > ul > li:hover > a::before {
  width: 100%;
}

.dreamhub_menu > ul > li.active > a {
  color: #0c8479;
}

.dreamhub_menu > ul > li.active > a::before {
  width: 100%;
}

.logo {
  padding: 0;
  transition: all 0.3s ease;
}

.logo img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease;
}

.sticky-nav .logo {
  /* padding: 15px 0; */
}

.sticky-nav .dreamhub_menu > ul > li > a {
  padding: 30px 0;
  display: flex;
  gap: 5px;
}

.sticky-nav .dreamhub_menu > ul > li > a::before {
  bottom: 20px;
}

.mobile-menu-logo {
  display: none;
}

@media (max-width: 991px) {
  .dreamhub_menu {
    display: none;
  }

  .mobile-menu-logo {
    display: block;
    padding: 15px 0;
  }

  .logo {
    text-align: center;
  }
}

/*menu button*/

.login-signe-button {
  display: inline-block;
}

button.login-btn {
  padding: 6px 28px;
  background: transparent;
  border: 0;
  color: #0c8479;
  font-family: "Barlow";
  font-weight: 500;
  transition: 0.5s;
}

button.signup-signe-button {
  padding: 6px 28px;
  background: #0c8479;
  border: 0;
  color: #fefeff;
  font-family: "Barlow";
  font-weight: 500;
}

button.login-btn:hover {
  background: #0c8479;
  color: #fff;
}

/* Center the image and position the close button */

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

/* The Modal (background) */

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 60px;
}

/* Modal Content/Box */

.modal-content {
  background-color: #fefefe;
  margin: 3% 15% 15% auto;
  border: 1px solid #888;
  width: 44%;
}

.login-form-box {
  padding: 0 20px 8px;
}

.login-form-box input {
  width: 100%;
  padding: 12px 20px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #0c8479;
  box-sizing: border-box;
  margin: 4px 0 4px;
}

.login-form-box button {
  background-color: #0c8479;
  color: white;
  padding: 14px 20px;
  margin: 20px 0 10px;
  border: none;
  cursor: pointer;
  width: 100%;
}

label.checkd input {
  width: inherit;
}

label {
  color: #060606;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
}

.login-box {
  padding: 20px 20px 16px;
}

.cancelbtn {
  width: auto;
  padding: 5px 15px;
  background-color: #f44336;
  border-radius: 3px;
  border: 0;
  color: #fff;
  font-size: 15px;
}

span.psw {
  float: right;
  padding-top: 16px;
  color: #060606;
}

span.psw a {
  color: #0c8479;
  transition: 0.5s;
}

span.psw a:hover {
  color: #f44336;
}

/* The Close Button (x) */

.close {
  position: absolute;
  right: 20px;
  top: 0;
  color: #000;
  font-size: 28px;
  font-weight: 500;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */

.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
    display: block;
    float: none;
  }
  .cancelbtn {
    width: 100%;
  }
}

/*** Sub Menu Style ==================================*/

.dreamhub_menu ul .sub-menu {
  position: absolute;
  left: 0;
  top: 130%;
  width: 217px;
  text-align: left;
  background: #fff;
  margin: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: 0.5s;
  visibility: hidden;
  border-top: 2px solid #fff;
  opacity: 0;
  padding: 0;
}
.dreamhub_menu ul li:hover > .sub-menu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
  opacity: 1;
}
.dreamhub_menu ul .sub-menu li {
  position: relative;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.dreamhub_menu ul .sub-menu li a {
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 16px;
  text-transform: capitalize;
  -webkit-transition: 0.1s;
  visibility: inherit !important;
  color: #211e3b !important;
}
.dreamhub_menu ul .sub-menu li:hover > a,
.dreamhub_menu ul .sub-menu .sub-menu li:hover > a,
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
  background: #fff;
  color: #0c8479 !important;
}

/* sub menu 2 */
.dreamhub_menu ul .sub-menu .sub-menu {
  left: 100%;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.dreamhub_menu ul .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

/* sub menu 3 */
.dreamhub_menu ul .sub-menu .sub-menu li {
  position: relative;
}
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.dreamhub_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

/* sub menu 4 */
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li {
  position: relative;
}
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.dreamhub_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

.dreamhub_menu li a:hover:before {
  width: 101%;
}
.dreamhub_nav_manu.sticky-nav .logo_img {
  display: none;
}
.main_sticky {
  display: none;
}
.dreamhub_nav_manu.sticky-nav .main_sticky {
  display: inherit;
}
.sticky-nav .dreamhub_menu li a {
  color: #000000;
}
.mobile-menu.mean-container {
  overflow: hidden;
}

/* Language Switcher Styles */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  margin-right: 15px;
}

.lang-switcher a {
  color: #fff;
  text-decoration: none;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 14px;
  transition: background-color 0.3s;
}

.lang-switcher a.active {
  background: rgba(255, 255, 255, 0.2);
}

.lang-switcher .divider {
  color: rgba(255, 255, 255, 0.5);
}

/* Dark theme support */
.sticky-nav .lang-switcher {
  background: rgba(0, 0, 0, 0.1);
}

.sticky-nav .lang-switcher a {
  color: #fff;
}

.sticky-nav .lang-switcher a.active {
  background: rgba(255, 255, 255, 0.1);
}

/*=============================================
<--  Dreamhub Hero section Css -->
===============================================*/

.hero-section {
  position: relative;
  background: linear-gradient(135deg, #f5f7fa 0%, #e9edf2 100%);
  padding: 120px 0 80px;
  overflow: hidden;
  z-index: 1;
}
.hero-container {
  margin: 0 auto;
}

.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("assets/images/slider/hero-bg.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.05;
  z-index: -1;
}

.hero-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 150px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  border-radius: 15px;
  padding: 40px 0;
}

.hero-content h5 {
  font-size: 18px;
  font-weight: 600;
  color: #0c8479;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  background: rgba(12, 132, 121, 0.1);
  padding: 8px 16px;
  border-radius: 30px;
  transition: all 0.3s ease;
}

.hero-content h5 i {
  margin-right: 10px;
  font-size: 20px;
  color: #0c8479;
}

.hero-content h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 25px;
  color: #1d293f;
  transition: all 0.3s ease;
}

.hero-description p {
  font-size: 18px;
  line-height: 1.7;
  color: #616161;
  margin-bottom: 30px;
}

.hero-button a {
  display: inline-flex;
  align-items: center;
  background: #0c8479;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
  text-decoration: none;
}

.hero-button a:hover {
  background: #0a6a62;
  transform: translateY(-3px);
  box-shadow: 0 15px 25px rgba(12, 132, 121, 0.3);
  color: #fff;
}

.hero-button a i {
  margin-left: 10px;
  transition: all 0.3s ease;
}

.hero-button a:hover i {
  transform: translateX(5px);
}

.hero-right-thumb {
  position: relative;
  z-index: 1;
}

.hero-right-thumb img {
  max-width: 100%;
  border-radius: 15px;
  /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); */
  transition: all 0.5s ease;
  background: transparent;
}

.hero-right-thumb:hover img {
  transform: translateY(-10px);
  /* box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); */
}

/*Shape
============*/

.hero-shape {
  position: absolute;
  bottom: 72px;
  right: 0;
  animation-name: moveleftbounce;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

.hero-shape2 {
  position: absolute;
  top: 230px;
  right: -25px;
  animation-name: movebounce;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

.hero-shape3 {
  position: absolute;
  top: 229px;
  left: -40px;
  z-index: 1;
  animation-name: moveleftbounce;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

/*=============================================
<--  Dreamhub section title Css -->
===============================================*/

.dreamhub-section-title h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1b5c4d;
}

.dreamhub-section-title h5 {
  font-size: 18px;
  color: #090909;
  font-weight: 600;
}

.dreamhub-section-title p {
  padding: 30px 0 0px;
}

.text-center.dreamhub-section-title p {
  padding: 23px 0 10px;
  width: 47%;
  margin: auto;
}

.dreamhub-section-title.padding-lg {
  padding-bottom: 65px;
}

.dreamhub-section-title span {
  position: relative;
  z-index: 1;
}

.dreamhub-section-title span:before {
  position: absolute;
  content: "";
  top: -56px;
  left: -73px;
  opacity: 0.051;
  width: 226px;
  height: 226px;
  border-radius: 113px;
  background-color: #3a579b;
}

.email-discription {
  position: relative;
  z-index: 1;
  padding: 24px 0 110px 35px;
  float: right;
}

.email-discription:before {
  position: absolute;
  content: "";
  left: -20px;
  top: 0;
  width: 4px;
  height: 140px;
  border-radius: 2px;
  background-color: #0c8479;
}

/*button*/

.dreamhub-button {
  display: inline-flex;
  align-items: center;
  background: #0c8479;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
  border: none;
  cursor: pointer;
}

.dreamhub-button:hover {
  background: #0a6a62;
  transform: translateY(-3px);
  box-shadow: 0 15px 25px rgba(12, 132, 121, 0.3);
  color: #fff;
}

.dreamhub-button i {
  margin-left: 10px;
  transition: all 0.3s ease;
}

.dreamhub-button:hover i {
  transform: translateX(5px);
}

.dreamhub-button.outline {
  background: transparent;
  border: 2px solid #0c8479;
  color: #0c8479;
  box-shadow: none;
}

.dreamhub-button.outline:hover {
  background: #0c8479;
  color: #fff;
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
}

/*dreamhub button*/

.marketing-button a {
  padding: 15px 35px;
  font-size: 16px;
  background: #0c8479;
  color: #fff;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  font-weight: 500;
  font-family: "Barlow";
}

.marketing-button a i {
  padding-left: 5px;
}

.marketing-button a:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  bottom: 0;
  left: inherit;
  top: inherit;
  width: 0;
  height: 0;
  background: #0c8479;
  border-radius: 5px;
  transition: 0.5s;
  opacity: 0;
}

.marketing-button a:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

/*=============================================
<--  Dreamhub Service section Css -->
===============================================*/

.service-section {
  position: relative;
  padding: 100px 0 70px;
  background: #fff;
  z-index: 1;
  overflow: hidden;
}

.service-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: rgba(12, 132, 121, 0.05);
  border-radius: 50%;
  z-index: -1;
  transform: translate(100px, -100px);
}

.service-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: rgba(12, 132, 121, 0.05);
  border-radius: 50%;
  z-index: -1;
  transform: translate(-50px, 50px);
}

.dreamhub-section-title {
  margin-bottom: 40px;
}

.dreamhub-section-title span {
  display: inline-block;
  height: 3px;
  width: 50px;
  background: #0c8479;
  margin-bottom: 20px;
  position: relative;
}

.dreamhub-section-title span::before {
  content: "";
  position: absolute;
  left: 55px;
  top: 0;
  height: 3px;
  width: 15px;
  background: #0c8479;
}

.dreamhub-section-title h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: #1d293f;
  margin-bottom: 20px;
}

.email-discription p {
  font-size: 16px;
  line-height: 1.7;
  color: #616161;
}

.dreamit-service-box {
  padding: 40px 30px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.5s ease;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.dreamit-service-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(
    135deg,
    rgba(12, 132, 121, 0.1) 0%,
    rgba(12, 132, 121, 0.05) 100%
  );
  z-index: -1;
  transition: all 0.5s ease;
}

.dreamit-service-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.dreamit-service-box:hover::before {
  height: 100%;
}

.service-icon {
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
  height: 60px;
}

.service-icon::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 40px;
  height: 2px;
  background: #0c8479;
  transition: all 0.3s ease;
}

.dreamit-service-box:hover .service-icon::after {
  width: 60px;
}

.service-icon img {
  max-width: 60px;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: all 0.5s ease;
}

.dreamit-service-box:hover .service-icon img {
  transform: rotateY(180deg);
}

.service-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.service-content h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #1d293f;
  transition: all 0.3s ease;
  min-height: 52px;
  display: flex;
  align-items: center;
}

.service-content p {
  font-size: 15px;
  line-height: 1.7;
  color: #616161;
  margin-bottom: 0;
  flex: 1;
  overflow: hidden;
}

/*Style Two
===============*/

/*=============================================
<--  Dreamhub why choose us Section Css -->
===============================================*/

.why-choose-us-section.style-two {
  padding: 100px 0;
}

.why-choose-thumb {
  position: relative;
  z-index: 1;
}

/*Right Side*/

.choose-item {
  display: flex;
  padding: 16px 0 0;
}

.choose-item.upp {
  padding: 31px 0 0;
}

.choose-number span {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: #0c8479;
  display: inline-block;
  text-align: center;
  color: #fff;
  margin-top: 12px;
  margin-right: 12px;
}

.choose-content h2 {
  font-size: 22px;
  font-weight: 600;
  padding: 0 0 9px;
}

.choose-content p {
  width: 71%;
  margin: 0;
}

/*Shape*/

.shape {
  position: absolute;
  right: 193px;
  bottom: 0;
  animation-name: moveleftbounce;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

/*=============================================
<--  Dreamhub Feature Section Css -->
===============================================*/

.feature-section {
  padding: 100 0 100px;
}

.feature-thumb {
  padding-left: 20px;
}

h5.feature-title {
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 14px;
  margin: 0;
}

.feature-item-list ul li {
  list-style: none;
  display: block;
  color: #0c8479;
  font-weight: 600;
  font-family: "Barlow";
  padding: 0px 0 6px;
}
.cihaz-resim {
  width: 100%; /* Genişliği kutuya uyacak şekilde ayarla */
  height: auto; /* En-boy oranını koruyarak yükseklik ayarla */
  display: block; /* Boşlukları engellemek için */
  padding: 0; /* Resmin iç boşluklarını sıfırla */
  margin: 0; /* Resmin dış boşluklarını sıfırla */
  display: block; /* Tarayıcıdan gelen varsayılan boşlukları kaldırır */
}

.feature-item-list ul li span {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 13px;
  background-color: #0c8479;
  display: inline-block;
  text-align: center;
  color: #fff;
  margin-top: 12px;
  margin-right: 12px;
}

.feature-section .single-counter-box {
  text-align: left;
}

/*=============================================
<--  Dreamhub Counter Section Css -->
===============================================*/

.counter-section {
  padding: 0 0 70px;
}

.style-two.counter-section {
  padding: 80px 0 70px;
  background: #f7faff;
}

.single-counter-box {
  margin-bottom: 30px;
  text-align: center;
}

.counter-title h2 {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1px;
  display: inline-block;
}

.counter-text span {
  font-size: 18px;
  font-weight: 500;
  font-family: "Barlow";
  color: #1e4699;
  padding: 6px 0 0;
  display: inline-block;
}

/*=============================================
<--  Dreamhub Testimonial section Css -->
===============================================*/

.testimonial-section {
  padding: 30px 0;
}

.testimonial-section::before {
  content: "";
  position: absolute;
  /* top: -50px; */
  /* right: -50px; */
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.05);
  z-index: 0;
}

.testimonial-section::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -80px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.03);
  z-index: 0;
}

.testimonial-section .dreamhub-section-title {
  padding-right: 50px;
  position: relative;
  z-index: 1;
}

.testimonial-section .dreamhub-section-title h1 {
  font-size: 38px;
  margin-bottom: 25px;
  position: relative;
}

.testimonial-section .dreamhub-section-title h1::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 70px;
  height: 3px;
  background: #0c8479;
}

.testimonial-single-box {
  background: #fff;
  padding: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: left;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  margin: 20px 0;
}

.testimonial-single-box::before {
  content: "\201C";
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 120px;
  font-family: Georgia, serif;
  color: rgba(12, 132, 121, 0.1);
  line-height: 1;
  z-index: -1;
}

.testimonial-single-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.testi-thumb {
  display: inline-block;
  margin-bottom: 20px;
}

.testi-thumb img {
  display: inline-block !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #0c8479;
  padding: 3px;
}

.testi-people-info {
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.testi-rating {
  margin-left: auto;
}

.testi-rating ul {
  margin: 0;
  padding: 0;
}

.testi-rating ul li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 0;
  color: #0c8479;
}

.testimonial-desc {
  position: relative;
  margin-bottom: 20px;
}

.testimonial-desc p {
  font-size: 16px;
  color: #616161;
  font-style: italic;
  font-family: "Barlow";
  line-height: 1.7;
  margin-bottom: 0;
}

.testi-title {
  display: inline-block;
}

.testi-title h4 {
  font-size: 20px;
  font-weight: 600;
  color: #1d293f;
  margin: 0;
  padding: 0;
  transition: 0.3s;
}

.testi-title h4 span {
  display: block;
  font-size: 14px;
  color: #0c8479;
  font-weight: 500;
  margin-top: 5px;
}

.owl-dots {
  text-align: center;
  margin: 30px 0 0;
}

.owl-dot {
  width: 10px;
  height: 10px;
  background: #d1d1d1;
  display: inline-block;
  margin: 0 5px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.owl-dot.active {
  background: #0c8479;
  transform: scale(1.3);
}

/*--==============================================->
  <!-- Start Dreamhub Blog Css -->
 ==================================================-*/

.blog-section {
  padding: 90px 0 70px;
}

/*single blog box*/

.email-single-blog-box {
  margin-bottom: 30px;
}

/*blog thumb*/

.email-blog-thumb img {
  width: 100%;
  transition: 0.5s;
}

.email-blog-thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.email-blog-thumb:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background: #0c8479;
  opacity: 0.45;
  transition: 0.5s;
}

/*blog content*/

.email-blog-content {
  padding: 30px 35px 30px;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.15));
  background-color: #ffffff;
}

/*post categories*/

.post-categories p {
  margin-bottom: 0;
}

.post-categories p i {
  color: #0c8479;
  padding-right: 5px;
}

span.post {
  padding-left: 20px;
}

/*blog title*/

.blog-title h2 a {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  transition: 0.5s;
  color: #060606;
  padding: 0px 0 15px;
}

.blog-button a {
  font-weight: 500;
  color: #0c8479;
  transition: 0.5s;
}

.blog-button a i {
  padding-left: 5px;
  transition: 0.5s;
  font-size: 18px;
  position: relative;
  top: 3px;
}

/*blog all hover*/

.blog-button a:hover i {
  padding-left: 14px;
}

.blog-title h2 a:hover {
  color: #0c8479;
}

.email-single-blog-box:hover .email-blog-thumb:before {
  width: 100%;
  left: 0;
}

/*=============================================
<--  Dreamhub Subscribe section Css -->
===============================================*/

.row.subscribe-bg {
  background: url(assets/images/resource/subs-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 80px 0 100px;
  margin-bottom: -190px;
  z-index: 1;
  position: relative;
}

.subscribe-content h1 {
  font-size: 46px;
  font-weight: 600;
  color: #fff;
}

.subscribe-content p {
  color: #fefefe;
  font-family: "Barlow";
  opacity: 0.6;
  padding: 24px 0 16px;
  display: inline-block;
}

.subscribe input {
  padding-left: 20px;
  height: 54px;
  width: 32%;
  color: #fff;
  border: 1px solid #fff;
  background: #fff;
  position: relative;
}

span.subs-btn a {
  border: 0;
  font-size: 15px;
  color: #fff;
  height: 55px;
  padding: 15px 25px;
  background: #060606;
  position: relative;
  left: -4px;
  display: inline-block;
}

/*=============================================
<--  Dreamhub Footer section Css -->
===============================================*/

.footer-section {
  position: relative;
  background: #f5f7fa;
  padding: 80px 0 0;
  z-index: 1;
  overflow: hidden;
}

.footer-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 400px;
  background: linear-gradient(
    135deg,
    rgba(12, 132, 121, 0.1) 0%,
    rgba(12, 132, 121, 0.05) 100%
  );
  border-radius: 50%;
  z-index: -1;
  transform: translate(200px, -200px);
}

.footer-bg {
  position: relative;
  z-index: 1;
}

.dreamhub-logo {
  margin-bottom: 25px;
}

.company-info-desc p {
  font-size: 15px;
  line-height: 1.7;
  color: #616161;
  margin-bottom: 25px;
}

.follow-company-icon {
  display: flex;
  gap: 15px;
}

.follow-company-icon a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  color: #0c8479;
  border-radius: 50%;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.follow-company-icon a:hover {
  background: #0c8479;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
}

.footer-widget-heading h3 {
  font-size: 22px;
  font-weight: 700;
  color: #1d293f;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 15px;
}

.footer-widget-heading h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background: #0c8479;
}

.widget-items li {
  margin-bottom: 15px;
}

.widget-items li:last-child {
  margin-bottom: 0;
}

.widget-items li a {
  font-size: 15px;
  color: #616161;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}

.widget-items li a:hover {
  color: #0c8479;
  transform: translateX(5px);
}

.widget-items li a i {
  margin-right: 10px;
  font-size: 12px;
  color: #0c8479;
}

.footer-address-info {
  margin-bottom: 20px;
}

.footer-address-list li {
  display: flex;
  margin-bottom: 15px;
}

.footer-address-list li:last-child {
  margin-bottom: 0;
}

.footer-address-icon {
  margin-right: 15px;
  color: #0c8479;
  font-size: 18px;
}

.footer-address-text p {
  font-size: 15px;
  line-height: 1.7;
  color: #616161;
  margin-bottom: 0;
}

.footer-copyright {
  text-align: center;
  padding: 25px 0;
  margin-top: 70px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.copy-right-text p {
  font-size: 15px;
  color: #616161;
  margin-bottom: 0;
}

.copy-right-text a {
  color: #0c8479;
  font-weight: 600;
}

/*=============================================
<--  Dreamhub Breatcam section Css -->
===============================================*/

.breatcam-section {
  background: url(assets/images/resource/faq1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 450px;
}

/*breatcam title*/

.breatcam-title h1 {
  font-size: 50px;
  color: #fff;
}

/*breatcam menu*/

.breatcam-menu ul li {
  display: inline-block;
  list-style: none;
  padding: 17px 0px 0 0px;
  color: #fff;
  font-family: "Barlow";
}

.breatcam-menu ul li a {
  color: #fff;
  transition: 0.5s;
  position: relative;
  padding: 0 50px 0 0;
  font-size: 18px;
  font-family: "Barlow";
}

.breatcam-menu ul li a:before {
  position: absolute;
  content: "";
  right: 14px;
  bottom: 9px;
  height: 1px;
  width: 20px;
  background: #fff;
}

.breatcam-menu ul li a:hover {
  color: #6950ff;
}

/*=============================================
<--  Dreamhub Brand section Css -->
===============================================*/

.brand-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #f9f9f9 0%, #f3f3f3 100%);
  position: relative;
  overflow: hidden;
}

.brand-section::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.05);
  top: -100px;
  left: -100px;
  z-index: 0;
}

.brand-section::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.05);
  bottom: -50px;
  right: -50px;
  z-index: 0;
}

.brand-section img {
  width: 180px;
  height: 120px;
  object-fit: contain;
  margin: 15px;
  padding: 15px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
}

.brand-single-box {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.brand-thumb {
  text-align: center;
  padding: 10px;
  transition: all 0.4s ease;
}

.brand-thumb img {
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.5s ease;
}

.brand-single-box:hover .brand-thumb img {
  filter: grayscale(0%);
  opacity: 1;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.ref-tit {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
  color: #232323;
  position: relative;
  padding-bottom: 15px;
  font-family: "Rubik", sans-serif;
}

.ref-tit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: #0c8479;
}

/*owl carousel*/
.owl-nav {
  opacity: 0;
  transition: 0.5s;
}
.owl-next {
  position: absolute;
  right: -125px;
  top: 35%;
  transition: 0.5s;
}
.owl-prev {
  position: absolute;
  left: -125px;
  top: 35%;
  transition: 0.5s;
}
.owl-prev i,
.owl-next i {
  font-size: 20px;
  display: inline-block;
  color: #fff;
  background: #0c8479;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.3);
}

.row.brand-bg:hover .owl-nav {
  opacity: 1;
}

.row.brand-bg:hover .owl-next {
  right: -65px;
}

.row.brand-bg:hover .owl-prev {
  left: -65px;
}

.active.center .brand-single-box .brand-thumb img {
  filter: grayscale(0%);
  opacity: 1;
}

/*=============================================
<--  Dreamhub Video section Css -->
===============================================*/

.video-section {
  padding: 0 0 150px;
}

.row.video-bg {
  background: url(assets/images/resource/video.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 700px;
  text-align: center;
  align-items: center;
}

.rs-video .animate-border a {
  color: #fff;
  background: transparent;
  font-size: 68px;
  width: 146px;
  height: 146px;
  line-height: 146px;
  background-color: rgba(58, 87, 155, 0);
  border: 3px solid #ffffff;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

/*=============================================
<--  Dreamhub Faq section Css -->
===============================================*/

.faq-section {
  padding: 90px 0 100px;
}

.faq-thumb {
  padding-left: 70px;
}

.faq-thumb img {
  width: 100%;
}

/*Accordion
=====================*/

.tab_container {
  overflow: hidden;
  padding: 20px 0 0;
}

.accordion li {
  list-style: none;
  padding: 2px 0px 15px;
  position: relative;
  z-index: 1;
}

.accordion li:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 20px;
  top: 16px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  background-color: #0c8479;
}

.accordion li a {
  position: relative;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  color: #232353 !important;
  background-color: transparent;
  border: 1px solid #0c8479;
  padding: 14px 20px 14px 30px;
  border-radius: 5px;
  z-index: 1;
}

.accordion li p {
  display: none;
  font-size: 16px;
  padding: 25px 20px 25px 30px;
  margin: 0;
  background: rgba(30, 71, 153, 0.1);
  backdrop-filter: blur(1.9px);
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}

.accordion a:before {
  width: 2px;
  height: 10px;
  background: #fff;
  position: absolute;
  right: 32px;
  content: " ";
  top: 22px;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}

.accordion a:after {
  width: 10px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 28px;
  content: " ";
  top: 26px;
  transition: all 0.2s ease-in-out;
}

.accordion a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  background: #fff;
}

.accordion a.active:before {
  display: none;
}

.accordion a.active {
  color: #fff !important;
  border: 1px solid #0c8479 !important;
  background: #0c8479 !important;
  border-radius: 5px 5px 0 0;
}

/*=============================================
<--  Dreamhub Pricing section Css -->
===============================================*/

.pricing-section {
  padding: 90px 0 90px;
}

.pricing-single-items {
  padding: 0px 0 64px;
  text-align: center;
  margin-bottom: 30px;
  background: #fff;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
  position: relative;
  z-index: 1;
}

.pricing-single-items:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: #3a579b;
  width: 0;
  height: 100%;
  transition: 0.5s;
  z-index: -1;
}

/*pricing head*/

.pricing-head {
  padding: 51px 0 12px;
  transition: 0.5s;
}

.pricing-title h3 {
  font-size: 18px;
  font-weight: 600;
  padding: 0px 0 29px;
  transition: 0.5s;
}

.pricing-item-text span {
  display: inline-block;
  font-size: 60px;
  font-weight: 600;
  text-align: center;
  color: #050505;
  transition: 0.5s;
  font-family: "Barlow";
}

/*pricing boody*/

.pricing-body {
  padding: 0px 50px 0;
  text-align: center;
}

h4.prc-bd-title {
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
  color: #050505;
  padding: 0 0 15px;
  transition: 0.5s;
}

.pricing-item-list ul li {
  display: block;
  font-size: 16px;
  padding: 4px 0;
  color: #050505;
  font-family: "Barlow";
  transition: 0.5s;
}

.pricing-item-list ul li i {
  color: #3a579b;
  padding-right: 2px;
  font-size: 18px;
  transition: 0.5s;
}

/*button*/

.btn-common.pc-btn a {
  color: #fff;
  background: #3a579b;
  font-weight: 600;
  font-family: "Barlow";
  padding: 11px 38px;
  border: 2px solid transparent;
  margin-top: 32px;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.btn-common.pc-btn a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: #0a6a62;
  z-index: -1;
  transition: 0.5s;
  transform: scale(0, 1);
  opacity: 0;
}

.pricing-single-items:hover:before {
  width: 100%;
  left: 0;
}

.pricing-single-items:hover .btn-common.pc-btn a {
  color: #fff;
}

.pricing-single-items:hover .btn-common.pc-btn a:before {
  transform: scale(1);
  opacity: 1;
}

.pricing-single-items:hover .pricing-item-text span,
.pricing-single-items:hover .pricing-title h3,
.pricing-single-items:hover h4.prc-bd-title,
.pricing-single-items:hover .pricing-item-list ul li,
.pricing-single-items:hover .pricing-item-list ul li i {
  color: #fff;
}

/*active box*/
.active.pricing-single-items {
  background: #3a579b;
}

.active .pricing-item-text span,
.active .pricing-title h3,
.active h4.prc-bd-title,
.active .pricing-item-list ul li,
.active .pricing-item-list ul li i {
  color: #fff;
}

.active .btn-common.pc-btn a {
  color: #fff;
  background: #3a579b;
}

.active .btn-common.pc-btn a:before {
  transform: scale(1);
  opacity: 1;
}

/* Team Section
===============================================*/

.team-section {
  padding: 90px 0 90px;
}

.single_team_box {
  margin-bottom: 30px;
}

.single_team_thumb {
  position: relative;
  background-color: white;
  z-index: 1;
  overflow: hidden;
}

.single_team_thumb img {
  width: 100%;
  transition: 0.5s;
  /* width: 100%; */
  height: 250px;
  object-fit: contain; /* Resmi sığdırır, taşmayı önler */
  object-position: center; /* Resmi ortalar */
}

/*team content*/

.single_team_content {
  padding: 20px 0 25px;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #fff;
  filter: drop-shadow(0 0 23px rgba(0, 0, 0, 0.1));
  border-radius: 0 0 5px 5px;
  transition: 0.5s;

  /* Eşit yükseklik için */
  height: 300px; /* Kutunun yüksekliği sabitlenir */

  /* Flexbox ile içerik hizalama */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Dikey ortalama */
  align-items: center; /* Yatay ortalama */

  /* Uzun metinler taşmasın */
  word-wrap: break-word;
  overflow: hidden;
}

.team-title h4 {
  font-size: 22px;
  font-weight: 600;
}

.team-title span {
  font-size: 16px;
  padding: 10px 0 0;
  display: inline-block;
}

.single_team_icon2 {
  position: absolute;
  left: 0;
  bottom: -56px;
  opacity: 0;
  transition: 0.5s;
  background: #0c8479;
  padding: 38px 0 30px;
  width: 100%;
  border-radius: 5px 5px 0px 0;
  transition: 0.5s;
}

.single_team_icon2 a {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 32px;
  border-radius: 30px;
  background: #fff;
  text-align: center;
  color: #0c8479;
  font-size: 14px;
  margin-right: 5px;
  transition: 0.5s;
  transition-delay: 0.5s;
  overflow: hidden;
  transform: translateX(0px);
}

.single_team_icon2 a:nth-child(1) {
  transition-delay: 0.2s;
}

.single_team_icon2 a:nth-child(2) {
  transition-delay: 0.3s;
}

.single_team_icon2 a:nth-child(3) {
  transition-delay: 0.4s;
}

.single_team_icon2 a:nth-child(4) {
  transition-delay: 0.5s;
}

.single_team_icon2 a:hover {
  background: #060606;
  color: #fff;
}

.single_team_box:hover .single_team_icon2 a {
  transform: translateX(73px);
  overflow: hidden;
  visibility: visible;
}

.single_team_box:hover .single_team_icon2 {
  opacity: 1;
  bottom: 0px;
}

.single_team_box:hover .single_team_content {
  border-bottom: 1px solid #0c8479;
}

/*contact form
==================================================-->*/

.contact-section {
  padding: 100px 0 100px;
}

.people-address-info {
  padding: 79px 50px 74px;
  background: #0c8479;
  text-align: center;
  margin-left: 15px;
  position: relative;
  z-index: 1;
}

.people-name h5 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  padding: 25px 0 21px;
}

.people-discription p {
  color: #fff;
  width: 68%;
  margin: auto;
}

/*Social Info*/

.social-info-icon {
  position: absolute;
  right: 30px;
  top: 30px;
}

.social-info-icon ul li {
  list-style: none;
  padding: 0 0 0;
}

.social-info-icon ul li a {
  font-size: 20px;
  display: block;
  color: #3a579b;
  width: 50px;
  height: 52px;
  line-height: 38px;
  padding: 10px 0px;
  text-align: center;
  background-color: #ffff;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.social-info-icon ul li a:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0px;
  width: 30px;
  height: 1px;
  background: #3a579b;
  border-radius: 50px;
  transition: 0.5s;
}

li.social a:before {
  position: inherit !important;
}

.social-info-icon ul li a:hover {
  color: #060606;
}

/*form box*/

span.form-title {
  color: #000000;
  padding: 0 0 5px;
  display: inline-block;
}

.form-box input {
  height: 50px;
  background-color: transparent;
  border: 1px solid #0c8479;
  transition: 0.5s;
  padding: 0px 25px;
  display: block;
  width: 100%;
  color: #0d0e14;
  margin-bottom: 30px;
  border-radius: 5px;
}

.form-box input::placeholder {
  opacity: 0.5;
}

.form-box textarea {
  height: 120px;
  background-color: transparent;
  border: 1px solid #0c8479;
  transition: 0.5s;
  padding: 15px 25px;
  display: block;
  width: 100%;
  border-radius: 5px;
}

.form-box textarea::placeholder {
  opacity: 0.5;
}

.contact-form {
  display: inline-block;
}

.contact-form button {
  padding: 13px 35px;
  height: 55px;
  background: #0c8479;
  border: 1px solid #0c8479;
  color: #fff;
  display: inline-block;
  margin-top: 40px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.contact-form button:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  transform: scale(0, 1);
  border-radius: 5px;
  transition: 0.5s;
  z-index: -1;
}

.contact-form button:hover:before {
  transform: scale(1);
}

.contact-form:hover button {
  color: #0a6a62;
}

/*contact info section
==========================*/

.contact-info-section {
  padding: 80px 0 50px;
  background-color: #f5f7fa;
}

.contact-information2 {
  margin-bottom: 30px;
}

.contact-info-section .contacts-icon {
  float: left;
  margin-right: 20px;
}

.contact-info-section .contacts-icon i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #1b5c4d;
  text-align: center;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  display: inline-block;
  transition: 0.5s;
}

.contact-info-section .contacts-title h5 {
  font-weight: 500;
  font-size: 17px;
}

.contact-info-section .contacts-title h6 {
  font-size: 20px;
  font-weight: 600;
  padding: 0;
}

.contact-information2:hover .contacts-icon i {
  transform: rotateY(180deg);
}

iframe {
  border: 0;
  padding-right: 12px;
}

.map-section {
  padding: 0 0 100px;
}

/*=============================================
<--  Dreamhub Blog details section Css -->
===============================================*/

.blogs-section {
  padding: 140px 0 140px;
}

/*Blog Left
=================*/

.widget-recent-post {
  padding-top: 30px;
  margin-bottom: 30px;
}

.categories-title2 h4 {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
  margin-top: 0;
  border-bottom: 2px solid #0c8479;
  padding: 0 0 18px;
}

/*Recent Post*/

.rpost-title h4 a {
  font-size: 18px;
  font-weight: 500;
  font-family: "Barlow";
  color: #222222;
}

.rpost-thumb {
  padding-right: 25px;
}

.flag-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}
.flag {
  width: 200px;
  height: 150px;
  background-size: cover;
}
.turkey-flag {
  background-image: url("assets/images/"); /* Türkiye bayrağının yolu */
}
.uk-flag {
  background-image: url("uk-flag.png"); /* İngiltere bayrağının yolu */
}
/*Items Tag*/

.tag-item2 {
  padding: 30px 0 0;
}

.tag-item2 a {
  background: #fff;
  padding: 7px 22px;
  display: inline-block;
  margin: 0px 6px 15px 0;
  border: 1px solid #0c8479;
  font-weight: 500;
  font-family: "Barlow";
  color: #060606;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.tag-item2 a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #0c8479;
  z-index: -1;
  transform: scale(0);
  transition: 0.5s;
}

.tag-item2 a:hover {
  color: #fff;
}

.tag-item2 a:hover:before {
  transform: scale(1);
}

/*Blog Right*/

.blog-single-box2.upp {
  padding: 0 0px 0 15px;
}

/*blog single box*/

.blog-single-box2 {
  padding: 30px 30px 0 0;
}

/*blog thumb*/

.blog-thumb2 a img {
  width: 100%;
}

/*blog title*/

h5.blog-dtls-title {
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 18px;
  margin-top: 0;
}

/*blog quote*/

.blogs-content2 {
  padding: 30px 0 0;
}

.blog-quotes {
  border-left: 5px solid #0c8479;
  font-style: italic;
  position: relative;
  z-index: 1;
  line-height: 1.5;
  background-color: #060606;
  padding: 50px 39px 55px 37px;
  text-align: center;
  margin: 25px 0 25px;
}

.blog-quotes p {
  font-size: 20px;
  margin: 0 0 9px;
  color: #fff;
  font-weight: 500;
}

.blog-quotes span {
  color: #fff;
  position: relative;
  z-index: 1;
}

.blog-quotes span:before {
  position: absolute;
  content: "";
  left: -42px;
  bottom: 9px;
  width: 30px;
  height: 2px;
  background: #6950ff;
}

.blog-quotes i {
  display: inline-block;
  position: absolute;
  font-size: 170px;
  top: -18px;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
}

.row.blogs {
  padding: 10px 0 30px;
}

.blog-dtls-thumb img {
  width: 100%;
}

.widget-comments-title h2 {
  font-size: 20px;
  color: #222222;
  font-weight: 600;
  padding: 10px 0 15px;
}

.blogs-section .form-box input {
  background-color: rgba(40, 40, 40, 0);
  border: 1px solid #000000;
}

.blogs-section .form-box textarea {
  height: 190px;
  background-color: rgba(40, 40, 40, 0);
  border: 1px solid #000000;
}

/*pagination*/

.pagination-menu {
  text-align: center;
  padding: 50px 0 0;
}

.pagination-menu ul {
  display: inline-block;
}

.pagination-menu ul li {
  display: inline-block;
  list-style: none;
  padding-right: 10px;
}

.pagination-menu ul li a {
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  display: inline-block;
  border: 1px solid #0c8479;
  font-size: 20px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.pagination-menu ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #0c8479;
  border-radius: 40px;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.pagination-menu ul li a:hover:before {
  transform: scale(1);
}
.pagination-menu ul li a:hover {
  color: #fff;
}

/*=====================================
<-- Dream hub Error Area Css -->
=======================================*/

.error-area {
  padding: 100px 0 100px;
}

.error-thumb {
  text-align: center;
}

.error-content {
  text-align: center;
}

.error-content h2 {
  font-size: 36px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

.error-content h2 span {
  color: #0e4799;
}

.error-content p {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 20px;
}

.error-search {
  text-align: center;
}

.error-button {
  text-align: center;
  margin-top: 40px;
}

.error-search input {
  width: 50%;
  height: 58px;
  border: 1px solid rgba(35, 35, 35, 0.12);
  border-radius: 30px;
  padding-left: 30px;
  outline: 0;
}

.error-search button {
  outline: 0;
  border: 0;
  background: transparent;
  position: relative;
  margin-left: -55px;
  color: #686868;
}

.error-search ::placeholder {
  color: #686868;
}

.error-button a {
  padding: 14px 40px 14px 40px;
  font-weight: 500;
  color: #fff;
  background: #0c8479;
  display: inline-block;
  border-radius: 30px;
  border: 1px solid #0c8479;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.error-button a i {
  margin-right: 5px;
}

.error-button a:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #0a6a62;
  border-radius: 30px;
  transition: 0.5s;
}

.error-button a:hover {
  border-color: #0a6a62;
}

.error-button a:hover:before {
  width: 100%;
  left: 0;
}

/*
<!-- ============================================================== -->
<!-- print_shop Scrollup Section -->
<!-- ============================================================== -->*/

.scroll-area {
  position: relative;
  z-index: 999;
}

.scroll-area .go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 30px;
  color: #ffffff;
  background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
  background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
  z-index: 9999;
  width: 45px;
  text-align: center;
  height: 45px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.9s ease-out 0s;
  -moz-transition: all 0.9s ease-out 0s;
  border-radius: 10px;
}

.scroll-area .go-top i {
  position: absolute;
  top: 50%;
  left: -4px;
  right: 0;
  margin: 0 auto;
  font-size: 15px;
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
}

.scroll-area .go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.scroll-area .go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: linear-gradient(to right, #0c8479 0%, #0c8479 100%);
  background-image: -ms-linear-gradient(0deg, #0c8479 0%, #0c8479 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  border-radius: 100%;
}

.scroll-area .go-top:focus,
.scroll-area .go-top:hover {
  color: #fff;
}

.scroll-area .go-top:focus::before,
.scroll-area .go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.scroll-area .go-top:focus i:first-child,
.scroll-area .go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.scroll-area .go-top:focus i:last-child,
.scroll-area .go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.scroll-area .go-top.active {
  top: 95%;
  -webkit-transform: translateY(-98%);
  -moz-transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
  border-radius: 0;
  right: 30px;
  border-radius: 100%;
}

.top-wrap {
  position: relative;
}

.top-wrap .go-top-button {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  top: 3px;
  z-index: 1;
  background: #0c8479;
}

.top-wrap .go-top-button i {
  font-size: 20px;
  font-weight: 700;
  padding-left: 4px;
  color: #fff;
}

.top-wrap .go-top-button::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 45px;
  height: 45px;
  -webkit-animation: ripple 1.6s ease-out infinite;
  -moz-animation: ripple 1.6s ease-out infinite;
  opacity: 0;
  background-image: -moz-linear-gradient(0deg, #0c8479 0%, #0c8479 100%);
  background-image: -webkit-linear-gradient(0deg, #0c8479 0%, #0c8479 100%);
  border-radius: 100%;
}

.top-wrap .go-top-button:hover {
  background-color: #0c8479;
  color: #fff;
}

@keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}

/*Animation
==================*/

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

/*** 
====================================================================
    Search Popup
====================================================================
***/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.search-popup {
  width: 100%;
}

.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: #da242b;
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  border-right: 3px solid #062462;
  border-left: 3px solid #062462;
  -webkit-transition: all 500ms ease;
  height: 70px;
  line-height: 70px;
  text-align: center;
}

.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;

  overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: #ed1c24;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: #000000;
}

.search-popup .close-search.style-two {
  position: absolute;
  right: 25px;
  left: auto;
  color: #ffffff;
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-box-btn {
  display: inline-block;
  padding-left: 22px;
}

.search-box-btn i {
  display: inline-block;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.upp.search-box-btn i {
  color: #9e9fa1;
}

.search-box-btn.search-box-outer span i {
  font-size: 20px;
  display: inline-block;
  color: #fff;
  padding-left: 17px;
  position: relative;
  z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
  color: #9e9fa1;
}

.search-box-btn.search-box-outer span i:after {
  position: absolute;
  content: "0";
  right: -10px;
  top: -4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #ed1c24;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 12px;
}

.flaticon-multiply:before {
  content: inherit;
}

button.close-search i {
  font-size: 25px;
  color: #fff;
  display: inline-block;
}

span.flaticon-multiply i {
  display: inline-block;
  color: #ed1c24;
}

.header-search-button.search-box-outer {
  padding: 0 25px 0 30px;
  display: inline-block;
}

.header-search-button.search-box-outer a {
  color: #39364e;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
  background-color: rgba(21, 43, 99, 0.10196078431372549);
  display: inline-block;
}

/*--==============================================->
  <!-- hendre Animation Dance -->
 ==================================================-*/
/**/
.dance3 {
  -webkit-animation: dance3 8s alternate infinite;
  animation: dance3 8s alternate infinite;
}

@keyframes dance3 {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

.dance {
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}

.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
  animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(25px, -25px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -25px, 25px);
  }
}

/*rotateme animation*/

.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ref-tit {
  font-size: 41px; /* Yazı boyutunu ayarlayın */
  font-weight: bold; /* Yazıyı kalın yapar */
  text-align: center; /* Yazıyı ortalar */
  margin: 20px 0; /* Üst ve alt boşluk ekler */
  color: #333; /* Yazı rengini ayarlayın */
  display: block; /* Blok düzende olmasını sağlar */
  width: 100%; /* Genişliği tam yapar */
  font-family: "Rubik", sans-serif; /* Yazı fontunu ayarlar */
}

/* Animasyon Stilleri */
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}

.float-animation {
  animation: float 5s ease-in-out infinite;
}

.mobile-menu-area {
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.mobile-menu-logo {
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-menu-logo img {
  max-width: 180px;
  height: auto;
}

.language-switcher-mobile {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin-top: 15px;
}

.language-switcher-mobile a {
  display: inline-flex;
  align-items: center;
  margin: 0 10px;
  color: #616161;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.language-switcher-mobile a img {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.language-switcher-mobile a.active {
  color: #0c8479;
  font-weight: 600;
}

@media (max-width: 991px) {
  .mobile-menu .nav_scroll {
    max-height: 70vh;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .mobile-menu .nav_scroll > li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .mobile-menu .nav_scroll > li > a {
    display: block;
    padding: 12px 15px;
    color: #1d293f;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
  }

  .mobile-menu .nav_scroll > li > a span {
    float: right;
  }

  .mobile-menu .nav_scroll > li > a span i {
    font-size: 12px;
    transition: all 0.3s ease;
  }

  .mobile-menu .nav_scroll > li.open > a span i {
    transform: rotate(180deg);
  }

  .mobile-menu .nav_scroll > li.open > a {
    color: #0c8479;
  }

  .mobile-menu .sub-menu {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    background: rgba(0, 0, 0, 0.02);
  }

  .mobile-menu .sub-menu li {
    border-top: 1px solid rgba(0, 0, 0, 0.03);
    list-style: none;
  }

  .mobile-menu .sub-menu li a {
    display: block;
    padding: 10px 15px 10px 30px;
    color: #616161;
    font-size: 14px;
    transition: all 0.3s ease;
  }

  .mobile-menu .sub-menu li a:hover {
    color: #0c8479;
  }
}

/* Neden BigPass Bölümü Stilleri */
.why-choose-bigpass-section {
  padding: 100px 0;
  position: relative;
  background: #f9f9f9;
  overflow: hidden;
}

.why-choose-bigpass-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(assets/images/resource/shape1.png);
  background-position: center;
  background-size: cover;
  opacity: 0.03;
  z-index: 0;
}

.why-choose-bigpass-thumb {
  position: relative;
  text-align: center;
}

.why-choose-bigpass-thumb img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
}

.bigpass-features {
  margin-top: 30px;
}

.feature-item {
  display: flex;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.feature-icon {
  margin-right: 20px;
  flex-shrink: 0;
}

.feature-icon span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #0c8479;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 50%;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.3);
}

.feature-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #232323;
}

.feature-content p {
  font-size: 16px;
  line-height: 26px;
  color: #666;
  margin-bottom: 0;
}

.bigpass-button {
  margin-top: 20px;
}

.learn-more-btn {
  display: inline-block;
  padding: 12px 30px;
  background: #0c8479;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.learn-more-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0a6a62;
  transition: all 0.5s ease;
  z-index: -1;
  border-radius: 30px;
}

.learn-more-btn:hover {
  color: #fff;
  text-decoration: none;
}

.learn-more-btn:hover:before {
  width: 100%;
}

.learn-more-btn i {
  margin-left: 5px;
  transition: all 0.3s ease;
}

.learn-more-btn:hover i {
  transform: translateX(5px);
}

/*Shape
============*/

/* Geçiş Kontrol Bölümü Stilleri */
.gecis-kontrol-section {
  padding: 100px 0;
  position: relative;
  background: #fff;
  overflow: hidden;
}

.gecis-kontrol-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background-image: url(assets/images/resource/shape2.png);
  background-position: center;
  background-size: cover;
  opacity: 0.05;
  z-index: 0;
}

.gecis-kontrol-content {
  position: relative;
  z-index: 1;
  padding-right: 30px;
}

.gecis-kontrol-content .section-title {
  font-size: 36px;
  font-weight: 700;
  color: #232323;
  margin-bottom: 20px;
  line-height: 1.3;
}

.gecis-kontrol-content .section-description {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  margin-bottom: 30px;
}

.gecis-kontrol-features {
  margin-top: 30px;
}

.feature-box {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.feature-box:hover {
  background: #0c8479;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
}

.feature-number {
  width: 40px;
  height: 40px;
  background: #0c8479;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  margin-right: 15px;
  transition: all 0.3s ease;
}

.feature-box:hover .feature-number {
  background: #fff;
  color: #0c8479;
}

.feature-name {
  font-size: 16px;
  font-weight: 600;
  color: #232323;
  transition: all 0.3s ease;
}

.feature-box:hover .feature-name {
  color: #fff;
}

.gecis-kontrol-image {
  position: relative;
  z-index: 1;
  text-align: center;
}

.gecis-kontrol-image img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
}

.gecis-kontrol-image:hover img {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/*Shape
============*/

/* References Page Styles */
.references-hero-section {
  padding: 100px 0 50px;
  background: linear-gradient(135deg, #f9f9f9 0%, #f3f3f3 100%);
  position: relative;
  overflow: hidden;
}

.references-hero-section::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.05);
  top: -200px;
  left: -200px;
  z-index: 0;
}

.references-hero-section::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.05);
  bottom: -150px;
  right: -150px;
  z-index: 0;
}

.references-title {
  font-size: 42px;
  font-weight: 700;
  color: #232323;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.references-subtitle {
  font-size: 18px;
  color: #666;
  max-width: 700px;
  margin: 0 auto 30px;
  position: relative;
  z-index: 1;
}

.references-section {
  padding: 50px 0 100px;
  background: #fff;
}

.reference-box {
  margin-bottom: 40px;
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
}

.reference-image {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  padding: 20px;
  text-align: center;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reference-image img {
  max-width: 100%;
  max-height: 120px;
  object-fit: contain;
  /* filter: grayscale(100%); */
  opacity: 0.7;
  transition: all 0.4s ease;
}

.reference-box:hover .reference-image {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.reference-box:hover .reference-image img {
  filter: grayscale(0%);
  opacity: 1;
}

.reference-name {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #232323;
  margin-top: 15px;
  transition: all 0.3s ease;
}

.reference-box:hover .reference-name {
  color: #0c8479;
}

@media (max-width: 991px) {
  .references-title {
    font-size: 36px;
  }

  .references-subtitle {
    font-size: 16px;
  }

  .reference-image {
    height: 160px;
  }
}

@media (max-width: 767px) {
  .references-hero-section {
    padding: 80px 0 40px;
  }

  .references-title {
    font-size: 30px;
  }

  .reference-image {
    height: 140px;
  }
}

/* Product Page Styles */
.product-hero-section {
  padding: 120px 0 80px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e9edf2 100%);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.product-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("assets/images/slider/hero-bg.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.05;
  z-index: -1;
}

.product-hero-section::after {
  content: "";
  position: absolute;
  bottom: -80px;
  right: -80px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.05);
  z-index: -1;
}

.product-title {
  font-size: 42px;
  font-weight: 700;
  color: #1d293f;
  margin-bottom: 20px;
  position: relative;
}

.product-title::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 80px;
  height: 3px;
  background: #0c8479;
}

.product-breadcrumb {
  margin-top: 30px;
}

.product-breadcrumb ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-breadcrumb ul li {
  font-size: 16px;
  color: #616161;
  position: relative;
  padding-right: 30px;
}

.product-breadcrumb ul li::after {
  content: "/";
  position: absolute;
  right: 12px;
  top: 0;
  color: #0c8479;
}

.product-breadcrumb ul li:last-child::after {
  display: none;
}

.product-breadcrumb ul li a {
  color: #0c8479;
  text-decoration: none;
  transition: all 0.3s ease;
}

.product-breadcrumb ul li a:hover {
  color: #0a6a62;
}

/* Product Features Section */
.product-features-section {
  padding: 100px 0;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.product-features-section::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -100px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.03);
  z-index: -1;
}

.product-image-container {
  position: relative;
  z-index: 1;
  padding: 20px;
}

.product-image {
  width: 100%;
  border-radius: 15px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
  overflow: hidden;
}

.product-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.5s ease;
}

.product-image:hover img {
  transform: scale(1.05);
}

.product-badge {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #0c8479;
  color: #fff;
  padding: 8px 16px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  z-index: 2;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.3);
}

.product-info-container {
  padding-left: 30px;
}

.product-info-title {
  font-size: 32px;
  font-weight: 700;
  color: #1d293f;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 15px;
}

.product-info-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background: #0c8479;
}

.product-feature-item {
  display: flex;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}

.product-feature-item:hover {
  transform: translateX(10px);
}

.product-feature-number {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0c8479;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-right: 20px;
  flex-shrink: 0;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.2);
  transition: all 0.3s ease;
}

.product-feature-item:hover .product-feature-number {
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(12, 132, 121, 0.3);
}

.product-feature-content h3 {
  font-size: 18px;
  font-weight: 600;
  color: #1d293f;
  margin-bottom: 10px;
}

.product-feature-content p {
  font-size: 15px;
  line-height: 1.6;
  color: #616161;
  margin-bottom: 0;
}

.product-cta {
  margin-top: 40px;
}

.product-cta-button {
  display: inline-flex;
  align-items: center;
  background: #0c8479;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
  text-decoration: none;
}

.product-cta-button:hover {
  background: #0a6a62;
  transform: translateY(-3px);
  box-shadow: 0 15px 25px rgba(12, 132, 121, 0.3);
  color: #fff;
}

.product-cta-button i {
  margin-left: 10px;
  transition: all 0.3s ease;
}

.product-cta-button:hover i {
  transform: translateX(5px);
}

/* Related Products Section */
.related-products-section {
  padding: 80px 0;
  background: #f9f9f9;
  position: relative;
  z-index: 1;
}

.related-products-title {
  font-size: 32px;
  font-weight: 700;
  color: #1d293f;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
}

.related-products-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: #0c8479;
}

.product-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  margin-bottom: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.product-card-image {
  position: relative;
  overflow: hidden;
  padding-top: 75%; /* 4:3 Aspect Ratio */
}

.product-card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.product-card:hover .product-card-image img {
  transform: scale(1.1);
}

.product-card-content {
  padding: 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.product-card-title {
  font-size: 20px;
  font-weight: 600;
  color: #1d293f;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

.product-card:hover .product-card-title {
  color: #0c8479;
}

.product-card-description {
  font-size: 14px;
  line-height: 1.6;
  color: #616161;
  margin-bottom: 20px;
  flex: 1;
}

.product-card-link {
  display: inline-flex;
  align-items: center;
  color: #0c8479;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.product-card-link i {
  margin-left: 8px;
  transition: all 0.3s ease;
}

.product-card:hover .product-card-link i {
  transform: translateX(5px);
}

@media (max-width: 991px) {
  .product-hero-section {
    padding: 100px 0 60px;
  }

  .product-title {
    font-size: 36px;
  }

  .product-info-container {
    padding-left: 0;
    margin-top: 50px;
  }

  .product-info-title {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .product-hero-section {
    padding: 80px 0 40px;
  }

  .product-title {
    font-size: 30px;
  }

  .product-feature-item {
    margin-bottom: 20px;
  }

  .product-feature-content h3 {
    font-size: 16px;
  }

  .related-products-title {
    font-size: 28px;
  }
}

/* Solution Page Styles */
.solution-hero-section {
  padding: 120px 0 80px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e9edf2 100%);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.solution-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("assets/images/slider/hero-bg.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.05;
  z-index: -1;
}

.solution-hero-section::after {
  content: "";
  position: absolute;
  bottom: -80px;
  right: -80px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.05);
  z-index: -1;
}

.solution-title {
  font-size: 42px;
  font-weight: 700;
  color: #1d293f;
  margin-bottom: 20px;
  position: relative;
}

.solution-title::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 80px;
  height: 3px;
  background: #0c8479;
}

.solution-breadcrumb {
  margin-top: 30px;
}

.solution-breadcrumb ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.solution-breadcrumb ul li {
  font-size: 16px;
  color: #616161;
  position: relative;
  padding-right: 30px;
}

.solution-breadcrumb ul li::after {
  content: "/";
  position: absolute;
  right: 12px;
  top: 0;
  color: #0c8479;
}

.solution-breadcrumb ul li:last-child::after {
  display: none;
}

.solution-breadcrumb ul li a {
  color: #0c8479;
  text-decoration: none;
  transition: all 0.3s ease;
}

.solution-breadcrumb ul li a:hover {
  color: #0a6a62;
}

/* Solution Content Section */
.solution-content-section {
  padding: 100px 0;
  background: #fff;
  position: relative;
  z-index: 1;
}

.solution-content-section::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -100px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(12, 132, 121, 0.03);
  z-index: -1;
}

.solution-sidebar {
  background: #f9f9f9;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 100px;
}

.solution-sidebar-title {
  font-size: 22px;
  font-weight: 700;
  color: #1d293f;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid #0c8479;
  position: relative;
}

.solution-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.solution-menu li {
  margin-bottom: 12px;
}

.solution-menu li:last-child {
  margin-bottom: 0;
}

.solution-menu li a {
  display: flex;
  align-items: center;
  color: #616161;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.solution-menu li a:hover {
  background: rgba(12, 132, 121, 0.1);
  color: #0c8479;
  transform: translateX(5px);
}

.solution-menu li a.active {
  background: #0c8479;
  color: #fff;
}

.solution-menu li a i {
  margin-right: 10px;
  font-size: 18px;
  color: #0c8479;
  transition: all 0.3s ease;
}

.solution-menu li a:hover i {
  color: #0c8479;
}

.solution-menu li a.active i {
  color: #fff;
}

.solution-main-content {
  padding-left: 30px;
}

.solution-image {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.solution-image img {
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
}

.solution-image:hover img {
  transform: scale(1.05);
}

.solution-content-title {
  font-size: 32px;
  font-weight: 700;
  color: #1d293f;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 15px;
}

.solution-content-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background: #0c8479;
}

.solution-description {
  margin-bottom: 30px;
}

.solution-description p {
  font-size: 16px;
  line-height: 1.8;
  color: #616161;
  margin-bottom: 20px;
}

.solution-description p:last-child {
  margin-bottom: 0;
}

.solution-quote {
  background: #f9f9f9;
  border-left: 5px solid #0c8479;
  padding: 30px;
  margin: 30px 0;
  border-radius: 0 15px 15px 0;
  position: relative;
}

.solution-quote::before {
  content: "\201C";
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 80px;
  font-family: Georgia, serif;
  color: rgba(12, 132, 121, 0.1);
  line-height: 1;
}

.solution-quote p {
  font-size: 18px;
  font-style: italic;
  color: #1d293f;
  margin-bottom: 10px;
}

.solution-quote cite {
  font-size: 16px;
  color: #0c8479;
  font-weight: 600;
  font-style: normal;
}

.solution-features {
  margin: 40px 0;
}

.solution-feature-item {
  display: flex;
  margin-bottom: 25px;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 15px;
  transition: all 0.3s ease;
}

.solution-feature-item:hover {
  background: #f0f5f4;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.solution-feature-icon {
  width: 60px;
  height: 60px;
  background: #0c8479;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  color: #fff;
  font-size: 24px;
  transition: all 0.3s ease;
}

.solution-feature-item:hover .solution-feature-icon {
  transform: rotateY(180deg);
}

.solution-feature-content h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1d293f;
  margin-bottom: 10px;
}

.solution-feature-content p {
  font-size: 15px;
  line-height: 1.6;
  color: #616161;
  margin-bottom: 0;
}

.solution-cta {
  margin-top: 40px;
  text-align: center;
}

.solution-cta-button {
  display: inline-flex;
  align-items: center;
  background: #0c8479;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
  text-decoration: none;
}

.solution-cta-button:hover {
  background: #0a6a62;
  transform: translateY(-3px);
  box-shadow: 0 15px 25px rgba(12, 132, 121, 0.3);
  color: #fff;
}

.solution-cta-button i {
  margin-left: 10px;
  transition: all 0.3s ease;
}

.solution-cta-button:hover i {
  transform: translateX(5px);
}

.solution-image-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
}

.solution-image-item {
  flex: 0 0 calc(50% - 15px);
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.solution-image-item:nth-child(2n) {
  margin-right: 0;
}

.solution-image-item img {
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
}

.solution-image-item:hover img {
  transform: scale(1.1);
}

@media (max-width: 991px) {
  .solution-hero-section {
    padding: 100px 0 60px;
  }

  .solution-title {
    font-size: 36px;
  }

  .solution-main-content {
    padding-left: 0;
    margin-top: 50px;
  }

  .solution-content-title {
    font-size: 28px;
  }

  .solution-sidebar {
    position: static;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .solution-hero-section {
    padding: 80px 0 40px;
  }

  .solution-title {
    font-size: 30px;
  }

  .solution-image-item {
    flex: 0 0 100%;
    margin-right: 0;
  }

  .solution-quote {
    padding: 20px;
  }

  .solution-quote p {
    font-size: 16px;
  }
}

/* Contact Page Styles */
.contact-info-section {
  padding: 80px 0 50px;
  background-color: #f5f7fa;
}

.contact-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.1);
  padding: 30px;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.2);
  border-bottom: 3px solid #0c8479;
}

.contact-icon {
  width: 60px;
  height: 60px;
  background-color: rgba(12, 132, 121, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.contact-card:hover .contact-icon {
  background-color: #0c8479;
}

.contact-icon i {
  font-size: 24px;
  color: #0c8479;
  transition: all 0.3s ease;
}

.contact-card:hover .contact-icon i {
  color: #fff;
}

.contact-info h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #1d293f;
  font-weight: 600;
}

.contact-info p {
  margin-bottom: 0;
  color: #616161;
  line-height: 1.6;
}

.contact-form-section {
  padding: 80px 0;
  background-color: #fff;
}

.contact-form-wrapper {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 40px;
  height: 100%;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.1);
}

.contact-form-wrapper h3 {
  margin-bottom: 30px;
  color: #1d293f;
  font-size: 24px;
  position: relative;
  padding-bottom: 15px;
  font-weight: 700;
}

.contact-form-wrapper h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #0c8479;
}

.form-control {
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 10px 15px;
  font-size: 14px;
  transition: all 0.3s ease;
}

textarea.form-control {
  height: auto;
  min-height: 120px;
}

.form-control:focus {
  box-shadow: none;
  border-color: #0c8479;
  outline: none;
}

.btn-primary {
  background-color: #0c8479;
  border-color: #0c8479;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.2);
}

.btn-primary:hover {
  background-color: #0a6a62;
  border-color: #0a6a62;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(12, 132, 121, 0.3);
}

.map-wrapper {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 40px;
  height: 100%;
  box-shadow: 0 5px 15px rgba(12, 132, 121, 0.1);
}

.map-wrapper h3 {
  margin-bottom: 30px;
  color: #1d293f;
  font-size: 24px;
  position: relative;
  padding-bottom: 15px;
  font-weight: 700;
}

.map-wrapper h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #0c8479;
}

.map-container {
  border-radius: 10px;
  overflow: hidden;
  height: calc(100% - 70px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .map-wrapper {
    margin-top: 40px;
  }
}

/* Footer Contact Info Styles */
.footer-address-info {
  margin-top: 20px;
}

.footer-address-list li {
  display: flex;
  margin-bottom: 15px;
}

.footer-address-icon {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  transition: all 0.3s ease;
}

.footer-address-list li:hover .footer-address-icon {
  background-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}

.footer-address-icon i {
  font-size: 16px;
  color: #0c8479;
}

.footer-address-text p {
  margin-bottom: 0;
  color: #616161;
  line-height: 1.6;
  transition: all 0.3s ease;
}

.footer-address-list li:hover .footer-address-text p {
  color: #0c8479;
}

.footer-address-text p strong {
  color: #0c8479;
  display: block;
  margin-bottom: 5px;
}

.dropdown {
  display: flex;
  gap: 10px;
}

/* Mobil Menü İyileştirmeleri */
.mobile-menu-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 60px;
}

.mobile-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  height: 60px;
  position: relative;
}

.mobile-menu-logo {
  text-align: center;
  margin: 0 auto;
}

.mobile-menu-logo img {
  max-width: 130px;
  height: auto;
}

/* Menü butonu düzeltmeleri */
.mean-container a.meanmenu-reveal {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  top: 18px !important;
  right: 15px !important;
}

.mean-container a.meanmenu-reveal span {
  display: block !important;
  background: #1b5c4d !important;
}

/* Menü butonunun konumunu düzelt */
.mean-container .mean-bar {
  top: 0 !important;
  right: 0 !important;
  width: 60px !important;
  height: 60px !important;
  position: absolute !important;
}

/* Müşteri Geri Bildirimleri Bölümü */
.testimonial-section {
  padding: 20px 0;
}

@media (max-width: 767px) {
  .testimonial-section {
    padding: 20px 0;
  }

  .testimonial-single-box {
    padding: 15px;
  }

  .testimonial-desc p {
    font-size: 14px;
    line-height: 1.5;
  }

  .testi-title h4 {
    font-size: 16px;
  }

  .testi-title h4 span {
    font-size: 13px;
  }

  /* Geçiş kontrol cihazı kısmına kadar olan boşluğu azalt */
  .hero-section {
    padding-top: 5px;
    padding-bottom: 20px;
  }

  body {
    padding-top: 10px;
  }
}

/* Müşterilerimizden Gelen Geri Bildirimler Başlık Düzeltmeleri */
@media (max-width: 767px) {
  .dreamhub-section-title h1 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
  }

  .dreamhub-section-title h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .dreamhub-section-title p {
    font-size: 14px;
    line-height: 1.5;
  }

  /* Müşterilerimizden Gelen Geri Bildirimler başlığı */
  h2.section-title,
  .section-title h2,
  .dreamhub-section-title h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
  }

  /* Genel başlık düzeltmeleri */
  h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  h4 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  h5 {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  /* Müşterilerimizden Gelen Geri Bildirimler başlığı özel stil */
  .testimonial-section .dreamhub-section-title h1,
  .testimonial-section .section-title h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
    font-weight: 700 !important;
    color: #1b5c4d !important;
  }
}

/* Mobil menü düzeltmeleri */
@media (max-width: 767px) {
  /* Menü butonunun konumunu düzelt */
  .mean-container .mean-bar {
    top: 0;
    right: 15px !important;
    width: 60px;
    height: 60px;
    position: absolute;
  }

  /* Menü butonunu görünür yap */
  .mean-container a.meanmenu-reveal {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    top: 10px !important;
    right: 0 !important;
  }

  /* Mobil menü logosu */
  .mobile-menu-logo {
    text-align: center;
    padding: 0;
    margin: 0 auto;
  }

  .mobile-menu-logo img {
    max-width: 130px;
    height: auto;
  }

  /* Mobil menü yapısı */
  .mobile-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 0;
    height: 60px;
  }

  /* Alt menü butonları */
  .mobile-nav .nav_scroll > li > a {
    position: relative;
    padding: 10px 5%;
    font-size: 15px;
    display: block;
    width: 85%;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #eee;
  }

  .mobile-nav .nav_scroll > li > a span {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
  }

  .mobile-nav .nav_scroll > li > a span i {
    transition: all 0.3s ease;
    font-size: 16px;
    color: #1b5c4d;
  }

  /* Alt menü stilleri */
  .mobile-nav .sub-menu {
    width: 100%;
    display: none;
    background: #f9f9f9;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .mobile-nav .sub-menu li {
    border-top: 1px solid #eee;
    margin: 0;
    padding: 0;
  }

  .mobile-nav .sub-menu li a {
    padding: 10px 10%;
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    background: #f9f9f9;
    width: 75%;
  }

  /* Başlık düzeltmeleri */
  .dreamhub-section-title h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 15px;
    font-weight: 700;
  }

  h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  h4 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  h5 {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }
}

/* Menü butonunun görünürlüğünü sağlamak için önemli düzeltmeler */
.mean-container a.meanmenu-reveal {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Mobil menü alanı */
.mobile-menu-area {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  height: 60px;
  display: flex;
  align-items: center;
}

/* Sayfa içeriğini mobil menü altına kaydır */
@media (max-width: 767px) {
  body {
    padding-top: 60px;
  }
}

/* Yatay kaydırma çubuğunu önlemek için */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  /* overflow-x: hidden; */
  width: 100%;
  position: relative;
}

/* Mobil menü düzenlemeleri */
@media (max-width: 767px) {
  .mobile-menu-area {
    width: 100%;
    box-sizing: border-box;
  }

  .container,
  .container-fluid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  .row {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
  }
}