/***********************
*Create by Pham Phuong *
************************/
:root{
    --color-orange: #FCBD56;
    --color-orange-two: #f7ab01;
    --color-shadow: hsla(0, 0%, 0%, 0.2);
}
body{
    background-color: #ffffff;
}
.site-navbar{
     background: url(../images/bg-header.png) no-repeat;
}
.site-navbar .site-navigation .site-menu>li>a{
    font-weight: bold;
}
.site-navbar .site-navigation .site-menu .active{
    border-bottom: 2px solid;
}
.site-navbar .site-navigation .site-menu>li>a{
    color: #666;
}
.copyright{
    background-color: #151D28;
    font-size: 0.8rem;
}
#footer{
    background-color: #192433!important;
}
#more_1, #more_2 {
    display: none;
    transition: display 0.5s linear;
}
.top-0{
    top: 0;
}
.box-shadow{
    box-shadow: 0 4px 6px 0 var(--color-shadow);
}
#thongtinkhoahoc{
    background: url("../images/line.png") top 28% left no-repeat;
}
.bg-line{
    background: url("../images/line.png") top 55% right no-repeat;
}

.title--line_bottom {
    border-bottom: 4px solid var(--color-orange);
}
.title--orange {
    color: var(--color-orange)
}
.muctieukhoahoc--list__style {
    list-style: none;
    padding-left: 0;
}
.muctieukhoahoc--list__style li{
    position: relative;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background-image: url(../images/3.png);
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: left;
}
/*.doituong--wrap {*/
/*    background-image: url('../images/5.png');*/
/*    background-repeat: no-repeat;*/
/*    background-position: top center;*/
/*}*/
.title-dashed {
    position: relative;
    border-bottom: 2px dashed var(--color-orange);
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-dashed__icon {
    position: absolute;
    border: 2px dashed var(--color-orange);
    border-radius: 50%;
    padding: 5px;
    width: 60px;
    height: 60px;
    background-color: #f3f4ff;
    background-image: url(../images/28.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
}
.doituong--item {
    border: 1px dashed var(--color-orange);
    height: 100%;
    border-radius: 10px;
}
.doituong--item__title {
    background-color: var(--color-orange);
    padding: 5px;
    height: 4rem;
    line-height: 50px;
    border-radius: 10px;
    /*border: 1px dashed var(--color-orange);*/
    background-clip: content-box;
}

.doituong--item__title h4 {
    margin: 0;
    line-height: 3.5rem;
}
.noidungchitiet--wrap {
    background-image: url("../images/7.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.noidungchitiet--info {
    background-color: #f3ebdfe8;
}

/*.noidungmon--wrap .card-body {*/
/*    background-image: url("../images/8.png");*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/
.noidungmon--wrap .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #f8b52c;
}
/*.noidungmon--wrap .tab-content {*/
/*    border-radius: 10px;*/
/*    box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);*/
/*}*/
.mouse-icon::after {
    content: "";
    position: absolute;
    right: -25px;
    bottom: -10px;
    background-image: url(../images/9.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
.text-orange {
    color: var(--color-orange);
}
.bg-black-custom {
    background-color: #f3f6fe;
    color: #333
}
.column-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(100px, 1fr)) ;
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 5px;
}
.icon-animation {
    animation: elementMoveY 1s infinite;
    -moz-animation: elementMoveY 1s infinite;
    -webkit-animation: elementMoveY 1s infinite;
    -o-animation: elementMoveY 1s infinite;
    left: 50%;
    transition: all 100ms ease-in-out;
}
.icon-rotate {
    transform: rotateZ(180deg);
}
.card-orange {
    border: 1px solid var(--color-orange);
}
.card-orange .card-header {
    border-bottom: 1px solid var(--color-orange);
    padding: 0;
}
.card-orange .card-header a {
    padding: 0.75rem 1.25rem;
    display: block;
}
.social {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
.social .social__custom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #15489d;
    color: #15489d;
    border-radius: 50%;
    margin: 5px;
    width: 50px;
    height: 50px;
    transition: background-color 0.1s;
    text-decoration: none;
}
.social .social__custom:hover {
    background-color: #102152;
}
.social .social__custom:hover i{
    color: white!important;
}
.social .social__custom i {
    font-size: 1.5rem;
}
#lienhe h3,
#lienhe h4,
#lienhe i,
#lienhe strong {
    color: #16479c;
}
.site-navbar .site-navigation .site-menu>li>a
{
    color: #08499e;
}
.site-navbar .site-navigation .site-menu .active {
    color: #f8b52c;
}
.btn-contact {
    background-color: #f8b52c; 
    color:white;
    padding: 5px 20px;
    border-radius: 5px;
}

.wrap-item-slide {
    background: url(../images/doi-tac/bg_banner.png) no-repeat right center;
    background-size: contain;
}

.wrap-item-slide__content {
    padding: 30px 10px;
}

.title-flat {
    color: #08499e;
}

.title-bold {
    color: #2D358F;
    font-weight: bold;
    text-transform: uppercase;
}
.paragraph__blue {
    color: #2D358F;
}
.title-slide-paragraph {
    font-style: italic;
}
.muctieukhoahoc__item {
    border-radius: 20px;
    border: 1px solid #0A0960;
}
.muctieukhoahoc__item--title {
    background-color: #0A0960;
    padding: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.muctieukhoahoc__item--title h6 {
    color: white;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}
.muctieukhoahoc__item--content {
    padding: 10px;
}

#noidungkhoahoc{
    background: url(../images/analytics/4.jpg) no-repeat center center;
    background-size: cover;
}
#noidungkhoahoc_2{
    background: url(../images/analytics/7.jpg) no-repeat center center;
    background-size: cover;
}


.noidungkhoahoc__des--left {
    border: 1px solid #0A0960;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 5px 15px;
}
.noidungkhoahoc__des--right {
    border: 1px solid #0A0960;
    background-color: #0A0960;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 5px 15px;
}
.accordion .btn-link.collapsed:after {
    content: "\f0d8";
}
.accordion .btn-link:after {
    content: "\f0d7";
    font-family: 'icomoon' !important;
    font-weight: 900;
    float: right;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.accordion .btn-link {
    text-decoration: none;
}
.accordion .card {
    background-color: #0A0960;
    color: white;
    border-radius: 10px;
}
.table-custom th {
    background-color: #0A0960;
    color: white;
}
.truyenthong__item--content {
    padding: 20px 10px 10px 10px;
    background-color: #F3F6FE;
    height: 100%;
}
.truyenthong__item {
    height: 100%;
}
.truyenthong__item--img img {
    max-height: 315px;
    width: 100%;
    object-fit: cover;
}

.truyenthong__img {
    max-height: 40px;
}
.nav-pills .nav-link {
    background-color: #fff!important;
    border: 2px solid #f3f6fe;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    border: 2px solid #f8b52c;
    background-color: #fff!important;
}
.truyenthong__title h5{
    background-color: #0a0960;
    color: white;
    padding: 10px;
    border-top-right-radius: 30px;
    font-weight: bold;
    text-align: center;
}
.truyenthong__tab {
    margin-top: 44px;
}

.orange {
    color: #F3A040;
}

.duan__img {
    border-radius: 10px;
    object-fit: cover;
    max-width: 150px;
}
.swiper-slide-grid__font {
    font-size: 1rem;
}
.csvc__img {
    border-radius: 10px;
    object-fit: cover;
}

.bg_parallax {
    position: fixed;
    height: 50000px;
    background: url(../images/digital/part_background.png) top left repeat;
    width: 100%;
    top: 0;
    z-index: -100;
}
.muctieu__item {
    background-color: #F1F2F2;
    padding: 15px;
}
.title__orange {
    color: #F69231;
    border: 3px solid #F69231;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
}
.hethongmonhoc__item {
    background: url('../images/digital/5.png') no-repeat center right;
    background-size: contain;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); 
    overflow: hidden;
}

.hethongmonhoc__item--right {
    background: url('../images/digital/6.png') no-repeat center left;
    background-size: contain;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.hethongmonhoc__item--bg-2 {
    background: url('../images/digital/7.png') no-repeat center right;
}

.hethongmonhoc__item--bg-3 {
    background: url('../images/digital/8.png') no-repeat center left;
}

.hethongmonhoc__item--bg-4 {
    background: url('../images/digital/9.png') no-repeat center right;
}

.hethongmonhoc__item--wrap {
    background-color: #f69231f7;
    padding: 10px 20px;
    position: relative;
}
.hethongmonhoc__item--wrap.hethongmonhoc__item--wrap-right:after {
    border-left: 70px solid #f69231f7;
    content: "";
    position: absolute;
    border-top: 350px solid transparent;
    border-bottom: 0 solid transparent;
    top: 0;
    right: -69px;
}
.hethongmonhoc__item--wrap.hethongmonhoc__item--wrap-left:after {
    border-right: 70px solid #f69231f7;
    content: "";
    position: absolute;
    border-top: 270px solid transparent;
    border-bottom: 0 solid transparent;
    top: 0;
    left: -69px;
}
.hethongmonhoc__item--wrap-blue {
    background-color: #2d3192f2;
}
.hethongmonhoc__item--wrap-blue.hethongmonhoc__item--wrap-left-top:after {
    border-right: 70px solid #2d3192f2;
    border-top: 0 solid transparent;
    border-bottom: 270px solid transparent;
}

.hethongmonhoc__item--wrap-blue.hethongmonhoc__item--wrap-right-top:after {
    border-left: 70px solid #2d3192f2;
    border-top: 0 solid transparent;
    border-bottom: 270px solid transparent;
}

.hethongmonhoc__item--title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
}
.hethongmonhoc__item--p {
    font-size: 18px;
    /*font-weight: 300;*/
}
.hethongmonhoc__item--wrap-2 {
    padding: 10px 20px;
    background-color: #252323eb;
}
.hethongmonhoc__item--bg-5 {
    background: url('../images/digital/11.png') no-repeat center left;
}
.hethongmonhoc__item--bg-6 {
    background: url('../images/digital/12.png') no-repeat center left;
}
.hethongmonhoc__item--bg-7 {
    background: url('../images/digital/13.png') no-repeat center left;
}
.hethongmonhoc__item--bg-8 {
    background: url('../images/digital/14.png') no-repeat center left;
}

.hethongmonhoc__item--bg-9 {
    background: url('../images/digital/15.png') no-repeat center left;
}
.hethongmonhoc__item--bg-10 {
    background: url('../images/digital/16.png') no-repeat center right;
}
.hethongmonhoc__item--bg-11 {
    background: url('../images/digital/17.png') no-repeat center left;
}
.hethongmonhoc__item--bg-12 {
    background: url('../images/digital/18.png') no-repeat center right;
}
.hethongmonhoc__item--bg-13 {
    background: url('../images/digital/19.png') no-repeat center left;
}
.hethongmonhoc__item--bg-14 {
    background: url('../images/digital/10.png') no-repeat center center;
}

#ketqua {
    background: url('../images/digital/20.png') no-repeat center center;
    background-size: cover;
}

#vitri {
    background: url('../images/digital/21.png') no-repeat center center;
    background-size: cover;
}

.btn-register {
    background-color: #2D3192;
    border-radius: 50px;
    padding: 8px 30px;
    color: white;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    animation: elementPulse 1s infinite;
            -moz-animation: elementPulse 1s infinite;
            -webkit-animation: elementPulse 1s infinite;
            -o-animation: elementPulse 1s infinite
}

@keyframes elementPulse {
    0% {
        -webkit-transform: scaleX(1);
    transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes elementMoveY {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -5px;
    }
    100% {
        bottom: 0;
    }
}

@media (min-width: 992px){
}
@media (max-width: 992px){
    .site-logo img {
        width: 100px;
    }
    .site-mobile-menu .site-nav-wrap>li>a{
        font-size: 16px;
    }
    .wrap-item-slide__content {
        background-color: #ffffffc9;
    }
    .truyenthong__title h5{
        font-size: .875rem;
    }
    .truyenthong__tab {
        margin-top: 36.8px;
    }

    .hethongmonhoc__item--wrap.hethongmonhoc__item--wrap-right:after {
        border-left: 70px solid #f69231f7;
        content: "";
        position: absolute;
        border-top: 370px solid transparent;
        border-bottom: 0 solid transparent;
        top: 0;
        right: -69px;
    }
    .hethongmonhoc__item--wrap.hethongmonhoc__item--wrap-left:after {
        border-right: 70px solid #f69231f7;
        content: "";
        position: absolute;
        border-top: 350px solid transparent;
        border-bottom: 0 solid transparent;
        top: 0;
        left: -69px;
    }

    .hethongmonhoc__item--wrap-blue.hethongmonhoc__item--wrap-left-top:after {
        border-right: 70px solid #2d3192f2;
        border-top: 0 solid transparent;
        border-bottom: 350px solid transparent;
    }

    .hethongmonhoc__item--wrap-blue.hethongmonhoc__item--wrap-right-top:after {
        border-left: 70px solid #2d3192f2;
        border-top: 0 solid transparent;
        border-bottom: 350px solid transparent;
    }
}
@media screen and (max-width: 800px) {
    .column-grid {
        flex: 50%;
        max-width: 50%;
    }
}
@media (max-width: 768px){
    .title--line_bottom {
        border: none;
    }
    .mouse-icon::after {
        right: 0;
        bottom: 0;
    }
    .mouse-icon {
        text-align: center;
    }
    .truyenthong__tab {
        margin-top: 0;
    }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column-grid {
        flex: 100%;
        max-width: 100%;
    }
}