body{
    background-color: #fff;
}

h1 {
    /*
    font-size: 2.5vw;
    */
    font-size: clamp(28px, 2.5vw, 40px);
    font-family: "Roboto Slab", serif;
}

h2 {
    /*
    font-size: 1.7vw;
    */
    font-size: clamp(20px, 1.7vw, 30px);
    font-family: "Roboto Slab", serif;
}

h3 {
    /*
    font-size: 1.5vw;
    */
    font-size: clamp(18px, 1.5vw, 28px);
    font-family: "Roboto Slab", serif;
}

h4 {
    /*
    font-size: 1.1vw;
    */
    font-size: clamp(14px, 1.1vw, 20px);
    font-family: "Roboto Slab", serif;
}

h5 {
    /*
    font-size: 1vw;
    */
    font-size: clamp(12px, 0.7vw, 14px);
    font-family: "Roboto Flex", sans-serif;
}

h6 {
    /*
    font-size: 1vw;
    */
    font-size: clamp(11px, 0.8vw, 16px);
    font-family: "Roboto Flex", sans-serif;
}

p {
    /*
    font-size: 0.9vw;
    */
    font-size: clamp(11px, 0.9vw, 18px);
    font-family: "Roboto Flex", sans-serif;
}

a {
    /*
    font-size: 0.8vw;
    */
    font-size: clamp(11px, 0.8vw, 16px);
    font-family: "Roboto Flex", sans-serif;
    text-decoration: none;
    transition: 0.5s;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    /* max-width: 1160px; */
    max-width: 1400px;
}

.navigation {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    transition: 0.5s;
    width: 100%;
    z-index: 111;
    display: block;
    margin-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1033;
    margin: 0;
}

.navigation .navtop {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.navigation .navigationlinks {
    position: relative;
    justify-content: start;
    display: flex;
}

.navigation .navigationlinks ul {
    margin: 0;
    padding: 0;
    align-items: center;
    display: flex;
}

.navigation .navigationlinks ul li {
    display: inline-block;
    margin-left: 15px;
}

.navigation .navigationlinks ul li:nth-of-type(2) a {
    /* color: #007FC4; */
    font-weight: 400;
    font-size: 0.9vw;
}

.navigation .navigationlinks ul li a {
    color: #5B6E82;
    font-weight: 700;
}


.navigation .navbuttons {
    position: relative;
    display: flex;
    justify-content: end;
}

.navigation .navbuttons ul {
    padding: 0;
    margin: 0;
    display: flex;
}

.navigation .navbuttons ul li {
    display: flex;
    margin-left: 0.5vw;
}


.navigation .navbuttons ul li a.btnabone {
    background: #007FC4;
    color: #fff;
    font-weight: 700;
    display: block;
    padding: 0.3vw 0.5vw;
    border-radius: 8px;
    display: flex;
    margin-right: 10px;
}

.navigation .navbuttons ul li a.btnabone:hover {
    transition: 0.5s;
    background: #000;
}

.navigation .navbuttons ul li a.btnweekly {
    background: #000000;
    display: block;
    padding: 0.2vw 0.3vw;
    border-radius: 8px;
}

.navigation .navbuttons ul li a.btnsearch {
    background: #EAE9F6;
    display: flex;
    padding: 0px 6px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.navband {
    position: relative;
    background: #F5F5F5;
    height: 2.5vw;
    width: 100%;
    border-bottom: 5px solid #E1E1E1;
    display: flex;
}

.navband ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.navband ul li {
    margin-right: 1.5vw;
    list-style: none;
}

.navband ul li a {
    font-weight: 400;
    color: #5B6E82;
}

.navband ul li a:hover {
    transition: 0.5s;
    color: #027fc3;
}


.footer {
    position: relative;
    background: #011d36;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.footer .footer-top-content{
    padding: 10px 0px;
    display: flex;
    border-bottom: 1px solid #5a6c7c;
    margin-bottom: 50px;
    padding-bottom: 20px;
}
.footer .footer-logo-side  .footer-subs-btn {
    background: #367ebf;
    padding: 10px 65px;
    border-radius: 100px;
    border:1px solid transparent;
    transition: 0.5s;
    display: block;
}

.footer .footer-logo-side .footer-subs-btn a {
    color: #fff;
    font-weight: 600;
    font-size: inherit;
    display: block;
    width: auto;
}

.footer .footer-logo-side .footer-subs-btn:hover {
    transition: 0.5s;
    background: #000;
    border:1px solid #fff;
}

.footer .footer-top-content .footer-logo {
   
}

.footer .footer-top-content .footer-logo img{
    width: 60%;
    object-fit: contain;
}
   

.footer .footer-logo-side {
    width: 25%;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}


.footer .footer-logo-side .footer-logo {
position: relative;
}

.footer .footer-logo-side .footer-logo img{
    width: 80%;
    object-fit: contain;
}  

.footer .footer-right-last-side {
    width: 15%;
}

.footer .footer-right-last-side h4 a{
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: inherit;
}

.footer .footer-right-side h4 a{
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: inherit;
}

.footer .footer-middle-side {
    width: 45%;
    border-right: 1px solid #5a6c7c;
}

.footer .footer-middle-side h4 {
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.footer .footer-middle-side .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-top: 1vw;
}

.footer .footer-middle-side .grid-item {
    position: relative;
}

.footer .footer-middle-side .grid-item a {
    color: #ffffff;
    text-align: left;
    font-weight: 200;
}

.footer .footer-middle-side .grid-item a:hover {
    transition: 0.5s;
    color: #027fc3;
}

.footer .footer-right-side {
    width: 15%;
    padding-left: 5%;
}

.footer .footer-right-side h4 {
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.footer .footer-right-side ul {
    padding: 0;
    margin: 0;
    margin-top: 1vw;
}

.footer .footer-right-side ul li {
    list-style: none;
    margin-bottom: 5px;
}

.footer .footer-right-side ul li a {
    color: #ffffff;
    text-align: left;
    font-weight: 200;
}

.footer .footer-right-side ul li a:hover {
    transition: 0.5s;
    color: #027fc3;
}


.footer .footer-right-last-side ul {
    padding: 0;
    margin: 0;
    margin-top: 1vw;
}

.footer .footer-right-last-side ul li {
    list-style: none;
    margin-bottom: 5px;
}

.footer .footer-right-last-side ul li a {
    color: #ffffff;
    text-align: left;
    font-weight: 200;
}

.footer .footer-right-last-side ul li a:hover {
    transition: 0.5s;
    color: #027fc3;
}

.footer .footer-left {
    width: 50%;
}

.footer .footer-left .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 1vw;
}

.footer .footer-left .grid-item {
    position: relative;
}

.footer .footer-left .grid-item a {
    color: #5B6E82;
    text-align: left;
    font-weight: 700;
    font-size: 0.8vw;
}

.footer .footer-left .grid-item a:hover {
    transition: 0.5s;
    color: #027fc3;
}

.footer .footer-left .footer-social {
    position: relative;
    margin-top: 1vw;
}

.footer .footer-left .footer-social ul {
    padding: 0;
    margin: 0;
}

.footer .footer-left .footer-social ul li {
    display: inline-block;
    margin-right: 1vw;
}



.footer .footer-center {
    width: 60%;
    padding-left: 4vw;
}

.footer .footer-center h6 {
    color: #5B6E82;
    font-weight: 600;
}

.footer .footer-center p {
    font-weight: 400;
    color: #000;
    margin-top: 1vw;
}

.footer .footer-right {
    width: 30%;
    padding-left: 4vw;
}

.footer .footer-right button {
    float: right;
}

.footer .footer-right h6 {
    color: #5B6E82;
    font-weight: 600;
}

.footer .footer-right p {
    font-weight: 400;
    color: #000;
    margin-top: 1vw;
}

button {
    font-weight: 700;
    color: #fff;
    background: #007FC4;
    border: none;
    transition: 0.5s;
    border-radius: 8px;
    font-size: 0.8vw;
    padding: 0.5vw 1vw;
}

button:hover {
    background: #000;
    transition: 0.5s;
}

.kose-yazilari-slider {
    padding-top: 2vw;
    padding-bottom: 2vw;
    position: relative;
    background: #fff;
}

.kose-yazilari-slider h5 {
    width: 50%;
    margin: 0;
    display: flex;
    align-items: center;
}

.gtitle {
    color: #0276ac;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2vw;
}

.gtitle a{
    font-size: inherit;
    color: inherit;
    font-size: 1.2vw;
}

.kose-yazilari-slider .koseyazilari {
    margin-top: 1.5vw;
}



.kycard {
    border: 1px solid #EAE9F6;
    border-radius: 8px;
    width: 95%;
    overflow: hidden;
}

.kycard .row {
    justify-content: space-between;
    padding: 1vw 1.5vw;
    align-items: center;
}

.kycard p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #5B6E82;
}

.kycard .desc {
    padding: 0vw 1vw;
}

.kycard .desc h4 {
    color: #000;
    font-weight: 400;
    line-height: 25px;
    height: 75px; /* Satır sayısına göre ayarlanabilir */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 2 satır göster */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.kycard .desc .kykapak {
    position: relative;
    padding-bottom: 1vw;
    padding-top: 1vw;
}

.kycard .desc .kykapak img {
    aspect-ratio: 16/9;
}

/* yazarların yuvarlak fotograf kartları */

.yazarfotokart {
    position: relative;
    display: flex;
    background: #EAE9F6;
    border-radius: 20px;
    height: 2.5vw;
    align-items: center;
    justify-content: space-between;
    width: auto;
    padding: 0;
}

.yazarfotokart a:first-child{
    display: flex;
    align-items: center;
}

.yazarfotokart img {
    height: 2vw;
    width: 2vw !important;
    border: 1px solid transparent;
    border-radius: 100%;
    margin-left: 0.2vw;
    margin-right: 0.2vw;
}

.yazarfotokart h6 {
    margin: 0;
    font-weight: 500;
    margin-left: 0.2vw;
    margin-right: 0.5vw;
    color: #027fc3;
}

.yazarfotokart h6 span{
    display: block;
    font-size: 12px;
    font-weight: 300;
}

/* yazarların yuvarlak fotograf kartları */

/* label kart */

.glabel {
    width: auto;
    display: flex;
    background: #EAE9F6;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    padding: 0.2vw 0.5vw;
    height: 2vw;
}

.glabel h6 {
    margin: 0;
    font-weight: 400;
    color: #5B6E82;
    font-size: 0.7vw;
}

/* label kart */

.basinda-bugun .custom-nav {
    width:20%
}
.custom-nav {
    width: 50%;
    display: flex;
    justify-content: end;
    /* padding-right: 2vw; */
}

.custom-nav button {
    background: none;
    padding: 0;
}

.custom-nav button img {
    width: 1.5vw;
    height: 1.5vw;
}

.custom-nav button:last-child {
    background: none;
    padding: 0;
    margin-left: 0.5vw;
}

.custom-nav .custom-next-btn img {
    width: 1.5vw;
    height: 1.5vw;
}

.programlar {
    position: relative;
    /* background-color: #1A1A1A; */
    padding-top: 0px;
    padding-bottom: 25px;
}

.disflex {
    display: flex;
}

.icontitle {
    width: auto;
    display: flex;
    background: #000;
    padding: 0.2vw 0.4vw;
    border-radius: 4px;
}

.icontitle img {
    object-fit: scale-down;
    margin-right: 0.5vw;
}

.icontitle p {
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: 400;
}


.programlar .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 1vw;
}

.programlar .grid-item {
    position: relative;
}

.programlar .programcard {
    margin-top: 0px;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0.2vw;
}

.programlar .programcard .pcimg {
    position: relative;
    width: 100%;
}

.programlar .programcard .pcimg img {
    width: 100%;
    aspect-ratio: 16/9;
}

.programlar .programcard .pcimg .cardicon {
    position: absolute;
    height: 1vw;
    width: 1vw;
    background: #007FC499;
    bottom: 10px;
    right: 10px;
    padding: 1vw 1.5vw;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.programlar .programcard .pcimg .cardicon img {
    object-fit: scale-down;
    height: 1vw;
    width: 1vw;
}

.programlar .programcard .labelrow {
    align-items: center;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: flex;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

.programlar .programcard .label {
    width: 50%;
    display: flex;
    padding: 0;
}



.programlar .programcard .label div {
    border: 1px solid #5B6E82;
    border-radius: 4px;
    width: auto;
    display: flex;
    padding: 0.2vw 0.5vw;
}

.programlar .programcard .label p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
}

.programlar.anasayfavideo .programcard .label p {
    color: #5B6E82;
}

.programlar .programcard .tarih {
    width: 50%;
    display: flex;
    justify-content: end;
    padding: 0;
}

.programlar .programcard .tarih p {
    padding: 0;
    margin: 0;
    color: #5B6E82;
}

.programlar .programcard h4 {
    color: #fff;
    font-weight: 400;
    line-height:25px;
    margin-top: 15px;
}

.programlar .programcard .yazarcard {
    position: relative;
    margin-top: 1vw;
}

.programlar .programcard .yazarcard .row {
    align-items: center;
}

.programlar .programcard .yazarcard .yimg {
    position: relative;
    width: 22%;
    padding-right: 0;
}

.programlar .programcard .yazarcard .yimg img {
    width: 4vw;
    height: 4vw;
    object-fit: cover;
    border-radius: 100%;
}

.programlar .programcard .yazarcard .ydesc {
    position: relative;
    width: 78%;
    padding-left: 0;
}

.programlar .programcard .yazarcard .ydesc p {
    margin: 0;
    padding: 0;
    color: #5B6E82;
    font-weight: 400;
}

.programlar .programcard .yazarcard .ydesc p:last-child {
    color: #fff;
}

.editsec {
    position: relative;
    background: #fff;
    /* padding: 15px; */
    margin: 25px 0px;
}

.editsec h5 {
    margin-bottom: 15px;
}

.gencards {
    position: relative;
    width: 25%;
    margin-bottom: 10px;
}

.gencards .cardimg {
    position: relative;
}

.gencards .cardimg img {
    aspect-ratio: 16/9;
    width: 100%;
}

.gencards .cardimg .cardtype {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.cardicontype {
    background: #447ba4d9;
    padding: 0.4vw 0.8vw;
    border-radius: 4px;
    padding: 6px 12px;
}

.cardicontype .icontypeimg {
    position: relative;
    width: 1vw;
    height: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardicontype .icontypeimg img {
    object-fit: scale-down;
}

.gencards .row {
    margin-top: 0.5vw;
    padding-left: 0.7vw;
    padding-right: 0.7vw;
}

.gencards .row .labelw {
    display: flex;
    width: 50%;
    justify-content: start;
    padding: 0;
    align-items: center;

}

.gencards .row .tarihw {
    display: flex;
    width: 50%;
    justify-content: end;
    padding: 0;
    align-items: center;

}

.gtarih {
    position: relative;
}

.gtarih p {
    font-weight: 400;
    color: #5B6E82;
    margin: 0;
}

.gencards h4 {
    font-weight: 400;
    color: #000;
    line-height: 25px;
    height: 103px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 12px;
}

.mixedcontent {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mixedcontent .row {
    justify-content: space-between;
}


.mixedcontent .konular {
    width: 50%;
    background: #ffffff;
    border-top: 5px solid #c3c1c1;
    padding-left: 14vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.mixedcontent .sondakika {
    width: 19.5%;
    background: #FDEEEE;
    border-top: 5px solid #F9D0D0;
}

.mixedcontent .podcast {
    width: 30%;
    background: #EAE9F6;
    border-top: 5px solid #DAD8EC;
}

.konular .konusol {
    width: 50%;
}

.konular .gtitle {
    margin-bottom: 1vw;
}

.konular .konusol .gencards {
    width: 100%;
}

.konular .konusag {
    width: 50%;
}

.rowcards {
    position: relative;
    width: 100%;
    margin-bottom: 2vw;
}

.rowcards .row {
    position: relative;
}

.rowcards .row .desc {
    width: 60%;
    padding-right: 0;
}

.rowcards .row .desc .rowcontent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 2vw;
}

.rowcards .row .desc h5 {
    color: #000;
    font-weight: 300;
    line-height: 1.5vw;
    margin-top: 0.5vw;
}

.rowcards .row .images {
    width: 40%;
    justify-content: end;
    display: flex;
    height: 6vw;
}

.rowcards .row .images img {
    width: 100%;
    object-fit: cover;
}

.mixedcontent .konular .row.line {
    border-bottom: 1px solid #DAD8EC;
    margin-bottom: 1vw;
}

.titlebtn {
    position: relative;
    text-align: center;
}

.titlebtn a {
    position: relative;
    font-weight: 700;
    font-size: 1vw;
    color: #007FC4;
}

.titlebtn::after {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background-image: url('../img/mavisagok.svg');
    background-size: cover;
    margin-left: 10px;
    position: absolute;
    top: 5px;
}

.anasayfasondakika {
    position: relative;
}

.anasayfasondakika .sdcard {

    position: relative;
    padding-left: 0.5vw;
}

.anasayfasondakika .sdcard::before {
    content: "";
    background: red;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    left: 3px;
    top: 5px;
}

.anasayfasondakika .sdcard p {
    margin: 0;
    color: #999CA0;
    padding-left: 1vw;
}

.anasayfasondakika .sdcard p:last-child {
    border-left: 1px solid #999CA0;
    padding-left: 1vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    color: #000;
    line-height: 1.7vw;
}

.underlinebtn {
    position: relative;
    margin-top: 1vw;
    text-align: center;
}

.underlinebtn a {
    color: #5B6E82;
    font-size: 1vw;
    font-weight: 700;
    text-decoration: underline;
}

.anasayfasondakika .pmargin {
    margin-top: 2vw;
    margin-bottom: 1vw;
}

.iconlabel {
    position: relative;
    border-radius: 4px;
    border: 1px solid transparent;
    width: 40%;
    text-align: center;
    padding: 0.3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconlabel.sd {
    background-color: #EB5757;
}

.iconlabel.pd {
    background-color: #9B51E0;
}

.iconlabel img {
    display: inline-block;
}

.iconlabel p {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #fff;
    padding-left: 0.2vw;
}

.anasayfapodcast {
    position: relative;
    width: 60%;
}

.anasayfapodcast .pmargin {
    margin-top: 2vw;
    margin-bottom: 1vw;
}

.anasayfapodcast .pdcard {
    position: relative;
    margin-bottom: 1vw;
    width: 100%;
}

.anasayfapodcast .pdcard p {
    margin-bottom: 0.5vw;
    color: #5B6E82;
    font-weight: 400;
}

.anasayfapodcast .pdcard .row {
    position: relative;
}

.anasayfapodcast .pdcard .row p {
    font-weight: 400;
    color: #000;
    line-height: 1.7vw;
    width: 88%;
    padding-right: 0;
}

.anasayfapodcast .pdcard .row .icon {
    background: #027fc3;
    display: flex;
    border-radius: 4px;
    position: relative;
    padding: 0.4vw 0.8vw;
    width: 12%;
    align-items: center;
    justify-content: center;
    height: 30px;
}

.anasayfapodcast .pdcard .row .icon img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.programlar.anasayfavideo {
   
    overflow: hidden;
}

.programlar.anasayfavideo .container{
    /* padding:0; */
}

.programlar.anasayfavideo .gtitle {
    color: #ffffff;
}

.programlar .programcard .desc {
    position: relative;
    margin-top: 1vw;
}

.programlar .programcard .desc p {
    font-weight: 400;
    color: #999CA0;
    font-size: 1vw;
    line-height: 2vw;
}

.anasayfabbb {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
}

.anasayfabbb .gtitle {
    width: 50%;
    margin: 0;
    display: flex;
    align-items: center;
}

.anasayfabbb .owl-nav{
    display:none;
}

.anasayfabbb .custom-nav {
    width: 50%;
    display: flex;
    justify-content: end;
    /* padding-right: 2vw; */
}

.anasayfabbb .custom-nav .custom-prev-btn-bbb {
    background: none;
    padding: 0;
}

.anasayfabbb .custom-nav .custom-next-btn-bbb {
    background: none;
    padding: 0;
    margin-left: 0.5vw;
}

.anasayfabbb .custom-nav .custom-prev-btn-bbb img {
    width: 1.5vw;
    height: 1.5vw;
}

.anasayfabbb .custom-nav .custom-next-btn-bbb img {
    width: 1.5vw;
    height: 1.5vw;
}

.anasayfabbb .bbbowl {
    margin-top: 15px;
    /* padding-left: 14.3%; */
}

.anasayfabbb .bbbowl .owl-item {
    padding-right: 1vw;
}

.bbbcard {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.bbbcard .bbbtarih {
    position: relative;
    margin-bottom: 0.7vw;
}

.bbbcard .bbbtarih p {
    margin: 0;
    padding: 0;
    color: #5B6E82;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bbbcard .bbbtarih p::before {
    content: "";
    background: #007FC4;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 5px;
    display: inline-flex;
}

.bbbcard .bbbtarih p::after {
    content: "";
    background: #999CA0;
    width: 79%;
    height: 1px;
    display: inline-flex;
    margin-left: 0.5vw;
}


.bbbcard .bbbimg {
    position: relative;
    width: 100%;
}

.bbbcard .bbbimg img {
    aspect-ratio: 16/9;
    object-fit: contain;
}

.bbbcard h4 {
    font-weight: 400;
    color: #000;
    line-height: 25px;
    margin-top: 1vw;
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.bbbcard .glabel {
    display: inline-flex;
    margin-top: 0.5vw;
}

.mainslider {
    position: relative;
    overflow: hidden;
    /* padding-top: 25px; */
    padding-bottom: 25px;
}

.mainslider .row {
    position: relative;
}

.mainslider .row .mssol {
    width: 67%;
    background: #f5f5f5;
    padding: 0;
    position: relative;
    padding-bottom: 0px;
    margin-left: 12px;
}

.mainslider .row .mssag {
    width: 30%;
}

.mainslider .row .mssag .adsbanner {
    position: relative;
    /* width: 100%; */
    background: #ffffff;
    padding: 0;
    margin-top: 1vw;
    min-height: 300px;
    display: flex;
    justify-content: center;
    max-width: 300px;
    overflow: hidden;
}

.haftaliksayfasimainslider.mainslider .row .mssag .adsbanner{
    
width: 100%;
}

.mainslider .row .mssag .adsbanner img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.mainslider .row .mssag .canliyayin {
    position: relative;
    background: #ffffff;
    padding: 1vw;
    border: 1px solid #E1E1E1;
    max-width: 300px;
}

.mainslider .row .mssag .canliyayin .title {
    position: relative;
    background: #EB5757;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5vw;
    border-radius: 4px;
    margin-bottom: 0.5vw;
}

.mainslider .row .mssag .canliyayin .title p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
    position: relative;
}

.mainslider .row .mssag .canliyayin .title p::before {
    content: "";
    background: #fff;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 0.5vw;
}

.mainslider .row .mssag .canliyayin .cyimg {
    width: 100%;
    overflow: hidden;
}

.mainslider .row .mssag .canliyayin .cyimg img {
    object-fit: contain;
    width: 100%;
}

.mainslider .row .mssag .canliyayin .cydesc {
    margin-top: 0.5vw;
}

.mainslider .row .mssag .canliyayin .cydesc p {
    margin: 0;
    color: #000;
    font-weight: 700;
}

.mainslider .row .mssag .canliyayin .cyabone {
    position: relative;
    display: flex;
    justify-content: end;
    margin-top: 0.5vw;
}

.mainslider .row .mssag .canliyayin .cyabone img {
    object-fit: contain;
    height: 1.5vw;
}

.mainslider .row .mssol .msowl {
    height: 100%;
    position: relative;
}

.mainslider .row .mssol .msowl .mainsliderowl {
    position: relative;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard {
    position: relative;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .mscardmainimage {
    position: relative;
    width: 100%;
    height: auto;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .mscardmainimage img {
    z-index: -1;
    position: relative;
    /* aspect-ratio: 16/9; */
    object-fit: contain;
    height: auto;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband {
    background: #fff;
    margin: -15px 40px 0px 40px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row {
    padding: 1vw;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row .bandleft {
    width: 100%;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row .bandleft .glabel {
    display: inline-flex;
    margin-bottom: 0.5vw;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row .bandleft h2 {
    color: #0081c1;
    font-weight: 400;
    line-height: 35px;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row .bandright {
    width: 30%;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row .bandright .yk {
    position: relative;
    background: #F5F5F5;
    padding: 1vw;
    width: 70%;
    float: right;
    text-align: center;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row .bandright .yk img {
    object-fit: cover;
    width: 5vw;
    height: 5vw;
    border-radius: 100%;
    display: inline-flex;
}

.mainslider .row .mssol .msowl .mainsliderowl .mscard .msband .row .bandright .yk p {
    color: #5B6E82;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0.5vw;
}


.mainslider .row .mssol .msowl .mainsliderowl .owl-dots {
    text-align: center;
    position: absolute;
    top: 0.5vw;
    left: 1vw;
    width: 100%;
}

.mainslider .row .mssol .msowl .mainsliderowl .owl-dot {
    display: inline-block;
    width: 15px;
    height: 2px;
    margin: 3px;
    background: #ffffff;
    border: none;
    border-radius: 0;
    opacity: 0.5;
}

.mainslider .row .mssol .msowl .mainsliderowl .owl-dot.active {
    background: #007FC4;
}


.mainslider .row .mssol .msmansetlink {
    position: absolute;
    bottom: 1vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.mainslider .row .mssol .msmansetlink a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mainslider .row .mssol .msmansetlink img {
    width: 1.5vw;
    height: 1.5vw;
    object-fit: contain;
    margin-right: 0.5vw;
}

.mainslider .row .mssol .msmansetlink p {
    margin: 0;
    color: #5B6E82;
    font-weight: 400;
}

.mainslider .row .mssol .msmansetlink p span {
    font-weight: 700;
    color: #007FC4;
    margin-left: 0.5vw;
    position: relative;
}

.mainslider .row .mssol .msmansetlink p span::after {
    content: "";
    display: inline-flex;
    width: 0.8vw;
    height: 0.8vw;
    background-image: url('../img/mavisagok.svg');
    background-size: contain;
    margin-left: 5px;
}

.custom-nav .mainslider-prev-btn{
    position: absolute;
    top: 34%;
    left: 0%;
    z-index: 11;
}
.custom-nav .mainslider-prev-btn img{
    object-fit: contain;
    height: 40px;
    width: 40px;
}

.custom-nav .mainslider-next-btn{
    position: absolute;
    top: 34%;
    right: 0%;
    z-index: 11;
}
.custom-nav .mainslider-next-btn img{
        object-fit: contain;
    height: 40px;
    width: 40px;
}

.haberdetay {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    overflow: hidden;
    width: 70%;
}
.haberdetay img {
    max-width: 100%;
    height: auto;
}
.haberdetay iframe {
    
width: 100%;
    
/* height: auto; */
}

.haberdetay .reklambanner {
    text-align: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.haberdetay .reklambanner img {
    width: 100%;
}

.haberdetay h1 {
    padding-top: 20px;
    padding-bottom: 10px;
}

.haberdetay .haberkapak {
    position: relative;
    padding-bottom: 1vw;
}

.haberdetay .haberkapak img {
    aspect-ratio: 16/9;
    object-fit: contain;
    width: 100%;
}

.haberdetay h3 {
    color: #5B6E82;
    padding-bottom: 0.5vw;
}

.haberdetay a {
    color: #007FC4;
}

.haberdetay ul {
    padding-left: 2vw;
}

.haberdetay ul li {
    padding-bottom: 0.5vw;
}

.haberdetay ol {
    padding-left: 2vw;
}

.haberdetay ol li {
    padding-bottom: 0.5vw;
}

.haberdetay p {
    font-size: 1.2vw;
    font-size:18px;
}

.ilgilihaberler {
    position: relative;
    background: #F5F5F5;
    padding-top: 2vw;
    padding-bottom: 2vw;
    border-top: 5px solid #E1E1E1;
}

.ilgilihaberler p {
    font-size: 0.9vw;
}

.ilgilihaberler .rowcards .row .images img {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.habercardtarihpaylasim {
    position: relative;
    padding-bottom: 1vw;
}

.habercardtarihpaylasim .habercardtarih {
    width: 50%;
}

.habercardtarihpaylasim .habercardtarih .w-auto {
    display: flex;
    align-items: center;
}

.habercardtarihpaylasim .habercardtarih p {
    margin: 0;
    font-weight: 400;
    color: #999CA0;
    font-size: 1vw;
}

.habercardtarihpaylasim .haberpaylasim {
    width: 50%;
    justify-content: end;
    display: flex;
}

.donatecard {
    position: relative;
    width: auto;
    border: 1px solid #EAE9F6;
    display: flex;
    border-radius: 30px;
    padding: 5px 0px 5px 0px;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.donatecard p {
    display: inline-block;
    margin: 0;
    font-weight: 400;
    color: #007FC4;
    font-size: 14px;
    padding-left: 10px;
}

.donatecard img {
    margin-left: 0.5vw;
    padding-right: 5px;
}

.sharebutton {
    width: auto;
    padding-left: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.sharebutton img {
    object-fit: scale-down;
}

.bookmarkbutton {
    width: auto;
    padding-left: 5px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.bookmarkbutton img {
    object-fit: scale-down;
}

.fotohaberdetay {
    position: relative;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.fotohaberdetay h1 {
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.galeridetaycard {
    position: relative;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.galeridetaycard img {
    aspect-ratio: 16/9;
    object-fit: contain;
}

.galeridetaycard .sayi {
    color: #999CA0;
    padding-top: 0.3vw;
}

.galeridetaycard h5 {
    font-weight: 400;
    line-height: 2vw;
    margin-bottom: 1vw;
}

.fotohaber {
    position: relative;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.fotohabermain {
    background: #130F0F;
}

.fotohabermain .mainimg {
    width: 50%;
    margin-top: 1vw;
    position: relative;
    padding: 0;
}

.fotohabermain .mainimg img {
    aspect-ratio: 16/9;
    width: 100%;
}

.imagetag {
    position: absolute;
    bottom: 0.7vw;
    right: 0.5vw;
    background: #007FC499;
    border-radius: 4px;
    padding: 0.1vw 0.4vw;
}

.imagetag img {
    object-fit: scale-down;
}

.fotohabermain .maindesc {
    width: 50%;
    margin-top: 1vw;
}

.glabel.outline {
    background: transparent;
    border: 1px solid #5B6E82;
}

.fotohabermain .maindesc h3 {
    color: #fff;
    margin-top: 1vw;
    line-height: 2vw;
    font-weight: 400;
}

.fotohabermain .maindesc h5 {
    color: #fff;
    line-height: 2vw;
    margin-top: 1vw;
    font-weight: 300;
    margin-bottom: 1vw;
}

.yazarcirclecardblack {
    width: 27%;
    border: 1px solid #4D5B69;
    border-radius: 50px;
    padding-left: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    display: flex;
}

.yazarcirclecardblack img {
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.yazarcirclecardblack p {
    margin: 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
}

.galeriyazarpaylasim {
    position: relative;
    padding-left: 10px;
}

.donateblack {
    width: auto;
    border: 1px solid #4D5B69;
    border-radius: 50px;
    padding-left: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    display: flex;

}

.donateblack p {
    margin: 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
}

.donateblack img {
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.sharebuttonblack {
    width: auto;
    padding: 0;
}

.sharebuttonblack img {
    object-fit: scale-down;
}

.bookmarkbuttonblack {
    width: auto;
    padding: 0;
}

.bookmarkbuttonblack img {
    object-fit: scale-down;
}

.aramasayfasi {
    position: relative;
    padding-top: 2vw;
    padding-bottom: 15%;
    background: linear-gradient(to bottom, #DEDEDE, #fff);
    overflow: hidden;
}

.aramasayfasi .aramasol {
    width: 100%;
}

.aramasayfasi .aramasag {
    width: 30%;
    display: none;
}

.aramasayfasi h5 {
    color: #5B6E82;
    margin-bottom: 1vw;
}

.aramasayfasi .searchinput {
    position: relative;
    margin-bottom: 0;
    width: 40%;
}

.aramasayfasi .searchinput img {
    position: absolute;
    left: 16px;
    top: 8px;
    object-fit: scale-down;
}

.aramasayfasi .searchinput input {
    width: 100%;
    position: relative;
    padding-left: 30px;
    border-radius: 100px;
    height: 40px;
    border: 2px solid #ffffff;
}


/* icerikdropdown */


.dropdown {
    width: 10vw;
    font-family: sans-serif;
    display: flex;
    position: relative;
}

.dropdown-toggle {
    border-radius: 50px;
    border: 1px solid #EAE9F6;
    background: #fff;
    cursor: pointer;
    user-select: none;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: #007FC4;
    font-weight: 400;
    font-size: 1vw;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    z-index: 10;
}

.dropdown-menu div {
    padding: 10px;
    cursor: pointer;
}

.dropdown-menu div:hover {
    background-color: #f0f0f0;
}

.dropdown.open .dropdown-menu {
    display: block;
}

.dropdown-toggle::after {
    display: none;
}

/* icerikdropdown */

.icerikdropdown {
    position: relative;
    width: auto;
    display: flex;
}

.drodowncustomicon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.drodowncustomicon img {
    object-fit: scale-down;
    width: 2vw;
    height: 2vw;
}

.datepicker {
    position: relative;
    width: 30%;
}

/* datepicker */

.date-wrapper {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 100px;
    border: none;
    width: auto;
  }

  
  
  .date-wrapper input[type="date"] {
    position: relative;
    z-index: 2;
    background-color: transparent;
    border: none;
    padding-right: 10px;
    color: #027fc3;
    font-size: 1vw;
    width: 100%;
    padding-left: 10px;
  }
  
  .date-wrapper .fake-placeholder {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    z-index: 1;
    pointer-events: none;
    width: 100%;
    font-size: 1vw;
  }


.date-wrapper input {
    width: 100%;
    border: 1px solid #EAE9F6;
    border-radius: 50px;
    height: 40px;
}

.date-wrapper .calendar-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    /* ikon tıklanmaz ama arkaplan input'a tıklar */
    width: 2vw;
    height: 2vw;
    object-fit: scale-down;
}

#datepicker {
    color: #007FC4;
    font-weight: 400;
    font-size: 1vw;
    padding-left: 10px;
}

/* Placeholder (Tarih Seçin yazısı) rengi için */
#datepicker::placeholder {
    color: #007FC4;
    font-weight: 400;
    font-size: 1vw;
}

/* datepicker */


.aramaicerikalani{
    margin-top: 2vw;
    display: none;
}
.aramakart{
    width: 100%;
    margin-bottom: 1vw;
    position: relative;
}
.aramakart .asol{
    width: 20%;
    padding-left: 5px;
}
.aramakart .aborder{
    width: 1%;
    padding: 0;
    border-left: 1px solid #999CA0;
    margin-top: 15px;
    margin-left: 10px;
    position:relative;
}
.aramakart .aborder::after{
        content: "";
        width: 8px;
        height: 7px;
        display: flex;
        background: #007FC4;
        position: absolute;
        top: -12px;
        left: -5px;
        border-radius: 100px;
}
.aramakart .asol p{
	color:#5B6E82;
	margin: 0;
	font-weight: 400;
}
.aramakart .aorta{
    width: 37%;
}
.aramakart .aorta h6{
    font-family: "Roboto Slab", sans-serif;
    line-height: 1.7vw;
    font-weight: 400;
}
.aramakart .asag{
    width: 40%;
}
.aramakart .asag img{aspect-ratio: 16/9;object-fit: contain;width: 100%;}
.aramasayfasi .aramasag .tags{
    position: relative;
}
.aramasayfasi .aramasag .tags h4{
    color:#5B6E82;
    margin-bottom: 1vw;
}
.aramasayfasi .aramasag .tags ul{padding:0;margin: 0;}
.aramasayfasi .aramasag .tags ul li{
    list-style: none;
    margin-bottom: 5px;
}
.aramasayfasi .aramasag .tags ul li a{
    color: #000;
    font-weight: 400;
    font-size: 1.2vw;
    font-family: "Roboto Slab";
}
.aramasayfasi .aramasag .tags ul li a:hover{
    transition: 0.5s;
    color: #007fc4;
}
.row.blueline{
    border-bottom: 5px solid #007FC4;
    padding-bottom: 2vw;
}
.asrelated{
    position: relative;}
.asrelated .asrelsol{
    width: 50%;
}
.asrelated .asrelsag{
    width: 50%;
    padding-top: 2vw;
    padding-bottom: 2vw;
}
.asrelated .asrelsag h5{
    margin-bottom: 2vw;
}
.asrelated .koseyazilariw50{
    margin-top: 2vw;
}
.asrelated .asrelsag .aramakart{
    border-bottom: 1px solid #EAE9F6;
    padding-bottom: 1vw;
}
.asrelated .asrelsag .aorta{
    width: 50%;
}
.asrelated .asrelsag .aorta h6{}
.asrelated .asrelsag .asag{
    width: 50%;
}
.asrelated .asrelsag .asag img{}
.asrelated .asrelsag .aorta p{
    color:#5B6E82;
    font-weight:400;
    margin-bottom: 5px;
}
.ypcard{
    position: relative;
    margin-bottom: 1vw;
}
.ypcard h1{margin-bottom: 1vw;display: flex;align-items: center;}
.ypcard h1 img{
    margin-right: 1vw;
    border-radius: 100%;
    object-fit: cover;
    height: 100%;
    width: 10%;
}
.ypcard p{
    margin: 0;
    line-height: 20px;
    color: #5B6E82;
}

.ypmailkutusu {
    position: relative;
    background: #DAD8EC;
    padding: 8%;
    margin-top: 2vw;
    margin-bottom: 2vw;
    overflow: hidden;
}
.ypmailkutusu img{
    object-fit: contain;
    width: 2vw;
    height: 2vw;
}
.ypmailkutusu h4{
    font-weight:400;
    color:#000;
    line-height: 2vw;
    margin-top: 1vw;
}
.ypmailkutusu p{
    line-height: 2vw;
    color: #5B6E82;
    font-weight: 400;
}
.ypmailkutusu input{
    width: 100%;
    padding-left: 10px;
    color: #000;
    font-size: 1vw;
    height: 45px;
    border-radius: 8px;
    background: #fff;
    border: none;
}
.ypmailkutusu button{
    margin-top: 1vw;
    float: right;
}
.tagtitle{
    margin-bottom: 2vw;
}
.tagtitle h1{}
.aramasayfasi .aramasag .haberpaylasim{
    display: flex;
    align-items: center;
    justify-content: end;
}
.videoprogramlar{
    position:relative;
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.videoprogramlar .gtitle{
    width: 50%;
}
.videoprogramlar .vidprogowl{margin-top: 1vw;}
.videoprogramlar .vidprogowl .gencards{
    width: 100%;
    margin-right: 10px;
    padding-right: 2vw;
}
.vpprogramslider{
    position: relative;
    margin-top: 2vw;
}
.vpauthor{
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
}
.vpauthor .vpavatar{
    position: relative;
}
.vpauthor .vpavatar img{
    object-fit: cover;
    width: 4vw;
    height: 4vw;
    border-radius: 100%;
}
.vpauthor .vptitles{
    padding-left: 15px;
}
.vpauthor .vptitles h4{
    margin: 0;
    margin-bottom: 2px;
}
.vpauthor .vptitles p{
    margin: 0;
    color: #007FC4;
    font-weight: 400;
}
.vpauthor a {
    align-items: center;
    color: inherit;
    display: flex;
}
.fotohabermain .vpauthor{
    padding-top: 1vw;
}
.fotohabermain .vpauthor h2{
    color: #fff;
}
.fotohabermain .vpauthor p{
    color: #fff;
}
.videodetay{
    position: relative;
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.bbbowl  .owl-stage{
    padding-left: 0px !important;
}

.anasayfa-mobil-galeri-owl  .owl-stage{
    padding-left: 0px !important;
}


.son-dakika{
    position: relative;
    padding-top: 3%;
    padding-bottom: 3%;
    background: #e1e1e1;
}

.yazarlar-sayfasi{
    background-color: #fff;
    position: relative;
    padding-top: 3%;
    padding-bottom: 3%;
}

.yazarlar-sayfasi .search-container {
    position: relative;
    width: 65%;
    margin: 0;
  }
  
  .yazarlar-sayfasi #searchInputYazar {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #027fc3;
    color: #fff;
    border: none;
  }

  
  .yazarlar-sayfasi .dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: none;
    border-top: none;
    background: white;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    z-index: 999;
  }
  
  .yazarlar-sayfasi .dropdown-list div {
    /* padding: 10px; */
    cursor: pointer;
  }
  
  .yazarlar-sayfasi .dropdown-list div:hover {
    background-color: #f0f0f0;
  }

 .yazarlar-sayfasi .title{
    width: 35%;
    display: flex;
    align-items: center;
 }
  
 .yazarlar-sayfasi #searchInputYazar::placeholder{
    color: #fff;
 } 

 .main-menu-slider.yazarlartabmenubg{
    background-color: #fff;
    border-bottom: 3px solid #E1E1E1;
    border: none;
    margin-top: 15px;
    top: 0;
    z-index: 0;
 }

.main-menu-slider.yazarlartabmenubg.main-menu-slider-follow{
    
position: relative;
    
top: auto;
}

 .blue-line{
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #007FC4;
    margin-top: 10px;
    margin-bottom: 10px;
 }



 .relatedCardBottom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #007fc4b8;
    border-radius: 4px;
    padding: 4px 8px;
    z-index: 1;
}

.aramakartalanimobilcardresim .relatedCardBottom{
    background: #007fc499;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aramakartalanimobilcardresim .relatedCardBottom img{
    aspect-ratio: 1;
    object-fit: scale-down;
}

.msowl .relatedCardBottom{
     bottom: 20px;
     right: 40px;
}

.mscardmainimage .relatedCardBottom img {
    height: 15px;
    object-fit: scale-down;
}

.authorbant {
    background-color: #e1e1e1;
    padding: 2px;
    border-radius: 100px;
    display: flex;
    margin-bottom: 5px;
}

.authorbant p{
    margin: 0;
    color: #027fc3;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
}


.mobil-yazarlar-slider {
    /* background: #f5f5f5; */
    /* margin: 2%; */
    /* padding: 15px; */
}

.mobil-yazarlar-slider .container{
    /* padding:0; */
}

.anasayfayazarlarbg{
    background: #f5f5f5;
    padding:15px;
}

.anasayfayazarlarbg .gtitle{
    width:50%;
    margin-bottom: 0;
}

.mobanayazarcard {
    position: relative;
}

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

.mobanayazarcard .row {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: center;
}

.mobanayazarcard .row .mbaycimg {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobanayazarcard .row .mbaycimg img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.mobanayazarcard .row .mbaycinfo {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 70%;
    padding-left: 5px;
}

.mobanayazarcard .row .mbaycinfo h5 {
    color: #027fc3;
    font-weight: 500;
    background: #e1e1e1;
    padding: 4px 12px;
    border-radius: 50px;
}

.mobanayazarcard .row .mbaycinfo p {
    padding: 0;
    margin: 0;
    padding-right: 15px;
}

.mobil-yazarlar-slider .owl-dots {
    display: none;
}

.doviz-kuru {
    padding-top: 20px;
    padding-bottom: 10px;
}

.doviz-kuru a {
    color: inherit;
}

.doviz-kuru .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.doviz-kuru-card {
    width: 33%;
    text-align: center;
}

.doviz-kuru-card h5 {
    font-weight: 500;
    color: #027fc3;
}

.doviz-kuru-card h6 {
    font-weight: 500;

}

.basinda-bugun {
    position: relative;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.basinda-bugun .gtitle{
    width: 79%;
    margin-bottom:0;
    display: flex;
    align-items: center;
}

.basinda-bugun-owl{
    margin-top:15px;
}

.basinda-bugun-owl-item {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.basinda-bugun-owl-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}



.haftalik {
    position: relative;
    background: #bb9c5c;
    /* margin: 2%; */
    padding: 18px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 30px;
    padding: 25px 15px 25px 15px;
}

.haftalik .gtitle {
    color: #fff;
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.anasayfa-haftalik-owl{
    margin-top:15px;
}

.anasayfa-haftalik-card .ahcardleft .yk {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    background: #e1e1e1;
    border-radius: 50px;
    padding: 2%;
}

.haftalik-list .anasayfa-haftalik-card .ahcardleft .yk{
    border: 2px solid #b88316;
}

.anasayfa-haftalik-card .ahcardleft .yk img {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    object-fit: cover;
}

.anasayfa-haftalik-card .ahcardleft .yk p {
    color: #000000;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
}

.haftalik-list{
    justify-content:space-between;
}

.haftalik-list .anasayfa-haftalik-card{
    width: 32.9%;
}

.haftalik-list .anasayfa-haftalik-card{
    height:100%;
    border-right: 1px solid #fff;
    margin-right: 0;
}

.anasayfa-haftalik-card {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    /* border-right: 1px solid #ffff; */
    padding-right: 10px;
    margin-right: 20px;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.haftalik-list .anasayfa-haftalik-card .ahcardleft {
    width:100%;
    margin-bottom: 15px;
}

.haftalik-list .anasayfa-haftalik-card .ahcardright {
    width:100%;
}

.ahcardtitle{
    margin-top: 10px;
}

.ahcardtitle a,.ahcardtitle p{
    color:#fff;
    font-size: inherit;
}


.anasayfa-haftalik-card .ahcardleft {
    width: 58%;
    padding-right: 0px;
}

.anasayfa-haftalik-card .ahcardleft h6{
    color:#fff;
    margin-top: 15px;
}

.anasayfa-haftalik-card .ahcardleft p {
    color: #fff;
    font-weight: 100;
    margin: 0;
    margin-top: 10px;
}

.anasayfa-haftalik-card .ahcardright {
    width: 42%;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-right: 14px;
}

.anasayfa-haftalik-card .ahcardright img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    /* border: 1px solid #fff; */
}



.basinda-bugun-detay {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #fff;
    text-align: center;
}

.basinda-bugun-detay img {
    width: 80%;
    /* height: 100%; */
}

.basinda-bugun-anasayfa {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

.basinda-bugun-image-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
    padding: 10px;
    margin-top: 10px;
}

.basinda-bugun-image-grid img {
    width: 100%;

    height: 100%;


    object-fit: cover;
}

.manset-arsivi-title {
    width: 50%;
    display: flex;
    align-items: center;
}

.manset-arsivi-title h4 {
    margin: 0;
    font-weight: 400;
    color: #000;
}

.date-picker {
    width: 50%;
}

/* Datepicker Stilleri */
.customdatepicker {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.datepicker-input {
    padding: 5px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 100px;
    font-size: 16px;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 200px;
    outline: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px 20px;
}

.datepicker-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}


.datepicker-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    display: none;
    padding: 16px;
    min-width: 300px;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.datepicker-dropdown.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.datepicker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.datepicker-nav {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    color: #007FC4;
}

.datepicker-nav:hover {
    background-color: #f8f9fa;
}

.datepicker-title {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

.datepicker-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-bottom: 16px;
}

.datepicker-day-header {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #666;
    padding: 8px 4px;
}

.datepicker-day {
    text-align: center;
    padding: 8px 4px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
    font-size: 14px;
}

.datepicker-day:hover {
    background-color: #e3f2fd;
}

.datepicker-day.selected {
    background-color: rgb(227, 220, 220);
    color: #007bff;
}

.datepicker-day.today {
    background-color: #f8f9fa;
    font-weight: 600;
}

.datepicker-day.other-month {
    color: #ccc;
}

.datepicker-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.datepicker-btn {
    padding: 8px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    color: #000;
}

.datepicker-btn:hover {
    background-color: #f8f9fa;
}

.datepicker-btn.primary {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.datepicker-btn.primary:hover {
    background-color: #0056b3;
}

/* Responsive */
@media (max-width: 768px) {
    .datepicker-input {
        width: 100%;
        max-width: 200px;
    }
    
    .datepicker-dropdown {
        min-width: 280px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .datepicker-dropdown.show {
        transform: translateX(-50%) translateY(0);
    }
}

.main-menu-slider {
    background: #F5F5F5;
    border-bottom: 5px solid #E1E1E1;
    transition: 1s;
    display: block;
    margin-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    z-index: 111;
    margin-bottom: 0;
}

.mainmenusliderwrapper {
    display: flex;
    /* overflow-x: auto; */
    white-space: nowrap;
    padding: 10px 0px 10px 0px;
    gap: 10px;
    scrollbar-width: none;
    transition: 0.5s;
    align-items: center;
    justify-content: start;
    padding-left: 20px;
}

.mainmenusliderowlitem {
    flex: 0 0 auto;
    padding: 0px 0.85vw;
    cursor: pointer;
}

.mainmenusliderowlitem p {
    margin: 0;
    font-weight: 400;
    color: #5B6E82;
    position: relative;
}

.mainmenusliderowlitem p:hover a{
    color: #0181c2;
    border-bottom: 4px solid #0181c2;
    padding-bottom: 10px;
} 

.mainmenusliderowlitem.active p a {
    color: #0181c2;
    border-bottom: 4px solid #0181c2;
    padding-bottom: 10px;
}

.mainmenusliderowlitem p a {
    font-size: inherit;
    color: #5b6e82;
}


.mobil-haber-detay-section {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    overflow: hidden;
}

.mobil-yazar-yazi-yazar-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #EAE9F6;
    border-radius: 100px;
    padding: 8px;
}

.mobil-yazar-yazi-yazar-card img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100px;
}

.mobil-yazar-yazi-yazar-card p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #027fc3;
    padding-left: 5px;
    padding-right: 5px;
}

.mobil-yazar-yazi-yazar-card p span{
    
font-size: 14px;
    
display: block;
    
font-weight: 300;
}

.mobil-haber-detay-section h3 {
    margin-top: 20px;
    font-weight: 400;
}

.mobil-haber-detay-card-img {
    width: 100%;
    height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.mobil-haber-detay-card-img img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    max-width: 75%;
}

.mobil-haber-detay-card-content {
    position: relative;
}

.mobil-haber-detay-card-content-date-share {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mobil-haber-detay-card-content-published-date {
    position: relative;
    display: block;
}

.haberdetay .mobil-haber-detay-card-content-published-date p {
  font-size: 14px !important;
  font-weight: 300;
}

.mobil-haber-detay-card-content-published-date p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #9a9ca0;
}

.mobil-haber-detay-card-content-share-fontsizer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mobil-haber-detay-card-content-share-fontsizer a {
    position: relative;
    display: inline-block;
}

.mobil-haber-detay-card-content-share-fontsizer a img {
    width: 30px;
    height: 30px;
    object-fit: fill;
}

.mobil-haber-detay-card-content-share-fontsizer a:first-child img {
    width: 25px;
    height: 25px;
}


.mobil-haber-detay-card-content-share-fontsizer a {
     margin-left: 10px;
     cursor: pointer;
}

.mobil-haber-detay-card-content-text {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mobil-haber-detay-card-content-text p {

    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 25px;
}

/* tags */

.tags-wrapper {
    position: relative;
    text-align: center;
}

.tag {
    display: inline-block;
    background-color: #EAE9F6;
    color: #333;
    padding: 4px 10px;
    margin: 4px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.tag:hover {
    background-color: #ddd;
}

/* tags */




.mobil-yazar-yazi-detay-yazar-bant {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #e1e1e1;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mobil-yazar-yazi-detay-yazar-bant-content {
    position: relative;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.mobil-yazar-yazi-detay-yazar-bant-content-yc {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 65%;
    padding-left: 20px;
}

.mobil-yazar-yazi-detay-yazar-bant-content-yc img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100px;
}

.mobil-yazar-yazi-detay-yazar-bant-content-yc-title {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding-left: 10px;
    width: 70%;
}

.mobil-yazar-yazi-detay-yazar-bant-content-yc-title h3 {
    margin: 0;
    font-weight: 500;
    color: #000;
}

.mobil-yazar-yazi-detay-yazar-bant-content-yc-title a {
    margin: 0;
    font-size: 12px;
    font-weight: 300;
    color: #000;
}

.mobil-yazar-yazi-detay-yazar-bant-content-text {
    position: relative;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #000;
    padding-left: 5px;
    width: 30%;
}

.mobil-yazar-yazi-detay-yazar-bant-content-text a {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}

.mobil-yazar-yazi-detay-yazar-bant-content-text a:first-child {
    margin-bottom: 5px;
}

.ocecikanslider {
    margin: 0;
}


.mobil-galeriler {
    position: relative;
    background: #fff;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 15px;
}

.mobil-galeriler .gtitle{
    width:50%;
    display:flex;
    align-items:center;
    margin-bottom: 0;
}

.anasayfa-mobil-galeri-owl{
    margin-top:15px;
}

.mobil-galeriler .relatedCard {
    width: 100%;
    overflow: hidden;
    /* padding-right: 10px; */
}

.mobil-galeriler .relatedCard img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.mobil-galeriler .relatedCard h4 {
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 25px;
    margin-top: 10px;
    height: 102px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}



.mobil-galeriler .owl-dots {
    display: none;
}

.ocecikanslider .mobil-yazar-yazi-yazar-card {
    padding: 5px;
    margin-bottom: 0;
}

.ocecikanslider .mobil-yazar-yazi-yazar-card img {
    width: 30px !important;
    height: 30px;
    aspect-ratio: auto;
}

.ocecikanslider .mobil-yazar-yazi-yazar-card p {
    font-size: 14px;
}

.mobil-galeriler .relatedCardBottom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #007FC499;
    border-radius: 4px;
    padding: 2%;
}

.mobil-galeriler .relatedCardBottom img {
    height: 15px;
    object-fit: scale-down;
}



.mscardmainimage .relatedCardBottom img {
    height: 15px;
    object-fit: scale-down;
}

.relatedCard div {
    position: relative;
}




.gunun-onceki-mansetleri {
    position: relative;
    background: #fff;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.gunun-onceki-mansetleri .mansetcard {
    border-bottom: 5px solid #DAD8EC;
    width: calc(23% + 8px);
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    /* display: grid; */ /* Grid sistemini aktifleÅŸtirir */
    grid-template-columns: repeat(3, 1fr); /* 3 sütun, her biri eşit genişlikte */
    grid-template-rows: auto; /* Satır yüksekliği içeriğe göre */
    gap: 10px; /* Elemanlar arası boşluk */
    padding: 3px;
    position: relative;
}

.gunun-onceki-mansetleri .mansetcard>a>div{
    position: relative;
}


.gunun-onceki-mansetleri .mansetcard img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.gunun-onceki-mansetleri .mansetcard h4 {
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 25px;
    margin-top: 10px;
    height: 103px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.mansetcard .relatedCardBottom img {
    height: 15px;
    object-fit: scale-down;
}

.mobil-video-detay-sayfasi {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #101415;
    color: #fff;
}

.mobil-video-detay-sayfasi-tags {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mobil-video-detay-sayfasi .video-wrapper {
    width: 100%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobil-video-detay-sayfasi .video-wrapper .video-container {
    width: 100%;
    /* height: 100%; */
    /* max-width: 75%; */
}

.mobil-video-detay-sayfasi .video-wrapper .video-container div{
    position:relative;padding-bottom:56.25%;height:0;overflow:hidden;
}

.mobil-video-detay-sayfasi .video-wrapper .video-container iframe {
    width: 100%;
    height: 100%;
}

.mobil-video-detay-sayfasi .video-content {
    padding: 10px 0px;
    overflow: hidden;
    color: #fff;
}

.mobil-video-detay-sayfasi .video-content a{
    color:#fff;
}

.mobil-video-detay-sayfasi .video-content h2 {
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px;
}

.mobil-video-detay-sayfasi .video-content p {
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
}



.mobil-video-detay-sayfasi .share-icon {
    position: relative;
    margin-top: 0px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 15px;
}

.mobil-video-detay-sayfasi .share-icon img {
    width: 30px;
    height: 30px;
    object-fit: scale-down !important;
}

.mobil-video-detay-sayfasi .video-content-label {
    width: 50%;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.mobil-video-detay-sayfasi .video-content-label p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #5B6E82;
    border: 1px solid #5B6E82;
    padding: 5px;
    border-radius: 4px;
}

.mobil-video-detay-sayfasi .video-content-publised-date {
    width: 50%;
    text-align: right;
    margin-top: 15px;
}

.mobil-video-detay-sayfasi .video-content-publised-date p {
    margin: 0;
    font-weight: 400;
    color: #5B6E82;
    display: block;
}


.mobil-detay-sayfasi {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

.publishdatecard {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.publishdatecard p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #9a9ca0;
}

.mobil-detay-sayfasi-title-content {
    margin-top: 10px;
    border-bottom: 5px solid #027fc3;
    padding-bottom: 10px;
}

.mobil-detay-sayfasi-title-content .publishdatecard{
    margin-top: 20px;
}

.mobil-detay-sayfasi-title-content h4 {
    font-weight: 400;
    color: #000;
    line-height: 25px;
}

.mobil-detay-sayfasi-title-content-img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
}

.mobil-detay-sayfasi-title-content img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.mobil-detay-sayfasi-image-all-content {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mobil-detay-sayfasi-image-cards {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.mobil-detay-sayfasi-image-cards:last-child {
    border-bottom: none;
}

.mobil-detay-sayfasi-image-cards img {
    width: 100%;
    object-fit: cover;
    /* aspect-ratio: 16/9; */
}

.mobil-detay-sayfasi-image-cards-count {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mobil-detay-sayfasi-image-cards-count ul {
    padding: 0;
    margin: 0;
}

.mobil-detay-sayfasi-image-cards-count ul li {
    list-style: none;
    padding: 5px 15px;
    margin: -2px;
    display: inline-block;
}

.mobil-detay-sayfasi-image-cards-count ul li p {
    margin: 0;
    font-weight: 500;
    color: #000;
    font-size: 16px;
}

.mobil-detay-sayfasi-image-cards-count ul li:nth-of-type(1) {
    background: #e1e1e1;
}

.mobil-detay-sayfasi-image-cards-count ul li:nth-of-type(2) {
    background: #9a9ca0;
}

.mobil-detay-sayfasi-image-cards p {
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}




.mobil-videolar {
    position: relative;
    background: #000;
    margin: 2%;
    padding-top: 15px;
    padding-bottom: 15px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.mobil-videolar .gtitle {
    color: #fff;
    margin-bottom: 10px;
}

.mobil-videolar .owl-carousel.mobil-videolar-owl {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.mobil-videolar .mobil-videolar-owl .mobil-videolar-card {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobil-videolar .mobil-videolar-owl .mobil-videolar-card img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.mobil-videolar .mobil-videolar-owl .mobil-videolar-card h4 {
    color: #fff;
    font-weight: 400;
    margin: 0;
    line-height: 30px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.mobil-videolar .owl-dots {
    text-align: center;
    position: absolute;
    top: -8px;
    width: 100%;
    opacity: 0.5;
}

.mobil-videolar .owl-dots .owl-dot {
    width: 12px;
    height: 2px;
    margin: 2px;
    background: #fff;
}

.mobil-videolar .owl-dots .owl-dot.active {
    background: #007FC4;
}

.mobil-videolar-card-img {
    position: relative;
}

.mobil-videolar .mobil-videolar-card-img-play {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #007FC499;
    border-radius: 4px;
    padding: 2%;

}

.mobil-videolar .mobil-videolar-card .mobil-videolar-card-img-play img {
    height: 15px;
    object-fit: scale-down;
}


.mobil-videolar-card .share-icon {
    position: relative;
    margin-top: 10px;
    margin-right: 5px;
    float: right;
    margin-bottom: 15px;
}

.mobil-videolar-card .share-icon img {
    width: 30px;
    height: 30px;
    object-fit: scale-down !important;

}

.title-wrapper {
    width: 50%;
    display: flex;
    align-items: center;
}

.title-wrapper:last-child {
    justify-content: end;
}

.aramakartalanimobil {
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
}

.aramakartalanimobilcard {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    position: relative;
    margin-bottom: 5px;
    width: 100%;
}



.aramakartalanimobilcardtarih {
    width: 100%;
    display: flex;
    padding-left: 10px;
    position: relative;
}

.aramakartalanimobilcardtarih::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #027fc3;
    position: absolute;
    top: 5px;
    left: -5px;
}

.aramakartalanimobilcardresim {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: start;
    position: relative;
}

.aramakartalanimobilcardbaslik {
    width: 100%;
}

.aramakartalanimobilcardresim img {
    object-fit: cover;
    aspect-ratio: 16/9;
    width: 100%;
}

.aramakartalanimobilcardbaslik h4 {
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mansetnewcards .aramakartalanimobilcardbaslik.article-highlight h4{
    height: 50px;
    -webkit-line-clamp: 2;
   
}

.aramakartlarinewvers .mobil-yazar-yazi-yazar-card img{
    width: 40px;
    height: 40px;
   
}

.aramasayfasi .blueline .aramakartlarinewvers .aramakartalanimobilcardbaslik.article-highlight h4{
    height: 30px;
    -webkit-line-clamp: 1;
    line-height: 1.9vw;
}

.aramasayfasi .blueline .aramakartalanimobilcardbaslik h4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 6vw;
    line-height: 1.5vw;
}

.aramakartalanimobilcardtarih p {
    font-weight: 400;
    margin: 0;
    color: #5B6E82;
}

.aramakartalanimobilcardcontent {
    border-left: 1px solid #00000045;
    padding-left: 10px;
    margin-top: 5px;
    width: 80%;
    /* height: 100%; */
}

.yazarlar-sayfasi .gtitle {
    margin-bottom: 0px;
}

.yazarlarcardmobilmain {
    margin-top: 0;
    margin-bottom: 25px;
    /* display: grid; */ /* Grid sistemini aktifleÅŸtirir */
    grid-template-columns: repeat(3, 1fr); /* 3 sütun, her biri eşit genişlikte */
    grid-template-rows: auto; /* Satır yüksekliği içeriğe göre */
    gap: 10px; /* Elemanlar arası boşluk */
}

.yazarlarcardmobilmain .yazarlarcardmobil {
    width: 31%;
    padding: 20px;
    border: 1px solid #EAE9F6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
    margin: 1%;
}

.yazarlarcardmobilmain .yazarlarcardmobil .title {
    width: 100%;
}

.yazarlarcardmobilmain .yazarlarcardmobil .title h4 {
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 25px;
    margin-top: 10px;
    height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.yazarlarcardmobilmain .yazarlarcardmobil .img {
    width: 100%;
    margin-top: 5px;
}

.yazarlarcardmobilmain .yazarlarcardmobil .img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.yazarlarcardmobilmain .yazarlarcardmobil .yazarfotokart {
    padding: 5px 8px 5px 2px;
    height: auto;
    border-radius: 100px;
}

.yazarlarcardmobilmain .yazarlarcardmobil .yazarfotokart img {
    width: 40px !important;
    height: 40px;
}

.yazarlarcardmobilmain .yazarlarcardmobil .yazarfotokart h6 {
    margin-left: 5px;
    margin-right: 5px;
}

.yazar-card-listeleri-sayfasi {
    position: relative;
    padding-top: 0;
    padding-bottom: 3%;
    background-color: #fff;
}

.yazar-card-listeleri-sayfasi .title {
    width: 50%;
    display: flex;
    align-items: center;
}

.yazar-card-listeleri-sayfasi .search-container {
    width: 50%;
}

.yazar-card-listeleri-sayfasi .search-container input {
    border-radius: 8px;
    border: 3px solid #027fc3;
    padding: 10px 10px;
    width: 100%;
    color: #027fc3;
    font-weight: 500;
}

.yazar-card-listeleri-sayfasi .search-container input::placeholder {
    color: #027fc3;
    font-weight: 500;
}

.mobil-yazar-porfili-section {
    padding-top: 15px;
    padding-bottom: 15px;

}

.m-yazar-porfili-info-card {
    position: relative;
    width: 100%;
}

.m-yazar-porfili-info-card-img {
    overflow: hidden;
    width: auto;
}

.m-yazar-porfili-info-card-img img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 100px;
}

.m-yazar-porfili-info-card-info {
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-left: 0;
}

.m-yazar-porfili-info-card-info h4 {
    margin: 0;
    font-weight: 500;
}

.m-yazar-porfili-info-card-info p {
    font-weight: 400;
    margin: 0;
    font-size: 12px;
}

.m-yazar-iletisim-card {
    position: relative;
    width: 25%;
    border-left: 1px solid #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 20px;
}

.m-yazar-iletisim-card a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    display: block;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 2px;
}

.m-porf-sol-card {
    width: 75%;
}

.m-porf-sol-card .tummuhbtn {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.biyografi-detay-section {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

.biyografi-detay-section tbody {
    display: flex;
    padding: 20px;
}

.m-yazar-yazilari-card-main {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

.m-yazar-yazilari-card {
    position: relative;
    margin-top: 10px;
}

.m-yazar-yazilari-card-date {
    position: relative;
    padding-left: 10px;
}

.m-yazar-yazilari-card-date::before {
    content: "";
    background: #027fc3;
    width: 8px;
    height: 8px;
    display: flex;
    border-radius: 100px;
    position: absolute;
    left: -3px;
    top: 5px;
}

.m-yazar-yazilari-card-date p {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    color: #5B6E82;
    margin-bottom: 10px;
}

.m-yazar-yazilari-card-title {
    position: relative;
    border-left: 1px solid #5b6e82;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.m-yazar-yazilari-card-title h4 {
    margin: 0;
    font-weight: 400;
    line-height: 25px;
}

.m-yazar-arama-input-main {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.m-yazar-arama-input-card {
    width: 44%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 5px;
}

.m-yazar-arama-input-card input {
    width: 100%;
    border-radius: 100px;
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    font-size: 14px;
    padding-right: 35px;
}

.m-yazar-arama-input-card-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    background: #027fc3;
    border-radius: 100px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-yazar-arama-input-card-icon img {
    width: 20px;
    height: 20px;
    object-fit: scale-down;
}

.m-yazar-arama-input-card input::placeholder {
    color: #027fc3;
    font-size: 10px;
}

.m-yazar-arama-datepicker-card {
    width: 44%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
    margin-right: 2px;
}

.m-yazar-arama-datepicker-card input {
    width: 100%;
    border-radius: 100px;
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    font-size: 14px;
    padding-right: 35px;
    color: #027fc3;
    padding-right: 10px;
}

.m-yazar-arama-datepicker-card input::placeholder {
    color: #027fc3;
}

.m-yazar-arama-share-card {
    position: relative;
    display: flex;
    width: 8%;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

.m-yazar-arama-share-card img {
    width: 30px;
    height: 30px;
    object-fit: scale-down;
}


.mobil-podcast.podcast-anasayfasi {
    border: none;
    margin: 0;
}

.mobil-podcast {
    position: relative;
    background: #EAE9F6;
    margin: 2%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 5px solid #DAD8EC;
}

.mobil-podcast .glabel {
    color: #fff;
    background: #9B51E0;
    padding: 14px 6px;
    font-weight: 200;
}

.mobil-podcast .glabel img {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    object-fit: contain;
}

.mobil-podcast .podcastcard {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DAD8EC;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mobil-podcast .podcastcardleft {
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.mobil-podcast .podcastcardright {
    background: #027fc3;
    display: flex;
    width: auto;
    padding: 5px;
    border-radius: 4px;
}

.mobil-podcast .podcastcardleft p {
    color: #000;
    font-weight: 400;
    margin: 0;
}

.mobil-podcast .podcastcardright img {
    width: 25px;
    height: 25px;
    object-fit: scale-down;
}

.konular-section {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

.konular-section-title {
    width: 40%;
    display: flex;
    align-items: center;
}

.konular-section h4 {
    margin: 0;
    font-weight: 400;
    color: #000;
}

.konular-section-arama {
    width: 60%;
    position: relative;
}

.konular-section-arama input {
    width: 100%;
    border-radius: 100px;
    border: 1px solid #e1e1e1;
    padding: 10px 10px;
    font-size: 14px;
    padding-right: 35px;
}

.konular-section-arama input::placeholder {
    color: #027fc3;
}

.konular-section-arama .search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 92%;
    pointer-events: none;
    /* tıklanamaz yapar */
    background: #027fc3;
    border-radius: 100px;
    object-fit: scale-down;
}

.konular-section-first-card {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    border-bottom: 5px solid #e1e1e1;
    padding-bottom: 20px;
}

.konular-section-first-card h4{
    margin-bottom:10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 5.3vw;
}

.konular-section-first-card p{
    margin-bottom:10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: 12px;
}

.konular-section-first-card h5 {
    font-weight: 500;
    margin-bottom: 15px;
    color: #000;
}

.konular-section-first-card img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.mobil-editorun-sectikleri {
    position: relative;
    background: #fff;
    margin: 2%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mobil-editorun-sectikleri-card {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 48%;
    flex-direction: row;
    margin-right: 10px;
    margin-left: 10px;
}

.mobil-editorun-sectikleri-card p {
    color: #000;
    font-weight: 400;
    margin: 0;
    line-height: 22px;
    width: 100%;
    padding-right: 5px;
}

.mobil-editorun-sectikleri-card-img {
    position: relative;
    width: 50%;
}

.mobil-editorun-sectikleri-card-img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.mobil-konular {
    position: relative;
    background: #fff;
    /* margin: 2%; */
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.mobil-konular-card {
    overflow: hidden;
    position: relative;
}

.mobil-konular-card-img {
    position: relative;
}

.mobil-konular-card-img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.mobil-konular-card h5 {
    color: #000;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 5px;
}

.mobil-konular-card p {
    color: #000;
    font-weight: 400;
    margin: 0;
    margin-top: 10px;
}

.mobil-konular-sub-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 15px;
    border-left: 1px solid #0000005e;
    margin-left: 5px;
}

.mobil-konular-sub-card:before {
    content: "";
    background: #027fc3;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    position: absolute;
    left: -5px;
    top: -18px;
}

.mobil-konular-sub-card p {
    color: #000;
    font-weight: 400;
    margin: 0;
}

.konu-buton {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.konu-buton a {
    color: #007FC4;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.konu-buton a img {
    width: 12px;
    height: 12px;
    object-fit: scale-down;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}


.bir-bakista-bugun-card-main {
    background-color: #0C0A0A;
    position: relative;
}

.bir-bakista-bugun-section {
    background-color: #0C0A0A;
    padding-top: 15px;
    padding-bottom: 15px;
    /* overflow: hidden; */
}

.bir-bakista-bugun-section .bir-bakista-bugun-title {
    width: 50%;
    display: flex;
    align-items: center;
}

.bir-bakista-bugun-section .bir-bakista-bugun-title h4 {
    color: #fff;
    margin: 0;
}

.bir-bakista-bugun-section .date-picker input[type="date"] {
    color: #fff;
    background-color: #0C0A0A;
}

.bir-bakista-bugun-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bir-bakista-bugun-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bir-bakista-bugun-card-img img{
    aspect-ratio: 16/9;
    object-fit: contain;
    height: 450px;
}

.bir-bakista-bugun-card-content {
    padding: 15px;
}

.bir-bakista-bugun-card-content h4 {
    margin: 0;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
}

.bir-bakista-bugun-owl .owl-dots {

    display: none;
}

.bir-bakista-bugun-owl .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 5px;
}

/* Custom Dots */
.bir-bakista-bugun-card-main .custom-dots-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* iOS smooth scroll */
    padding: 10px 0;
}

.bir-bakista-bugun-card-main .custom-dots {
    display: flex;
    gap: 15px;
    padding: 10px 20px;
    min-width: max-content;
    /* Dots taşsın diye */
    align-items: center;
    justify-content: center;
}

.bir-bakista-bugun-card-main .custom-dots span {
    display: inline-block;
    background: transparent;
    padding: 8px 14px;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    border: 1px solid #fff;
    color: #fff;
}

.bir-bakista-bugun-card-main .custom-dots span.active {
    background: #fff;
    color: #027fc3;
}


/* Carousel Items (basit görünüm için) */
.bir-bakista-bugun-card-main .owl-carousel .item {
    background: #ccc;
    padding: 60px 0;
    text-align: center;
    font-size: 24px;
    border-radius: 10px;
}

.bir-bakista-bugun-card-main .custom-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bir-bakista-bugun-card-main .custom-nav button {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    height: 100%;
}

.bir-bakista-bugun-card-main .custom-nav button span {
    color: #5B6E82;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bir-bakista-bugun-card-main .custom-nav button img {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bir-bakista-bugun-owl .owl-item{
    display: flex;
    justify-content: center;
    align-items: center;
}


.t24-haftalik {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #bb9c5c;
}

.t24-haftalik .title {
    width: 50%;
    display: flex;
    align-items: center;
}

.t24-haftalik .title h4 {
    margin: 0;
    font-weight: 400;
    color: #fff;
}

.t24-haftalik .search-container {
    width: 50%;
}

.t24-haftalik .search-container input {
    border-radius: 8px;
    border: 3px solid #027fc3;
    padding: 10px 10px;
    width: 100%;
    color: #027fc3;
    font-weight: 500;
}

.t24-haftalik .search-container input::placeholder {
    color: #027fc3;
    font-weight: 500;
}

.t24-haftalik .mainslider {
    margin-top: 10px;
    border-top: 1px solid #fff;
    padding-top: 15px;
}

.t24-haftalik .anasayfa-haftalik-card {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
}

.t24-haftalik-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.t24-haftalik-button a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.t24-haftalik-button a img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    margin-left: 5px;
}


.t24-haftalik .mainslider .container{
    max-width: 100%;
}


.yclistesimain {
    position: relative;
    background: #e1e1e1;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px 0;
}

.yclistesimain .yclistesicard {
    background: #fff;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.yclistesimain .yclistesicard img {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    object-fit: cover;
}

.yclistesimain .yclistesicard h4 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}



.hava-durumu {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.hava-durumu-main-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-left: 0;
    margin-bottom: 10px;
}

.hava-durumu-main-list li {
    list-style: none;
    width: 33.33%;
}

.hava-durumu-main-list li p {
    margin: 0;
    font-weight: 400;
    color: #000;
}

.hava-durumu-main-list li:nth-of-type(2) p {
    color: #027fc3;
}

.hava-durumu-main-list li:nth-of-type(3) p {
    color: #027fc3;
}

.hava-durumu-main-content {
    position: relative;
}

.hava-durumu-main-content-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    padding: 2%;
    margin-bottom: 10px;
}

.hava-durumu-main-content-list li {
    list-style: none;
    width: 33.33%;
}

.hava-durumu-main-content-list li p {
    margin: 0;
    font-weight: 400;
    color: #000;
    display: flex;
    align-items: center;
}

.hava-durumu-main-content-list li:nth-of-type(2) p {
    color: #027fc3;
}

.hava-durumu-main-content-list li:nth-of-type(3) p {
    color: #027fc3;
}


.editorun-sectikleri-arsivi {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

.editorun-sectikleri-arsivi-title {
    width: 50%;
    display: flex;
    align-items: center;
}

.editorun-sectikleri-arsivi-title h4 {
    margin: 0;
    font-weight: 400;
    color: #000;
}

.date-picker input[type="date"] {
    border-radius: 100px;
    border: 1px solid #e1e1e1;
    padding: 10px 10px;
    width: 100%;
    color: #027fc3;
    font-weight: 500;
    font-size: 14px;
}

.manset-arsivi {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

.manset-arsivi-title {
    width: 50%;
    display: flex;
    align-items: center;
}

.manset-arsivi-title h4 {
    margin: 0;
    font-weight: 400;
    color: #000;
}

.mobil-tag{
    padding-top: 15px;
    padding-bottom: 15px;
}

.doviz-kuru-detay .hava-durumu-main-content-list li p img {
    object-fit: contain;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    align-items: center;
    justify-content: center;
}

.kategori-sayfasi-related-content{
    background-color: #fff;
}
 
.yt-btn {
  display: inline-block;
  background: #ff0000;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  transition: background 0.3s;
}
.yt-btn:hover {
  background: #cc0000;
} 

.anasayfa-haftalik-owl .owl-dot{
    display:none;
}

.custom-nav-video-anasayfa .custom-prev-video-anasayfa{
    position: absolute;
    top: 40%;
    left: 2%;
    z-index: 11;
    background: no-repeat;
    border: none;
}
.custom-nav-video-anasayfa .custom-prev-video-anasayfa img{
    object-fit: contain;
    height: 40px;
    width: 40px;
}

.custom-nav-video-anasayfa .custom-next-video-anasayfa{
    position: absolute;
    top: 40%;
    right: 2%;
    z-index: 11;
    background: no-repeat;
    border: none;
}
.custom-nav-video-anasayfa .custom-next-video-anasayfa img{
    object-fit: contain;
    height: 40px;
    width: 40px;
}

.mansetcard-img{ 
    position: relative;
}


/* hover menu */

.mainmenusliderowlitem .dropbtn {
  border: none;
  color: #5b6e82;
  font-size: 0.9vw;
  font-weight: 400;
}

.mainmenusliderowlitem .dropdown {
  position: relative;
  display: inline-block;
  width: auto;
  display: flex;
}

.mainmenusliderowlitem .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  top: 0px;
}

.mainmenusliderowlitem .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.mainmenusliderowlitem .dropdown-content a:hover {background-color: #ddd;}

.mainmenusliderowlitem .dropdown:hover .dropdown-content {display: block;}

.mainmenusliderowlitem .dropdown:hover .dropbtn {}



/* hover menu */

.aramasol .datepicker{
    display: flex;
    margin-left: 30px;
}

.custom-nav .gtitle{
    width: auto;
    margin-right: 20px;
}

.cus-paper-nav{
   position: relative;
}

.cus-paper-nav .paper-prev-btn{
   position: absolute;
   left: 10%;
   top: 50%;
   border: none;
   background: none;
}

.cus-paper-nav .paper-prev-btn img{
   width: 50px;
   height: 50px;
   object-fit: contain;
}

.cus-paper-nav .paper-next-btn{
  position: absolute;
   right: 10%;
   top: 50%;
   border: none;
   background: none
}

.cus-paper-nav .paper-next-btn img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.ypcard tbody, td, tfoot, th, thead, tr{
    padding:20px;
}

.shortcv{
    position: relative;
    cursor: pointer;
}

.shortcv:after{
    content: '...devamını oku';
    position: relative;
    top: 0;
    left: 0;
    font-weight: bold;
    
}

.aramasayfasi .modal-title{
    margin-bottom: 0;
}

.aramasayfasi .modal.show .modal-dialog {
    max-width: 70%;
}

@media (min-width: 576px) {
    .aramasayfasi  .modal-dialog {
        max-width: 70%;
    }
}

.article-list .kycard{
   width: 23%;
   margin: 5px;
}

.article-list .kycard .row {
    padding: 15px;
   
}

.article-list .kycard .desc{
    padding: 10px;
}

.article-list .kycard .desc h4 {
   
    height: 45px;
   -webkit-line-clamp: 2;
    
}

.haftalikanasayfarow{
    margin-top: 20px;
} 

.haftalikanasayfarow .search-container{
    margin-bottom: 0px;
}

.generalrelateddiv{
    position: relative;
    background: #fff;
    padding: 15px;
}

.anasayfa-haftalik-owl .owl-dots{
    display: none;
}

.sticy-ads-sol{
    position: fixed;
    top: 15%;
    z-index: 111;
    left: 0;
}

.sticy-ads-sag{
    position: fixed;
    top: 15%;
    z-index: 111;
    right: 0;
}





.anasayfaeditad{
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 250px; /* 250px reklamlar için yeterli alan */
    display: flex;
    justify-content: center;
    align-items: center;
}
   
.sondakika{
    width: 70%;
}

.sondakikaads{
    width: 30%;
}

.sondakika .aramakartalanimobilcard{
    width: 100%;
}

.gallerymainleft{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.gallerymainright{
    width: 0%;
}

.highlightleft{
    width: 65%;
}

.highlightright{
    width: 35%;
}

.highlight-row{
    margin-top: 15px;
    margin-bottom: 15px;
}

.uyelik{
    position: relative;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #fff;
}

.uyelik-form{
    border: 1px solid #E1E1E1;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0px;
}

.uyelik-form h3{
    margin-bottom:20px;
}

.uyelik-form label{
    margin-bottom: 10px;
    display: flex;
}
 
.uyelik-form input[type="text"], .uyelik-form input[type="email"], .uyelik-form input[type="password"],
 .uyelik-form input[type="tel"]{
    width: 100%;
    height: 45px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin-bottom: 20px;
    padding-left: 15px;
}

.uyelik-form .uyelik-form-checkbox label{
    margin: 0;
    display: inline-block;
    cursor: pointer;
}

.uyelik-form .uyelik-form-checkbox input{
    width: auto;
    height: auto;
    margin: 0;
}

.uyelik-form .uyelik-form-checkbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.uyelik-form .uyelik-form-checkbox .uyelik-form-checkbox-item{}

.uyelik-form .uyelik-form-checkbox .uyelik-form-checkbox-link {}

.uyelik-form .uyelik-form-checkbox .uyelik-form-checkbox-link a{
    color: #027fc5;
    font-size: inherit;
}

.hesabinizyokmu{
    margin-top: 20px;
    background: #F5F5F5;
    padding: 20px;
    border-radius: 8px;
}

.hesabinizyokmu h4{}

.hesabinizyokmu a{}

.abonelik-table{
    position: relative;
    /* border: 1px solid #0000002e; */
    border-radius: 8px;
    margin: 40px 0px;
}

.abonelik-table table{
    width: 100%;
}

.abonelik-table table tr{border: 1px solid #00000021;}

.abonelik-table table tr th{}

.abonelik-table table tr:nth-child(odd) td{
    border: 1px solid #00000021;
    background: #F2F2F2;
}

.abonelik-table table tr:last-child td{
    background: #f9f9f9;
    color:#027fc5;
    font-weight:bold;
}

.card-text.d-flex {
    display: block !important;
}

.bgwhite{
    background-color: #fff;
}


/* paylasim butonu css */

 /* Modal Stilleri */
 .share-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 60%);
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.share-modal-content {
    background-color: #fff;
    border-radius: 12px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.share-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.share-modal-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.close-modal {
    font-size: 28px;
    font-weight: 300;
    color: #999;
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
}

.close-modal:hover {
    color: #333;
}

.share-modal-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.share-option {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    background-color: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s;
    font-size: 15px;
}

.share-option:hover {
    background-color: #e9ecef;
    transform: translateX(4px);
}

.share-option i {
    font-size: 20px;
    width: 30px;
    margin-right: 12px;
}

.share-option:nth-child(1) i { color: #1877F2; } /* Facebook */
.share-option:nth-child(2) i { color: #1DA1F2; } /* Twitter */
.share-option:nth-child(3) i { color: #25D366; } /* WhatsApp */
.share-option:nth-child(4) i { color: #0A66C2; } /* LinkedIn */
.share-option:nth-child(5) i { color: #EA4335; } /* Email */
.share-option:nth-child(6) i { color: #6c757d; } /* Link */

.share-option span {
    font-weight: 500;
}

@media (max-width: 480px) {
    .share-modal-content {
        width: 95%;
        margin: 0 10px;
    }
}


/* paylasim butonu css */


/* font resizer */

  /* Font Boyutu Ayarlama Paneli */
  .font-size-panel {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 12px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); */
    z-index: 9999;
    max-width: 90%;
    width: 350px;
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -48%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.font-size-panel-content {
    padding: 0;
}

.font-size-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
}

.font-size-panel-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.close-font-panel {
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.close-font-panel:hover {
    color: #333;
}

.font-size-panel-body {
    padding: 25px 20px;
    background: #fff;
}

.font-size-display {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20px;
}

#fontSizeRange {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(to right, #ffffff 0%, #027fc5 100%);
    outline: none;
    /* -webkit-appearance: none; */
    margin-bottom: 10px;
}

#fontSizeRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
}

#fontSizeRange::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

#fontSizeRange::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
}

#fontSizeRange::-moz-range-thumb:hover {
    transform: scale(1.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.font-size-labels {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 12px;
    color: #000000;
}

.reset-font-btn {
    width: 100%;
    padding: 12px;
    background: #027fc6;
    border: 1px solid #ddd;
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.reset-font-btn:hover {
    background: #027fc6;
    /* border-color: #bbb; */
}

.reset-font-btn:active {
    transform: scale(0.98);
}

/* Overlay için arka plan */
.font-size-panel::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .font-size-panel {
        width: 90%;
        max-width: 350px;
    }
    
    .font-size-panel-header h4 {
        font-size: 16px;
    }
    
    .font-size-display {
        font-size: 28px;
    }
}

/* font resizer */

.wid-70{
    width: 70% !important;
}

.wid-30{
    width: 30% !important;
}

.marginnormal{
    margin:0px !important;
}

.author-search-input{
    width: 100% !important;
    margin-top: 15px;
}

.mobil-video-detay-sayfasi .video-content iframe{
    width: 100%;
    /* height: auto; */
}

.orangebg{
    background-color: #bb9c5c;
}

.categorypagegeneralcarddiv .anasayfa-haftalik-card{
    border-bottom: 1px solid #00000033;
    padding-bottom: 15px;
    width: 50%;
}

.categorypagegeneralcarddiv .anasayfa-haftalik-card .ahcardleft{
    padding-left: 0;
}

.categorypagegeneralcarddiv .anasayfa-haftalik-card .ahcardright{
    padding-right: 10px;
}

.categorypagegeneralcarddiv .anasayfa-haftalik-card .ahcardleft p{
    color:#000;
    font-weight:300;
}

.footer-bottom-content{
    padding: 10px 0px;
    text-align: center;
    background: #00101f;
}

.footer-bottom-content p{
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #878787;
}

.footer-social-icons{
    display: block;
    margin-bottom: 20px;
}

.footer-social-icons ul{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-social-icons ul li{
    list-style: none;
    margin-right: 15px;
}

.footer-social-icons ul li a{
}

.footer-social-icons ul li a img{
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.footer-store-logo{
    display: block;
    margin-top: 20px;
}

.footer-store-logo img{
    width: 60%;
    object-fit: contain;
}

.papergallerylatest{
    position: relative;
}

.papergallerylatest .pgl-left{
    position: relative;
    width: 70%;
}

.papergallerylatest .pgl-right{
    position: relative;
    width: 30%;
}

.papergallerylatest .pgl-right .basinda-bugun{
  padding: 0;
  margin-top: 0;
}

 .pgllatest{
    position: relative;
    width: 100%;
    background: #FDEEEE;
    border-top: 5px solid #F9D0D0;
    height: 66vh;
    padding: 10px 30px;
    overflow: auto;
}

 .pgllatest .gtitle{
    
    margin-bottom: 30px;
}

.pgllatest-content{
    position: relative;
    /* padding-left: 20px; */
    /* border-left: 1px solid #2f2f2f; */
    margin-bottom: 20px;
    margin-left: 5px;
}

.pgllatest-content:before{
        content: "";
        background: red;
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 100%;
        left: -5px;
        top: 5px;
}

.pgllatest-content h6{
    position: relative;
}

.pgllatest-content h6:first-child{
    color:#ff0000;
    padding-left: 20px;
}

.pgllatest-content h6:last-child:before{
    content:"";
    width:1px;
    height:100%;
    background:#000;
    position: absolute;
    left: -21px;
}

.pgllatest-content p{
    margin: 0;
    border-left: 1px solid #2f2f2f;
    padding-left: 20px;
}

.anasayfa-gundemdeki-konular{
    position: relative;
}

.anasayfa-gundemdeki-konular .gdk-left{
    position: relative;
    width: 70%;
}

.anasayfa-gundemdeki-konular .gdk-right{
    position: relative;
    width: 30%;
}

.haberdetay-sag{
    width: 30%;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 15px;
}

.haberdetay-sag .mansetcard{
    width: 100%;
    border-bottom: 5px solid #dad8ec;
    margin-bottom: 20px;
}
.haberdetay-sag .mansetcard h4{
    color:#000;
    height: 103px;
    margin-top: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.haberdetay-sag .mansetcard img{
    width:100%;
}

.videodetayleft{
    width: 70%;
    display: flex;
    flex-direction: column;
}
.mobil-video-detay-sayfasi .mansetcard{
    border-bottom: 5px solid #fff;
}


.mobil-video-detay-sayfasi .mansetcard h4{
    color:#fff;
}

.articledetayleft{
    width: 70%;
    display: flex;
    flex-direction: column;
}

.navigationlinks .logo-image{
    width: 100%;
    height: 45px;
}

.navigationlinks ul li.navtop-sondakika{
    margin-left:45px;
}

.mainmenusliderowlitem:first-child {
    position: relative;
    overflow: visible !important;
    display: flex;
}

.mainmenusliderowlitem .menu-toggle {
    position: relative;
    cursor: pointer;
    display: inline-block;
    z-index: 1;
}

.mainmenusliderowlitem .menu-icon, .mainmenusliderowlitem .close-icon {
    transition: opacity 0.2s ease;
    display: block;
}

.mainmenusliderowlitem#dropdownMenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: white !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
    z-index: 9999 !important;
    min-width: 200px !important;
    margin-top: 5px !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.mainmenusliderowlitem #dropdownMenu .dropdown-content {
    padding: 10px 0 !important;
    display: block !important;
    position: relative !important;
}

.mainmenusliderowlitem	#dropdownMenu .dropdown-content a {
    display: block !important;
    padding: 10px 20px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
    white-space: nowrap;
    font-size: 14px !important;
    line-height: 1.5 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.mainmenusliderowlitem	#dropdownMenu .dropdown-content a:hover {
    background-color: #f5f5f5 !important;
}

.yazarlartabmenubg .mainmenusliderwrapper{
    align-items: center;
    justify-content: end;
}

.mainmenusliderwrapper {
    overflow: visible !important;
}

.mainmenusliderowlitem .dropdown-menu{
    border: none;
    background: no-repeat;
}

.anasayfavideobg{
    background: #e12526;
    padding: 25px 15px 0px 15px;
}

.editorsondakika{}

.editorsondakika-sol{
    width: 70%;
}

.editorsondakika-sol .gencards{
    width:33.33%;
    margin-bottom: 20px;
}

.editorsondakika-sag{
    width: 30%;
}

.morebutton{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
}

.morebutton a{
    color:#0080c3;
    font-weight:bold;
    display: flex;
    align-items: center;
}

.morebutton img{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    object-fit: contain;
    margin-left: 5px;
}

.story-list{
    justify-content: space-between;
}

.categorypagegeneralcarddiv .gencards{
    width: 23%;
    padding: 0;
    margin-bottom: 20px;
}

.mobil-detay-sayfasi-title-content h3{
    font-weight: 400;
}
.navigation .mobilenavtopbuttons{
    display: flex;
    align-items: center;
}

.navigation .mobilenavtopbuttons ul li{
    margin-left: 30px;
}

.navigation .mobilenavtopbuttons .mobile-user-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #007fc4;
    padding-bottom: 5px;
}

.navigation .mobilenavtopbuttons .mobile-user-btn img{
    object-fit: contain;
    width: 25px;
    height: 25px;
}

.navigation .mobilenavtopbuttons .mobile-user-btn span{
    color: #007fc4;
    font-weight: 600;
    margin-left: 4px;
}

.sondakikacustomtitle{
    background: #ff0000;
    padding: 5px 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.sondakikacustomtitle img{
    object-fit: contain;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

/* BoÅŸ video placeholder div'lerini gizle */
.story-content div[style*="padding-bottom:56.25%"]:empty,
.story-content div[style*="padding-bottom: 56.25%"]:empty,
.mobil-haber-detay-card-content-text div[style*="padding-bottom:56.25%"]:empty,
.mobil-haber-detay-card-content-text div[style*="padding-bottom: 56.25%"]:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

 
/* Google Ads - Reklam alanları için min-height (layout shift önleme) */
[id*="div-gpt-ad"] {
    min-height: 50px;
    display: block;
}

/* Farklı reklam boyutları için min-height */
[id*="div-gpt-ad"][style*="250px"] {
    min-height: 250px;
}

[id*="div-gpt-ad"][style*="90px"] {
    min-height: 90px;
}

[id*="div-gpt-ad"][style*="600px"] {
    min-height: 600px;
}

[id*="div-gpt-ad"][style*="325px"] {
    min-height: 325px;
}

[id*="div-gpt-ad"][style*="50px"] {
    min-height: 50px;
}

/* Google AdsbyGoogle elementi için */
ins.adsbygoogle {
    min-height: 50px;
    display: block;
}

/* Ad blocker ile gizlenen reklamlar için placeholder yüksekliği */
[id*="div-gpt-ad"]:empty,
ins.adsbygoogle:empty {
    min-height: 50px;
}

.anasayfa-haftalik-owl.owl-carousel .owl-item{
    border-right: 1px solid #ffff;
}

/*

.navigation-follow{position: fixed;top: 0;z-index: 111;height: 60px;display: flex;align-items: center;transition: 0.5s;}

.main-menu-slider-follow{
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 99;
    transition: 1s;
}

*/

.categorypagegeneralcarddiv .gtitle{
    
text-transform: capitalize;
}

.weather-card{
    width: 15% !important;
    min-width: auto !important;
    margin-bottom: 5px !important;
}

.weather-card .weather-title{
    
color: #007fc4;
}

.topicleft{
    width: 100%;
}

.topicright{
    width: 35%;
}

.categorypagegeneralcarddiv{
    padding-top: 0;
}

.haftaliksayfasimainslider{
    margin-bottom: 0;
    padding-bottom: 0;
}

.haftaliksayfasimainslider .row{
    justify-content:space-between;
}

.haftaliksayfasimainslider .row .mssol{
    margin-left:0px;
    width: 75%;
}

.haftaliksayfasimainslider .row .mssag{
    margin-right:0px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 25%;
}

.ocecikanslider .gtitle{
    text-transform:capitalize;
}

.marginnormal .mansetcard{
    margin-top:0px;
}

.mobil-galeriler.videomainpageprogram{
  
      margin-top:15px !important;
}

.mobil-galeriler.galerianasayfasidiv {
      margin-top:15px !important;
}

.dovizkurlarirow{}

.dovizkurlarisymbol{
    color: #007fc4;
}

.dovizkurlariaverage{
    color: #007fc4;
}

.topicdetailpart{
    width: 100%;
}
.topicdetailpart .aramasol h5{}
.topicdetailpart .aramasol img{


}
.topicdetailpart .aramasol p{
    margin-top: 10px;
}

.topicdetailpart .aramasol a{
    color:#000;
}

.topicdetailfirstcard{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.topicdetailfirstcard h1{
    color:#fff;
    width: 60%;
}

.topicdetailfirstcard h5{
     color:#fff;
     width: 60%;
     line-height: 30px;
}

.authorcontents{}
.authorcontents .authortitleimgcontent{
    width: 85%;
    border-right: 2px solid #000;
}
.authorcontents .authorbiocontent{
    width: 15%;
    display: flex;
    align-items: end;
    justify-content: center;
    flex-direction: column;
}

.authorcontents .authorbiocontent h4{
    cursor: pointer;
}
.authorcontents .authorbiocontent h4 a{
    color: #000;
    font-size: inherit;
}

.topicmaincards{
    width: 25%;
}


.topicdetailcardlr{
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: right;
    padding: 0px 30px;
    margin-bottom: -15%;
    box-sizing: border-box;
}

.topicdetailcardlr::before{
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    border: 3px solid #007fc5;
    z-index: 2;
    box-sizing: border-box;
}

.topicdetailcardlr:nth-of-type(even){
    text-align: left;
    margin-left: 50%;
}

.topicdetailcardlr:nth-of-type(even)::before{
    right: auto;
    left: -10px;
}

.topicdetailcardlr h6{
    color: #007fc4;
    margin-bottom: 10px;
}

.topicdetailcardlr h3{
    color: #000;
    margin-bottom: 15px;
}

.topicdetailcardlr img{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.topicdetailcardlr a{
    text-decoration: none;
    display: block;
}

.topicblueline{
    position: relative;
}

.topicblueline::after{
    content: " ";
    height: 100%;
    width: 2px;
    background: #007fc5;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.topicfirstbg{
    position: relative;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.topicfirstbgfilm{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: -1;
}

.programme-detail-card{
    width: 25%;
    margin-bottom: 20px;
}

.programlar.anasayfavideo .owl-dots{
    display: none;
}

.hakkinda-section {
    min-height: 60vh;
}

.hakkinda-body h2 {
    margin-top: 40px;
}


.hakkinda-body p {
    text-align: justify;
}

.hakkinda-body a:hover {
    text-decoration: underline;
}

.hakkinda-section .hakkinda-adres{

text-align: center;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

margin: 20px 0px;
}

.hakkinda-section .hakkinda-adres p{
    
margin: 0;
}

.tagpagemain .aramakartalanimobilcardresim img {
  
    width: auto;
}

.mansetnewcards {
    width: 33.33%;
}

.mansetnewcards .aramakartalanimobilcardcontent {
    width: 100%;
}

.mansetnewcards .aramakartalanimobilcardbaslik h4 {
   
height: 101px;
   
overflow: hidden;
   
display: -webkit-box;
   
-webkit-line-clamp: 4;
   
-webkit-box-orient: vertical;
   
text-overflow: ellipsis;
   
line-height: 25px;
}

.videodetaytagsbg{
    background: #101415;
    margin-bottom: 20px;
    margin-top: -1px;
}

.ypcard h1 span{
    display: block;
}

.aramakartlarinewvers {
    width: 33%;
}

.aramakartalanimobil .pagingcontroller{
    position: absolute;
}

.aramakartalanimobil.row{
    display: flex;
}

.aramakartlarinewvers .aramakartalanimobilcardcontent{
    width: 100%;
}

.ad-wrapper{min-height: 300px;display: flex;align-items: center;justify-content: center;}


.page-content table{
    border: 1px solid #000;
}

.page-content table th{
    border: 1px solid #000;
}

.page-content table td{
    border: 1px solid #000;
}

.page-content .page-body  a{
    color: #000;
}

.tagcardnews{
    width: 33.33%;
}

.tagcardnews .aramakartalanimobilcardcontent{
    width: 100%;
}

/* video dropdown menu */
/* Video dropdown wrapper */
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper {
    position: relative !important;
    display: block !important;
    overflow: visible !important;
    z-index: 1 !important;
    padding: 0;
}

/* Video link */
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper > a {
    position: relative !important;
    display: block !important;
    /* padding: 0px 10px !important; */
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    transition: background-color 0.2s ease !important;
    z-index: 1 !important;
    font-weight: 500;
}

.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper > a:hover {
    background-color: #f5f5f5 !important;
}

/* Sub dropdown menu - Video alt menüsü */
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .sub-dropdown-menu,
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .video-sub-menu {
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    min-width: 220px !important;
    max-width: 300px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-10px) !important;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
    z-index: 99999 !important;
    padding: 8px 0 !important;
    /* margin-left: 8px !important; */
    display: block !important;
    pointer-events: none !important;
    overflow: visible !important;
}

/* Hover durumunda sub dropdown görünür */
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper:hover .sub-dropdown-menu,
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper:hover .video-sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    pointer-events: auto !important;
    display: block !important;
    margin-left: 0 !important;
}

/* Sub dropdown içindeki linkler */
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .sub-dropdown-menu a,
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .video-sub-menu a {
    display: block !important;
    padding: 12px 20px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    visibility: visible !important;
    opacity: 1 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .sub-dropdown-menu a:last-child,
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .video-sub-menu a:last-child {
    border-bottom: none !important;
}

.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .sub-dropdown-menu a:hover,
.mainmenusliderowlitem #dropdownMenu .video-dropdown-wrapper .video-sub-menu a:hover {
    background-color: #f5f5f5 !important;
    color: #007bff !important;
}

/* Ekstra güvenlik - tüm parent'lar için */
.mainmenusliderowlitem .video-dropdown-wrapper {
    overflow: visible !important;
}

.mainmenusliderowlitem .video-dropdown-wrapper .sub-dropdown-menu,
.mainmenusliderowlitem .video-dropdown-wrapper .video-sub-menu {
    white-space: nowrap !important;
    overflow: visible !important;
}

/* video dropdown menu end */

.mansetnewcards .mobil-yazar-yazi-yazar-card img{width: 30px;height: 30px;}

.mansetnewcards .mobil-yazar-yazi-yazar-card p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.mobil-video-detay-sayfasi .alternating-thumbnails-home .logoDiv a span {
    
    color: #fff;
}

.mobil-video-detay-sayfasi .trc_rbox_container [class*=span] {
   
    color: #fff;
}

.mobil-video-detay-sayfasi .alternating-thumbnails-home .videoCube .video-label-box .video-title {
  
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}

.mobil-video-detay-sayfasi .videoCube a.video-cta-style .video-label-flex-cta-item {
    
    color: #fff;
    font-size: 12px;
}

.mobil-video-detay-sayfasi .videoCube span.video-label.trc_ellipsis {
   
    color: #fff;
    font-size: 10px;
}

.slider-numbers {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    flex-wrap: wrap;
    position: relative;
    /* bottom: 20px; */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    /* margin-top: 20px; */
}

.slide-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.slide-number:hover {
    background-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
}

.slide-number.active {
    background-color: rgb(0 127 196);
    color: #ffffff;
    border-color: transparent;
    font-weight: 600;
    transition: all 0.3s ease;
}

.slider-numbers:hover .slide-number.active {
    background-color: #007fc4;
    color: #ffffff;
    border-color: #fff;
    font-weight: 700;
}

@media (max-width: 768px) {
    .slider-numbers {
        gap: 6px;
        padding: 8px 0;
    }

    .slide-number {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }
}


.mobile-yazarlar-slider-owl{
    margin-top: 10px;
}

.haftaliknewbg .anasayfayazarlarbg{
    background: #9B8AC4;
}

.haftaliknewbg .mobanayazarcard .row .mbaycinfo h5{
    color:#7349BB;
}

.haftaliknewbg .gtitle a{
    color:#fff;
}

.haftaliknewbg .mobanayazarcard .row .mbaycinfo p {
  
    color: #fff;
    padding-left: 10px;
}