/**:not(.fa) {*/
/*  font-family: "Ubuntu", Calibri, sans-serif !important;*/
/*}*/
/* CSS ile dropdown'un görünümünü düzenler */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  color: black;
  font-size: 16px;
  border: none;
  cursor: pointer;
  background-color: transparent; /* Butonun arka planını kaldır */
}

.dropdown-content {
  display: none;
  position: absolute;
  width: auto; /* Genişliği otomatik ayarla */
  min-width: 50px; /* Minimum genişlik */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999; /* Bayrakların diğer içeriklerin üstünde olmasını sağlar */
}

.dropdown-content a {
  color: black;
  padding: 8px 12px; /* Yatay ve dikey iç boşluk */
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: transparent;
}

.show {
  display: block;
}

.flag {
  width: 32px; /* Bayrak resmi genişliği */
  height: 32px; /* Bayrak resmi yüksekliği */
  vertical-align: middle; /* Dikey hizalama */
}
.wt-topbar-left,
.wt-topbar-right {
  display: flex;
  align-items: center;
}

.wt-topbar-left ul,
.wt-topbar-right ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.wt-topbar-left li,
.wt-topbar-right li {
  margin-right: 10px;
}

.social-icons li {
  margin-right: 10px;
}

.extra-nav .dropdown {
  margin-left: 10px;
}

.navbar-nav {
  display: flex;
  justify-content: center;
}

.sub-menu {
  position: absolute;
  display: none;
  z-index: 999;
}

.sub-menu li {
  display: block;
}

.dropdown-content a {
  display: block;
}

#search-toggle-block {
  margin-left: auto;
}

 swiper-container {
   width: 100%;
   height: 100%;
 }

swiper-slide {
  text-align: center;
  font-size: 18px;

  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper {
  height: 80%;
  width: 100%;
}

.mySwiper2 {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper2 swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper2 .swiper-slide-thumb-active {
  opacity: 1;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph {
  backdrop-filter: blur(25px);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  color: white;
  padding: 25px;
  position: absolute;
  margin: 25px 25px 0 25px;
  bottom: 10px;
  font-size: 12px;
  text-align: center;
}
.newSlider {
  height: 550px;
  padding-top: 50px;
}
.sliderimages {
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .paragraph {
    backdrop-filter: blur(25px);
    background-color: rgba(7, 133, 134, 0.03);
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    color: white;
    margin: 0 5px 0 5px;
    position: absolute;
    margin-bottom: 10px;
    bottom: 0;
    font-size: 10px;
    text-align: center;
  }
  .newSlider {
    height: 550px;
  }
}

/* NELER YAPIYORUZ FLEX */

.flex-container {
  position: relative;
  height: 80vh;
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .flex-container {
    flex-direction: column;
  }
}

.flex-title {
  color: #f1f1f1;
  position: relative;
  font-size: 4vw;
  margin: auto;
  text-align: left;
  transform: rotate(90deg);
  top: 35%;
  -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-family: Ubuntu;
}
@media screen and (max-width: 768px) {
  .flex-title {
    transform: rotate(0deg) !important;
    font-size: 6vw;
  }
}

.flex-about {
  opacity: 0;
  color: #f1f1f1;
  position: relative;
  width: 70%;
  font-size: 2vw;
  padding: 5%;
  top: 20%;
  border: 2px solid #f1f1f1;
  border-radius: 10px;
  line-height: 1.3;
  margin: auto;
  text-align: left;
  transform: rotate(0deg);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
  .flex-about {
    padding: 0%;
    border: 0px solid #f1f1f1;
  }
}

.flex-slide {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
  .flex-slide {
    overflow: hidden;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 768px) {
  .flex-slide p {
    font-size: 2em;
  }
}

@media screen and (max-width: 768px) {
  .flex-slide ul li {
    font-size: 2em;
  }
}

.flex-slide:hover {
  -webkit-flex-grow: 3;
  flex-grow: 3;
}

.home {
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(/gulermak-tasarim/images/anasayfa_neler_yapıyoruz/01.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.home2 {
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(/gulermak-tasarim/images/anasayfa_neler_yapıyoruz/02.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.home3 {
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(/gulermak-tasarim/images/anasayfa_neler_yapıyoruz/03.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.home4 {
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(/gulermak-tasarim/images/anasayfa_neler_yapıyoruz/04.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .home {
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}

@keyframes aboutFlexSlide {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  50% {
    -webkit-flex-grow: 3;
    flex-grow: 3;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .flex-title-home {
    transform: rotate(90deg);
    top: 25%;
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}

@keyframes homeFlextitle {
  0% {
    transform: rotate(90deg);
    top: 15%;
  }
  50% {
    transform: rotate(0deg);
    top: 15%;
  }
  100% {
    transform: rotate(90deg);
    top: 15%;
  }
}
.flex-about-home {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .flex-about-home {
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}

@keyframes flexAboutHome {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.about {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/beach-2089959_1280.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.contact-form {
  width: 100%;
}

input {
  width: 100%;
}

textarea {
  width: 100%;
}

.contact {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-696098_1920.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.work {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/forest-208517_1280.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.spinner {
  position: fixed;
  top: 0;
  left: 0;
  background: #222;
  height: 100%;
  width: 100%;
  z-index: 11;
  margin-top: 0;
  color: #fff;
  font-size: 1em;
}

.cube1,
.cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
    scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
    scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.flex-slide-button {
  border-radius: 25px !important;
}

.neler_yapiyoruz_p {
  margin-left: 15%;
  margin-right: 15%;
}
@media screen and (max-width: 768px) {
  .neler_yapiyoruz_p {
    margin-left: 0%;
    margin-right: 0%;
  }
}

 .modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   padding-top: 100px; /* Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0, 0, 0); /* Fallback color */
   background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
 }

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

@keyframes pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.neler_yapiyoruz_h2 {
  animation: pulsate 2s infinite ease-in-out;
}

 .underline_container {
   display: flex;
   text-align: center;
   vertical-align: center;
   margin: 0 auto;
   align-items: center;
   justify-content: center;
 }
.underline_h1 {
  border-bottom: 5px solid lightblue;
  font-size: 3rem;
  transition: all 0.25s linear;
  position: relative;
}
.underline_h1:before {
  content: "";
  width: 100%;
  display: block;
  height: 5px;
  bottom: -5px;
  position: absolute;
  background-color: #00aeff;
  transform-origin: left;
  transform: scale(0);
  transition: 0.25s linear;
  left: 0;
}

.underline_h1:hover:before {
  transform: scale(1);
}

 .animated-background {
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg, #011841, #00aeff);
   background-size: 300% 300%;
   animation: gradientAnimation 8s ease infinite;
 }

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.animated-background2 {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #032a72, #ffffff);
  background-size: 600% 600%;
  animation: gradientAnimation 6s ease infinite;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

 #text1956 {
   text-align: justify;
   padding-left: 50vh;
   padding-right: 50vh;
   color: whitesmoke;
 }


@media screen and (max-width: 600px) {
  .whatWedo-info-section {
    margin-top: -40px !important;
  }
}

/* SCROLL DOWN ARROW */
.scroll-downs {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 2em; /* adjust as needed */
  color: white; /* adjust as needed */
  animation: bounce 2s infinite;
  opacity: 0.7;
}
.scroll-downs :hover {
  color: #f1f1f1;
  /* zoom */

  -webkit-transform: scale(1.5);
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@media screen and (max-width: 600px) {
  .scroll-downs {
    /* left: 90%;
    font-size: 1.5em; */
    display: none;
  }
}
 #faaliyet_alanlari_text {
   text-align: justify;
   padding-left: 50vh;
   padding-right: 50vh;
 }

#yillara_dayanan,
#haberler,
#neler_yaptik,
#faaliyet_alanlari,
#faaliyet_alanlari_text,
#text1956 {
  color: whitesmoke;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

#yillara_dayanan,
#haberler,
#neler_yaptik,
#faaliyet_alanlari,
#faaliyet_alanlari_text,
#text1956 {
  opacity: 0;
}

.visible {
  animation: slideInFromLeft 0.5s forwards;
}

@media screen and (max-width: 1200px) {
  #text1956 {
    padding-left: 0;
    padding-right: 0;
  }
  #faaliyet_alanlari_text {
    padding-left: 0;
    padding-right: 0;
  }
}

 #news-slider {
   margin-top: 80px;
 }
.post-slide {
  background: #fff;
  margin: 20px 15px 20px;
  border-radius: 15px;
  padding-top: 1px;
  box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .post-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: -12px 15px 8px 15px;
  margin-left: -10px;
}
.post-slide .post-img img {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: transform 0.2s linear;
}
.post-slide:hover .post-img img {
  transform: scale(1.1, 1.1);
}
.post-slide .over-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: linear-gradient(
          -45deg,
          rgba(6, 190, 244, 0.75) 0%,
          rgba(45, 112, 253, 0.6) 100%
  );
  transition: all 0.5s linear;
}
.post-slide:hover .over-layer {
  opacity: 1;
  text-decoration: none;
}
.post-slide .over-layer i {
  position: relative;
  top: 45%;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 25px;
}
.post-slide .post-content {
  background: #fff;
  padding: 2px 20px 20px;
  border-radius: 15px;
}
/* .post-slide .post-title a {
  font-size: 15px;
  font-weight: 100;
  color: #333;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
} */

.post-slide .post-title p {
  font-size: 1em;
  color: black;
  font-weight: 500;
}
.post-slide .post-title a:hover {
  text-decoration: none;
  color: #3498db;
}
.post-slide .post-description {
  line-height: 24px;
  color: #808080;
  margin-bottom: 25px;
}
.post-slide .post-date {
  color: #a9a9a9;
  font-size: 14px;
}
.post-slide .post-date i {
  font-size: 20px;
  margin-right: 8px;
  color: #cfdace;
}
.post-slide .read-more {
  padding: 7px 20px;
  float: right;
  font-size: 12px;
  background: #2196f3;
  color: #ffffff;
  box-shadow: 0px 10px 20px -10px #1376c5;
  border-radius: 25px;
  text-transform: uppercase;
}
.post-slide .read-more:hover {
  background: #3498db;
  text-decoration: none;
  color: #fff;
}
.owl-controls .owl-buttons {
  text-align: center;
  margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
  background: #fff;
  position: absolute;
  top: -13%;
  left: 15px;
  padding: 0 18px 0 15px;
  border-radius: 50px;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
  background: #fff;
  position: absolute;
  top: -13%;
  right: 15px;
  padding: 0 15px 0 18px;
  border-radius: 50px;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
  content: "\f104";
  font-family: FontAwesome;
  color: #333;
  font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
  content: "\f105";
}
@media only screen and (max-width: 1280px) {
  .post-slide .post-content {
    padding: 0px 15px 25px 15px;
  }
}

.post-title {
  /* height: 12vh !important; */
  font-size: 1.2em;
  font-weight: 500;
}

.post-img {
  /*height: 35vh !important;*/
}
@media screen and (max-width: 768px) {
  .post-img {
    /*height: 22vh !important;*/
  }
}

@media screen and (max-width: 623px) {
  .snip1356 {
    width: 80% !important;
  }
}
/* CSS ile dropdown'un görünümünü düzenler */

.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  color: black;
  font-size: 20px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.dropbtn::after {
  content: "▼";
  font-size: 12px;
  margin-left: 5px;
  color: white; /* Ok rengini beyaz yap */
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff; /* Açılır menü arka plan rengi */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  width: 600px; /* Genişlik değeri artırıldı */
  left: 0; /* Ekranın soluna sabitle */
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px; /* Öğeler arasındaki mesafeyi artır */
  border: 1px solid #ddd; /* Öğelere border ekle */
}

.dropdown-content-flag {
  display: none;
  position: absolute;
  min-width: 57px;
  z-index: 1;
}

.dropdown:hover .dropdown-content-flag {
  display: block;
}

.dropdown-content.mega-menu {
  display: flex;
  flex-wrap: nowrap;
}

.column {
  flex: 1;
  padding: 10px;
  box-sizing: border-box;
  min-width: 200px;
  display: flex;
  justify-content: space-between;
}

.column h3 {
  font-size: 20px; /* Başlıkların yazı boyutunu biraz daha büyüt */
  font-weight: bold;
  margin-left: 10px; /* Sol margin ekleyelim */
}

.dropdown:hover .dropdown-content {
  display: flex;
}

.dropdown-content a {
  color: #00AEEF; /* Öğe menü renklerini belirle */
  padding: 12px 16px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #ddd; /* Öğelerin altına çizgi ekleyelim */

  margin-top: 5px; /* Alt sıraya inen öğelere üstten margin verelim */
  border-radius: 10px; /* Öğelere border radius ekle */
  margin: 25px 10px; /* Öğeleri birbirinden ayır */
  font-size: 18px; /* Öğelerin yazı boyutunu büyüt */


}


.column h3 {
  font-size: 24px; /* Ana başlıkların yazı boyutunu büyüt */
}

.column img {
  border-radius: 10px; /* Görsele radius ver */
  display: block; /* Görsele block display vererek hizala */
  margin-left: auto; /* Görseli sağa eklemek için sol margini otomatik yap */
  margin-right: 0; /* Görseli sağa eklemek için sağ margini 0 yap */
}
.dropdown-content a:hover {
  background-color: #f9f9f9; /* Hover efekti */
}

.sticky-header {
  right: 20px;
}

.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown-content a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.dropdown-content a::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.dropdown-content a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

@media (max-width: 768px) {
  #LogoHide {
    display: none;
  }

  .dropdown-content.mega-menu {
    flex-wrap: wrap;
  }

  .column {
    width: 100%;
    padding: 10px 0;
  }
}
.nav-link{
  font-size: 16px;
  font-weight: 700;
}
.dropdown-item{
  font-size: 16px;
  font-weight: 600;
}
.navbar-expand-lg .navbar-nav {
  width: 1200px;
}

.navbar-nav {
  display: flex;
  justify-content: center;
}

.navbar-nav > li {
  margin-right: 15px;
}

<style>
 .owl-carousel .owl-item img {
   height: 350px;
 }
.owl-carousel .custom-slide-content-reveal.image-container img {
  position: relative; /* Resmin içerisindeki gradientin konumlandırılması için */
}

.owl-carousel .custom-slide-content-reveal.image-container img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0) 0%,
          rgba(0, 0, 0, 0.7) 100%
  );
  z-index: 1; /* Resimden önce gelmesini sağlar */
}
.image-container {
  text-align: center;
}
.custom-zoomable-image {
  position: relative;
}

.custom-zoomable-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
          to bottom,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 1) 100%
  );
  z-index: 1;
}
.slider-desc {
  margin-top: -120px !important;
  z-index: 999999;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 10px;
  border-radius: 25px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .about-us-carousel {
    height: 50% !important;
    width: 100% !important;
  }
  .custom-zoomable-image {
    height: 200px;
  }
}

/* OWL CAROUSEL RESPONSIVE */

@media screen and (max-width: 768px) {
  .inner-page-banner {
    height: 80%;
  }
}
.inner-page-banner {
  position: relative;
}
   /* when example-image-link :hover bounce the item */
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.certificate-img:hover {
  animation: bounce 0.5s;
}
@keyframes slideInFromLeft_slide_p {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide_p {
  animation: slideInFromLeft_slide_p 0.3s ease-out;
}
 .custom_p {
   text-transform: uppercase;
   letter-spacing: 0.5em;
   display: block;
   border: 4px double rgba(255, 255, 255, 0.25);
   border-width: 4px 0;
 }
.custom_p .custom_span {
  font: 700 4em/1 "Oswald", sans-serif;
  letter-spacing: 0;
  padding: 0.25em 0 0.325em;
  display: block;
  margin: 0 auto;
  text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
  /* Clip Background Image */
  background: url(gulermak-tasarim/media/text-fill2.webp) repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: aitf 80s linear infinite;
  /* Activate hardware acceleration for smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  .custom_span {
    font-size: 1em;
  }

  .custom_p {
    font-size: 0.5em;
  }
}

/* Animate Background Image */
@-webkit-keyframes aitf {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

 .underline_container {
   display: flex;
   text-align: center;
   vertical-align: center;

   margin: 0 auto;
   align-items: center;
   justify-content: center;
 }
.underline_h1 {
  border-bottom: 5px solid lightblue;
  font-size: 3rem;
  transition: all 0.25s linear;
  position: relative;
}
.underline_h1:before {
  content: "";
  width: 100%;
  display: block;
  height: 5px;
  bottom: -5px;
  position: absolute;
  background-color: #00aeff;
  transform-origin: left;
  transform: scale(0);
  transition: 0.25s linear;
  left: 0;
}

.underline_h1:hover:before {
  transform: scale(1);
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.custom_title {
  animation: pulse 3s infinite;
  /*         color: #00aeff;
*/
}

.section-custom-img img {
  border-radius: 20px !important;
  width: 80%;
  height: 40vh !important;
  object-fit: cover !important;
}
.section-custom-img-right {
  text-align: right;
}
.section-custom-img-left {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .section-custom-img-left,
  .section-custom-img-right {
    text-align: center;
  }
}

 .section-custom-body {
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100%; /* or any other value */
 }

@keyframes slideInFromTopFadeIn {
  /* 0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  } */
  /* 0% {
    opacity: 0;
  }
  100% {
    opacity: 1; 
  } */
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.section_custom_container {
  visibility: hidden;
}
.slide-in-from-top-fade-in {
  animation-name: slideInFromTopFadeIn;
  animation-duration: 0.5s;
}
section {
  padding: 20px;
  min-height: 80% !important;
}
.section-custom-white {
  background-color: white;
}
.section-custom-blue {
  background: linear-gradient(to right, #00aeff, #032a72);
  color: whitesmoke;
}
.section-custom-body {
  text-align: justify;
}

 .project-detail-left {
   background-color: rgba(0, 174, 255, 0.1);
   border-radius: 10px;
 }

 /*.section-img {*/
 /*  transition: transform 0.3s ease-in-out;*/
 /*}*/

/*.section-img:hover {*/
/*  transform: scale(1.1);*/
/*}*/
.custom-nav-item {
  margin-right: 30px !important;
  padding: 5px;
}
.custom-nav-item:hover {
  background-color: #007dd1;
  border-radius: 10px;
}
.nav-link {
  font-size: 16px !important;
  font-weight: 550 !important;
}

@media screen and (max-width: 1400px) {
  
  header .navbar-nav > li{
    margin-right: 10px !important;
  }
  header .nav-link{
    font-size: 15px !important;
  }

  .navbar-brand {
    width: 200px !important;
  }
}

@media screen and (max-width: 1240px) {

  header .navbar-nav > li{
    margin-right: 5px !important;
  }
  header .nav-link{
    font-size: 15px !important;
  }
  .navbar-brand {
    width: 180px !important;
  }
}

@media screen and (max-width: 1171px) {

  header .navbar-nav > li{
    margin-right: 5px !important;
  }
  header .nav-link{
    font-size: 15px !important;
  }
  .navbar-brand {
    width: 180px !important;
  }
  .container-fluid {
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 1801px) {
  .nav-link {
    font-size: 18px !important;
  }
}


@media screen and (max-width: 1800px) {
  header .nav-link{
    font-size: 18px !important;
  }
}

@media screen and (max-width: 1700px) {
  header .nav-link{
    font-size: 18px !important;
  }
}
@media screen and (max-width: 1606px) {
  header .nav-link{
    font-size: 17px !important;
  }
}
@media screen and (max-width: 1500px) {
  header .nav-link{
    font-size: 16px !important;
  }
}

@media screen and (max-width: 1387px) {
  header .nav-link{
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1141px) {
  header .nav-link{
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1095px) {
  header .nav-link{
    font-size: 13px !important;
  }
}

@media screen and (max-width: 1038px) {
  header .nav-link{
    font-size: 12px !important;
  }
}
@media screen and (max-width: 991px){
  header .nav-link{
    font-size: 16px !important;

  }

}

#videoPlaceholder{
  display: none;
}
@media screen and (min-width: 991px) {
  header .nav-link{
    text-align: center !important;
  }
}


@media only screen and (max-width: 991px) {

  .mega_img{
    display: none;
  }
  
}



@media only screen and (max-width: 600px) {
  
  .video-container video {
    position: relative;
    top: 100px;
    margin-bottom: 100px;
  }

  header .nav-link{
    text-align: left !important;
  }
  

  header .navbar{
    margin-left: 2vh !important;
  }
  
  .flex-slide .btn{
    font-size: 12px;
  }
}

.owl-carousel .owl-nav {
  margin-bottom: 30px;
  margin-top: 20px;
}

@media screen and (min-width: 1800px) {
  .page-content .nav-link{
    font-size: 20px !important;
  }
  #navbarSupportedContent{
    margin-right: 18vh;
  }
}

@media screen and (max-width: 1800px) {
  .page-content .nav-link{
    font-size: 20px !important;
  }
  #navbarSupportedContent{
    margin-right: 18vh;
  }
}

@media screen and (max-width: 1700px) {
  .page-content .nav-link{
    font-size: 18px !important;
  }
  #navbarSupportedContent{
    margin-right: 10vh;
  }
}

@media screen and (max-width: 1500px) {
  .page-content .nav-link{
    font-size: 16px !important;
  }
  #navbarSupportedContent{
    margin-right: 10vh;
  }
}

@media  screen and (max-width: 768px) {
  .page-content .nav-link{
    font-size: 14px !important;
  }
  
}


@media  screen and (max-width: 600px) {
  .page-content .nav-link{
    font-size: 12px !important;
  }
  
}

@media screen and (min-width: 991px){
  .mobile-search-icon{
    display: none;
  }
  .dropdown-item{
    font-size: 14px;
  
  }
  #blank_div{
    display: none;
  }
  header .nav-link{
    text-align: left !important;
  }
  
}



.mobile-search-icon{
  color: white;
  position: absolute;
  font-size: 20px;
  top: 30px;
}

#search_box input{
  background-color:whitesmoke ;
}
/*YATIRIMCI HEADER*/
@media screen and (max-width: 2000px) {
  .margin-bottom-60 {
    margin-bottom: 60px !important;
  }

}

@media screen and (max-width: 768px) {
  .margin-bottom-60 {
    margin-bottom: 50px !important;
  }

}

@media screen and (max-width: 500px) {
  .margin-bottom-60 {
    margin-bottom: 30px !important;
  }

}