.titleSection {
    min-width: 100%;
    position: relative;
    overflow: inherit;
}


    .titleSection h2:before {
            background: url(/assets/img/logo_bieutrung.png) no-repeat center;
    background-size: 26px 26px;
    content: ' ';
    position: absolute;
    top: 5px;
    left: 0px;
    width: 50px;
    height: 26px;
    }
    .titleSection h3:before {
        background: url(/assets/lqd/edu.png) no-repeat center;
        background-size: 45px 22px;
        content: ' ';
        position: absolute;
        top: 5px;
        left: -5px;
        width: 50px;
        height: 22px;
    }

    .titleSection:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 60px;
        bottom: 0;
        left: -5px;
        background: #93080a;
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
    }

    .titleSection:after {
        content: "";
        position: absolute;
        height: 2px;
        width: calc(100% - 58px);
        bottom: 0;
        right: 0;
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg);
        background: #feae14;
    }

.reset {
    line-height: initial;
    font-weight: initial;
    margin: 0;
    padding: 0;
    font-size: initial;
    outline: 0;
    list-style-type: none;
    border: 0;
    line-height: 2.4;
}

.titleSection .Head {
}

.titleSection h2 img {
    margin-top: -11px;
    margin-left: -15px;
}

.titleSection .Head, .titleSection .Head a {
    font-family: Oswald;
    color: #5d5289;
    display: inline;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    font-weight: normal !important;
    text-decoration: none;
}

.titleSection h2 .Head {
    margin-left: 50px;
    font-size: 22px;
    line-height: 30px;
}

.titleSection h3 .Head {
    margin-left: 45px;
    font-size: 22px;
    line-height: 26px;
}

@media (max-width: 1199px) {
    /*  .titleSection  {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 90px);
        flex: 0 0 calc(100% - 90px);
        max-width: calc(100% - 90px);
    }

    .titleSection .right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        max-width: 90px;
    }*/
}

.titleSection .right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

    .titleSection .right a.more {
        display: inline-block;
        width: 90px;
        font-family: "Arial";
        color: #333;
        font-size: 16px;
        line-height: 36px;
        text-align: center;
        background: #feae14;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        margin-right: -14px;
        text-decoration: none;
        position: absolute;
        z-index: 10;
    }

        .titleSection .right a.more:hover, .titleSection .right a.more.active {
            background: #93080a;
            color: #fff;
            text-decoration: none;
        }

    .titleSection .right ul.hover {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 36px;
        right: -2px;
        z-index: 100;
        min-width: 240px;
        max-width: 300px;
        display: none;
    }

        .titleSection .right ul.hover li a {
            display: inline-block;
            font-family: "Arial";
            color: #333;
            font-size: 16px;
            line-height: 23px;
            padding: 8px 14px;
            border-bottom: solid 1px #f3cea2;
            background: #ffe4c4;
            width: 100%;
            text-decoration: none;
        }

@media (max-width: 767px) {
    .titleSection .right a.more i {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
        margin-left: 0;
        overflow: hidden;
        left: -7px;
    }

    .titleSection .right a.more {
        width: 30px;
        height: 30px;
        font-size: 0;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        top: 5px;
    }

        .titleSection .right a.more.active {
            background: #feae14;
        }
}

@media (max-width: 539px) {

    .titleSection .right a.more {
        top: 5px;
    }
}

.bg-rightct {
    background-color: #e9ffed;
}

    .bg-rightct .card {
        background: unset !important;
    }