.paleBorTop {
    border-top: 3px solid var(--pale);
}

.bg_82a5cc{
    background-color: #82a5cc;
}

.governance {
    position: relative;

    &::after {
        content: '';
        position: absolute;
        background: linear-gradient(to top, #e3e9e1 90%, transparent);
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

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

.govCard {
    padding: 20px 25px;

    .govCardTop {
        display: flex;
        align-items: center;

        .govIcon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: relative;
            padding: 10px;

            &::after {
                content: '';
                position: absolute;
                bottom: -8px;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url(../images/governance/icon-bg.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: bottom;
            }

            img {
                width: 75px;
                height: 75px;
                object-fit: contain;
                border-radius: 50%;
                padding: 12px;
                background-color: #fff;
            }
        }

        .govHead {
            width: calc(100% - 90px);
            padding-left: 15px;
            margin-bottom: 0;
        }
    }

    .govCardBtm {
        padding-top: 30px;

        .govCardBtmInn {
            &:not(:last-child) {
                margin-bottom: 25px;
            }
        }
    }
}

.mngmntSec {
    overflow: hidden;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/governance/directorBg.png);
    padding: 20px 30px;

    .msgBoxWrap {
        .imgBox {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            border-bottom: 1px solid #fff;
            margin-bottom: 20px;
            margin-left: 30px;

            figure {
                width: 320px;
                height: auto;

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

            .desgBox {
                width: calc(100% - 320px);
                position: relative;

                &:before {
                    left: -30px;
                    bottom: -1px;
                    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);
                }

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

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

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

    .col_inner{
        padding-left: 30px;
    }
}



/* Responsive */

@media only screen and (max-width: 1365px){
    .mngmntSec {
        .col_inner {
            padding-left: 0;
        }
        .msgBoxWrap {
            .imgBox {
                margin-left: 0;
                padding: 0 15px;
                border-bottom: 0;
                align-items: center;
                flex-direction: column-reverse;
                figure{
                    margin-bottom: 30px;
                    border-bottom: 2px solid #fff;
                }
                .desgBox{
                    width: 100%;
                    border-bottom: 1px solid #fff;
                }
            }
        }
    }
}

@media only screen and (max-width: 1024px){
    .arHead{
        &.py_50{
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }
    .mngmntSec {
        .col_inner {
            padding-left: 0;
        }
        .msgBoxWrap {
            .imgBox {
                margin-left: 0;
                border-bottom: 0;
                align-items: center;
                flex-direction: column-reverse;
                figure{
                    margin-bottom: 30px;
                    border-bottom: 2px solid #fff;
                }
                .desgBox{
                    border-bottom: 1px solid #fff;
                }
            }
        }
    }
}


@media only screen and (max-width: 991px){
    .meetingSec{
        .col_1{
            &:not(:last-child){
                margin-bottom: 30px;
            }
        }
    }
    .com_col{
        &:not(:last-child){
            margin-bottom: 30px;
        }
    }
    .govCard {
        padding: 20px 15px;
    }
    h3, .h3 {
        font-size: 24px;
    }

    .mngmntSec {
        position: relative;
        &::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #0000004d;
            z-index: 1;
        }
        .mngmntWrapSec {
            position: relative;
            z-index: 2;
        }
    }
}