.cl-yellow { color:#f0d439; }
.cl-orange { color:#f05739; }
.cl-lightorange { color:#f09439; }

.bg-yellow { background-color: #f0d439;}
.bg-lightyellow { background-color: #fff0b8; }
.bg-lightgray { background-color: #fafafc; }
.bg-gray { background-color: #e9e9e9; }

.strech-image { height:100%;width:100%;object-fit:cover; }
.strech-div { height: calc(100vh - 124px); }
@media (max-width: 992px) {
    .strech-image { max-height:300px;  }
    .strech-div { height: 310px; }
}

.image-wrapper { position: relative; width: 100%; height: 400px; }
.image-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position:center center; }
@media (max-width: 1200px) {
    .image-wrapper { height: 300px; }
}

.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }

.overlay-blue { position: relative; background-color: #ffffff; }
.overlay-blue .overlay-blue2 { position: absolute; top: 0; left: 0; width: 100%; height: 70%; background-color: #2c40bf; z-index:0; }

/* accordion header resim ve yazı efekti */
/* Resim Animasyonu */
.accordion-img img { display: block; transform: translateX(0); /* Başlangıç pozisyonu (normal) */ opacity: 1; transition: all 0.5s ease-in-out; /* Animasyon süresi ve efekti */ }
.accordion-text { transition: all 0.5s ease-in-out; /* Yazıya da animasyon ekledik */ }
/* Accordion AÇIK olduğunda (resim gizlenecek) */
.accordion-button:not(.collapsed) .accordion-img img { transform: translateX(-100%);  /*Sola kaydır*/  opacity: 0; }
/* Accordion KAPALI olduğunda (resim görünecek) */
.accordion-button.collapsed .accordion-img img { transform: translateX(0);  /*Normal pozisyon*/ opacity: 1; }
.accordion-button:not(.collapsed) .accordion-text { transform: translateX(-200px); /* Resmin genişliği kadar sola kaydır (200px) */ margin-left: 20px !important; /* Bootstrap'ın ms-4 margin'ini geçersiz kılar */ }
/* Accordion KAPALI durumunda: Her şey normale döner */
.accordion-button.collapsed .accordion-text { transform: translateX(0); }
@media (max-width: 768px) {
    .accordion-img img { display: none; }
}
/* Accordion kapalıyken resmi göster 
.accordion-button:not(.collapsed) .accordion-img img { display: none; }*/
/* Accordion açıkken resmi gizle 
.accordion-button.collapsed .accordion-img img { display: block; }*/
/* accordion header resim ve yazı efekti sonu */

.block3 { position: relative; }
.block3 img { height: 250px; width: 100%; object-fit: cover; object-position:center center;  }
.block3 h3 { position: absolute; left: 23px; bottom: 20px; color: #fff; font-size:1em;font-weight:500;font-family: 'Poppins', sans-serif; color:#f7f7f7; }
.block3 .img { position:relative; }
.block3 .img::after { position:absolute; left: 0; right: 0; bottom: 0; height: 30%; content: ''; background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.0)); }

/*-- menu---------------------*/
.nav-menu { position: relative; text-align: center; float: none; }
.nav-menu>li { float: none; display: inline-block; }
.nav-menu>li>a { font-family: 'Poppins', sans-serif; font-size:15px; font-weight: 500; color:var(--bs-primary); display: block; padding: 24px 15px; transition: .5s; }
/*-- dropdown-----------------*/
.nav-menu li.has-dropdown { position: relative; }
.nav-menu li.has-dropdown>a:after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 5px; }
.nav-menu li.has-dropdown>.dropdown {
  position: absolute;
  left: 0;
  width: 200px;
  text-align: left;
  z-index: 60;
  -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);
  opacity: 0; visibility: hidden;
  -webkit-transition: 0.2s all; transition: 0.2s all;
}
.nav-menu li.has-dropdown:hover>.dropdown {
  -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);
  opacity: 1; visibility: visible;
}
.nav-menu li.has-dropdown>.dropdown .dropdown-body {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-top: 2px solid var(--bs-primary);
}
.dropdown .dropdown-list li { /*border-bottom: 1px solid #e8eaed;*/ list-style:none; }
.dropdown .dropdown-list li a { display: block; padding: 10px; line-height: 20px; }
.dropdown .dropdown-heading { text-transform: uppercase; font-size: 14px; margin-top: 0px; margin-bottom: 10px; line-height: 30px; }

/*-- mega dropdown -----------*/
/*.nav-menu li.has-dropdown.megamenu { position: static; }
.nav-menu li.has-dropdown.megamenu>.dropdown { width: 100vw; left:50%; transform: translateX(-50%) translateY(10px); }
.nav-menu li.has-dropdown.megamenu:hover>.dropdown { transform: translateX(-50%) translateY(0px); }
.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-body { padding: 30px; margin: 0 auto; max-width: 1320px; }
.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list { margin-bottom: 30px; }
.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list li a { padding-left: 0px; padding-right: 0px; }*/
/*-- tab dropdown ------------*/
/*.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-content { z-index: 70; position: relative; margin-left: -30px; }
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .nav-tabs {
  background-color: #fafafc;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 60; }
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .nav-tabs li {*/ /*border-bottom: 1px solid #323335;*/ /*}
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .nav-tabs li a {
  display: block;
  padding: 15px;
  color: var(--bs-primary);
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase; }
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .nav-tabs li.active { background: #ee4266; }
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .nav-tabs li.active a { color: #fff; }*/
/*-- menu //------------------*/

/*-- mega dropdown -----------*/
.nav-menu li.has-dropdown.megamenu { position: static; }
.nav-menu li.has-dropdown.megamenu>.dropdown { width: 100vw; left:0; right:0; margin-left: calc(-50vw + 50%); transform: translateY(10px); }
.nav-menu li.has-dropdown.megamenu:hover>.dropdown { transform: translateY(0px); }
.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-body { padding: 30px; margin: 0 auto; max-width: 1320px; }
.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list { margin-bottom: 30px; }
.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list li a { padding-left: 0px; padding-right: 0px; }
/*-- tab dropdown ------------*/
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-content {
  z-index: 70;
  position: relative;
  margin-left: -30px;
}
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav {
  background-color: #1b1c1e;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 60;
}
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li { border-bottom: 1px solid #323335; }
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li a {
  display: block;
  padding: 15px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li.active { background: #ee4266; }
.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li.active a { color: #fff; }