@charset "utf-8";
/* CSS Document */


 
    /* Dairesel baloncuk stili */
    .cookie-bubble { z-index: 999999999; font:15px 'Gilroy-Bold';
      position: fixed;
		bottom: 24px;
		left: 24px;
      width: 80px;
      height: 80px;
      background-color: #ffd842;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      transition: transform 1s;
      transform-style: preserve-3d;
    }

    .cookie-bubble-front, .cookie-bubble-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
    }

    .cookie-bubble-front {
      background-color: #ffd842;
    }

    .cookie-bubble-back {
      background-color: #ffd842;
      transform: rotateY(180deg);
    }

    /* KVKK ikonunun görünümü */
    .cookie-bubble-front p {
 
      color: #1d1d1b;
      margin: 0;
    }

    .cookie-bubble-front img {
      width: 40px;
      height: 40px;
    }

    /* Back kısmındaki COOKIE yazısı */
    .cookie-bubble-back p {
 
      color: #1d1d1b;
      margin: 0;
    }

    /* Dalga efekti */
    .cookie-bubble::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: rgba(255, 216, 66, 0.5);
      z-index: -1;
      animation: ripple 1.5s infinite ease-in-out;
    }

    @keyframes ripple {
      0% {
        transform: scale(1);
        opacity: 1;
      }
      100% {
        transform: scale(2);
        opacity: 0;
      }
    }

    /* Modal pencere stili */
    .modalCookie { font-family: 'Gilroy-Light';
      display: none;
      position: fixed; padding: 0 32px;
      z-index: 999999999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
    }

    /* Modal içeriği stili */
    .cookie {
      background-color: #fff;
      border-radius: 15px;
      max-width: 600px;
      position: relative;
      padding: 32px;
    }

    .cookie .close {
      position: absolute;
      top: 25px;
      right: 25px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 10px;
      border: 1px solid #eef1f9;
      border-radius: 50%;
      cursor: pointer;
    }

    .cookie .front {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

    .cookie .front h1 {
      margin: 0px;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .cookie .front p {
      line-height: 26px;
      font-size: 16px;
      margin-bottom: 30px;
    }

    .cookie .front__buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 70px;
    }

    .cookie .front__buttons button {
      padding: 15px 38px;
      font-size: 14px;
      background-color: #273240;
      border: none;
      border-radius: 5px;
      color: white;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
    }

    .cookie .front__buttons button + button {
      margin-left: 20px;
    }

    .cookie .front__footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px;
    }

    .cookie .front__footer a {
      font-size: 16px;
      font-weight: bold;
      line-height: 26px;
      text-decoration: none;
      color: #273240;
      padding: 10px 25px;
      border: 1px solid #d7dff8;
      border-radius: 3px;
    }

    .cookie .front .learn_more {
      display: inline-block;
      color: #243bc5;
      font-size: 16px;
      line-height: 26px;
    }

    .cookie .back {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: none;
    }

    .cookie .back_icons {
      margin-bottom: 10px;
    }

    .cookie .back_icons i {
      font-size: 25px;
      cursor: pointer;
      padding: 10px;
      border-radius: 50%;
      border: 1px solid #eef1f9;
    }

    .cookie .back h1 {
      margin: 0px;
      margin-bottom: 20px;
      font-size: 22px;
    }

    .cookie .back .tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      list-style: none;
      border: 1px solid #d7dff8;
    }

    .cookie .back .tab li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 25px 20px;
      border-bottom: 1px solid #979797;
      cursor: pointer;
    }

    .cookie .back .tab li h2 {
      font-size: 18px;
      font-weight: bold;
    }

    .cookie .back .tab li i {
      margin-right: 10px;
      font-size: 16px;
    }

    .cookie .back .tab li .baged {
      margin-left: auto;
      padding: 5px 10px;
      background-color: #f6f8ff;
      border-radius: 9999px;
      font-size: 14px;
      color: #28305d;
      font-weight: bold;
    }

    .cookie .back_footer {
      margin-top: 30px;
    }

    .cookie .back_footer input {
      padding: 15px 38px;
      background-color: #273240;
      color: white;
      border: none;
      border-radius: 5px;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
    }

    .custom_checkbox_cookie {
      margin-left: auto;
      cursor: pointer;
    }

    .custom_checkbox_cookie input {
      display: none;
    }

    .custom_checkbox_cookie input:checked + span::before {
      left: 32px;
      -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
      background-color: #243bc5;
    }

    .custom_checkbox_cookie span {
      display: block;
      width: 65px;
      border: 1px solid #d1d8eb;
      height: 35px;
      border-radius: 17.5px;
      position: relative;
    }

    .custom_checkbox_cookie span::before {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
      left: 2px;
      background-color: #757d96;
      width: 29px;
      height: 29px;
      border-radius: 50%;
      content: "";
    }

    .data2_cookie {
      display: none;
      background-color: #f6f8ff;
      padding: 20px 40px;
      -webkit-transition-duration: 450ms;
          transition-duration: 450ms;
    }

    .data2_cookie.active {
      display: block;
    }

    .data2_cookie p {
      line-height: 26px;
      font-size: 16px;
      text-align: justify;
    }



@media (min-width: 0px) and (max-width: 480px) 
{

}


@media (min-width: 1281px) and (max-width: 1366px) 
{

}	
	
@media (min-width: 1025px) and (max-width: 1280px) 	
{

}	
	
@media (min-width: 801px) and (max-width: 1024px) 
{

}
@media (min-width: 481px) and (max-width: 800px) 
{

}	
	
@media (min-width: 0px) and (max-width: 480px) 
	
{
    .cookie-bubble {  font:13px 'Gilroy-Bold';
 
      width: 50px;
      height: 50px;
 
    }
}