*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #fff;
    width: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    cursor: default;
}
.ntvsft_website_wrapper{
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
    .iptv_paketleri_ntvsft{
        width: 100%;
        background-color: #fff;
        position: relative;
        margin-bottom: 60px;
    }
    .content-for-paketler_orta{
        width: 1200px;
        margin: 0 auto;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta{
        text-align: center;
        width: 430px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta > small{
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        color: #FF0045;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta > h5{
        font-size: 30px;
        font-weight: 600;
        line-height: 18px;
        color: #FF0045;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta > span{
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        color: #00000090;
    }

    .paketler_cardWrapper{
        width: 100%;
        display: flex;
    }
    .paketler_cardWrapper > .card_wrapper_only{
        width: 25%;
        height: fit-content;
        padding: 20px;
        border: 1px solid #0000001b;
        border-radius: 15px;
        margin-right: 15px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi{
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi i{
        padding: 10px;
        background-color: #ff00441a;
        border-radius: 10px;
        color: #FF0045;
        font-size: 25px;
        margin-right: 15px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi h6{
        display: flex;
        flex-direction: column;
        top: 4px;
        position: relative;
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi h6 span{
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        color: #00000082;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet{
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet span{
        font-size: 15px;
        line-height: 17px;
        color: #6F6C91;
        margin-bottom: 10px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet h5{
        font-size: 35px;
        font-weight: 700;
        line-height: 30px;
        color: #170F49;
        display: flex;
        align-items: center;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet h5 > small{
        font-size: 14px;
        font-weight: 400;
        color: #170F49;
        margin-left: 10px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent{
        width: 100%;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > span{
        font-size: 13px;
        font-weight: 600;
        color: #170F49;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .paketContent_sirala{
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .paketContent_sirala small{
        margin-bottom: 10px;
        font-size: 14px;
        color: #170F49;
        font-weight: 300;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .paketContent_sirala small i{
        margin-right: 7px;
        color: #FF0045;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .satinAl{
        width: 100%;
        text-align: center;
        background-color: #FF0045;
        border-radius: 50px;
        padding: 13px 15px;

        &:hover{
            transition-duration: 0.2s;
            opacity: 0.7;
            cursor: pointer;
        }
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .satinAl a{
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        text-align: center;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .satinAl a i{
        margin-right: 10px;
        font-size: 20px;
    }
    .cardPopuler{
        position: relative;
        padding: 8px 15px;
        background-color: #FF0045;
        color: #fff;
        text-transform: uppercase;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
    }
    #bg-ntvsft-active{
        background-color: #FF0045;
    }
    #bg-ntvsft-active > .cardPopuler{
        background-color: #fff;
        color: #FF0045;
    }
    #bg-ntvsft-active > .paketAdi > i{
        background-color: #fff;
        color: #FF0045;
    }
    #bg-ntvsft-active > .paketAdi > h6,
    #bg-ntvsft-active > .paketAdi > h6 > span{
        color: #fff;
    }
    #bg-ntvsft-active > .paketFiyat_veOzet > span{
        color: #ffffffd0;
    }
    #bg-ntvsft-active > .paketFiyat_veOzet > h5,
    #bg-ntvsft-active > .paketFiyat_veOzet > h5 > small{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > span{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > .paketContent_sirala > small{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > .paketContent_sirala > small > i{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > .satinAl{
        background: #fff;
    }
    #bg-ntvsft-active > .paketContent > .satinAl a{
        color: #FF0045;
    }
    .diziFilm__Wrapper{
        width: 100%;
        margin-bottom: 60px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card{
        width: 980px;
        margin: 0 auto;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .textContent_center{
        width: 600px;
        margin: auto;
        text-align: center;
        margin-bottom: 60px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .textContent_center h5{
        font-size: 20px;
        font-weight: 600;
        color: #FF0045;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .textContent_center span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #170F49;
    }

    .diziFilm__Wrapper > .dizifilm_container_card > .hizmetlerResim {
        margin-bottom: 60px;
        display: flex;
        align-items: center;
        width: 100%;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        padding: 0;
        margin: 0;
        margin-top: -70px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .hizmetlerResim img {
        margin-right: -45px;
        margin-left: -40px;
        object-fit: contain;
        scroll-snap-align: center;
        user-select: none;
    }

    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between{
        width: 100%;
        height: fit-content;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        word-wrap: break-word;
        padding: 35px 35px 20px 35px;
        box-shadow: 0 0 15px 0 #1c1c1c1f;
        border-radius: 10px;

        &:hover{
            transition-duration: 0.2s;
            box-shadow: 0 0 15px 0 #ff004474;
        }
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5{
        width: 50%;
        height: fit-content;
        display: flex;
        align-items: center;
        margin-bottom: 40px;
        margin-left: 0px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5 span{
        display: flex;
        flex-direction: column;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: #FF0045;
        top: 10px;
        position: relative;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5 span small{
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        color: #170F49;
        margin-top: 7px;
        width: 290px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5 i{
        padding: 10px;
        background-color: #FF0045;
        color: #fff;
        font-size: 17px;
        border-radius: 100px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .dunyanin-her-yerinden{
        width: 100%;
        margin-bottom: 65px;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card{
        width: 980px;
        margin: auto;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > .text-dunya-cardcenter{
        width: 650px;
        margin: auto;
        text-align: center;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > .text-dunya-cardcenter h5{
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #FF0045;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > .text-dunya-cardcenter span{
        font-size: 15px;
        font-weight: 400;
        color: #170F49;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > svg{
        width: 100%;
        position: relative;
        z-index: -1;
        margin-top: -185px;
        margin-bottom: -260px;
    }
    .iptvhizmet-wrapper{
        width: 100%;
        margin-bottom: 60px;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt{
        width: 980px;
        margin: auto;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card{
        width: 100%;
        height: 227px;
        background: linear-gradient(to right, #FF0045, #FFA500);
        border-radius: 20px;
        padding: 50px;
        padding-bottom: 30px;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card img{
        width: 290px;
        height: 290px;
        position: absolute;
        margin-left: 630px;
        user-select: none;
        pointer-events: none;
        margin-top: -80px;
        object-fit: contain;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6{
        display: flex;
        flex-direction: column;
        font-size: 25px;
        font-weight: 600;
        color: #fff;
        text-align: left;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6 > p{
        font-size: 15px;
        font-weight: 400;
        color: #ffffffbd;
        width: 500px;
        text-align: left;
        margin-top: 15px;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6 > a{
        padding: 12px 18px;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        background-color: #fff;
        color: #FF0045;
        border-radius: 100px;
        text-align: center;
        text-decoration: none !important;
        width: 250px;
        &:hover{
            transition-duration: 0.2s;
            opacity: 0.7;
        }
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6 > a i{
        margin-left: 7px;
        position: relative;
        top: 1px;
    }
    #efektler{
        position: absolute;
        z-index: 1;
        left: -800px;
        margin-bottom: -0px;
        user-select: none;
        pointer-events: none;
        opacity: 0.7;
    }
    #efektler_sag{
        position: absolute;
        z-index: 1;
        right: -800px;
        margin-bottom: -0px;
        user-select: none;
        pointer-events: none;
        display: none;
    }
    .website-ntvsft-footer-wrapper{
        width: 100%;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content{
        width: 980px;
        margin: auto;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .tvkanallar__footer{
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
        justify-content: space-between;
        margin-bottom: 20px;
        user-select: none;
        pointer-events: none;
        padding-bottom: 25px;
        border-bottom: 1px solid #00000030;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .tvkanallar__footer img{
        width: 60px;
        height: 60px;
        object-fit: contain;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter__contact{
        text-align: center;
        margin-bottom: 30px;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter__contact a{
        border-right: 1px solid #000000ad;
        padding-right: 10px;
        margin-right: 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        color: #000000ad;
        text-decoration: none;
        &:hover{
            text-decoration: underline;
        }
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter__contact a:last-child{
        border: none;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter_contact_social{
        text-align: center;
        margin-bottom: 30px;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter_contact_social a{
        margin-right: 15px;
        padding: 15px 20px;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        color: #fff;
        background-color: #000;
        text-decoration: none;
        &:hover{
            transition-duration: 0.2s;
            opacity: 0.8;
        }
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter_contact_social a i{
        position: relative;
        top: 2px;
        font-size: 18px;
        margin-left: 7px;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .copyright-text-center-ntvsft{
        text-align: center;
        margin-bottom: 20px;
        font-size: 13px;
        color: #00000080;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .copyright-text-center-ntvsft a{
        color: #00000080;
        text-decoration: none;
        font-weight: 600;
        &:hover{
            text-decoration: underline;
        }
    }
}