.ikSubList{display: grid;grid-template-columns: repeat(4,1fr);gap: 15px;}
.ikSub{background: #008BDA1C;padding: 15px;height: calc(20vw * 1/1);display: flex;align-items: center;justify-content: center;text-align: center;}

.ikSub h3{font: normal normal bold 16px/21px Hurme-Geometric-Sans;color: #00287A;}

.ikSub{display: flex;align-items: center;flex-direction: column;gap:8px}
.ikSub img{width: 55px;}

.ikSub a h3{display: block;transition: 300ms;margin-top: 8px;}
.ikSub a:hover h3{transform: translateY(4px);}


.ikSubBG{padding: 15px;height: calc(20vw * 1/1);display: flex;align-items: center;justify-content: center;text-align: center;background-position: center center;background-size: cover;
background-repeat: no-repeat;border-left:8px solid #008BDA;position: relative;}
.ikSubBG::before{content:'';width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 15px solid #008BDA;
position: absolute;left:-23px}


.ikSubBG:nth-child(n+5){border-right:8px solid #008BDA;border-left: 0px;}
.ikSubBG:nth-child(n+5)::before{left: inherit;right: -23px;border-left: 15px solid #008BDA;border-right: 0px;}



.item:nth-child(5) {
    order:6
}
.item:nth-child(6) {
    order:5
}
.item:nth-child(8) {
    order:7
}
.item:nth-child(7) {
    order:8
}



.ikBottomBgWrap .row{background-image: url("../images/ikBottomBg.jpg");min-height: 200px;background-position: center center;background-size: cover;background-repeat: no-repeat;
display: flex;align-items: center;justify-content: center;color: #FFFFFF;font: normal normal bold 36px/24px Hurme-Geometric-Sans;text-align: center;}


@media(max-width:768px){
    .ikSubList{grid-template-columns: repeat(2,1fr);}
    .ikSub h3{font: normal normal bold 10px/14px Hurme-Geometric-Sans;}
    .ikBottomBgWrap .row{font: normal normal bold 18px/25px Hurme-Geometric-Sans;min-height: 170px;}


    .item:nth-child(5) {
        order:1
    }
    .item:nth-child(6) {
        order:1
    }
    .item:nth-child(8) {
        order:1
    }
    .item:nth-child(7) {
        order:1
    }

    .ikSubBG:nth-child(n+5){border-left:8px solid #008BDA;border-right: 0px;}
    .ikSubBG:nth-child(n+5)::before{left: inherit;left: -23px;border-right: 15px solid #008BDA;border-left: 0px;}

    .ikSub img{width: 35px;}
    .item{min-height: 100px;}



}