@import url('https://fonts.googleapis.com/css2?family=Yesteryear&display=swap');


@media (max-width:320px){


}

@media (min-width:321px){  
    .sticky {
    position: fixed !important;
    z-index:999;
    margin-top: 0px;
    -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
    background:#fff;
    box-shadow: 2px 2px 22px #ccc;
    }

    .sticky .logo{ background: url('/images/logo-hover.webp') no-repeat center left; width: 100px; background-size: 100px; height: 69px; display: block;}
    .logo{ background: url('/images/logo.webp') no-repeat center center; width: 100px; background-size: 100px; height: 69px; display: block;  margin-right: 5px;}
    .mobil-menu-color{color: #fff !important;}
    .sticky .mobil-menu-color{color: #020202 !important;}
        
    .header-login-btn{display:inline-block; font-size:13px; font-weight: 500; color:#fff; padding: 5px 0px;}
    .pink-btn{background:#ff00b4; box-shadow 0.3s ease-in-out;  border-radius:5px; padding:5px 10px; display:inline-block; font-size:13px; font-weight: 500; color:#fff}
    .gap-5{gap: 10px !important;}

    .top-s-width{width: 100%;font-size: 12px !important;overflow: hidden; white-space: nowrap; margin: 0 0 15px 0 ;}
    .top-marquee{display: inline-block; animation: slide 8s linear infinite;}
    .top-s-width-2{width: 100%; font-size: 12px; margin-top: 10px !important;}
    .top-info-bg{width: 100%; z-index: 100; background: #7c4399;   position: fixed !important; bottom: 0;}
    .top-line{border-left: 0px solid #fff; padding-left: 0px; margin-left: 0px;}
    .pl-5{padding-left: 5px;}
    .alert-close-btn{top: 14px !important; bottom:auto !important}
    .info-pd{padding: 10px 0px 10px 0px;}

    .home-btn{ display: block; color: #fff; font-weight: 500; font-size: 11px;}
    .home-video{border: 7px solid #ff00b4;  border-radius: 22px; width: 100%; height:240px; object-fit: cover; background: #000;}
    .home-video-wh{width: 100%; height:240px;}
    .home-video-container{padding: 0px 30px 30px 30px;}
    .home-text-container{padding: 8px;}
    .circle-background {
        background: url('/images/heade-bg.webp') no-repeat center top #2d313b;
        background-size:contain;
        position: relative;
      }

      .circle-background-ic {
        background: url('/images/heade-bg.webp') no-repeat center top #2d313b;
        background-size:cover;
        position: relative;
      }

    .slg-1{font-size: 22px; line-height: 26px; font-weight: 900; color: #fff; margin: -10px 0px 20px 0px;}
    .slg-2{font-size: 13px; font-weight: 400; color: #fff; margin: 0px 0px 20px 0px;}
      
    .neon-button-container{font-size: 11px; line-height: 15px; font-weight: bold; padding:6px 12px;}
    .neon-button-position{left: auto; right: 20px; top:140px !important}
    
    .home-video-line-1{position: absolute; z-index: -1; top:-33px; right:-10px;transform: rotate(6deg); width: 300px;}
    .home-video-line-2{position: absolute; z-index: -1; top:92%; right:-10px;transform: rotate(4deg); width: 320px;}

    .home-phone-container{bottom: -40px; left: -10px; width: 70px;}

    .neon-button {
        color: white;
        background: #304643 !important;
        border: 1px solid #fff;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        display: inline-block;
        border-radius: 10px;
        transform: rotate(25deg);
        transform-origin: center center;
        animation: neonPulse 1.5s ease-in-out infinite, neonRotate 3s linear infinite, shake 3s infinite;
        text-shadow: 0 0 3px #00ff80;
    }

    .number-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
    }
    
    .neon-text {
        font-size: 50px;
        font-weight: bold;
        color: #ff00ff;
        -webkit-text-stroke: 2px white; /* Beyaz kenarlık */
        text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff;
        animation: neonGlow 1.5s infinite alternate;
    }

    .neon-button-ic {
        color: white;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        display: inline-block;
        border-radius: 10px;
        padding: 10px 15px;
        transform: rotate(0deg) !important;
        transform-origin: center center;
        animation: neonPulse-ic 1.5s ease-in-out infinite, neonRotate-ic 3s linear infinite, shake 3s infinite;
        text-shadow: 0 0 3px #00ff80;
    }

    .neon-button-ic-2 {
        color: #ff00b4;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        display: inline-block;
        border-radius: 10px;
        padding: 10px 15px;
        transform: rotate(0deg) !important;
        transform-origin: center center;
        animation: neonPulse-ic 1.5s ease-in-out infinite, neonRotate-ic 3s linear infinite, shake 3s infinite;
        text-shadow: 0 0 3px #ff00b4;
        background: #fcfcf9e3;
    }
    
    .counter-text-pd{padding: 0 30px 0 0;}
    .mt-5mb{margin-top: 5px !important;}
    .mobil-top-menu{ background: #000; padding: 4px 2px; color: #fff;}

    .check-img{width: 180px;}
    .check-box-1{top: 23%; left: 37%;}
    .check-box-2{top: 35%; left: 37%;}
    .check-box-3{top: 47%; left: 37%;}
    .check-box {
        width: 15px;
        height: 15px;
        position: absolute;
    }
    .aradonem-margin{margin: 40px 0 0 0;}
    .menu-badge{position: relative; background: #e2281a; color: #fff !important; top:auto; left:auto; z-index: 2; font-size: 8px; letter-spacing: 0px; padding: 2px; border-radius: 4px !important; font-weight: 500;}
    
    .mobile-w-p-btn{position: fixed;bottom: 20px; right: 0px; z-index: 20;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
    .phone-button {
        background: #ff00b4;
        color: #fff !important;
        display: block;
        padding: 5px 15px;
        color: #fff;       
        border-radius: 3px 0 0 3px;
      }
      .whatsapp-button {
        background: #6cf32a;
        color: #000 !important;
        display: block;
        padding: 5px 15px;
        color: #000;    
        border-radius: 3px 0 0 3px;    
      }

      .mobil-top-menu a{ color: #fff !important; font-weight: 500; font-size: 11px;}

      .login-bg-img{background: url(/images/login-img.webp) no-repeat right bottom; background-size: 90px; padding-bottom: 20px; border-bottom: 1px solid; border-image: linear-gradient(to right, #ffffff00, #e27ce0, #ffffff00);border-image-slice: 1;}

      .login-text-fs{font-size: 12px; margin-top: 10px; line-height: 12px; font-weight: 400;}

    .border-input {border: 1px solid #f988e7; border-radius: 10px; background: none; color: #fff; padding: 15px; font-size: 14px; display: block; width: -webkit-fill-available; outline: none;}
    .border-input-black { border: 1px solid #f988e7; border-radius: 10px;background: none; color: #000; padding: 15px; font-size: 14px; display: block; width: -webkit-fill-available; outline: none;}
    .gradient-button{background: linear-gradient(to right, #f988e7, #9f56ca); color: #fff !important; border: none; border-radius: 10px; padding: 5px; font-size: 16px; width: 100%; font-weight: 600; text-transform: none;}    
    .sent-button{background: linear-gradient(to right, #f988e7, #9f56ca); color: #fff; border: none; border-radius: 10px; padding: 5px; font-size: 16px; width: 100%; font-weight: 600; text-transform: none;}
    .white-border-btn{border:2px solid #fff; color:#fff; font-size:16px; padding:10px; border-radius:10px; display:inline-block; font-weight: 500;}

    .r-100{right: auto;}
    .user-box { position: absolute; width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(45deg, transparent, transparent 40%, #6cf32a), linear-gradient(#6e1fe4, #ff00b4); animation: rotate 1.5s linear infinite; z-index: 0; } 
    .mh-80{min-height: 80px;}
    .user-box-container{position: absolute; top: -50px;}
    .user-box-img{margin: 5px; width: 70px; height: 70px; object-fit: cover; border-radius: 50%;}    
    .td-w{width: 30px;}
    .fs18-mb{font-size: 12px;}
    .btn-pd-fs{padding: 10px 15px; font-size: 14px; text-align: center;}
    .fs30-mb{font-size: 20px;}
    .fs25-mb{font-size: 15px; line-height: 15px;}
    .fs35-mb{font-size: 30px;}
    .account-box{background: #000; border-radius: 15px;}

    .mr-50{margin-right: 0px;}
    .account-title-padding{padding-top: 20px;}

    .max-height-auto{max-height: 2500px !important; padding: 0px 5px  !important;}
    .top-session-width{width: 100%;}
    .next-prev-fs{font-size: 13px;}
    .snv-fs{font-size: 15px;}
    .fw3-mb{font-weight: 400;}

    .home-user-video{border:3px solid #ff00b4;  border-radius: 10px;  object-fit: cover;}

    .phone-line{background: #ff00b4; color: #fff; height: 6px; margin: 0px 0 0 0px; width: 30px; border-radius: 3px; display: block;}
    .green-btn{background:#6cf32a; box-shadow 0.3s ease-in-out;  border-radius:5px; padding:5px 10px; display:inline-block; font-size:13px; font-weight: 500; color:#000}
    .grey-btn{background:#666; box-shadow 0.3s ease-in-out;  border-radius:5px; padding:5px 10px; display:inline-block; font-size:12px; font-weight: 500; color:#fff}
    .film-banner{background:url(/images/film-banner-mobile.webp) no-repeat top center;}
    .sarki-banner{background:url(/images/sarki-banner.webp) no-repeat top center;}
    .hikaye-banner{background:url(/images/hikaye-banner.webp) no-repeat top center;}
    .fsh-pt{padding-top: 32% !important;}
}

@media(min-width:640px){
    .home-video{border: 7px solid #ff00b4;  border-radius: 22px; width: 550px; height:413px; object-fit: cover; background: #000;}    
    .home-video-wh{width: 550px; height:413px;}
    .login-text-container{padding: 0px;}
    .login-text-fs{font-size: 15px;margin-top: 20px; line-height: 16px; font-weight: 300;}

    .border-input {border: 1px solid #f988e7; border-radius: 10px; background: rgba(7, 7, 9, 0.2); color: #fff; padding: 15px 20px; font-size: 16px; display: block; width: -webkit-fill-available; outline: none;}
    .border-input-black { border: 1px solid #f988e7; border-radius: 10px;background: none; color: #000; padding: 15px 20px; font-size: 16px; display: block; width: -webkit-fill-available; outline: none;}
    .gradient-button{background: linear-gradient(to right, #f988e7, #9f56ca); color: #fff !important; border: none; border-radius: 10px; padding: 15px 25px; font-size: 20px; width: 100%; font-weight: 600; text-transform: none;}
    .sent-button{background: linear-gradient(to right, #f988e7, #9f56ca); color: #fff; border: none; border-radius: 10px; padding: 10px; font-size: 20px; width: 100%; font-weight: 600; text-transform: none;}
    .white-border-btn{border:2px solid #fff; color:#fff; font-size:20px; padding:15px; border-radius:10px; display:inline-block; font-weight: 500;}
    
    .td-w{width: 40px;}
    .fs18-mb{font-size: 18px;}
    .btn-pd-fs{padding: 10px 30px; font-size: 16px; text-align: center;}
    .fs30-mb{font-size: 25px;}
    .fs25-mb{font-size: 20px; line-height: 20px;}
    .fs35-mb{font-size: 30px;}

    .max-height-auto{max-height: 2500px !important; padding:0px 50px 40px 50px !important;}
    .next-prev-fs{font-size: 16px;}
    .snv-fs{font-size: 18px;}
    .fw3-mb{font-weight: 300;}

    .home-user-video{border: 5px solid #ff00b4;  border-radius: 15px;  object-fit: cover;}    
    .green-btn{background:#6cf32a; box-shadow 0.3s ease-in-out;  border-radius:5px; padding:5px 10px; display:inline-block; font-size:16px; font-weight: 500; color:#000}
    .grey-btn{background:#666; box-shadow 0.3s ease-in-out;  border-radius:5px; padding:5px 10px; display:inline-block; font-size:14px; font-weight: 500; color:#fff}
    .film-banner{background:url(/images/film-banner.webp) no-repeat top center;}
    .sarki-banner{background:url(/images/sarki-banner.webp) no-repeat top center;}
    .hikaye-banner{background:url(/images/hikaye-banner.webp) no-repeat top center;}
    .fsh-pt{padding-top: 24% !important;}
}

@media(min-width:960px){
    .top-s-width{width: 220px;font-size: 12px !important;overflow: auto; white-space: inherit;margin: 0px ;}
    .top-marquee{display: block; animation: slide 0s linear infinite;}
    .top-s-width-2{width: 300px; font-size: 12px;margin-top:0px !important;}
    .top-info-bg{width: 100%; z-index: 100; background: #7c4399;   position: relative !important; bottom: auto;}
    .top-line{border-left: 1px solid #fff; padding-left: 10px; margin-left: 10px;}
    .pl-5{padding-left: 15px;}
    .alert-close-btn{top: 0px !important; bottom:0px !important}
    .info-pd{padding: 10px 10px 10px 10px;}

    .slg-1{font-size: 25px; line-height: 30px; font-weight: 900; color: #fff; margin: 0px 0px 20px 0px;}
    .slg-2{font-size: 13px; font-weight: 500; color: #fff; margin: 0px 0px 20px 0px;}

    .sticky .top-left-btn-container{top:75px;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
    .top-left-btn-container{position: absolute; top:120px; left:0px; z-index: 2;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
    .phone-button {
        background: #ff00b4;
        color: #fff !important;
        display: block;
        padding: 10px 10px;
        color: #fff;   
        border-radius: 0px;    
      }
      .whatsapp-button {
        background: #6cf32a;
        color: #000 !important;
        display: block;
        padding: 10px 10px;
        color: #000;        
        border-radius: 0px;    
      }

    .home-btn{ display: block; color: #fff; font-weight: 500; font-size: 11px;}

    .home-text-container{padding: 0px;}
    .home-video-container{padding: 0px;}
    .home-video{border: 7px solid #ff00b4;  border-radius: 22px; width: 400px; height:300px; object-fit: cover;}
    .home-video-wh{width: 400px; height:300px;}
    .home-phone-container{bottom: -35px; left: -40px; width: 80px;}
    .home-button-mt{margin-top: 70px;}
    
    
    .neon-button-container{font-size: 13px; line-height: 18px; font-weight: bold; padding:10px 15px;}
    .neon-button-position{left: 0px !important; right: auto; top:-140px !important}
    
    
    .home-margin-top{margin-top: 190px !important;}

    .home-video-line-1{position: absolute; z-index: -1; top:-33px; right:-50px;transform: rotate(6deg); width: 300px;}
    .home-video-line-2{position: absolute; z-index: -1; top:92%; right:-50px;transform: rotate(4deg); width: 320px;}

    .neon-button {
        color: white;
        background: rgb(112, 183, 111,0.4) !important;
        border: 1px solid #fff;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        display: inline-block;
        border-radius: 10px;
        transform: rotate(25deg);
        transform-origin: center center;
        animation: neonPulse 1.5s ease-in-out infinite, neonRotate 3s linear infinite, shake 3s infinite;
        text-shadow: 0 0 3px #00ff80;
    }

    .number-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 140px;
        height: 140px;
    }
    
    .neon-text {
        font-size: 100px;
        font-weight: bold;
        color: #ff00ff;
        -webkit-text-stroke: 2px white; /* Beyaz kenarlık */
        text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff;
        animation: neonGlow 1.5s infinite alternate;
    }
    .counter-text-pd{padding:0px;}
    .mt-5mb{margin-top: 0px !important;}

    .check-img{width: 200px;}
    .check-box-1{top: 23%; left: 38.2%;}
    .check-box-2{top: 35%; left: 37%;}
    .check-box-3{top: 47%; left: 37%;}
    .check-box {
        width: 15px;
        height: 15px;
        position: absolute;
    }
    .aradonem-margin{margin: 0px;}
    .menu-badge{position: absolute; background: #e2281a; color: #fff !important; top:6px; left:0px; z-index: 2; font-size: 10px; letter-spacing: 1px; border-radius: 4px !important; font-weight: 600;}
    .login-text-container{padding: 0 0 0 40px;}
    .login-form-container{padding: 0 0 0 50px;}
    .account-form-container{padding: 0 0 0 50px;}

    .login-bg-img{background: url(/images/login-img.webp) no-repeat right bottom; background-size: 400px; padding-bottom: 250px; border-bottom: 1px solid; border-image: linear-gradient(to right, #ffffff00, #e27ce0, #ffffff00);border-image-slice: 1;}
    .login-text-fs{font-size: 18px; line-height: 25px;}

    .home-btn-padding{padding: 0 10px 0 10px;}

    .r-100{right: -60px !important;}

    .user-box { position: absolute; width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(45deg, transparent, transparent 40%, #6cf32a), linear-gradient(#6e1fe4, #ff00b4); animation: rotate 1.5s linear infinite; z-index: 0; } 
    .mh-80{min-height: 80px;}
    .user-box-container{position: absolute; top: -50px;}
    .user-box-img{margin: 5px; width: 110px; height: 110px; object-fit: cover; border-radius: 50%;}

    .account-box{background: rgb(232,232,232);background: linear-gradient(167deg, rgb(255, 255, 255) 0%, rgba(187,188,189,1) 100%); border-radius: 15px;}

    .mr-50{margin-right: 50px;}
    .top-session-width{width: auto;}
    .next-prev-fs{font-size: 20px;}

    .phone-line{background: #ff00b4; color: #fff; height: 10px; margin: 0px 0 0 25px; width: 30px; border-radius: 5px; display: block;}
}
@media(min-width:1200px){
    .sticky {
    position: fixed !important;
    z-index:999;
    margin-top: 0px;
    -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
    background:#fff;
    box-shadow: 2px 2px 22px #ccc;
    }

    .sticky .logo{ background: url('/images/logo-hover.webp') no-repeat center left; width: 130px; background-size: 130px; height: 69px; display: block;}
    .logo{ background: url('/images/logo.webp') no-repeat center center; width: 130px; background-size: 130px; height: 69px; display: block;  margin-right: 50px;}



    .uk-navbar-nav>li>a{ color: #fff; font-size: 13px; margin: 0px 1px; text-transform: none !important; font-weight: 400;}
    .uk-navbar-nav>li.uk-active>a{ color: #020202; font-size: 13px;}

    .sticky .uk-navbar-nav>li>a{ color: #020202 !important; font-size: 13px; margin: 0px 1px;}
    .sticky .uk-navbar-nav>li.uk-active>a{ color: #020202; font-size: 13px;}

    .sticky .top-left-btn-container{top: 85px;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}

    .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #ff00b4 !important;}
    .sticky .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #ff00b4 !important;}

    .uk-navbar-dropdown-nav>li>a{ color: #020202 !important; font-size: 15px; font-weight: 400; padding: 10px 0 ;} 
    .uk-navbar-dropdown-nav>li>a:hover{ color: #ff00b4 !important;} 
    .sticky .uk-navbar-dropdown{ border-radius: 15px; box-shadow: 0px 10px 10px rgba(0,0,0,.15);}

    .header-login-btn{display:inline-block; font-size:16px; font-weight: 500; color:#fff; border-radius: 0px; padding: 0px;}
    .pink-btn{background:#ff00b4; box-shadow 0.3s ease-in-out;  border-radius:5px; padding:10px 20px; display:inline-block; font-size:16px; font-weight: 500; color:#fff}
    .top-s-width-2{width: 530px; font-size: 14px !important;}
    .top-s-width{width: 250px;font-size: 14px !important;}

    .account-form-container{padding: 0 0 0 100px;}

    .slg-1{font-size: 28px; line-height: 32px; font-weight: 900; color: #fff; margin: 0px 0px 20px 0px;}
    .slg-2{font-size: 15px; font-weight: 500; color: #fff; margin: 0px 0px 20px 0px;}
    
    .home-btn{ display: block; color: #fff; font-weight: 500; font-size: 13px;}

    .home-text-container{padding: 0 20px;}
    .home-video-container{padding: 0 20px;}
    .home-video{border: 7px solid #ff00b4;  border-radius: 22px; width: 400px; height:300px; object-fit: cover;}
    .home-video-wh{width: 400px; height:300px;}
    .home-phone-container{bottom: -50px; left: -70px; width: 100px;}
    .home-button-mt{margin-top: 70px;}
    
    .neon-button-container{font-size: 13px; line-height: 18px; font-weight: bold; padding:10px 15px;}
    .neon-button-position{left: -140px !important; top:-20px !important}

    .circle-background {
        background: rgb(45,49,59); background: linear-gradient(0deg, rgba(45,49,59,1) 0%, rgba(45,49,59,1) 40%, rgba(0,0,0,1) 100%);
        position: relative;
      }

      .home-video-line-1{position: absolute; z-index: -1; top:-37px; right:-80px;transform: rotate(6deg); width: 350px;}
      .home-video-line-2{position: absolute; z-index: -1; top:90%; right:-50px;transform: rotate(4deg); width: 400px;}

      .check-img{width: 300px;}
      .check-box-1{top: 25%; left: 38.7%;}
      .check-box-2{top: 38.7%; left: 38%;}
      .check-box-3{top: 51%; left: 38%;}
      .check-box {
          width: 15px;
          height: 15px;
          position: absolute;
      }
      .aradonem-margin{margin: 0px;}
      .login-text-container{padding: 0 0 0 40px;}

      .home-btn-padding{padding: 0 25px 0 25px;}
      .r-100{right: -100px !important;}

      .phone-line{background: #ff00b4; color: #fff; height: 10px; margin: 0px 0 0 30px; width: 40px; border-radius: 5px; display: block;}
}
 
@media(min-width:1400px){
    .sticky .logo{ background: url('/images/logo-hover.webp') no-repeat center left; width: 172px; background-size: 130px; height: 69px; display: block;}
    .logo{ background: url('/images/logo.webp') no-repeat center center; width: 172px; background-size: 172px; height: 69px; display: block;  margin-right: 50px;}
    
    .uk-navbar-nav>li>a{ color: #fff; font-size: 16px; margin: 0px 1px; text-transform: none !important; font-weight: 400;}
    .uk-navbar-nav>li.uk-active>a{ color: #020202; font-size: 16px;}
    
    .sticky .uk-navbar-nav>li>a{ color: #020202 !important; font-size: 16px; margin: 0px 1px;}
    .sticky .uk-navbar-nav>li.uk-active>a{ color: #020202; font-size: 16px;}    

    .slg-1{font-size: 32px; line-height: 38px; font-weight: 900; color: #fff; margin: 0px 0px 20px 0px;}
    .slg-2{font-size: 18px; font-weight: 600; color: #fff; margin: 0px 0px 20px 0px;}
    
    .top-s-width-2{width: auto; font-size: 14px !important;}

    .top-s-width{width: auto;font-size: 14px !important;}

    .home-btn{ display: block; color: #fff; font-weight: 500; font-size: 14px;}

    .home-text-container{padding: 0 20px;}
    .home-video-container{padding: 0 50px;}
    .home-video{border: 7px solid #ff00b4;  border-radius: 22px; width: 450px; height:338px; object-fit: cover;}
    .home-video-wh{width: 450px; height:338px;}

    .home-phone-container{bottom: -50px; left: -60px; width: 100px;}
    .home-button-mt{margin-top: 100px;}
    .neon-button-container{font-size: 14px; line-height: 18px; font-weight: bold; padding: 15px 15px;}


    .home-video-line-1{position: absolute; z-index: -1; top:-32px; right:-50px;transform: rotate(6deg); width: 310px;}
    .home-video-line-2{position: absolute; z-index: -1; top:90%; right:-30px;transform: rotate(4deg); width: 400px;}

    .aradonem-margin{margin: 50px;}

    .home-btn-padding{padding: 0 35px 0 35px;}

    .phone-line{background: #ff00b4; color: #fff; height: 10px; margin: 0px 0 0 30px; width: 40px; border-radius: 5px; display: block;}
}

@media(min-width:1600px){
    .slg-1{font-size: 42px; line-height: 45px; font-weight: 900; color: #fff; margin: 0px 0px 20px 0px;}
    .slg-2{font-size: 22px; line-height: 25px; font-weight: 600; color: #fff; margin: 0px 0px 20px 0px;}
   
    .home-btn{display: block; color: #fff; font-weight: 500; font-size: 16px;}

    .home-text-container{padding: 0 20px;}
    .home-video-container{padding: 0 50px;}

    .home-video{border: 7px solid #ff00b4;  border-radius: 22px; width: 533px; height:400px; object-fit: cover;}
    .home-video-wh{width: 533px; height:400px;}

    .home-phone-container{bottom: -70px; left: -90px; width: 120px;}
    .neon-button-container{font-size: 16px; line-height: 20px; font-weight: bold; padding: 15px 25px;}
    .neon-button-position{left: -220px !important; top:-50px !important}
    
    .home-video-line-1{position: absolute; z-index: -1; top:-52px; right:-80px;transform: rotate(6deg); width: 510px;}
    .home-video-line-2{position: absolute; z-index: -1; top:85%; right:-80px;transform: rotate(4deg); width: 600px;}

    .home-btn-padding{padding: 0 45px 0 45px;}

    .phone-button {
        background: #ff00b4;
        color: #fff !important;
        display: block;
        padding: 10px 25px;
        color: #fff;   
        border-radius: 0px;    
      }
      .whatsapp-button {
        background: #6cf32a;
        color: #000 !important;
        display: block;
        padding: 10px 25px;
        color: #000;        
        border-radius: 0px;    
      }

      .phone-line{background: #ff00b4; color: #fff; height: 10px; margin: 0px 0 0 30px; width: 50px; border-radius: 5px; display: block;}
}

@media(min-width:1921px){
    .slg-1{font-size: 50px; line-height: 60px; font-weight: 900; color: #fff; margin: 0px 0px 20px 0px;}
    .slg-2{font-size: 22px; font-weight: 600; color: #fff; margin: 0px 0px 20px 0px;}
    
    .home-text-container{padding: 0 50px;}
    .home-video-container{padding: 0 100px;}
    .home-video{border: 10px solid #ff00b4;  border-radius: 22px; width: 700px; height:525px; object-fit: cover;}
    .home-video-wh{width: 700px; height:525px;}
    .home-phone-container{bottom: -70px; left: -90px; width: 140px;}

    .home-video-line-1{position: absolute; z-index: -1; top:-45px; right:-80px;transform: rotate(6deg); width: 410px;}
    .home-video-line-2{position: absolute; z-index: -1; top:90%; right:-80px;transform: rotate(4deg); width: 560px;}

    .home-btn-padding{padding: 0 75px 0 75px;}
}

@media(min-width:2100px){

    .slg-1{font-size: 60px; line-height: 70px; font-weight: 900; color: #fff; margin: 0px 0px 20px 0px;}
    .slg-2{font-size: 28px; line-height: 35px; font-weight: 600; color: #fff; margin: 0px 0px 20px 0px;}

    .home-text-container{padding: 0 100px;}
    .home-video-container{padding: 0 100px;}
    .home-video{border: 10px solid #ff00b4;  border-radius: 22px;  width:800px; height:600px; object-fit: cover;}
    .home-video-wh{width: 800px; height:600px;}
    .home-phone-container{bottom: -70px; left: -100px; width: 160px;}

    .home-video-line-1{position: absolute; z-index: -1; top:-62px; right:-80px;transform: rotate(6deg); width: 610px;}
    .home-video-line-2{position: absolute; z-index: -1; top:85%; right:-80px;transform: rotate(4deg); width: 760px;}
   
}

.selected-option {
    background: #000 !important;
    color: #fff !important;
}

.option{
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    color: #000;      
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 2px #d9d9d9;
}

.drop-zone {
    width: 100px;
    height: 40px;
    border: 1px dashed #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    font-size: 18px;
    font-weight: 700;
    background: none;
    cursor: pointer;
    border-radius: 15px;
    user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; touch-action: none;
}
.draggable-word {
    background: #000;
    color: white;
    padding: 10px;
    margin: 5px;
    cursor: grab;
    border-radius: 5px;
    text-align: center;
    user-select: none;
    border-radius: 5px;
}
.draggable-word:active {
    cursor: grabbing;
}

.border-btn{border:2px solid #fff; color:#fff; font-size:14px; padding:5px 10px; border-radius:5px; display:inline-block; font-weight: 500;}
.user-box-img-edit{width: 60px; height: 60px; object-fit: cover; border-radius: 50%;}
.h-150{height: 150px;}
.mute-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 8px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 10;
}

.ms-madi-regular {
    font-family: "Yesteryear", cursive;
    font-weight: 400;
    font-style: normal;
  }

.uk-border-bottom{
    border-bottom: 1px solid #ccc;
    padding: 14px 0;
}
.w50px{
    width: 50px !important;
}

.payment-vertical-line{
    left: -50px;
    top: -20px;
}
.payment-vertical-line img{
    width: 15px;
    height: 350px;
}
.payment-box{
    background: #000;
    border-radius: 10px;
    padding: 25px;
}
.border-input-k {border: 1px solid #f988e7; border-radius: 5px; background: none; color: #fff; padding: 10px 10px; font-size: 14px; display: block; outline: none;}
.w-100{width: 100% !important;}
.gradient-small-button{background: linear-gradient(to right, #f988e7, #9f56ca); color: #fff !important; border: none; border-radius: 10px; padding: 3px 10px; font-size: 14px; width: 100%; font-weight: 600; text-transform: none;}
.w-250{width: 250px;}
.user-box:before, .user-box:after { content: " "; position: absolute; inset: 10px; background: #000; border-radius: inherit; } 
.user-box:before { background: linear-gradient(45deg, transparent, transparent 40%, yellow); filter: blur(32px); }
@keyframes rotate { 100% { transform: rotate(360deg); } }

.menu{list-style: none !important; padding: 0px !important; margin: 0px !important;}
.menu li{margin-bottom: 10px;}
.menu li a{color: #000; text-decoration: none; font-size: 16px; font-weight: 300;}
.menu li a:hover, menu li a:active {color: #ff00b4;}
.menu li a.active{color: #ff00b4; font-weight: 500;}

.bt-1{border-top: solid 1px #000;}

.login-vertical-line-circle{background: #f988e7; border-radius: 50%; width: 20px; height: 20px; position: absolute; top: 0px; left: 0px;} 
.border-bottom-green{border-bottom: solid 1px #6cf32a; padding-bottom: 2px; display: inline;}
.lh-25{line-height: 25px;}
.border-left-pink{border-left:solid 1px #ff00b4;padding-left: 20px; margin-left: 20px; color: #ff00b4;}

.hr-margin{margin: 10px 0 10px 0;}
.text-link{color:#63b941 !important;}
.text-link:hover{color: #fff !important;}
.packet-label{border: 1px solid rgba(255, 255, 255, 0.1); display: block; padding: 5px; border-radius: 10px; cursor: pointer;}
.packet-label-content{padding: 10px; border-radius: 10px; backdrop-filter: blur(10px);}
.border-white{border: 1px solid #fff !important;}

.login-mh-1{min-height: 500px; position: relative;}
.login-vertical-line{position: absolute; top: 0; display: flex; align-items: stretch; justify-content: center;}
.login-vertical-line-img{height: 100%; max-height:500px; width:25px;}

.uk-background-black{background: #000 !important;}

.text-apink{ color: #9c74a1;}

.border-textarea{border: 1px solid #f988e7; border-radius: 10px;background: rgba(7, 7, 9, 0.2) !important; color: #fff !important; padding: 20px; font-size: 16px; display: block; width: -webkit-fill-available; outline: none;transition-property:none !important}


.border-input::placeholder { color: #9c74a1;}
.border-input-placeholder::placeholder { color: #fff !important;}
.border-input-black::placeholder {color:#acacac;}
.border-textarea::placeholder {color:#9c74a1 ;}

.white-border-btn:hover{border:2px solid #fff; color:#fff; box-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff, 0 0 20px #00bfff;}

.small-button{ background: #2d2a2a !important; border: none; border-radius: 10px; padding: 0px 15px; font-size: 14px; font-weight: 600; text-transform: none;}

.opacity-1{opacity: 1 !important;}
.mh-80{min-height: 50px;}
.mh-80-account{min-height: 80px; line-height: 80px;}

  .phone-button:hover {
    background:#be0085;
  }

  .whatsapp-button:hover {
    background:#44b40c;
  }
@keyframes neonGlow {
    0% {
        text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff;
    }
    50% {
        text-shadow: 0 0 10px #ff00ff, 0 0 20px #ff00ff, 0 0 30px #ff00ff;
    }
    100% {
        text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff;
    }
}

@keyframes neonGlow1 {
    0% {
        text-shadow: 0 0 5px #6cf32a, 0 0 10px #6cf32a, 0 0 20px #6cf32a;
    }
    50% {
        text-shadow: 0 0 10px #6cf32a, 0 0 20px #6cf32a, 0 0 30px #6cf32a;
    }
    100% {
        text-shadow: 0 0 5px #6cf32a, 0 0 10px #6cf32a, 0 0 20px #6cf32a;
    }
}


body{margin:0px; font-display:fallback; font-family: 'Hero New'; background: #2d313b; font-weight:200;font-size:16px;color:#fff; outline:none; min-height:100%;}
html{overflow-y:scroll;overflow-x:hidden;height:100%; scroll-behavior: smooth;}

a{text-decoration:none;color:#000000;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
a:hover{text-decoration:none;color:#505050;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}

.header-absolute{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; z-index: 98; width: 100%; position: absolute;  }
.home-video-rotate{transform: rotate(-4deg);}
.mobile-home-video-pt{padding-top:170px;}

.text-shake-animation {
    animation: text-shake 0.8s infinite;
    display: inline-block;
}

.text-shake-animation:hover {
    animation:  neonGlow 1.5s infinite alternate; 
}

.text-shake-animationyesil {
    color: #6cf32a !important;
    animation: text-shake 0.8s infinite;
    display: inline-block;
}

.text-shake-animationyesil:hover {
    animation:  neonGlow1 1.5s infinite alternate; 
}

@keyframes text-shake {
    0% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
    10% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    20% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(-3px, 0px) rotate(1deg);
    }
    100% {
        transform: translate(1px, 1px) rotate(0deg);
    }
}

.neon-button {
    color: white;
    background: rgb(112, 183, 111,0.4);
    border: 1px solid #fff;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    display: inline-block;
    border-radius: 10px;
    transform: rotate(25deg);
    transform-origin: center center;
    animation: neonPulse 1.5s ease-in-out infinite, neonRotate 3s linear infinite, shake 3s infinite;
    text-shadow: 0 0 3px #00ff80;
}

@keyframes neonPulse {
    0% {
        box-shadow: 0 0 5px #00ff80, 0 0 10px #00ff80, 0 0 20px #00ff80;
    }
    50% {
        text-shadow: 0 0 3px #fff, 0 0 5px #fff;
    }
    100% {
        box-shadow: 0 0 5px #00ff80, 0 0 10px #00ff80, 0 0 20px #00ff80;
    }
}

@keyframes neonPulse-ic {
    0% {
        box-shadow: 0 0 1px #00ff80, 0 0 2px #00ff80, 0 0 3px #00ff80;
    }
}

@keyframes neonRotate {
    0% {
        box-shadow: 0 0 15px #a028a6, 0 0 75px #a028a6;
    }
    25% {
        box-shadow: 0 0 15px #42d448, 0 0 75px #42d448;
    }
    50% {
        box-shadow: 0 0 15px #42d448, 0 0 75px #42d448;
    }
    75% {
        box-shadow: 0 0 15px #42d448, 0 0 75px #42d448;
    }
    100% {
        box-shadow: 0 0 15px #a028a6, 0 0 75px #a028a6;
    }
}

@keyframes neonRotate-ic {
    0% {
        box-shadow: 0 0 5px #a028a6, 0 0 15px #a028a6;
    }
    25% {
        box-shadow: 0 0 5px #42d448, 0 0 15px #42d448;
    }
    50% {
        box-shadow: 0 0 5px #42d448, 0 0 15px #42d448;
    }
    75% {
        box-shadow: 0 0 5px #42d448, 0 0 15px #42d448;
    }
    100% {
        box-shadow: 0 0 5px #a028a6, 0 0 15px #a028a6;
    }
}




@keyframes shake {
    0%, 100% {
        transform: rotate(25deg);
    }
    90% {
        transform: rotate(23deg);
    }
    92% {
        transform: rotate(27deg);
    }
    94% {
        transform: rotate(23deg);
    }
    96% {
        transform: rotate(27deg);
    }
    98% {
        transform: rotate(24deg);
    }
    99% {
        transform: rotate(26deg);
    }
}

.uk-navbar-dropdown{ border-radius: 15px; box-shadow: 0px 10px 10px rgba(0,0,0,.15);}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{font-family: 'Hero New'; text-transform:capitalize; font-display:fallback;}
.uk-button-text::before{ border-bottom: 1px solid #ff00b4 !important;}
.z-0{ z-index:0;}
.z-1{ z-index:999; position: relative;}
.z-2{ z-index:2;}
.z-9{ z-index:9;}
.z-99{ z-index:9999;}
@keyframes slide {
    0% { transform: translateX(100%); }
    10% { transform: translateX(0%); }
    20% { transform: translateX(0%); }
    30% { transform: translateX(0%); }
    100% { transform: translateX(-120%); }

  }
.pink-btn:hover{box-shadow: 0 0 10px #ab3f81, 0 0 20px #ab3f81, 0 0 20px #ab3f81;  color:#fff}
.black-btn{background:#000; box-shadow 0.3s ease-in-out;  border-radius:5px; padding:4px 10px; display:inline-block; font-size:14px; font-weight: 500; color:#fff}
.three-btn-box{ margin: 5px 10px;}

.pink-big-btn{background:#ff00b4; box-shadow 0.3s ease-in-out;  border-radius:5px; display:inline-block; font-weight: 500; color:#fff}
.pink-big-btn:hover{box-shadow: 0 0 10px #ab3f81, 0 0 20px #ab3f81, 0 0 20px #ab3f81;  color:#fff}
.green-big-btn{background:#6cf32a; box-shadow 0.3s ease-in-out;  border-radius:5px; display:inline-block; font-weight: 500; color:#000}
.green-big-btn:hover{box-shadow: 0 0 10px #6cf32a, 0 0 20px #6cf32a, 0 0 20px #6cf32a;  color:#000}

.red-big-btn{background:#ed0010; box-shadow 0.3s ease-in-out;  border-radius:5px; display:inline-block; font-weight: 500; color:#fff}
.red-big-btn:hover{box-shadow: 0 0 10px #ed0010, 0 0 20px #ed0010, 0 0 20px #ed0010;  color:#fff}

.gold-big-btn{background: linear-gradient(45deg, #ffd700, #976c07); box-shadow: 0.3s ease-in-out; border-radius:5px; display:inline-block; font-weight: 500; color:#000}
.gold-big-btn:hover{box-shadow: 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 20px #ffd700; background: linear-gradient(45deg, #ffd700, #976c07); color:#000}

.green-btn:hover{box-shadow: 0 0 10px #6cf32a, 0 0 20px #6cf32a, 0 0 20px #6cf32a;  color:#000}
.grey-btn:hover{box-shadow: 0 0 10px #666, 0 0 20px #666, 0 0 20px #666;  color:#fff}

.counter-box{background: #000; padding: 8px 10px 5px 10px; border-radius: 5px;}
.sticky .pink-btn:hover{box-shadow: 0 0 10px #dad9d9, 0 0 20px #dad9d9, 0 0 20px #dad9d9;  color:#fff}


.header-login-btn:hover{color:#ff00b4}

.sticky .header-login-btn{display:inline-block; color:#ff00b4}
.sticky .header-login-btn:hover{color:#b31383}

.submit-btn{background:#ff00b4; box-shadow 0.3s ease-in-out;  border-radius:10px; padding:10px 20px; display:inline-block; font-size:16px; font-weight: 500; color:#fff;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.submit-btn:hover{box-shadow:2px 2px 22px #ccc;  color:#fff;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.header-login-btn img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg);
    
}
.login-header-btn img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg);
    
}
.pl-0{padding-left: 0px;}
.mt-0{margin-top: 0px !important;}
.mt-5{margin-top: 5px !important;}
.header-margin{margin: 15px 0 15px 0;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}

.sticky .header-margin{margin: 0;}


.sticky .header-login-btn img{
    filter: brightness(0) saturate(100%) invert(18%) sepia(95%) saturate(4266%) hue-rotate(304deg) brightness(90%) contrast(98%);

}

.header-login-btn:hover img{
    filter: brightness(0) saturate(100%) invert(18%) sepia(95%) saturate(4266%) hue-rotate(304deg) brightness(90%) contrast(98%);

    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 0, 180, 0.7);
    }
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(255, 0, 180, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 0, 180, 0);
    }
}

.hover-top{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out ; }
.hover-top:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.uk-text-white{color: #fff !important;}
.uk-text-black{color: #000 !important;}
.uk-text-green{color: #00ff00 !important;}
.uk-text-pink{color: #ff00b4 !important;}
.uk-alert-none{background: none !important;}


.uk-offcanvas-overlay::before{background:rgba(0,0,0,.8)}
.uk-offcanvas-bar{ background: rgb(1,29,82); background: linear-gradient(156deg, rgba(1,29,82,1) 0%, rgba(150,40,156,1) 46%, rgba(50,54,61,1) 100%) !important;}
.uk-card-primary.uk-card-body .uk-nav-primary>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-card-secondary.uk-card-body .uk-nav-primary>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-light .uk-nav-primary>li>a, .uk-offcanvas-bar .uk-nav-primary>li>a, .uk-overlay-primary .uk-nav-primary>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color: #fff !important; font-weight: 400;}
.uk-margin-20{margin: 20px !important;}


.circle {
  position: absolute;
  width: 600px; /* Daha büyük yuvarlaklar */
  height: 600px;
  border-radius: 50%;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2); /* Daha kaliteli gölge */
  filter: blur(100px); /* Daha yumuşak ve kaliteli kenarlar */
  opacity: 0.9;
}

.circle-1 {
  background: #002f88;
  width: 700px; /* Daha büyük yuvarlaklar */
  height: 400px;
}

.circle-2 {
  background: #4d2556;
}

.circle-3 {
  background: #b32ab8;
  width: 800px; /* Daha büyük yuvarlaklar */
  height: 500px;
}
.circle-4 {
    background: #33323f;
}

.circle-5 {
    background: #091a54;
}

.circle-6 {
    background: #480749;
    width: 300px;
    height: 300px;
  }

.uk-nav-sub{padding-left: 0px !important;}
.uk-navbar-dropdown-nav .uk-nav-sub a{
    color: #000 !important;
    border-left: 2px solid #000;
    padding-left: 10px;
    text-align: left !important;
}
.uk-navbar-dropdown{ padding: 30px;}
.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-light .uk-nav-primary .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color: #fff !important; font-size: 15px; font-weight: 400;}

.custom-menu .uk-nav > li{
    padding: 2px 0px !important;
}
.custom-menu .uk-nav > li a{
    padding: 5px 10px !important;
    font-weight: 400;
    font-size: 15px;
}

.custom-menu .uk-nav > li:hover > a,
.custom-menu .uk-dropdown-nav > li:hover > a {
    background: rgb(110,14,124);
background: linear-gradient(27deg, rgba(110,14,124,1) 0%, rgba(45,49,59,1) 100%);
    color: white !important;
    border-radius: 5px !important;
    font-weight: 400;
    box-shadow: 2px 2px 20px rgba(156, 127, 156, 0.702);
}

.custom-menu .uk-nav > .uk-active > a,
.custom-menu .uk-dropdown-nav > .uk-active > a {
    background: rgb(110,14,124);
background: linear-gradient(27deg, rgba(110,14,124,1) 0%, rgba(45,49,59,1) 100%);
    color: white !important;
    border-radius: 5px !important;
}

.custom-menu .uk-nav a {
    color: #000;
    transition: all 0.3s ease;
    border-radius: 5px !important;
}

.custom-menu .uk-nav a:hover {
    background: rgb(110,14,124);
background: linear-gradient(27deg, rgba(110,14,124,1) 0%, rgba(45,49,59,1) 100%);
    color: white !important;
}

.custom-menu .uk-navbar-dropdown {
    min-width: 200px;
}

.custom-menu .uk-navbar-dropdown-sub {
    position: absolute !important;
    left: 210px !important;
    top: 0 !important;
}

.custom-menu .uk-dropdown{border-radius: 15px !important;}

#popcorn-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    margin-top:-260px;
    margin-left: -15px;
    filter: drop-shadow(0px 1px 5px rgba(10, 10, 10, 0.5));
    }


    
.popup-video-kapat-btn {
    background-color: #ce60d5;
    border-radius: 8px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 10px;
    cursor: pointer;
    display: block;
    transition: all 0.3s ease;
}

.popup-video-kapat-btn:hover {
    background-color: #b31383;
    color: #fff;
}

.popup-video-kapat-btn svg{ display: none !important;}
    



.kupon-info-box {
    display: flex;
    background: linear-gradient(45deg, rgba(163, 94, 233, 0.1), rgba(105, 120, 254, 0.1));
    border-left: 4px solid #a35ee9;
    border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.kupon-info-box:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}
.kupon-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    margin-right: 12px;
    color: #a35ee9;
}
.kupon-info-content {
    flex: 1;
}
.kupon-info-content p {
    margin: 0;
    line-height: 1.6;
    color: #333;
    font-size: 15px;
}

/* ===== Ödeme Yöntemi Seçim Kartları (odeme.php, sessionsatis.php, paket-satin-al.php) ===== */
.odeme-yontemi-secim {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.odeme-yontemi-kart {
    position: relative;
    flex: 1 1 210px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 2px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
    user-select: none;
    transition: all 0.25s ease;
}

.odeme-yontemi-kart:hover {
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-1px);
}

.odeme-yontemi-kart input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.oy-ikon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

.oy-ikon svg {
    width: 24px;
    height: 24px;
}

.oy-metin {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.oy-baslik {
    font-weight: 700;
    font-size: 15px;
    color: #fff;
}

.oy-aciklama {
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 2px;
}

.oy-secili-rozet {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2ee6c4, #00b4d8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #04121a;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.oy-secili-rozet svg {
    width: 14px;
    height: 14px;
}

/* Seçili kart */
.odeme-yontemi-kart:has(input:checked) {
    border-color: #b16aff;
    background: linear-gradient(135deg, rgba(151, 51, 238, 0.20), rgba(249, 136, 231, 0.12));
    box-shadow: 0 0 0 1px rgba(177, 106, 255, 0.35), 0 8px 24px rgba(151, 51, 238, 0.25);
}

.odeme-yontemi-kart:has(input:checked) .oy-ikon {
    background: linear-gradient(135deg, #9733EE, #f988e7);
    color: #fff;
}

.odeme-yontemi-kart input:checked ~ .oy-secili-rozet {
    opacity: 1;
    transform: scale(1);
}

@media (max-width: 480px) {
    .odeme-yontemi-kart {
        flex: 1 1 100%;
    }
}