.hero-section {
            padding: 60px 80px;
            position: relative;
            overflow: hidden;
        }
        
        .hero-container {
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }
        
        .hero-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            position: relative;
        }
        
        .rating-container {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
        }
        .hero-container .rating-container{
            background-color: transparent !important;
            box-shadow: none !important;
            border: 1px solid #EEEEEE;
            border-radius: 57px !important;
        }
        .avatar-group {
            display: flex;
            margin-right: 15px;
        }
        
        .avatar {
            border: 2px solid #fff;

            width: auto;
        }
        
        .avatar:first-child {
            margin-left: 0;
        }
        
        .rating-score {
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            margin-right: 8px;
        }
        
        .rating-stars {
            color: rgba(247, 96, 9, 1);
        }
        
        .rating-count {
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: 0%;
            
        }
        
        .hero-title {
            font-weight: 700;
            font-size: 56px;
            line-height: 68px;
            letter-spacing: 0%;
            text-align: center;
            margin-bottom: 12px;
            max-width: 800px;
        }
        
        .hero-subtitle {
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0%;
            text-align: center;
            
            margin-bottom:32px;
            max-width: 600px;
        }
        
        .hero-buttons {
            display: flex;
            gap: 10px;
            margin-bottom: 60px;
        }
        .hero-section .btn-primary, .hero-section .btn-secondary {
            height: 52px;
            width: 207px;
        }
        .btn-primary {
            background: #F76009;
            border: 1px solid rgba(255, 77, 77, 1);
            color: white;
            padding: 12px 20px;
            border-radius: 12px;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            width: fit-content;
        }
        
        .btn-primary:hover {
            background-color: #E56000;
        }
  
        .btn-secondary {
            background: var(--Neutrals-White, #FFFFFF);
            color: #000000;
            border: 1px solid var(--Neutrals-300, #CBCBCB);
            padding: 12px 20px;
            border-radius: 12px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s;
font-weight: 700;
font-size: 16px;
letter-spacing: 0%;
vertical-align: middle;
display: flex;
align-items: center;
gap: 8px;
align-items: center;
justify-content: center;

        }
        
        .btn-secondary:hover {
            background-color: #f5f5f5;
        }
        
        .features {
            display: flex;
            justify-content: center;
            gap: 29px;
            width: fit-content;
        }
        
        .feature {
            display: flex;
            align-items: center;
            gap: 16px;
            width: fit-content;
        }
       
        
        .feature-content h3 {
            font-size: 16px;
            margin-bottom: 5px;
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
color: #000000;
        }
        .feature-content > * {
            text-align: start;
        }
        
        .feature-content p {
            color: var(--Neutrals-700, #282828);
max-width: 250px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;

        }
        
        /* Card Containers with Glow Effects */
        .card-container-left {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            display: flex;
            justify-content: start;
        }
        
        .card-container-right {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            display: flex;
            justify-content: end;
        }
        
        .card-image {
            display: block;
            max-width: 85%;
            height: auto;
        }
        @media screen and (min-width:1600px){
                  
        .card-image {
            max-width: 100%;
        }
            
        }
        
        /* Glow effects */
        .glow-left {
            position: absolute;
            top: 0%;
            left: -10%;
            width: 600px;
            height: 600px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255,106,0,0.15) 0%, rgba(255,106,0,0) 70%);
            z-index: 0;
        }
        
        .glow-right {
            position: absolute;
            top: 0%;
            right: -10%;
            width: 600px;
            height: 600px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(123,70,184,0.15) 0%, rgba(123,70,184,0) 70%);
            z-index: 0;
        }
        .mobile-hero-images{
            display: none;
        }
        /* Responsive styles */

        @media screen and (max-width:1380px) and (min-width:992px){
            .hero-section{
                padding: 60px 10px !important;
            }
            .card-image{
          max-width: 65% !important;
            }
            .profile-purple,.profile-yellow{
                width: 75%;
            }
        }
        @media screen and  (max-width: 992px) {
            .hero-section {
                padding:  20px;
            margin-bottom: 10px !important;
            }
            
            .hero-title {
                font-weight: 700;
                font-size: 30px;
                line-height: 40px;
                letter-spacing: 0%;
                text-align: center;
                
            }
            
            .hero-subtitle {
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: 0%;
                text-align: center;
                margin-bottom: 16px;
                
            }
            
            .hero-buttons {
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 10px;
                width: 100%;
                margin-bottom: 0px;
            }
            .hero-section .features{
                display: none !important;
            }
            .btn-primary, .btn-secondary {
                width: 100%;
            }
            
            .features {
                flex-direction: column;
                align-items: center;
                gap: 30px;
            }
            
            .feature {
                width: 100%;
                max-width: 100%;
            }
            
            .card-container-left, .card-container-right {
                display: none;
            }
            
            .card-image-mobile {
                display: block;
                max-width: 280px;
                margin: 0 auto 30px;
            }
            .mobile-hero-images{
                position: relative;
                display: flex;
            }
            .mobile-hero-images > img:first-child{
                position: absolute;
                bottom: 0px;
                left: -15%;
                width: 70%;
                height: auto;
            }
        }
        
        .card-image-mobile {
            display: none;
        }
        
        @media screen and  (max-width: 992px) {
            .card-image-mobile {
                display: block;
            }
            .rating-container{
                margin-bottom: 12px;
            }
        }

        /*SECTION 2 */

           
        /* Services Section */
        .services-section {
            padding: 40px 0;
            position: relative;
            overflow: hidden;
            border-radius: 20px;
            margin: 20px;
        }
        
        .purple-bg {
            background: linear-gradient(180deg, #6300B4 11.91%, #8F2E9F 59.12%, #BA5A8B 82.2%, #FC9E6B 100%);
        }
        
        .teal-bg {
            background: 
            linear-gradient(180deg, #178DA5 2.47%, #178DA5 42.49%, #00C288 77.53%, #00C288 100%);
            
        }
        
.blue-bg{
    background:
    linear-gradient(180deg, #0061C2 2.47%, #0061C2 42.49%, #00ABC2 77.53%, #00ABC2 100%);
    
}

        
        .services-header {
            text-align: center;
            margin-bottom: 30px;
            color: var(--Neutrals-White, #FFFFFF);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .services-title {
            font-size: 16px;
            margin-bottom: 9px;
            position: relative;
            display: inline-block;
            color: var(--Neutrals-White, #FFFFFF);

        }
        .services-header img{
            width: 12px;
            height: 6px;
        }
        

        
        .services-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
        }
        
        .service-tab {
            color: rgba(255, 255, 255, 0.64);
            padding: 10px 20px;
            border: none;
            background-color: transparent;
            font-size: 18px;
            cursor: pointer;
            transition: opacity 0.3s;
            margin: 0 10px;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .service-tab span{
            color: rgba(255, 255, 255, 0.64);

        }
        .service-tab.active {
          color: white;
        }
        
        .service-tab.active span{
            color: white;
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
        }
        
        /* Service Cards */
        .service-cards {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .service-card {
            background-color: white;
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 280px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        .service-card .btn-primary{
            width: 100% !important;
        }
      .service-card-icon{
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
        .service-main-icon i{
            opacity: 0.2;
            font-size: 32px;

        }
        
        .service-card-icon {
            margin-bottom: 15px;
            font-size: 24px;
        }
        
        .service-card-title {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: 0%;
            vertical-align: middle;
            
            margin-bottom: 10px;
        }
        
        .service-card-description {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0%;
            margin-bottom: 15px;
        }
        
        .service-card-features {
            margin-bottom: 20px;
        }
        
        .service-feature {
            display: flex;
            align-items: flex-start;
            margin-bottom: 10px;
            font-size: 14px;
        }
        .service-feature span{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;

        }
        .service-feature i {
            font-size: 16px;
            margin-top: 2px;
        }
        
        .service-cta {
            background-color: #ff6a00;
            color: white;
            border: none;
            padding: 12px 0;
            border-radius: 5px;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            width: 100%;
            transition: background-color 0.3s;
        }
        
        .service-cta:hover {
            background-color: #e56000;
        }
        .bg-check{
            border-radius: 50%;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 8px;
            background: rgba(99, 0, 180, 0.16);
            font-size: 13px;

        }
        .service-feature span{
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0%;
            
        }
        .service-feature i{
            font-size: 13px;
        }
        .bg-purple-check{

        }
        .service-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background-color: rgba(123, 44, 191, 0.1);
            color: #7b2cbf;
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 12px;
        }
        
        /* Info text */
        .info-text {
            text-align: center;
            color: white;
            margin-top: 20px;
            font-size: 14px;
            opacity: 0.9;
        }
        .services-section .owl-prev.disabled, .services-section .owl-next.disabled {
            display: none !important;
        }
         
        /* Owl Carousel Customization */
        .owl-carousel .owl-stage {
            display: flex;
            padding: 10px 0;
        }
        
        .owl-carousel .owl-item {
            display: flex;
            justify-content: center;
        }
        
        .owl-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            pointer-events: none;
            z-index: 10;
        }
        
        .owl-nav button {
            width: 40px;
            height: 40px;
            background-color: white !important;
            border-radius: 50% !important;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            pointer-events: auto !important;
            transition: opacity 0.3s ease;
        }
        
        .owl-nav button span {
            font-size: 24px;
            color: #333;
        }
        
        .owl-prev {
            margin-left: -20px;
            position: absolute;
            left: 0;
        }
        
        .owl-next {
            margin-right: -20px;
            position: absolute;
            right: 0;
        }
        
        .owl-nav button.disabled {
            cursor: default;
            opacity: 0.5;
        }
        .services-section .owl-item img{
            width: auto !important;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .services-section {
                padding: 30px 0;
                margin: 0px;
                border-radius: 0px !important;
            }
            .services-section.big-section{
                margin-left: 0px !important;
                margin-right: 0px !important;
                width: 100% !important;
                padding: 0px;
            }
            .services-tabs{
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap;
                overflow-x: scroll;
                justify-content: start;
  scrollbar-width:thin;
  scrollbar-color: rgba(155, 155, 155, 0.5) transparent;
  margin-bottom: 12px;
            }
         /* WebKit tarayıcılar için kaydırma çubuğu stilleri (Chrome, Safari, Opera) */
.services-tabs::-webkit-scrollbar {
    height: 2px; /* İnce yatay scrollbar */
    border-radius: 36px;

  }
  
  .services-tabs::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 36px;
  }
  
  .services-tabs::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 36px;
    border: 1px solid transparent;
  }
  
  .services-tabs::-webkit-scrollbar-thumb:hover {
    background-color: rgba(125, 125, 125, 0.7);
  }
  
            .service-tab span {
                display: none !important;
            }
            .services-section .owl-nav{
                display: none !important;
            }
            
            .service-tab i {
                font-size: 27px;
            }
            
            .service-cards {
                flex-wrap: wrap;
            }
            
            .service-card {
                max-width: 100%;
                padding: 20px;
            }
            .service-main-icon{
                display: none;
            }
            .service-card-icon{
                margin-bottom: 8px;
            }
            
            .owl-nav {
                display: none;
            }
            .services-header{
                margin-bottom: 18px;
            }
            .service-card-title{
font-weight: 600;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 4px;

            }
            .service-card-description{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
margin-bottom: 12px;
            }
        }


        /* End of Services Section */
        /* End of Section 2 */
        /* SECTION 3 */

        .why-choose-section {
            padding: 60px 20px;
            background-color: #fff;
        }
        
        .why-choose-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .section-header {
            text-align: left;
            margin-bottom: 40px;
        }
        
        .section-title {
            font-weight: bold;
            margin-bottom: 20px;
            color: var(--Neutrals-Black, #000000);
            text-align: start;
font-weight: 700;
font-size: 48px;
line-height: 60px;
letter-spacing: 0%;

        }
        
        .section-description {
            font-family: Archivo;
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            color: var(--Neutrals-Black, #000000);

            max-width: 800px;
        }
        
        /* Features Container */
        .features-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }
        
        /* When in carousel mode */
        .features-container.owl-carousel {
            display: block;
        }
        
        /* Feature Cards Styling */
        .feature-card {
            border-radius: 15px;
            padding: 30px;
            transition: transform 0.3s ease;
            height: 100%;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
        }
        
        .feature-card.orange {
            background: #FFF3EE;
        }
        
        .feature-card.purple {
            background: #F7ECFF;
        }
        
        .feature-card.green {
            background: #DFFFF0;
        }
        
        .feature-card.yellow {
            background: #FFFBDE;
        }
        
        .feature-card.pink {
            background: #FFE7FD;
        }
        
        .feature-card.blue {
            background: #FFEFEF;
        }
     
        .feature-title {
            font-size: 18px;
            font-weight: bold;
            color: var(--Neutrals-Black, #000000);
            font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 8px;
margin-top: 8px;

        }
        
        .feature-description {
            color: var(--Neutrals-Black, #000000);
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;

        }
        
        
        /* Responsive Media Queries */
        @media (max-width: 992px) and (min-width: 769px) {
            .features-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 991px) {
            .container{
                padding-top: 0px;
            }
            .why-choose-section{
                padding-right: 0px !important;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }
            .features-container .owl-item img{
                width: auto !important;
                height: auto;
            }
            .section-title {
                font-size: 28px;
            }
            
            .why-choose-section {
                padding: 40px 15px;
            }
            .feature-title{
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 4px;

            }
            .feature-description{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;


            }
        }


        /* End of Section 3 */
        /* SECTION 4 */
        .testimonials-section {
            padding: 60px 20px;
            background-color: #f4eeff;
            border-radius: 25px;
            margin: 20px;
        }
        
 
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 40px;
            flex-wrap: wrap;
        }
        
        .section-title-area {
            max-width: 650px;
        }
        
 
        
        .section-title span {
            color: #FF6A00;
        }
        
        .section-subtitle {
            font-size: 18px;
            color: #555;
        }
        
        .rating-container {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            background-color: white;
            width: fit-content;
            border-radius: 50px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        
        .avatar-group {
            display: flex;
            margin-right: 12px;
        }
        
        .avatar {
            min-width: fit-content;
            border: 2px solid white;
            overflow: hidden;
        }
        
        .avatar:first-child {
            margin-left: 0;
        }
        
        .avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .ratings-right {
            display: flex;
            align-items: start;
            flex-direction: column;
            gap: 0px;
        }
        .ratings-right >div{
            display: flex;
            align-items: center;
        }
        .rating-info {
            display: flex;
            flex-direction: column;
        }
        
        .rating-score {
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            display: flex;
            align-items: center;
        }
        
        .rating-stars {
            color: rgba(247, 96, 9, 1);
        }
        
        .rating-count {
            font-size: 12px;
            color: #666;
        }
        .clients-tells-header{
            display: flex !important;
            flex-direction: row !important;
        }
        .clients-tells-header >div> span{
            max-width: 385px;
            text-align: start;
            display: flex;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;

        }
        .testimonial-cards {
            position: relative;
        }
        .testimonial-card .play-button img{
            width: 100% !important;
            height: auto !important;
            object-fit: none !important;
        }
        .testimonial-cards .owl-nav{
            display: flex !important;
        }
        .testimonial-cards .owl-prev{
left: 0 !important ;

        }
        .testimonial-cards .owl-next{
right: 0 !important;

        }
        .testimonial-card {
            background-color: transparent;
            border-radius: 15px;
            overflow: hidden;
            padding: 0;
            text-align: center;
            transition: transform 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: translateY(-5px);
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 350px;
            border-radius: 15px;
            overflow: hidden;
            margin-bottom: 15px;
            cursor: pointer;
        }
        
        .video-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .play-button {
            position: absolute;
            bottom: 5%;
            left: 5%;
            transform: translate(-5%, -5%);
            width: 60px;
            height: 60px;
            background-color: rgba(255, 106, 0, 1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            opacity: 1;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        .home-body section.testimonials-section{
            margin-bottom: 0px !important;
        }
   
        .video-container:hover .play-button {
            opacity: 1;
            transform: translate(-5%, -5%) scale(1.1);
        }
        
        .testimonial-name {
            font-weight: 600;
            font-size: 16px;
            line-height: 22.79px;
            letter-spacing: 0%;
            text-align: center;
            
        }
        
        .testimonial-position {
            font-weight: 400;
            font-size: 14px;
            line-height: 21.04px;
            letter-spacing: 0%;
            text-align: center;
            
        }
        
        /* Owl Carousel Customization */
        .owl-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            pointer-events: none;
            z-index: 2;
        }
        
        .owl-prev, .owl-next {
            width: 40px;
            height: 40px;
            background-color: white !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            pointer-events: auto;
            opacity: 0.9;
            transition: opacity 0.3s ease;
        }
        
        .owl-prev {
            left: -20px;
            position: absolute;
        }
        
        .owl-next {
            right: -20px;
            position: absolute;
        }
        
        .owl-prev:hover, .owl-next:hover {
            opacity: 1;
            background-color: white !important;
        }
        
        .owl-nav button span {
            font-size: 24px;
            color: #333;
        }

        /* Custom background colors for each card */
        .bg-purple {
            background-color: #9c5dc9;
        }
        
        .bg-blue {
            background-color: #2196f3;
        }
        
        .bg-orange {
            background-color: #ff7043;
        }
        
        .bg-red {
            background-color: #e91e63;
        }
        
        .bg-green {
            background-color: #26a69a;
        }
        
        /* Responsive */
        @media (max-width: 992px) {
            .section-header {
                flex-direction: column;
                align-items: start;
                text-align: center;
                margin-bottom: 24px;

            }
            
            .section-title-area {
                margin-bottom: 16px;
                text-align: center;
            }
            
            .section-title {
                font-weight: 700;
                font-size: 28px;
                line-height: 36px;
                letter-spacing: 0%;
                vertical-align: middle;
                margin-bottom: 0px !important;
            }
            
            .video-container {
                height: auto;
            }
         .testimonials-section   .owl-carousel .owl-item img{
                aspect-ratio: 9/16;
            }
        }
        
        @media (max-width: 576px) {
            .testimonials-section {
                padding: 40px 15px;
                margin: 10px;
            }
            
            .section-title {
                font-weight: 700;
                font-size: 28px;
                line-height: 36px;
                letter-spacing: 0%;
                vertical-align: middle;
            }
            
            .video-container {
                height: auto;
            }
            
            .owl-nav {
                display: none;
            }
        }

        /* End of Section 4 */
        /* SECTION 5 */
        
        .comments-section {
            position: relative;
            overflow: hidden;
        }
        .comments-header {
            align-items: center;
            justify-content: center;
        }
        .comments-header * {
            text-align: center !important;
        }
        .comments-header .section-description{
            text-align: center !important;
        }
        
        /* Center glow effect */
        .center-glow {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(255, 106, 0, 0.4) 0%, rgba(255, 255, 255, 0.35) 70%);
            z-index: 1;
        }
        
        /* Side white overlays */
        .side-overlay-left {
            position: absolute;
            top: 0;
            left: 0;
            width: 150px;
            height: 100%;
            background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
            z-index: 5;
        }
        
        .side-overlay-right {
            position: absolute;
            top: 0;
            right: 0;
            width: 150px;
            height: 100%;
            background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
            z-index: 5;
        }
        
        .comments-container {
            position: relative;
            z-index: 3;
            overflow: hidden;

        }
        
        .section-header {
            text-align: center;
            display: flex;
            flex-direction: column;
            margin-bottom: 40px;
        }
        
@media screen and (min-width:991px){
    .home-body section.comments-section{
        padding-top: 96px;
        padding-bottom: 96px;
    }
    
}
        
        .section-title span {
            color: #FF6A00;
        }
        
        .section-description {
            color: var(--Neutrals-Black, #000000);
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            
            max-width: 700px;
            margin: 0 auto;
            text-align: start;
            margin: 0px !important;
        }
        
        .comments-row {
            display: flex;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
            gap: 10px;
        }
        
        .comment-card {
            width: 100%;
            background-color: #fff;
            border-radius: 15px;
            padding: 15px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
            flex-shrink: 0;
        }
        
        .rating {
            color: rgba(247, 96, 9, 1) ;
            font-size: 12px;
            margin-bottom: 10px;
        }
        
        .rating i {
            margin-right: 2px;
        }
        
        .comment-title {
            margin-bottom: 4px;
            font-weight: 600;
            font-size: 20px;
            line-height: 32px;
            letter-spacing: 0%;
                    }
   
        .comment-text {
            color: var(--Neutrals-600, rgba(84, 84, 84, 1));
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            
            margin-bottom: 15px;
        }
        
        .comment-user {
            display: flex;
            align-items: center;
        }
        
        .user-avatar {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 10px;
        }
        
        .user-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .user-name {
            font-size: 14px;
            font-weight: bold;
            color: #333;
        }
        .comments-row.row-second{
            transform: translateX(-100px);
        }
        
        /* Responsive */
        @media (max-width: 992px) {
            .comments-container {
                padding: 0 50px;
            }
     
         
        }
        
        @media (max-width: 991px) {
            .side-overlay-left{
                width: 100%;
                height: 150px;
                top: 25%;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);

            }
            .side-overlay-right{
                width: 100%;
                height: 150px;
                top: unset;
                background: linear-gradient(to top, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
                bottom: 0;
            }
            .comments-row.row-second{
                transform: translateX(0px);
                display: none !important;
            }
            .comments-section {
                padding: 40px 15px;
            }
            
            
  
            .comments-container {
                padding: 0 0px;
            }
            
            .comments-row {
                flex-direction: column;
            }
            
            .comment-card {
                width: 100%;
            }
        }



        /* End of Section 5 */
        /* SECTION 6 */
        .container {
            max-width: 1200px !important;
            margin: 0 auto;
            padding: 16px;
        }
        @media screen and (min-width:1280px) {
            .container {
                max-width: 1280px !important;
                padding: 20px;
            }
        }
        .big-section{
            width: calc(100% - 64px) !important;
            margin-right: auto !important;
            margin-left: auto !important;
            margin-top: 0px !important;
        }
        @media screen and (min-width:1680px){
            .big-section{
                width: 1616px !important;
                margin-right: auto !important;
                margin-left: auto !important;
                margin-top: 0px !important;
            }
        }
      
        
        /* Ana Bölüm - %40-%60 düzeni */
        .faq-main-section {
            display: flex;
            margin-bottom: 40px;
        }
        
        .faq-left-column {
            width: 40%;
            padding-right: 30px;
        }
        
        .faq-right-column {
            width: 60%;
        }
        
        .faq-page-title {
            font-weight: 700;
            font-size: 28px;
            line-height: 36px;
            letter-spacing: 0%;
            vertical-align: middle;
        }

        /* Soru Kutusu */
        .faq-support-box {
            display: flex;
            align-items: center;
            background-color: white;
            border-radius: 12px;
            padding: 15px;
            border: 1px solid var(--Neutrals-200, #E2E2E2);
                        margin-bottom: 20px;
            max-width: 402px;
        }
        
        .faq-support-icon {
         
            margin-right: 15px;
        }

        .faq-support-text {
            font-size: 14px;
        }
        
        .faq-support-text p {
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            vertical-align: middle;
                    }
        
        .faq-contact-link {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            vertical-align: middle;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-offset: 0%;
            text-decoration-thickness: 0%;
            
            cursor: pointer;
        }
        
        /* Accordion Stilleri */
        .faq-accordion-container {
            margin-bottom: 20px;
        }
        
        .faq-accordion-item {
            background-color: white;
            border-radius: 12px;
            margin-bottom: 15px;
            overflow: hidden;
            border: 1px solid var(--neutrals-200, #E2E2E2);
                }
        
        .faq-accordion-header {
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            background-color: white;
            border-bottom: 1px solid #f1f1f1;
        }
        
        .faq-accordion-header h3 {
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            letter-spacing: 0%;
            text-transform: capitalize;
            
        }
        
        .faq-accordion-icon {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .faq-accordion-icon.minus {
            display: none;
        }
        
        .faq-accordion-content {
            padding: 20px;
        
            display: none;
        }
        
        .faq-accordion-content p {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            
        }
        
        .faq-accordion-item.active .faq-accordion-content {
            display: block;
        }
        
        .faq-accordion-item.active .faq-accordion-icon.plus {
            display: none;
        }
        
        .faq-accordion-item.active .faq-accordion-icon.minus {
            display: flex;
        }
        
        /* Responsive Stiller */
        @media (max-width: 992px) {
            .faq-main-section {
                flex-direction: column;
            }
            
            .faq-left-column, .faq-right-column {
                width: 100%;
                padding-right: 0;
            }
            
        
        }
        


        /* End of Section 6 */
        /* SECTION 7 */
                /* Blog Bölümü Stilleri */
                .blog-section {
                    margin-top: 40px;
                }
                
                .blog-title-container {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 30px;
                }
                
                .blog-section-title {
                    font-size: 28px;
                    font-weight: bold;
                }
                
                .blog-all-articles {
                    display: inline-flex;
                    align-items: center;
                    padding: 8px 16px;
                    border: 1px solid #ddd;
                    border-radius: 20px;
                    font-size: 14px;
                    color: #333;
                    text-decoration: none;
                    transition: background-color 0.3s ease;
                }
                
                .blog-all-articles:hover {
                    background-color: #f1f1f1;
                }
                
                .blog-all-articles svg {
                    margin-left: 5px;
                }
                
                .blog-grid-container {
                    display: flex;
                    gap: 24px;
                }
                .blog-grid-container .blog-grid-left a{
                    text-decoration: none;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                }
                .blog-grid-container .blog-grid-right a{
                    text-decoration: none;
                    width: 100%;
                    height: 100%;
                    display: flex;
                }
                .blog-grid-left {
                    width: 50%;
                }
                
                .blog-grid-right {
                    width: 50%;
                    display: flex;
                    flex-direction: column;
                    gap: 24px;
                }
                
                .blog-card {
                    background-color: white;
                    border-radius: 10px;
                    overflow: hidden;
                    border: 1px solid var(--Neutrals-200, #E2E2E2);   
                    padding: 8px;
                                     border-radius: 12px;
                    transition: transform 0.3s ease;
                    height: 100%;
                }
                .blog-card img{
                    border-radius: 12px;
                }
                .blog-card:hover {
                    transform: translateY(-5px);
                }
                
                .blog-card.main-article {
                    height: 100%;
                }
                
                .blog-card.main-article .blog-image {
                    height: auto;
                }
                
                .blog-card.side-article {
                    display: flex;
                    height: auto;
                }
                
                .blog-card.side-article .blog-image {
                    width: 40%;
                    height: auto;
                }
                
                .blog-card.side-article .blog-content {
                    width: 60%;
                }
                
                .blog-image {
                    height: 200px;
                    overflow: hidden;
                }
                
                .blog-image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                
                .blog-content {
                    padding: 15px;
                    padding-top: 24px;
                }
                
                .blog-date {
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 20px;
                    letter-spacing: 0%;
                    margin-bottom: 9px;
                }
                
                .blog-card-title {
                    font-weight: 600;
                    font-size: 24px;
                    line-height: 32px;
                    letter-spacing: 0%;
                    
                    margin-bottom: 12px;
                }
   

                .blog-excerpt {
                    color: var(--Neutrals-700, rgba(40, 40, 40, 1));
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 24px;
                    letter-spacing: 0%;
                    
                    
                }

                /* Responsive Stiller */
                @media (max-width: 992px) {
                    .blog-grid-container {
                        flex-direction: column;
                    }
                    
                    .blog-grid-left, .blog-grid-right {
                        width: 100%;
                    }
                    
                    .blog-card.side-article {
                        margin-bottom: 10px;
                    }
                }
                
                @media (max-width: 991px) {
                    .blog-section-title {
                        font-size: 24px;
                    }
                    
                    .blog-title-container {
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 15px;
                    }
                    
                    .blog-card.side-article {
                        flex-direction: column;
                    }
                    
                    .blog-card.side-article .blog-image,
                    .blog-card.side-article .blog-content {
                        width: 100%;
                    }
                    
                    .blog-card.side-article .blog-image {
                        height: 150px;
                    }
                }
        
                /* End of Section 7 */
                /* SECTION 8 */
                        /* Banner Bölümü Stilleri */
        .social-banner {
            background-color: #6a0dad; /* Mor arka plan */
            border-radius: 20px;
            padding: 60px 40px;
            position: relative;
            overflow: hidden;
            margin: 20px;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .social-banner .container{
            display: flex
            ;
                    width: 100%;
                    justify-content: space-between;
                    align-items: center;
        }
        
        .social-banner::after {
            content: '';
            position: absolute;
            width: 500px;
            height: 500px;
            border-radius: 50%;
            background-color: rgba(60, 0, 120, 0.5);
            top: 50%;
            right: -100px;
            z-index: 0;
            transform: translateY(-50%);
        }
        
        .banner-content {
            width: 45%;
            position: relative;
            z-index: 2; 
        }
        
        .banner-title {
            font-weight: 700;
            font-size: 44px;
            line-height: 60px;
            letter-spacing: -2%;
            
            color: white;

        }
        
        .banner-description {
            font-weight: 500;
            font-size: 18px;
            line-height: 28px;
            margin-top: 1rem;
            letter-spacing: 0%;
            margin-bottom: 2rem;
            color: white;

        }
        a.btn-primary{
            text-decoration: none !important;
        }
        
 
        
        .banner-button:hover {
            background-color: #E64A19;
        }
        
        .banner-images {
            width: 50%;
            position: relative;
            z-index: 2;
            height: 300px; 
        }
        
        .profile-yellow {
            position: absolute;
            bottom: -40px;
            left: 20px;
            transform: rotate(-5deg);
            z-index: 1;
        }
        
        .profile-purple {
            position: absolute;
            top: -80px;
            right: 50px;
            transform: rotate(5deg);
            z-index: 2;
            width: 55%;
        }
        
        @media (max-width: 992px) {
            .social-banner .container{
                flex-direction: column-reverse;
                padding: 0px;
            }
            .social-banner{
                padding: 24px !important;
            }
            .banner-content, .banner-images {
                width: 100%;
            }
            
            .banner-content {
                text-align: center;
            }
            
            .banner-title {
                font-weight: 700;
                font-size: 24px;
                line-height: 32px;
                letter-spacing: -2%;
                text-align: center;
                
                
            }
            .social-banner::after{
                top: 0 !important;
            }
            
            .banner-images {
                height: 250px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
            .profile-yellow, .profile-purple {
                top: -10%;
                left: auto;
                right: auto;
                bottom: auto;
                transform: none;
                margin: 10px 0;
                max-width: 290px;
            }
            .profile-yellow{
                z-index: 999;
                left: 50% !important;
                transform: translateX(-55%);
           
            }
            .profile-purple{
                width: 75% !important;
                left: 50% !important;
    transform: translateX(-40%);
            }
      
            .banner-description{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
margin-top: 8px;
margin-bottom: 24px;

            }
   
            .social-banner .btn-primary{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
        
        @media (max-width: 576px) {
   
        }

     


        /* PREMİUM DETAIL PAGE CSS  */
        .premium-detail-likes-section {
           padding-left: 32px;
           padding-right: 32px;
           padding-top: 12px;
        }
        .premium-detail-likes-section .premium-detail-big-container {
            
            background:
            linear-gradient(180deg, #6300B4 11.91%, #8F2E9F 59.12%, #BA5A8B 82.2%, #FC9E6B 100%);
            
            border-radius: 20px;
            padding: 90px 160px;
            color: white;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .premium-detail-section-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            gap: 20px;
        }
        .premium-detail-section-header *{
            color: white ;
        }
        .premium-detail-title-area {
            width: 50%;
        }
        .premium-detail-price-option.selected .premium-detail-price-amount{
            color: var(--Primary, var(--type-color));
        }
        .premium-detail-delivery-tag {
            font-weight: 600;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            
            margin-bottom: 4px;
        }
        .premium-detail-card-title{
            text-align: left;
        }
        .premium-detail-section-description{
            width: 50%;
            padding-left: 30px;
        }
        .premium-detail-section-title {
            font-weight: 700;
            font-size: 48px;
            line-height: 56px;
            letter-spacing: -2%;
            margin-bottom: 32px;            
        }
        
        .premium-detail-section-description {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            
        }
        
        .premium-detail-container {
            display: flex;
            gap: 20px;
        }
        
        /* Left Side - Price Grid */
        .premium-detail-left-panel {
            flex: 1;
            background-color: white;
            border-radius: 15px;
            padding: 20px;
            height: fit-content;
            color: #333;
        }
        
        .premium-detail-card-header {
            text-align: center;
            margin-bottom: 15px;
        }
        
        .premium-detail-card-title {
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            vertical-align: middle;
            
        }
        
        /* Price Grid Styles */
        .premium-detail-price-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
            margin-bottom: 20px;
        }
        
        .premium-detail-price-option {
            border: 1px solid #eee;
            border-radius: 16px;
            padding: 10px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .premium-detail-price-option:hover {
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        
        .premium-detail-price-option.selected {
            border: 2px solid var(--Primary, var(--type-color));
            background: var(            --Primary-50, color-mix(in srgb, var(--type-color) 10%, transparent));
        }
        
        .premium-detail-price-amount {
            font-weight: bold;
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: 0%;
            text-align: center;
            padding-bottom: 6px;
            margin-bottom: 6px;
            vertical-align: middle;
        
        position: relative;
        width: fit-content;
        text-align: center;
        }
        .premium-detail-price-amount::after{
            content: "";
            height: 1px;
            width: 100%;
            background: var(--Neutrals-100, #EEEEEE);
            position: absolute;
            bottom: 0;
            left: 0;
        }
        
        .premium-detail-price-discount {
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            
            color: var(--Neutrals-Black, #000000);
        }
        .premium-detail-price-discount{
            display: flex;
            align-items: center;
            gap: 3px;
            justify-content: center;
        }
        .premium-detail-bottom-container{
            background: #FFFAEB;
            border: 1px solid #FFDDC9;
            border-radius: 12px;
            padding: 21px 27px;
        }
        /* Summary Styles */
        .premium-detail-summary-container {
            display: flex;
            justify-content: start;
        }
        
        .premium-detail-summary-item {
            font-size: 14px;
            
        }
        .premium-detail-summary-container .premium-detail-summary-item:nth-child(1){
            padding-right: 32px;
            margin-right: 32px;
            position: relative;
        }
        .premium-detail-summary-container .premium-detail-summary-item:nth-child(1)::after{
            content: "";
            height: 100%;
            width: 1px;
            background: var(--Neutrals-200, #E2E2E2);
            position: absolute;
            bottom: 0;
            right: 0;
        }
        .premium-detail-summary-title {
            color: var(--Neutrals-700, #282828);
        }
        
        .premium-detail-summary-value {
            font-weight: 700;
            font-size: 28px;
            line-height: 36px;
            letter-spacing: 0%;
            
        }
        
        .premium-detail-summary-discount {
            background: var(--success-700, #027A48);
            color: white;
            padding: 2px 8px;
            margin-left:8px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
border-radius: 5px;
vertical-align: middle;

        }
        
        /* Button Styles */
        .premium-detail-action-container {
            display: flex;
            margin-top: 20px;
            gap: 10px;
        }
        
   
        .premium-detail-favorite-button i {
            font-size: 20px;
        }
        
        /* Right Side - Feature Details */
        .premium-detail-right-panel {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .premium-detail-plan-option {
            background-color: white;
            border-radius: 15px;
            padding: 20px;
            color: #333;
            transition: all 0.3s ease;
        }
        .premium-detail-action-container .btn-primary{
            flex: 1;
        }
        .premium-detail-plan-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--Neutrals-200, rgba(226, 226, 226, 1));
        }
        
        .premium-detail-plan-title {
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            vertical-align: middle;
            
            margin-bottom: 5px;
        }
        
        .premium-detail-plan-description {
            color: var(--Neutrals-800, rgba(31, 31, 31, 1));
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            
        }
        
        .premium-detail-feature-tag {
            display: inline-block;
            background-color: var(--type-color);
            color: white;
            font-size: 12px;
            padding: 3px 8px;
            border-radius: 4px;
        }
        
        .premium-detail-tag-purple {
            background-color: #7b2cbf;
        }
        
        .premium-detail-features-list {
            list-style: none;
            margin-top: 20px;
        }
        
        .premium-detail-feature-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .premium-detail-feature-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
        }
        
        .premium-detail-feature-text {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            vertical-align: middle;
                    }
        
        /* Checkbox Styles */
        .premium-detail-checkbox-container {
            position: relative;
            width: 24px;
            height: 24px;
        }
        
        .premium-detail-checkbox {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }
        .premium-detail-big-container.premium-plan-cont .premium-detail-price-option.selected{
            border: 2px solid #7E17D2;
            background: #FAF4FF;

        }
        .premium-detail-big-container.premium-plan-cont .premium-detail-price-amount{
            color: #7E17D2;
            
        }
        .premium-detail-big-container.premium-plan-cont  .premium-detail-checkbox:checked + .premium-detail-checkmark{
            background: #7E17D2 !important;
            border: 1px solid var(--Neutrals-Black, #000000) !important;
        }
        .premium-detail-checkmark {
            position: absolute;
            top: 0;
            left: 0;
            width: 24px;
            height: 24px;
            background-color: white;
            border: 2px solid #ddd;
            border-radius: 4px;
            transition: all 0.2s;
        }
        
        .premium-detail-checkbox:checked + .premium-detail-checkmark {
            background-color: var(--type-color);
            border-color: var(--type-color);
        }
        
        .premium-detail-checkbox:checked + .premium-detail-checkmark:after {
            content: "\f00c";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 14px;
        }
        
        .premium-detail-plan-content {
            display: block;
        }
        
 
        
        /* Responsive */
        @media (max-width: 991px) {
            .premium-detail-section-header {
                flex-direction: column;
                gap: 12px;
                margin-bottom: 16px;
            }
            
            .premium-detail-container {
                flex-direction: column;
            }
            
            .premium-detail-price-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

    
        .followers-container{
            display: flex;
            align-items: center;
            gap: 40px;
        }
        
        /* Left Side - Content */
        .followers-content {
            flex: 1;
        }
        
        .followers-title {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        
        .followers-description {
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            
            margin-bottom: 30px;
        }
        
        .features-list {
            list-style: none;
            margin-top: 30px;
        }
        
        .feature-item {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .feature-icon {
            flex-shrink: 0;
            width: 36px;
            height: 36px;
            margin-right: 15px;
        }
        
        .feature-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        .feature-content {
            flex: 1;
        }
        
 
        
        /* Right Side - Image */
        .followers-visual {
            flex: 1;
        }
        
        .mobile-comparison-image {
            width: 100%;
            border-radius: 40px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        
        .mobile-comparison-image img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        /* Responsive */
        @media (max-width: 992px) {
            .followers-section {
                flex-direction: column;
            }
            
            .followers-content, 
            .followers-visual {
                width: 100%;
            }
        }
        
        @media (max-width: 576px) {
            .followers-title {
                font-size: 28px;
            }
            
            .feature-item {
                flex-direction: column;
            }
            
            .feature-icon {
                margin-bottom: 10px;
            }
        }


        /*POPUPSAL ŞEYLER*/
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
        }
        
        .popup-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        .popup-container {
            position: relative;
            background-color: white;
            width: 90%;
            max-width: 600px;
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }
        
        .popup-close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 18px;
            color: #999;
            cursor: pointer;
            background: none;
            border: none;
        }
        
        .popup-header {
            margin-bottom: 20px;
            text-align: center;
        }
        
        .popup-title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
        }
        
        .popup-description {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-label {
            display: block;
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
        }
        
        .form-control {
            width: 100%;
            padding: 12px 15px;
            border-radius: 8px;
            border: 1px solid #ddd;
            font-size: 14px;
            transition: border-color 0.3s;
        }
        
        .form-control:focus {
            outline: none;
            border-color: #FF6A00;
        }
        
        .form-description {
            font-size: 12px;
            color: #999;
            margin-top: 5px;
        }
        
        .popup-footer {
            margin-top: 20px;
            display: flex;
            gap: 10px;
        }
        
  .popup-footer button{
    width: 100% !important;
  }
        

        
        /* Added to Cart Notification */
        .cart-notification {
            position: fixed;
            z-index: 1001;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            border-radius: 10px;
            padding: 15px 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
            flex-direction: column;
            background: var(--Neutrals-White, #FFFFFF);
            border: 1px solid var(--Neutrals-200, #E2E2E2);
            box-shadow: 0px 0px 10.9px 0px #00000014;
            border-radius: 24px;
            gap: 12px;
        }
        .cartNotifiIcon{
            background: var(--Success-700, #027A48);
color: white ;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
        }
        .cart-notification p{
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            color: var(--Neutrals-600, #545454);
        }
        .notification-message{
            font-weight: 600;
            font-size: 20px !important;
            line-height: 30px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            color: #000000;

        }
        /* Desktop notification position */
        @media (min-width: 991px) {
            .cart-notification {
                top: 10%;
                right: 10%;
                width: 300px;
            }
        }
        
        /* Mobile notification position */
        @media (max-width: 767px) {
            .cart-notification {
                bottom: 20px;
                left: 50%;
                transform: translateX(-50%);
                width: 90%;
                max-width: 400px;
            }
        }
        
        .cart-notification.active {
            opacity: 1;
            visibility: visible;
        }
        
        .notification-message {
            flex: 1;
            font-size: 14px;
        }
        
        .notification-buttons {
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 100% ;
        }
        .notification-buttons >*{
            width: 100% !important;
        }
        .btn-sm {
            padding: 5px 10px;
            font-size: 12px;
            border-radius: 5px;
        }
        
        .btn-link-light {
            color: #fff;
            text-decoration: underline;
            background: none;
            border: none;
            cursor: pointer;
        }
    
        section{
            margin-bottom: 72px !important;
          }
          .popup-header * {
            text-align: left;
          }
          .popup-footer{
            display: flex;
            flex-direction: row-reverse;
          }
          .selected-packet-info{
            padding-top: 12px;
            border-top : 1px solid var(--Neutrals-100, #EEEEEE);

          }
          .selected-product-left-part{
            display: flex;
            align-items: center;
            gap: 8px;
          }
          .selected-product-info{
            display: flex;
            justify-content: space-between;
            align-items: center;
          }
          .selected-product-info .product-title{
            color: var(--neutrals-Black, #000000);
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            vertical-align: middle;
            
          }
          .selected-product-info .product-vendor{
            color: var(--Neutrals-600, #545454);
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            vertical-align: middle;
            
          }
          .selected-product-info .product-price{
            color: var(--neutrals-800, #344054);
            font-weight: 600;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            text-align: right;
            vertical-align: middle;
            
          }

          /* TAKE FREE PAGE  */
          .take-free-service{
            padding-top: 72px;

          }
          .take-free-service-container{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 120px;
          }
          .take-free-service-left{
            display: flex;
            flex-direction: column;
            gap: 16px;
          }
          .take-free-service-left img{
            width: fit-content;
            height: fit-content;
          }
          .take-free-service-left h2{
font-weight: 700;
font-size: 48px;
line-height: 60px;
letter-spacing: 0%;

          }
          .take-free-service-left-content{
            display: flex;
            flex-direction: column;
            gap: 16px;
          }
        .instagram-service  .take-free-service-left h2 span {
            color: #7b2cbf;

          }
          .twitter-service  .take-free-service-left h2 span {
            color: #0161C2;
          }
          .take-free-service-left p {
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0%;

          }
          .take-free-service-right{
            padding: 58px 56px;
            background: var(--Neutrals-White, #FFFFFF);
            border: 1px solid var(--Neutrals-300, #CBCBCB);
            border-radius: 32px;
        height: fit-content;
        }
        .take-free-card{
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .take-free-service-right h3{
font-weight: 600;
font-size: 32px;
line-height: 44px;
letter-spacing: 0%;
vertical-align: middle;

        }
    .instagram-service    .take-free-service-right h3 span {
            color: #7b2cbf;
        }
        .twitter-service    .take-free-service-right h3 span {
            color: #0161C2;
        }
        .take-free-form{
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        .take-free-service-right .take-free-packet label{
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
vertical-align: middle;

        }
        .free-service-box{
            border: 1px solid var(--Neutrals-300, #CBCBCB);
            background: var(--neutrals-White, #FFFFFF);
            padding: 16px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;

        }
        .free-service-box div{
            gap: 12px;
            display: flex;
            align-items: center;

        }
        .take-free-btn .btn-primary{
            width: 100% ;
        }
        .seperator-more{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 20px;
            gap: 8px;
        }
        .seperator-more span{
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            
            
        }

        .modal-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .free-taking-modal {
            background: var(--neutrals-White, #FFFFFF);
            border-radius: 24px;
            padding: 32px 48px;
            padding-top: 64px !important;
            width: 483px;
            max-width: 90%;
            position: relative;
            border: 1px solid var(--neutrals-200, #E2E2E2)
        }

        .free-taking-modal-close {
            position: absolute;
            top: 15px;
            right: 15px;
            color: #999;
            font-size: 1.2rem;
            cursor: pointer;
            background: none;
            border: none;
        }

        .free-taking-modal-header {
            text-align: center;
            margin-bottom: 20px;
        }

        .free-taking-modal-title {
            font-weight: 700;
            font-size: 28px;
            line-height: 36px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            
        }

        .free-taking-modal-subtitle {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            text-align: center;
            
        }

        .free-taking-modal-process .progress-container {
            margin: 30px 0;
            background-color: #f1f1f1;
            border-radius: 5px;
            height: 6px;
            overflow: hidden;
        }

        .free-taking-modal-process .progress-bar {
            height: 100%;
            width: 0;
            background-color: #ff6b00;
            transition: width 3s ease-in-out;
        }

        .free-taking-modal-process .loading-text {
            text-align: center;
            color: #666;
            font-size: 0.9rem;
            margin-bottom: 20px;
        }

        /* Success Modal Specific Styles */
        .free-taking-modal-success .success-icon {
            text-align: center;
            margin: 20px 0;
        }

        .free-taking-modal-success .success-icon i {
            font-size: 3rem;
            color: #28a745;
            background-color: rgba(40, 167, 69, 0.1);
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
        }

        .free-taking-modal-footer {
            margin-top: 20px;
        }

        .free-taking-modal-footer-text {
            text-align: center;
            color: #666;
            font-size: 0.9rem;
            margin-bottom: 15px;
        }

        .free-taking-modal-cta-button {
            background-color: #ff6b00;
            color: white;
            border: none;
            padding: 15px;
            border-radius: 5px;
            width: 100%;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            margin-bottom: 10px;
            transition: background-color 0.3s;
        }

        .free-taking-modal-cta-button:hover {
            background-color: #e55f00;
        }

        .free-taking-modal-secondary-button {
            background-color: transparent;
            color: #333;
            border: 1px solid #ddd;
            padding: 15px;
            border-radius: 5px;
            width: 100%;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .free-taking-modal-secondary-button:hover {
            background-color: #f5f5f5;
        }

        .modal-backdrop .btn-primary, .modal-backdrop .btn-secondary{
            width: 100% ;
        }
        .free-taking-modal-header{
            gap: 8px;
            display: flex;
            flex-direction: column;
        }
        .free-taking-modal-footer-text{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
color: var(--neutrals-900, #0E0E0E);

margin-bottom: 16px;
        }
        .free-taking-modal-footer span{
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
color: var(--neutrals-900, #0E0E0E);
        }
        .free-taking-modal-footer{
            gap: 16px;
            display: flex;
            flex-direction: column;
        }
        .free-taking-modal-buttons{
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .twitter-premium-section.premium-detail-likes-section .premium-detail-big-container{
            background:
linear-gradient(180deg, #0061C2 2.47%, #0061C2 42.49%, #00ABC2 77.53%, #00ABC2 100%) !important;

        }
        /* BİG PHOTO  */
.big-profile-photo{
    padding-top: 48px;
}
        .big-profile-photo-container{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 24px;
            width: 50%;
            margin: 0 auto;
        }
        .big-profile-photo-header{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-align: center;
        }
        .big-profile-photo-header p{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;

        }
        .big-profile-photo-container > img{
            max-width: 500px;

            width: 100%;
        }
        .big-profile-photo-container .big-profile-photo-buttons{
            width: 50%;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;

        }
        .big-profile-photo-buttons img{
            max-height: 17px;
        }
        .big-profile-photo-buttons button{
            width: 100% ;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }


        /* PRIVATE PROFILE PAGE  */

        .instagram-profile-content-cont{
            padding-left: 150px;
            padding-right: 150px;
            padding-top: 35px;
            padding-bottom: 35px;
            border-radius: 12px;
            background: #FAFAFA;
        }

        
        .instagram-profile-header {
            display: flex;
            align-items: start;
            justify-content: space-between;
            margin-bottom: 30px;
            padding: 0px 20px;
        }
        .instagram-profile-header-left{
            display: flex;
            align-items: center;
            gap: 40px;
        }
        .instagram-profile-picture {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            overflow: hidden;
        }
        
        .instagram-profile-picture img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .instagram-profile-info {
            flex: 1;
        }
        
        .instagram-profile-username {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .instagram-profile-username-text {
            font-family: Archivo;
            font-weight: 600;
            font-size: 28px;
            line-height: 32px;
            letter-spacing: 0%;
            color: #262626;
            
        }
        
        .instagram-profile-edit-profile {
            background-color: transparent;
            border: 1px solid #dbdbdb;
            color: #262626;
            border-radius: 4px;
            padding: 5px 9px;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
        }
        
        .instagram-profile-stats {
            display: flex;
            margin-bottom: 20px;
        }
        
        .instagram-profile-stat {
            margin-right: 40px;
            flex-direction: column;
            align-items: center;
            text-align: center;
            display: flex;
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: 0%;

        }
        
        .instagram-profile-stat span {
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: 0%;
            
        }
        
        .instagram-profile-bio {
            font-size: 16px;
        }
        
        .instagram-profile-name {
            font-weight: 500;
            font-size: 16px;
            line-height: 32px;
            letter-spacing: 0%;
                    }
        
        .instagram-profile-tabs {
            display: flex;
            justify-content: center;
            border-top: 1px solid #dbdbdb;
            gap: 60px;
        }
        
        .instagram-profile-tab {
            display: flex;
            align-items: center;
            justify-content: center;
            width: fit-content;
            height: fit-content;
            padding-top: 15px;
            font-family: Archivo;
            font-weight: 600;
            font-size: 16px;
            line-height: 18px;
            letter-spacing: 0%;
            text-transform: uppercase;
            color: #262626;
            gap: 4px;
opacity: 0.6;
            text-transform: uppercase;
            cursor: pointer;
        }
        
        .instagram-profile-tab.active {
            color: #262626;
            opacity: 1;
            border-top: 1px solid #262626;
        }
        
        .instagram-profile-tab i {
            margin-right: 6px;
        }
        
        .instagram-profile-content {
           padding: 0px 20px;
           margin-top: 30px;
        }
        .instagram-profile-post-icon{
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 10;
        }
        .instagram-profile-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 4px;
        }
        
        .instagram-profile-post {
            position: relative;
            width: 100%;
            display: flex;
    
        }
        
        .instagram-profile-post.instagram-profile-reel:before {
            content: '';
            position: absolute;
            top: 10px;
            right: 10px;
            width: 24px;
            height: 24px;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm3.79 9.79l-4.79 4.79c-.32.32-.85.32-1.17 0-.32-.32-.32-.85 0-1.17L13.62 12 9.83 8.21c-.32-.32-.32-.85 0-1.17.32-.32.85-.32 1.17 0l4.79 4.79c.16.16.24.37.24.58s-.08.42-.24.58z"/></svg>');
            background-size: contain;
        }
        
        .instagram-profile-post img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
        
        .instagram-profile-hidden {
            display: none;
        }


        /* EMPTY CART  */
        .checkout-empty-section{
            padding-top: 72px;
        }
        .checkout-empty-content{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 20px;
            padding: 28px 16px;
            width: 33%;
            margin: 0 auto;
        }
        .checkout-empty-icon img{
            opacity: 0.7;
            width: 38px;
            height: 44px;
        }
        .checkout-empty-content *:not(img){
            width: 100% !important;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            flex-direction: column;
            gap: 12px;
        }
        .checkout-empty-content h3{
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

        }
        .checkout-empty-content p {
            font-family: Archivo;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: var(--Neutrals-600, #545454);

        }


        /* checkout full page */

.checkout-mbl-bottom-bar-left{
    display: none;
}

        .checkout-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 50px;
        }
.checkout-general-content{
    flex: 1;
}

.checkout-actions-content .btn-primary{
    width: 100% !important;
}
        .checkout-section {
            width: 100%;
            padding: 20px 0;
        }

        .checkout-main {
            flex: 1;
            min-width: 300px;
        }

        .checkout-sidebar {
            width: 498px;
            min-width: 498px;
            padding: 40px;
            border: 1px solid var(--Neutrals-200, #E2E2E2);
            box-shadow: -1px 1px 4px 0px #0000000F;
            border-radius: 40px;
            height: fit-content;
        }
.checkout-item-actions-container{
    display: flex;
    align-items: center;
}
        .checkout-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .checkout-back-button {
            margin-right: 15px;
            gap: 10px;
            margin-bottom: 10px;
            padding: 5px;
            cursor: pointer;
            color: #333;
            text-decoration: none;
            display: flex;
            align-items: center;
        }

        .checkout-title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .checkout-card {
            margin-bottom: 20px;
        }

        .checkout-subtitle {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: 0%;
            vertical-align: middle;
            margin-bottom: 20px;
            
        }

        .checkout-item {
            display: flex;
            align-items: center;
            padding: 20px 25px;
            background: var(--neutrals-White, #FFFFFF);
            margin-bottom: 10px;
            border-radius: 16px;
            border: 1px solid var(--Neutrals-300, #CBCBCB);

            justify-content: space-between;
        }

.remove-mbl-text{
    display: none;
}
        .checkout-item-icon {
            width: 36px;
            height: 36px;
            margin-right: 20px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .checkout-item-icon img{
            width: 100%;
        }
  
        .checkout-item-info {
            flex: 1;
            font-size: 14px;
                display: flex
;
    justify-content: space-between;
        }

        .checkout-item-price {
            margin-left: 10px;
            padding-right: 20px;
            margin-right: 20px;
            position: relative;
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
text-align: right;
color: var(--neutrals-800, #344054);

vertical-align: middle;

        }
        .checkout-item-price::after{
            height: 100%;
            width: 1px;
            background-color: #E2E2E2;
            content: '';
            position: absolute;
            right: 0;
        }

        .checkout-item-name {
            font-weight: 600;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            vertical-align: middle;
color: #000000;
            
        }

        .checkout-item-detail {
            color: var(--Neutrals-600, #545454);
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            vertical-align: middle;
            
        }
        .payment-option {
            display: flex;
            align-items: center;
            border: 1px solid #dee2e6;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 10px;
            cursor: pointer;
            position: relative;
            transition: all 0.2s ease;
        }

        .payment-option:hover {
            border-color: #adb5bd;
            background-color: #f8f9fa;
        }

        .payment-option.selected {
            border-color: var(--Primary-Light, #FFF3EE);
            background-color: var(--Primary-Light, #FFF3EE);
        }

        .payment-option-info {
            flex: 1;
        }

        .payment-radio {
            margin-right: 15px;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            border: 4px solid #ced4da;
            border-radius: 50%;
            outline: none;
            position: relative;
        }

        .payment-radio:checked {
            border-color: var(--Primary-Light, #FFF3EE);
        }

        .payment-radio:checked::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: var(--Primary-Light, #FFF3EE);
        }

        .payment-option input[type="radio"] {
            position: absolute;
            opacity: 0;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            cursor: pointer;
            z-index: 1;
        }
        .payment-option.selected .payment-radio {
            border-color: rgba(255, 77, 77, 1);

            background-color: #F76009;
        }

        .checkout-item-actions {
            display: flex;
            align-items: center;
        }

        .checkout-item-delete {
            background: none;
            border: none;
            cursor: pointer;
            color: #f00;
        }

        .checkout-summary {
            background: var(--Primary-Light, #FFF3EE);
            border-radius: 24px;
            padding: 20px;
            margin-bottom: 20px;
        }
.checkout-summary-item > span:nth-child(1){
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
color: var(--Neutrals-Black, #000000);


}
.checkout-summary-item > span:nth-child(2){
    color: var(--Neutrals-Black, #000000);
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: right;
vertical-align: middle;


}
.checkout-summary-item.checkout-discount span:nth-child(1){
    color: #7E17D2;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    
}

        .checkout-summary-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            font-size: 14px;
        }

        .checkout-discount {
            color: #7c3aed;
            font-weight: 600;
        }

        .checkout-discount-negative {
            color: #7c3aed;
        }

        .checkout-summary-item.checkout-total {
            margin-top: 10px;
            padding-top: 10px;
            font-weight: 600 !important;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            text-align: right;
            vertical-align: middle;
            
        }
        .checkout-summary-item.checkout-total span:nth-child(1){
            color: var(--Neutrals-Black, #000000);
            font-weight: 600;
        }


        .checkout-promo {
            background: #F6EBFF;
            border-radius: 24px;
            padding: 20px;
            margin-bottom: 20px;
            position: relative;
        }

        .checkout-promo-close {
            position: absolute;
            right: 20px;
            top: 15px;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 25px;
            color: #666;
            width: 24px;
            height: 24px;
            display: flex
        ;
            align-items: center;
            justify-content: center;
        }

        .checkout-promo-title {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            margin-bottom: 10px;
            background: #7E17D2;
            color: white;
            width: fit-content;
            padding: 2px 12px;
            border-radius: 50px;
            font-weight: 400;
        }
        .checkout-promo-text span{
            display: block;
font-weight: 600;
font-size: 18px;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 2px;

        }
        .checkout-promo-text {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0%;
            vertical-align: middle;
            
            margin-bottom: 16px;
        }

        .checkout-promo-button {
            background: white;
            border: none;
            cursor: pointer;
            color: black;
            font-weight: 600;
            display: flex;
            align-items: center;
            font-size: 14px;
            padding: 10px 40px;
            border-radius: 16px;
            min-width: 172px;
        }
        #checkout-coupon-container{
            display: flex;
            align-items: start !important;
            justify-content: start !important;
flex-direction: column !important;
            margin-bottom: 20px;
            border-radius: 16px !important;
            width: 100% !important;

        }
        #checkout-coupon-input-container{
            width: 100% !important;
        }
#checkout-coupon-default{
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100% !important;
}
#checkout-coupon-default span{
    display: flex;
    align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;

}
        .checkout-coupon-form {
            display: flex;
            margin-top: 10px;
        }

        .checkout-coupon-input {
width: 100% !important;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 14px;
            margin-right: 8px;
        }

        .checkout-coupon-button {
            background: none;
            border: none;
            cursor: pointer;
            color: #6b21a8;
            font-weight: 600;
        }

 
       /* Fubigo input container stili */
       .fubigo-input-container {
        position: relative;
        margin-bottom: 10px;
        width: 100%;
    }

    /* Fubigo input stili */
    .fubigo-input {
        width: 100%;
        padding: 16px 16px 8px;
        border: 1px solid var(--Neutrals-300, #CBCBCB);
                border-radius: 12px;
        font-size: 16px;
        line-height: 1.5;
        transition: border-color 0.3s ease;
        background-color: white;
        height: 56px;
    }

    .fubigo-input:focus {
        outline: none;
        border-color: #999;
    }

    /* Fubigo label stili */
    .fubigo-label {
        position: absolute;
        left: 16px;
        top: 18px;
        font-size: 16px;
        color: #757575;
        pointer-events: none;
        transition: all 0.2s ease;
    }

    /* Input focus olduğunda veya değer içerdiğinde label'ı yukarı taşıma */
    .fubigo-input:focus ~ .fubigo-label,
    .fubigo-input:not(:placeholder-shown) ~ .fubigo-label {
        top: 8px;
        font-size: 12px;
        color: #666;
    }

    /* İlk örnekte görülen input değerini gösteren stillendirme */
    .fubigo-input-filled {
        background-color: white;
    }

    /* Form satırı düzeni */
    .checkout-form-row {
        display: flex;
        gap: 15px;
    }

    .checkout-form-row .fubigo-input-container {
        flex: 1;
    }

        .checkout-card-info {
            display: flex;
            position: relative;
            align-items: center;
        }

        .checkout-card-logo {
            position: absolute;
            right: 10px;
            top:40%;
            transform: translateY(-50%);
        }

        .checkout-checkbox {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
        }

        .checkout-checkbox input {
            margin-right: 8px;
            width: 20px;
height: 20px;
border-radius: 5px;
border-width: 1.25px;
border: 1.25px solid var(--neutrals-400, #D0D5DD);

background: #FFFFFF;

        }

        .checkout-checkbox label {
            font-size: 14px;
        }
#checkout-apply-coupon{
    max-width: 80px !important;
}

        .checkout-buttons {
            display: flex;
            gap: 10px;
            width: 100% !important;
            margin-top: 30px;
        }

        .checkout-buttons .btn-primary,
        .checkout-buttons .btn-secondary {
            flex: 1;
        }

        .checkout-success {
            text-align: start;
            display: flex;
            flex-direction: column;
            align-items: start;
        }

        .checkout-success-icon {
            width: 48px;
            height: 48px;
            background: var(--Success-700, #027A48);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 24px;
            margin-bottom: 20px;
        }

        .checkout-success-title {
            font-weight: 700;
            font-size: 36px;
            line-height: 44px;
            letter-spacing: 0%;
            vertical-align: middle;
            
            margin-bottom: 10px;
        }

        .checkout-success-text {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;

            margin-bottom: 20px;
        }

      

        .checkout-success-detail-item {
            margin-bottom: 5px;
            font-weight: 600 !important;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            

        }
        .checkout-success-details strong {
            text-align: left;
            margin-bottom: 30px;
            font-weight: 400 !important;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;

        }
        .checkout-success-note {
            font-size: 14px;
            color: #666;
            margin-top: 30px;
            line-height: 1.5;
        }

        .checkout-favorite-button {
            background-color: white;
            border: 1px solid #ddd;
            padding: 12px;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            width: 100%;
            font-weight: bold;
            margin-top: 15px;
        }


        .checkout-coupon-applied {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            width: 100% !important;
        }

        .checkout-hidden {
            display: none !important;
        }
        .checkout-coupon-applied-text {
            display: flex;
            align-items: center;
            color: #16a34a;
            font-weight: 600;
        }

        .checkout-coupon-applied-icon {
            color: white;
            background: var(--Success-700, #027A48);

            margin-right: 8px;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .checkout-coupon-remove {
            background: none;
            border: none;
            color: #666;
            cursor: pointer;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 22px;
        }

        /* Step display */
        .checkout-step-1 .checkout-step-2-content,
        .checkout-step-1 .checkout-step-3-content,
        .checkout-step-2 .checkout-step-1-content,
        .checkout-step-2 .checkout-step-3-content,
        .checkout-step-3 .checkout-step-1-content,
        .checkout-step-3 .checkout-step-2-content {
            display: none;
        }

        .checkout-main.checkout-step-3-content{
            padding: 15px;
        }
      .checkout-sidebar-content  .checkout-step-3-content .btn-secondary {
        width: 100% !important;
      }









      /* PROFILE PAGE  */


      .profile-content-wrapper {
        display: flex;
        align-items: flex-start;
    }
    
    .profile-content-wrapper  .profile-sidebar {
        width: 293px;
        margin-right: 60px;
    }
    
    .profile-content-wrapper  .profile-menu {
        list-style: none;
        padding-top: 12px ;
        margin-top: 12px;

        background-color: white;
        overflow: hidden;
border-top: 1px solid var(--Neutrals-100, #EEEEEE);

    }

    .profile-menu li{
    margin-bottom: 8px;
    }
    .profile-menu a {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 16px;
        padding: 12px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: var(--neutrals-Black, #000000);
text-decoration: none;
        border-radius: 12px;
    }
   
    .profile-menu > li:last-child{
        border-top: 1px solid  var(--neutrals-300, #E7E9EE);
        margin-top: 8px;
        padding-top: 8px;
    }
    .profile-menu a:hover {
background: var(--Primary-Light, #FFF3EE);
    }
    
    .profile-menu a.active {
        background: var(--Primary-Light, #FFF3EE);
        color: var(--Primary, #F76009);
    }
    
    .profile-main-content {
        flex: 1;
        background-color: white;
    }

 .profile-balance-upper{

    border: 1px solid  var(--neutrals-300, #E7E9EE);
    border-radius: 20px;
    padding: 28px 32px;
 }   
 .profile-card-details{
    border: 1px solid  var(--neutrals-300, #E7E9EE);
    border-radius: 20px;
    padding: 28px 32px;
 }
 .profile-card-details  h3{
font-weight: 500;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;
color: var(--neutrals-Black, #000000);

 }
 .profile-card-details-content{
    width: 50%;

 }
 .profile-card-details-content .fubigo-input-container img{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
 }
    .profile-page-title {
        font-weight: 600;
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        color: var(--neutrals-Black, #000000);
        margin-bottom: 10px;
        text-align: center;
    }
    
    .profile-page-description {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        margin-bottom: 32px;
        color: var(--Neutrals-700, #282828);

    }
    
    .profile-page-subtitle {
        color: var(--neutrals-Black, #000000);
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0%;
        vertical-align: middle;
            }
            .refferal-content-upper    .profile-page-subtitle{
                color: var(--neutrals-Black, #000000);

font-weight: 500;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 4px;
            }
            .refferal-content-upper > p{
                color: var(--Neutrals-700, #282828);
                font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 16px;

            }
            .refferal-content-upper    .profile-page-subtitle span{
                color: var(--Primary, #F76009) !important;

            }
    .profile-balance-upper > p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
color: var(--Neutrals-700, #282828);
margin-bottom: 16px;

    }
    .profile-tab-content {
        display: none;
    }
    .profile-tab-content > * {
        width: 100%;
    }
    
    .profile-tab-content.active {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .profile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .profile-user-info {
        display: flex;
        align-items: center;
    }

    .profile-user-avatar {
        width: 60px;
        height: 60px;
        background-color: #6a1b9a;
        border-radius: 50%;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin-right: 15px;
    }

    .profile-user-details h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .profile-user-details p {
        font-size: 14px;
        color: #666;
    }

    .profile-user-balance {
        background-color: #f5f5f5;
        padding: 10px 16px;
        border-radius: 8px;
        margin-top: 12px;
        display: flex;


    }
    .profile-user-balance .btn-primary{
        width: 50%;

font-weight: 700 !important;
font-size: 14px !important;
line-height: 24px !important;
letter-spacing: 0%;
vertical-align: middle;

    }
    .profile-user-balance-left{
        color: var(--Neutrals-Black, #000000);
        font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
vertical-align: middle;
width: 50% ;
display: flex;
flex-direction: column;

    }
    .profile-user-balance-left strong{
font-weight: 500 !important;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
color: var(--Neutrals-Black, #000000);


    }

    .profile-tab-navigation {
        display: flex;
        margin-bottom: 10px;
        gap: 6px;
    }
    .profile-tab-navigation button{
        background: var(--Neutrals-50, #F6F6F6);
        border: 1px solid var(--Neutrals-200, #E2E2E2);
        padding: 8px 18px;
        border-radius: 36px;
        cursor: pointer;
    }
    .profile-tab-navigation button.active{
        background: var(--Neutrals-Black, #000000);
        color: white;
        border: 1px solid var(--Neutrals-Black, #000000);
    }
    .profile-notification {
        border-left: 4px solid var(--Success-700, #027A48);
        background: var(--Success-50, #ECFDF3);

        color: var(--Neutrals-Black, #000000);
        padding: 14px 12px;
        border-radius: 8px;
        display: none;
        z-index: 1000;
        align-items: center;
        gap: 8px;
        margin-top: 12px;
    }
    .profile-notification span{
        background: var(--Success-700, #027A48);
        color: white ;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        font-size: 16px;
        border-radius: 50%;
    }
    .profile-order-list {
        margin-top: 20px;
    }

    .profile-order-item {
        background-color: white;
        border-radius: 24px;
        padding: 20px 24px;
        margin-bottom: 15px;
        position: relative;
        border: 1px solid #f0f0f0;
        cursor: pointer;
    }
    .refferal-content-upper, .refferal-content-bottom{
        border: 1px solid  var(--neutrals-300, #E7E9EE);
padding: 28px 32px;
margin-bottom: 16px;
border-radius: 20px;
    }

    .profile-order-header {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
        gap: 20px;
        padding-bottom: 12px;
border-bottom:1px solid var(--Neutrals-100, #EEEEEE) ;
justify-content: space-between;

    }
    .profile-order-left{
        display: flex;
        align-items: center;
        gap: 20px;
        width: 25%;
    }
    .profile-order-right{
        display: flex;
        flex: 1;
        justify-content: end;
        align-items: center;
        gap: 20px;
    }
    .profile-order-user img{
object-fit: cover;
    }
    
    .profile-order-icon {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .profile-order-info {
        flex: 1;
    }
    
    .profile-order-service {
        font-weight: 600;
        margin-bottom: 5px;
    }
    
    .profile-order-service-type {
        font-size: 14px;
        color: #666;
    }

    .profile-order-meta {
        display: none;
        justify-content: start;
        flex-direction: column;
    }
   .profile-order-item.active .profile-order-meta{
        display: flex;
    }
    .profile-order-details{
        display: flex;
        gap: 70px;
    }
    .profile-order-see-detail-metas{
        display: flex;
        align-items: center;
        justify-content: start;
        margin-top: 10px;
    }
    .profile-order-details > div{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }
    .profile-order-user {
        display: flex;
        align-items: center;
    }
    
    .profile-order-user-avatar {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }
    .profile-order-date{
        color: var(--Neutrals-600, #545454);
        font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .profile-order-date-value{
        color: var(--Neutrals-600, #545454);
        font-weight: 500;
font-size: 13px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .profile-order-price{
        color: var(--Neutrals-600, #545454);
        font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
display: flex;
flex-direction: column;

    }
    .profile-order-meta-item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 16px;
    }
    .profile-order-meta-item-left{
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .profile-order-meta-item-left >div>span:first-child{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
color: var(--Neutrals-600, rgba(84, 84, 84, 1));

    }
    .profile-order-meta-item-left >div{
        display: flex;
        flex-direction: column;
    }
    .profile-order-meta-item-left >div>span:last-child{
        color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        
        
            }
            .profile-order-meta-item-info{
                display: flex;
                flex-direction: column;
                color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
                font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;

            }
            .profile-order-meta-item-info span{
                color: var(--Neutrals-600, rgba(84, 84, 84, 1));
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: 0%;
                vertical-align: middle;
                

            }
    .profile-order-meta-item-left img{
        object-fit: cover;
        border-radius: 50%;
    }
    .profile-order-price-value{
        color: var(--Neutrals-Black, #000000);
        font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .profile-order-username {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: var(--Neutrals-Black, #000000);

            }
    
    .profile-order-details {
        text-align: right;
        font-size: 14px;
    }
.profile-order-status{
   
    width: 50%;

}
.profile-order-status span{
    width: 100% ;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: start;
}
    .profile-order-status-preparing {
        color: var(--warning-700, #B54708);
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        background: var(--Warning-50, #FFFAEB);
        border-radius: 16px;
        border: 1px solid var(--Warning-200, #FEDF89);
        padding: 12px 16px;

        
    }

    .profile-order-status-completed {
        color: var(--Success-700, #027A48);
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        height: 68px !important;

        background: var(--Success-50, #ECFDF3);
        border-radius: 16px;
        border: 1px solid var(--Success-200, #A6F4C5);
                padding: 12px 16px;
                justify-content: space-between !important;
    }

    .profile-order-status-failed {
        color: var(--Error-700, #B42318);
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        height: auto !important;
        background: var(--Error-50, #FEF3F2);
        border-radius: 16px;
        border: 1px solid var(--Error-200, #FECDCA);
        padding: 12px 16px;
        justify-content: space-between !important;
        flex-direction: column;
        justify-content: start !important;
        align-items: start !important;
    }
    
    .profile-order-actions {
        text-align: right;
    }
    .profile-order-name{
        color: var(--Neutrals-600, #545454);
        font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .profile-order-message {
        color: var(--Neutrals-700, #282828);
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        vertical-align: middle;
        
    }

    .profile-balance-upper {
        margin-bottom: 30px;
    }
    
    .profile-balance-options {
        display: grid;
        gap: 12px;
        margin-bottom: 24px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .profile-balance-option {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 15px 25px;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s;
    }

    .profile-balance-option:hover, .profile-balance-option.active {
        color: var(--Primary, #F76009);
        background: var(--Primary-50, #FFFAEB);
        border: 2px solid var(--Primary, #F76009)
    }
    
    .profile-balance-label {
        display: block;
        margin-top: 5px;
        font-size: 12px;
        color: #4caf50;
    }
    .profile-manual-amount{
        width: 40%;
    }

    .profile-referral-link {
        display: flex;
        margin-bottom: 30px;
    }
.profile-referral-link{
    width: 70%;
    background: var(--Neutrals-50, #F6F6F6);
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
}
.profile-refferal-link-left > div {
    display: flex;
flex-direction: column;
}
.profile-refferal-link-left > div > span:first-child{
    color: var(--Neutrals-Black, #000000);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    vertical-align: middle;
    
}
.profile-refferal-link-left > div > span:last-child{
    color: var(--Neutrals-Black, #000000);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    
    
}
.profile-refferal-link-left{
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: start;

}
.profile-referral-link img{
    width: auto;
    height: fit-content;
}
  

    .profile-copy-btn {
        background-color: #ff5722;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 0 8px 8px 0;
        font-size: 14px;
        cursor: pointer;
    }

    .profile-referral-stats {
        display: flex;
        gap: 64px;
    }

    .profile-stat-label {
        color: var(--Neutrals-600, #545454);
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        vertical-align: middle;
        margin-bottom: 2px;
        
    }

    .profile-stat-value {
        color: var(--Neutrals-Black, #000000);
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        
    }
    .profile-referral-stats .profile-stat-item:nth-child(2) .profile-stat-value{
        color: var(--Primary, #F76009);

    }

    .profile-history-list {
        margin-top: 20px;
    }

    .profile-history-item {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .profile-history-info {
        display: flex;
        flex-direction: column;
    }

    .profile-history-title {
        color: var(--neutrals-Black, #000000);
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        
        margin-bottom: 2px;
    }

    .profile-history-date {
        color: var(--Neutrals-600, #545454);
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        vertical-align: middle;
        
    }

    .profile-history-amount {
        color: var(--Success-700, #027A48);
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        vertical-align: middle;
        
    }
.profile-spend-overview{
    border: 1px solid var(--neutrals-300, #E7E9EE);
    border-radius: 20px;
    padding: 28px 32px;
}
.profile-spend-overview h3{
    color: var(--neutrals-Black, #000000);
    font-weight: 500;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;

}
.profile-spend-overview p{
    color: var(--Neutrals-600, #545454);
    font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 24px;

}
    .profile-membership-cards {
        display: flex;
        gap: 10px;
    }

    .profile-membership-card {
        flex: 1;
        border-radius: 10px;
        padding: 24px;
        position: relative;
        overflow: hidden;
    }

    .profile-membership-special {
        background-color: #fff8e1;
    }

    .profile-membership-elite {
        background-color: #e8f5e9;
    }

    .profile-membership-premium {
        background-color: #f3e5f5;
    }

    .profile-membership-badge {
        position: absolute;
        top: 15px;
        right: 15px;
        background: var(--Primary, #F76009);
        color: white;
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 12px;
    }

    .profile-membership-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0%;
        vertical-align: middle;
        gap: 16px;
        
        display: flex;
        align-items: start;
        flex-direction: column;
    }

    .profile-membership-icon {
        margin-right: 10px;
    }

    .profile-membership-benefit {
        color: var(--Neutrals-600, #545454);
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        
    }
    .profile-membership-benefit span{
        color: var(--Primary, #F76009);

    }

    .profile-membership-price {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-top: 20px;
    }
.favorites-content-container{
    border: 1px solid  var(--neutrals-300, #E7E9EE);
    padding: 28px 32px;
    border-radius: 20px;
    
}
    .profile-membership-range {
        color: #000000;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        vertical-align: middle;
            }
.profile-membership-bar-container{
    width: 100%;
    height: 7px;
    background: #0000000F;
    border-radius: 34px;
    margin-top: 10px;
}
    .profile-membership-bar {
        height: 100%;
        background: var(--Primary, #F76009);
        border-radius: 34px;
    }
    .profile-card-details {
        margin-top: 30px;
    }

    .profile-card-details h3 {
        margin-bottom: 15px;
    }

    .profile-card-row {
        display: flex;
        gap: 15px;
        margin-bottom: 15px;
    }

    .profile-card-row .fubigo-input-container {
        flex: 1;
    }





    /* Favoriler Sekme Stili */
.profile-service-tabs {
    display: flex;

    border-bottom: 1px solid #E7E9EE;
    margin-bottom: 20px;
    gap: 40px;
    justify-content: center;
  }
  
  .profile-service-tab {
    color: #0000007A;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    background-color: transparent;
    letter-spacing: -2%;
    border: none;
    cursor: pointer;
    position: relative;
  }
  
  .profile-service-tab.active {
    color: var(--Neutrals-Black, #000000);
    font-weight: 600;
font-size: 16px;
line-height: 40px;
letter-spacing: -2%;

  }
  
  .profile-service-tab.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--Neutrals-Black, #000000);
}
  
  .profile-favorites-title {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    color: var(--neutrals-Black, #000000);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    vertical-align: middle;
    
  }
  
  .profile-favorites-title i {
    margin-right: 8px;
  }
  
  .profile-products-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 30px;
  }
  
  .profile-product-card {
    
    border: 1px solid  var(--neutrals-300, #E7E9EE);
    border-radius: 8px;
    padding: 15px;
    position: relative;
    text-align: center;
  }
  
  .profile-remove-btn {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    font-size: 24px !important;
    cursor: pointer;
    background-color: transparent;
  }
  
  .profile-product-amount {
    color: var(--Neutrals-Black, #000000);
    font-weight: 700;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin-bottom: 4px;

  }
  
  .profile-product-discount {
    color: var(--Neutrals-Black, #000000);
    font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid  var(--neutrals-300, #E7E9EE);

    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  
  .profile-product-price {
    color: var(--Neutrals-Black, #000000);
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    margin-bottom: 12px;
    
  }
  .profile-product-card .btn-primary{
    width: 100% !important;
  }
  /* Hesap Bilgileri Stili */

  .profile-account-card {
    margin-bottom: 30px;
    border: 1px solid  var(--neutrals-300, #E7E9EE);
    padding: 28px 32px;
    border-radius: 20px;  }
  .profile-section{
    margin-top: 80px;
  }
  .profile-section-title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  
  .profile-section-desc {
    color: #666;
    margin-bottom: 20px;
  }
  
  .profile-info-list {
    border-radius: 8px;
    overflow: hidden;
  }
  
  .profile-info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
  }
  
  .profile-info-item:last-child {
    border-bottom: none;
  }
  
  .profile-info-label {
    color: #333;
    font-weight: 500;
    width: 130px;
  }
  
  .profile-info-value {
    flex: 1;
    color: #666;
  }
  
  .profile-info-action {
    width: 20px;
    text-align: right;
  }
  
  .profile-edit-mode {
    display: flex;
    gap: 10px;
  }
  
  .profile-edit-mode .fubigo-input {
    flex: 1;
    height: 40px;
  }
  
  .profile-save-success {
    position: absolute;
    right: 20px;
    color: #4caf50;
    font-size: 14px;
  }
  .profile-user-img{
    margin-right: 16px;
  }
  
  /* Şifre Modal Stili */
  .password-change-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
  }
  
  .password-change-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
  }
  
  .password-change-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 400px;
    max-width: 90%;
    border-radius: 10px;
    overflow: hidden;
  }
  
  .password-change-modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .password-change-modal-title {
    font-size: 20px;
    margin: 0;
  }
  
  .password-change-modal-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
  }
  
  .password-change-modal-body {
    padding: 20px;
  }
  
  .password-change-modal-desc {
    margin-bottom: 20px;
    color: #666;
  }
  
  .password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #999;
  }
  
  .full-width {
    width: 100%;
    margin-top: 20px;
  }





  /* Destek Sayfası Stilleri */
.profile-support-empty-container {
    text-align: center;
    border: 1px solid  var(--neutrals-300, #E7E9EE);
    padding: 100px 32px;
    border-radius: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .profile-support-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
  }
  
  .profile-support-title {
    font-family: Archivo;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 4px;
    color: var(--neutrals-Black, #000000);

  }
  
  .profile-support-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: var(--Neutrals-700, #282828);
    margin-bottom: 16px;
    display: block;

  }
  
  /* Destek Listesi */
  .profile-support-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  
  .profile-support-tabs {
    display: flex;
    overflow: hidden;
    gap: 6px;
  }
  
  .profile-support-tab {
    background: var(--Neutrals-50, #F6F6F6);
    padding: 8px 16px;
    cursor: pointer;
    color: var(--Neutrals-Black, #000000);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    border-radius: 36px;

    border: 1px solid var(--Neutrals-200, #E2E2E2)
  }
  
  .profile-support-tab.active {
    background: var(--Neutrals-Black, #000000);
    color: white;
  }
  
  .profile-ticket-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-radius: 24px;
    background: #FFFFFF;
    margin-bottom: 10px;
    border: 1px solid var(--Neutrals-200, #E2E2E2);
        cursor: pointer;
    transition: box-shadow 0.3s;
  }

  .profile-ticket-title {
    font-family: Archivo;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--neutrals-Black, #000000);

    margin-bottom: 2px;
  }
  
  .profile-ticket-date {
    color: var(--Neutrals-600, #545454);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
    
  }
  .profile-ticket-status span{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
    border-radius: 8px;
    padding: 6px 12px;
    
  }
  .profile-status-waiting {
    background: var(--Warning-50, #FFFAEB);
    border: 1px solid var(--Warning-200, #FEDF89);

color: var(--warning-700, #B54708);
  }
  
  .profile-status-answered {
    background: var(--Success-50, #ECFDF3);
    border: 1px solid var(--Success-200, #A6F4C5);
    color: var(--Success-700, #027A48);
  }
  
  .profile-status-closed {
    background: var(--Neutrals-50, #F6F6F6);
    border: 1px solid var(--Neutrals-200, #E2E2E2);
    color: var(--Neutrals-Black, #000000);

  }
  
  /* Yeni Talep Formları */
  .profile-support-new-header {
    margin-bottom: 20px;


  }
  .profile-back-button{
    color: var(--neutrals-Black, #000000);
    font-weight: 700;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
display: flex;
align-items: center;
text-decoration: none;
  }
  
  .profile-back-button i {
    margin-right: 8px;
  }
  
  .profile-support-form {
    background-color: white;
width: 60%;
}
  
  .fubigo-textarea {
    min-height: 150px;
    resize: vertical;
  }
  
  .profile-support-form .fubigo-input-container {
    margin-bottom: 20px;
  }
  
  .profile-send-ticket-btn {
    width: 120px;
  }
  
  /* Talep Detayı */
  .profile-support-detail-header {
    background-color: white;
  border-bottom: 1px solid var(--neutrals-300, #EAECF0);
  padding: 0px 24px;
  padding-bottom: 16px;

  }
  
  .profile-ticket-detail-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  
  .profile-ticket-detail-id {
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: var(--neutrals-600, rgba(102, 112, 133, 1));

  }

  
  .profile-conversation {
    padding: 24px;
  }
  
  .profile-message {
    display: flex;
    margin-bottom: 24px;
  }
  .profile-message-avatar,.profile-message-admin-avatar{
    margin-right: 10px;
  }
  .profile-message-avatar img{
    width: 48px;
    height: 48px;
    border-radius: 50%;
   object-fit: cover;
  }

  .profile-support-message .profile-message-admin-avatar {
    background-color: #ff5722;
    height: fit-content;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .profile-message-content {
    flex: 1;
  }
  
  .profile-message-bubble {
    background-color: white;
    padding: 15px;
    border-radius: 16px;
    border: 1px solid var(--Neutrals-100, #EEEEEE);
        margin-bottom: 8px;
    width: 100%;
    border-top-left-radius: 0px !important;
  }
  
  .profile-support-message .profile-message-bubble {
    background: var(--Primary-50, #FFFAEB) !important;
    border: transparent !important;
}
.profile-message-time-dot{
    width: 2px;
    height: 2px;
    background: var(--neutrals-500, #98A2B3);

    border-radius: 50%;
    display: flex;
    margin-right: 8px;
    margin-left: 8px;
}
  
  .profile-message-time {
    color: var(--Neutrals-600, #545454);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0%;
    
    display: flex;
  }
  
  .profile-message-feedback {
    border-radius: 10px;
    padding: 15px;
    padding-left: 0px !important;
    margin-top: 10px;
    max-width: 80%;
  }
  
  .profile-message-feedback p {
    margin-bottom: 10px;
    color: var(--neutrals-700, #475467);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    
  }
  
  .profile-feedback-buttons {
    display: flex;
    gap: 10px;
  }
  
  .profile-feedback-btn {
    background: var(--Neutrals-50, #F6F6F6);
    border: none;
    border-radius: 12px;
    padding: 8px 27px;
    cursor: pointer;
    transition: all 0.3s;
    color: var(--Neutrals-Black, #000000);

  }
  
  .profile-support-ticket-detail-content{
    border: 1px solid var(--neutrals-300, #EAECF0);
    padding: 16px 0px;
    border-radius: 16px;
  }
  .profile-reply-form {
   padding: 0px 24px;
  }
  .profile-reply-form-content{
    border: 1px solid var(--Neutrals-300, #CBCBCB);
    padding: 16px;
    border-radius: 12px;
    display: flex;
  }
  .profile-reply-input {
    flex: 1;
    border: none;
    resize: none;
    font-family: inherit;
    font-size: 14px;
  }
  
  .profile-reply-input:focus {
    outline: none;
  }
  
  .profile-send-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--Primary, #F76009);
    font-size: 20px;
    color: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
 












  /* Sign Modal Overlay */
.sign-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000B8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.sign-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Sign Modal Container */
.sign-modal-container {
    border-width: 1px;
    border-radius: 24px;
    padding-top: 32px;
    padding-right: 48px;
    padding-bottom:24px;
    padding-left: 48px;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 524px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    border: 1px solid var(--neutrals-200, #E2E2E2);
    background: var(--neutrals-White, #FFFFFF);
     border-radius: 24px;


    
}

/* Close Button */
.sign-modal-close {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    color: #666;
    transition: color 0.2s ease;
}

.sign-modal-close:hover {
    color: #000;
}

/* Form Elements */
.sign-modal-form {
    width: 100%;
}
 
.sign-modal-logo {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
}

.sign-modal-logo img {
    max-width: 150px;
    margin-bottom: 40px;
}

.sign-modal-logo h2 {
    color: var(--neutrals-Black, #000000);
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0%;
    vertical-align: middle;
    
    text-align: start;
}

.sign-modal-description {
    color: var(--neutrals-900, #0E0E0E);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: 20px;
    
}

/* Error Message */
.sign-modal-error {
    background: var(--Error-100, #FEE4E2);
    color: #D32F2F;
    padding: 14px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border-left: 4px solid var(--Error-700, #B42318)
}

.sign-modal-error-icon {
    width: 16px;
    height: 16px;
    background-color: #D32F2F;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
}

.sign-modal-error-icon::before {
    content: "!";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 12px;
    font-weight: bold;
}

/* Success Message */
.sign-modal-success {
    text-align: center;
    margin: 20px 0;
    background: var(--Success-700, #027A48);
    width: 48px;
    height: 48px;
    border-radius: 64px;
    padding: 4px;
    font-size: 24px;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
    
}


/* Back Button */
.sign-modal-back {
    margin-bottom: 20px;
}

.sign-modal-back button {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
display: flex;
align-items: center;
background: none;
border: none;
outline: none;
gap: 8px;    
color: var(--Neutrals-Black, #000000);

}

#forgotPasswordForm h2, #resetLinkSentForm h2{
    color: var(--neutrals-Black, #000000);
    font-weight: 700;
font-size: 28px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 8px;

}
/* Submit Button */
.sign-modal-submit {
    width: 100%;
    height: 48px;
    margin: 24px 0;
}

/* Forgot Password Link */
.sign-modal-forgot {
    text-align: right;
    margin-top: 10px;
}

.sign-modal-forgot a {
    color: var(--Neutrals-Black, #000000);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    
}

.sign-modal-forgot a:hover {
    text-decoration: underline;
}

/* Registration/Login Links */
.sign-modal-register-link,
.sign-modal-login-link {
    background: var(--Primary-Light, #FFF3EE);
    border-radius: 12px;
    padding: 20px;

}

.sign-modal-register-link p,
.sign-modal-login-link p {
    color: var(--neutrals-Black, #000000);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
}
.sign-modal-register-link span,
.sign-modal-login-link span {
    color: var(--Neutrals-700, #282828);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    display: block;
    margin-bottom: 10px;
    
}
.sign-modal-register-link .btn-secondary,
.sign-modal-login-link .btn-secondary {
    width: 100% !important;

    
}
/* Resend Link */
.sign-modal-resend {
    margin-top: 30px;
}

.sign-modal-resend p {
    color: var(--neutrals-900, #0E0E0E);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 16px;
}
.sign-modal-resend button{
    width: 100% !important;
}
/* Footer */
.sign-modal-footer {
    text-align: center;
    margin-top: 30px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: var(--neutrals-600, #545454);

}
.sign-modal-footer p {
 
    color: var(--neutrals-600, #545454);

}
.sign-modal-footer a {
    color: var(--neutrals-Black, #000000);
    text-decoration: none;
}

.sign-modal-footer a:hover {
    text-decoration: underline;
}

/* Phone Input */
.sign-modal-phone-container {
    display: flex;
    margin-bottom: 16px;
    border: 1px solid var(--Neutrals-300, #CBCBCB);
    border-radius: 12px;
}
.sign-modal-phone-container input{
    border: none !important;
    
}
.sign-modal-phone-code {
    width: fit-content;
    margin-right: 10px;
}

.sign-modal-phone-code select {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    background-color: transparent;
    border: none !important;
        color: black;
    font-size: 22px;
    padding: 0px;
}

.sign-modal-phone-input {
    flex: 1;
    margin-bottom: 0px !important;
}

/* Password Toggle */
.sign-modal-password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-image: url('../images/eyesIcon.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.sign-modal-password-toggle:hover, .sign-modal-password-toggle.visible {
    opacity: 1;
}

.take-free-service-left .free-icon {
    font-size: 37px;
    color: #7b2cbf;
}





/* ABOUT US PAGE  */


/* Hero Section Styles */
.about-hero-section {
    position: relative;
    overflow: hidden;
    margin: 0px !important;
}

.about-hero-header {
    text-align: center;
    margin-bottom: 20px;
}



.about-hero-text {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 45px;
}

.about-hero-text h2 {
    color: var(--Neutrals-700, rgba(40, 40, 40, 1));
    font-weight: 500;
    font-size: 36px;
    line-height: 47px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
    margin-bottom: 20px;
}

.about-hero-text p {
    color: var(--Neutrals-700, rgba(40, 40, 40, 1));
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
}

/* Stats Container */
.about-stats-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}



.about-stat-icon {
    margin-bottom: 15px;
}

.about-stat-icon img {
    width: 50px;
    height: auto;
}

.about-stat-number {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    
}

.about-stat-label {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
}

/* Glow Effects */
.about-hero-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    opacity: 0.15;
    filter: blur(100px);
    z-index: 0;
}

.about-hero-glow-left {
    background-color: #FF8C38;
    left: -150px;
    top: 20%;
}

.about-hero-glow-right {
    background-color: #8A4FFF;
    right: -150px;
    top: 30%;
}

/* Banner Section Styles */
.about-banner-section {
    position: relative;
    border-radius: 20px;
}

.about-banner-image {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.about-banner-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Play Button and Circular Text */
.about-video-play {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX( -50%);
    z-index: 2;
    background: white;
    width: 200px;
    height: 200px;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.about-play-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.about-play-button:hover {
    transform: scale(1.05);
}

.about-play-icon {
    width: 100px;
    height: 100px;
    background: rgba(255, 221, 201, 0.2);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}
.about-play-icon-2{
    width: 72px;
height: 72px;
background: rgba(255, 221, 201, 0.3);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;


}
.about-play-icon-3 {
    width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(247, 96, 9, 1);
display: flex;
align-items: center;
justify-content: center;
color: white;
}

.about-stat-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.about-stat-item:not(:last-child)::after
{
content: "";
height: 100%;
position: absolute;
width: 1px;
right: 0;
background: var(--Neutrals-200, rgba(226, 226, 226, 1));

}
.about-circular-text {
    position: absolute;
    width: 180px;
    height: 180px;
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.about-circular-text-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}
.about-banner-section.big-section{
    margin-top: 76px !important;
}
.about-circular-text-svg text {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .about-hero-text h2 {
        font-size: 28px;
    }
    
    .about-stats-container {
        justify-content: center;
    }

}

@media (max-width: 991px) {
    .about-hero-text h2 {
        font-size: 24px;
    }
    

    
    .about-play-button {
        width: 100px;
        height: 100px;
    }
    
    .about-circular-text {
        width: 150px;
        height: 150px;
    }
}



/* Hizmetler Bölümü Stilleri */
.about-services-section {
    background-color: #fff;
    padding: 60px 0;
    padding-bottom: 0px;
}

.about-services-header {
    margin-bottom: 16px;
}

.about-services-title {
    color: #FF5E14;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.about-services-description {
    margin-bottom: 48px;
}

.about-services-description div {
    color: var(--Neutrals-700, rgba(40, 40, 40, 1));
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0%;
    vertical-align: middle;
    
}

/* Misyon ve Vizyon Bölümü Stilleri */
.about-mission-section {
    background: var(--Primary-Light, rgba(255, 243, 238, 1));
    padding: 96px 150px;
    border-radius: 56px;
}

.about-mission-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
}

.about-mission-subtitle {
    color: #FF5E14;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.about-mission-title {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 16px;
}

.about-mission-description {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 32px;
}

/* Misyon Vizyon Kartları Grid */
.about-mission-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.about-mission-card {
    background: var(--Neutrals-White, rgba(255, 255, 255, 1));
    border-radius: 32px;
    padding: 48px;
}

.about-mission-card-header {
    margin-bottom: 16px;
}



.about-mission-card-content p {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: middle;
    
    margin-bottom: 20px;
}

.about-mission-card-content p:last-child {
    margin-bottom: 0;
font-weight: 300;
font-size: 20px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;

}

/* Responsive Ayarlar */
@media (max-width: 992px) {
    .about-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .about-mission-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .about-services-description p {
        font-size: 20px;
    }
    
    .about-mission-title {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .about-services-grid {
        grid-template-columns: 1fr;
    }
    
    .about-services-description p {
        font-size: 18px;
    }
    
    .about-mission-title {
        font-size: 26px;
    }
    
    .section {
        padding: 60px 0;
    }
}



/* BLOG PAGE  */


/* Blog Sayfası Stilleri */

/* Blog Başlık Bölümü */
.blog-header {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 12px;
}

.blog-tag {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #8A4FFF;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.blog-title {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
}

/* Öne Çıkan İçerik */
.blog-featured {
    display: grid;
    background: rgba(255, 240, 231, 1);
    border-radius: 32px;
    grid-template-columns: 1fr 1fr;
    gap:72px ;
    overflow: hidden;
    margin-bottom: 48px;
    padding: 48px 64px;
}

.blog-featured-content {
    flex: 1;
    padding: 40px;
}


.blog-featured-image img {
    max-width: 100%;
    height: auto;
    border-radius: 28px;
}

.blog-featured-tag {
    display: inline-block;
    margin-bottom: 15px;
}

.blog-featured-tag span {
    display: inline-block;
    padding: 2px 12px;
    background: rgba(126, 23, 210, 1);
    color: white;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
}

.blog-featured-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -2%;
    color: rgba(0, 0, 0, 1);

    margin-bottom: 15px;
}

.blog-featured-text {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    
    margin-bottom: 16px;
}

.blog-featured-date {
    color: var(--Neutrals-600, rgba(84, 84, 84, 1));
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
    
    margin-bottom: 24px;
}


/* Diğer İçerikler Bölümü */
.blog-section-title {
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -2%;
    
    margin-bottom: 24px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 60px;
}

/* Blog Kartları */
.blog-card {
    background-color: white;
    border: 1px solid var(--Neutrals-200, rgba(226, 226, 226, 1));
    border-radius: 24px;
    overflow: hidden;
    padding: 8px;
    padding-bottom: 24px;
}

.blog-card:hover {
    transform: translateY(-5px);
}

.blog-card-image {
    height: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.blog-card-content {
    padding: 0px 20px;
}

.blog-card-tag {
    margin-bottom: 10px;
}

.blog-card-tag span {
    display: inline-block;
    padding: 2px 12px;
    background: rgba(126, 23, 210, 1);
    color: white;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
    border-radius: 35px;
}

.blog-card-tag.tiktok span {
    background: rgba(0, 97, 194, 1);
}

.blog-card-title {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    
}

.blog-card-text {
    color: var(--Neutrals-700, rgba(40, 40, 40, 1));
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    
    
    margin-bottom: 12px;
}

.blog-card-date {
    color: var(--Neutrals-600, rgba(84, 84, 84, 1));
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: left;

    
}
.blog-more-button{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
/* Responsive Tasarım */
@media (max-width: 992px) {
    .blog-featured {
        flex-direction: column;
    }
    
    .blog-featured-image {
        border-radius: 0 0 16px 16px;
        min-height: 250px;
    }
    
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .blog-title {
        font-size: 28px;
    }
    
    .blog-featured-content {
        padding: 25px;
    }
    
    .blog-featured-title {
        font-size: 24px;
    }
    
    .blog-grid {
        grid-template-columns: 1fr;
    }
}



/* BLOG DETAIL  */



/* Breadcrumb */
.blog-detail-breadcrumb {
 margin-bottom: 40px;
}

.blog-detail-breadcrumb a {
    color: var(--neutrals-Black, rgba(0, 0, 0, 1));

    font-family: Archivo;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-decoration: none;

}

.blog-detail-breadcrumb-arrow {
    margin: 0 8px;
}

.blog-detail-breadcrumb-current {
    color: var(--Neutrals-600, rgba(84, 84, 84, 1));
}

/* Blog Başlık Bölümü */
.blog-detail-header {
    margin-bottom: 24px;
}

.blog-detail-tag {
    display: inline-block;
    margin-bottom: 12px;
}

.blog-detail-tag span {
    display: inline-block;
    padding: 2px 12px;
    background: rgba(126, 23, 210, 1);
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
    border-radius: 35px;
}

.blog-detail-title {
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -2%;
    margin-bottom: 12px;
}

.blog-detail-date {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    
    color: var(--Neutrals-700, rgba(40, 40, 40, 1));
}

/* Blog Görseli */
.blog-detail-featured-image {
    margin-bottom: 32px;
    border-radius: 28px;
    overflow: hidden;
}

.blog-detail-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 28px;

}

/* Blog İçeriği */
.blog-detail-content {
    margin-bottom: 60px;
}

.blog-detail-subtitle {
    color: var(--neutrals-900, rgba(14, 14, 14, 1));
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0%;
    
    margin-bottom: 16px;
}

.blog-detail-text {
    color: var(--neutrals-900, rgba(14, 14, 14, 1));
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    
    margin-bottom:16px;
}

.blog-detail-text:last-child {
    margin-bottom: 0;
}

.blog-detail-image {
    margin: 30px 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #4A9FF7;
}

.blog-detail-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 28px;
}

/* Sayfa Düzeni - Ana içerik ve yan sütun */
@media (min-width: 992px) {
    .blog-detail-container {
        display: grid;
        grid-template-columns: 1fr 370px;
        gap: 50px;
    }

    .blog-detail-breadcrumb, 
    .blog-detail-header, 
    .blog-detail-featured-image, 
    .blog-detail-content,
    .blog-detail-related {
        grid-column: 1;
    }


}

/* Benzer İçerikler */

.blog-detail-releated-section{
    background: rgba(247, 249, 249, 1);
    padding: 80px 0px;
}

.blog-detail-related-title {
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -2%;
    
    margin-bottom: 24px;
}

.blog-detail-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}

/* Benzer İçerik Kartları */
.blog-detail-related-card {
    background-color: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.blog-detail-related-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.blog-detail-related-image {
    height: 180px;
    overflow: hidden;
}

.blog-detail-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-detail-related-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-detail-related-tag {
    margin-bottom: 10px;
}

.blog-detail-related-tag span {
    display: inline-block;
    padding: 4px 10px;
    background-color: #8A4FFF;
    color: white;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
}

.blog-detail-related-tag.tiktok span {
    background-color: #25BFD4;
}

.blog-detail-related-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.4;
}

.blog-detail-related-text {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 15px;
    flex: 1;
}

.blog-detail-related-date {
    font-size: 13px;
    color: #888;
    margin-top: auto;
}

/* Tüm İçerikler Butonu */
.blog-detail-view-all {
    text-align: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}




/* Yan Sütun - Son Yazılar */


.blog-detail-sidebar-widget {
    background-color: white;
    border-radius: 16px;
    padding:32px;
    border: 1px solid var(--Neutrals-200, rgba(226, 226, 226, 1))
}

.blog-detail-sidebar-title {
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -2%;
    
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
}

.blog-detail-sidebar-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blog-detail-sidebar-post {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.blog-detail-sidebar-post:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.blog-detail-sidebar-post-tag {
    display: inline-block;
    margin-bottom: 8px;
}

.blog-detail-sidebar-post-tag span {
    display: inline-block;
    padding: 2px 12px;
    background: rgba(126, 23, 210, 1);
    color: white;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
    border-radius: 20px;
}

.blog-detail-sidebar-post-tag.tiktok span {
    background: rgba(0, 97, 194, 1);
}

.blog-detail-sidebar-post-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.4;
}

.blog-detail-sidebar-post-title a {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0%;
    
    text-decoration: none;
    transition: color 0.2s ease;
}


.blog-detail-sidebar-post-date {
    color: var(--Neutrals-600, rgba(84, 84, 84, 1));
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: left;
    
}

/* Responsive Tasarım */
@media (max-width: 991px) {
    .blog-detail-container {
        display: block;
    }
    
    .blog-detail-sidebar {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .blog-detail-title {
        font-size: 26px;
    }
    
    .blog-detail-related-grid {
        grid-template-columns: 1fr;
    }
    
    .blog-detail-related-image {
        height: 200px;
    }
}






/* FAQ  */


/* Başlık Bölümü */
.faq-header {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 40px;
}
.faq-header .purple-gradient-text{
    background-size:20%;
    margin-bottom: 10px !important;
}
.faq-title-tag {
    color: #FF5E14;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.faq-title {
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 500;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
    margin: 0;
}

/* Tab Menü */
.faq-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 10px;
}

.faq-tab-button {
    background: var(--Neutrals-50, rgba(246, 246, 246, 1));
    border: 1px solid var(--Neutrals-200, rgba(226, 226, 226, 1));
    padding: 8px 16px;
    border-radius: 30px;
    font-family: Archivo;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));

    cursor: pointer;
    transition: all 0.3s ease;
}

.faq-tab-button:hover {
    background-color: #e9e9e9;
}

.faq-tab-button.active {
    background: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    border: 1px solid var(--Neutrals-Black, rgba(0, 0, 0, 1));

    color: #fff;
}

/* Accordion İçeriği */
.faq-accordion-wrapper {
}

.faq-tab-content {
    display: none;
}

.faq-tab-content.active {
    display: block;
}

/* NOT: faq-accordion-item ve ilgili alt öğeler için CSS kodları kaldırıldı */

/* İletişim Butonu */
.faq-contact {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.faq-contact-box {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    background-color: #f9f9f9;
    border-radius: 16px;
    background: var(--Neutrals-White, rgba(255, 255, 255, 1));
    margin-top: 20px;
    border: 1px solid var(--Neutrals-200, rgba(226, 226, 226, 1))
}

.faq-contact-icon {
    margin-right: 20px;
}


.faq-contact-text {
    display: flex;
    flex-direction: column;
}



.faq-contact-link {
  text-decoration: underline;
}
.faq-contact-text *{
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
vertical-align: middle;

}
.faq-contact-link:hover {
    text-decoration: underline;
}

/* Responsive Ayarlar */
@media (max-width: 767px) {
    .faq-tabs {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .faq-tab-button {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .faq-title {
        font-size: 26px;
    }
}


/* CONTACT PAGE  */


/* Sayfa düzeni */

.contact-section{
    background: var(--Primary-Light, rgba(255, 243, 238, 1));
border-radius: 56px;
padding: 110px 150px;
}
.contact-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 180px;

}

.contact-info {
    flex: 1;
    min-width: 300px;
}

.contact-form-container {
    flex: 1;
    min-width: 300px;
}

/* Sol Taraf - İletişim Bilgileri */
.contact-header {
    margin-bottom: 40px;
}

.contact-tag {
    font-size: 14px;
    font-weight: 600;
    color: #FF5E14;
    margin-bottom: 15px;
}

.contact-title {
color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 16px;
}

.contact-text {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    
}

/* İletişim Yöntemleri */
.contact-methods {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-method-item {
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 32px;
    padding: 26px;
    background: var(--Neutrals-White, rgba(255, 255, 255, 1));

    border: 1px solid var(--Neutrals-100, rgba(238, 238, 238, 1));
        transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-method-item:hover {
    transform: translateY(-3px);
}

.contact-method-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.contact-method-icon i {
    font-size: 18px;
    color: #fff;
}

.contact-method-icon.email {
    background-color: #FF5E14;
}

.contact-method-icon.whatsapp {
    background-color: #25D366;
}

.contact-method-icon.telegram {
    background-color: #0088cc;
}

.contact-method-content {
    flex: 1;
}

.contact-method-title {
    color: var(--Neutrals-600, rgba(84, 84, 84, 1));
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 4px;

}

.contact-method-value {
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 4px;

}

.contact-method-value i {
    font-size: 12px;
    margin-left: 5px;
}

.contact-method-desc {
    font-size: 13px;
    color: #777;
    margin: 0;
}
.contact-form-container{
    background: var(--neutrals-White, rgba(255, 255, 255, 1));
    border: 1px solid var(--neutrals-200, rgba(226, 226, 226, 1));
    padding: 48px;
    border-radius: 24px;
}
/* Sağ Taraf - İletişim Formu */
.contact-form-box {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));

}

.contact-form-title {
text-align: left;
    font-family: Archivo;
font-weight: 600;
font-size: 28px;
line-height: 38px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 8px;
color: var(--neutrals-Black, rgba(0, 0, 0, 1));

}

.contact-form-text {
    font-family: Archivo;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: 25px;
color: var(--neutrals-Black, rgba(0, 0, 0, 1));
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contact-form .btn-primary{
    width: 100% !important;
}




.contact-privacy-text {
    color: var(--neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    
}

.contact-privacy-link {
    color: var(--neutrals-Black, rgba(0, 0, 0, 1));
    text-decoration: underline;
    font-weight: 500;
}


/* Responsive Ayarlar */
@media (max-width: 992px) {
    .contact-wrapper {
        flex-direction: column;
    }
    
    .contact-info, 
    .contact-form-container {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .contact-wrapper {
        padding: 20px;
        margin: 30px 0;
    }
    
    .contact-title {
        font-size: 28px;
    }
    
    .contact-form-box {
        padding: 20px;
    }
}


/* 404 - 505  */


/* Hata Sayfaları Ortak CSS */

/* Genel Container */
.error-page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 80vh;
    padding: 20px;
}

/* Hata Kodu */
.error-page-code {
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    color: #222;
    margin-bottom: 10px;
}

/* Oops Tag */
.error-page-tag {
    font-size: 18px;
    font-weight: 700;
    color: #FF5E14;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* Hata Başlık */
.error-page-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    max-width: 600px;
}

/* Hata Açıklama */
.error-page-text {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    max-width: 500px;
}

/* Buton Container */
.error-page-button-container {
    margin-top: 10px;
}

/* Responsive Ayarlar */
@media (max-width: 991px) {
    .error-page-code {
        font-size: 90px;
    }
    
    .error-page-title {
        font-size: 24px;
    }
    
    .error-page-text {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .error-page-code {
        font-size: 70px;
    }
    
    .error-page-title {
        font-size: 20px;
    }
}



/* Sözleşmeler Sayfası Stilleri */

/* Sayfa düzeni */
.agreements-wrapper {
    display: flex;
    gap: 30px;
    margin: 60px 0;
}

/* Sol Tab Menüsü */
.agreements-sidebar {
    width: 230px;
    flex-shrink: 0;
}

.agreements-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
}
.agreements-sidebar h3{
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    font-weight: 500;
font-size: 20px;
line-height: 26px;
letter-spacing: 0%;
margin-bottom: 30px;
}

.agreements-tab-item {
    border-bottom: 1px solid #eee;
}

.agreements-tab-item:last-child {
    border-bottom: none;
}

.agreements-tab-item a {
    display: block;
    padding: 15px 20px;
   color: var(--neutrals-900, rgba(16, 24, 40, 1));
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0%;
   vertical-align: middle;
   text-decoration: none;
   
}


.agreements-tab-item.active a {
    background: var(--Primary-Light, #FFF3EE);
    color: var(--Primary, #F76009);
}

/* Sağ İçerik Alanı */
.agreements-content {
    flex: 1;
}

.agreements-tab-content {
    display: none;
}

.agreements-tab-content.active {
    display: block;
}

.agreements-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    margin: 0 0 10px;
    padding-bottom: 10px;
}

.agreements-section {
    margin-bottom: 30px;
}

.agreements-subtitle {
    font-size: 20px;
    font-weight: 600;
    color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
    margin: 0 0 15px;
}

.agreements-text {
    font-size: 15px;
    line-height: 1.7;
    color: var(--Neutrals-800, rgba(31, 31, 31, 1));
    margin-bottom: 15px;
}

.agreements-list {
    padding-left: 20px;
    margin: 15px 0;
}

.agreements-list li {
    font-size: 15px;
    line-height: 1.7;
    color: var(--Neutrals-800, rgba(31, 31, 31, 1));
    margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 992px) {
    .agreements-wrapper {
        flex-direction: column;
    }
    
    .agreements-sidebar {
        width: 100%;
    }
    
    .agreements-tabs {
        display: flex;
        flex-wrap: wrap;
    }
    
    .agreements-tab-item {
        flex: 1;
        min-width: 150px;
        border-bottom: none;
        border-right: 1px solid #eee;
    }
    
    .agreements-tab-item:last-child {
        border-right: none;
    }
    
    .agreements-tab-item a {
        text-align: center;
        padding: 12px 10px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .agreements-tabs {
        flex-direction: column;
    }
    
    .agreements-tab-item {
        border-right: none;
        border-bottom: 1px solid #eee;
    }
    
    .agreements-content {
        padding: 20px;
    }
    
    .agreements-title {
        font-size: 24px;
    }
    
    .agreements-subtitle {
        font-size: 18px;
    }
}

.about-hero-section{
    padding-top: 96px;
}

.purple-gradient-text {
    background: linear-gradient(270deg, #7E17D2 25.93%, #F76009 97.67%);
    background-size: 10%;
    background-position: center;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
      color: transparent;
    -webkit-text-fill-color: transparent;
  font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

  }
.about-services-title.purple-gradient-text{
    background-size: 40%;
    text-align: left !important;

}
    .about-mission-section .purple-gradient-text{
    background-size: 22%;
    }
    .blue-gradient-text {
        background: linear-gradient(90deg, #7E17D2 40.29%, #0061C2 100.49%);
        background-size: 10%;
        background-position: center;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
          color: transparent;
        -webkit-text-fill-color: transparent;
      font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    
      }
      .contact-header .purple-gradient-text{
        text-align: left !important;
        background-size:34%;
      }
      .error-page-tag.purple-gradient-text{
        background-size: 110%;
      }
.faq-support-box-mbl,.btn-see-all-blogs-mbl{
    display: none;
}
.profile-mbl-back-button{
    display: none;
}
.profile-account-card-header{
    display: flex
;
align-items: center;
justify-content: space-between;
  }
  .profile-account-card-header-buttons{
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .profile-manual-amount{
    position: relative;
  }
  .profile-bonus-info{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px !important;
    background: var(--success-700, rgba(2, 122, 72, 1));
    border-radius: 5px;
    padding: 6px 12px;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: white !important;



  }
  .profile-card-details-content .btn-primary{
    margin-top: 20px;
  }
  .profile-balance-continue-btn button{
    width: 185px;
    margin-top: 20px;
  }
  .mbl-checkout-sidebar-overlay{
    display: none;
  }
  .premium-detail-summary-discount{
    margin-left: 0px;
}
.premium-detail-plan-option{
    cursor: pointer !important;
}
.rating-container{
    border: 1px solid var(--Neutrals-100, rgba(238, 238, 238, 1))
}
.premium-detail-plan-option.active{
    border:1px solid var(--Neutrals-Black, rgba(0, 0, 0, 1));
}
/* Modal Overlay Temel Stiller */
.profile-modal-person-info-overlay,
.profile-modal-bill-info-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}

/* Modal Container Stiller */
.profile-modal-person-info-container,
.profile-modal-bill-info-container {
background-color: white;
border-radius: 8px;
width: 100%;
max-width: 500px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
padding: 0;
overflow: hidden;
}

/* Modal Başlık */
.profile-modal-person-info-header,
.profile-modal-bill-info-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
border-bottom: 1px solid #eee;
}

.profile-modal-person-info-header h3,
.profile-modal-bill-info-header h3 {
margin: 0;
font-weight: 600;
font-size: 18px;
}

.profile-modal-person-info-close,
.profile-modal-bill-info-close {
font-size: 24px;
cursor: pointer;
color: #999;
transition: color 0.2s;
}

.profile-modal-person-info-close:hover,
.profile-modal-bill-info-close:hover {
color: #333;
}

.profile-modal-person-info-content,
.profile-modal-bill-info-content {
padding: 20px;
max-height: 70vh;
overflow-y: auto;
}

.profile-modal-person-info-content .fubigo-input-container,
.profile-modal-bill-info-content .fubigo-input-container {
margin-bottom: 15px;
}

.profile-modal-person-info-footer,
.profile-modal-bill-info-footer {
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 15px 20px;
border-top: 1px solid #eee;
margin-top: 10px;
}
.blog-section a {
    text-decoration: none;
  }

  .blog-featured-date{
    display: flex;
    justify-content: start;
}
.blog-detail-image{
    background: unset;
}

.whatsapp-container{
    max-width: 100%;
    display: inline-flex
;
min-width: 180px;
position: fixed;
z-index: 99999;
left: 20px;
bottom: 20px;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    background-color: #00615a;
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
    outline: thick solid transparent;
    transition: all .3s ease;
    cursor: pointer;
    min-height: 50px;
  }
  .whatsapp-container i {
    font-size: 20px;
  }
  .whatsapp-container span{
    font-size: 13px;
    color: white;
  }
  .footer{
    background: var(--Neutrals-25, rgba(252, 252, 252, 1));

}
       .profile-balance-label{
    display: none !important;
 }
      .premium-detail-price-text{
        margin-top: 6px;
        font-size: 18px;
      }
.detail-premium-body .premium-detail-likes-section {
    margin-bottom: 0px !important;
    
}
.detail-premium-body .comments-section{
    padding-top: 96px;
    padding-bottom: 96px;

}
.copy-alert {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background-color: #4CAF50;
    color: white;
    padding: 12px 24px;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 9999;
    font-family: 'Arial', sans-serif;
  }
  
  .copy-alert.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  
  .check-icon {
    background-color: white;
    color: #4CAF50;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-weight: bold;
    font-size: 12px;
  }
  .copy-alert span:last-child{
    color: white;
  }
  .login-with-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
  }
  .login-with-container i {
    color: var(--Primary, #F76009);
    font-size: 24px;

  }
  .login-with-container div {
    width: 100%;

  }
  .login-with-container button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    gap: 8px;
  }

      @media screen  and (max-width:991px){
        .glow-right,.glow-left{
            width: 300px;
            height: 300px;
        }
        .hero-title{
font-weight: 700;
font-size: 32px;
line-height: 40px;
letter-spacing: 0%;
text-align: center;

        }
        .hero-subtitle{
            color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
            font-family: Archivo;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            
        }
        .hero-section .btn-primary, .hero-section .btn-secondary {
            height: 52px;
            width: 270px;
        }
        .services-section .container{
            padding-right: 0px !important;
        }
        .service-tab {
            font-weight: 600;
            font-size: 20px;
            line-height: 28px;
            letter-spacing: -2%;
            white-space: nowrap;
        }
        .why-choose-section {
            padding-left: 0px !important;
        }
        .big-section{
            width: 100% !important;
        }
        .side-overlay-left {
            top: 20% ;
        }
        .center-glow{
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(255, 106, 0, 0.4) 0%, rgba(255, 255, 255, 0.35) 50%);
            z-index: 1;
        }
        .faq-support-box:not(.faq-support-box-mbl){
            display: none;
        }
        .faq-support-box-mbl{
            display: flex;
        }
        .faq-left-column {
            margin-bottom: 30px;
        }
        section{
            margin-bottom: 40px !important;
        }
        .faq-main-section{
            margin-bottom: 0px !important;
        }
        .blog-section{
            margin-top: 0px;
        }
        .blog-title-container .btn-secondary{
            display: none;
        }
         .btn-see-all-blogs-mbl{
            display: flex;
            width: fit-content !important;
        }
        .blog-section{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .blog-section-title{
            display: flex;
            width: 100%;
            justify-content: start;
        }
     
        .banner-images{
            height: 250px;
        }
        .blog-section, .blog-section *{
            margin-bottom: 0px !important;
        }
        .mbl-blog-section-title{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: start;
            padding: 1rem;
        }
        .blog-see-all-container{
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 60px;
        }
        .blog-mbl-carousel{
            padding-left: 1rem;
        }
        .comments-section .side-overlay-right, .comments-section .side-overlay-left{
            display: none;
        }
        .center-glow {
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(255, 106, 0, 0.4) 0%, rgba(255, 255, 255, 0.35) 100%);
            z-index: 1;
            opacity: 0.5;
        }
        .blog-mbl-carousel a{
            text-decoration: none !important;
        }
        .blog-card.main-article .blog-image{
            height: auto !important;
        }
        .blog-card-title{
            font-weight: 600;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 0%;
            margin-bottom: 4px;
        }
        .blog-excerpt{
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0%;
            margin-bottom: 12px ;
            
        }
        .premium-detail-likes-section{
            padding:0px;
            border-radius: 0px !important;
        }
        .premium-detail-likes-section .premium-detail-big-container{
            border-radius: 0px;
            padding: 40px 16px;
        }
        .premium-detail-delivery-tag{
font-size: 18px;
line-height: 26px;

        }
        .premium-detail-section-title{
            font-family: Archivo;
            font-weight: 700;
            font-size: 28px;
            line-height: 32px;
            letter-spacing: -2%;
width: 100%;
margin-bottom: 0px;
            
        }
        .premium-detail-section-description{
            font-family: Archivo;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: var(--Neutrals-100, rgba(238, 238, 238, 1));
width: 100%;
padding: 0px;
        }
        .premium-detail-title-area{
            width: 100%;
        }
  
        .premium-detail-action-container .btn-secondary{
            width: 48px;
            height: 48px;
        }
        .premium-detail-bottom-container{
            padding: 20px ;
        }
        .premium-detail-summary-container .premium-detail-summary-item:nth-child(1){
            margin-right: 15px;
            padding-right: 0px;
        }
        .premium-detail-summary-container{
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        .followers-container .features-list{
            display: none;
        }
        .followers-container{
            flex-direction: column;
            gap: 0px;
        }
        .followers-content * {
            text-align: center;
        }
        .why-choose-section  .container{
            padding-right: 0px !important;

        }
        .section-title{
            margin-bottom: 12px;
        }
        .section-header.clients-tells-header{
            margin-bottom: 20px;
        }
        .take-free-service-container{
          grid-template-columns: 1fr;
        }
        .take-free-service{
            padding-top: 10px;
        }
        .take-free-service-left h2{
font-weight: 700;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
text-align: left;
        }
        .take-free-service-left p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;

        }
        .take-free-service-left .rating-container{
            width: 100% !important;
        }
        .take-free-service-container{
            gap: 20px;
        }
        .take-free-service-right{
            padding: 20px;
        }
        .take-free-service-right h3{
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;
vertical-align: middle;

        }
        .take-free-card{
            gap: 16px;
        }
        .free-taking-modal{
            padding: 20px !important;
        }
        .premium-detail-summary-value{
            flex-direction: column;
            display: flex;
        }
        .instagram-profile-content-cont, .instagram-profile-header{
            padding: 0px ;
        }
        .instagram-profile-header{
            flex-direction: column-reverse;
            align-items: center;
            gap: 20px;
        }
        .instagram-profile-section{
            background-color: #FAFAFA;
        }
        .instagram-profile-picture {
            width: 67px;
            height: 67px;
            
        }
        .instagram-profile-header-left{
            gap: 20px;
        }
        .instagram-profile-username h1{
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;

        }
        .instagram-profile-username, .instagram-profile-stats{
            margin-bottom: 10px;
        }
        .instagram-profile-stat span{
font-weight: 600;
font-size: 18px;
line-height: 24px;
letter-spacing: 0%;

        }
   
        .instagram-profile-section .container,.instagram-profile-content{
            padding: 0px ;
        }
        .instagram-profile-section .container {
            padding-top: 20px;
        }
        .big-profile-photo-container{
            margin: unset !important;
            width: 100%;
        }
        .popup-container,.cart-notification{
            bottom: 0;
            width: 100%;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            max-width: 100% !important;
        }
        .popup-overlay{
            align-items: end;
        }
        .remove-mbl-text{
            display: block;
        }
        .checkout-item{
            flex-wrap: wrap;
        }
        .checkout-item-actions-container{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .checkout-item-price::after{
            display: none;
        }
        .checkout-item-delete, .remove-mbl-text{
            display: flex;
            align-items: center;
            font-size: 14px;
            color: var(--Error-700, rgba(180, 35, 24, 1)) !important;
            gap: 4px;
        }
        .checkout-card{
            padding: 0px;
        }
        .checkout-promo-button{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .checkout-mbl-bottom-bar-left{
            display: flex;
            flex-direction: column;
        }
        .checkout-actions-content.checkout-mbl-bottom-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 10;
          }
          .checkout-mbl-bottom-bar{
display: flex;
background: var(--neutrals-White, rgba(255, 255, 255, 1));
border-top: 1px solid var(--Neutrals-200, rgba(226, 226, 226, 1));
padding: 13px 16px !important;
width: 100%;
max-width: 100vw;
height: 90px;
          }
          .checkout-step-router{
            display: flex;
            align-items: center;
            margin-bottom: 0px;
width: 100%;
max-width: 100vw;
overflow: hidden;
gap: 16px;
        }
        .checkout-mbl-bottom-bar-left{
            width: fit-content;
        }
        .checkout-mbl-bottom-bar-left> span{
font-weight: 500;
font-size: 12px;
line-height: 20px;
letter-spacing: 0%;
color: var(--Neutrals-600, rgba(84, 84, 84, 1));

        }
        .checkout-mbl-bottom-bar-left> div * {
            color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
            font-weight: 600;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0%;
            
        }
        .checkout-mbl-bottom-bar-left> div{
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .checkout-step-router .btn-primary{
            width: 100% !important;
        }
        .checkout-step-router .checkout-step-2-content, .checkout-step-router .checkout-step-1-content{
flex:1;
        }
        .checkout-sidebar{
            /* position: fixed; */
            width: 100%;
            max-width: 100%;
            background-color: white;
            left: 0;
            bottom: 90px;
            /* display: none; */
            border-radius: 16px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            padding: 16px !important;
            min-width: 100%;
        }
        .checkout-sidebar.active{
            display: block;
            z-index: 5215;
        }
        .mbl-checkout-sidebar-overlay.active{
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            z-index: 100;
        }
        .checkout-in-step-3 .checkout-mbl-bottom-bar{
            display: none !important;
        }
        .checkout-in-step-3 .checkout-sidebar{
            position: relative !important;
            display: flex !important;
            flex-direction: column;
            border-radius: 16px !important;
            margin-top: 50px !important;
        }
        .checkout-buttons{
            flex-direction: column;
        }
        .profile-section{
            margin-top: 0px;
        }
        .profile-content-wrapper .profile-sidebar{
            width: 100%;
            margin: 0px;
        }
        .profile-sidebar{
            position: fixed;
            padding-left: 1rem;
            padding-right: 1rem;
            left: -100%;
            width: 100%;
            height: 100%;
            z-index: 999;
            background-color: white;

        }
        .profile-sidebar.profile-show{
            left: 0;

        }
        .profile-main-content{
            flex: unset;
            width: 100% !important;
        }
        .profile-order-header{
            flex-direction: column;
        }
        .profile-order-header > div{
            width: 100%;
        }
        .profile-order-meta{
            flex-direction: column;
            gap: 5px;
        }
        body.profile-no-scroll{
            overflow: hidden;
        }
        .profile-mbl-back-button{
          margin-bottom: 10px;
            align-items: center;
            gap: 4px;
            padding: 4px 12px;
            text-decoration: none;
        }
        .profile-balance-options {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
          }
          
    .profile-manual-amount{
        width: 100% ;
    }
    .profile-card-details-content{
        width: 100%;
    }
    .profile-referral-stats{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
          .profile-referral-link{
            flex-direction: column;
          }
          .profile-referral-link{
            width: 100%;
          }
          .profile-refferal-link-left{
            width: 100%;
            margin-bottom:12px;
          }
          .profile-membership-cards{
            flex-direction: column;
          }
          .profile-products-grid{
            display: flex;
            overflow-x: scroll;
          }
          .favorites-content-container{
            padding: 0px;
            border: none;
          }
          .profile-product-card{
            min-width: 44%;
          }
          .profile-modal-person-info-overlay, .profile-modal-bill-info-overlay,.password-change-modal{
            align-items: end;
          }
          .password-change-modal-content {
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 100%;
            overflow: hidden;
        }
        .profile-account-card-header{
            flex-direction: column;
        }
        .profile-account-card-header-buttons{
            flex-direction: column;
            width: 100% ;
            margin-bottom: 10px;
        
        }
        .profile-support-header{
            flex-direction: column-reverse;
            gap: 20px;
        }
    .profile-support-tabs{
        overflow-x: auto !important;
        width: 100%;
    }
    .profile-support-tab{
        white-space:nowrap;
    }
    .profile-ticket-item{
        flex-direction: column;
        gap: 12px;
    }
    .profile-ticket-item >*{
        width: 100%;
    }
    .profile-support-form{
        width: 100%;
    }
    .sign-modal-container{
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0px;
    }
    .about-hero-section{
        padding-top: 20px;
    }
    .purple-gradient-text{
        background-size: 30%;
    }
    .about-hero-header{
        margin-bottom: 15px;
    }
    .about-hero-text h2{
font-weight: 500;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    }
    .about-stats-container{
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }
    .about-stats-container > div:nth-child(1){
        border-right: 1px solid rgba(226, 226, 226, 1);
    }
    .about-stats-container > div:nth-child(3){
        border-right: 1px solid rgba(226, 226, 226, 1);
    }
    .about-video-play{
        width: 120px;
        height: 120px;
    }
    .about-circular-text {
        width: 120px !important;
        height: 120px !important;
    }
    .about-banner-section.big-section{
        padding-bottom: 50px;
    }
    .about-services-title.purple-gradient-text {
        background-size: 107%;
        margin-bottom: 0px;
    }
    
    .about-services-header{
        margin-bottom: 10px;
    }
    .about-services-description div{
font-weight: 500;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .about-services-description div img{
    width: 24px;
    height: 24px;
    }
    .about-services-section .features-container{
        grid-template-columns: 1fr;
    }
    .about-mission-section{
        padding: 40px 16px;
    }
    .about-mission-section .purple-gradient-text{
        background-size: 46%;
        background-position: left;
    }
    .about-mission-title {
        font-weight: 700;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        
    }
    .about-mission-card{
        padding: 24px;
    }
    .about-mission-card * {
        text-align: left;
    }
    .about-mission-card-content p{
font-weight: 500;
font-size: 24px;
line-height: 26px;
letter-spacing: 0%;
vertical-align: middle;

    }

    .about-mission-card-content p:last-child{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .blue-gradient-text{
        background-size: 15%;

    }
    .blog-featured{
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
        padding: 20px;
        margin-bottom: 30px !important;
    }
    .blog-featured-image {
        min-height: unset;
    }
    .blog-featured-content{
        padding: 0px;
    }
    .blog-featured-title{
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: -2%;

    }

    .blog-featured-text{

    }


    .blog-featured .btn-primary{
        display: none;
    }
    .blog-more-content h2{
        margin-bottom: 20px !important;
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    }
    .blog-card-image{
        height: auto;
        margin-bottom: 12px !important;
    }
    .blog-card-content{
        padding-left: 12px ;
    }
    .blog-detail-sidebar{
        display: none !important;
    }
    .blog-detail-title{
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: -2%;

    }
    .faq-header{
        padding-top: 0px;
    }
    .faq-header .purple-gradient-text{
        background-size: 70%;
    }
    .faq-header{
        margin-bottom: 16px;
    }
    .faq-tabs{
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        justify-content: start;
    }
    .faq-tab-button{
        min-width: 100px;
    }
    .contact-section{
        padding: 40px 16px;
        border-radius: 0px;
    }
    .contact-wrapper{
        margin: 0;
        padding: 0;
        gap: 20px;
    }
    .contact-header *{
        text-align: center !important;
    }
    .contact-header .purple-gradient-text{
        text-align: center !important;
        background-size: 29%;
    }
    .contact-title{
        margin: 0;
    }
    .contact-form-container{
        padding: 20px;
    }
    .contact-form-box{
        padding: 0;
    }
    .agreements-wrapper{
        margin-top: 20px;
    }
    .whatsapp-container span{
        display: none;

    }
    .whatsapp-container{
        min-width: 60px;
        max-width: 60px;
        min-height: 60px;
        max-height: 60px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        gap: 0;
    }
    .whatsapp-container i  {
        font-size: 32px;
    }
    .testimonials-section .container{
        padding: 0px;
    }
    .section-description{
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        

    }
    .comment-title{
        font-size: 18px;
    }
    .comment-text{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: var(--Neutrals-600, rgba(84, 84, 84, 1));

    }
    .faq-accordion-header h3{
font-weight: 500;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;

    }
    .faq-support-text p{
font-size: 16px;
line-height: 24px;

    }
    .blog-content{
        display: flex;
        flex-direction: column;
        align-items: start;

    }
    .blog-date{
        order: 3;
        margin-bottom: 0px;
    }
    .blog-mbl-carousel .owl-dots{
        display: none !important;
    }
    .blog-content{
        padding: 16px !important;
    }
    .premium-detail-price-amount{
font-weight: 600;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    }
    .premium-detail-summary-title{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;

    }
    .premium-detail-summary-value{
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;

    }
    .premium-detail-summary-discount{
        width: fit-content;
    }
    .premium-detail-plan-title{
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .premium-detail-feature-tag{
        min-width: 90px;
    }
    .premium-detail-plan-description{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;

    }
    .premium-detail-feature-text{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .premium-detail-feature-item{
        margin-bottom: 8px;
    }
    .premium-detail-features-list{
        margin-top: 8px;
    }
    .premium-detail-plan-header{
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
    }
    .premium-detail-right-panel{
        gap: 6px;
    }
    .detail-premium-body .comments-section{
        padding-top: 32px !important;
    }
    .comments-container .section-title{
font-weight: 700;
font-size: 28px;
line-height: 36px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    }
    .comments-container .section-header{
        margin-bottom: 16px !important;
    }
    .detail-premium-body .comments-section{
        padding-bottom: 0px !important;
    }
    .followers-section .container{
        padding-top: 0px;
    }
    .followers-description{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: var(--Neutrals-Black, rgba(0, 0, 0, 1));
margin-bottom: 24px;
    }
    .why-choose-section .section-header{
        gap: 12px;
        margin-bottom: 14px;
    }
    .take-free-service-left-content{
        gap: 12px;
    }
    .take-free-service-container{
        gap: 0px;
    }
    .take-free-form .fubigo-input-container{
        margin-bottom: 0px;
    }
    .take-free-service{
        margin-bottom: 0px !important;
    }
    .seperator-more{
        margin-top: 28px ;
        margin-bottom: 11px;
    }
    .checkout-empty-content{
        width: 100%;
        gap: 2px;
    }
    .checkout-empty-icon{
        margin-bottom: 14px;
    }
    .checkout-empty-title{
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    }
    .checkout-empty-desc{
        color: var(--Neutrals-600, rgba(84, 84, 84, 1));
        font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

    }
    .checkout-buttons{
        margin-top: 30px;
    }
    .checkout-item{
        align-items: start;
    }
    .checkout-item-price{
        margin-left: 0px !important;
    }
    .checkout-item-actions-container{
        margin-top: 12px ;
    }
    .checkout-promo-text{
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .checkout-promo-text span{
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
vertical-align: middle;

    }
    .checkout-step-router{
        gap: 36px;
        margin-top: 15px;
    }
    .checkout-summary{
        margin-bottom: 16px;
    }
    #checkout-coupon-container{
        margin-bottom: 0px;
    }
    .checkout-back-button{
        margin-bottom: 8px;
    }
    .checkout-title{
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 24px;
    }
    .checkout-subtitle{
font-weight: 600;
font-size: 18px;
line-height: 26px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 12px ;
    }
    .checkout-section{
        margin-bottom: 0px;
    }
    .checkout-main.checkout-step-3-content{
        padding: 0px;
    }
    .checkout-success-icon{
        margin-bottom: 16px;
    }
    .checkout-success-title{
font-weight: 700;
font-size: 28px;
line-height: 36px;
letter-spacing: 0%;
vertical-align: middle;

    }
 .checkout-in-step-3 .checkout-sidebar{
    margin-top: 65px;
 }
 .checkout-section{
        margin-bottom: 0px !important;
    padding-bottom: 0px !important;
 }
 .profile-sidebar{
    padding-top: 32px;
 }
 .profile-page-title{
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

 }
 .profile-page-description{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

 }
 .profile-tab-navigation button {
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
vertical-align: middle;

 }
 .profile-tab-navigation{
 justify-content: center;
 align-items: center;
margin-bottom: 16px; 
}
 .profile-page-description{
    margin-bottom: 20px;
 }
 .profile-order-list{
    margin-top: 0px;
 }
 .profile-order-status{
    flex: 1;
 }
 .profile-order-status span{
    flex-direction: column;
    height: fit-content !important;
}
 .profile-order-meta-item{
    overflow-x: scroll;
    gap: 16px;
    align-items:start;
 }
 .profile-section{
    margin-bottom:0px !important;
 }
.profile-favorites-title{
    margin-bottom: 12px;
}
.profile-products-grid{
    margin-bottom: 24px;
}
.profile-support-title{
font-weight: 500;
font-size: 18px;
line-height: 28px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
.profile-support-subtitle{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
.profile-new-ticket-btn{
    width: fit-content !important;
}
.profile-ticket-detail-title{
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;

}
.profile-message-avatar img{
    width: 36px;
    height: 36px;
}
.profile-support-message .profile-message-admin-avatar{
    width: 36px !important;
    height: 36px !important;
}
.profile-message-bubble{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;

}
.sign-modal-container{
    padding: 32px 16px !important;
}
.sign-modal-logo{
    margin-top: 32px;
}
.about-hero-content{
    padding-top: 16px;
}
.about-hero-header{
    margin-bottom: 8px;
}
.about-hero-text{
    margin-bottom: 32px;
}
.about-hero-text p{
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
.about-hero-glow{
    display: none !important;
}
.about-stat-number{
font-weight: 500;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}
.about-stat-label{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
.about-stat-item:nth-child(2)::after{
    display: none;
}
.about-banner-section.big-section{
    margin-top: 30px !important;
}
.about-banner-section{
    padding-left: 16px;
    padding-right: 16px;
}
.section.about-services-section{
    padding-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 50px !important;
}
.about-services-title{
    font-size: 14px !important;
    line-height: 20px !important;

}
.about-mission-section{
    border-radius: 32px;
}
.about-mission-header .purple-gradient-text{
            background-size: 33% !important;
        background-position: center !important;
}
.about-mission-header{
    margin-bottom: 24px;
}
.about-mission-card-header{
    margin-bottom: 8px;
}
.faq-contact{
 
    margin-bottom: 0px !important;
}
.contact-header{
    margin-bottom: 25px;
}
.contact-methods{
    gap: 8px;
}
.contact-form{
    gap: 0px;
}
.contact-privacy-text{
    margin-top: 24px;
}
.checkout-item-info{
    flex-direction: column;
}
.about-stat-item:nth-child(1)::before, .about-stat-item:nth-child(2)::before{
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0%;
    bottom: 0;
    background: var(--Neutrals-200, rgba(226, 226, 226, 1));
}
.about-stat-item{
    padding-bottom: 10px;
    padding-top: 10px;
}
.about-stats-container{
    gap: 0px;
}
        .testimonial-cards .owl-prev{
left: 20px !important ;

        }
        .testimonial-cards .owl-next{
right: 20px !important;

        }
        .sign-modal-close{
            top:40px;
            right: 30px;
        }
        .sign-modal-phone-code {
    width: 85px;
    margin-right: 5px;
}
.sign-modal-back{
    margin-top: 15px;
}
.sign-modal-container{
    padding-top: 50px !important;
}
.instagram-profile-stat{
    margin-right: 24px;
}
}
  @media screen and (min-width:991px){
    .service-tab{
font-weight: 600;
font-size: 32px;
line-height: 40px;
letter-spacing: 0%;

    }
    
  }
  .checkout-step-router .btn-primary{
    height: 56px;
  }
  .premium-detail-plan-title {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .premium-detail-feature-tag{
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .services-section .owl-hidden{
    opacity: 1 !important;
  }

  body{
    overflow-x: hidden;
    max-width: 100%;
  }
  #menuToggle i{
    color: black;
  }
  #sidebarClose i {
    color: black;

  }
  .profile-product-discount{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }


  /* Eklemeler */ 
p.premium-detail-price-discount i {
    color: var(--type-color);
}
.premium-detail-feature-icon i {
    color: var(--type-color);
}
.selected-product-left-part .product-icon i {
    font-size: 26px;
    color: var(--platform-color);
}
.modal-check {
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 14px;
}
.checkout-item-icon i {
    color: var(--c);
    font-size: 37px;
}




/* Modal Overlay */
.ns-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: modalOverlayFadeIn 0.3s ease-out;
}

@keyframes modalOverlayFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Container */
.ns-modal-container {
    background: white;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
    max-width: 480px;
    width: 100%;
    overflow: hidden;
    animation: modalSlideIn 0.3s ease-out;
    transform-origin: center;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Modal Content */
.ns-modal-content {
    padding: 40px 32px 32px;
    text-align: center;
}

/* Modal Icon */
.ns-modal-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    position: relative;
}

.ns-modal-icon::after {
    content: '';
    position: absolute;
    inset: -3px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
    animation: iconPulse 2s ease-in-out infinite;
}

@keyframes iconPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.2;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.3;
    }
}

.ns-modal-icon i {
    font-size: 40px;
    color: white;
}

/* Modal Header */
.ns-modal-header {
    margin-bottom: 16px;
}

.ns-modal-header h3 {
    font-size: 24px;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
    letter-spacing: -0.025em;
}

/* Modal Body */
.ns-modal-body {
    margin-bottom: 32px;
}

.ns-modal-body p {
    font-size: 16px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

/* Modal Actions */
.ns-modal-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.ns-modal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    min-width: 120px;
}

.ns-modal-btn i {
    font-size: 18px;
}

/* Cancel Button */
.ns-modal-cancel {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.ns-modal-cancel:hover {
    background: #f1f5f9;
    color: #475569;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(100, 116, 139, 0.15);
}

/* Confirm Button */
.ns-modal-confirm {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    border: 1px solid transparent;
}

.ns-modal-confirm:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

/* Focus States */
.ns-modal-btn:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Success Variant */
.ns-modal-icon.ns-success {
    background: linear-gradient(135deg, #10b981, #059669);
}

.ns-modal-icon.ns-success::after {
    background: linear-gradient(135deg, #10b981, #059669);
}

/* Error Variant */
.ns-modal-icon.ns-error {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.ns-modal-icon.ns-error::after {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

/* Info Variant */
.ns-modal-icon.ns-info {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.ns-modal-icon.ns-info::after {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .ns-modal-overlay {
        padding: 16px;
    }
    
    .ns-modal-content {
        padding: 32px 24px 24px;
    }
    
    .ns-modal-icon {
        width: 64px;
        height: 64px;
    }
    
    .ns-modal-icon i {
        font-size: 32px;
    }
    
    .ns-modal-header h3 {
        font-size: 20px;
    }
    
    .ns-modal-body p {
        font-size: 15px;
    }
    
    .ns-modal-actions {
        flex-direction: column;
    }
    
    .ns-modal-btn {
        width: 100%;
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .ns-modal-overlay {
        padding: 12px;
    }
    
    .ns-modal-content {
        padding: 24px 20px 20px;
    }
    
    .ns-modal-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 20px;
    }
    
    .ns-modal-icon ion-icon {
        font-size: 28px;
    }
    
    .ns-modal-header h3 {
        font-size: 18px;
    }
    
    .ns-modal-body {
        margin-bottom: 24px;
    }
    
    .ns-modal-body p {
        font-size: 14px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .ns-modal-overlay,
    .ns-modal-container {
        animation: none;
    }
    
    .ns-modal-icon::after {
        animation: none;
    }
    
    .ns-modal-btn:hover {
        transform: none;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .ns-modal-container {
        background: #1e293b;
    }
    
    .ns-modal-header h3 {
        color: #f8fafc;
    }
    
    .ns-modal-body p {
        color: #94a3b8;
    }
    
    .ns-modal-cancel {
        background: #334155;
        color: #cbd5e1;
        border-color: #475569;
    }
    
    .ns-modal-cancel:hover {
        background: #475569;
        color: #e2e8f0;
    }
}
.copied {
    background: #8BC34A;
    border-color: #6d973c;
}
.copied:hover {
    background: #8BC34A;
    border-color: #6d973c;
}
.iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
}