.lineHeading {
    & .rightHead {
        &::before {
            height: 90%;
        }
    }

    &::before {
        width: 366px;
        bottom: 94px;
    }

    &::after {
        left: 105px;
    }
}



/* section 2 */


.intelImg {
    padding: 10px;
    box-shadow: 0 0 2px #e318363f;
}

/* section 3 */
.sec3IntelRowWrap {
    display: flex;
    flex-wrap: wrap;

    .sec3IntelWrapLft {
        width: 100%;
        flex: 0 0 60%;
        max-width: 60%;
        -ms-flex: 0 0 60%;

        .sec3IntelLftop {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .sec3IntelLftop_ico {
            width: 100px;

            .sec3IntelLftop_icoWrap {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                border: 2px solid #e31837;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 15px;
            }
        }

        .sec3IntelLftop_cont {
            width: calc(100% - 100px);
        }

        .sec3IntelLfBtm {
            .sec3IntelLst {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                position: relative;

                .sec3EachIntel {
                    width: 45%;
                    margin: 0 12px;
                }

                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 50%;
                    width: 2px;
                    height: 100%;
                    background-color: #fff;
                    transform: translateX(-50%);
                }
            }
        }
    }

    .sec3IntelWrapRgt {
        width: 100%;
        flex: 0 0 40%;
        max-width: 40%;
        -ms-flex: 0 0 40%;

        .sec3IntelRgImg {
            width: 400px;
        }

        .sec3IntelRgIco {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 2px solid #e31837;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 15px;
        }
    }
}


.drowLineBg {
    border-right: 1px solid #4d4d4f;
    position: relative;

    &::after {
        content: "";
        position: absolute;
        bottom: -59px;
        right: 24px;
        width: 1px;
        height: 70px;
        background-color: #4d4d4f;
        transform: rotate(45deg);
    }

    &::before {
        content: "";
        position: absolute;
        bottom: -47px;
        right: 26px;
        width: 1px;
        height: 58px;
        background-color: #e31837;
        transform: rotate(45deg);
    }

    .drowLineHead {
        position: relative;

        &::after {
            content: "";
            position: absolute;
            bottom: -1px;
            right: -37px;
            width: 73px;
            height: 100%;
            clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
            background-color: #fff;
        }
    }
}



.intellectualSec5 {
    .capLine {
        .capContBx {
            &::before {
                content: normal;
            }
        }
    }

    .row_7 {
        .col_2 {
            .subRow_1 {
                .subCol_2 {
                    .tLBRBg {
                        &::before {
                            background-color: #0c0f16;
                        }

                        &::after {
                            background-color: #0c0f16;
                        }
                    }
                }
            }
        }
    }

}



.sec5IntelWrap {
    height: 100%;
    width: 410px;
    margin-bottom: 10px;
}


.GrayCardBxTxt {
    min-height: 180px;
}

.telBgImgWrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 20px 560px 20px;

    .telBgOvrTxt {
        .GrayCardBxInn {
            width: 300px;
            margin-left: 10px;

            .tLBRBg {
                &::before {
                    background-color: #0c0f16;
                }

                &::after {
                    background-color: #0c0f16;
                }
            }
        }
    }
}

.grayTxtRow {
    display: flex;
    flex-wrap: wrap;

    .grayTxtCol {
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%;

        .grayTxtInn {
            h4 {
                position: relative;
                padding-bottom: 10px;

                &::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 50px;
                    height: 4px;
                    background-color: #fff;
                }
            }
        }
    }
}

/* cero */
.ceroHead {
    align-items: center;
    width: 100%;

    .logo {
        width: 150px;
    }

    .logoCont {
        width: calc(100% - 150px);
        padding-left: 20px;
    }
}

.ceroContRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    .ceroContCol {
        width: 50%;
        padding: 0 15px;

    }
}

.ceroCardColInn {
    .redBgbrCrv {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redLnebrCrv {
        min-height: auto;
    }
}


.telBtmBgImgInn {
    position: relative;

    .telBtmTxt {
        position: absolute;
        bottom: 40px;
        right: 0;
        width: 100%;
        padding: 0 80px;

        p {
            text-align: center;
        }
    }
}


/* responsive */

@media(max-width: 1768px) {
    .sec3IntelRowWrap {
        .sec3IntelWrapRgt {
            .sec3IntelRgImg {
                width: 300px;
            }
        }
    }

    .sec5IntelWrap {
        width: 390px;
    }
}

@media(max-width: 1600px) {
    .sec5IntelWrap {
        width: 350px;
    }

    .telBgImgWrap {
        & .telBgOvrTxt {
            .GrayCardBxInn {
                width: 260px;
            }
        }
    }

    .ceroCardRow {
        .ceroCardCol {
            flex: 0 0 33.33%;
            max-width: 33.33%;
            -ms-flex: 0 0 33.33%;
            margin-bottom: 20px;
        }
    }
}

@media(max-width: 1500px) {
    .sec5IntelWrap {
        width: 310px;
    }
}

@media(max-width: 1440px) {
    h4.fz_22 {
        font-size: 20px !important;
    }

    h4.fz_20 {
        font-size: 18px !important;
    }

    .inteliCont {
        & .intelSde {
            padding: 0 52px;

            .intelSdeIcon {
                right: -42px;
                width: 80px;
            }
        }
    }

    .sec5IntelWrap {
        width: 100%;
    }

    .grayCardBx {
        margin-bottom: 20px !important;

        .eachGrayCardBx {
            width: 50%;
            flex: 0 0 50%;
            max-width: 50%;
            -ms-flex: 0 0 50%;
            padding: 0 15px;
            margin-bottom: 24px;
        }
    }

    .telBgImgWrap {
        & .telBgOvrTxt {
            .GrayCardBxInn {
                width: 246px;
            }
        }
    }

    .ceroHead {
        .logo {
            width: 100px;
        }

        .logoCont {
            h2.fz_36 {
                font-size: 32px !important;
            }
        }
    }
}

@media(max-width: 1280px) {
    .telBtmBgImgInn {
        .telBtmTxt {

            p {
                font-size: 26px !important;
            }
        }
    }
}

@media(max-width: 1200px) {
    .sec3IntelRowWrap {

        .sec3IntelWrapLft,
        .sec3IntelWrapRgt {
            flex: 0 0 100%;
            max-width: 100%;
            -ms-flex: 0 0 100%;
        }
    }

    .intellectualSec6 {
        .row_6 {
            .sec5Intel {
                .paraArrow {
                    padding-left: 20px;
                }
            }

            .col_2 {
                .sec5IntelWrap {
                    img {
                        width: 100%;
                    }
                }
            }
        }
    }

    .ceroHead {
        width: 100%;
    }

}

@media(max-width: 1199px) {
    .sec5Cont {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .intellectualSec3 {
        .intelInn {
            margin-bottom: 20px;

            .inteliCont {
                justify-content: center;

                &::before {
                    left: 78px;
                }

                &::after {
                    left: 50px;
                }

                .intelSde {
                    .intelSdeIcon {
                        right: -47px;
                        width: 90px;
                    }
                }
            }
        }
    }

    .sec4Intelbdy {
        .subRow_1 {
            .subCol_3 {
                margin-bottom: 40px;
            }
        }
    }

    .ceroCardRow {
        .ceroCardCol {
            flex: 0 0 50%;
            max-width: 50%;
            -ms-flex: 0 0 50%;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    .ceroContRow {
        .ceroContCol {
            width: 100%;
            margin-bottom: 15px;
        }
    }

    .intellectualSec7 {
        .row_1 {
            .col_1 {
                margin-bottom: 20px;
            }
        }
    }

    .intellectualSec8 {
        .telBtmBgImgInn {
            .imgBox {
                width: 100%;
                height: 300px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: right;
                }
            }
        }
    }
}

@media(max-width: 768px) {
    .intellectualSec3 {
        & .intelInn {
            .inteliCont {
                flex-direction: column;

                &::before {
                    content: normal;
                }

                &::after {
                    content: normal;
                }

                .inteliCol {
                    flex: 0 0 100%;
                    max-width: 100%;
                    -ms-flex: 0 0 100%;
                    margin-bottom: 20px;
                }

                .intelSdeInn {
                    flex: 0 0 100%;
                    max-width: 100%;
                    -ms-flex: 0 0 100%;
                    border: 4px solid #e31837;
                    padding: 50px 10px 10px;
                    border-radius: 20px;
                    margin-top: 35px;
                }

                .intelSde {
                    padding: 0;

                    .intelSdeIcon {
                        right: auto;
                        top: -92px;
                        left: 50%;
                        width: 80px;
                        transform: translateX(-50%);
                        border: 6px solid #fff;
                    }
                }
            }
        }
    }

    .sec3IntelRowWrap {
        & .sec3IntelWrapLft {
            & .sec3IntelLfBtm {
                .sec3IntelLst {
                    &::after {
                        content: normal;
                    }

                    .sec3EachIntel {
                        width: 100%;

                        &:not(:last-child) {
                            margin-bottom: 20px;
                        }
                    }
                }
            }

            .sec3IntelLftop_cont {
                width: 100%;
            }
        }

        .sec3IntelWrapLft,
        .sec3IntelWrapRgt {
            padding: 15px;
        }
    }

    .telBtmBgImgInn {
        .telBtmTxt {
            padding: 0 50px;

            p {
                font-size: 20px !important;
            }
        }
    }
}

@media(max-width: 767px) {
    .intellectualSec6 {
        .col_3 {
            .subRow_1 {
                .subCol_1 {
                    margin-bottom: 20px;
                }
            }
        }

        .row_7 {
            .subRow_1 {
                .subCol_1 {
                    margin-bottom: 20px;
                }
            }
        }
    }

}

@media(max-width: 640px) {
    .ceroCardRow {
        .ceroCardCol {
            flex: 0 0 100%;
            max-width: 100%;
            -ms-flex: 0 0 100%;

            .ceroCardColInn {
                .redLnebrCrv {
                    min-height: 100px;
                }
            }
        }
    }

    .ceroCardColInn {
        .redBgbrCrv {
            min-height: auto;
        }
    }
}

@media(max-width: 575px) {
    .grayCardBx {
        .eachGrayCardBx {
            flex: 0 0 100%;
            max-width: 100%;
            -ms-flex: 0 0 100%;
            padding: 0 15px;
            margin-bottom: 24px;
        }
    }

    .grayTxtRow {
        .grayTxtCol {
            width: 100%;
            flex: 0 0 100%;
            max-width: 100%;
            -ms-flex: 0 0 100%;
        }
    }

    .ceroHead {
        .logoCont {
            width: 100%;
            padding-left: 0;
            margin-top: 14px;
        }
    }

    .telBtmBgImgInn {
        .telBtmTxt {
            padding: 0 15px;

            p {
                font-size: 18px !important;
            }
        }
    }

    .telBgImgWrap {
        & .telBgOvrTxt {
            display: flex;
            flex-direction: column-reverse;

            & .GrayCardBxInn {
                float: none;
                width: 100%;
                margin-top: 20px;
                margin-left: 0;
            }
        }
    }

    .cap_ban_cont {
        h4 {
            font-size: 18px;
        }
    }

    h4.fz_22 {
        font-size: 18px !important;
    }

    .sec4IntelHead {
        h3.fz_26 {
            font-size: 22px !important;
        }
    }

    .sec4Intelbdy {
        h5 {
            font-size: 18px;
        }
    }

    .ceroHead {
        .logo {
            width: 88px;
        }

        & .logoCont {
            h2.fz_36 {
                font-size: 26px !important;
            }
        }
    }
}

@media (max-width: 500px) {
    .sec3IntelRowWrap {
        & .sec3IntelWrapRgt {
            .sec3IntelRgImg {
                width: 100%;
                margin-bottom: 20px;

                img {
                    width: 100%;
                }
            }
        }
    }
}