
body{font-size:14px;}
.main-section { -webkit-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out; background-image: url("../public/images/main-bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 100vh; }
.main-section-bottom { position: relative; bottom: 0; left: 0; right: 0; margin-inline: auto; max-width: 760px; min-height: calc(100vh - 150px); padding-inline: 2rem; }
.main-section-title { font-size: clamp(1.875rem, 1vw + 2rem, 3.25rem); color: #fff;  padding-bottom: 4.5625rem;  }
.main-section-title p:first-child { font-weight: 900; }
.main-section-title p:last-child { font-weight: normal; font-style: italic; }
.main-section-search_container .search { width: 100%; position: relative; display: flex; }
.main-section-title p{ font-family: "Playfair Display", serif !important;}

.main-header {
    transition: transform 0.1s ease;
  
}

#navMain{}

.sticky {
    display:none;
    position: fixed !important;
    top: 0;
    width: 100%;
    background: rgba(30, 42, 56, 0.5);
    padding-block: 0 !important;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    z-index: 9999;
    transform: translateY(0);
    transition: transform 0.9s ease;
}

    .sticky .navbar-item {
        padding-block: 2rem !important;
    }




@media (max-width: 425px) { .main-section-search_container .search { flex-direction: column; }
}

.main-section-search_container .search .input_container { width: 85%; background-color: #fff; display: flex; padding-left: 1rem; opacity: 0.75;     border-top-left-radius: 9px; }

@media (max-width: 425px) {
    .main-section-search_container .search .input_container { border-bottom-left-radius: 0; width: 100%; }
}

.main-section-search_container .search .input_container input { width: 100%; padding-block: 1rem; padding-left: 1rem; }
.main-section-search_container .search button { background-color: #1e2a38; color: #fff; cursor: pointer; width: 15%; text-transform: lowercase; opacity: 0.75; font-size: 1.375rem; border-top-right-radius: 9px; border-bottom-right-radius: 9px; }

@media (max-width: 425px) {
    .main-section-search_container .search button { border-radius: 0px 0px 14px 14px; padding-block: 0.5rem; width: 100%; }
}

.main-section-search_container .result { position: relative; width: 100%; background-color: rgba(255, 255, 255, 0.75); background:#fff; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; z-index: 10; }
    .main-section-search_container .result ul { list-style: none; padding: 0; }
        .main-section-search_container .result ul li { padding: 0.5rem 0 0.5rem 1rem; color: #1e2a38; font-size: 0.85rem; }
            .main-section-search_container .result ul li:not(:last-child) { border-bottom: 1px solid rgba(30, 42, 56, 0.3); }
.main-section_frequently_services {
    padding-bottom: 1rem;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-inline: 10px;
}
.title {
    margin-bottom: 1 rem !important;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.swiper {
    padding: 0 !important;
}
    .main-section_frequently_services .title { display: flex; align-items: center; gap: 0.5rem; color: #fff; font-size:20px; padding-bottom: 16px;  }
    .main-section_frequently_services .swiper { position: static; }
        .main-section_frequently_services .swiper .card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            text-align: center;
            border-radius: 9px;
            aspect-ratio: 1/1;
            
        }

@media (min-width: 425px) {
    /*.main-section_frequently_services .swiper .card { height: 65px; padding-block: 1rem; padding-inline: 0; }*/
    .main-section_frequently_services .swiper-button-next {
        display:block;
        top: 52%;
        color: #fff;
        right: -45px;
    }
    .main-section-title {
        margin-top: 100px;
    }

    .main-section_frequently_services {
        bottom: 100px;
    }

        .main-section_frequently_services .swiper-button-next::after {
            font-size: 20px;
            font-weight: bold;
        }

    .main-section_frequently_services .swiper-button-prev {
        display: block;
        top: 52%;
        color: #fff;
        left: -45px;
    }

        .main-section_frequently_services .swiper-button-prev::after {
            font-size: 20px;
            font-weight: bold;
        }

      
}


@media (max-width: 425px) {
    .main-header .img-container {
        max-width: 250px;
    }
}


.main-section_frequently_services .swiper-button-prev,
.main-section_frequently_services .swiper-button-next {
    display: block;
    display: flex;
    align-items: center;
    padding-top:25px !important;
}


.main-section_frequently_services .swiper .card_text {
    font-size: 13px;
    margin-inline: auto;
    text-align: center;
    color: #1e2a38;
    font-weight: 500;
    padding-top: .5rem;
    line-height: 17px;
}
.main-header .services .navbar_menu > li:hover > ul.submenu{

    left: auto !important; padding-top:10px; padding-left:4px
}


.main-header {
    padding-block: 3.125rem;
}

        .main-header .container-fluid {
            display: flex;
            align-items: center;
            width:90%;
        }

    @media (min-width: 1025px) {
        .main-header .container-fluid {
            justify-content: space-between;
        }
    }

    .main-header .navbar {
        display: none;
        text-align: center;
    }

    @media (min-width: 1025px) {
        .main-header .navbar {
            display: block;
            margin-left: auto;
        }
    }

    .main-header .navbar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .main-header .navbar_menu {
        vertical-align: top;
        display: flex;
        gap: 1rem;
    }

        .main-header .navbar_menu li {
            position: relative;
        }

        .main-header .navbar_menu ul {
            position: absolute;
            white-space: nowrap;
            z-index: 1;
            left: -99999em;
        }

        .main-header .navbar_menu > li:hover > ul {
            /*left: 0;
            padding-top: 13px;
            min-width: 100%;
                */
        }

        .main-header .navbar_menu > li li:hover > ul {
            left: 100%;
            top: -1px;
        }

    .main-header .navbar .submenu {
        background: #1e2a38;
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        border-radius: 0px 8px 8px 8px;
        padding: 1rem 0;
    }

        .main-header .navbar .submenu::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 0;
            -webkit-clip-path: polygon(50% 45%, 0% 100%, 100% 100%);
            clip-path: polygon(50% 45%, 0% 100%, 100% 100%);
            width: 1.5rem;
            height: 1.5rem;
            background-color: #1e2a38;
        }

        .main-header .navbar .submenu.left::after {
            top: 0;
            bottom: auto;
            background-color: #fff;
            right: 100% !important;
            left: auto;
            -webkit-clip-path: polygon(58% 50%, 100% 100%, 100% 0);
            clip-path: polygon(58% 50%, 100% 100%, 100% 0);
        }

        .main-header .navbar .submenu .navbar-item {
            font-size: 0.85rem;
            text-align: left;
            padding-left: 0.5rem;
            padding-block: 0.5rem !important;
            min-width: 10vw;
        }

            .main-header .navbar .submenu .navbar-item:hover {
                text-decoration: underline;
            }

    .main-header .navbar-item {
        position: relative;
        display: block;
        font-size: 0.85rem;
        padding: 1.25rem 0;
        color: #fff;
    }

    .main-header .services {
        display: none;
        margin-left: auto;
    }

    @media (min-width: 768px) {
        .main-header .services {
            display: flex;
            align-items: center;
            gap: 2rem;
        }
    }

    .main-header .services .e-services_container {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 1.25rem;
    }

        .main-header .services .e-services_container span {
            text-align: center;
            margin-left: 0.5rem;
        }
.mToggle {
    position: fixed;
    top: 16px;
    right: 51px;
    z-index: 99999;
}
.hamburger-menu {
    background-color: #1e2a38;
    padding: 0.5rem;
    margin-left: 1rem;
    border-radius: 5px;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-left: auto;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99999;
}

        .hamburger-menu:hover {
            transform: rotate(20deg);
        }

    @media (max-width: 1025px) {
        .hamburger-menu {
            display: block;
        }
    }

    @media (max-width: 768px) {
        .hamburger-menu {
            margin-left: auto;
        }
    }

    .home-page-bg {
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1;
        width: 100%;
        background-image: url("../public/images/background.png");
        height: 100%;
    }

    .main {
        position: relative;
        min-height: 100vh;
        padding-top: 2.5rem;
        padding-bottom: 0.625rem;
    }

    @media (min-width: 425px) {
        .main {
            padding-bottom: 6.25rem;
        }
    }

    .main .news-section {
        margin-bottom: 6.25rem;
    }

        .main .news-section .title {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }

            .main .news-section .title h4 div:first-child, .main .entertainment-section .title h4 div:first-child,
            .main .title h4 div:first-child {
                font-size: 23px !important;
                font-weight: 500 !important;
            }

            .main .news-section .title h4 div:last-child, .main .entertainment-section .title h4 div:last-child,
            .main .title h4 div:last-child {
                font-size: 15px !important;
                font-weight: 400 !important;
            }

        .news-section .card {
            border: 0 !important;
            border-top-left-radius: 0 !important;
            background-color: #fff;
            border-top-right-radius: 25px;
            border-bottom-left-radius: 45px;
            padding: 16px 14px 10px;
            border-bottom-right-radius: 0;
            box-shadow: 0 0 20px 1px #ededed;
            margin-bottom: 1rem;
        }

        .news-section .card_title {
            font-style: 1rem;
            font-weight: 600;
            padding-bottom: 0;
        }

        .news-section .card_description {
            font-size: 0.875rem;
        }

    .main .appeal-section {
        margin-bottom: 6.25rem;
    }

        .main .appeal-section .title {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }

            .main .appeal-section .title h4 div:first-child {
                font-size: 23px;
                font-weight: 500;
            }

            .main .appeal-section .title h4 div:last-child {
                font-size: 15px;
                font-weight: 400;
            }

        .main .appeal-section .card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            aspect-ratio: 1/1;
            background-color: #fff;
            text-align: center;
            border-radius: 14px;
            box-shadow: 0px 0px 10px #e8e8e8;
            margin-bottom: 1rem;
        }

        .main .appeal-section .card_icon {
            padding-inline: 1rem;
            width: 45%;
        }

        .main .appeal-section .card_text {
            font-size: clamp(0.95rem, 0.5vw + 0.1rem, 1.25rem);
            white-space: break-spaces;
            padding-inline: 1rem;
            text-align: center;
            color: #1e2a38;
            font-weight: bolder;
            padding-top: 0.2rem;
            padding-bottom: 0.4rem;
            line-height: 20px;
        }

.main .entertainment-section {
    margin-bottom: 6.25rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.explore-section {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.tv-section .card .tvSectionLink, .tv-section .card .tvSectionLink img {
    display: block;
    aspect-ratio: 2/1.1;
    width: 100%;
    height: 100%;
}

.entertainment-section .card .entertainmentLink, .entertainment-section .card .entertainmentLink img {
    aspect-ratio: 3/4;
    display: block;
    width: 100%;
    height: 100%;
}

        .main .entertainment-section .title {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 0;
        }

            

.main .entertainment-section .card {
    background-color: #fff;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 35px;
    margin-bottom: 1.5rem;
}

            .main .entertainment-section .card img {
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
                border-top-right-radius: 25px;
            }

        .main .entertainment-section .card-bottom {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

    @media (min-width: 1199px) {
        .main .entertainment-section .card-bottom {
            align-items: center;
            flex-direction: row;
            padding-left: 1.6875rem;
        }
    }

    .main .entertainment-section .card_text {
        padding-block: 0.5rem;
    }

   

.main .entertainment-section .card_title {
    font-size: 18px;
    font-weight: bolder;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main .entertainment-section .card_date {
    margin-top: 0.25rem;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.main .entertainment-section .card-button {
    background-color: #fc2556;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}


    @media (min-width: 1199px) {
        .main .entertainment-section .card-button {
            padding-block: 1.875rem;
            padding-inline: 1.875rem;
        }
    }

    .main .slogan-section {
        max-width: 1200px;
        background-image: url("../public/images/slogan-bg.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: bottom;
        margin: auto;
        min-height: 428px;
    }

        .main .slogan-section .title {
            font-size: clamp(2rem, 1vw + 1.3rem, 3.438rem);
            text-wrap: balance;
            text-align: right;
            padding-right: 1rem;
            flex-wrap: wrap;
            justify-content: end;
            gap:0
        }

    @media (min-width: 425px) {
        .main .slogan-section .title {
            padding-left: 30%;
        }
    }

.main .slogan-section .title span {
    font-style: italic;
    font-weight: 300;
    font-family: "Playfair Display", serif;
}
        .main .slogan-section .title span.sloganTop {
            font-style: normal;
            font-weight: 900;
        }
    .main .slogan-section .subtitle {
        font-size: 1.8rem;
        font-weight: 600;
        text-align: right;
        padding-top: 1rem;
        padding-bottom: 35%;
        padding-right: 1rem;
    }

    @media (min-width: 425px) {
        .main .slogan-section .subtitle {
            padding-bottom: 15%;
            /*padding-right: 30%;*/
        }
    }

    .main .tv-section {
        background-color: #fff;
        padding-block: 2.5rem;
        margin-top: 7.5rem;
        margin-bottom: 3.125rem;
    }

        .main .tv-section .title {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }

           

               

                .main .tv-section .title h4 div:last-child {
                    font-size2: 18px;
                }

        .main .tv-section .card {
            border: 0;
            background-color: #ececec;
            border-top-right-radius: 25px;
            border-bottom-left-radius: 40px;
            margin-bottom: 1rem;
        }

            .main .tv-section .card video {
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
                border-top-right-radius: 25px;
            }

        .main .tv-section .card-bottom {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

    @media (min-width: 1025px) {
        .main .tv-section .card-bottom {
            padding-left: 1.6875rem;
            flex-direction: row;
            align-items: center;
            position: relative;
        }
    }

    @media (max-width: 1025px) {
        .main .tv-section .card_text {
            padding-block: 0.5rem;
            padding-left: 1rem;
        }
    }

.main .tv-section .card_title {
    font-size: 13px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .main .tv-section .card_subtitle {
        margin-top: 0.25rem;
        font-size: 13px;
    }

    .main .tv-section .card-button {
        background-color: #fc2556;
        color: #fff;
        font-weight: 600;
    }


    @media (min-width: 1025px) {
        .main .tv-section .card-button {
            padding-block: 1rem;
            padding-inline: 1.875rem;
        }
        }
    }

    .main .explore-section {
        margin-bottom: 10rem;
    }

.main .proje-section .title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 4rem;
    margin-bottom: 10px;
}

            .main .explore-section .title h4 {
                font-weight: 400;
            }

                .main .explore-section .title h4 div:first-child {
                   
                }

                .main .explore-section .title h4 div:last-child {
                   
                }
.play-orta {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
                }
    .play-orta i {
        font-size: 50px;
        color: #ffffffc4;
    }

        .main .explore-section .card {
            background-color: #fff;
            border-top-right-radius: 25px;
            border-bottom-left-radius: 25px;
            margin-bottom: 1rem;
        }

            .main .explore-section .card img {
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
            }

        .main .explore-section .card-bottom {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

    @media (min-width: 1025px) {
        .main .explore-section .card-bottom {
            flex-direction: row;
            align-items: stretch;
            padding-left: 1.6875rem;
            box-shadow: 0 0 20px 0px white;
            border-bottom-left-radius: 25px;
        }
    }

.main .explore-section .card_text {
    padding-block: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    @media (max-width: 1025px) {
        .main .explore-section .card_text {
            padding-inline: 0.5rem;
        }
    }

.main .explore-section .card_title {
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.explore-section .card_text .card_subtitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

    .main .explore-section .card_description {
        margin-top: 0.25rem;
        font-size: 0.75rem;
    }

.main .explore-section .card-button {
    background-color: #fc2556;
    color: #fff;
    padding-block: 1rem;
    padding-inline: 1.875rem;
}



    .main .proje-section {
        margin-bottom: 5.75rem;
    }

        .main .proje-section .title {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-top: 4rem;
            margin-bottom: 1.25rem;
        }



            .main .proje-section .title h4 {
                font-weight: 400;
            }

                .main .proje-section .title h4 div:first-child {
                   
                }

                .main .proje-section .title h4 div:last-child {
                   
                }

        .main .proje-section .card {
            background-color: #fff;
            border-top-right-radius: 25px;
            border-bottom-left-radius: 25px;
            margin-bottom: 1rem;
        }

            .main .proje-section .card img {
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
                aspect-ratio: 2/1.1;
                height: 100%;
            }

        .main .proje-section .card-bottom {
            display: flex;
            flex-direction: column;
        }

    @media (min-width: 1025px) {
        .main .proje-section .card-bottom {
            flex-direction: row;
            align-items: stretch;
            justify-content: space-between;
            padding-left: 1.6875rem;
            box-shadow: 0 0 20px 0px white;
            border-bottom-left-radius: 25px;
        }
    }

.main .proje-section .card_text {
    padding-block: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: capitalize;
}

    @media (max-width: 1025px) {
        .main .proje-section .card_text {
            padding-inline: 0.5rem;
        }
    }

.footer {
    margin-top: 3rem;
}

.main .proje-section .card_title {
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.main .proje-section .card_description {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    text-transform: capitalize;
}

.main .proje-section .card-button {
    background-color: #fc2556;
    color: #fff;
    padding-block: 1rem;
    padding-inline: 1.875rem;
}


   

    .main .contact {
        border-bottom: 1px solid #1d293f;
    }

        .main .contact .title {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }

@media (max-width: 1199px) {
    .main .entertainment-section .card_text {
        padding-inline: 0.5rem;
    }

    .main .entertainment-section .card {
        border-bottom-left-radius: 25px;
    }

    .main .entertainment-section .card-button, .main .tv-section .card-button, .main .explore-section .card-button, .main .proje-section .card-button {
        background-color: #fc2556;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        padding: .8rem;
        border-bottom-left-radius: 25px;
        text-align: start;
    }
}

            .main .contact .title h4 div:first-child {
            }

            .main .contact .title h4 div:last-child {
                font-weight: 400;
            }

    .footer > .container {
        border-bottom: 1px solid #1d293f;
        padding-top: 2.8125rem;
        padding-bottom: 2.0625rem;
    }

    @media (min-width: 1025px) {
        .footer > .container {
            display: flex;
        }
    }

    @media (max-width: 768px) {
        .footer > .container {
            text-align: center;
        }
    }

    .footer .subscribe_container {
        display: inline-flex;
        align-items: center;
        width: 113%;
    }

    @media (max-width: 768px) {
        .footer .subscribe_container {
            justify-content: center;
        }
    }

    .footer .subscribe_container .input_container {
        width: 66%;
        display: flex;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
        margin-top: 2.1875rem;
        margin-bottom: 2.1875rem;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding-left: 1rem;
    }

        .footer .subscribe_container .input_container input {
            padding-left: 1rem;
            height: 40px;
            background-color: transparent;
            color: #1e2a38;
        }

    .footer .subscribe_container button {
        display: block;
        height: 41px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #fc2556;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        padding-inline: 0.9rem;
    }

    @media (max-width: 425px) {
        .footer .subscribe_container button {
            font-size: 0.85rem;
            padding-inline: 0.625rem;
        }
    }

    .footer .logo_container img {
        width: 250px;
        object-fit: contain;
    }

    .footer .contact_container {
        color: #1e2a38;
        font-size: 0.85rem;
        font-weight: 500;
    }

        .footer .contact_container p {
            margin-bottom: 0.5rem;
        }

    .footer .social_container {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        margin-top: 2.1875rem;
    }

    .footer .social_container_item {
        text-align: center;
    }

        .footer .social_container_item p {
            font-size: 0.625rem;
            padding-top: 0.5rem;
        }

    @media (max-width: 768px) {
        .footer .social_container {
            justify-content: center;
            flex-wrap: wrap;
        }
    }

.footer-menu {
    text-align: left;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-left: auto;
}

.entertainment-section-swiper-mobil
{
    display: none;
}

@media only screen and (max-width: 1399px) {
    .footer-menu {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.875rem;
            margin-left: auto;
        }
    }

@media only screen and (max-width: 1199px)
{
    .main-section_center {
        max-width: 90%!important;
    }

        .main-section_center .swiper-button-next, .main-section_center .swiper-button-prev {
            display: none;
        }

    .entertainment-section-swiper-mobil {
        display: block;
    }

    .entertainment-section-swiper {
        display: none;
    }
}

    @media only screen and (max-width: 1024px)
    {

        .footer-menu {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.875rem;
            margin-left: auto;
            margin-top: 3rem;
        }
    }

    @media only screen and (max-width: 991px)
    {
        .footer-menu {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.875rem;
            margin-left: auto;
            margin-top: 3rem;
        }
        .main-section_center {
            max-width: 90%;
            position: absolute;
            bottom: 0;
        }

        
    }

    .footer-menu-item {
        padding-block: 0.5rem;
    }

.appeal-section .cardTextArea .card_text {
    padding-bottom: 0;
}

    @media (max-width: 425px) {
        .footer-menu-item:not(:last-child) {
            border-bottom: 1px solid #1e2a38;
        }
    }

    .footer-menu-item .title {
        color: #1e2a38;
        font-size: 14px;
        font-weight: 500;
    }

    @media (min-width: 425px) {
        .footer-menu-item .title {
            margin-bottom: 1.5625rem;
        }
    }

    .footer-menu-item ul {
        list-style: none;
        padding: 0;
    }

        .footer-menu-item ul li {
            padding-block: 0.15rem;
        }

    .footer-menu-link {
        color: #1e2a38;
        font-size: 13px;
    }

.footer .copyright {
    font-weight: 300;
    font-size: 13px;
    margin-top: 1rem;
    color: #1e2a38;
    text-align: center;
}

    @media (max-width: 768px) {
        .footer .copyright {
            text-align: center;
        }
    }

    .mobile-navbar {
        display: none;
        position: fixed;
        top: 0;
        z-index: 99;
        padding-top: 1rem;
        min-height: 100vh;
        padding-bottom: 1rem;
        width: 100%;
        transition: left 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        background: #1e2a38;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
    }

    @media (max-width: 1025px) {
        .mobile-navbar {
            display: block;
        }
    }

    .mobile-navbar ul {
        list-style: none;
        padding-left: 0;
        padding-top: 2rem;
        max-height: 600px;
        overflow-y: scroll;
    }

        .mobile-navbar ul li {
            padding-block: 1rem;
            border-bottom: 1px solid #fff;
            text-transform: capitalize;
        }

    .mobile-navbar .slogan {
        margin-top: 5rem;
        text-align: center;
    }

    .mobile-navbar .close-btn {
        margin-bottom: 1rem;
        padding-left: 0.5rem;
        transition: transform 0.25s linear;
    }

        .mobile-navbar .close-btn:hover {
            transform: translateX(10px);
        }

    .mobile-navbar-link {
        color: #fff;
        padding-right: 1rem;
        padding-left: 0.75rem;
    }

    .kurumsal {
        position: relative;
        min-height: 100vh;
    }

        .kurumsal .container {
            padding-bottom: 5rem;
        }

        .kurumsal .navbar {
            display: none;
            text-align: center;
            border-bottom: 1px solid #1e2a38;
        }

    @media (min-width: 1025px) {
        .kurumsal .navbar {
            display: block;
        }
    }

    .kurumsal .navbar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .kurumsal .navbar_menu {
        vertical-align: top;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

        .kurumsal .navbar_menu li {
            position: relative;
            padding-inline: 0.5rem;
        }

            .kurumsal .navbar_menu li:hover {
                background-color: #fff;
            }

        .kurumsal .navbar_menu ul {
            position: absolute;
            white-space: nowrap;
            z-index: 1;
            left: -99999em;
        }

        .kurumsal .navbar_menu > li:hover > ul {
            left: 0;
            padding-top: 5px;
            min-width: 100%;
        }

        .kurumsal .navbar_menu > li li:hover > ul {
            left: 100%;
            top: -1px;
        }

    .kurumsal .navbar .submenu {
        background: white;
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        padding: 1rem 36px 1rem 27px;
    }

        .kurumsal .navbar .submenu .navbar-item {
            font-size: 0.85rem;
            text-align: left;
            padding-left: 0.5rem;
            padding-block: 0.5rem !important;
            min-width: 10vw;
        }

            .kurumsal .navbar .submenu .navbar-item:hover {
                text-decoration: underline;
            }

    .kurumsal .navbar-item {
        position: relative;
        display: block;
        font-size: 0.85rem;
        padding: 1.25rem 0;
        color: #1e2a38;
    }

    .kurumsal-department .text {
        padding-top: 3.625rem;
    }

    @media (min-width: 768px) {
        .kurumsal-department .text {
            display: flex;
            align-items: flex-start;
            gap: 3.25rem;
        }
    }

    .kurumsal-department .manager {
        text-align: center;
    }

    @media (min-width: 768px) {
        .kurumsal-department .manager {
            max-width: 370px;
            text-align: left;
        }
    }

    .kurumsal-department .manager__name {
        font-size: 0.85rem;
        font-weight: bold;
        margin-top: 1.375rem;
    }

    .kurumsal-department .manager__title {
        font-size: 0.85rem;
    }

    .kurumsal-department .manager__about {
        margin-top: 0.6875rem;
        margin-bottom: 1.4375rem;
        line-height: 21px;
    }

    .kurumsal-department .manager-contact__title {
        font-size: 0.85rem;
        margin-bottom: 5px;
    }

    .kurumsal-department .manager-contact .phone {
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .kurumsal-department .manager-contact .phone {
            justify-content: space-between;
        }
    }

    .kurumsal-department .manager-contact .email {
        display: flex;
        justify-content: center;
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .kurumsal-department .manager-contact .email {
            justify-content: space-between;
        }
    }

    @media (max-width: 768px) {
        .kurumsal-department .article {
            margin-top: 2rem;
            text-align: center;
        }
    }

    .kurumsal-department .article__title {
        font-size: clamp(2rem, 1vw + 2rem, 2.8125rem);
        margin-bottom: 2.25rem;
    }

        .kurumsal-department .article__title p:last-child {
            font-weight: 400;
            font-style: italic;
        }

    .kurumsal-department .article .misyon {
        margin-bottom: 1.5rem;
    }

        .kurumsal-department .article .misyon h5 {
            font-size: 0.85rem;
            margin-bottom: 0.5rem;
        }

    .kurumsal-department .article .vizyon {
        margin-bottom: 1.5rem;
    }

        .kurumsal-department .article .vizyon h5 {
            font-size: 0.85rem;
            margin-bottom: 0.5rem;
        }

    .kurumsal-department .article .list {
        margin-top: 4rem;
        line-height: 21px;
    }

        .kurumsal-department .article .list h5 {
            font-size: 0.85rem;
        }

        .kurumsal-department .article .list ul {
            padding-left: 1rem;
            margin-top: 1rem;
        }

    .kurumsal-department .department {
        font-size: 0.85rem;
        margin-top: 7.25rem;
        padding-bottom: 3.375rem;
        line-height: 26px;
        border-bottom: 1px solid #000;
    }

    .kurumsal-tarihi__title {
        max-width: 780px;
        margin-inline: auto;
        padding-top: 1rem;
        font-size: clamp(2rem, 1.5vw + 2rem, 4.0625rem);
    }

        .kurumsal-tarihi__title p:last-child {
            font-weight: 400;
            font-style: italic;
        }

            .kurumsal-tarihi__title p:last-child span {
                color: #fc2556;
            }

    .kurumsal-tarihi .text {
        padding-top: 3.625rem;
    }

    @media (min-width: 768px) {
        .kurumsal-tarihi .text {
            display: flex;
            align-items: flex-start;
            gap: 3.125rem;
        }
    }

    @media (min-width: 768px) {
        .kurumsal-tarihi .gallery {
            max-width: 370px;
        }
    }

    .kurumsal-tarihi .gallery__img-container {
        margin-bottom: 2.5rem;
    }

    @media (max-width: 768px) {
        .kurumsal-tarihi .gallery__img-container {
            text-align: center;
        }
    }

    .kurumsal-tarihi .article {
        max-width: 1088px;
    }

    @media (max-width: 768px) {
        .kurumsal-tarihi .article {
            margin-top: 2rem;
        }
    }

    .kurumsal-tarihi .article__text {
        margin-bottom: 4rem;
        line-height: 21px;
    }

    .baskandan {
        position: relative;
        min-height: 100vh;
    }

        .baskandan .navbar {
            display: none;
            text-align: center;
            border-bottom: 1px solid #1e2a38;
        }

    @media (min-width: 1025px) {
        .baskandan .navbar {
            display: block;
        }
    }

    .baskandan .navbar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .baskandan .navbar_menu {
        vertical-align: top;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

        .baskandan .navbar_menu li {
            position: relative;
            padding-inline: 0.5rem;
        }

            .baskandan .navbar_menu li:hover {
                background-color: #fff;
            }

        .baskandan .navbar_menu ul {
            position: absolute;
            white-space: nowrap;
            z-index: 1;
            left: -99999em;
        }

        .baskandan .navbar_menu > li:hover > ul {
            left: 0;
            padding-top: 5px;
            min-width: 100%;
        }

        .baskandan .navbar_menu > li li:hover > ul {
            left: 100%;
            top: -1px;
        }

    .baskandan .navbar .submenu {
        background: white;
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        padding: 1rem 36px 1rem 27px;
    }

        .baskandan .navbar .submenu .navbar-item {
            font-size: 0.85rem;
            text-align: left;
            padding-left: 0.5rem;
            padding-block: 0.5rem !important;
            min-width: 10vw;
        }

            .baskandan .navbar .submenu .navbar-item:hover {
                text-decoration: underline;
            }

    .baskandan .navbar-item {
        position: relative;
        display: block;
        font-size: 0.85rem;
        padding: 1.25rem 0;
        color: #1e2a38;
    }

    .baskandan__title {
        max-width: 780px;
        margin-inline: auto;
        padding-top: 1rem;
        font-size: clamp(2rem, 1.5vw + 2rem, 4.0625rem);
    }

        .baskandan__title p:last-child {
            font-weight: 400;
            font-style: italic;
        }

            .baskandan__title p:last-child span {
                color: #fc2556;
            }

    .baskandan .text {
        padding-top: 3.625rem;
    }

    @media (min-width: 768px) {
        .baskandan .text {
            display: flex;
            align-items: flex-start;
            gap: 3.125rem;
        }
    }

    @media (min-width: 768px) {
        .baskandan .gallery {
            max-width: 370px;
        }
    }

    .baskandan .gallery__img-container {
        margin-bottom: 2.5rem;
    }

    @media (max-width: 768px) {
        .baskandan .gallery__img-container {
            text-align: center;
        }
    }

    .baskandan .article {
        max-width: 1088px;
    }

    @media (max-width: 768px) {
        .baskandan .article {
            margin-top: 2rem;
        }
    }

    .baskandan .article__text {
        margin-bottom: 4rem;
        line-height: 21px;
    }

    .haberler {
        position: relative;
        min-height: 150px;
    }

    .haberler .container.first {
        gap: 50px;
    }

    @media screen and (min-width: 768px) {
        .haberler .container.first {
            padding-top: 50px;
            display: flex;
            align-items: flex-start;
        }
    }

    .haberler .sidebar {
        padding-top: 2rem;
    }

    @media screen and (min-width: 768px) {
        .haberler .sidebar {
            padding-top: 21px;
/*            border-right: 3px solid #1d293f;
*/            padding-right: 0px;
            min-height: 400px;
        }
    }

    .haberler .sidebar-item {
        padding: 6px 0;
        color: #1e2a38;
        font-size: 0.85rem;
    }

    @media screen and (min-width: 768px) {
        .haberler .sidebar-item {
            font-size: 0.85rem !important;
            display: block;
        }
        .sidebar .accordion-header button{font-size:1rem !important;}
    }

    @media screen and (max-width: 768px) and (min-width: 425px) {
        .haberler .sidebar-item {
            padding-inline: 0.5rem;
            text-align: left;
        }

        .sidebar-submenu { padding-left: 22px; }

        .sidebar-item.list-group-item { padding-top: 2px; padding-bottom: 2px; }
        
        .haberler .sidebar-item:not(.haberler .sidebar-item:last-child) { /*border-right: 1px solid #1e2a38; */ }
    }

    @media screen and (max-width: 425px) {
        .haberler .sidebar-item {
            border-right: none;
            display: block;
        }
    }

    .haberler .content {
        padding-top: 3rem;
    }

    @media screen and (min-width: 1024px) {
        .haberler .content-header {
            display: block;
        }
    }

    @media screen and (min-width: 768px) {
        .haberler .content-header__img-container {
            min-width: 610px;
        }
    }

    .haberler .content-header__img-container img {
        width: 100%;
    }

    .haberler .content-header__text .title {
        font-size: clamp(2.25rem, 1vw + 1.5rem, 3.4375rem);
        font-weight: 400;
        color: #1e2a38;
    }

.haberler .content-header__text .date {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 14px;
    color: #1e2a38;
    font-weight: 400;
}

.firstNewsLink, .firstNewsLink img {
    display: block;
    aspect-ratio: 2/1.2;
    object-fit: cover;
    border-top-right-radius: 35px;
}

.content-header__text {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.haberler .content-header__text .description {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}


.haberler .content-header__text .continuation-btn {
    background: transparent;
    color: #fc2556;
    font-size: 15px;
    font-weight: 700;
    margin-top: 0.5rem;
    cursor: pointer;
}

    .haberler .content-news {
        margin-top: 100px;
    }

.newsLink, .newsLink img {
    aspect-ratio: 2/1.2;
    object-fit: cover;
    display: block;
}

.newsText .title {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
}

.newsText .date {
    font-size: 14px;
    margin: 0.625rem 0;
}

.newsText .description {
    font-size: 16px !important;
    line-height: 26px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4 !important;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 46px;
}

.newsTextArea {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 10px;
}

    @media screen and (min-width: 425px) and (max-width: 768px) {
        .haberler .content-news {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .haberler .content-news-item {
        max-width: 435px;
    }

        .haberler .content-news-item .img-container {
            width: 100%;
            margin-bottom: 22px;
        }

            .haberler .content-news-item .img-container img {
                width: 100%;
                border-top-right-radius: 25px !important;
            }

        .haberler .content-news-item .title {
            font-size: clamp(1.75rem, 1vw + 1.5rem, 2.5rem);
            font-weight: 400;
        }

            .haberler .content-news-item .title .red {
                color: #fc2556;
                font-weight: bold;
            }

        .haberler .content-news-item .date {
            font-size: 0.9375rem;
            color: #1e2a38;
            margin-bottom: 0.625rem;
        }

        .haberler .content-news-item .description {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: clamp(0.875rem, 1vw + 0.75rem, 1.375rem);
            line-height: 22px;
            -webkit-line-clamp: 3;
        }

    @media screen and (min-width: 768px) {
        .haberler .content-news-item .description {
            line-height: 32px;
            -webkit-line-clamp: 5;
        }
    }

    .haberler .content-news-item .continuation-btn {
        background: transparent;
        color: #fc2556;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

    .haberler .detail {
        padding-top: 26px;
    }

    .haberler .detail__img-container {
        
    }

        .haberler .detail__img-container img {
            width: 100%;
            border-top-right-radius: 40px;
        }

    .haberler .detail__text .title {
        font-size: 21px;
        margin-bottom:4px;
        font-weight: 700;
        margin-top: 2rem;
        color: #1e2a38;
    }

        .haberler .detail__text .title .red {
            font-weight: bold;
            color: #fc2556;
        }

    .haberler .detail__text .text {
        font-size: clamp(0.875rem, 0.75vw + 1rem, 1.375rem);
        font-weight: 400;
        color: #1e2a38;
        margin-top: 1rem;
        line-height: 32px;
    }

    .haberler .detail .gallery-container {
        margin-top: 50px;
        display: none;
    }

    @media screen and (min-width: 768px) {
        .haberler .detail .gallery-container {
            display: flex;
            justify-content: space-between;
        }
    }

    .haberler .detail .haber-detail-gallery-swiper {
        margin-top: 50px;
    }

    @media screen and (min-width: 768px) {
        .haberler .detail .haber-detail-gallery-swiper {
            
        }
    }

    .haberler .detail .haber-detail-gallery-swiper .img-container {
        text-align: center;
    }

    .haberler .recommend-items {
        margin-top: 125px;
    }

.haberler .recommend-items_title { color: #1e2a38; font-size: clamp(1rem, 1vw + 1.5rem, 2.5rem); margin-bottom: 1.4375rem; padding-bottom: 0.5rem; border-bottom: 1px solid #707070; }

    .haberler .recommend-items .card .img_container {
        width: 100%;
    }

        .haberler .recommend-items .card .img_container img {
            width: 100%;
            height: 24vh;
            object-fit: fill;
        }

    .haberler .recommend-items .card .title {
        font-size: 0.85rem;
        padding: .5rem;
        font-weight: 400;
        color: #1e2a38;
    }

        .haberler .recommend-items .card .title .red {
            font-weight: bold;
            color: #fc2556;
        }

    .haberler .recommend-items .card .date {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        padding-inline: .5rem;
        font-size: .85rem;
        color: #1e2a38;
    }

    .haberler .recommend-items .card .description {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-inline: .5rem;
        font-size: .85rem;
    }

.haberler .recommend-items .card {
    max-height: 320px;
    background-color: unset;
    min-height: 320px;
    border: 0;
}

        .haberler .recommend-items .card .continuation-btn {
            background: transparent;
            color: #fc2556;
            font-size: 0.85rem;
            text-align: start;
            font-weight: 700;
            margin-top: 0.5rem;
            cursor: pointer;
        }

body, body * {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}
   
    .container {
       /* max-width: 1600px;
        margin-inline: auto;
        padding-inline: 1rem;*/
    }

    .hidden {
        display: none;
    }

    .nonvisible {
        visibility: hidden;
    }

    .bg-blue {
        background-color: #1e2a38;
    }

  

    .left-0 {
        left: 0 !important;
    }

    .left-100 {
        left: 100% !important;
    }

    .border-left-4 {
        border-bottom-left-radius: 9px;
    }
.buyuk-fluid{
   /* width:1400px !important;*/
   /* padding: 0;*/
}
@media (max-width: 425px) {
    .radius-0 {
            border-radius: 0 !important;
        }
    }

@media only screen and (max-width: 575px)
{
    .footer-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2rem;
        margin-left: auto;
        margin-top: 3rem;
        padding-left: 15px;
    }
}

    .explore-section .card_text,
    .proje-section .card_text {
        min-height: 65px;
    }

.proje-section .card_image {
    border-top-right-radius: 30px;
}

.news-section .card_image, .explore-section .card_image, .proje-section .card_image {
    aspect-ratio: 2/1.1;
    object-fit: cover;
    height: 100%;
    border-top-right-radius: 30px;
    width: 100%;
}

.news-section .card .card_text {
    padding: 1rem 0;
}


    .mb-16 {
        margin-bottom: 16.5rem;
    }

    .mb-12 {
        margin-bottom: 12.5rem;
    }

    .swiper {
        width: 100%;
        height: 100%;
        padding:11px;
    }

    .swiper-pagination {
        position: static;
    }

    .swiper-pagination-bullet {
        opacity: 1;
        color: #000;
    }

    .swiper-pagination-bullet-active {
        transform: scale(2);
        background-color: #fc2556;
    }

    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    /* Document
   ========================================================================== */
    /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
    html {
        line-height: 1.15; /* 1 */
        -webkit-text-size-adjust: 100%; /* 2 */
    }

    /* Sections
   ========================================================================== */
    /**
 * Remove the margin in all browsers.
 */
    body {
        margin: 0;
    }

    /**
 * Render the `main` element consistently in IE.
 */
    main {
        display: block;
    }

    /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
    h1 {
        font-size: 1.7em;
        margin: 0.67em 0;
    }

    /* Grouping content
   ========================================================================== */
    /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
    hr {
        box-sizing: content-box; /* 1 */
        height: 0; /* 1 */
        overflow: visible; /* 2 */
    }

    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
    pre {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
    }

    /* Text-level semantics
   ========================================================================== */
    /**
 * Remove the gray background on active links in IE 10.
 */
    a {
        background-color: transparent;
    }

    /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
    abbr[title] {
        border-bottom: none; /* 1 */
        text-decoration: underline; /* 2 */
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted; /* 2 */
    }

    /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
    b,
    strong {
        font-weight: bolder;
    }

    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
    code,
    kbd,
    samp {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
    }

    /**
 * Add the correct font size in all browsers.
 */
    small {
        font-size: 80%;
    }

    /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

    /* Embedded content
   ========================================================================== */
    /**
 * Remove the border on images inside links in IE 10.
 */
    img {
        border-style: none;
    }

    /* Forms
   ========================================================================== */
    /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit; /* 1 */
        font-size: 100%; /* 1 */
        line-height: 1.15; /* 1 */
        margin: 0; /* 2 */
    }

    /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
    button,
    input { /* 1 */
        overflow: visible;
    }

    /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
    button,
    select { /* 1 */
        text-transform: none;
    }

    /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }

        /**
 * Remove the inner border and padding in Firefox.
 */
        button::-moz-focus-inner,
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }

        /**
 * Restore the focus styles unset by the previous rule.
 */
        button:-moz-focusring,
        [type="button"]:-moz-focusring,
        [type="reset"]:-moz-focusring,
        [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
        }

    /**
 * Correct the padding in Firefox.
 */
    fieldset {
        padding: 0.35em 0.75em 0.625em;
    }

    /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
    legend {
        box-sizing: border-box; /* 1 */
        color: inherit; /* 2 */
        display: table; /* 1 */
        max-width: 100%; /* 1 */
        padding: 0; /* 3 */
        white-space: normal; /* 1 */
    }

    /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
    progress {
        vertical-align: baseline;
    }

    /**
 * Remove the default vertical scrollbar in IE 10+.
 */
    textarea {
        overflow: auto;
    }

    /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
    [type="checkbox"],
    [type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
    [type="search"] {
        -webkit-appearance: textfield; /* 1 */
        outline-offset: -2px; /* 2 */
    }

        /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
    ::-webkit-file-upload-button {
        -webkit-appearance: button; /* 1 */
        font: inherit; /* 2 */
    }

    /* Interactive
   ========================================================================== */
    /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
    details {
        display: block;
    }

    /*
 * Add the correct display in all browsers.
 */
    summary {
        display: list-item;
    }

    /* Misc
   ========================================================================== */
    /**
 * Add the correct display in IE 10+.
 */
    template {
        display: none;
    }

    /**
 * Add the correct display in IE 10.
 */
    [hidden] {
        display: none;
    }

    *,
    *:before,
    *:after {
        box-sizing: inherit;
    }

    html {
        box-sizing: border-box;
        text-rendering: optimizeLegibility;
    }

    body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    a,
    a:active {
        color: inherit;
        text-decoration: none;
    }
    
.nokta {
    color: #fc2556;
}
    img {
        max-width: 100%;
        vertical-align: middle;
    }

    blockquote,
    dl,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    figure,
    p,
    pre,
    fieldset,
    ul,
    ol,
    menu,
    form {
        margin: 0;
    }

    button,
    fieldset,
    iframe {
        border: 0;
    }

    textarea {
        resize: vertical;
    }

    td {
        padding: 0;
    }

    input,
    input:active,
    input:focus {
        outline: none;
        border: 0;
    }
    /*# sourceMappingURL=style.css.map */

.contentGallery .imgItem{ height:200px; overflow:hidden;position:relative;    margin-bottom: 20px;}
.contentGallery .imgItem img { height: 200px; object-fit: cover;     border-top-right-radius: 30px; }
.card2 { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 95px; background-color: #fff; text-align: center; border-radius: 14px; }

.slogan-section {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    background: #212529;
    color: white;
    padding: 10px 20px;
    z-index: 1000;
    border-radius: 8px;
    display: none; 
}
.cookie-banner .me-3{    flex: 1;}

@media only screen and (max-width: 1440px) {
    .buyuk-fluid {
        width: 1200px !important;
    }
    .main .slogan-section
    {
        max-width: 1200px!important;
    }
}

@media only screen and (max-width: 1280px) {
    .buyuk-fluid {
        width: 90% !important;
    }

    .main .slogan-section {
        max-width: 90% !important;
    }
}

@media only screen and (max-width: 991px) {
    .haberler .content-news-item {
        max-width: unset !important;
    }
    .newsText .title {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 56px;
    }
}
@media only screen and (max-width: 767px) {
    .newsText .title {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 32px !important;
    }
    .newsTextArea {
        row-gap: 0 !important;
    }
}