.page-template-about {
    overflow-x: hidden;
}

/* values section */
.valueSec {
    padding-left: 10px;
    padding-right: 10px;

    .valueSecRow {
        .valueDiv {
            position: relative;

            &::before {
                content: '';
                position: absolute;
                left: 0;
                top: -30px;
                background-color: #E0B432;
                width: 100%;
                height: 1px;
            }

            .valueDivInn {
                background-color: #FFF;
                padding: 20px;
                margin: 0px 15px;
                position: relative;

                .valueImg {
                    width: 90px;
                    height: 90px;
                    border-radius: 50%;
                    background-color: #EEE;
                    padding: 15px;
                    margin-left: auto;
                    transition: all 0.5s;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
                }

                .valueTxt {
                    margin-top: -40px;

                    h4 {
                        color: #4D2762;
                        font-family: 'zolina';
                        font-size: 45px;
                        font-weight: 400;
                        text-transform: uppercase;
                        margin-bottom: 5px;
                    }

                    .valueTxtInn {
                        height: 250px;
                        overflow-y: auto;
                        padding-right: 10px;

                        p {
                            color: #1B1C21;
                        }
                    }
                }

                &:hover {
                    .valueImg {
                        background-color: #E0B432;
                    }
                }
            }

            &:first-child {
                &::after {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: -29px;
                    background-color: #E0B432;
                    width: 1px;
                    height: 60px;
                }

                .valueDivInn {
                    position: relative;

                    &::before {
                        content: '';
                        position: absolute;
                        left: -28px;
                        height: 45%;
                        width: 1px;
                        background-color: #E0B432;
                        top: -30px;
                    }
                }
            }

            &:nth-child(2) {
                margin-top: 60px;

                &::after {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: -29px;
                    background-color: #E0B432;
                    width: 1px;
                    height: 50px;
                }
            }

            &:last-child {
                margin-top: 110px;

                &::after {
                    content: '';
                    position: absolute;
                    top: -30px;
                    right: 0;
                    width: 1px;
                    height: 95%;
                    background-color: #E0B432;
                }
            }
        }
    }
}

/* Responsive */

@media (max-width: 1600px) {
    .valueSec {
        .valueSecRow {
            .valueDiv {
                .valueDivInn {
                    .valueTxt {
                        h4 {
                            font-size: 36px;
                        }

                        .valueTxtInn {
                            height: 220px;
                        }
                    }

                    .valueImg {
                        width: 74px;
                        height: 74px;
                        padding: 12px;
                    }
                }
            }
        }
    }
}

@media (max-width: 1366px) {
    .valueSec {
        .valueSecRow {
            .valueDiv {
                .valueDivInn {
                    .valueTxt {
                        h4 {
                            font-size: 30px;
                        }

                        .valueTxtInn {
                            height: 200px;
                        }
                    }
                }
            }
        }
    }

}

@media (max-width: 1199px) {
    .valueSec {
        .valueSecRow {
            .valueDiv {
                .valueDivInn {
                    padding: 15px;
                    margin: 0px 12px;

                    .valueImg {
                        width: 60px;
                        height: 60px;
                        padding: 10px;
                    }

                    .valueTxt {
                        h4 {
                            font-size: 26px;
                        }
                    }
                }

                &:first-child {
                    &::after {
                        height: 40px;
                    }

                    .valueDivInn {
                        &::before {
                            left: -25px;
                        }
                    }
                }

                &:nth-child(2) {
                    margin-top: 40px;

                    &::after {
                        height: 30px;
                    }
                }

                &:last-child {
                    margin-top: 70px;

                    &::after {
                        height: 80%;
                    }
                }
            }
        }
    }
}

@media (max-width: 991px) {
    .valueSec {
        .valueSecRow {
            .valueDiv {
                border: 1px solid #E0B432;
                padding-top: 15px;
                padding-bottom: 15px;
                margin-top: 0 !important;

                &::before,
                &::after {
                    content: normal !important;
                }

                .valueDivInn {
                    padding: 25px 15px;
                    margin: 0;

                    .valueTxt {
                        margin-top: 0;
                        text-align: center;

                        .valueTxtInn {
                            height: auto;
                        }
                    }

                    .valueImg {
                        margin: 0px auto;
                        margin-bottom: 15px;
                        background-color: #E0B432;
                    }

                    &::before,
                    &::after {
                        content: normal !important;
                    }
                }

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

    .commonAbtSec {
        .abtImg {
            .abtImgInn {
                &::after {
                    width: calc(100% - 100px);
                }
            }
        }
    }
}

/* @media (max-width: 575px) {
    .commonAbtSec {
        .abtTxt {
            .abtTxtContact {
                justify-content: flex-start;
            }
        }
    }
} */