.topBigTitleFluid{background: #0075C9;}

.ozelliklerWrap{background: #0075C9;margin-top: 45px;margin-bottom: 45px;}
.ozelliklerWrap .col-xs-12{padding: 30px 15px;display: flex;align-items: center;justify-content: center;gap:15px}
.ozelliklerWrap .col-xs-12 ul{flex: 1 0 20%;}
.ozelliklerWrap .col-xs-12 li{text-align: center;}
.ozelliklerWrap .col-xs-12 li img{height: 50px;}
.ozelliklerWrap .col-xs-12 li:nth-child(2){font: normal normal bold 14px/20px Jost;color:#fff;margin: 8px 0px;}
.ozelliklerWrap .col-xs-12 li:nth-child(3){font: normal normal normal 14px/20px Jost;color:#fff}


.itransportWrap{margin-top: 45px;}
.whatIsItransportWrap{display: flex;align-items: center;justify-content: center;margin-top: 60px;padding: 0px;}
.whatIsItransportWrap h2{font: normal normal bold 28px/40px Jost;color: #000000;position: relative;display: inline-flex;}
.whatIsItransportWrap h2::before{content: '';left: 0px;bottom:-5px;width: 75%;height: 2px;background-color: #0075C9;position: absolute;}
.whatIsItransportWrap .text{color: #000000;margin-top: 30px;}


.videoWrap{margin-top: 45px;}
.videoWrap h3{font: normal normal bold 28px/40px Jost;color: #000000;position: relative;display: inline-flex;}
.videoWrap h3::before{content: '';left: 0px;bottom:-5px;width: 50%;height: 2px;background-color: #0075C9;position: absolute;}
.videoWrap .text{color: #000000;margin-top: 30px;}


.subCategoryWrap{margin-top: 30px;margin-bottom: 45px;}
.subCategoryCol:not(:last-child){margin-bottom: 15px;}
.subCategoryCol h3{font: normal normal bold 20px/28px Jost;color: #0075C9;display: inline-flex;position: relative;margin: 8px 0px;}
.subCategoryCol h3::before{content:'';position: absolute;bottom: 0px;left:0px;width: 100%;height: 2px;background-color: #0075C9;}
.subCategoryCol img{border:1px solid #cecece;padding: 15px;}


.detayBtn a{background: linear-gradient(90deg,#0075C9 50%,#fff 50%);border: 1px solid #0075C9;background-size: 200%;background-position: right;color:#0075C9}


.bottomImageWrap{border-bottom:20px solid #0075C9;background: url("../images/itransport-serit.jpg") right center/cover no-repeat;margin-top: 60px;}
.bottomImageParent{min-height: 500px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.bottomImageParent ul{display: flex;align-items: center;justify-content: center;gap:15px}
.bottomImageParent ul li a{display: block;background: #E1261C;border-radius: 25px;color:#fff;text-align: center;padding: 12px 25px;}
.bottomImageParent ul li a:hover{opacity: 0.94;}
.bottomImageParent ul li a span{font: normal normal normal 18px/25px Jost;}
.bottomImageParent ul li a h4{font: normal normal bold 18px/25px Jost;}

.bottomImageParent p{background-color:rgba(0,0,0,0.42);border-radius: 10px;padding: 10px 20px;font: normal normal normal 18px/25px Jost;color: #FFFFFF;margin-top: 15px;}



.contentWrap{margin-top: 45px;}
.contentWrap .row{display: flex;align-items: center;justify-content: center;}
.contentTextParent h3{font: normal normal bold 36px/52px Jost;color: #0075C9;position: relative;display: inline-flex;}
.contentTextParent h3::before{content:'';position: absolute;bottom:0px;width: 100%;height: 2px;background-color: #0075C9;}
.contentTextParent .text{color: #000;margin-top: 20px;}


.modulesCaptionWrap{margin-top: 60px;text-align: center;margin-bottom: 75px;}
.modulesCaptionParent h3{text-align: center;font: normal normal bold 28px/40px Jost;color: #0075C9;position: relative;display: inline-flex;align-items: center;}
.modulesCaptionParent h3::before{content:'';position: absolute;bottom:0px;width: 100%;height: 2px;background-color: #0075C9;}
.modulesCaptionParent .text{color: #000000;margin-top: 30px;}


.modulesColParent{display: flex;align-items: flex-start;justify-content: center;gap:30px}
.modulesColParent ul{flex: 1 0 20%;}
.modulesColParent ul li{text-align: center;}
.modulesColParent ul li:nth-child(2){font: normal normal bold 20px/28px Jost;color: #0075C9;margin: 8px 0px;}
.modulesColParent ul li:nth-child(3){color: #000000;font: normal normal normal 16px/24px Jost;}



.detailListWrap{margin-top: 45px;background: rgb(0, 117, 201,0.08);padding: 60px 0px;}
.detailListCol{padding: 0px;}
.detailListCol:nth-child(even){display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;}
.detailListCol:not(:last-child){margin-bottom: 45px;}
.detailListColLeft h4{font: normal normal bold 22px/32px Jost;color: #0075C9;}
.detailListColLeft .text{color: #000000;margin: 10px 0px;}




.caption{margin-bottom: 30px;}
.caption h4{font: normal normal bold 28px/40px Jost;color: #000000;position: relative;display: inline-flex;}
.caption h4::before{content: '';left: 0px;bottom:-5px;width: 100%;height: 2px;background-color: #0075C9;position: absolute;}


.ourDistributorsWrap{margin-top: 45px;}
.ourDistributorsWrap .caption{padding: 0px;margin-bottom: 15px;}
.ourDistributorsMap{width: 100%;height: 450px;}



@media(max-width:768px){
    .itransportWrap{margin-top: 15px;}
    .whatIsItransportWrap{flex-wrap: wrap;margin-top: 30px;}
    .ozelliklerWrap .col-xs-12{flex-wrap: wrap;}
    .ozelliklerWrap .col-xs-12 ul{flex: inherit;}
    .ozelliklerWrap .col-xs-12 ul:not(:last-child){margin-bottom: 12px;}


    .videoWrap{margin-top: 0px;}
    .videoWrap .col-xs-12:has(.text){margin-bottom: 15px;}
    .videoWrap h3,.whatIsItransportWrap h2{font: normal normal bold 18px/22px Jost;}
    .bottomImageParent p{font: normal normal normal 11px/18px Jost;text-align: center;}
    .bottomImageParent ul{flex-direction: column;}
    .bottomImageParent{min-height: 265px;}
    .bottomImageParent ul li a span{font: normal normal normal 12px/16px Jost;}
    .caption h4{font: normal normal bold 18px/22px Jost;}
    .ourDistributorsMap{height: 350px;}

    .subCategoryWrap{margin-top: 0px;}
    .subCategoryCol h3{font: normal normal bold 14px/20px Jost;}
.detayBtn a{padding: 3px 10px;font: normal normal normal 12px/18px Jost;}

.contentWrap .row{flex-direction: column;}
.contentTextParent h3{font: normal normal bold 20px/30px Jost;}
.modulesCaptionParent h3{font: normal normal bold 20px/30px Jost;}
.modulesColParent{flex-direction: column;}
.modulesColParent ul li:nth-child(2){font: normal normal bold 18px/22px Jost;}
.modulesColParent ul li:nth-child(3){font: normal normal normal 14px/18px Jost;}
.detailListColLeft h4{font: normal normal 500 18px/22px Jost;}

.detailListCol{padding: 0px 15px;}

.detailListCol{display: flex;flex-direction: column-reverse!important;}



    
}