.navbar-brand img {
min-height: 3rem;
}


#accordionOrganizasyonel .accordion-item .accordion-collapse {
  background-color: var(--bs-primary);
}

video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navbar-icon-toggler {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 36px; /* Width of the hamburger icon */
    height: 28px; /* Total height of the icon */
    cursor: pointer;
}

.navbar-icon-toggler span {
    display: block;
    width: 100%;
    height: 5px; /* Thickness of each line */
    background-color: #fff; /* Line color */
    border-radius: 2px; /* Optional: slight rounding for smoother look */
    transition: all 0.3s ease; /* Smooth transition for potential animations */
}

.navbar-icon-toggler span.line3 {
    width: 50%;
}



.navbar-toggler-icon:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  transition: transform 1s ease-in;
}

/* variables */
:root {
  --black: #000;
  --white: #fff;
  --color-1: #000;
  --gutter: 2rem;
  /* this value is going to be changed by javascript */
  --replace-offset: 50%;
  --replace-offset-2: calc((100% - var(--replace-offset) ) * -1)
}

/* set image position */
/* Sticky Footer */
.header,
.path-frontpage .header {
  position: fixed;
  top: 0%;
  left: 0;
  right: 0;
  z-index: 99;
}


/* without fixed header this makes no sense */

.logo {
  display: inline-block;
  padding: calc(var(--gutter) * .25);
}

.logo--invert {
  color: var(--white);
}

.section {
}

/**
.section--bg {
  background-color: var(--color-1);
}
**/

/**
  This is the interesting part
**/

/* align content above each other without absolute */
.js-replace {
  display: grid;
}

.js-replace__item {
  grid-row: -1 / 1;
  grid-column: -1 / 1; 
  overflow: hidden;
  will-change: transform;
}

/* item to replace with */
.js-replace__item {
  transform: translateY(calc(var(--replace-offset) * 1));  
}
.js-replace__content {
  /* fixes problem with calculating correct height in js */
  will-change: transform;

  transform: translateY(calc(var(--replace-offset) * -1));
}

/* previous replace item*/
.js-replace__item--active {
  transform: translateY(calc(var(--replace-offset-2) * 1));  
}
.js-replace__item--active .js-replace__content {
  transform: translateY(calc(var(--replace-offset-2) * -1));  
}


/* REVERSE ANIMATION */
.js-replace--reverse 
.js-replace__item {
  transform: translateY(calc(var(--replace-offset-2) * 1));  
}
.js-replace--reverse 
.js-replace__content {
  transform: translateY(calc(var(--replace-offset-2) * -1));
}

/* previous replace item*/
.js-replace--reverse 
.js-replace__item--active {
  transform: translateY(calc(var(--replace-offset) * 1));  
}
.js-replace--reverse 
.js-replace__item--active .js-replace__content {
  transform: translateY(calc(var(--replace-offset) * -1));
}



.page-node-1 .field--name-field-key-offerings,
.pharma-kritik-alanlar {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1em;
    max-width: 650px;
    margin: 0 auto;
    align-items: start;
}

.pharma-kritik-alanlar details > summary::-webkit-details-marker {
    display: none;
}

.pharma-kritik-alanlar details {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.pharma-kritik-alanlar details > summary {
    list-style: none;
    outline: none;
}

.pharma-kritik-alanlar details > summary > h2 {
    margin: 0;
}

.pharma-kritik-alanlar details > summary::-webkit-details-marker {
    display: none;
}

.pharma-kritik-alanlar details > summary:after {
    content: "";
    position: absolute;
    bottom: 0.5rem;
    right: 1em;
    width: 1.6em;
    height: 1.6em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z"/></svg>');
background-repeat: no-repeat;
background-position: right;
}

.pharma-kritik-alanlar details[open] > summary:after {
    content: "";
    position: absolute;
    right: 0.5em;
    width: 1.6em;
    height: 1.6em;
    transform: rotate(270deg);
    transition: 0.3s;
}

.pharma-kritik-alanlar details > div.content {
}

.pharma-kritik-alanlar details > div.content > p {
    margin: 0;
}

/* ANIMATONS */
@keyframes invisiblyGrowFontSize {
    0% {
        font-size: 0;
        opacity: 0;
    }

    100% {
        font-size: 1em;
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.pharma-kritik-alanlar details[open] .content {
    animation-name: invisiblyGrowFontSize, fadeIn;
    animation-duration: 500ms, 200ms;
    animation-delay: 0ms, 500ms;
}

.fa-arrow-right {
position: relative;
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.fa-arrow-right::after {
  content: "";
  position: absolute;
  left: -0.75rem;
  width: 1.6em;
  height: 1.6em;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L466.7 352L361.3 457.4C348.8 469.9 348.8 490.2 361.3 502.7C373.8 515.2 394.1 515.2 406.6 502.7L566.6 342.7z"/></svg>');
  background-repeat: no-repeat;
  background-position: right;
}

.language-switcher-language-url .links .en {
border-right: 2px solid #b1b1b1;
}

.field--name-body blockquote {
  position: relative;
  margin: 40px 0;
  padding: 40px;
  background-color: #f7f7f7;
  border-radius: 16px;

}

.field--name-body blockquote::before {
  content: url("data:image/svg+xml,%3Csvg class='quote-svg' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.56863 4H4.43137C2.56863 4 1 5.6 1 7.5V10.8C1 12.7 2.56863 14.3 4.43137 14.3H6.78431C7.56863 14.3 8.35294 14 9.03922 13.6V15.7C9.03922 17 8.05882 18 6.78431 18H5.21569C4.62745 18 4.23529 18.4 4.23529 19C4.23529 19.6 4.62745 20 5.21569 20H6.78431C9.13725 20 11 18.1 11 15.7V10V7.5C11 5.6 9.43137 4 7.56863 4Z'%3E%3C/path%3E%3Cpath d='M19.6638 4H16.4299C14.5679 4 13 5.6 13 7.5V10.8C13 12.7 14.5679 14.3 16.4299 14.3H18.7818C19.5658 14.3 20.3497 14 21.0357 13.6V15.7C21.0357 17 20.0557 18 18.7818 18H17.2138C16.6259 18 16.2339 18.4 16.2339 19C16.2339 19.6 16.6259 20 17.2138 20H18.7818C21.1337 20 22.9956 18.1 22.9956 15.7V10V7.5C23.0936 5.6 21.5257 4 19.6638 4Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: -10px;
  left: -10px;
  transform: scale(2);
  opacity: 0.1;
}

.field--name-body blockquote::after {
  content: url("data:image/svg+xml,%3Csvg class='quote-svg' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.56863 4H4.43137C2.56863 4 1 5.6 1 7.5V10.8C1 12.7 2.56863 14.3 4.43137 14.3H6.78431C7.56863 14.3 8.35294 14 9.03922 13.6V15.7C9.03922 17 8.05882 18 6.78431 18H5.21569C4.62745 18 4.23529 18.4 4.23529 19C4.23529 19.6 4.62745 20 5.21569 20H6.78431C9.13725 20 11 18.1 11 15.7V10V7.5C11 5.6 9.43137 4 7.56863 4Z'%3E%3C/path%3E%3Cpath d='M19.6638 4H16.4299C14.5679 4 13 5.6 13 7.5V10.8C13 12.7 14.5679 14.3 16.4299 14.3H18.7818C19.5658 14.3 20.3497 14 21.0357 13.6V15.7C21.0357 17 20.0557 18 18.7818 18H17.2138C16.6259 18 16.2339 18.4 16.2339 19C16.2339 19.6 16.6259 20 17.2138 20H18.7818C21.1337 20 22.9956 18.1 22.9956 15.7V10V7.5C23.0936 5.6 21.5257 4 19.6638 4Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  bottom: -10px;
  right: -10px;
  transform: scale(2) rotate(180deg);
  opacity: 0.1;
}