.pageWrap .row{display: flex;flex-wrap: wrap;}
.pageWrap .row .urunColInner{margin-bottom: 30px;overflow: hidden;padding: 0px;position: relative;}
.pageWrap .row .urunColInner::before{content:'';left:0px;bottom:0px;width: 0px;height: 0px;background: rgb(0, 40, 121,0.7);position: absolute;
z-index: 1;transition: 300ms;pointer-events: none;}
.pageWrap .row .urunColInner:hover::before{width: 100%;height: 100%;}

.pageWrap .row .urunColInner h3{padding:15px 30px;font: normal normal bold 15px/22px Hurme-Geometric-Sans;color: #FFFFFF;letter-spacing: -0.2px;
background-color: #008BDA;display: inline-flex;transform: skew(-30deg);transform-origin: right;margin-left: -15px;position: absolute;
left:0px;bottom:0px;z-index: 1;}
.pageWrap .row .urunColInner h3 span{transform: skew(30deg);}


.subListCol{padding: 0px;}
.subListCol:not(:last-child){margin-bottom: 15px;}
.subListCol ul{display: flex;align-items: center;justify-content: space-between;background: rgb(0, 139, 218,0.2);gap:30px;cursor: pointer;transition: 300ms;}
.subListCol ul:hover{background: rgb(0, 139, 218,0.4)}
.subListCol ul li:nth-child(1){justify-self: flex-start;width: 180px;}
.subListCol ul li:nth-child(1) img{border: 1px solid #008BDA;}
.subListCol ul li:nth-child(2){font: normal normal bold 15px/25px Hurme-Geometric-Sans;color: #00287A;margin-right: auto;}
.subListCol ul li:nth-child(3){text-align: center;justify-self: flex-start;margin-right: 30px;}


.urunColWrap{margin-block: 0px;opacity: 0;visibility: hidden;height: 0;transition: 500ms;}
.urunColWrap.active{margin-block: 15px;opacity: 1;visibility: visible;height: auto;}

.urunCol_ img{border-radius: 17px;overflow: hidden;border:1px solid #E9E9E9;position: relative;}
.urunCol_ h3{color: #161615;font: normal normal bold 12px/31px Hurme-Geometric-Sans;position: relative;}
.urunCol_ h3::before{content:'';position: absolute;bottom: 0px;left:0px;width: 30px;height: 2px;background-color:#008BDA ;}


.urunColImg_{position: relative;overflow: hidden;border-radius: 17px;}
.urunColImg_::before{content:'';width: 100%;height: 100%;left:0px;top:0px;background: rgb(0, 139, 218,0.4);position: absolute;z-index: 1;pointer-events: none;
transition: 300ms;opacity: 0;}
.urunCol_ .detayBtn{position: absolute;left:50%;top:60%;transform: translate(-50%,-50%);transition: 300ms;opacity: 0;transition-delay: 200ms;}

.urunCol_:hover .urunColImg_::before{opacity: 1;}
.urunCol_:hover .detayBtn{top: 45%;opacity: 1;}


.detayThumbSlick .slick-list{margin:0px -10px}
.detayThumbSlick .slick-slide{margin:0px 10px}

.detayBigSlick{margin-bottom: 15px;}
.detayThumbSlick img{border:1px solid #C1C1C1}

.detailRight .text{color:#161615;padding: 0px;}
.detailRight .titleParent{padding: 0px;margin-bottom: 15px;}
.detailRight .titleParent ul{display: flex;align-items: center;justify-content: space-between;}
.detailRight .titleParent ul li:last-child a{background: #008BDA;border: 1px solid #008BDA;border-radius: 10px;display: block;padding: 15px;color:#fff}
.detailRight .titleParent ul li:last-child a i{font-size: 18px;}


.ilgiliUrunler{padding: 0px;}
.ilgiliUrunler ul li h4{font: normal normal bold 15px/25px Hurme-Geometric-Sans;color: #008BDA;}
.ilgiliUrunler ul{display: flex;align-items: center;margin-bottom: 30px;}
.ilgiliUrunler ul li{position: relative;flex: 1;}
.ilgiliUrunler ul li::before{content:'';left:0px;bottom:-5px;width: calc(75px);height: 3px;background-color: #008BDA;position: absolute;}
.ilgiliUrunler ul li::after{content:'';left:0px;bottom:-5px;width: calc(100% - 100px);height: 1px;background-color: #008BDA;position: absolute;}

.ilgiliUrunlerSlick .slick-list{margin:0px -10px}
.ilgiliUrunlerSlick .slick-prev:hover,
.ilgiliUrunlerSlick .slick-next:hover{opacity: 0.8;}


.urunHkBilgiWrap{border-top: 1px solid #008BDA;border-bottom: 1px solid #008BDA;padding: 15px 0px;}
.urunHkBilgiWrap ul{display: flex;gap:10px;}
.urunHkBilgiWrap ul li{display: flex;align-items: center;gap:10px;}
.urunHkBilgiWrap ul li h5{font: normal normal bold 11px/15px Hurme-Geometric-Sans;color: #161615;}
.urunHkBilgiWrap ul li img{width: 30px;}


.tabWrap{margin-top: 45px;}
.tabWrap .tabBtnCol_ ul{display: inline-flex;gap:4px}
.tabWrap .tabBtnCol_ ul li{border: 1px solid rgb(0, 139, 218,0.3);border-radius: 10px 10px 0px 0px;padding: 8px 15px;cursor: pointer;
font: normal normal normal 13px/18px Hurme-Geometric-Sans;color:#008BDA}
.tabWrap .tabBtnCol_ ul li:hover,.tabWrap ul li.active{background-color: #008BDA ;color:#fff}

.tabBtnCol_{border-bottom:1px solid #008BDA}
.tabContentParent .tabContent{display:none;padding:  30px 0px;}
.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;border: 1px solid #008BDA;border-radius: 10px;padding: 10px;}
.tabContent.dokuman ul li:not(:last-child){margin-bottom: 8px;}

.urunCol_{margin-bottom: 30px;}


.hesaplamaTop{
background-image:url("../images/para.png"), url("../images/hesaplamaTopBg.png"),radial-gradient(closest-side at 1% 3%, #F4FAFD 0%, #B7E7FF 100%);background-position:right center;background-size: contain,cover;min-height: 175px;background-repeat: no-repeat;border-radius: 17px;display: flex;justify-content: center;flex-direction: column;
padding: 30px;}
.hesaplamaTop h4{font: normal normal bold 26px/35px Hurme-Geometric-Sans;color: #008BDA;width: 50%;}
.hesaplamaTop p{font: normal normal normal 18px/30px Hurme-Geometric-Sans;color: #00287A;}
.hesaplamaTop p b{position: relative;}
.hesaplamaTop p b::before{content:'';position: absolute;left:0px;bottom:-10px;background-image: url("../images/icons/indirimAlt.svg");width: 100%;height: 14px;
background-position: center center;background-size: contain;background-repeat: no-repeat;}

.hesaplamaWrap{background-image: url("../images/hesaplamaBg.jpg");background-position:center center;background-size: cover;background-repeat: no-repeat;padding: 0px;border-radius: 17px;min-height: 600px;margin-top: 60px;}


.hesaplamaForm{padding: 30px;margin-top: 50px;}
.hesaplamaForm ul{display: flex;align-items: center;gap:15px}
.hesaplamaForm ul:nth-child(2){width: 100%;}
.hesaplamaForm ul:nth-child(3){width: 80%;}
.hesaplamaForm ul li{flex:1;position: relative;}
.hesaplamaForm ul li h5{font: normal normal normal 14px/35px Hurme-Geometric-Sans;color: #FFFFFF;}
.hesaplamaForm ul li input{box-shadow: inset 0px 8px 11px #00000029!important;border-radius: 10px;height: 50px;}

.hesaplamaForm ul li span{position: absolute;right:8px;bottom:8px}



.onayBox{padding: 0px;margin-top: 30px;}
.onayBox p{display: flex;align-items: center;font: normal normal normal 10px/15px Hurme-Geometric-Sans;color: #FFFFFF;gap:8px;margin: 0px 0px 8px 0px;
width: 75%}
.onayBox input,.onayBox label{margin: 0px;}


#numune{display: none;width: 600px;}

.numuneHeader h4{font: normal normal bold 16px/24px Hurme-Geometric-Sans;color:#00287A;margin-block: 15px;}
.numuneInput{padding: 0px;margin-bottom: 8px;}






@media(max-width:768px){
    .tabWrap .tabBtnCol_ ul li{font: normal normal normal 11px/14px Hurme-Geometric-Sans;}

    .subListCol ul li:nth-child(1){max-width: 100px;}
    .subListCol ul li:nth-child(2){font: normal normal bold 12px/19px Hurme-Geometric-Sans;}
    .urunCol_{padding: 0px 30px;}
}