.bigImgWrap{margin-top: 60px;}
.bigImgWrap > .row{background-image: url("../images/productBigImg.jpg");background-position: center;background-size: cover;height: 100vh;
font: normal normal bold 50px/70px Jost;color: #FFFFFF;display: flex;align-items: center;justify-content: center;text-align: center;
}

.parallaxWrap{position: sticky;top:0}

.productDetailContentWrap .homeProductColumn{border-bottom:13px solid #1D3056;background-position-y: 40px;}
.productDetailContentWrap .homeProductColumn ul{padding: 0px;}
.homeProductWrap .columnReverse{justify-content: center;align-items: center;height: 300px;}
.productDetailContentWrap .homeProductColumn .left img{width: 130px!important;max-width: inherit!important;}
.productDetailContentWrap .homeProductColumn .right img{width: 345px!important;max-width: inherit!important;}
.productDetailContentWrap .homeProductColumn::after{display: none;}

.iplikImgWrap{margin-top: 60px;margin-bottom: 60px;}
.usageAreasText{font: normal normal normal 22px/31px Jost;color: #1D3056;text-align: center;margin-bottom: 45px;margin-top: 45px;}

.hotspotDetailContainer .homeTopMapRow{background-image: url("../images/productDetailHotspotBg.svg"), linear-gradient(108deg, #E5FFFF 0%, #FFFFFF 100%);border-radius: 100px 0px;
padding: 30px;background-position: center;background-size: cover;}


.productColorWrap{margin-top: 60px;margin-bottom: 45px;}
.productColorWrap ul{display: flex;align-items: center;justify-content: center;gap:45px;}
.productColorWrap ul li{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.productColorWrap ul li div{display: inline-block;padding:30px;border: 1px solid #C1C1C1;border-radius: 100%;position: relative;}
.productColorWrap ul li div span{position: absolute;left:0px;top:0px;bottom:0px;right:0px;margin:auto;width: calc(100% / 2);height:calc(100% / 2);border-radius: 100%;}
.productColorWrap ul li h4{margin:8px 0px;display: block;text-align: center;font: normal normal normal 18px/31px Jost;}

.featuresWrap{margin-bottom: 30px;}
.featuresCol{padding:30px}
.featuresWrap.color1 .featuresCol{background: #1D3056 0% 0% no-repeat padding-box;}
.featuresWrap.color2 .featuresCol{background: #00ACAC  0% 0% no-repeat padding-box;}
.featuresCol .productSubTitle{font: normal normal bold 22px/35px Jost;color: #FFFFFF;position: relative;}
.featuresCol .productSubTitle::after{content:'';position: absolute;left:0px;bottom:-5px;width: 50px;height:5px;background-color: #fff;}
.featuresCol ul{margin-top: 30px;}
.featuresCol ul li{font: normal normal normal 18px/30px Jost;color: #FFFFFF;padding: 8px 0px;}
.featuresWrap.color1 .featuresCol ul li:not(:last-child){border-bottom: 1px solid #00ACAC;}
.featuresWrap.color2 .featuresCol ul li:not(:last-child){border-bottom: 1px solid #FFFFFF;}


.productChartWrap ul li:nth-child(1){font: normal normal bold 20px/35px Jost;color: #1D3056;}
.productChartWrap ul li:nth-child(2){font: normal normal normal 20px/35px Jost;color: #00ACAC;}
.productChartWrap ul li:nth-child(3){font: italic normal normal 20px/35px Jost;color: #ADADAD;}



.productTableFlex{display: flex;align-items: center;justify-content: center;}
.productTableWrap .tableTitle{font: normal normal bold 24px/40px Jost;color: #1D3056;}
.productTableWrap .table{margin-top: 30px;width:calc(100% + 0px);max-width: inherit;}
.productTableWrap .table td{white-space: inherit!important;}
.productTableWrap .table tr td:not(:first-child){text-align: center;}
.productTableWrap .table tr td{border: 1px solid #1D3056;padding: 8px;white-space: nowrap;}
.productTableWrap .table tr:nth-child(1) td{background-color: #00ACAC!important;font: normal normal bold 14px/20px Jost;color: #FFFFFF;;}
.productTableWrap .table tr:nth-child(odd) td{background: #00ACAC17 0% 0% no-repeat padding-box;}

.productTableCol table{width: 100%!important;}
.productTableCol table td{border:1px solid #e2e2e2!important;padding: 8px!important;}
.productTableCol table td p{margin:0px!important;font-size: 15px!important;}
.productTableCol table td span{font-size: 15px!important;}

.productTableCol{margin-bottom: 15px;padding: 4px 15px;}


.titleLine{margin-bottom: -30px;}

#echart_pie {width:100%;height:250px;position: relative;}
#echart_pie canvas{position: absolute!important;left:-30px!important;width:calc(100% + 45px)!important}

#echart_pie2 {width:100%;height:250px;position: relative;}
#echart_pie2 canvas{position: absolute!important;left:-30px!important;width:calc(100% + 45px)!important}

#grafik {width:100%;height:250px;position: relative;}
#grafik canvas{position: absolute!important;left:-30px!important;width:calc(100% + 45px)!important}

.kuruUrunImg{margin-top: 15px;margin-bottom: 45px;}


.grafikBottomText{color:#00ACAC;margin-top:8px;text-align:center;margin-bottom:45px;font-size:30px}

.chartBottomText{margin-top: -30px;padding-left: 30px;}

@media(max-width:992px){
    .chartBottomText{margin-top: -30px;padding-left: 8px;}
}
@media(max-width:768px){
    .chartBottomText{padding-left: 8%;}
   
    .bigImgWrap{margin-top: 15px;}
    .bigImgWrap > .row{height: 200px;font: normal normal bold 23px/32px Jost;}
    .iplikImgWrap{margin-top: 15px;margin-bottom: 15px;}
    .usageAreasText{margin-top: 15px;margin-bottom: 15px;}
    .usageAreasText *{font: normal normal normal 14px/22px Jost!important}

    .homeProductColumn ul{margin-top: 0px;padding: 15px 15px 8px 15px;}
    .homeProductWrap.productDetailContentWrap{margin-top: 0px;}
    .homeProductWrap{margin-top: 15px;}

    .productColorWrap ul{gap:12px}
    .productColorWrap ul li div{padding: 20px;}
    .productColorWrap ul li h4{font: normal normal normal 11px/16px Jost;}
    .featuresCol ul li{font: normal normal normal 14px/20px Jost;}
    .featuresCol .productSubTitle{font: normal normal bold 18px/30px Jost;}

    #echart_pie canvas{left:-15px!important}
    .productTableWrap{padding: 0px 30px;}
    .productTableWrap .tableTitle{font: normal normal bold 18px/25px Jost;}
    .productTableWrap .table{margin-top: 15px!important;}
    .productTableWrap .table tr td{padding: 3px;}
    .productTableWrap .table tr:nth-child(1) td{font: normal normal bold 11px/17px Jost;}
    .productTableWrap .table tr td{font: normal normal normal 11px/17px Jost;}

    .productChartWrap ul li:nth-child(1){font: normal normal bold 18px/32px Jost;}
    .productChartWrap ul li:nth-child(2){font: normal normal normal 18px/32px Jost;}
    .productChartWrap ul li:nth-child(3){font: italic normal normal 18px/32px Jost;}

    .productTableFlex{display: block;}


    .parallaxWrap{position: relative;}
    .productTableCol{overflow: hidden;overflow-x: auto;}
    .productTableCol table td span{font-size: 11px!important;}
    #echart_pie2 canvas{left: -15px!important;}

    .homeProductWrap .columnReverse{height:190px;background-position-y:inherit}
    .productDetailContentWrap .homeProductColumn .left img{width: 90px!important;}
    .productDetailContentWrap .homeProductColumn .right img{width: calc(100%)!important;}
    .columnReverse{flex-wrap: inherit!important;}

    .tableSwipe img{width: 55px;margin-left: auto;margin-right: auto;display: block;}

    .grafikBottomText{font-size: 18px;}
    
}