@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,

s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,

figure,
header,
nav,
section,
article,
aside,
footer,
figcaption {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

}



.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



.clearfix {

  display: inline-block;

}



html[xmlns] .clearfix {

  display: block;

}



* html .clearfix {

  height: 1%;

}



ul,
li {

  padding: 0;

  margin: 0;

  list-style: none;

}



header,
nav,
section,
article,
aside,
footer,
hgroup {

  display: block;

}



* {

  box-sizing: border-box;

}



html,
body {

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

  background-color: #fff;

  font-size: 16px;

  -ms-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



a {

  text-decoration: none !important;

}



h1,
h2,
h3,
h4,
h5,
h6 {

  margin-top: 0px;

  margin-bottom: 0px;

}



ul {

  margin-bottom: 0px;

}



p {

  font-size: 15px;

  line-height: 25px;

  color: #888;

}



/* 

---------------------------------------------

global styles

--------------------------------------------- 

*/

html,

body {

  background: #fff;

  font-family: 'Poppins', sans-serif;

}





@media (max-width: 991px) {

  html,
  body {

    overflow-x: hidden;

  }

  .mobile-top-fix {

    margin-top: 30px;

    margin-bottom: 0px;

  }

  .mobile-bottom-fix {

    margin-bottom: 30px;

  }

  .mobile-bottom-fix-big {

    margin-bottom: 60px;

  }

}



a.main-button-slider {

  font-size: 14px;

  border-radius: 25px;

  padding: 15px 25px;

  background-color: #043838;

  text-transform: uppercase;

  color: #fff;

  font-weight: 600;

  letter-spacing: 1px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

button.main-button {

  outline: none;

  border: none;

  cursor: pointer;

  font-size: 14px;

  border-radius: 25px;

  padding: 15px 25px;

  background-color: #f4813f;

  text-transform: uppercase;

  color: #fff;

  font-weight: 600;

  letter-spacing: 1px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



button.main-button:hover {

  background-color: #f1556a;

}





.center-heading {

  margin-bottom: 70px;

}



.center-heading h2 {

  margin-top: 0px;

  text-align: center;

  font-size: 42px;

  font-weight: 700;

  color: #1e1e1e;

  margin-bottom: 25px;

}



.center-heading h2 em {

  font-style: normal;

  color: #f4813f;

}



.center-heading p {

  font-size: 15px;

  color: #888;

  text-align: center;

}





/* 

---------------------------------------------

header

--------------------------------------------- 

*/



.background-header {
  top: 0;
  left: 0;
  right: 0;
  position: fixed !important;
  background-color: #fff !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
  animation: fadeInDown 0.5s ease-in-out;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}



.background-header .logo,

.background-header .main-nav .nav li a {

  color: #1e1e1e !important;

}



.background-header .main-nav .nav li:hover a {

  color: #043838 !important;

}



.background-header .nav li a.active {

  color: #C5A059 !important;

}



.header-area {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 80px;
  background-color: #fff;
  /* Burayı şeffaftan beyaza çevirdik */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  /* Hafif bir gölge derinlik katar */
  -webkit-transition: all .5s ease 0s !important;
  -moz-transition: all .5s ease 0s !important;
  -o-transition: all .5s ease 0s !important;
  transition: all .5s ease 0s !important;
}



.header-area .main-nav {

  min-height: 80px;

  background: transparent;

}



.header-area .main-nav .logo {

  line-height: 80px;

  color: #191a20;

  font-size: 28px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 2px;

  float: left;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}





.header-area .main-nav .nav {

  float: left;

  margin-left: 13%;

  margin-right: 0px;

  background-color: #fff;

  padding: 0px 20px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  position: relative;

  z-index: 999;

}



.header-area .main-nav .nav li {

  padding-left: 20px;

  padding-right: 20px;

}



.header-area .main-nav .nav li:last-child {

  padding-right: 0px;

}



.header-area .main-nav .nav li a {

  display: block;

  font-weight: 500;

  font-size: 13px;

  color: #7a7a7a;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  height: 40px;

  line-height: 40px;

  border: transparent;

  letter-spacing: 1px;

}



.header-area .main-nav .nav li:hover a {

  color: #043838;

}



.header-area .main-nav .nav li.submenu {

  position: relative;

  padding-right: 35px;

}



.header-area .main-nav .nav li.submenu:after {

  font-family: FontAwesome;

  content: "\f107";

  font-size: 12px;

  color: #7a7a7a;

  position: absolute;

  right: 18px;

  top: 12px;

}



.header-area .main-nav .nav li.submenu ul {

  position: absolute;

  width: 200px;

  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

  overflow: hidden;

  top: 40px;

  opacity: 0;

  transform: translateY(-2em);

  visibility: hidden;

  z-index: -1;

  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;

}



.header-area .main-nav .nav li.submenu ul li {

  margin-left: 0px;

  padding-left: 0px;

  padding-right: 0px;

}



.header-area .main-nav .nav li.submenu ul li a {

  display: block;

  background: #fff;

  color: #7a7a7a !important;

  padding-left: 20px;

  height: 40px;

  line-height: 40px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  position: relative;

  font-size: 13px;

  border-bottom: 1px solid #f5f5f5;

}



.header-area .main-nav .nav li.submenu ul li a:before {

  content: '';

  position: absolute;

  width: 0px;

  height: 40px;

  left: 0px;

  top: 0px;

  bottom: 0px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  background: #fba70b;

}



.header-area .main-nav .nav li.submenu ul li a:hover {

  background: #fff;

  color: #fba70b !important;

  padding-left: 25px;

}



.header-area .main-nav .nav li.submenu ul li a:hover:before {

  width: 3px;

}



.header-area .main-nav .nav li.submenu:hover ul {

  visibility: visible;

  opacity: 1;

  z-index: 1;

  transform: translateY(0%);

  transition-delay: 0s, 0s, 0.3s;

}



.header-area .main-nav .menu-trigger {

  cursor: pointer;

  display: block;

  position: absolute;

  top: 23px;

  width: 32px;

  height: 40px;

  text-indent: -9999em;

  z-index: 99;

  right: 40px;

  display: none;

}



.header-area .main-nav .menu-trigger span,

.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  -moz-transition: all 0.4s;

  -o-transition: all 0.4s;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  background-color: #1e1e1e;

  display: block;

  position: absolute;

  width: 30px;

  height: 2px;

  left: 0;

}



.background-header .main-nav .menu-trigger span,

.background-header .main-nav .menu-trigger span:before,

.background-header .main-nav .menu-trigger span:after {

  background-color: #1e1e1e;

}



.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  -moz-transition: all 0.4s;

  -o-transition: all 0.4s;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  background-color: #1e1e1e;

  display: block;

  position: absolute;

  width: 30px;

  height: 2px;

  left: 0;

  width: 75%;

}



.background-header .main-nav .menu-trigger span:before,

.background-header .main-nav .menu-trigger span:after {

  background-color: #1e1e1e;

}



.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {

  content: "";

}



.header-area .main-nav .menu-trigger span {

  top: 16px;

}



.header-area .main-nav .menu-trigger span:before {

  -moz-transform-origin: 33% 100%;

  -ms-transform-origin: 33% 100%;

  -webkit-transform-origin: 33% 100%;

  transform-origin: 33% 100%;

  top: -10px;

  z-index: 10;

}



.header-area .main-nav .menu-trigger span:after {

  -moz-transform-origin: 33% 0;

  -ms-transform-origin: 33% 0;

  -webkit-transform-origin: 33% 0;

  transform-origin: 33% 0;

  top: 10px;

}



.header-area .main-nav .menu-trigger.active span,

.header-area .main-nav .menu-trigger.active span:before,

.header-area .main-nav .menu-trigger.active span:after {

  background-color: transparent;

  width: 100%;

}



.header-area .main-nav .menu-trigger.active span:before {

  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);

  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);

  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);

  transform: translateY(6px) translateX(1px) rotate(45deg);

  background-color: #1e1e1e;

}



.background-header .main-nav .menu-trigger.active span:before {

  background-color: #1e1e1e;

}



.header-area .main-nav .menu-trigger.active span:after {

  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);

  transform: translateY(-6px) translateX(1px) rotate(-45deg);

  background-color: #1e1e1e;

}



.background-header .main-nav .menu-trigger.active span:after {

  background-color: #1e1e1e;

}



.header-area.header-sticky {

  min-height: 80px;

}




.header-area.header-sticky .nav li a.active {

  color: #043838;

}



@media (max-width: 1200px) {

  .header-area .main-nav .nav li {

    padding-left: 12px;

    padding-right: 12px;

  }

  .header-area .main-nav:before {

    display: none;

  }

}



@media (max-width: 991px) {

  .logo {

    text-align: center;

    float: none !important;

  }

  .header-area {

    background-color: #f7f7f7;

    padding: 0px 15px;

    height: 80px;

    box-shadow: none;

    text-align: center;

  }

  .header-area .container {

    padding: 0px;

  }

  .header-area .logo {

    margin-left: 30px;

  }

  .header-area .menu-trigger {

    display: block !important;

  }

  .header-area .main-nav {

    overflow: hidden;

  }

  .header-area .main-nav .nav {

    float: none;

    width: 100%;

    margin-top: 0px !important;

    display: none;

    -webkit-transition: all 0s ease 0s;

    -moz-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

    margin-left: 0px;

  }

  .header-area .main-nav .nav li:first-child {

    border-top: 1px solid #eee;

  }

  .header-area .main-nav .nav li {

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #eee;

    padding-left: 0px !important;

    padding-right: 0px !important;

  }

  .header-area .main-nav .nav li a {

    height: 50px !important;

    line-height: 50px !important;

    padding: 0px !important;

    border: none !important;

    background: #f7f7f7 !important;

    color: #191a20 !important;

  }

  .header-area .main-nav .nav li a:hover {

    background: #eee !important;

    color: #fba70b !important;

  }

  .header-area .main-nav .nav li.submenu ul {

    position: relative;

    visibility: inherit;

    opacity: 1;

    z-index: 1;

    transform: translateY(0%);

    transition-delay: 0s, 0s, 0.3s;

    top: 0px;

    width: 100%;

    box-shadow: none;

    height: 0px;

  }

  .header-area .main-nav .nav li.submenu ul li a {

    font-size: 12px;

    font-weight: 400;

  }

  .header-area .main-nav .nav li.submenu ul li a:hover:before {

    width: 0px;

  }

  .header-area .main-nav .nav li.submenu ul.active {

    height: auto !important;

  }

  .header-area .main-nav .nav li.submenu:after {

    color: #3B566E;

    right: 25px;

    font-size: 14px;

    top: 15px;

  }

  .header-area .main-nav .nav li.submenu:hover ul,
  .header-area .main-nav .nav li.submenu:focus ul {

    height: 0px;

  }

}



@media (min-width: 992px) {

  .header-area .main-nav .nav {

    display: flex !important;

  }

}







/*

---------------------------------------------

about

---------------------------------------------

*/



#about {

  padding: 100px 0px;

  position: relative;

  z-index: 9;

}



@media (max-width: 992px) {

  .features-item {

    margin-bottom: 45px;

  }

}



.features-item {

  border-radius: 5px;

  padding: 60px 30px;

  text-align: center;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}



.features-item h2 {

  z-index: 9;

  position: absolute;

  top: 15px;

  left: 45px;

  font-size: 100px;

  font-weight: 600;

  color: #fdefe9;

}



.features-item img {

  z-index: 10;

  position: relative;

  max-width: 100%;

  margin-bottom: 40px;

}



.features-item h4 {

  margin-top: 0px;

  font-size: 22px;

  color: #1e1e1e;

  margin-bottom: 25px;

}



.features-item .main-button {

  margin-top: 35px;

  display: inline-block;

}





/*

---------------------------------------------

promotion

---------------------------------------------

*/



.left-image-decor {

  background-image: url(../images/left-bg-decor.png);

  background-repeat: no-repeat;

  position: absolute;

  width: 100%;

  display: inline-block;

  height: 110%;

  margin-top: -200px;

}



#promotion {

  padding: 100px 0px;

}



#promotion .left-image {

  align-self: center;

}



#promotion .right-text ul {

  padding: 0;

  margin: 0;

}



#promotion .right-text ul li {

  display: inline-block;

  margin-bottom: 60px;

}



#promotion .right-text ul li:last-child {

  margin-bottom: 0px;

}



#promotion .right-text img {

  display: inline-block;

  float: left;

  margin-right: 30px;

}



#promotion .right-text h4 {

  font-size: 22px;

  color: #1e1e1e;

  margin-bottom: 15px;

  margin-top: 3px;

}





/*

--------------------------------------------

testimonials

--------------------------------------------

*/

.right-image-decor {

  background-image: url(../images/right-bg-decor.png);

  background-repeat: no-repeat;

  background-position: right center;

  position: absolute;

  width: 100%;

  display: inline-block;

  height: 110%;

  margin-top: -200px;

}







/* 

---------------------------------------------

footer

--------------------------------------------- 

*/



@media (max-width: 992px) {

  footer {

    padding-top: 0px !important;

    margin-top: 0px !important;

  }

  .contact-form {

    margin-bottom: 45px;

  }

  footer .right-content {

    text-align: center;

  }

  footer .footer-content {

    padding: 60px 0px !important;

  }

}



footer {

  padding-top: 120px;

  background-image: url(../images/footer-bg.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  width: 100%;

}




.contact-form {

  position: relative;

  z-index: 10;

  padding: 45px;

  border-radius: 5px;

  background-color: #fff;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);



}



footer .right-content {

  align-self: center;

}



.contact-form input,

.contact-form textarea {

  color: #777;

  font-size: 13px;

  border: 1px solid #eee;

  background-color: #f7f7f7;

  border-radius: 5px;

  width: 100%;

  height: 50px;

  outline: none;

  padding-left: 20px;

  padding-right: 20px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin-bottom: 30px;

}



.contact-form textarea {

  height: 150px;

  resize: none;

  padding: 20px;

}



.contact-form {

  text-align: center;

}



.contact-form ::-webkit-input-placeholder {
  /* Edge */

  color: #7a7a7a;

}



.contact-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  color: #7a7a7a;

}



.contact-form ::placeholder {

  color: #7a7a7a;

}



.footer-content .right-content {

  color: #fff;

}



.footer-content .right-content h2 {

  margin-top: 0px;

  margin-bottom: 30px;

  font-size: 42px;

  text-transform: capitalize;

  font-weight: 700;

  letter-spacing: 1px;

}



.footer-content .right-content h2 em {

  font-style: normal;

  color: #fba70b;

}



.footer-content .right-content p {

  color: #FFF;

}



.footer-content .right-content a {

  color: #FFF;

}



.footer-content .right-content a:hover {

  color: #FC3;

}




footer .copyright {

  margin-top: 10px;

  font-weight: 400;

  font-size: 15px;

  color: #4a4a4a;

  letter-spacing: 0.88px;

  text-transform: capitalize;

}



footer .sub-footer {

  padding: 60px 0px;

  border-top: 1px solid rgba(250, 250, 250, 0.3);

  text-align: center;

}



footer .sub-footer a {

  color: #FFF;

}



footer .sub-footer a:hover {

  color: #FC3;

}



footer .sub-footer p {

  color: #fff;

  font-size: 15px;

  font-weight: 300;

  letter-spacing: 0.5px;

}



@media (max-width: 991px) {

  footer .copyright {

    text-align: center;

  }

  footer .social {

    text-align: center;

  }

}



/* 

---------------------------------------------

preloader

--------------------------------------------- 

*/

#preloader {

  overflow: hidden;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  position: fixed;

  z-index: 9999;

  color: #fff;

}



#preloader .jumper {

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  position: absolute;

  margin: auto;

  width: 50px;

  height: 50px;

}



#preloader .jumper>div {

  background-color: #fff;

  width: 10px;

  height: 10px;

  border-radius: 100%;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  position: absolute;

  opacity: 0;

  width: 50px;

  height: 50px;

  -webkit-animation: jumper 1s 0s linear infinite;

  animation: jumper 1s 0s linear infinite;

}



#preloader .jumper>div:nth-child(2) {

  -webkit-animation-delay: 0.33333s;

  animation-delay: 0.33333s;

}



#preloader .jumper>div:nth-child(3) {

  -webkit-animation-delay: 0.66666s;

  animation-delay: 0.66666s;

}



@-webkit-keyframes jumper {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }

  5% {

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0;

  }

}



@keyframes jumper {

  0% {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }

  5% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.logo img {
  width: 10rem;
}

/*NAVBARRRR*/
/* --- GENEL DİZİLİM (992px ve Üzeri) --- */
@media (min-width: 992px) {
  .header-area .main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    /* Kenarlardan nefes alsın */
  }

  /* Logo Alanı */
  .header-area .main-nav .logo {
    flex: 0 0 180px;
    /* Logoya yer ayır */
    margin: 0 !important;
  }

  /* Sosyal Medya İkonları (SAĞ TARAF) */
  .header-social {
    flex: 0 0 180px;
    /* Logo ile eşit alan ver ki menü tam ortalansın */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
  }

  .social-icon {
    color: #333;
    font-size: 18px;
    transition: all 0.3s ease;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .social-icon:hover {
    color: #C5A059;
    /* Senin Gold rengin */
    transform: translateY(-2px);
  }

  /* SENİN BUTON KODLARIN (DOKUNULMADI) */
  .header-area .main-nav .nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1;
    margin: 0 !important;
  }

  .header-area .main-nav .nav li {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .header-area .main-nav .nav li a.menu-item {
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 15px !important;
    border-radius: 3px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #333 !important;
    border: 2px solid transparent !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .header-area .main-nav .nav li a.menu-item:hover {
    background-color: #043838 !important;
    color: #ffffff !important;
    border-color: #C5A059 !important;
    box-shadow: 0 5px 15px rgba(4, 56, 56, 0.3);
    transform: translateY(-2px);
  }
}

/* --- MOBİL GÖRÜNÜM AYARLARI (991px ALTI) --- */
@media (max-width: 991px) {
  .header-social {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 0;
    gap: 25px;
    background: #ffffff;
    border-top: 1px solid #eee;
    width: 100%;
  }

  .header-social a.social-icon {
    font-size: 22px;
    color: #043838;
  }

  /* --- EKSTRA KÜÇÜK EKRANLAR (450px ALTI) --- */
  @media (max-width: 450px) {
    .header-social {
      display: none !important;
      /* 450px altında ikonları tamamen kaldırır */
    }

    /* İsteğe bağlı: Mobilde menü butonlarını 450px altında biraz daha sıkılaştırabilirsin */
    .header-area .main-nav .nav li a.menu-item {
      padding: 10px 15px !important;
      font-size: 12px !important;
    }
  }

  /* Senin Mevcut Mobil Buton Kodların (DOKUNULMADI) */
  .header-area .main-nav .nav {
    background: #ffffff;
    padding: 15px 0;
  }

  /* ... Diğer menu-item kodların aynı kalıyor ... */
}

/* 3. MÜŞTERİ YORUMLARI (HER İKİSİ İÇİN) */
#testimonials .service-item {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 20px !important;
  /* Mobilde taşmaması için padding'i biraz kıstım */
  border-radius: 15px !important;
  background: #fff !important;
  border: 1px solid #f0f0f0 !important;
  transition: all 0.4s ease-in-out !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
}

#testimonials .service-item:hover {
  border-color: #C5A059 !important;
  transform: translateY(-5px);
}

#testimonials .service-item .stars {
  width: 100%;
  justify-content: center !important;
  display: flex !important;
  margin-bottom: 20px !important;
  padding: 0;
  list-style: none;
}

#testimonials .service-item .stars li i {
  color: #C5A059 !important;
  font-size: 16px;
  margin: 0 2px;
}

#testimonials .service-item p {
  font-style: italic;
  font-size: 15px;
  line-height: 24px;
  color: #555;
}

#testimonials .service-item h4 {
  color: #043838 !important;
  font-weight: 700;
  margin-top: 15px;
}

/* STICKY HEADER RENKLERİ */
.background-header .main-nav .nav li a.menu-item {
  color: #2a2a2a !important;
}

/*LOGO AYARI*/
/* ==========================================================================
   PASTALANTE MOBİL NAVİGASYON VE LOGO KESİN ÇÖZÜM
   ========================================================================== */

@media (max-width: 991px) {

  /* 1. Header alanını mobilde sabit ve düzenli tut */
  .header-area {
    background-color: #fff !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
  }

  /* 2. Logoyu sola sabitle */
  .header-area .main-nav .logo {
    position: absolute !important;
    left: 20px !important;
    top: 0 !important;
    line-height: 80px !important;
    /* Header yüksekliğiyle aynı yaparsak tam ortalanır */
    float: none !important;
    margin: 0 !important;
    z-index: 1001 !important;
  }

  .header-area .main-nav .logo img {
    width: 130px !important;
    /* Mobil logo boyutu */
    height: auto !important;
    vertical-align: middle;
  }

  /* 3. Hamburger butonunu (Trigger) sağa sabitle */
  .header-area .main-nav .menu-trigger {
    display: block !important;
    position: absolute !important;
    right: 20px !important;
    top: 23px !important;
    /* Orijinal yerinde kalsın */
    z-index: 1001 !important;
  }

  /* 4. AÇILAN MENÜ (DROPOBOX) DÜZELTMESİ */
  .header-area .main-nav .nav {
    position: absolute !important;
    top: 80px !important;
    /* Header'ın hemen altından başlasın */
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1000 !important;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1) !important;
    /* Menü açıldığında logonun aşağı inmesini engeller */
    display: none;
    /* jQuery toggleClass ile kontrol edilir */
  }

  /* Menü açıldığında (active class gelince) */
  .header-area .main-nav .nav.active {
    display: block !important;
  }

  .header-area .main-nav .nav li {
    width: 100% !important;
    border-bottom: 1px solid #eee !important;
  }

  .header-area .main-nav .nav li a {
    padding: 15px 20px !important;
    line-height: 20px !important;
    height: auto !important;
    background: #fff !important;
    color: #333 !important;
    text-align: left !important;
    display: block !important;
    border-left: 4px solid transparent !important;
  }

  /* Senin istediğin hover stili */
  .header-area .main-nav .nav li a:hover {
    background: #043838 !important;
    color: #C5A059 !important;
    border-left: 4px solid #C5A059 !important;
  }
}

/*NAVBARRRR SONNNN*/
/* Kartın içindeki metinlerin renk değişimi */
#testimonials .service-item:hover h4,
#testimonials .service-item:hover p,
#testimonials .service-item:hover span {
  color: #ffffff !important;
}

/* Yıldızların rengini korumak veya gold yapmak için */
#testimonials .service-item:hover .stars i {
  color: #fba707;
  /* Gold rengi vurgusu */
}

.cta-button:hover {
  background-color: #043838 !important;
  border-color: #043838 !important;
  color: #fff !important;
  box-shadow: 0 5px 15px rgba(4, 56, 56, 0.3);
  /* Yumuşak bir gölge */
}

/* Alt başlık - Koyu Altın */
.brand-subtitle {
  color: #C5A059 !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
  display: block;
}

/* Ana Başlık */
.brand-title {
  font-family: "Braah One", sans-serif !important;
  font-size: 64px !important;
  font-weight: 700;
  color: #043838 !important;
  /* Marka Rengi */
  line-height: 1.1;
  margin-bottom: 25px;
}

/* Çizgi hatasını düzelten kısım */
.brand-title span {
  display: inline-block;
  /* Hatalı kaymayı engeller */
  position: relative;
  padding-bottom: 10px;
}

.brand-title span::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background-color: #C5A059;
  /* Altın Rengi */
  border-radius: 0px;
}

/* Buton Düzenlemesi */
.cta-button {
  display: inline-block;
  padding: 15px 40px;
  background-color: #043838 !important;
  /* Marka Rengi */
  color: #ffffff !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.3s ease;
  border: none;
  text-decoration: none !important;
  margin-top: 20px;
}

.cta-button:hover {
  background-color: #C5A059 !important;
  /* Hover'da Altın Rengi */
  transform: translateY(-3px);
}

/*CARD PLACE ------------------------------------------------------------------------------------------------------------------------------*/

/* Kartların Genel Kutusu */
/* Kartların kapsayıcısı (Satırın içindekilerin eşit boyda olması için) */
#features .row {
  display: flex;
  flex-wrap: wrap;
}

.features-item {
  background: #ffffff !important;
  border-radius: 15px !important;
  padding: 40px 30px !important;
  box-shadow: 0 10px 30px rgba(4, 56, 56, 0.08) !important;
  transition: all .3s;
  border: 1px solid #eee;

  /* Boyut Eşitleme */
  height: 100%;
  /* Kartların boyunu eşitler */
  display: flex;
  flex-direction: column;
  align-items: center;
  /* İkon ve metni yatayda ortalar */
  text-align: center;
  /* Metinleri ortalar */
}

/* İkon Dairesini Tam Ortalamak */
.features-item .features-icon {
  background-color: #043838 !important;
  width: 90px;
  height: 90px;
  display: flex;
  /* Flexbox ile tam merkezleme */
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 25px;
}

/* İkonun Kendisi */
.features-item .features-icon i {
  color: #C5A059 !important;
  font-size: 32px;
  margin: 0 !important;
  /* Varsa dış boşlukları siler */
}

/* Kart Başlığı */
.features-item h4 {
  color: #043838 !important;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  width: 100%;
}

/* Kart Açıklaması */
.features-item p {
  color: #555 !important;
  line-height: 1.6;
  margin-bottom: 0;
  /* Alttaki gereksiz boşluğu siler */
}

/* Kart Hover */
.features-item:hover {
  transform: translateY(-10px);
  border-color: #C5A059 !important;
}

/*MENUU---------------------------------------------------------------------*/

/* Menü Bölümü Genel Ayarları */
#menu {
  /* Arka plan ana rengin biraz açığı (#064d4d) */
  background-color: #064d4d !important;
  /* Kartlarla araya boşluk verir */
  padding-bottom: 100px !important;
}

.gold-text {
  color: #C5A059 !important;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  display: block;
}

.light-text {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 36px;
  text-align: center;
  margin-top: 10px;
}

.menu-header {
  text-align: center;
  margin-bottom: 60px;
}

.divider {
  width: 60px;
  height: 3px;
  background: #C5A059;
  margin: 20px auto;
}

/* Menü Öğeleri */
/* Menü Genel Yapısı */
#menu {
  padding-bottom: 100px !important;
  background-color: #ffffff !important;
}

.menu-header {
  text-align: center;
  margin-bottom: 70px;
}

.gold-subtitle {
  color: #C5A059 !important;
  letter-spacing: 3px;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 10px;
  text-align: center;
}

.dark-title {
  color: #043838 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800;
  font-size: 38px;
}

.gold-divider {
  width: 50px;
  height: 3px;
  background: #C5A059;
  margin: 25px auto;
}

/* Menü Satırları */
.premium-menu-item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #f0f0f0;
  /* Zarif alt çizgi */
  transition: 0.3s;
}

.premium-menu-item:hover {
  transform: translateX(10px);
  /* Üzerine gelince sağa hafif kayma */
}

.menu-thumb img {
  width: 90px;
  height: 90px;
  border-radius: 12px;
  object-fit: cover;
  margin-right: 25px;
  border: 1px solid #eee;
}

.menu-desc {
  flex: 1;
}

.menu-name-price {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.menu-name-price h5 {
  font-family: 'Montserrat', sans-serif !important;
  color: #043838 !important;
  font-weight: 700;
  font-size: 19px;
  margin: 0;
}

.menu-name-price .price {
  color: #C5A059 !important;
  font-weight: 700;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif !important;
}

.menu-desc p {
  color: #777 !important;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* Mobil Uyumluluk */
@media (max-width: 767px) {
  .premium-menu-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .menu-thumb img {
    margin-right: 0;
    margin-bottom: 15px;
    width: 120px;
    height: 120px;
  }

  .menu-name-price {
    flex-direction: column;
    gap: 5px;
  }
}

/* --- Filtre Butonları Tasarımı --- */
.menu-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 50px;
}

.filter-btn {
  background-color: transparent;
  border: 2px solid #C5A059;
  color: #043838;
  padding: 8px 25px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.4s ease;
  border-radius: 4px;
}

.filter-btn.active,
.filter-btn:hover {
  background-color: #043838;
  color: #ffffff;
  border-color: #043838;
  box-shadow: 0 4px 15px rgba(4, 56, 56, 0.2);
}

/* --- Filtreleme Animasyonu --- */
.menu-item-wrapper {
  transition: all 0.5s ease;
}

/* Filtre dışı kalanları gizle */
.menu-item-wrapper.hide {
  display: none;
}

.menu-item-wrapper.show {
  display: block;
  animation: fadeInMenu 0.5s ease forwards;
}

@keyframes fadeInMenu {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*SOL 1 SAĞ 3*/

/* Promotion Bölümü Stil Düzenlemesi */
#promotion {
  padding: 30px 0;
  background-color: #ffffff;
}

#promotion .right-text ul li {
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
}

/* İkonları marka renklerine göre düzenledim */
.custom-icon {
  width: 60px;
  height: 60px;
  background-color: #043838;
  /* Marka Yeşil */
  color: #C5A059;
  /* Altın Rengi */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-right: 20px;
  flex-shrink: 0;
  /* İkonun ezilmesini engeller */
}

#promotion .right-text h4 {
  color: #043838 !important;
  /* Marka Yeşil */
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
}

#promotion .right-text p {
  color: #555 !important;
  font-family: 'Montserrat', sans-serif !important;
  line-height: 1.6;
  font-size: 15px;
}

/* Link varsa altın rengi yap */
#promotion .right-text a {
  color: #C5A059;
  font-weight: 600;
}

/* Mobil için ikon ortalama */
@media (max-width: 767px) {
  #promotion .right-text ul li {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .custom-icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/*MÜŞTERİ YORUMLARIIIIIIIIIII*/

/* --- TESTIMONIALS MODERN YEŞİL KART VE ÖZEL NAV BUTONLARI --- */

/* Bölüm Temizliği */
#testimonials {
  background: #ffffff !important;
  padding: 100px 0 !important;
}

/* Yeşil Kart Tasarımı */
#testimonials .service-item {
  background-color: #043838 !important;
  /* Ana Yeşil */
  padding: 60px 40px !important;
  border-radius: 30px !important;
  text-align: center;
  border: none !important;
  margin: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

/* Yazı ve Yıldız Renkleri */
#testimonials .service-item p {
  color: #ffffff !important;
  font-style: italic;
  font-size: 17px;
  line-height: 1.8;
}

#testimonials .service-item h4 {
  color: #C5A059 !important;
  font-weight: 700;
  margin-top: 20px;
}

#testimonials .service-item span {
  color: #ffffff !important;
  opacity: 0.7;
}

#testimonials .stars {
  margin-bottom: 20px;
  display: block;
}

#testimonials .stars li {
  display: inline-block;
  margin: 0 3px;
}

#testimonials .stars li i {
  color: #C5A059 !important;
}

/* KAYDIRMA BUTONLARI (OKLAR) TASARIMI */
.owl-nav {
  display: block !important;
  /* Gizliyse görünür yapar */
  text-align: center;
  margin-top: 30px;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  background-color: #043838 !important;
  /* Buton içi yeşil */
  border: 2px solid #C5A059 !important;
  /* Çerçeve altın */
  width: 50px;
  height: 50px;
  border-radius: 50% !important;
  margin: 0 15px;
  transition: all 0.3s ease;
}

/* Ok işaretlerinin stili */
.owl-nav button span {
  color: #C5A059 !important;
  /* Ok rengi altın */
  font-size: 30px;
  line-height: 42px;
  display: block;
}

.owl-nav button:hover {
  background-color: #C5A059 !important;
  /* Üstüne gelince altın olur */
}

.owl-nav button:hover span {
  color: #043838 !important;
  /* Üstüne gelince ok yeşil olur */
}

/* Alt Noktalar (Dots) - Eğer kullanmak istersen */
.owl-dots .owl-dot.active span {
  background: #C5A059 !important;
}

/* Sitedeki diğer bozuk butonlar için genel fix */
.main-button,
.cta-button,
.main-button-slider {
  background-image: none !important;
  background-color: #043838 !important;
  color: #fff !important;
  border: 2px solid #C5A059 !important;
  border-radius: 8px !important;
  padding: 12px 30px !important;
  font-weight: 700;
}

/* --- OWL CAROUSEL SİYAH BORDER VE OUTLINE TEMİZLİĞİ --- */

/* 1. Tüm butonların o siyah çerçevesini (outline) öldür */
.owl-nav button,
.owl-nav button:focus,
.owl-nav button:active,
.owl-dot,
.owl-dot:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 2. Daha İlgi Çekici "Glow" (Parlayan) Buton Tasarımı */
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 65px !important;
  height: 65px !important;
  background: #043838 !important;
  /* Ana Yeşil */
  border: 3px solid #C5A059 !important;
  /* Altın Çerçeve */
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer;
}

/* Sol ve Sağ butonun yerleşimi (Karton dışına hafif taşabilir, çok şık durur) */
.owl-nav button.owl-prev {
  left: -35px;
}

.owl-nav button.owl-next {
  right: -35px;
}

/* Ok işaretlerinin stili */
.owl-nav button span {
  color: #C5A059 !important;
  /* Altın Ok */
  font-size: 40px !important;
  line-height: 0 !important;
  margin-top: -5px;
  /* Görsel merkezleme */
  display: block;
}

/* 3. İlgi Çekici Hover Efekti (Parlayan Altın Sarısı) */
.owl-nav button:hover {
  background: #C5A059 !important;
  /* İçersi Altın olsun */
  border-color: #043838 !important;
  /* Çerçeve Yeşil olsun */
  box-shadow: 0 0 20px rgba(197, 160, 89, 0.6) !important;
  /* Altın parlaması */
  transform: translateY(-50%) scale(1.15);
  /* Hafif büyüme */
}

.owl-nav button:hover span {
  color: #043838 !important;
  /* Ok Yeşile dönsün */
}

/* Mobil cihazlarda butonlar dışarı taşmasın diye içeri alalım */
@media (max-width: 991px) {
  .owl-nav button.owl-prev {
    left: 10px;
  }

  .owl-nav button.owl-next {
    right: 10px;
  }

  .owl-nav button {
    width: 50px !important;
    height: 50px !important;
  }
}

/* --- PASTALANTE ULTIMATE LUXURY DESIGN --- */

/* 1. Kartlara Derinlik ve Cam Efekti */
#testimonials .service-item {
  background: linear-gradient(145deg, #043838, #032b2b) !important;
  /* Hafif gradyan geçişi */
  border: 1px solid rgba(197, 160, 89, 0.2) !important;
  /* Çok ince altın çerçeve */
  overflow: hidden;
  position: relative;
}

/* Kartın içine şık bir parlama efekti (Yansıma) */
#testimonials .service-item::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(197, 160, 89, 0.05) 0%, transparent 70%);
  pointer-events: none;
}

/* 2. Butonlara "Canlılık" Kat (Pulse Animasyonu) */
@keyframes goldPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.4);
  }

  70% {
    box-shadow: 0 0 0 15px rgba(197, 160, 89, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(197, 160, 89, 0);
  }
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  animation: goldPulse 2s infinite;
  /* Butonlar sürekli hafifçe parlayıp söner */
  border: 2px solid #C5A059 !important;
}

/* 3. Yazıların Akıcılığı */
#testimonials .service-item p,
#testimonials .service-item h4,
#testimonials .service-item span {
  transition: transform 0.4s ease;
}

#testimonials .service-item:hover p {
  transform: translateY(-5px);
  /* Üstüne gelince yazı hafif yukarı kayar */
}

#testimonials .service-item:hover h4 {
  color: #ffffff !important;
  /* İsim hoverda parlar */
}

/* 4. Altın Bölücü (Divider) İçin Hareketli Efekt */
.gold-divider {
  position: relative;
  overflow: hidden;
}

.gold-divider::after {
  content: '';
  position: absolute;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: lightSweep 3s infinite;
}

@keyframes lightSweep {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

/* --- PASTALANTE MOBİL OPTİMİZASYON --- */

@media (max-width: 767px) {

  /* 1. Başlıkları Mobilde Küçült (Ekrana sığsın) */
  .dark-title {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  /* 2. Kartların Mobildeki Durumu */
  #testimonials .service-item {
    padding: 30px 20px !important;
    /* Mobilde iç boşluğu daralt */
    margin: 10px !important;
    border-radius: 20px !important;
  }

  #testimonials .service-item p {
    font-size: 14px !important;
    /* Yazıları biraz küçült */
    line-height: 1.6 !important;
  }

  /* 3. MOBİLDE BUTON AYARI (HAYATİ KISIM) */
  /* Butonlar telefon ekranının dışına taşmasın diye kartın altına alıyoruz */
  .owl-nav {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    margin-top: 20px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
  }

  .owl-nav button.owl-prev,
  .owl-nav button.owl-next {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    width: 50px !important;
    height: 50px !important;
    animation: none !important;
    /* Mobilde işlemciyi yormasın, animasyonu kapattık */
  }

  /* 4. Navbar Mobil Menü (Hamburger Menü) Düzeltmesi */
  /* Eğer mobilde menü açıldığında buton kayıyorsa */
  .header-area .main-nav .nav li a.main-button {
    display: block !important;
    text-align: center !important;
    margin: 10px 0 !important;
    width: 100% !important;
  }

  /* 5. Altın Bölücüyü Mobilde Küçült */
  .gold-divider {
    width: 40px !important;
  }
}

/* Tablet ve küçük laptoplar için ara ayar */
@media (min-width: 768px) and (max-width: 991px) {
  .owl-nav button.owl-prev {
    left: -15px !important;
  }

  .owl-nav button.owl-next {
    right: -15px !important;
  }
}

/*FOOTERRRRR*/

/* --- PASTALANTE PREMİUM FOOTER TASARIMI --- */

footer {
  background-color: #043838 !important;
  /* Ana Yeşil */
  padding: 20px 0 30px 0 !important;
  color: #ffffff;
}

/* Form Alanı */
.contact-form {
  background: rgba(255, 255, 255, 0.05);
  padding: 40px;
  border-radius: 20px;
  border: 1px solid rgba(197, 160, 89, 0.2);
}

.contact-form input,
.contact-form textarea {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(197, 160, 89, 0.3) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 15px !important;
  margin-bottom: 20px;
  width: 100%;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #C5A059 !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  outline: none;
}

/* Başlıklar */
footer h2 {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px;
}

footer h2 em {
  font-style: normal;
  color: #C5A059 !important;
  /* "Sanatı" kelimesi altın */
}

footer h6 {
  color: #C5A059 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* Sağ İçerik */
.right-content p {
  color: rgba(255, 255, 255, 0.8) !important;
  line-height: 1.8;
}

/* Sosyal Medya İkonları */
footer ul.social {
  margin-top: 30px;
}

footer ul.social li {
  display: inline-block;
  margin-right: 15px;
}

footer ul.social li a {
  width: 45px;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  background-color: transparent;
  border: 1px solid #C5A059;
  color: #C5A059;
  border-radius: 50%;
  transition: all 0.3s;
}

footer ul.social li a:hover {
  background-color: #C5A059;
  color: #043838;
  transform: translateY(-5px);
}

/* Alt Footer */
.sub-footer {
  margin-top: 80px;
  border-top: 1px solid rgba(197, 160, 89, 0.2);
  padding-top: 30px;
  text-align: center;
}

.sub-footer p {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 13px;
}

/* Sosyal Medya İkonları Sade Hover Efekti */
.social li a {
  transition: all 0.3s ease-in-out !important;
}

.social li a:hover {
  /* Üstüne gelince arka planı veya ikonun kendisini beyaz yap */
  color: #ffffff !important;
  /* İkonun biraz parlaması için hafif bir gold gölge (sitenizin tonuyla uyumlu) */
  text-shadow: 0 0 10px rgba(197, 160, 89, 0.5);
  /* Hafif büyüme efekti */
  transform: translateY(-3px);
  display: inline-block;
}

/* İkonların içindeki font-awesome sınıfını netleştirelim */
.social li a i {
  transition: color 0.3s ease;
}



/*GALLERYY*/


.gallery-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  background-color: #043838;
  /* Resim yüklenirken arka plan yeşil kalsın */
}

.gallery-img {
  position: relative;
  line-height: 0;
}

.gallery-img img {
  width: 100%;
  height: 350px;
  /* Resimleri sabitler, kaymayı önler */
  object-fit: cover;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Yeşil Overlay (Perde) */
.gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Yukarıdan aşağıya koyulaşan yeşil geçiş */
  background: linear-gradient(to bottom, rgba(4, 56, 56, 0.3), rgba(4, 56, 56, 0.85));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

/* Hover Efektleri */
.gallery-card:hover .gallery-overlay {
  opacity: 1;
}

.gallery-card:hover img {
  transform: scale(1.1);
  filter: brightness(70%);
}

/* Metinlerin Animasyonu */
.overlay-text h4 {
  color: #C5A059 !important;
  /* Gold Başlık */
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 10px;
  transform: translateY(30px);
  transition: all 0.5s ease;
}

.overlay-text span {
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 1px;
  display: block;
  transform: translateY(30px);
  transition: all 0.5s ease 0.1s;
  /* Hafif gecikmeli yükseliş */
}

.gallery-card:hover .overlay-text h4,
.gallery-card:hover .overlay-text span {
  transform: translateY(0);
}

/* Mobil Düzenleme */
@media (max-width: 767px) {
  .gallery-img img {
    height: 280px;
  }

  .overlay-text h4 {
    font-size: 18px;
  }
}

#features {
  display: block;
  position: relative;
  top: -100px;
  /* Bu değer sayfayı yukarı çeker */
  visibility: hidden;
}

/*İŞ BAŞVURUuuuuuuuuuu*/
/* --- Kariyer Bölümü & Form Başlığı --- */
.premium-career {
  background-color: #043838;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}

.career-bg-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(197, 160, 89, 0.15) 1px, transparent 1px);
  background-size: 25px 25px;
  z-index: 1;
}

.form-header {
  text-align: center;
  margin-bottom: 30px;
}

.form-header h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.title-line {
  width: 50px;
  height: 2px;
  background-color: #C5A059;
  margin: 0 auto;
}

.career-text-content,
.career-form-card {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {

  .career-text-content,
  .career-form-card {
    position: relative;
    z-index: 2;
    text-align: center;
  }

  .career-features {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
  }

  .saat {
    display: none !important;
  }

  .saat2 {
    display: block;
  }

}

@media (min-width: 991px) {
  .saat {
    display: block !important;
  }

  .saat2 {
    display: none !important;
  }
}

.badge-text {
  color: #C5A059;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.career-text-content h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
}

.career-text-content h2 span {
  color: #C5A059;
}

.career-text-content p {
  color: rgba(255, 255, 255, 0.7);
  margin: 20px 0;
  font-size: 16px;
}

.feature-line {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  color: #fff;
}

.feature-line i {
  color: #C5A059;
  margin-right: 12px;
  font-size: 18px;
}

.career-form-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(197, 160, 89, 0.3);
  padding: 40px;
  border-radius: 20px;
  backdrop-filter: blur(10px);
}

.input-group-custom {
  position: relative;
  margin-bottom: 18px;
}

.input-group-custom i {
  position: absolute;
  left: 15px;
  top: 15px;
  color: #C5A059;
  z-index: 5;
}

.input-group-custom input,
.input-group-custom select,
.input-group-custom textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(197, 160, 89, 0.3);
  padding: 12px 15px 12px 42px;
  color: #fff !important;
  border-radius: 10px;
  outline: none;
  font-size: 14px;
}

.input-group-custom select option {
  background: #043838;
  color: #fff;
}

.career-btn {
  width: 100%;
  background: #C5A059;
  color: #043838;
  border: none;
  padding: 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
}

.career-btn:hover {
  background: #fff;
  transform: translateY(-2px);
}

/*İKON FİX*/

/* --- Features Section İkon Fix --- */

.features-item {
  background: #ffffff;
  padding: 40px 30px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  transition: all 0.3s ease;
  border: 1px solid #eee;
  text-align: center;
  /* İçeriği ortala */
  width: 100%;
}

.features-item:hover {
  transform: translateY(-10px);
  border-color: #C5A059;
}

/* İkonun Dış Çerçevesi */
.features-icon {
  width: 90px;
  height: 90px;
  line-height: 90px;
  background-color: #043838;
  /* Koyu Yeşil Arka Plan */
  color: #C5A059;
  /* Gold İkon Rengi */
  display: inline-block;
  border-radius: 50%;
  /* Tam Yuvarlak */
  font-size: 32px;
  margin-bottom: 25px;
  transition: all 0.3s ease;
  border: 2px solid #C5A059;
  /* Gold Çerçeve */
}

.features-item:hover .features-icon {
  background-color: #C5A059;
  /* Hoverda Gold Arka Plan */
  color: #043838;
  /* Hoverda Yeşil İkon */
  transform: rotateY(180deg);
  /* Şık bir dönme efekti */
}

/* Başlık ve Metin Ayarları */
.features-content h4 {
  font-size: 20px;
  font-weight: 700;
  color: #043838;
  margin-bottom: 15px;
  font-family: 'Poppins', sans-serif;
}

.features-content p {
  font-size: 14px;
  line-height: 24px;
  color: #777;
}

/*FİX V2*/

/* --- Promotion (Tanıtım) Bölümü İkon ve Liste Fix --- */

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

#promotion ul li {
  display: flex;
  /* İkon ve metni yan yana getirir */
  align-items: flex-start;
  /* İkonu yukarı hizalar */
  margin-bottom: 35px;
  position: relative;
}

/* İkonların Stylesi */
#promotion .custom-icon {
  width: 65px;
  height: 65px;
  min-width: 65px;
  /* Küçülmesini engeller */
  background-color: #043838;
  /* Koyu Yeşil */
  color: #C5A059;
  /* Gold */
  border: 2px solid #C5A059;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-right: 25px;
  /* Metinle ikon arası boşluk */
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Hover Efekti */
#promotion ul li:hover .custom-icon {
  background-color: #C5A059;
  color: #043838;
  transform: scale(1.1);
}

/* Metin Alanı */
#promotion .text {
  display: block;
}

#promotion .text h4 {
  font-size: 20px;
  font-weight: 700;
  color: #043838;
  margin-bottom: 8px;
  margin-top: 5px;
  font-family: 'Poppins', sans-serif;
}

#promotion .text p {
  font-size: 15px;
  line-height: 24px;
  color: #666;
  margin: 0;
}

/* Mobil Uyumluluk */
@media (max-width: 767px) {
  #promotion ul li {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #promotion .custom-icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
}


/*BACK-TO-TOP*/

/* Back to Top Butonu - Genel Ayarlar */
#back-to-top {
  position: fixed;
  bottom: 20px;
  /* Mobilde parmak mesafesi için biraz daha aşağı çektik */
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: #C5A059;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000 !important;
  /* En üstte olduğundan emin olalım */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;

  /* Mobilde görünmeme sorunu için başlangıç ayarı */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* Gizliyken tıklanmasın */
}

/* Sayfa kayınca görünür yap */
#back-to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Ok İkonu */
.arrow-icon {
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(45deg);
  margin-top: 4px;
}

/* Hover Efekti */
#back-to-top:hover {
  background-color: #043838;
  transform: translateY(-5px);
}

/* MOBİL İÇİN ÖZEL KONTROL */
@media (max-width: 991px) {
  #back-to-top {
    display: flex !important;
    /* Media query içinde gizlenmiş olma ihtimaline karşı */
    bottom: 15px;
    right: 15px;
    width: 40px;
    /* Mobilde biraz daha kibar dursun */
    height: 40px;
  }
}

/* MOBİL MENU KODU */
#mobile-menu-btn {
  position: fixed;
  bottom: 15px;
  left: 15px;
  padding: 12px 20px;
  background-color: #043838;
  /* Sitenizin ana koyu rengi */
  color: #ffffff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  border: 2px solid #C5A059;
  /* Gold detay rengi */

  /* Animasyon Başlangıç Durumu */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  /* Hafif aşağıda başlar */
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  /* Daha profesyonel bir ivme */

  transform: scale(0.9) !important;
}

#mobile-menu-btn i {
  margin-right: 10px;
}

/* Buton Görünür Olduğunda (JS ile eklenecek class) */
#mobile-menu-btn.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  /* Kendi yerine çıkar */
}

/* Sadece Mobilde Göster, Masaüstünde Gizle */
@media (min-width: 992px) {
  #mobile-menu-btn {
    display: none;
  }
}




/* Misafir Deneyimleri Kartlarını Eşitleme */
#testimonials .owl-stage {
  display: flex;
}

#testimonials .service-item {
  display: flex;
  flex-direction: column;
  height: 90%;
  /* Carousel içindeki tüm yüksekliği kapla */
  margin-bottom: 0;
  /* Carousel içinde ekstra boşluk kalmasın */
}

#testimonials .service-item p {
  flex-grow: 1;
  /* Metin alanı boşluğu doldursun, böylece isimler hep en altta aynı hizada kalır */
  display: flex;
  align-items: center;
  /* Kısa metinleri dikeyde ortalar, istersen silebilirsin */
}


/* Kategori Başlık Blokları */
.menu-category-block {
  width: 100%;
  margin: 60px 0 30px 0;
  /* Üstten 60px, alttan 30px boşluk: Yapışmayı engeller */
  padding-left: 15px;
  clear: both;
}

.category-display-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  color: #003838;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.category-gold-line {
  width: 60px;
  height: 4px;
  background-color: #c99f5f;
  /* Senin gold rengin */
  border-radius: 10px;
}

/* Ürünlerin birbirine çok yaklaşmaması için */
.menu-item-wrapper {
  margin-bottom: 35px;
}

/* Mobil Görünüm İçin Kategori Başlıklarını Ortala */
@media (max-width: 991px) {
  .menu-category-block {
    text-align: center !important;
    /* Yazıyı ortalar */
    padding-left: 0 !important;
    /* Sol boşluğu sıfırlar ki tam ortalansın */
    margin: 40px 0 20px 0 !important;
    /* Mobilde boşluğu biraz daralttık */
  }

  .category-gold-line {
    margin: 0 auto !important;
    /* Altın çizgiyi bloğun tam ortasına çeker */
  }

  .category-display-title {
    font-size: 24px !important;
    /* Mobilde fontu bir tık küçülttük ki sığsın */
  }
}

/*SCROLL FİX*/

/* ID seçicisi (#) kullanarak hedefliyoruz */
#gallery {
  scroll-margin-top: 100px;
}

#menu {
  scroll-margin-top: 100px;
}


html {
  scroll-behavior: smooth;
}

/*WELCOME PLACE*/

/* ANA YAPI */
.welcome-area {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

/* SOL TARAF */
.welcome-left {
  width: 45%;
  display: flex;
  align-items: center;
  padding: 125px;
  z-index: 2;
}

.content-box {
  max-width: 520px;
}

.welcome-right {
  flex: 1;
  height: 100vh;
  min-width: 50%;
  position: relative;
  overflow: hidden;
  display: flex;
  /* İçeriği sağa ve en üste yaslıyoruz */
  justify-content: flex-end;
  align-items: flex-start;
}

.welcome-slider-container {
  width: 100%;
  /* Resmin taşmaması için tam genişlik */
  height: 75%;
  position: relative;
}

.slide-img {
  position: absolute;
  width: 100%;
  height: 100%;

  /* contain: Kesilme yapmadan resmi sığdırır */
  background-size: contain;

  /* SAĞA VE ÜSTE YASLAMA BURADA */
  background-position: right top;

  background-repeat: no-repeat;
  opacity: 0;
  animation: sliderFade 28s infinite;
}


/* SLIDE SIRALAMASI */
.slide-img:nth-child(1) {
  animation-delay: 0s;
}

.slide-img:nth-child(2) {
  animation-delay: 4s;
}

.slide-img:nth-child(3) {
  animation-delay: 8s;
}

.slide-img:nth-child(4) {
  animation-delay: 12s;
}

.slide-img:nth-child(5) {
  animation-delay: 16s;
}

.slide-img:nth-child(6) {
  animation-delay: 20s;
}

.slide-img:nth-child(7) {
  animation-delay: 24s;
}

/* ANİMASYON */
@keyframes sliderFade {
  0% {
    opacity: 0;
    transform: scale(1.15);
  }

  10% {
    opacity: 1;
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }

  60% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@media (max-width: 991px) {

  /* Yazı alanını kapat */
  .welcome-left {
    display: none !important;
  }

  /* Görsel alanını sayfanın yarısı kadar yap ve taşmaları engelle */
  .welcome-right {
    width: 100%;
    height: 110vh;
    /* 50'den 40'a çektim, daha derli toplu durur */
    flex: none;
    overflow: hidden;
    /* Dışarı taşan her şeyi gizler */
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* Yukarı sabitleme */
    right: -15px;
  }

  .welcome-slider-container {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .slide-img {
    width: 90%;
    /* Resmi %100 değil %90 yaparak küçülttük */
    height: 90%;
    /* Hem en hem boydan küçültme */
    margin: 0 auto;
    /* Ortala */

    /* ÖNEMLİ AYARLAR */
    background-size: contain;
    /* Kesilme yapmaz, resmi sığdırır */
    background-position: top center;
    /* En üste sabitler */
    background-repeat: no-repeat;

    /* Taşmayı önlemek için resmi kutunun içine hapseder */
    position: absolute;
    top: 10px;
    /* Yukarıdan küçük bir boşluk bırakır */
    left: 5%;
    /* %90 genişlik olduğu için %5 soldan boşluk */
  }
}

@media (max-width: 768px) {
  .welcome-area {
    display: flex;
    width: 100%;
    min-height: 80vh;
    overflow: hidden;
  }

  .welcome-right {
    width: 100%;
    height: 80vh;
    /* 50'den 40'a çektim, daha derli toplu durur */
    flex: none;
    overflow: hidden;
    /* Dışarı taşan her şeyi gizler */
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* Yukarı sabitleme */
    right: -15px;
  }
}

@media (max-width: 600px) {
  .welcome-area {
    display: flex;
    width: 100%;
    min-height: 70vh;
    overflow: hidden;
  }

  .welcome-right {
    width: 100%;
    height: 70vh;
    /* 50'den 40'a çektim, daha derli toplu durur */
    flex: none;
    overflow: hidden;
    /* Dışarı taşan her şeyi gizler */
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* Yukarı sabitleme */
    right: -15px;
  }
}

@media (max-width: 480px) {
  .welcome-area {
    display: flex;
    width: 100%;
    min-height: 55vh;
    overflow: hidden;
  }

  .welcome-right {
    width: 100%;
    height: 55vh;
    /* 50'den 40'a çektim, daha derli toplu durur */
    flex: none;
    overflow: hidden;
    /* Dışarı taşan her şeyi gizler */
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* Yukarı sabitleme */
    right: -15px;
  }
}

/*SAFARİ DROPBOX FİX*/

.input-group-custom select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}