/* >>>>> Xử lý ảnh <<<<< */
    .lib-image-responsive {
        display: block;
        width: 100%;
        height: 100%;
    }
    .lib-image-responsive img {
        display: block;
        width: 100%;
        height: auto;
    }
    .lib-image-fit {
        display: block;
        position: relative;
        text-align: center
    }
    .lib-image-fit  img {
        display: block;
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
    .img-cover,
    .img-fit-fill,
    .img-contain,
    .img-scaledown,
    .img-cover img,
    .img-fit-fill img,
    .img-contain img,
    .img-scaledown img {
        display: block;
        width: 100%;
        height: 100%
    }
    .img-cover img {object-fit: cover}
    .img-fit-fill img {object-fit: fill}
    .img-contain img {object-fit: contain}
    .img-scaledown img {object-fit: scale-down}
/* >>>>> Xử lý ảnh <<<<< */

/* >>>>> UIKIT <<<<< */
    .uk-list{
        list-style: none;
        margin: 0;
        padding: 0
    }
    .uk-flex {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .uk-flex-inline {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex
    }

    .uk-flex-inline>*,
    .uk-flex>* {
        -ms-flex-negative: 1
    }

    .uk-flex-top {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .uk-flex-middle {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .uk-flex-bottom {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .uk-flex-center {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .uk-flex-right {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .uk-flex-space-between {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .uk-flex-space-around {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .uk-flex-row-reverse {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .uk-flex-column {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .uk-flex-column-reverse {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .uk-flex-nowrap {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .uk-flex-wrap {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uk-flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .uk-flex-wrap-top {
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start
    }

    .uk-flex-wrap-middle {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center
    }

    .uk-flex-wrap-bottom {
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end
    }

    .uk-flex-wrap-space-between {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between
    }

    .uk-flex-wrap-space-around {
        -ms-flex-line-pack: distribute;
        -webkit-align-content: space-around;
        align-content: space-around
    }

    .uk-flex-order-first {
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }

    .uk-flex-order-last {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99
    }
    @media (min-width:480px) {
        .uk-flex-order-first-small {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-small {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    @media (min-width:768px) {
        .uk-heading-large {
            font-size: 52px;
            line-height: 64px
        }
        .uk-flex-order-first-medium {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-medium {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    @media (min-width:960px) {
        .uk-flex-order-first-large {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-large {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    @media (min-width:1220px) {
        .uk-flex-order-first-xlarge {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-xlarge {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    .uk-flex-item-none {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none
    }

    .uk-flex-item-auto {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        -ms-flex-negative: 1
    }
/* >>>>> UIKIT <<<<< */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
h3.section-title {
    text-align: center;
    font-size: 30px !important;
    font-weight: 600;
}

div#box4 {
    margin: 40px 0px;
}

.feedback-video {
    padding: 30px 46px;
    position: relative;
    z-index: 9;
}

.feedback-message {
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
}
.feedback-message::before {
    content: '';
    background-image: url('../images/ic-laptop.png');
}

.video-block {
    border: 17px solid #e21b40;
    border-radius: 16px;
}

.feedback-video .video-block {
    margin: 0px 40px;
}

.feedback-slide .owl-stage,
.feedback-slide .owl-item {
    height: 100%;
}

.feedback-slide .owl-stage-outer {
    padding-top: 40px;
}

.feedback-slide {
    padding: 0px 56px;
}

.feedback-slide .owl-nav .owl-prev,
.feedback-slide .owl-nav .owl-next {
    width: 45px;
}
.feedback-slide .owl-nav .owl-prev:hover, 
.feedback-slide .owl-nav .owl-next:hover{
    background-color: transparent !important;
}

.feedback-block:before {
    content: '';
    background-image: url('../images/ic-qoute.png');
    width: 100px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -30px;
    right: 0px;
}

.feedback-block {
    position: relative;
    background-color: #e21b40;
    border-radius: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.feedback-block-content {
    padding: 30px;
    color: #fff;
    line-height: 22px;
    padding-top: 50px;
    text-align: justify;
    min-height: 322px;
}

.feedback-block__info {
    border-top: 2px solid #b81634;
    padding: 15px 25px;
    display: flex;
}

.feedback-block__info .name {
    margin-left: 10px;
    padding: 8px 0px;
}

.feedback-block__info .name span {
    color: #ffd885;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 16px;
}

.feedback-block__info .name p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #fff;
}

.feedback-block__info .avatar {
    width: 70px !important;
    height: 70px;
    border-radius: 50px;
    border: 4px solid #fff;
}


.statistics {
    background-image: url(../images/sbg.png);
    min-height: 110px;
    background-size: 100% 100%;
    width: 100%;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 3px 15px rgb(44 71 146 / 25%);
    box-shadow: 0px 3px 15px rgb(44 71 146 / 25%);
    margin-top: -75px; 
    margin-bottom: 40px ;
}

 .statistics .box-year {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}


.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-img img {
    margin: auto;
    width: 100%;
    height: auto;
}

 .statistics .content-statistics {
    margin-left: 20px;
    align-self: center;
}


@media (min-width: 1400px) {
     .statistics .title-statistics {
        font-size: 22px;
    }

     .statistics .info-statistics {
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
     .statistics .title-statistics {
        font-size: 21px;
    }

     .statistics .info-statistics {
        font-size: 17px;
    }
}

 .statistics .title-statistics {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

 .statistics .info-statistics {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}



.feedback-slide .owl-prev,
.news-slide .owl-prev{
    left: 0;
    position: absolute;
    top: 50%;
    font-size: 50px !important;
    color: #fff !important;
    width: 30px;
    transform: translatey(-50%);
}
.feedback-slide .owl-next,
.feedback-slide .owl-prev,
.news-slide .owl-next,
.news-slide .owl-prev{
    outline: unset;
}
.feedback-slide .owl-next,
.news-slide .owl-next{
    right: 0px;
    color: #fff !important;
    position: absolute;
    top: 50%;
    font-size: 50px !important;
    width: 30px;
    transform: translatey(-50%);
}

.feedback-slide .owl-carousel{
    position: relative;
}

/* ------------- CARD --------------- */

.card {
    position: relative;
    background: #fff;
    width: 100%;
    min-height: 360px;
    border-radius: 20px;
    color: #aaa;
    box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05), 0 0 1rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.card__image-container {
    position: relative;
}
.card__image-container img{
	max-width: 100%;
}
.card__line {
	opacity: 0;
	animation: LineFadeIn 0.7s 0.7s forwards ease-in;
}
.card__image {
	opacity: 0;
	animation: ImageFadeIn 0.8s 1.4s forwards;
}
.card__title {
    color: #e21b40;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 0.01em;
    font-size: 16px;
    line-height: normal;
}
.card__sapo {
	margin: 0;
    font-size: 14px;
    line-height: normal;
}
.card__content {
	margin-top: -2rem;
    padding: 1.1rem;
	opacity: 0;
	animation: ContentFadeIn 0.6s 1.6s forwards;
}
.card__svg {
    position: absolute;
    bottom: -20%;
    left: -1px;
    right: -1px;
}

/* .news-slide .owl-stage-outer {
    padding: 10px;
} */


.news-slide .item {
    padding: 10px;
}

/* .owl-carousel.owl-theme.news-slide.owl-loaded.owl-drag {
    padding: 10px;
} */

.news-slide .owl-stage,
.news-slide .owl-item {
    height: 100%;
}

.news-slide .owl-nav .owl-prev,
.news-slide .owl-nav .owl-next {
    width: 45px;
}



.news-slide .owl-prev{
    left: 0;
    position: absolute;
    top: 50%;
    font-size: 50px !important;
    color: #fff !important;
    width: 30px;
    transform: translatey(-50%);
}
.news-slide .owl-next,.owl-prev{
    outline: unset;
}
.news-slide .owl-next{
    right: 0px;
    color: #fff !important;
    position: absolute;
    top: 50%;
    font-size: 50px !important;
    width: 30px;
    transform: translatey(-50%);
}

.news-slide .owl-carousel{
    position: relative;
}

@keyframes LineFadeIn {
    0% {
        opacity: 0;
        d: path("M0,1.5L0,1.5L0,1.5L0,1.5L0,1.5");
        stroke: #e21b40;
    }
    50% {
        opacity: 1;
        d: path("M0,1.5c36.1,0,9.1,0,61.8,0c70.8,0,114.1,0,187.4,0c143.4,0,218.5,0,297.5,0c123.4,0,192.9,0,253.2,0");
        stroke: #e21b40;
    }
    100% {
        opacity: 1;
        d: path("M1.5,0.1c6.5,102.5,32.3,166.3,61.8,210c48.2,71.3,111.6,86,187.4,60.8c136-45.3,222.1-36.2,297.5-7.5c115.3,43.9,219.9,70,253.2,36.7");
        stroke: #545581;
    }
}
@keyframes ContentFadeIn {
	0% {
		transform: translateY(-1rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes ImageFadeIn {
    0% {
        transform: translate(-0.5rem, -0.5rem) scale(1.05);
        opacity: 0;
        filter: blur(2px);
    }
    50% {
        opacity: 1;
        filter: blur(2px);
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
        filter: blur(0);
    }
}

@media (max-width: 768px) {
    .feedback-video .video-block {
        margin: 20px;
    }
    .feedback-slide {
        padding: 0px 35px;
    }
    .feedback-slide .owl-nav .owl-prev, .feedback-slide .owl-nav .owl-next {
        width: 25px;
    }
    .news-slide {
        padding: 0 25px;
    }
    .news-slide .owl-nav > * {
        max-width: 25px;
    }
    .card{
        height: 390px;
    }
}
@media (min-width: 601px) {
    .feedback-message::before {
        position: absolute;
        width: 745px;
        height: 437px;
        left: -370px;
        top: -235px;
    }
}
@media (max-width: 600px) {
    .statistics .info-statistics{
        font-size: 13px;
    }
    .statistics .title-statistics{
        font-size: 16px
    }
    .box-img img {
        max-width: 65px;
    }
    .feedback-message::before {
        width: calc(100% + 150px);
        height: 265px;
        background-image: url('../images/ic-laptop.png');
        background-size: 100% auto;
        margin-bottom: -85px;
        margin-left: -85px;
    }
    #box4 {
        margin-bottom: 20px !important
    }
}

@media (max-width: 414px) {
    .feedback-message::before{
        margin-bottom: -50px;
    }
    #box4 .cta.icon-red {
        width: calc(100% - 30px);
        text-align: center;
    }
}
@media (max-width: 375px) {
    .feedback-block,
    .feedback-slide .owl-stage, .feedback-slide .owl-item {
        height: auto;
        display: block;
    }
    .feedback-block-content{
        min-height: auto;
    }
}
/*-----------------*/
.box-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.hm-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
}
#footer{
    text-align: center;
    font-weight: 900;
    font-size: 18px;
    background: #e21b40;
    line-height: 1.4;
    padding: 0px;
    color: #FFFFff;
}

.footer-1 {
    text-align: start;
    margin-bottom: 5px;
}

.footer-3 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 13px 0px;
    text-align: left;
}
.box-app > :first-child {
    margin-right: 10px;
}
.footer-3 p {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}

ul.hm-info {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
}

ul.hm-info li {
    display: flex;
    margin-bottom: 10px;
    margin-left: 0px;
    
}

ul.hm-info li i {
    margin-right: 5px;
}

.ic.phone {
    width: 20px;
    height: 20px;
    display: inline-flex;
}

.ic.phone:before {
    content: '';
    background-image: url(../images/ic-phone.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.ic.location {
    width: 22px;
    height: 22px;
    display: inline-flex;
}

.ic.location:before {
    content: '';
    background-image: url(../images/ic-location.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 22px;
}

ul.hm-social {
    display: flex;
}

ul.hm-social li {
    display: flex;
}

ul.hm-social li {
    margin-left: 20px;
}

ul.hm-social li a {
    display: block;
}
.footer-top{
    padding: 15px 0px 5px;
}
.footer-bottom{
    border-top: 1px solid #cb1839;
}
.footer-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.uk-flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.uk-flex-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
@media (max-width: 1000px) {
    .footer-link {
        display: block;
    }

    .hm-social {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .order1 {
        margin: 5px 0px 5px 0px;
    }
}
@media (max-width: 768px) {
    .hm-social.uk-flex-right {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .box-nt {
        display: none;
    }
    .statistics {
        padding: 0 6px;
        margin-top: -52px;
    }
}
@media (max-width: 414px) {
    .footer-3 p {
        color: #f88;
        font-size: 12px;
        margin-bottom: 0px;
    }
    ul.hm-info {
        font-size: 12px;
    }
}