﻿@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f7f7f7; /* Çok hafif gri arka plan */
            color: #212121; /* Koyu gri/siyah metin rengi */
			    font-size: 12px;
        }
        /* Yeni Ana Renk Tanımı (Bordo/Kırmızı) */
        :root {
            --color-primary: #77151f; /* Ana bordo rengi */
            --color-primary-light: #a0283a; /* Ana rengin açık tonu (hover) */
            --color-primary-rgb: 119, 21, 31; /* Ana rengin RGB değeri gölgeler için */
            --color-primary-dark: #400a0e; /* Koyu bordo rengi */
            --color-primary-dark-rgb: 64, 10, 14; /* Koyu bordo RGB değeri gölgeler için */
            --color-text-dark: #212121; /* Koyu metin rengi */
            --color-text-light: #f3f4f6; /* Açık metin rengi (beyazımsı) */
            --color-bg-light: #f7f7f7; /* Ana açık arka plan rengi */
            --color-bg-medium: #e0e0e0; /* Orta gri arka plan/hover rengi */
            --color-bg-dark-soft: #374151; /* Yumuşak koyu gri (Footer vb. için) */
        }

        /* Genel buton stili (Ana renk) */
        .btn-primary {
            background-color: var(--color-primary);
            color: var(--color-text-light);
            transition: all 0.3s ease;
            padding: 0.8rem 2.5rem; /* Biraz daha büyük padding */
            border-radius: 9999px; /* rounded-full */
            font-weight: 600; /* font-semibold */
            box-shadow: 0 8px 20px rgba(var(--color-primary-dark-rgb), 0.3); /* Daha belirgin gölge */
            border: none;
        }
        .btn-primary:hover {
            background-color: var(--color-primary-light);
            transform: translateY(-3px); /* Daha belirgin hareket */
            box-shadow: 0 12px 25px rgba(var(--color-primary-dark-rgb), 0.4);
        }
        .btn-primary:focus {
            outline: none;
            box-shadow: 0 0 0 5px rgba(var(--color-primary-rgb), 0.5); /* Daha belirgin halka */
        }

        /* İkincil buton stili (Beyaz ve Bordo) */
        .btn-secondary {
            background-color: var(--color-bg-light); /* Beyaz arka plan */
            color: var(--color-primary); /* Bordo metin */
            border: 1px solid var(--color-primary); /* Bordo kenarlık */
            transition: all 0.3s ease;
            padding: 0.8rem 2.5rem;
            border-radius: 9999px; /* rounded-full */
            font-weight: 600; /* font-semibold */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        }
        .btn-secondary:hover {
            background-color: var(--color-primary); /* Bordo arka plan */
            color: var(--color-text-light); /* Beyaz metin */
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(var(--color-primary-dark-rgb), 0.4);
        }
        .btn-secondary:focus {
            outline: none;
            box-shadow: 0 0 0 5px rgba(var(--color-primary-rgb), 0.5);
        }

        /* Navigasyon linkleri */
        .nav-link {
            color: var(--color-text-dark);
            font-weight: 500;
            padding: 0.6rem 0.4rem; /* Daha fazla padding */
            border-radius: 0.6rem; /* Daha yuvarlak */
            transition: all 0.25s ease;
            white-space: nowrap;
        }
        .nav-link:hover {
            background-color: var(--color-bg-medium); /* Orta gri hover */
            color: var(--color-text-dark);
        }

        /* Hero bölümü için özel arka plan ve slider stilleri */
        .hero-section {
            background-color: #ffffff; /* Beyaz arka plan */
            position: relative;
            overflow: hidden; /* Kenar taşmalarını engelle */
            height: 600px; /* Slider yüksekliği */
            display: flex;
            align-items: center;
            justify-content: center;
            /* Ana görsel slider'ın içinde olduğu için burada background-image kaldırıldı */
        }

        .slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out; /* Yumuşak geçiş */
            display: flex;
            align-items: center;
            justify-content: center;
            /*background-size: cover;*/
			background-size: 100% 100%;
			
            background-position: center;
        }
        .slide.active {
            opacity: 1;
        }
        .slide.text::before { /* Her slayt için overlay */
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 100%); /* Beyaz overlay */
            z-index: 1; /* İçeriğin altında kalması için */
        }
        .slide-content {
            position: relative;
            z-index: 2; /* İçeriğin overlay'in üzerinde olmasını sağla */
            text-align: center;
            padding: 2rem;
            max-width: 800px; /* İçerik genişliği */
        }
        .hero-section h1, .hero-section p {
            color: var(--color-text-dark); /* Hero metinleri koyu renk */
            text-shadow: none; /* Metin gölgesi kaldırıldı */
        }

        /* Slider navigasyon okları */
        .slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            background-color: rgba(0, 0, 0, 0.5); /* Yarı şeffaf siyah */
            color: white;
            padding: 0.75rem;
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .slider-arrow:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }
        .slider-arrow.left {
            left: 1.5rem;
        }
        .slider-arrow.right {
            right: 1.5rem;
        }

        /* Slider nokta göstergeleri */
        .slider-dots {
            position: absolute;
            bottom: 1.5rem;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            display: flex;
            gap: 0.75rem;
        }
        .dot {
            width: 10px;
            height: 10px;
            background-color: rgba(0, 0, 0, 0.3); /* Yarı şeffaf siyah */
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }
        .dot.active {
            background-color: var(--color-primary); /* Ana bordo rengi */
            transform: scale(1.2);
        }


        /* Ürün kartları */
        .product-card {
            background-color: #ffffff;
            border-radius: 1.5rem;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            overflow: hidden;
            border: 1px solid #f0f0f0;
            flex-shrink: 0; /* Kartların küçülmesini engelle */
            width: 100%; /* Mobil varsayılan: tek sütun */
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
        }
        .product-card img {
            border-radius: 1.5rem 1.5rem 0 0;
        }

        /* Dropdown menu styling */
        .dropdown-menu {
            top: calc(100% + 0.5rem);
            left: 0;
            min-width: 13rem;
            z-index: 20;
            background-color: #ffffff;
            border-radius: 0.75rem;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            border: 1px solid #ebebeb;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
            pointer-events: none;
        }
        .relative.group:hover .dropdown-menu,
        .dropdown-menu.show {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
        .dropdown-menu a {
            padding: 0.75rem 1.25rem;
            font-weight: 400;
            transition: background-color 0.2s ease, color 0.2s ease;
        }
        .dropdown-menu a:hover {
            background-color: var(--color-primary-light);
            color: var(--color-text-light);
        }

        /* Top Info Strip linkleri */
        .top-info-link {
            color: var(--color-text-light); /* Koyu metin */
            transition: color 0.2s ease;
        }
        .top-info-link:hover {
            color: #fff; /* Bordo hover */
        }
        .top-info-separator {
            color: #b0b0b0; /* Açık gri ayırıcı */
        }

        /* Footer linkleri */
        .footer-link {
            color: #d1d5db; /* text-gray-300 */
            transition: color 0.2s ease;
        }
        .footer-link:hover {
            color: #ffffff; /* text-white */
        }
        .social-icon {
            color: #d1d5db;
            transition: color 0.2s ease, transform 0.2s ease;
        }
        .social-icon:hover {
            color: #ffffff;
            transform: translateY(-2px);
        }

           /* Hero Section için özel stiller (Sadece resim gösterimi için güncellendi) */
        .hero-section {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 0; /* Aspect ratio ile kontrol edilecek */
            padding-bottom: 56.25%; /* 16:9 oranı (9 / 16 * 100) */
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #ffffff; /* Fallback */
        }
        @media (min-width: 768px) { /* md */
            .hero-section {
                padding-bottom: 45%; /* slightly wider aspect for tablets */
            }
        }
        @media (min-width: 1024px) { /* lg */
            .hero-section {
                padding-bottom: 35%; /* even wider aspect for desktops */
            }
        }

        /* Swiper container'ı ve slaytları için responsive yükseklik */
        .swiper-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
        }
        /* Overlay kaldırıldı */
        .swiper-slide::before {
            content: none;
        }
        /* İçerik metinleri kaldırıldığı için bu stiller gereksiz hale geldi */
        .slide-content {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 0; /* İçerik padding'i kaldırıldı */
            max-width: none; /* İçerik max-width'i kaldırıldı */
            color: transparent; /* Metin rengi şeffaf yapıldı, görünmemesi için */
        }
        .hero-section h1, .hero-section p {
            color: transparent; /* Metin rengi şeffaf yapıldı */
            text-shadow: none;
        }

        /* Swiper navigasyon okları (Swiper default sınıfları) */
        .swiper-button-next, .swiper-button-prev {
            background-color: rgba(0, 0, 0, 0.5); /* Yarı şeffaf siyah */
            color: white;
            padding: 0.75rem;
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s ease;
            width: 48px; /* Ok genişliği */
            height: 48px; /* Ok yüksekliği */
            display: flex; /* İçindeki SVG'yi ortalamak için */
            align-items: center;
            justify-content: center;
        }
        .swiper-button-next:hover, .swiper-button-prev:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }
        .swiper-button-next::after, .swiper-button-prev::after {
            font-size: 1.5rem; /* Ok ikonunun boyutu */
        }
        .swiper-button-prev {
            left: 1.5rem;
        }
        .swiper-button-next {
            right: 1.5rem;
        }

        /* Swiper sayfalama noktaları (Swiper default sınıfları) */
        .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background-color: rgba(0, 0, 0, 0.3); /* Yarı şeffaf siyah */
            border-radius: 50%;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease;
            opacity: 1; /* Swiper'ın varsayılan opasitesini ezmek için */
        }
        .swiper-pagination-bullet-active {
            background-color: var(--color-primary); /* Ana bordo rengi */
            transform: scale(1.2);
        }
		.swiper-button-next::after, .swiper-button-prev::after {
			font-size: 12px!important;
			color: #fff;
		}
		
		
		.sepeteeklendi {
            position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.6);
			display: none;
			justify-content: center;
			align-items: center;
			z-index: 1000;
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.3s ease, visibility 0.3s ease;
			display:none;
        }
        .sepeteeklendi.aktif {
            opacity: 1;
			display:flex;
        }
		
		
		
        /* Modal Stilleri */
        .custom-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .custom-modal-overlay.show {
            opacity: 1;
            visibility: visible;
        }

        .custom-modal-content {
            background-color: #fff;
            padding: 2.5rem;
            border-radius: 1.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
            text-align: center;
            max-width: 450px;
            width: 90%;
            transform: translateY(20px);
            opacity: 0;
            transition: transform 0.3s ease, opacity 0.3s ease;
            position: relative;
        }

        .custom-modal-overlay.show .custom-modal-content {
            transform: translateY(0);
            opacity: 1;
        }

        .custom-modal-icon {
            width: 72px; /* İkon boyutu */
            height: 72px; /* İkon boyutu */
            margin: 0 auto 1.5rem; /* Ortala ve alt boşluk bırak */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .custom-modal-icon svg {
            width: 100%;
            height: 100%;
        }

        .custom-modal-close-button {
            position: absolute;
            top: 1rem;
            right: 1.5rem;
            font-size: 2rem;
            color: #9ca3af;
            cursor: pointer;
            transition: color 0.2s ease;
        }

        .custom-modal-close-button:hover {
            color: #4b5563;
        }
		
		
		.cart-item {
            background-color: #fff;
            border-radius: 1rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 1.5rem;
            transition: all 0.2s ease-in-out;
        }

        .cart-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        }

        @media (min-width: 768px) {
            .cart-item {
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
        }

        .cart-item-image {
            width: 100px;
            height: 100px;
            object-fit: cover;
            border-radius: 0.75rem;
            margin-bottom: 1rem;
        }

        @media (min-width: 768px) {
            .cart-item-image {
                margin-bottom: 0;
                margin-right: 1.5rem;
            }
        }

        .quantity-control {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-top: 1rem; /* Mobil için boşluk */
        }

        @media (min-width: 768px) {
            .quantity-control {
                margin-top: 0;
            }
        }

        .quantity-btn {
            background-color: #f0f0f0;
            color: var(--color-text-dark);
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            font-weight: 700;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }
        .quantity-btn:hover {
            background-color: var(--color-bg-medium);
        }

        .quantity-input {
            width: 50px;
            text-align: center;
            border: 1px solid #e0e0e0;
            border-radius: 0.5rem;
            padding: 0.25rem 0.5rem;
            -moz-appearance: textfield; /* Firefox'ta okları gizle */
        }
        .quantity-input::-webkit-outer-spin-button,
        .quantity-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .remove-item-btn {
            background-color: #ef4444; /* Red 500 */
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 0.75rem;
            font-size: 12px; /* text-sm */
            font-weight: 500;
            transition: background-color 0.2s ease, transform 0.2s ease;
            margin-top: 1.5rem; /* Mobil için boşluk */
        }

        @media (min-width: 768px) {
            .remove-item-btn {
                margin-top: 0;
            }
        }

        .remove-item-btn:hover {
            background-color: #dc2626; /* Red 600 */
            transform: translateY(-2px);
        }
        .remove-item-btn:active {
            transform: translateY(0);
        }

        .cart-summary {
            background-color: #fff;
            border-radius: 1rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            padding: 2rem;
        }

        /* Step navigation styling */
        .step-container {
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
            opacity: 0;
            transform: translateX(20px);
            position: absolute;
            width: 100%;
        }
        .step-container.active {
            opacity: 1;
            transform: translateX(0);
            position: relative;
        }

        /* Radio button card style */
        .radio-card {
            background-color: #fff;
            border: 2px solid #e0e0e0;
            border-radius: 0.75rem;
            padding: 1.5rem;
            margin-bottom: 1rem;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
        }
        .radio-card:hover {
            border-color: var(--color-primary-light);
            box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.1);
            transform: translateY(-2px);
        }
        .radio-card input[type="radio"]:checked + div {
                border-color: var(--color-primary);
				box-shadow: 5px 5px 5px #eee;
				background-color: #fef2f2;
				padding: 10px;
				border-radius: 20px;
        }

        .radio-card input[type="radio"] {
            margin-right: 1rem;
            min-width: 1.25rem; /* Ensure radio button itself has enough space */
            min-height: 1.25rem;
            accent-color: var(--color-primary); /* Change radio button color */
        }

        .input-group label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 500;
            color: #4b5563; /* text-gray-700 */
        }

        .input-group input[type="text"],
        .input-group input[type="email"],
        .input-group input[type="tel"],
        .input-group select,
        .input-group textarea {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 1px solid #d1d5db; /* gray-300 */
            border-radius: 0.5rem;
            font-size: 1rem;
            background-color: #f9fafb; /* gray-50 */
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .input-group input:focus,
        .input-group select:focus,
        .input-group textarea:focus {
            outline: none;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.2);
        }

        .form-section {
            background-color: #fff;
            border-radius: 1rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            padding: 2rem;
            margin-bottom: 2rem;
        }
        .form-section h2 {
            font-size: 1.75rem;
            font-weight: 700;
            color: var(--color-text-dark);
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #e5e7eb; /* gray-200 */
        }
		
		
.page-account-search {
            display: flex;
            flex-wrap: wrap; /* Küçük ekranlarda alt alta geçiş */
            gap: 1rem; /* Aramalar arası boşluk */
            margin-bottom: 2rem;
            background-color: #ffffff;
            padding: 1.5rem;
            border-radius: 1rem;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            align-items: flex-end; /* Butonu inputlarla hizala */
        }
        .page-account-search .cari-ara {
            flex: 1 1 200px; /* Esnek genişlik, minimum 200px */
            padding: 0.75rem 1rem;
            border: 1px solid #d1d5db;
            border-radius: 0.75rem;
            font-size: 1rem;
            background-color: #f9fafb;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }
        .page-account-search .cari-ara:focus {
            outline: none;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.2);
        }
        .page-account-search input[type="submit"] {
            flex-shrink: 0; /* Butonun küçülmesini engelle */
            padding: 0.75rem 2rem;
            background-color: var(--color-primary);
            color: white;
            border-radius: 0.75rem;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.3s ease;
            box-shadow: 0 4px 10px rgba(var(--color-primary-dark-rgb), 0.2);
        }
        .page-account-search input[type="submit"]:hover {
            background-color: var(--color-primary-light);
            transform: translateY(-2px);
        }

        .customer-table {
            width: 100%;
            border-collapse: separate; /* border-radius için */
            border-spacing: 0; /* Hücreler arası boşluk olmasın */
            background-color: #ffffff;
            border-radius: 1rem;
            overflow: hidden; /* Köşelerdeki taşmayı engelle */
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }
        .customer-table th, .customer-table td {
            padding: 1rem 1.5rem;
            text-align: left;
        }
		.customer-table th.text-right, .customer-table td.text-right { 
            text-align: right;
        }
        .customer-table th {
            background-color: var(--color-primary);
            color: white;
            font-weight: 600;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .customer-table th:first-child {
            border-top-left-radius: 1rem;
        }
        .customer-table th:last-child {
            border-top-right-radius: 1rem;
        }
        .customer-table tbody tr {
            border-bottom: 1px solid #f0f0f0;
            transition: background-color 0.2s ease;
        }
        .customer-table tbody tr:last-child {
            border-bottom: none;
        }
        .customer-table tbody tr:hover {
            background-color: #fcfcfc;
        }
        .customer-table td {
            color: #4b5563; /* text-gray-700 */
        }
        .customer-table td.balance {
            font-weight: 600;
        }
        .customer-table td.positive {
            color: #22C55E; /* success green */
        }
        .customer-table td.negative {
            color: #EF4444; /* red */
        }
        .customer-table td.select-btn-col .select-btn {
            background-color: #3B82F6; /* Blue 500 */
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 0.5rem;
            font-size: 12px; /* text-sm */
            font-weight: 500;
            transition: background-color 0.2s ease, transform 0.2s ease;
        }
        .customer-table td.select-btn-col .select-btn:hover {
            background-color: #2563EB; /* Blue 600 */
            transform: translateY(-1px);
        }
		.text-sm
		{
			font-size: 12px!important;
			line-height: 1rem!important;
		}
		
		
		
		.bg-primary { background-color: var(--color-primary); }
        .bg-primary-light { background-color: var(--color-primary-light); }
        .hover\:bg-primary-light:hover { background-color: var(--color-primary-light); }
        .text-primary { color: var(--color-primary); }
        .text-primary-light { color: var(--color-primary-light); }
        .text-primary-dark { color: var(--color-primary-dark); }
        .border-primary { border-color: var(--color-primary); }
        .ring-primary { --tw-ring-color: var(--color-primary); }
        .shadow-primary { box-shadow: 0 4px 6px -1px rgba(var(--color-primary-rgb), 0.1), 0 2px 4px -1px rgba(var(--color-primary-rgb), 0.06); }

        /* Gölge renklerini dinamik hale getirme */
        .shadow-custom-primary {
            box-shadow: 0 10px 15px -3px rgba(var(--color-primary-rgb), 0.1), 0 4px 6px -2px rgba(var(--color-primary-rgb), 0.05);
        }
        .shadow-custom-primary-lg {
            box-shadow: 0 20px 25px -5px rgba(var(--color-primary-rgb), 0.1), 0 10px 10px -5px rgba(var(--color-primary-rgb), 0.04);
        }
		
		
		
.sammyheaderbg{
		background: #fff8eb!important;
}
.sammybgcolor{
	background:var(--color-primary);
}
.sammycolor{
	color:#ff4200;
}

 iframe.swiper-slide {
    height: 500px;
	    border-radius: 17px;
		opacity: 0.5;
    transition: 1s all;
}
iframe.swiper-slide.swiper-slide-active {
    opacity: 1; 
}