.topCategoryFluid .row{padding:15px 15px;background: #003383;position: relative;}
.topCategoryFluid .row ul{display: flex;align-items: center;justify-content: center;gap:15px;flex-wrap: wrap;}
.topCategoryFluid .row > ul > li > a{font: normal normal normal 16px/24px Jost;color: #FFFFFF;}

.asindiriciUrunNavbar{position: absolute;left:0px;top:20px;box-shadow: inset 0px 3px 20px #00000029;background-color: #fff;padding: 15px;display: flex;
    align-items: flex-start!important;justify-content: center;gap:15px;width:100%;z-index: 20;transition: 300ms;opacity: 0;visibility: hidden;}
.asindiriciUrunNavbar.active{opacity: 1;visibility: visible;top: 54px;}
.asindiriciUrunNavbar a{color: #003383;font: normal normal normal 14px/20px Jost;text-align:center;display: block;width: 100px;}
.asindiriciUrunNavbar .urunimg{border: 5px solid #AABBD6;width: 100%;display: block;height: 100px;}
.asindiriciUrunNavbar .urunimg img{object-fit: cover;width: 100%;}


.contentLists{display: flex;flex-wrap: wrap;}
.urunimg{border: 8px solid #AABBD6;}
.contentLists .contentList_{margin-bottom: 30px;}
.contentLists .contentList_ a{display: block;background: #003383;}
.contentLists .contentList_ h2{font: normal normal bold 16px/22px Jost;color: #FFFFFF;}
.textWrap{padding:15px 15px}
.textWrap .text{margin:8px 0px;}

.titleWrap h2.title{font: normal normal normal 18px/22px Michroma;}

.titleParent{display: none;}
.titleParent h1.title{font: normal normal bold 22px/28px Jost;padding-bottom: 8px;border-bottom:1px solid var(--red);margin-bottom: 8px;color:var(--blue)}

.detailRight .text{color:var(--blue)}
.detailRight .text h1{font: normal normal bold 22px/28px Jost;padding-bottom: 8px;border-bottom:1px solid var(--red);margin-bottom: 8px;color:var(--blue)}

.detayBigSlick .slick-slide{border:1px solid #e2e2e2}
.detayThumbSlick .slick-list {margin:0px -4px}
.detayThumbSlick .slick-slide {margin: 0px 4px;border:1px solid #e2e2e2}

.asindiriciContent{display: flex;flex-direction: row-reverse;}

.tabWrap{margin-top: 45px;margin-bottom: 45px;}
.tabWrap .tabBtnCol_ ul{display: inline-flex;gap:4px}
.tabWrap .tabBtnCol_ ul li{padding: 8px 15px;cursor: pointer;font: normal normal normal 15px/21px Jost;color:#fff;
background-color: rgba(0, 51, 131,0.4)}
.tabWrap .tabBtnCol_ ul li:hover,.tabWrap ul li.active{background-color: var(--blue) ;color:#fff}

.tabBtnCol_{padding: 0px;}
.tabContentParent{padding: 0px;}
.tabContentParent .tabContent{display:none;padding:  30px 15px;border:1px solid var(--blue);background: transparent linear-gradient(180deg, #00000017 0%, #FFFFFF0D 100%) 0% 0% no-repeat padding-box;}
.tabContentParent .tabContent.active{display: block;}

.tabContentParent table{width: 100%!important;}
.tabContentParent tr td{border:1px solid #E2F6FD;padding: 8px;}
.tabContentParent tr td p{margin: 0px!important;}


.tabContent.dokuman ul li a{display: flex;align-items: center;justify-content: space-between;padding: 10px 0px;color:var(--black);transition: 300ms;}
.tabContent.dokuman ul li a:hover{padding-left: 8px;}
.tabContent.dokuman ul li:not(:last-child) a{border-bottom: 1px solid var(--black)}

.tabContentParent :where(h1,h2,h3,h4,h5){font-size: min(max(14px,24px),18px);color:var(--blue)!important;margin:4px 0px;display: inline-flex;font-weight: 600!important;}
.tabContentParent table{margin: 10px 0px!important;}
.tabContentParent .text{color:var(--blue)}


@media(max-width:768px){
    .contentLists{flex-direction: column;}
    .contentLists .contentList_{padding: 0px;}
    .tabWrap .tabBtnCol_ ul li{font: normal normal normal 9px/11px Jost;display: flex;align-items: center;text-align: center;}
    .tabContentParent :where(h1,h2,h3,h4,h5){font-size: min(max(8px,15px),12px);}
    .tabWrap{margin-top: 20px;margin-bottom: 20px;}

    .topCategoryFluid .row > ul > li > a{font: normal normal normal 13px/17px Jost;}
}