.footer-section {
                background-color: #0a173b;
                color: #fff;
                padding: 50px 0;
            }

            .footer-title {
                font-size: 1.25rem;
                font-weight: bold;
                color: #fff;
                margin-bottom: 20px;
                position: relative;
            }

            .footer-title::after {
                content: "";
                display: block;
                width: 30px;
                height: 2px;
                background-color: #00a859; /* Alt çizgi rengi */
                margin-top: 10px;
            }

            .footer-link {
                color: #b0b0b0;
                text-decoration: none;
                font-size: 0.95rem;
                line-height: 1.8;
            }

            .footer-link:hover {
                color: #fff;
            }

            .footer-contact .btn-outline-light {
                border-color: #00a859;
                color: #fff;
                border-radius: 30px;
            }

            .footer-contact .btn-outline-light:hover {
                background-color: #00a859;
                border-color: #00a859;
            }

            .footer-bottom {
                margin-top: 30px;
                font-size: 0.875rem;
                color: #b0b0b0;
            }


            .social-media-icons a {
                color: #fff; /* Beyaz ikonlar */
                font-size: 1.1rem;
                margin-left: 5px;
                transition: color 0.3s ease;
            }

            .social-media-icons a:hover {
                color: #ffdd57; /* Üzerine gelince ikonlar sarı olur */
            }


            .slider-section {
                font-family: 'Poppins', sans-serif;
                padding: 50px 0;
                background: linear-gradient(to bottom, #e9eff9, #f8fbff);
            }

            .slider-title {
                font-size: 2.5rem;
                font-weight: bold;
                color: #1a1a1a;
            }

            .slider-title .highlight {
                color: #00a859; /* Yeşil vurgulu metin */
            }

            .slider-description {
                font-size: 1.2rem;
                color: #666;
                margin-top: 20px;
                margin-bottom: 30px;
            }

            .btn-success {
                background-color: #00a859;
                border: none;
                padding: 15px 30px;
            }

            .btn-success:hover {
                background-color: #008f4a;
            }

            .slider-image {
                max-width: 100%;
                height: auto;
            }

            .slider-navigation {
                gap: 10px;
            }

            .slider-dot {
                width: 18px;
                height: 18px;
                background-color: #b0b0b0;
                border-radius: 50%;
                display: inline-block;
                cursor: pointer;
                border: none;
                margin-top: -80px;
                z-index: 1;
            }

            .slider-dot.active {
                background-color: #007bff;
            }

            .slider-dot:focus,
            .slider-dot:hover {
                outline: none;
                background-color: #0056b3; /* Hover ve focus durumunda koyu mavi */
            }

            .references-section {
                background-color: #fff;
            }

            .reference-logo {
                max-height: 80px;
                transition: transform 0.3s ease;
            }

            .reference-logo:hover {
                transform: scale(1.1); /* Hover durumunda logo büyütme efekti */
            }

            .btn-outline-success {
                border-radius: 25px;
                padding: 10px 20px;
                font-weight: bold;
            }

            @media (max-width: 768px) {
                .reference-logo {
                    max-height: 60px; /* Mobilde logoların boyutunu küçültmek */
                }
            }


            .page-background-12345 {
              background-color: #f0f0f0; /* Grimsi bir renk */
              padding: 20px; /* İçeriğin arka planla uyumlu görünmesi için padding ekleyebilirsiniz */
            }

            .campaign-container {
              display: flex;
              justify-content: space-between;
              gap: 20px;
              padding: 20px;
              max-width: 1100px;
              margin: 0 auto;
            }

            .campaign-item {
              background-color: #ffffff;
              border-radius: 10px;
              box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
              padding: 20px;
              width: 100%;
              text-align: left;
              transition: transform 0.3s;
            }

            .campaign-item img {
              max-width: 100%;
              height: auto;
              border-radius: 5px;
            }

            .campaign-item h3 {
              font-size: 18px;
              color: #ff6200;
              margin: 15px 0;
            }

            a {
              text-decoration: none;
            }

            .campaign-item p {
              font-size: 14px;
              color: #666;
              margin-bottom: 15px;
            }

            .read-more-btn {
              background-color: #ff6200;
              color: #fff;
              padding: 10px 20px;
              border: none;
              border-radius: 5px;
              cursor: pointer;
              transition: background-color 0.3s;
            }

            .read-more-btn:hover {
              background-color: #e55a00;
            }

            .references-section {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 20px;
              padding: 40px;
            }

            .logo-gallery {
              display: flex;
              gap: 20px;
            }

            .logo-item {
              width: 100px;
              height: auto;
              cursor: pointer;
              transition: transform 0.3s ease;
            }

            .logo-item:hover {
              transform: scale(1.1);
            }

            .reference-content {
              display: flex;
              gap: 20px;
              width: 80%;
              padding: 20px;
              background-color: #f8f9fa;
              border-radius: 10px;
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            }

            .reference-image img {
              width: 300px;
              border-radius: 10px;
            }

            .reference-text {
              max-width: 600px;
            }

            .reference-text h3 {
              font-family: 'Poppins', sans-serif;
              font-weight: bold;
            }

            .reference-text p {
              font-family: 'Poppins', sans-serif;
              font-size: 14px;
              margin-top: 30px;
            }


            .compact-form-section {
                background-color: #fff; /* Beyaz arka plan */
                border-radius: 15px; /* Hafif yuvarlatılmış köşeler */
                padding: 30px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Gölge efekti */
            }

            .compact-form-section h2 {
                font-size: 1.60rem; /* Daha küçük başlık boyutu */
                margin-bottom: 1rem;
            }

            .form-control-sm {
                border-radius: 5px; /* Daha küçük ve kompakt input kutuları */
                padding: 10px;
                border: 1px solid #ddd;
            }

            .form-control-sm:focus {
                border-color: #ff6600; /* Odaklanınca turuncu renk */
                box-shadow: none;
            }

            .btn-primary {
                background-color: #ff6600; /* Turuncu renk */
                border: none;
                font-weight: 300;
                padding: 10px 20px;
                transition: background-color 0.3s ease;
            }

            .btn-primary:hover {
                background-color: #e65c00; /* Üzerine gelince koyu turuncu */
            }

            textarea.form-control-sm {
                resize: none; /* Textarea boyutunun değişmesini engelle */
            }

            @media (max-width: 768px) {
                .col-md-4 {
                    margin-bottom: 1rem; /* Küçük ekranlarda inputlar arasında boşluk */
                }
            }

            .services-section {
                background-color: #f8f9fa; /* Beyaz arka plan */
                color: #333; /* Varsayılan yazı rengi */
            }

            .services-section h2 {
                font-size: 2.5rem;
                font-weight: 700;
                margin-bottom: 1rem;
                color: #333;
            }

            .services-section p.lead {
                font-size: 1.2rem;
                color: #666; /* Açıklama metni için hafif gri */
                margin-bottom: 2rem;
            }

            .service-box {
                background-color: #fff; /* Hafif gri kutu arka planı */
                transition: transform 0.3s ease, box-shadow 0.3s ease; /* Hover efekti için */
            }

            .service-box p {
               font-size: 14px;
            }

            .service-box h5 {
                margin-bottom: 1rem;
            }

            .service-box ul {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }

            .service-box a {
                transition: color 0.3s ease;
            }

            .service-box a:hover {
                color: #ff4500; /* Kırmızı tonunda vurgulama */
            }

            .custom-list {
            list-style: none; /* Varsayılan madde işaretlerini kaldır */
            padding: 0;
            }

            .custom-list li {
                position: relative;
                padding-left: 19px; /* Sol tarafta ikona yer açmak için */
                margin-bottom: 10px; /* Liste öğeleri arasında boşluk */
            }

            .custom-list li::before {
                content: '✔'; /* Check işareti simgesi */
                color: #000; /* Yeşil renk */
                position: absolute;
                left: 0;
                top: 5px;
                font-size: 0.8rem; /* Simge boyutu */
                line-height: 1; /* Simge hizalaması için */
            }

            .hero-section {
            background-color: #3b4cca; /* Görseldeki mavi arka plan */
            color: #fff; /* Beyaz yazı rengi */
            }

            .hero-section h1 {
                font-size: 2.5rem; /* Büyük başlık boyutu */
                font-weight: bold;
            }

            .hero-section p {
                font-size: 1.2rem; /* Açıklama yazısı boyutu */
            }

            .hero-section .btn-primary {
                background-color: #fff;
                color: #3b4cca;
                border: none;
                font-weight: bold;
                padding: 10px 30px;
                border-radius: 30px; /* Butonun oval hatları */
                transition: all 0.3s ease; /* Geçiş efekti */
            }

            .hero-section .btn-primary:hover {
                background-color: #f0f0f0;
                color: #3b4cca;
                padding-right: 40px; /* Sağ tarafa boşluk ekleyerek sağ ok simgesi için alan bırakmak */
            }

            .hero-section .btn-primary::after {
                content: ' \f178'; /* Sağ ok simgesi için ikon kodu */
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                opacity: 0;
                transition: all 0.3s ease;
                margin-left: 10px;
            }

            .hero-section .btn-primary:hover::after {
                opacity: 1; /* Üzerine gelindiğinde sağ ok simgesi görünür */
            }

            .image-container {
                max-width: 900px; /* Görselin genişliğini sınırlamak için */
                margin: 0 auto; /* Ortalamak için */
            }

            body { font-family: 'Mulish', sans-serif;
            }
            /* Üst Bar */
            .top-bar {
                background-color: #15284b; /* Siyah arka plan */
                color: #fff; /* Beyaz yazı rengi */
                font-size: 0.9rem;
            }

            /* Ana Navigasyon */
            .navbar {
                padding: 1rem 0; /* Daha geniş bir padding */
            }

            .navbar-brand {
                font-weight: bold; /* Logo yazısının kalın olması için */
                font-size: 1.2rem;
            }

            .navbar-nav {
                margin-left: 50px; /* Menü başlıklarını logodan daha sağa çekmek için */
            }

            .nav-link {
                color: #000; /* Başlık rengi siyah */
                font-weight: 500; /* Bir tık kalın */
                margin-right: 0.5rem; /* Başlıklar arasında boşluk */
                position: relative;
                transition: color 0.3s ease;
                font-family: 'Poppins', sans-serif;
            }

            .nav-link i {
                margin-right: 8px; /* İkon ve başlık arasında boşluk */
            }

            .nav-link::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -5px; /* Yazının altından biraz boşluk bırakılması için */
                width: 0;
                height: 2px;
                background-color: #3b4cca; /* Alt çizgi rengi */
                transition: width 0.3s ease;
            }

            .nav-link:hover {
                color: #3b4cca; /* Üzerine gelindiğinde renk değişimi */
            }

            .nav-link:hover::after {
                width: 100%; /* Alt çizgi genişliği animasyonlu olarak %100 oluyor */
            }

            .navbar .btn-dark {
                font-weight: 600;
                border-radius: 25px; /* Butonun oval hatları */
                padding: 10px 20px;
                background-color: #00a859; /* Siyah buton */
                color: #fff;
                margin-left: 20px; /* Butonun menüden biraz ayrılması için */
                transition: background-color 0.3s ease;
                border: none;
            }

            .navbar .btn-dark:hover {
                background-color: #333; /* Üzerine gelince butonun koyulaşması */
            }

             .contact-quote-section {
                display: flex;
                align-items: center;
                gap: 15px;
            }

            .contact-details {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            .contact-link {
                text-decoration: none;
                color: #000;
                font-weight: bold;
                font-family: 'Poppins', sans-serif;
                font-size: 12px; /* Daha küçük font boyutu */
                background-color: #f0f0f0;
                padding: 3px 8px;
                border-radius: 5px;
                display: inline-flex;
                align-items: center;
                transition: background-color 0.3s ease;
                margin-bottom: 5px;
            }

            .contact-link i {
                margin-left: 5px; /* İkon ile yazı arasına boşluk ekleme */
            }

            .contact-link:hover {
                background-color: #e0e0e0;
            }

            .phone-number {
                color: #000;
                font-weight: 500;
                font-family: 'Poppins', sans-serif;
                font-size: 14px; /* Telefon numarası için biraz daha büyük font */
            }

            .get-quote-button {
                background-color: #15284b; /* Teklif al butonu arka plan rengi */
                color: #fff;
                border-radius: 25px;
                padding: 8px 18px; /* Biraz daha küçük boyut */
                font-weight: bold;
                font-family: 'Poppins', sans-serif;
                text-decoration: none;
                transition: background-color 0.3s ease;
                font-size: 14px;
            }

            .get-quote-button:hover {
                background-color: #f0f0f0; /* Hover durumunda daha koyu bir ton */
            }

            .references-list {
                justify-content: center;
                padding: 50px 0;
                background-color: #ffffff; /* Beyaz arka plan */
            }

            .top-container{
                margin-top: 30px;
            }
            .reference-card {
                background-color: #ffffff;
                border: 1px solid #e0e0e0;
                border-radius: 15px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                overflow: hidden;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }


            .reference-card img {
                width: 100%;
                height: auto;
                display: block;
            }

            .reference-card a {
                text-decoration: none;
                color: inherit;
            }

            .reference-card-content {
                padding: 15px;
                font-family: 'Poppins', sans-serif;
            }

            .reference-card-content h3 {
                font-size: 1.2rem;
                color: #333;
                margin-bottom: 10px;
            }

            .reference-card-content p {
                font-size: 1rem;
                color: #555;
                margin-bottom: 15px;
            }

            .reference-category {
                display: flex;
                align-items: center;
                font-size: 0.9rem;
                color: #777;
            }

            .reference-category i {
                margin-right: 5px;
                color: #4a4aff;
            }


               .references-page-background {
                background-color: #fff; /* Grimsi arka plan */
                padding: 50px 0;
                display: flex;
                justify-content: center;
            }

            .references-container {
                max-width: 1100px;
                width: 100%;
                display: flex;
                gap: 20px;
                padding: 30px;
                border-radius: 15px;
            }

            .references-text {
                flex: 1;
                text-align: left;
                padding-right: 20px;
            }

            .references-text h2 {
                font-size: 2.5rem;
                color: #333;
                margin-bottom: 20px;
                font-family: 'Poppins', sans-serif;
                font-weight: 700;
            }

            .references-text h2 span {
                color: #4a4aff;
            }

            .references-text p {
                font-size: 0.9rem;
                color: #000;
                line-height: 1.8;
                margin-bottom: 30px;
                font-family: 'Poppins', sans-serif;
            }

            .references-button {
                padding: 10px 20px;
                background-color: #333;
                color: #fff;
                border: none;
                border-radius: 25px;
                font-size: 1rem;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }

            .references-button:hover {
                background-color: #4a4aff;
            }

            .references-image {
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;

            }

            .references-image img {
                max-width: 400px;
                height: 250px;
                border-radius: 15px;
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            }

            .mobile-app-section {
                display: flex;
                justify-content: center;
                padding: 50px 0;
                background-color: #f5fafa;
            }

            .mobile-app-container {
                max-width: 1100px;
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .mobile-app-content {
                flex: 1;
            }

            .mobile-app-content h2 {
                font-size: 2.5rem;
                color: #022c44;
                font-weight: bold;
                margin-bottom: 20px;
                font-family: 'Poppins', sans-serif;
            }

            .mobile-app-content p {
                font-size: 1.1rem;
                color: #000;
                margin-bottom: 30px;
                line-height: 1.6;
                font-family: 'Poppins', sans-serif;
            }

            .store-buttons {
                display: flex;
                gap: 20px;
            }

            .store-buttons a img {
                width: 150px;
            }

            .mobile-app-image {
                flex: 1;
                display: flex;
                justify-content: flex-end;
            }

            .mobile-app-image img {
                max-width: 100%;
                height: auto;
            }


            .services-section {
                display: flex;
                justify-content: center;
                padding: 50px 0;
                background-color: #f9f9f9; /* Hafif grimsi arka plan */
            }

            .services-container {
                max-width: 1100px;
                width: 100%;
                display: flex;
                gap: 30px;
            }

            .service-card {
                background-color: #ffffff;
                padding: 30px;
                border-radius: 15px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: start;
            }

            .service-icon img {
                width: 40px;
                height: 40px;
                margin-bottom: 15px;
            }

            .service-card h3 {
                font-size: 1.1rem;
                color: #333;
                margin-bottom: 10px;
                font-family: 'Poppins', sans-serif;
                font-weight: bold;
            }

            .service-card p {
                font-size: 1rem;
                color: #555;
                font-family: 'Poppins', sans-serif;
            }


            /* Tam ekran arka plan */
            .promo-wrapper {
                background-color: #f9f9f9;
                padding: 50px 0;
                display: flex;
                justify-content: center;
                margin-top: -45px;
            }

            /* 1100 piksel genişlikte promo bölümü */
            .promo-section {
                background-color: #ff7300;
                border-radius: 10px;
                max-width: 1100px;
                width: 100%;
                padding: 30px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                color: white;
                position: relative;
                background-size: cover;
                background-position: center;
            }

            .promo-text {
                flex: 1;
            }

            .promo-text h2 {
                font-size: 1.6rem;
                font-weight: bold;
                margin-bottom: 15px;
                color: white;
            }

            .promo-text p {
                font-size: 1rem;
                line-height: 1.6;
                color: white;
            }

            /* Sağda yer alan buton */
            .promo-button {
                margin-left: 30px;
            }

            .promo-button .btn {
                background-color: transparent;
                border: 2px solid white;
                color: white;
                padding: 10px 20px;
                border-radius: 5px;
                text-decoration: none;
                font-size: 0.9rem;
                transition: background-color 0.3s ease, color 0.3s ease;
                font-family: 'Poppins', sans-serif;
            }

            .promo-button .btn:hover {
                background-color: white;
                color: #ff7300;
            }


            .blog-page-background {
                background-color: #f0f4f8; /* Arka plan rengini görsele uygun şekilde belirledim */
                padding: 50px 0;
            }

            .blog-list {
                border-radius: 5px;
                background-color: #fff;
                max-width: 800px; /* İçeriğin genişliği 800 piksel */
                margin: 0 auto;
                padding: 20px;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .blog-item {
                display: flex;
                justify-content: space-between;
                align-items: center;
                background-color: #ffffff; /* Blog listesi beyaz arka plana sahip */
                padding: 15px;
                border-radius: 5px;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
            }

            .blog-content {
                max-width: 70%;
            }

            .blog-content h3 {
                font-size: 1.2rem;
                font-weight: 600;
                color: #333;
                margin-bottom: 10px;
                font-family: 'Poppins', sans-serif;
            }

            .blog-category {
                color: #e63946;
                font-weight: bold;
                font-family: 'Poppins', sans-serif;
                font-size: 0.8rem;
            }

            .blog-author {
                color: #555;
                font-family: 'Poppins', sans-serif;
                font-size: 0.9rem;
            }

            .blog-content p {
                font-size: 0.9rem;
                color: #666;
                line-height: 1.6;
                margin: 10px 0;
                font-family: 'Poppins', sans-serif;
            }

            .blog-date {
                font-size: 0.9rem;
                color: #999;
                font-family: 'Poppins', sans-serif;
            }

            .blog-image img {
                width: 200px;
                height: 120px;
                border-radius: 5px;
                object-fit: cover;
            }

            .search-bar {
                max-width: 840px; /* Arama çubuğu genişliği */
                margin: 0 auto 10px auto; /* Ortalanmış ve altına boşluk eklenmiş */
                padding: 0 20px;
            }

            .search-input-wrapper {
                position: relative;
                width: 100%;
            }

            .search-input-wrapper input {
                width: 100%;
                padding: 10px 40px; /* İçerideki ikona yer açmak için padding ayarlandı */
                border: 1px;
                border-radius: 5px;
                font-family: 'Poppins', sans-serif;
                font-size: 1rem;
            }

            .search-input-wrapper i {
                position: absolute;
                left: 15px; /* İkonu inputun içinde sola hizalar */
                top: 50%;
                transform: translateY(-50%);
                color: #999;
                font-size: 1.2rem;
            }

            .load-more-container {
                text-align: center;
                margin: 20px 0;
            }

            .load-more-button {
                text-decoration: none;
                color: #e63946; /* Kırmızı renk */
                font-weight: bold;
                font-family: 'Poppins', sans-serif;
                font-size: 1rem;
                display: inline-flex;
                align-items: center;
                border: none;
                gap: 5px;
                transition: color 0.3s ease;
            }

            .load-more-button i {
                font-size: 1.2rem;
                color: #e63946; /* İkonun rengi */
            }

            .load-more-button:hover {
                color: #d62828; /* Hover durumunda daha koyu kırmızı */
            }

            .load-more-button:hover i {
                color: #d62828; /* İkonun hover rengini de aynı şekilde ayarla */
            }

            .about-us-section {
                background-color: #f0f0f0; /* Grimsi arka plan rengi */
                padding: 50px 0;
            }

            .about-container {
                max-width: 1100px; /* İçeriğin genişliği */
                margin: 0 auto;
                padding: 0 15px;
                background-color: #ffffff;
                border-radius: 10px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                padding: 30px;
                text-align: justify; /* Paragrafların hizalaması düz */
            }

            .about-container h1 {
                font-size: 2.0rem;
                color: #333;
                margin-bottom: 20px;
                font-weight: 600;
                font-family: 'Poppins', sans-serif;
            }

            .about-container p {
                font-size: 1rem;
                color: #555;
                line-height: 1.8;
                margin-bottom: 15px;
                font-family: 'Poppins', sans-serif;
            }

            .slogan-section {
                font-family: 'Poppins', sans-serif;
                font-size: 1.1rem;
                font-style: italic; /* İtalik yazı stili */
                font-weight: bold;
                text-align: center;
                color: #333;
                margin: 40px 0;
            }

            .slogan-section .highlight {
                font-weight: bold;
                color: #00a859; /* Öne çıkarmak istediğiniz kelimenin rengi */
            }


        .about-us-section {
            background-color: #f0f0f0; /* Grimsi arka plan rengi */
            padding: 50px 0;
        }

        .about-container {
            max-width: 1100px; /* İçeriğin genişliği */
            margin: 0 auto;
            padding: 0 15px;
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            padding: 30px;
            text-align: justify; /* Paragrafların hizalaması düz */
        }

        .about-container h1 {
            font-size: 2.0rem;
            color: #333;
            margin-bottom: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }

        .about-container p {
            font-size: 1rem;
            color: #555;
            line-height: 1.8;
            margin-bottom: 15px;
            font-family: 'Poppins', sans-serif;
        }

        .slogan-section {
            font-family: 'Poppins', sans-serif;
            font-size: 1.1rem;
            font-style: italic; /* İtalik yazı stili */
            font-weight: bold;
            text-align: center;
            color: #333;
            margin: 40px 0;
        }

        .slogan-section .highlight {
            font-weight: bold;
            color: #00a859; /* Öne çıkarmak istediğiniz kelimenin rengi */
        }

        .about-us-section {
            background-color: #f0f0f0; /* Grimsi arka plan rengi */
            padding: 50px 0;
        }

        .about-container {
            max-width: 1100px; /* İçeriğin genişliği */
            margin: 0 auto;
            padding: 0 15px;
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            padding: 30px;
            text-align: justify; /* Paragrafların hizalaması düz */
        }

        .about-container h1 {
            font-size: 2.0rem;
            color: #333;
            margin-bottom: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }

        .about-container p {
            font-size: 1rem;
            color: #555;
            line-height: 1.8;
            margin-bottom: 15px;
            font-family: 'Poppins', sans-serif;
        }

        .slogan-section {
            font-family: 'Poppins', sans-serif;
            font-size: 1.1rem;
            font-style: italic; /* İtalik yazı stili */
            font-weight: bold;
            text-align: center;
            color: #333;
            margin: 40px 0;
        }

        .slogan-section .highlight {
            font-weight: bold;
            color: #00a859; /* Öne çıkarmak istediğiniz kelimenin rengi */
        }

        .blog-detail-page-background {
            background-color: #f0f4f8; /* Grimsi arka plan rengi */
            padding: 50px 0;
        }

        .blog-detail {
            max-width: 900px; /* İçeriğin genişliği 900 piksel */
            margin: 0 auto;
            padding: 30px;
            background-color: #ffffff; /* İçeriğin arka planı beyaz */
            border-radius: 15px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* Hafif gölge */
            text-align: justify;
        }

        .blog-detail h2 {
            font-size: 1.4rem; /* Başlık boyutunu küçülttüm */
            color: #333;
            margin-bottom: 20px;
            font-family: 'Poppins', sans-serif;
        }

        .blog-meta {
            display: flex;
            align-items: center;
            font-size: 1rem;
            color: #777;
            margin-bottom: 20px;
            font-family: 'Poppins', sans-serif;
        }

        .blog-meta .blog-author {
            color: #555;
            text-decoration: none;
            font-weight: semibold;
            display: flex;
            align-items: center;
        }

        .blog-meta .blog-author i {
            margin-right: 5px; /* İkon ve isim arasında boşluk */
            color: #e63946;
        }

        .meta-divider {
            width: 1px;
            height: 20px;
            background-color: #ccc;
            margin: 0 10px;
        }

        .divider {
            border-top: 1px solid #ddd;
            margin: 20px 0;
        }

        .blog-detail p {
            font-size: 1rem;
            color: #555;
            line-height: 1.8;
            margin-bottom: 20px;
            font-family: 'Poppins', sans-serif;
        }

        .blog-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 30px;
        }

        .blog-topic {
            font-family: 'Poppins', sans-serif;
            color: #444;
            font-size: 1rem;
        }

        .blog-category {
            color: #e63946;
            font-weight: bold;
        }

        .share-section {
            position: relative;
        }

        .share-button {
            background-color: #e63946;
            color: #fff;
            border: none;
            border-radius: 20px;
            padding: 10px 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 1rem;
            cursor: pointer;
            transition: background-color 0.3s ease;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .share-button:hover {
            background-color: #d62828; /* Hover durumunda koyu kırmızı */
        }

        .share-options {
            display: none;
            position: absolute;
            top: 45px;
            right: 0;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 10px;
            text-align: left;
            width: 120px;
            z-index: 1;
            font-size: 14px;
        }

        .share-section:hover .share-options {
            display: block;
        }

        .share-options a {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: #555;
            padding: 5px 0;
            transition: color 0.3s ease;
        }

        .share-options a i {
            margin-right: 10px;
            color: #e63946;
        }

        .share-options a:hover {
            color: #e63946; /* Hover durumunda renk değişimi */
        }

        .mobile-app-section {
            display: flex;
            justify-content: center;
            padding: 50px 0;
            background-color: #f5fafa;
        }

        .mobile-app-container {
            max-width: 1100px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .mobile-app-content {
            flex: 1;
        }

        .mobile-app-content h2 {
            font-size: 2.5rem;
            color: #022c44;
            font-weight: bold;
            margin-bottom: 20px;
            font-family: 'Poppins', sans-serif;
        }

        .mobile-app-content p {
            font-size: 1.1rem;
            color: #000;
            margin-bottom: 30px;
            line-height: 1.6;
            font-family: 'Poppins', sans-serif;
        }

        .store-buttons {
            display: flex;
            gap: 20px;
        }

        .store-buttons a img {
            width: 150px;
        }

        .mobile-app-image {
            flex: 1;
            display: flex;
            justify-content: flex-end;
        }

        .mobile-app-image img {
            max-width: 100%;
            height: auto;
        }


        .services-section {
            display: flex;
            justify-content: center;
            padding: 50px 0;
            background-color: #f9f9f9; /* Hafif grimsi arka plan */
        }

        .services-container {
            max-width: 1100px;
            width: 100%;
            display: flex;
            gap: 30px;
        }

        .service-card {
            background-color: #ffffff;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: start;
        }

        .service-icon img {
            width: 40px;
            height: 40px;
            margin-bottom: 15px;
        }

        .service-card h3 {
            font-size: 1.1rem;
            color: #333;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
            font-weight: bold;
        }

        .service-card p {
            font-size: 1rem;
            color: #555;
            font-family: 'Poppins', sans-serif;
        }


        /* Tam ekran arka plan */
        .promo-wrapper {
            background-color: #f9f9f9;
            padding: 50px 0;
            display: flex;
            justify-content: center;
            margin-top: -60px;
        }

        /* 1100 piksel genişlikte promo bölümü */
        .promo-section {
            background-color: #ff7300;
            border-radius: 10px;
            max-width: 1100px;
            width: 100%;
            padding: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
            position: relative;
            background-size: cover;
            background-position: center;
        }

        .promo-text {
            flex: 1;
        }

        .promo-text h2 {
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 15px;
            color: white;
        }

        .promo-text p {
            font-size: 1rem;
            line-height: 1.6;
            color: white;
        }

        /* Sağda yer alan buton */
        .promo-button {
            margin-left: 30px;
        }

        .promo-button .btn {
            background-color: transparent;
            border: 2px solid white;
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-size: 0.9rem;
            transition: background-color 0.3s ease, color 0.3s ease;
            font-family: 'Poppins', sans-serif;
        }

        .promo-button .btn:hover {
            background-color: white;
            color: #ff7300;
        }


        .app-category-section {
            background-color: #f9f9f9;
            padding: 50px 0;
            display: flex;
            justify-content: center;
            margin-top: -60px;
        }

        .app-category-container {
            max-width: 1100px; /* Genişlik 1100px */
            width: 100%;
            display: grid;
            grid-template-columns: repeat(5, 1fr); /* 4 kolon */
            gap: 20px;
            justify-items: center;
            align-items: start;
        }

        .app-category-item {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            width: 100%;
        }

        .app-category-item img {
            width: 30px;
            height: 30px;
            margin-bottom: 15px;
        }

        .app-category-item h3 {
            font-size: 1rem;
            color: #333;
            font-weight: 500;
            font-family: 'Poppins', sans-serif;
        }


        .reference-section {
            background-color: #f9f9f9;
            padding: 50px 0;
        }

        .reference-container {
            max-width: 1100px;
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }

        .reference-item {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 100%; /* İki referansı yan yana yerleştirmek için genişlik */
        }

        .reference-item h2 {
            font-size: 1.5rem;
            color: #022c44;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .reference-summary {
            font-size: 1rem;
            color: #666;
            margin-bottom: 20px;
        }

        .reference-content {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            align-items: center;
            width: 100%;
            position: relative;
        }

        .reference-image {
            flex: 0 0 25%; /* Resim alanının genişliği */
        }

        .reference-image img {
            max-width: 100%;
            border-radius: 10px;
            }

        .reference-description {
            font-size: 14px;
            flex: 1; /* Yazı alanını genişletmek için */
            max-width: 75%; /* Yazı alanının genişlemesi */
            padding-left: 20px; /* Çizgi ile yazı arasında boşluk */
            border-left: 2px solid #e0e0e0; /* Sol tarafa çizgi ekle */
            text-align: justify;
        }

        .reference-tags {
            font-size: 14px;
            display: flex;
            justify-content: flex-start; /* Sağa taşmaması için hizalama */
            flex-wrap: wrap; /* Alt alta düşmemesi için ayarlama */
            gap: 10px;
        }

        .reference-tags span {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            background-color: #f5f5f5;
            border-radius: 20px;
        }

        .reference-tags i {
            color: #007bff; /* İkonların rengini mavi yap */
            margin-right: 5px; /* İkon ile metin arasındaki boşluk */
        }

        .steps-container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 20px;
            text-align: center;
            background-color: #fff;
        }

        .steps-container h2 {
            font-weight: bold;
            font-family: 'Poppins', sans-serif;
        }

        .steps-container p {
            font-weight: medium;
            font-family: 'Poppins', sans-serif;
        }

        .steps-grid {
            background-color: #fff;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 20px;
        }

        .step-item {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            text-align: left;
        }

        .step-item h3 {
            margin-bottom: 10px;
            font-size: 20px;
            font-weight: bold;
        }

        .step-item p {
            margin-bottom: 15px;
            color: #555;
            font-size: 15px;
            color: #000;
        }

        .step-item img {
            max-width: 75px;
            margin-top: 10px;
            display: block;
            margin: 0 auto;
        }

        .faq-background {
            background-color: #f9f9f9;
            padding: 40px 0; /* Üst ve alt boşluk */
            width: 100%; /* Tam genişlikte arka plan */
        }

        .faq-container {
            max-width: 500px; /* İçerik genişliği */
            margin: 0 auto; /* Ortalamak için */
            text-align: left;
            padding: 0 20px; /* İçerik kenar boşlukları */
            font-family: 'Poppins', sans-serif;
        }

        .faq-container h2 {
            font-size: 1.75rem;
            font-weight: 700;
            color: #333;
            margin-bottom: 10px;
            text-align: center;
        }

        .faq-container p {
            font-size: 1rem;
            color: #666;
            margin-bottom: 30px;
            text-align: center;
        }

        .faq-item {
            margin-bottom: 15px;
        }

        .faq-question {
            width: 100%;
            background-color: #fff; /* Soru arka plan rengi */
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            text-align: left;
            font-size: 1rem;
            color: #333;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s ease;
        }

        .faq-question:hover {
            background-color: #e2e6ea; /* Hover durumunda arka plan rengi */
        }

        .faq-answer {
            display: none; /* Varsayılan olarak gizli */
            padding: 15px;
            background-color: #fff; /* Cevap arka plan rengi */
            border-radius: 0 0 8px 8px; /* Alt kenarların yuvarlatılması */

        }

        .faq-answer p {
            margin: 0;
            text-align: left; /* Yazıyı sola yaslar */
        }

        .faq-question i {
            transition: transform 0.3s ease; /* İkon dönüş animasyonu */
        }

        .faq-question.active i {
            transform: rotate(45deg); /* Açıkken ikonu döndür */
        }

        .feature-section {
          width: 100%;
          background-color: #f9f9f9;
          padding: 60px 0;
          margin-top: -50px;
          font-family: 'Poppins', sans-serif;
        }

        .feature-container {
          max-width: 1100px;
          margin: 0 auto;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 30px;
        }

        .feature-box {
          background-color: #ffffff;
          padding: 20px;
          border-radius: 10px;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        }

        .feature-box h3 {
          color: #ff7300;
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 10px;
        }

        .feature-box p {
          font-size: 14px;
          line-height: 1.6;
          color: #333333;
        }


        .business-section {
          width: 100%;
          background-color: #f9f9f9;
          padding: 60px 0;
          font-family: 'Poppins', sans-serif;
          margin-top: -50px;
        }

        .business-container {
          max-width: 1100px;
          margin: 0 auto;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 30px;
        }

        .business-box {
          background-color: #ffffff;
          padding: 20px;
          border-radius: 10px;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
          text-align: left;
        }

        .business-box h3 {
          font-size: 22px;
          font-weight: bold;
          margin-bottom: 10px;
        }

        .business-box p {
          font-size: 16px;
          line-height: 1.6;
        }

        .business-box img {
          max-width: 90%;
          height: auto;
          margin-top: 10px;
          border-radius: 10px;
        }


        .header-container {
            text-align: center;
            max-width: 900px;
            margin: 0 auto;
            padding: 50px 0;
            font-family: 'Poppins', sans-serif;
        }

        h1 {
            font-size: 3em;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 10px;
            color: #022c44;
        }

        p {
            font-size: 1.1em;
            margin-bottom: 30px;
        }

        .button-container {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        button {
            padding: 10px 20px;
            font-size: 1em;
            border-radius: 25px;
            border: none;
            cursor: pointer;
        }

        .filled-button {
            background-color: #009CA8;
            color: white;
        }

        .outline-button {
            background-color: transparent;
            color: #009CA8;
            border: 2px solid #009CA8;
        }


        .wrapper {
          width: 100%; /* Tam ekran genişliği */
          background-color: #f9f9f9; /* Arka plan rengi */
          padding: 60px 0; /* Yukarıdan ve aşağıdan boşluk */
          font-family: 'Poppins', sans-serif;
        }

        .container-wrapper {
          max-width: 1100px; /* İçeriğin genişliği */
          margin: 0 auto; /* İçeriği ortalar */
          padding: 20px; /* İçerik iç boşluk */
        }

        .software-container {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        .software-content {
          flex: 1;
          padding-right: 20px;
        }

        .software-content h2 {
          font-size: 28px;
          font-weight: bold;
          margin-bottom: 20px;
          color: #022c44;
        }

        .software-content p {
          font-size: 16px;
          line-height: 1.6;
        }

        .software-image {
          flex: 1;
        }

        .software-image img {
          max-width: 100%;
          height: auto;
        }


        /* Tam ekran arka plan */
        .promo-wrapper {
            background-color: #f9f9f9;
            padding: 50px 0;
            display: flex;
            justify-content: center;
            margin-top: -60px;
            font-family: 'Poppins', sans-serif;
        }

        /* 1100 piksel genişlikte promo bölümü */
        .promo-section {
            background-color: #ff7300;
            border-radius: 10px;
            max-width: 1100px;
            width: 100%;
            padding: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
            position: relative;
            background-size: cover;
            background-position: center;
        }

        .promo-text {
            flex: 1;
        }

        .promo-text h2 {
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 15px;
            color: white;
        }

        .promo-text p {
            font-size: 1rem;
            line-height: 1.6;
            color: white;
        }

        /* Sağda yer alan buton */
        .promo-button {
            margin-left: 30px;
        }

        .promo-button .btn {
            background-color: transparent;
            border: 2px solid white;
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            font-size: 0.9rem;
            transition: background-color 0.3s ease, color 0.3s ease;
            font-family: 'Poppins', sans-serif;
        }

        .promo-button .btn:hover {
            background-color: white;
            color: #ff7300;
        }


        .app-category-section {
            background-color: #f9f9f9;
            padding: 50px 0;
            display: flex;
            justify-content: center;
            margin-top: -60px;
        }

        .app-category-container {
            max-width: 1100px; /* Genişlik 1100px */
            width: 100%;
            display: grid;
            grid-template-columns: repeat(5, 1fr); /* 4 kolon */
            gap: 20px;
            justify-items: center;
            align-items: start;
        }

        .app-category-item {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            width: 100%;
        }

        .app-category-item img {
            width: 30px;
            height: 30px;
            margin-bottom: 15px;
        }

        .app-category-item h3 {
            font-size: 1rem;
            color: #333;
            font-weight: 500;
            font-family: 'Poppins', sans-serif;
        }


        .reference-section {
            background-color: #f9f9f9;
            padding: 50px 0;
            display: flex;
            justify-content: center;
            margin-top: -60px;
          font-family: 'Poppins', sans-serif;
        }

        .reference-container {
            max-width: 1100px;
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }

        .reference-item {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 100%; /* İki referansı yan yana yerleştirmek için genişlik */
        }

        .reference-item h2 {
            font-size: 1.5rem;
            color: #022c44;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .reference-summary {
            font-size: 1rem;
            color: #666;
            margin-bottom: 20px;
        }

        .reference-content {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            align-items: center;
            width: 100%;
            position: relative;
        }

        .reference-image {
            flex: 0 0 25%; /* Resim alanının genişliği */
        }

        .reference-image img {
            max-width: 100%;
            border-radius: 10px;
            }

        .reference-description {
            font-size: 14px;
            flex: 1; /* Yazı alanını genişletmek için */
            max-width: 75%; /* Yazı alanının genişlemesi */
            padding-left: 20px; /* Çizgi ile yazı arasında boşluk */
            border-left: 2px solid #e0e0e0; /* Sol tarafa çizgi ekle */
            text-align: justify;
        }

        .reference-tags {
            font-size: 14px;
            display: flex;
            justify-content: flex-start; /* Sağa taşmaması için hizalama */
            flex-wrap: wrap; /* Alt alta düşmemesi için ayarlama */
            gap: 10px;
        }

        .reference-tags span {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            background-color: #f5f5f5;
            border-radius: 20px;
        }

        .reference-tags i {
            color: #007bff; /* İkonların rengini mavi yap */
            margin-right: 5px; /* İkon ile metin arasındaki boşluk */
        }

        .faq-background {
            background-color: #f9f9f9;
            padding: 40px 0; /* Üst ve alt boşluk */
            width: 100%; /* Tam genişlikte arka plan */
        }

        .faq-container {
            max-width: 700px; /* İçerik genişliği */
            margin: 0 auto; /* Ortalamak için */
            text-align: left;
            padding: 0 20px; /* İçerik kenar boşlukları */
            font-family: 'Poppins', sans-serif;
        }

        .faq-container h2 {
            font-size: 1.75rem;
            font-weight: 700;
            color: #333;
            margin-bottom: 10px;
            text-align: center;
        }

        .faq-container p {
            font-size: 1rem;
            color: #666;
            margin-bottom: 30px;
            text-align: center;
        }

        .faq-item {
            margin-bottom: 15px;
        }

        .faq-question {
            width: 100%;
            background-color: #fff; /* Soru arka plan rengi */
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            text-align: left;
            font-size: 1rem;
            color: #333;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s ease;
        }

        .faq-question:hover {
            background-color: #e2e6ea; /* Hover durumunda arka plan rengi */
        }

        .faq-answer {
            display: none; /* Varsayılan olarak gizli */
            padding: 15px;
            background-color: #fff; /* Cevap arka plan rengi */
            border-radius: 0 0 8px 8px; /* Alt kenarların yuvarlatılması */

        }

        .faq-answer p {
            margin: 0;
            text-align: left; /* Yazıyı sola yaslar */
        }

        .faq-question i {
            transition: transform 0.3s ease; /* İkon dönüş animasyonu */
        }

        .faq-question.active i {
            transform: rotate(45deg); /* Açıkken ikonu döndür */
        }

        .contact-page-background {
             background-color: #f9f9f9; /* Grimsi arka plan */
             padding: 50px 0;
             display: flex;
             justify-content: center;
         }

         .contact-container {
             max-width: 1100px;
             width: 100%;
             background-color: #ffffff; /* Beyaz arka plan */
             padding: 30px;
             border-radius: 15px;
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
         }

         .contact-header {
             text-align: center;
             margin-bottom: 30px;
         }

         .contact-header h2 {
             font-size: 2.5rem;
             color: #333;
             font-family: 'Poppins', sans-serif;
             font-weight: 700;
         }

         .contact-header p {
             font-size: 1rem;
             color: #777;
             font-family: 'Poppins', sans-serif;
         }

         .contact-content {
             display: flex;
             justify-content: space-between;
             align-items: flex-start;
             gap: 20px;
         }

         .contact-form-container {
             flex: 1;
             background: linear-gradient(to top right, #ffffff, #f8f9fa);
             padding: 30px;
             border-radius: 15px;
         }

         .contact-form-container h3 {
             font-size: 1.5rem;
             margin-bottom: 20px;
             font-family: 'Poppins', sans-serif;
         }

         .form-group {
             margin-bottom: 15px;
         }

         .form-group label {
             display: block;
             margin-bottom: 5px;
             font-size: 0.9rem;
             color: #555;
         }

         .form-group input,
         .form-group textarea {
             width: 100%;
             padding: 10px;
             border: 1px solid #ccc;
             border-radius: 5px;
             font-size: 1rem;
         }

         .phone-input {
             display: flex;
             align-items: center;
         }

         .phone-input .flag-icon {
             margin-right: 5px;
         }

         .checkbox-group {
             display: flex;
             align-items: center;
             gap: 10px;
             font-family: 'Poppins', sans-serif;
             font-size: 0.9rem;
             color: #555;
             margin-top: 10px;
         }

         .form-button {
             width: 100%;
             padding: 10px;
             background-color: #333;
             color: #fff;
             border: none;
             border-radius: 25px;
             font-size: 1rem;
             cursor: pointer;
             transition: background-color 0.3s ease;
         }

         .form-button:hover {
             background-color: #4a4aff;
         }

         .contact-image-container {
             flex: 1;
             display: flex;
             justify-content: center;
             align-items: center;
         }

         .contact-image-container img {
             max-width: 100%;
             border-radius: 15px;
         }

         .contact-info {
             display: flex;
             justify-content: space-around;
             margin-top: 30px;
         }

         .contact-info-item {
             text-align: center;
             font-family: 'Poppins', sans-serif;
         }

         .contact-info-item i {
             font-size: 2rem;
             color: #4a4aff;
             margin-bottom: 10px;
         }

         .contact-info-item p {
             font-size: 1.1rem;
             font-weight: bold;
             margin-bottom: 5px;
         }

         .contact-info-item span {
             font-size: 0.9rem;
             color: #555;
             line-height: 1.5;
         }


         .blog-page-background {
             background-color: #f0f4f8; /* Arka plan rengini görsele uygun şekilde belirledim */
             padding: 50px 0;
         }

         .blog-list {
             border-radius: 5px;
             background-color: #fff;
             max-width: 800px; /* İçeriğin genişliği 800 piksel */
             margin: 0 auto;
             padding: 20px;
             display: flex;
             flex-direction: column;
             gap: 20px;
         }

         .blog-item {
             display: flex;
             justify-content: space-between;
             align-items: center;
             background-color: #ffffff; /* Blog listesi beyaz arka plana sahip */
             padding: 15px;
             border-radius: 5px;
             box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
         }

         .blog-content {
             max-width: 70%;
         }

         .blog-content h3 {
             font-size: 1.2rem;
             font-weight: 600;
             color: #333;
             margin-bottom: 10px;
             font-family: 'Poppins', sans-serif;
         }

         .blog-category {
             color: #e63946;
             font-weight: bold;
             font-family: 'Poppins', sans-serif;
             font-size: 0.8rem;
         }

         .blog-author {
             color: #555;
             font-family: 'Poppins', sans-serif;
             font-size: 0.9rem;
         }

         .blog-content p {
             font-size: 0.9rem;
             color: #666;
             line-height: 1.6;
             margin: 10px 0;
             font-family: 'Poppins', sans-serif;
         }

         .blog-date {
             font-size: 0.9rem;
             color: #999;
             font-family: 'Poppins', sans-serif;
         }

         .blog-image img {
             width: 200px;
             height: 120px;
             border-radius: 5px;
             object-fit: cover;
         }


         .load-more-container {
             text-align: center;
             margin: 20px 0;
         }

         .load-more-button {
             text-decoration: none;
             color: #e63946; /* Kırmızı renk */
             font-weight: bold;
             font-family: 'Poppins', sans-serif;
             font-size: 1rem;
             display: inline-flex;
             align-items: center;
             gap: 5px;
             transition: color 0.3s ease;
         }

         .load-more-button i {
             font-size: 1.2rem;
             color: #e63946; /* İkonun rengi */
         }

         .load-more-button:hover {
             color: #d62828; /* Hover durumunda daha koyu kırmızı */
         }

         .load-more-button:hover i {
             color: #d62828; /* İkonun hover rengini de aynı şekilde ayarla */
         }


         .blog-page-background {
             background-color: #f0f4f8; /* Arka plan rengini görsele uygun şekilde belirledim */
             padding: 50px 0;
         }

         .blog-list {
             border-radius: 5px;
             background-color: #fff;
             max-width: 800px; /* İçeriğin genişliği 800 piksel */
             margin: 0 auto;
             padding: 20px;
             display: flex;
             flex-direction: column;
             gap: 20px;
         }

         .blog-item {
             display: flex;
             justify-content: space-between;
             align-items: center;
             background-color: #ffffff; /* Blog listesi beyaz arka plana sahip */
             padding: 15px;
             border-radius: 5px;
             box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
         }

         .blog-content {
             max-width: 70%;
         }

         .blog-content h3 {
             font-size: 1.2rem;
             font-weight: 600;
             color: #333;
             margin-bottom: 10px;
             font-family: 'Poppins', sans-serif;
         }

         .blog-category {
             color: #e63946;
             font-weight: bold;
             font-family: 'Poppins', sans-serif;
             font-size: 0.8rem;
         }

         .blog-author {
             color: #555;
             font-family: 'Poppins', sans-serif;
             font-size: 0.9rem;
         }

         .blog-content p {
             font-size: 0.9rem;
             color: #666;
             line-height: 1.6;
             margin: 10px 0;
             font-family: 'Poppins', sans-serif;
         }

         .blog-date {
             font-size: 0.9rem;
             color: #999;
             font-family: 'Poppins', sans-serif;
         }

         .blog-image img {
             width: 200px;
             height: 120px;
             border-radius: 5px;
             object-fit: cover;
         }

         .search-bar {
             max-width: 840px; /* Arama çubuğu genişliği */
             margin: 0 auto 10px auto; /* Ortalanmış ve altına boşluk eklenmiş */
             padding: 0 20px;
         }

         .search-input-wrapper {
             position: relative;
             width: 100%;
         }

         .search-input-wrapper input {
             width: 100%;
             padding: 10px 40px; /* İçerideki ikona yer açmak için padding ayarlandı */
             border: 1px;
             border-radius: 5px;
             font-family: 'Poppins', sans-serif;
             font-size: 1rem;
         }

         .search-input-wrapper i {
             position: absolute;
             left: 15px; /* İkonu inputun içinde sola hizalar */
             top: 50%;
             transform: translateY(-50%);
             color: #999;
             font-size: 1.2rem;
         }

         .load-more-container {
             text-align: center;
             margin: 20px 0;
         }

         .load-more-button {
             text-decoration: none;
             color: #e63946; /* Kırmızı renk */
             font-weight: bold;
             font-family: 'Poppins', sans-serif;
             font-size: 1rem;
             display: inline-flex;
             align-items: center;
             gap: 5px;
             transition: color 0.3s ease;
         }

         .load-more-button i {
             font-size: 1.2rem;
             color: #e63946; /* İkonun rengi */
         }

         .load-more-button:hover {
             color: #d62828; /* Hover durumunda daha koyu kırmızı */
         }

         .load-more-button:hover i {
             color: #d62828; /* İkonun hover rengini de aynı şekilde ayarla */
         }

         .author-detail {
             max-width: 800px;
             margin: 0 auto;
             padding: 0px;
             border-radius: 15px;
             text-align: center;
             margin-bottom: 30px;
         }

         .author-detail h2 {
             font-size: 1.5rem;
             color: #333;
             margin-bottom: 10px;
             font-family: 'Poppins', sans-serif;
             font-weight: 600;
         }

         .author-bio {
             font-size: 1rem;
             color: #555;
             line-height: 1.6;
             font-family: 'Poppins', sans-serif;
         }

         .media-page-background {
             background-color: #f0f4f8; /* Grimsi arka plan */
             padding: 50px 0;
             display: flex;
             justify-content: center;
         }

         .media-container {
             max-width: 1100px;
             width: 100%;
             padding: 30px;
             background-color: #ffffff; /* Beyaz arka plan */
             border-radius: 15px;
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
             text-align: center;
         }

         .media-container h2 {
             font-size: 2.5rem;
             color: #333;
             margin-bottom: 20px;
             font-family: 'Poppins', sans-serif;
             font-weight: 700;
         }

         .media-container p {
             font-size: 1rem;
             color: #777;
             margin-bottom: 30px;
             font-family: 'Poppins', sans-serif;
         }

         .gallery {
             display: flex;
             flex-wrap: wrap;
             gap: 20px;
             justify-content: center;
         }

         .gallery-item {
             width: calc(33.33% - 20px);
             overflow: hidden;
             border-radius: 20px;
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
             cursor: pointer;
             transition: transform 0.3s ease, box-shadow 0.3s ease;
         }

         .gallery-item:hover {
             transform: scale(1.05);
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
         }

         .gallery-img {
             width: 100%;
             height: auto;
             display: block;
         }

         /* Modal Kısmı */
         .modal {
             display: none;
             position: fixed;
             z-index: 1000;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             overflow: auto;
             background-color: rgba(0, 0, 0, 0.8);
         }

         .modal-content {
             margin: 5% auto;
             display: block;
             width: 80%;
             max-width: 700px;
             border-radius: 10px;
         }

         .close {
             position: absolute;
             top: 15px;
             right: 35px;
             color: #fff;
             font-size: 40px;
             font-weight: bold;
             cursor: pointer;
         }

         .close:hover,
         .close:focus {
             color: #bbb;
             text-decoration: none;
             cursor: pointer;
         }

         .about-us-section {
             background-color: #f0f0f0; /* Grimsi arka plan rengi */
             padding: 50px 0;
         }

         .about-container {
             max-width: 1100px; /* İçeriğin genişliği */
             margin: 0 auto;
             padding: 0 15px;
             background-color: #ffffff;
             border-radius: 10px;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
             padding: 30px;
             text-align: justify; /* Paragrafların hizalaması düz */
         }

         .about-container h1 {
             font-size: 2.0rem;
             color: #333;
             margin-bottom: 20px;
             font-weight: 600;
             font-family: 'Poppins', sans-serif;
         }

         .about-container p {
             font-size: 1rem;
             color: #555;
             line-height: 1.8;
             margin-bottom: 15px;
             font-family: 'Poppins', sans-serif;
         }

         .slogan-section {
             font-family: 'Poppins', sans-serif;
             font-size: 1.1rem;
             font-style: italic; /* İtalik yazı stili */
             font-weight: bold;
             text-align: center;
             color: #333;
             margin: 40px 0;
         }

         .slogan-section .highlight {
             font-weight: bold;
             color: #00a859; /* Öne çıkarmak istediğiniz kelimenin rengi */
         }


         .hr-section {
         padding: 60px 0;
         background-color: #f0f0f0; /* Arka plan beyaz renk */
     }

     .hr-container {
         max-width: 1100px; /* İçeriğin genişliği */
         margin: 0 auto;
         padding: 40px 30px;
         border-radius: 15px;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* Hafif gölge */
         text-align: center;
         background-color: #ffffff;
     }

     .hr-container h1 {
         font-size: 2.8rem;
         color: #333;
         margin-bottom: 30px;
         font-family: 'Poppins', sans-serif;
         font-weight: 700;
     }

     .hr-container h2 {
         font-size: 1.6rem;
         color: #333;
         margin-bottom: 20px;
         font-family: 'Poppins', sans-serif;
         font-weight: 600;
     }

     .tagline {
         font-size: 1.3rem;
         color: #444;
         margin-bottom: 20px;
         font-family: 'Poppins', sans-serif;
     }

     .tagline strong {
         font-weight: bold;
         color: #00a859; /* Vurgulanan kelimelerin rengi */
     }

     .description {
         font-size: 0.9rem;
         color: #555;
         line-height: 1.8;
         margin-bottom: 40px;
         font-family: 'Poppins', sans-serif;
     }

     .send-cv-button {
         background-color: #15284b; /* Buton arka plan rengi */
         color: #fff;
         border: none;
         border-radius: 25px;
         padding: 12px 25px;
         font-weight: semibold;
         font-family: 'Poppins', sans-serif;
         text-decoration: none;
         transition: background-color 0.3s ease;
         font-size: 1rem;
         box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     }

     .send-cv-button:hover {
         background-color: #fff; /* Hover durumunda daha koyu renk */
     }

     .offer-page {
         padding: 50px;
     }

     .offer-container {
         display: flex;
         max-width: 1200px;
         width: 100%;
         justify-content: space-between;
         gap: 20px;
         background-color: #ffffff;
         padding: 30px;
         border-radius: 15px;
     }

     .form-info {
         flex: 1;
         margin-top: 50px;
     }

     .form-info h2 {
         font-size: 2.6rem;
         color: #333;
         margin-bottom: 10px;
         font-family: 'Poppins', sans-serif;
     }

     .form-info h2 span {
         color: #0c4b90;
         font-weight: bold;
     }

     .form-info p {
         font-size: 1rem;
         color: #000;
         margin-bottom: 20px;
         font-family: 'Poppins', sans-serif;
     }

     .client-logos {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
     }

     .client-logos img {
         margin-top: 50px;
         height: 30px;
     }

     .form-container {
         flex: 0.7; /* Genişliği daraltmak için orantı küçültüldü */
         background-color: #f7f7f7;
         padding: 30px;
         border-radius: 15px;

     }

     .form-group {
         margin-bottom: 15px;
         font-family: 'Poppins', sans-serif;
     }

     .form-group label {
         display: block;
         margin-bottom: 5px;
         font-size: 0.9rem;
         color: #555;
     }

     .form-group input {
         width: 100%;
         padding: 10px;
         border: 1px solid #ccc;
         border-radius: 5px;
         font-size: 1rem;
     }

     .phone-input {
         display: flex;
         align-items: center;
     }

     .phone-input .flag-icon {
         margin-right: 5px;
     }

     .form-button {
         width: 30%;
         padding: 10px;
         background-color:#0c4b90;
         color: #fff;
         border: none;
         display: block;
         margin-left: auto;
         border-radius: 25px;
         font-size: 1rem;
         cursor: pointer;
         transition: background-color 0.3s ease;
     }

     .form-button:hover {
         background-color: #4a4aff;
     }

     .contact-section {
         text-align: center;
     }

     .contact-box {
         background-color: #ffffff;
         padding: 20px;
         border-radius: 15px;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
         display: inline-block;
     }

     .contact-avatars {
         display: flex;
         justify-content: center;
         margin-bottom: 15px;
     }

     .contact-avatars img {
         width: 50px;
         height: 50px;
         border-radius: 50%;
         margin: 0 5px;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }

     .contact-box p {
         font-size: 1.6rem;
         color: #000;
         font-family: 'Poppins', sans-serif;
         margin-bottom: 5px;
     }

     .contact-box p span {
         font-weight: bold;
         color: #000;
     }

     .contact-number {
         display: inline-flex;
         align-items: center;
         text-decoration: none;
         font-size: 1rem;
         color: #000;
         font-weight: bold;
     }

     .contact-number i {
         margin-right: 5px;
     }

     .checkbox-group {
         display: flex;
         align-items: center;
         gap: 10px;
         font-family: 'Poppins', sans-serif;
         font-size: 0.9rem;
         color: #555;
     }

     .checkbox-group input[type="checkbox"] {
         margin: 0;
     }

     .terms-link {
         color: #4a4aff;
         text-decoration: none;
         font-weight: bold;
     }

     .terms-link:hover {
         text-decoration: underline;
     }

     .ecommerce-section {
       background: linear-gradient(to bottom, #f0f4f8 0%, #ffffff 100%);
       padding: 60px 0;
       text-align: center;
       font-family: 'Poppins', sans-serif;
     }

     .ecommerce-header h2 {
       font-size: 36px;
       color: #022c44;
       margin-bottom: 10px;
       font-weight: bold;
     }

     .ecommerce-header p {
       font-size: 18px;
       color: #000;
       font-weight: small;
     }

     .brand-logos-container {
       width: 100%;
       overflow: hidden;
       position: relative;
       margin-top: 50px;
     }

     .brand-logos {
       display: flex;
       justify-content: flex-start;
       align-items: center;
       animation: scroll-logos 20s linear infinite;
     }

     .brand-logos img {
       max-width: 150px;
       margin: 0 20px;
     }

     /* Logoların sağdan sola kaymasını sağlayan animasyon */
     @keyframes scroll-logos {
       0% {
         transform: translateX(0);
       }
       100% {
         transform: translateX(-100%);
       }
     }

     .features {
       display: flex;
       justify-content: space-between;
       max-width: 950px; /* Genişliği 750px yapıyoruz */
       margin: 0 auto; /* Ortalamak için */
       margin-top: 50px;
     }

     .feature {
       display: flex;
       font-size: 14px;
       color: #000;
       font-weight: bold;
     }


     .icon-text {
       display: flex;
       align-items: center; /* İkon ve metni dikeyde aynı hizaya getirir */
       gap: 15px; /* İkon ve metin arasındaki boşluk */
     }

     .icon-text i {
       font-size: 24px; /* İkonun boyutunu ayarlar */
       color: #1e90ff; /* İkonun mavimsi rengi */
     }

     .icon-text span {
       font-size: 18px; /* Metnin boyutunu ayarlar */
       line-height: 1; /* Satır yüksekliğini ayarlar */
     }

  .tabs {
       display: flex;
       justify-content: space-between;
       max-width: 800px;
       margin: 0 auto;
       padding: 0; /* padding kaldırıldı, tablar dibe dibe */
       font-family: 'Poppins', sans-serif;
       height: 90px;
     }

     .tab {
       background-color: white;
       padding: 20px;
       text-align: center;
       flex: 1;
       margin: 0; /* Aradaki boşluklar kaldırıldı */
       border-radius: 20px 20px 0 0; /* Üst köşeler yuvarlak */
       border: 1px solid #dce3eb;
       cursor: pointer;
     }


     .tab h2 {
       font-size: 18px;
       color: #022c44;
       margin-bottom: 10px;
       font-weight: bold;
     }

     .tab p {
       font-size: 16px;
       color: #000;
       margin-top: -10px;
     }

     .tab.active {
       background-color: white; /* Seçili olanın iç kısmı beyaz */
       border-bottom: none;
     }

     .tab:not(.active) {
       background-color: #dce3eb;
     }

     .tab-separator {
       border: none;
       height: 6px; /* Çizgi kalınlaştırıldı */
       background-color: #dce3eb;
       margin: 0; /* Çizgi ile tablar arasında boşluk kaldırıldı */
     }

     .tab-content {
       max-width: 1100px;
       margin: 0 auto;
       padding: 20px;
       background-color: white;
       font-family: 'Poppins', sans-serif;
     }

     .wrapper {
       width: 100%;
       margin-top: 25px;
     }

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

     .header-content h2 {
       font-size: 32px;
       font-weight: bold;
       margin-bottom: 20px;
       color: #022c44;
     }

     .header-content p {
       font-size: 18px;
       line-height: 1.6;
       margin-bottom: 40px;
     }

     .card-container {
       max-width: 1100px;
       margin: 0 auto;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
     }

     .card {
       background-color: #ffffff;
       border: 1px solid #eaeaea;
       padding: 20px;
       width: 100%; /* % Genişliğini arttırdık, 3lü düzene göre */
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       margin-bottom: 20px; /* Kartların altına boşluk */
       text-align: center;
     }

     .card img {
       max-width: 100%;
       height: auto;
       margin-bottom: 15px;
     }

     .card h3 {
       font-size: 18px;
       margin-bottom: 10px;
     }

     .card p {
       font-size: 16px;
       line-height: 1.4;
     }


     .full-background {
       width: 100%; /* Tam ekran genişliği */
       background-color: #f5fafa; /* Arka plan rengi */
       padding: 60px 0; /* Üst ve alt boşluk */
     }

     .content-container-eticaret {
       max-width: 1100px; /* İçerik genişliği */
       margin: 0 auto; /* İçeriği ortalar */
       display: flex;
       justify-content: space-between;
       align-items: center;
     }

     .text-container1 {
       flex: 1;
       padding-right: 20px;
     }

     .text-container1 h2 {
       font-size: 28px;
       font-weight: bold;
       margin-bottom: 20px;
       color: #022c44;
     }

     .text-container1 p {
       font-size: 14px;
       line-height: 1.6;
       margin-bottom: 20px;
     }

     .image-container1 {
       flex: 1;
     }

     .image-container1 img {
       max-width: 80%;
       height: auto;
     }

       .marketplace-section123 {
       background-color: white;
       padding: 20px;
     }

     .text-content123 h2 {
       flex: 0 0 50%; /* Yazıya %50 genişlik ver */
       padding-right: 20px; /* Resim ile yazı arasında boşluk bırak */
       color: #022c44;
       font-weight: bold;
       font-size: 28px;
     }

     .text-content123 p {
       flex: 0 0 50%; /* Yazıya %50 genişlik ver */
       padding-right: 20px; /* Resim ile yazı arasında boşluk bırak */
       color: #000;
       font-weight: medium;
       font-size: 14px;
     }

     .image-content123 {
       flex: 0 0 50%; /* Resme %50 genişlik ver */
       text-align: right;
     }

     .image-content123 img {
       max-width: 100%;
       height: auto;
     }

     .payment-systems-section456 {
       background-color: #f5fafa;
       width: 1100px;
       margin: 0 auto;
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px;
     }

     .image-content456 {
       flex: 0 0 50%;
       text-align: left;
     }

     .image-content456 img {
       max-width: 100%;
       height: auto;
     }

     .text-content456 {
       flex: 0 0 50%;
       padding-left: 20px;
     }

     .faq-background {
         background-color: #f9f9f9;
         padding: 40px 0; /* Üst ve alt boşluk */
         width: 100%; /* Tam genişlikte arka plan */
     }

     .faq-container {
         max-width: 1000px; /* İçerik genişliği */
         margin: 0 auto; /* Ortalamak için */
         text-align: left;
         padding: 0 20px; /* İçerik kenar boşlukları */
         font-family: 'Poppins', sans-serif;
     }

     .faq-container h2 {
         font-size: 1.75rem;
         font-weight: 700;
         color: #333;
         margin-bottom: 10px;
         text-align: center;
     }

     .faq-container p {
         font-size: 1rem;
         color: #666;
         margin-bottom: 30px;
         text-align: center;
     }

     .faq-item {
         margin-bottom: 15px;
     }

     .faq-question {
         width: 100%;
         background-color: #fff; /* Soru arka plan rengi */
         border: 1px solid #ddd;
         border-radius: 8px;
         padding: 15px;
         text-align: left;
         font-size: 1rem;
         color: #333;
         cursor: pointer;
         display: flex;
         justify-content: space-between;
         align-items: center;
         transition: background-color 0.3s ease;
     }

     .faq-question:hover {
         background-color: #e2e6ea; /* Hover durumunda arka plan rengi */
     }

     .faq-answer {
         display: none; /* Varsayılan olarak gizli */
         padding: 15px;
         background-color: #fff; /* Cevap arka plan rengi */
         border-radius: 0 0 8px 8px; /* Alt kenarların yuvarlatılması */

     }

     .faq-answer p {
         margin: 0;
         text-align: left; /* Yazıyı sola yaslar */
     }

     .faq-question i {
         transition: transform 0.3s ease; /* İkon dönüş animasyonu */
     }

     .faq-question.active i {
         transform: rotate(45deg); /* Açıkken ikonu döndür */
     }

    .pricing-container1 {
       max-width: 1100px;
       margin: 0 auto;
       display: flex;
       justify-content: space-between;
       gap: 20px;
       padding: 40px 0;
     }

     .pricing-box1 {
       background-color: white;
       border: 1px solid #e1e1e1;
       border-radius: 10px;
       width: 30%;
       padding: 20px;
       text-align: center;
     }

     .pricing-box1 h3 {
       font-size: 24px;
       font-weight: bold;
       color: #333;
     }

     .price1 {
       font-size: 26px;
       font-weight: bold;
       color: #7e57c2;
     }

     .try-btn1 {
       background-color: black;
       color: white;
       padding: 10px 20px;
       border: none;
       border-radius: 5px;
       cursor: pointer;
       margin: 20px 0;
     }

     .try-btn1:hover {
       background-color: #333;
     }

     .features1 {
       list-style: none;
       padding: 0;
     }

     .features1 li {
       text-align: left;
       font-size: 14px;
       margin: 10px 0;
       display: block; /* Alt alta sıralamak için */
     }

     .popular1 {
       border: 2px solid #f5b041;
     }

     .popular1 h3 {
       position: relative;
     }

     .label1 {
       background-color: #f5b041;
       color: white;
       font-size: 12px;
       padding: 2px 5px;
       position: absolute;
       top: -10px;
       right: 0;
       border-radius: 5px;
     }
     .features1 li::before {
       content: "\2713"; /* Unicode onay işareti */
       color: white;
       font-weight: bold;
       background-color: #38d8b8; /* İkonun arka plan rengi */
       border-radius: 50%; /* Yuvarlak yapmak için */
       width: 24px;
       height: 24px;
       display: inline-flex;
       justify-content: center;
       align-items: center;
       margin-right: 10px;
       font-size: 14px;
     }


     .promo-container1 {
                width: 1100px;
                border: 2px dashed #008cba;
                padding: 20px;
                margin: 0 auto;
                text-align: center;
                height: 80px;
            }

            .promo-text1 {
                font-size: 18px;
                font-weight: 400;
                color: #022c44;
            }

            .promo-deadline1 {
                font-size: 16px;
                font-weight: 600;
                color: #001f4d;
            }

            .old-price {
            text-decoration: line-through;
            color: #7a7a7a;
            font-size: 18px;
        }

        .new-price {
            font-size: 18px;
            font-weight: bold;
            color: #000;
            margin-left: 10px;
        }


        /* Mobil uyum için medya sorgusu */
        @media only screen and (max-width: 768px) {
            .promo-container1 {
                width: 100%;
                padding: 15px;
            }

            .promo-text1 {
                font-size: 16px;
            }

            .promo-deadline1 {
                font-size: 14px;
            }
        }

        .text-highlight {
    color: #e85c1b; /* Turuncu renk */
}

.highlight-line {
    width: 50px;
    height: 3px;
    background-color: #e85c1b;
}

.header h2 {
    text-align: left;
}

.feature-box {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 15px;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    border: 1px solid #e6e6e6;
}


.feature-icon {
    font-size: 28px;
    color: #e85c1b;
}

.feature-text {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.image-row {
    display: flex;
    gap: 15px; /* Resimler arasındaki boşluk */
    justify-content: center; /* Resimleri yatayda ortalar */
    flex-wrap: wrap; /* Ekran daraldığında satırları kırar */
}

.image-row img {
    width: 200px; /* Resim genişliği (isteğe bağlı) */
    height: auto; /* Oranları korur */
    border-radius: 8px; /* Köşeleri yuvarlatır (isteğe bağlı) */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge (isteğe bağlı) */
}



.about-us-section {
                background-color: #f0f0f0; /* Grimsi arka plan rengi */
                padding: 50px 0;
            }

            .about-container {
                max-width: 900px; /* İçeriğin genişliği */
                margin: 0 auto;
                padding: 0 15px;
                background-color: #ffffff;
                border-radius: 10px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                padding: 30px;
                text-align: justify; /* Paragrafların hizalaması düz */
            }

            .about-container h1 {
                font-size: 2.0rem;
                color: #333;
                margin-bottom: 20px;
                font-weight: 600;
                font-family: 'Poppins', sans-serif;
            }

            .about-container p {
                font-size: 1rem;
                color: #555;
                line-height: 1.8;
                margin-bottom: 15px;
                font-family: 'Poppins', sans-serif;
            }

            .slogan-section {
                font-family: 'Poppins', sans-serif;
                font-size: 1.1rem;
                font-style: italic; /* İtalik yazı stili */
                font-weight: bold;
                text-align: center;
                color: #333;
                margin: 40px 0;
            }

            .slogan-section .highlight {
                font-weight: bold;
                color: #00a859; /* Öne çıkarmak istediğiniz kelimenin rengi */
            }