/* Tüm içerik için sınırlı genişlik ve merkezleme */

.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}



/* Header bölümü */

.header {

    background: url('../images/home2.webp') center/cover no-repeat;

    color: white;

    position: relative;

    background-color: red;

    padding-bottom: 50px;

}



/* Navigation bar */

.navbar {

    display: flex;

    justify-content: space-around;

    align-items: center;

    padding: 20px 0;

    background-color: white;

}



.stars {

    display: flex;

    gap: 5px;

}



/* Logo */

.logo {

    font-weight: bold;

    font-size: 1.5rem;

    color: #2d00f7;

}



/* Navigation buttons */

.nav-buttons .btn {

    background: #de591c;

    color: white;

    border: none;

    margin-left: 10px;

    padding: 10px 20px;

    cursor: pointer;

    border-radius: 4px;

}



/* Hero content (başlık ve açıklama kısmı) */

.hero-content {

    max-width: 600px;

    background: rgba(0, 0, 0, 0.6);

    padding: 30px;

    border-radius: 10px;

    margin: 50px 50px;

}



.hero-content h1 {

    font-size: 2rem;

    margin-bottom: 20px;

}



.hero-content p {

    font-size: 1.2rem;

    margin-bottom: 20px;

}



/* Play now butonu */

.play-now {

    background: #de591c;

    border: none;

    color: white;

    padding: 15px 30px;

    font-size: 1rem;

    cursor: pointer;

    border-radius: 4px;

}



.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 40px 20px;

}



.main-content {

    color: #111;

    font-family: 'Segoe UI', sans-serif;

}



.intro h2 {

    font-size: 2rem;

    margin-bottom: 20px;

}



.intro p {

    font-size: 1rem;

    line-height: 1.6;

    margin-bottom: 15px;

}



.intro small {

    font-size: 0.9rem;

    color: #555;

}



/* Yorum kutuları */

.testimonials {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

    gap: 20px;

    margin-top: 40px;

}



.testimonial-box {

    background-color: #de591c;

    color: white;

    padding: 25px;

    border-radius: 10px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}



.stars {

    font-size: 1.2rem;

    color: #ffeb3b;

    margin-bottom: 10px;

}



.testimonial-box h4 {

    margin-bottom: 10px;

    font-size: 1.1rem;

    font-weight: bold;

}



.testimonial-box p {

    font-size: 0.95rem;

    line-height: 1.5;

}



/* Responsive başlıklar */

@media (max-width: 600px) {

    .intro h2 {

        font-size: 1.5rem;

    }



    .testimonial-box {

        padding: 20px;

    }

}



.footer {

    background-color: #5a5a5a;

    color: #fff;

    padding: 40px 0;

    font-family: 'Segoe UI', sans-serif;

}



.footer-container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

}



.footer-text h3 {

    font-size: 2.5rem;

    margin-bottom: 20px;

}



.footer-text p {

    font-size: 1.2rem;

    line-height: 1.6;

    margin-bottom: 15px;

}



.footer-logos {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    margin: 50px 0;

    gap: 20px;

}



.footer-logos img {

    height: 50px;

    object-fit: contain;

}



.footer-links {

    display: flex;

    gap: 30px;

    font-size: 0.9rem;

    margin-top: 20px;

}



.footer-links a {

    color: #fff;

    text-decoration: none;

}



.footer-links a:hover {

    text-decoration: underline;

}



/* Responsive */

@media (max-width: 600px) {

    .footer-text p {

        font-size: 0.95rem;

    }



    .footer-links {

        flex-direction: column;

        align-items: center;

        gap: 10px;

    }



    .footer-logos {

        gap: 10px;

    }



    .footer-logos img {

        height: 40px;

    }

}



.privacy-policy {

    background-color: #ffffff;

    color: #333;

    font-family: 'Segoe UI', sans-serif;

    padding: 40px 0;

}



.privacy-policy__container {

    max-width: 1000px;

    margin: 0 auto;

    padding: 0 20px;

}



.privacy-policy__title {

    font-size: 2.2rem;

    margin-bottom: 40px;

}



.privacy-policy__section {

    margin-bottom: 30px;

}



.privacy-policy__section h2 {

    font-size: 1.4rem;

    color: #111;

    margin-bottom: 15px;

}



.privacy-policy__section p,

.privacy-policy__section li {

    font-size: 1rem;

    line-height: 1.6;

}



.privacy-policy__section ul {

    padding-left: 20px;

    list-style-type: disc;

}



@media (max-width: 600px) {

    .privacy-policy__title {

        font-size: 1.6rem;

    }



    .privacy-policy__section h2 {

        font-size: 1.2rem;

    }



    .privacy-policy__container {

        padding: 0 10px;

    }

}



.terms {

    background-color: #ffffff;

    color: #333;

    font-family: 'Segoe UI', sans-serif;

    padding: 40px 0;

}



.terms__container {

    max-width: 1000px;

    margin: 0 auto;

    padding: 0 20px;

}



.terms__title {

    font-size: 2.2rem;

    margin-bottom: 40px;

}



.terms__section {

    margin-bottom: 30px;

}



.terms__section h2 {

    font-size: 1.4rem;

    color: #111;

    margin-bottom: 15px;

}



.terms__section p,

.terms__section li {

    font-size: 1rem;

    line-height: 1.6;

}



.terms__section ul {

    padding-left: 20px;

    list-style-type: disc;

    margin-top: 10px;

}



.terms__section a {

    color: #2d00f7;

    text-decoration: none;

}



.terms__section a:hover {

    text-decoration: underline;

}



/* Responsive üçün */

@media (max-width: 600px) {

    .terms__title {

        font-size: 1.6rem;

    }



    .terms__section h2 {

        font-size: 1.2rem;

    }



    .terms__container {

        padding: 0 10px;

    }

}



.rg {

    background-color: #ffffff;

    color: #333;

    font-family: 'Segoe UI', sans-serif;

    padding: 40px 0;

}



.rg__container {

    max-width: 1000px;

    margin: 0 auto;

    padding: 0 20px;

}



.rg__title {

    font-size: 2.2rem;

    margin-bottom: 40px;

}



.rg__section {

    margin-bottom: 30px;

}



.rg__section h2 {

    font-size: 1.4rem;

    color: #111;

    margin-bottom: 15px;

}



.rg__section p,

.rg__section li {

    font-size: 1rem;

    line-height: 1.6;

}



.rg__section ul {

    padding-left: 20px;

    list-style-type: disc;

    margin-top: 10px;

}



.rg__section a {

    color: #2d00f7;

    text-decoration: none;

}



.rg__section a:hover {

    text-decoration: underline;

}



@media (max-width: 600px) {

    .rg__title {

        font-size: 1.6rem;

    }



    .rg__section h2 {

        font-size: 1.2rem;

    }



    .rg__container {

        padding: 0 10px;

    }

}

.modal {

    background-color: white !important;

    display: block !important;

    position: relative !important;

    padding: 30px 20px;

    border-radius: 8px;

    width: 320px;

    max-width: 90%;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    z-index: 1001; /* overlay z-index 1000-dir, bu ondan yüksəkdir */

    color: #000; /* text görünmürsə deyə */

    height: auto;

}