.bg_f3e9f3 {
    background-color: #f3e9f3;
}

.bg_9180ae {
    background-color: #9180ae;
}

.msgBoxWrap {
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    border-radius: 0 0 50px 0;
    background-repeat: no-repeat;
    background-image: url(../images/management/msgBg.jpg);

    .imgBox {
        /* margin-bottom: 20px; */
        border-bottom: 2px solid #fff;

        figure {
            width: 100%;
            padding: 0 120px;
            text-align: center;

            img {}
        }
    }

    .msgBox {
        padding: 20px 30px 30px;
        position: relative;

        &::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #00000025;
            z-index: 1;
        }

        .msgBoxWrapInn {
            position: relative;
            z-index: 2;
        }

        .msgBoxInn {
            padding: 40px 0px 30px 20px;
            position: relative;

            &:before {
                top: 10px;
                left: 0;
                content: '';
                height: 85px;
                width: 100px;
                position: absolute;
                background-position: 0 0;
                background-size: contain;
                background-repeat: no-repeat;
                background-image: url(../images/management/open_inverted.png);
            }

            p {
                font-size: 24px;
            }
        }
    }

    .desgBox {
        position: relative;

        &:before {
            left: 0;
            bottom: 0;
            content: '';
            width: 40px;
            height: 65px;
            position: absolute;
            background-size: contain;
            background-position: 0 0;
            background-repeat: no-repeat;
            background-image: url(../images/management/desgBg.png);
        }

        &:after {
            right: 0;
            bottom: 0;
            content: '';
            height: 1px;
            position: absolute;
            width: calc(100% - 30px);
            background-color: #fff;
        }

        .desgBoxInn {
            top: -20px;
            padding-left: 40px;
            position: relative;
        }
    }
}


@media screen and (max-width: 1536px) {
    .leadership-speak {
        .col_1 {
            -ms-flex: 0 0 430px;
            flex: 0 0 430px;
            max-width: 430px;
        }

        .col_2 {
            -ms-flex: 0 0 calc(100% - 430px);
            flex: 0 0 calc(100% - 430px);
            max-width: calc(100% - 430px);
        }
    }

    .msgBoxWrap {
        .imgBox {
            figure {
                padding: 0 40px;
            }
        }

        .msgBox {
            padding: 0 10px 30px;

            .msgBoxInn {
                padding: 30px 0px 30px 10px;

                &:before {
                    height: 55px;
                    width: 65px;
                }

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

    .quoteBox {
        .quoteBoxInn {
            p {
                font-size: 24px;
            }

            &:before {
                top: -36px;
                width: 50px;
                height: 42px;
            }
        }
    }
}

@media screen and (max-width: 1366px) {
    .msgBoxWrap {
        border-radius: 0 0 30px 0;

        .msgBox {
            .msgBoxInn {
                p {
                    font-size: 16px;
                }
            }
        }
    }

    .quoteBox {
        .quoteBoxInn {
            p {
                font-size: 20px;
            }
        }
    }

    .fz_26 {
        font-size: 20px !important;
    }

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

@media screen and (max-width: 900px) {
    .leadership-speak {
        .col_1 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 20px;
        }

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

@media(max-width: 575px) {
    .quoteBox {
        .quoteBoxInn {
            padding: 20px 0px 0 0;

            p {
                text-align: center;
            }
        }
    }
}