.purposeH{
    position: relative;
    background-color: #fff;
    padding:8px 20px;
    margin: 0 auto;
    border-radius: 10px;
}
.purposeBox {
    margin-top: -20px;
    min-height: 340px;
}
.innerBottomLine{
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
    &::after{
        width: 80%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #f58220;
        content: "";
    }
    &::before{
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: -3px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #f58220;
        content: "";
        border-radius: 50%;
    }
}
.purposeWrap{
    position: relative;
    padding-bottom: 100px;
    &::before{
        width: 50%;
        height: 2px;
        border-bottom: 2px dashed #ccdeee;
        position: absolute;
        content: "";
        left: 0;
        bottom: 55px;
        transform: rotate(6deg);
    }
    &::after{
        width: 50%;
        height: 2px;
        border-bottom: 2px dashed #ccdeee;
        position: absolute;
        content: "";
        right: 0;
        bottom: 55px;
        transform: rotate(-6deg);
        z-index: -1;
    }
}
.prioritiesItem{
    padding: 20px;
    min-height: 420px;
    .prioritiesBox{
        .prioritiesIcon{
            width: 60px;
            margin-bottom: 10px;
            img{
                width: 100%;
                mix-blend-mode: darken;
            }
        }
        .prioritiesTxtLine{
            padding-bottom: 20px;
            margin-bottom: 20px;
            position: relative;
            &::after{
                width: 100%;
                height: 1px;
                content: "";
                position: absolute;
                bottom: 0;
                background-color:#f58220 ;
                left: 0;
            }
        }
    }
}

@media (max-width: 1280px) {
    .purposeWrap {
        &::before {
            bottom: 72px;
        }
        &::after{
            bottom: 72px;
        }
    }
    .purposeBox {
        margin-top: -20px;
        min-height: 355px;
    }
    .prioritiesItem {
        min-height: 330px;
    }
}
@media (max-width: 1140px) {
    .purposeBox {
        min-height: 420px;
    }
}
@media (max-width: 991px) {
    .purposeBox {
        min-height: auto;
        margin-bottom: 20px;
    }
    .purposeWrap {
        margin-bottom: 100px;
        border: 2px dashed #ccdeee;
        border-bottom: 0;
        padding: 10px 10px 0 !important;
        &::before {
            bottom: -28px;
        }
        &::after {
            bottom: -28px;
        }
        .col-lg-4{
            &:last-child{
                .purposeBox{
                    margin-bottom: 0;
                }
            }
        }
    }
    
}
@media (max-width: 768px) {
    .purposeWrap {
        padding-bottom: 50px;
        &::after {
            bottom: -30px;
        }
        &::before {
            bottom: -30px;
        }
    }
    .prioritiesItem{
        min-height: auto;
        margin-bottom: 20px;
    }
}
@media (max-width: 640px) {
    .purposeWrap {
        &::before {
            bottom: -18px;
        }
        &::after {
            bottom: -18px;
        }
    }
}
@media (max-width: 480px) {
    .purposeWrap {
        &::before {
            bottom: -24px;
        }
        &::after {
            bottom:-24px;
            z-index: -1;
        }
    }
    .secH.fz_50 {
        font-size: 30px !important;
        margin-bottom: 15px !important;
    }
}