/*
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.img-ceo:before{
    content: '';width: 218px;height: 246px;bottom: 0;left: -122px;background-repeat: no-repeat;background-size: contain;
    background-image: url(../img/thu-ngo-mb.webp);position: absolute;z-index: 1;
}
.img-ceo .box-text {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin-top: -30px;
    background: #fff;
    border: 1px #fff solid;background-color: var(--3nd-color);border-radius: 7px;padding-top: 0.75rem;
    padding-bottom: 0.75rem;z-index: 2;
}
.img-ceo .box-text p{
    margin-bottom: 0!important;
}

.trendy-slide-lecturers li.box-lecturers-info {
    list-style: none;
    margin-right: 43px;
    text-align: center;
    height: 446px;
    width: 25%;
}
.trendy-slide-lecturers li.box-lecturers-info img {
    max-height: 100%;
    width: auto;
}
.trendy-slide-lecturers li.box-lecturers-info .info {
    position: absolute;
    right: 50%;
    bottom: 0;
    border-radius: 7px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(219 238 255/var(--tw-bg-opacity));    transform: translate(50%,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);height: 5rem;    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;font-size: 1.2rem;
    line-height: 2rem;box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border: 1px #fff solid;
}
.trendy-slide-lecturers li.box-lecturers-info p.title-specialized {
    font-size: 15px;
    margin-bottom: 0!important;
}
.trendy-slide-lecturers li.box-lecturers-info p.text-title {
    line-height: 20px;
}
.trendy-box-icon {
    padding: 10px 30px;
    border-radius: 15px;    align-items: center;height: 100px;
}
.trendy-box-icon.box-icon-1 {
    background-color: rgb(255 241 207);
}
.trendy-box-icon.box-icon-2 {
    background-color: rgb(219 238 255);
}
.trendy-box-icon .icon-box-text p{
    margin-bottom: 0!important;
}

.about-boximg .box-image {
    border-color: var(--3nd-color);
    border-width: 2px;    border-radius: 13px;
}
.about-boximg .box-text{
    position: absolute;
    bottom: -30px;
}
.about-boximg .box-text .box-text-inner {
    background: var(--3nd-color);
    padding: 0.25rem;
    border-radius: 10px;
    width: 250px;
    height: 48px;
    display: flex;
    align-items: center;
}
@media (min-width: 768px){

}
@media (max-width:490px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .trendy-slide-lecturers li.box-lecturers-info{width: 75%}
}