.etkinlik-gorsel {
  width: 100%;
  max-width: 600px;
  height: 300px;
  object-fit: fill;
  border-radius: 8px 8px 0 0;
}

.bg-clouds {
    background-image: url('/assets/img/8729.jpg');
    background-repeat: repeat-x;
    background-size: cover;
    animation: scrollClouds 60s linear infinite;
    height: 300px;
    position: relative;
    overflow: hidden;
}

@keyframes scrollClouds {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 2000px 0;
    }
}
.plane {
    position: absolute;
    top: 40%; /* Yükseklik ayarı */
    right: -200px;
    width: 600px; /* Uçağın boyutu */
    animation: flyPlane 20s linear infinite;
    z-index: 1;
    transform: scaleX(1);
}

@keyframes flyPlane {
    0% {
        right: -200px;
        transform: scale(1) rotate(0deg);
    }
    100% {
        right: 100%;
        transform: scale(1) rotate(2deg);
    }
}
@font-face {
    src: url(../fonts/ElsevierDisplay-Light.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: ElsevierDisplayLight;
}

@font-face {
    src: url(../fonts/ElsevierDisplay-LightItalic.woff2) format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    font-family: ElsevierDisplayLight
}

@font-face {
    src: url(../fonts/NexusSansWebPro-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: NexusSansPro
}

@font-face {
    src: url(../fonts/NexusSansWebPro-Bold.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    font-family: NexusSansPro
}

@font-face {
    src: url(../fonts/NexusSansWebPro-Italic.woff2) format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    font-family: NexusSansPro
}

@font-face {
    src: url(../fonts/NexusSansWebPro-BoldItalic.woff2) format("woff2");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    font-family: NexusSansPro
}

@font-face {
    src: url(../fonts/NexusSerifWebPro-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: NexusSerifPro
}

@font-face {
    src: url(../fonts/NexusSerifWebPro-Bold.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    font-family: NexusSerifPro
}

@font-face {
    src: url(../fonts/NexusSerifWebPro-Italic.woff2) format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    font-family: NexusSerifPro
}

@font-face {
    src: url(../fonts/NexusSerifWebPro-BoldItalic.woff2) format("woff2");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    font-family: NexusSerifPro
}

a
{
  color: rgb(0, 115, 152);
}



body
{
    font-family: 'NexusSansPro', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    color: #333;

}

html, body {
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

.pl-4
{
  padding-left: 2rem;
}

.pr-4
{
  padding-right: 2rem;
}

.breadcrumb-item a
{
  text-decoration: none;
}
.bg-card
{
  background-color: #084298 !important;
  color: whitesmoke;
}

.card-title
{
  font-family: 'ElsevierDisplayLight', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 700;
  color: orangered;
}

.card-head {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: transparent !important;
    border-bottom: 1px solid darkgray;
}

.video-section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Video background */
.background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* Text content overlay */
.video-content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 20px;
}

.video-content h1 {
  font-size: 3em;
  font-family: 'ElsevierDisplayLight', sans-serif;
  margin: 0;
  color: #212556;
}

.video-content p {
  font-size: 1.5em;
  color: #212556;
}

.text-orangered
{
  color: orangered !important;
}

li b {font-weight: bold !important;}

.tdn {text-decoration: none !important;}

ul.no-circle {
    list-style-type: none;
}

@media (min-width: 576px) {
    .p-sm-0 {
        padding: 0 !important;
    }
}

.background-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .video-section {
    height: 300px; /* Mobilde küçült */
    border-radius: 0rem !important;
  }

  .video-content h1 {
    font-size: 3.75rem;
  }

  .video-content p {
    font-size: 1.5rem;
  }

  .video-content .btn {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
  }
}

.tooltip {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
  font-size: 12px;
}

.tooltip.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s;
}