@font-face {font-family: 'UTM-Roman-Classic';src: url('fonts/UTM-Roman-Classic.ttf');font-weight: 400;}
@font-face {font-family: 'UTM-Yen-Tu';src: url('fonts/UTM-Yen-Tu.ttf');font-weight: 400;}
@font-face {font-family: 'UTM-Alpine-KT';src: url('fonts/UTM-Alpine-KT.ttf');font-weight: 400;}
.flex-4 {display: flex;flex-direction: row;gap: 34px;flex-wrap: wrap;align-items: flex-start;}
.global-en {
    padding-left: 25px;
    background: url(../images/special/ico-global.png) 0 0 no-repeat;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.webpage-special #main {margin-bottom: 36px;}
.tlbb-grid {display: flex;flex-direction: row;column-gap: 34px;flex-wrap: wrap;width: 100%;}
.pc-tgvn .bg-special {background-color: #fdf7f0;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.pc-tgvn .bg-special .item-submenu:hover a,
.pc-tgvn .bg-special .menu-item:not(.menu-homepage):hover,
.pc-tgvn .bg-special .menu-item:not(.menu-homepage).active {
    background-color: #bd2f2d;
}
.nav-special {position: relative;padding-block: 8px;column-gap: 4px;}
.webpage-special .menu-link {
    text-transform: inherit;
    padding-inline: 5px;
}
.webpage-special .header-topic {margin-top: 0;border-top: 0;}
.webpage-special .article-desc {font-size: 16px;}
/* Than gui Viet Nam */
.specialSwiper .article {display: flex;justify-content: flex-end;}
.specialSwiper .article-image {width: 760px;}
.specialSwiper .article-image img{
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    object-position: center;
}
.specialSwiper .article-image::before {padding-top: 41.7%;}
.specialSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #bd2f2d;
}
.gdv-background .specialSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #15b3d0;
}
.nckb-background .specialSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ed1c24;
}
.tlbb-background .specialSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #3478bd;
}
.specialSwiper .swiper-pagination-bullet {
    margin-inline: 3px;
    background: #000;
    opacity: 1;
    cursor: pointer;
}
.nckb-background .specialSwiper .swiper-pagination-bullet {
    background: var(--white-color);
}
.audio-player {
    width: 260px;
    max-width: 95%;
    height: 36px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border-radius: 36px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
    overflow: hidden;
    position: absolute;
    right: 12px;
    bottom: 16px;
    z-index: 10;
}

/* PLAY BUTTON */
.play-btn {
    width: 16px;
    height: 16px;
    flex-shrink: 0;

    border: 0;
    background: transparent;
    cursor: pointer;

    position: relative;
}

/* tam giác Play */
.play-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #c81f25;
}

/* Pause */
.play-btn.pause::before {
    left: 0px;
    top: 2px;
    width: 3px;
    height: 12px;
    border: 0;
    background: #c81f25;
    box-shadow: 7px 0 0 #c81f25;
}

/* TITLE */
.audio-content {
    width: 46px;
    overflow: hidden;
    white-space: nowrap;
}

.audio-title {
    display: inline-block;
    color: #9b795f;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    white-space: nowrap;
}

.audio-content:hover .audio-title {
    animation: marquee 5s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
.wave-container {
    background: url(../images/special/ico-wave.png) 0 0 no-repeat;
    width: 83px;
    height: 28px;
    background-size: contain;
    overflow: hidden;
}
/* Khi đang phát */
.wave-container.playing {
    background-repeat: repeat-x;
    animation: waveMove 5s linear infinite;
}

@keyframes waveMove {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: -83px;
    }
}
.time {
    font-size: 11px;
}
.special-bg {
    position: relative;
    height: 315px;
    overflow: hidden;
}
.tgvn-background {
    background-color: #fdf7f1;
}
.tgvn-background::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #FDF7F1;
    background: url(../images/special/tgvn-bg-tree.png) 0 bottom / auto no-repeat, linear-gradient(90deg, #fdf7f1 0%, #fdf7f1 75%, transparent 100%);
    height: 100%;
    z-index: 2;
    width: 570px;
}
.tgvn-heading {
    font-size: 122px;
    color: #895e35;
    font-family: 'UTM-Yen-Tu', sans-serif;
    font-weight: 400;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    z-index: 2;
}
.tgvn-heading span {display: block;font-family: 'UTM-Roman-Classic', sans-serif;font-size: 32px;color: #bd2f2d;text-align: right;margin-right: -80px;}
/* gdv */
.gdv-background {
    position: relative;
    background-color: #f0fbfd;
}
.gdv-background::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #f0fbfd;
    background: url(../images/special/gdv-bg-tree.png) right 75px top 130px / auto no-repeat, linear-gradient(90deg, #f0fbfd 0%, #f0fbfd 75%, transparent 100%);
    height: 100%;
    z-index: 2;
    width: 570px;
}
.gdv-heading {
    font-size: 108px;
    color: #de7a1a;
    font-family: 'UTM-Yen-Tu', sans-serif;
    font-weight: 400;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    z-index: 2;
}
.gdv-heading span {display: block;font-family: 'UTM-Roman-Classic', sans-serif;font-size: 58px;color: #15b3d0;text-align: right;}
.nckb-audio .audio-title, .gdv-audio .audio-title {color: #de7a1a;}
.gdv-audio .play-btn::before {border-left: 10px solid #15b3d0;}
.gdv-audio .play-btn.pause::before {background: #15b3d0;box-shadow: 7px 0 0 #15b3d0;}
.gdv-audio .wave-container {
    background-image: url(../images/special/ico-wave-gdv.png);
}
/* nckb */
.nckb-heading {
    font-size: 36px;
    text-transform: uppercase;
    color: #bd2f2d;
    font-family: 'Charis_SIL', sans-serif;
    font-weight: 700;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    line-height: 1;
    z-index: 2;
}
.nckb-background .specialSwiper .article-image {width: 100%;}
.nckb-background .specialSwiper .article-image::before {padding-top: 26.7%;}
.nckb-background .specialSwiper .article-image img {
    top: unset;
    bottom: -50%;
    left: 0;
    width: 100%;
    transform: unset;
}
.nckbSwiper::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 10%,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0) 100%);
    width: 50%;
    height: 100%;
    background-size: contain;
    z-index: 9;
}
.nckbSwiper::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/special/nckb-bg-highlight.png) 0 0 no-repeat, url(../images/special/nckb-bg-red.png) 0 0 no-repeat;
    width: 100%;
    height: 153px;
    background-size: contain;
    z-index: 9;
}
/* tlbb */
.tlbb-background {
    background: #ebf6f2 url(../images/special/bg-tlbb.png) right bottom no-repeat;
}
.tlbb-heading {
    font-size: 50px;
    color: #135aa1;
    font-family: 'UTM-Roman-Classic', sans-serif;
    font-weight: 400;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    z-index: 2;
    padding-left: 120px;
    background: url(../images/special/ico-tlbb.png) 0 0 no-repeat;
    background-size: contain;
}
.tlbb-heading span {display: block;font-family: 'UTM-Yen-Tu', sans-serif;font-size: 74px;color: #87d6af;text-align: right;}
.tlbb-audio .audio-title {color: #66cc99;}
.tlbb-audio .play-btn::before {border-left: 10px solid #135aa1;}
.tlbb-audio .play-btn.pause::before {background: #135aa1;box-shadow: 7px 0 0 #135aa1;}
.tlbb-audio .wave-container {
    background-image: url(../images/special/ico-wave-tlbb.png);
}
.tlbbSwiper .article {position: relative;padding-right: 40px;padding-block: 8px 30px;}
.tlbbSwiper .article-item {position: relative;}
.tlbbSwiper .article-item:nth-child(1) {
    left: 100px;
    z-index: 3;
    top: 25px;
}
.tlbbSwiper .article-item:nth-child(2) {
    left: 56px;
    z-index: 2;
}
.tlbbSwiper .article-item:nth-child(3) {
    top: -5px;
    z-index: 1;
}
.tlbbSwiper .article-item:first-child .article-thumb {
    width: 279px;
    height: 243px;
    position: relative;

    /* bỏ overflow hidden */
}

/* SHAPE TRẮNG */
.tlbbSwiper .article-item:first-child .article-thumb::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #fff;

    -webkit-mask-image: url("../images/special/shape-tlbb-1.png");
    mask-image: url("../images/special/shape-tlbb-1.png");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-position: center;
    mask-position: center;

    z-index: 0;
}

/* ẢNH */
.tlbbSwiper .article-item:first-child .article-thumb img {
    position: absolute;

    /*
       tạo khoảng trắng 8-10px
    */
    top: 5px;
    left: 5px;

    width: calc(100% - 10px);
    height: calc(100% - 10px);

    display: block;

    object-fit: cover;
    object-position: center;

    z-index: 1;

    -webkit-mask-image: url("../images/special/shape-tlbb-1.png");
    mask-image: url("../images/special/shape-tlbb-1.png");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-position: center;
    mask-position: center;
}
.tlbbSwiper .article-item:nth-child(2) .article-thumb {
    width: 277px;
    height: 261px;
    position: relative;

    /* bỏ overflow hidden */
}

/* SHAPE TRẮNG */
.tlbbSwiper .article-item:nth-child(2) .article-thumb::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #fff;

    -webkit-mask-image: url("../images/special/shape-tlbb-2.png");
    mask-image: url("../images/special/shape-tlbb-2.png");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-position: center;
    mask-position: center;

    z-index: 0;
}
/* ẢNH */
.tlbbSwiper .article-item:nth-child(2) .article-thumb img {
    position: absolute;

    /*
       tạo khoảng trắng 8-10px
    */
    top: 5px;
    left: 5px;

    width: calc(100% - 10px);
    height: calc(100% - 10px);

    display: block;

    object-fit: cover;
    object-position: center;

    z-index: 1;

    -webkit-mask-image: url("../images/special/shape-tlbb-2.png");
    mask-image: url("../images/special/shape-tlbb-2.png");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-position: center;
    mask-position: center;
}
.tlbbSwiper .article-item:nth-child(3) .article-thumb {
    width: 224px;
    height: 269px;
    position: relative;

    /* bỏ overflow hidden */
}

/* SHAPE TRẮNG */
.tlbbSwiper .article-item:nth-child(3) .article-thumb::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #fff;

    -webkit-mask-image: url("../images/special/shape-tlbb-3.png");
    mask-image: url("../images/special/shape-tlbb-3.png");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-position: center;
    mask-position: center;

    z-index: 0;
}

/* ẢNH */
.tlbbSwiper .article-item:nth-child(3) .article-thumb img {
    position: absolute;

    /*
       tạo khoảng trắng 8-10px
    */
    top: 5px;
    left: 5px;

    width: calc(100% - 10px);
    height: calc(100% - 10px);

    display: block;

    object-fit: cover;
    object-position: center;

    z-index: 1;

    -webkit-mask-image: url("../images/special/shape-tlbb-3.png");
    mask-image: url("../images/special/shape-tlbb-3.png");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-position: center;
    mask-position: center;
}
.special-title {
    font-family: 'Charis_SIL', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #895e35;
    font-size: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebd5d1;
    margin-bottom: 25px;
}
.pc-gdv .bg-special {background-color: #f0fbfd;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.pc-gdv .bg-special .item-submenu:hover a,
.pc-gdv .bg-special .menu-item:not(.menu-homepage):hover,
.pc-gdv .bg-special .menu-item:not(.menu-homepage).active {
    background-color: #15b3d0;
}
.pc-gdv .special-title {
    color: #00404b;
    border-color: #b4e3ec;
}
.pc-nckb .special-title {
    /* color: #bd2f2d; */
    border-color: #ebd5d1;
}
.pc-nckb .bg-special {background-color: #fdf7f0;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.pc-nckb .bg-special .item-submenu:hover a,
.pc-nckb .bg-special .menu-item:not(.menu-homepage):hover,
.pc-nckb .bg-special .menu-item:not(.menu-homepage).active {
    background-color: #bd2f2d;
}
.pc-nckb .footer-flag {background-color: #fff;color: #000;}
.pc-tlbb .bg-special {background-color: #f3fefa;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.pc-tlbb .bg-special .item-submenu:hover a,
.pc-tlbb .bg-special .menu-item:not(.menu-homepage):hover,
.pc-tlbb .bg-special .menu-item:not(.menu-homepage).active {
    background-color: #135aa1;
}
.tlbb-subcat {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    row-gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}
.tlbb-subcat a {
    background-color: #66cc99;
    color: #fff;
    font-weight: 700;
    padding: 12px 38px;
    border-radius: 41px;
    display: inline-block;
}
.tlbb-link {
    background-color: #135aa1;
    display: inline-block;
    color: var(--white-color);
    text-transform: uppercase;
    font-size: 14px;
    padding: 11px 18px;
    border-radius: 5px 0 10px 0;
    margin-bottom: 20px;
}


.tgvn-cat-one {background-color: #fcf3eb;}
.tgvn-cat-one .special-title {margin-bottom: 36px;}
/* font-size: 36px; */

.special-cat-one {padding: 15px 35px 25px;border-radius: 5px;width: 100%;}
.special-cat-one .article {float: left;width: calc((100% - 36px) / 2);margin-top: 32px;}
.special-cat-one .article:nth-child(-n+2) {margin-top: 0;}
.special-cat-one .article-image {width: 200px;float: left;margin-right: 25px;}
.special-cat-one .article-content {display: flex;flex-direction: column;row-gap: 6px;}
.special-cat-one .article:first-child {margin-right: 36px;display: flex;flex-direction: column;row-gap: 10px;}
.special-cat-one .article:first-child .article-image {width: 100%;float: none;margin-right: 0;}
.special-cat-one .article:first-child .article-title {font-size: 22px;}
.special-cat-one .article:not(:first-child) .article-desc {display: none;}
.grid-special {display: flex; column-gap: 34px;flex-direction: row;align-items: stretch;}
.tgvn-cat-two {background-color: #f8e9dc;}
.special-cat-two {width: 774px;padding: 15px 35px 25px;border-radius: 5px;}
.special-cat-two .article {float: left;width: 370px;margin-top: 30px;}
.special-cat-two .article:nth-child(-n+2) {margin-top: 0;}
.special-cat-two .article-image {width: 85px;float: left;margin-right: 25px;}
.special-cat-two .article:not(:first-child) .article-image::before {padding-top: 100%;}
.special-cat-two .article-content {display: flex;flex-direction: column;row-gap: 6px;}
.special-cat-two .article:first-child {width: 298px;margin-right: 36px;display: flex;flex-direction: column;row-gap: 10px;}
.special-cat-two .article:first-child .article-image {width: 100%;float: none;margin-right: 0;}
.special-cat-two .article:first-child .article-title {font-size: 18px;}
.special-cat-two .article:not(:first-child) .article-subtile,
.special-cat-two .article:not(:first-child) .article-date,
.special-cat-two .article-desc {display: none;}
.tgvn-cat-three {background-color: #fcf3eb;}
.special-cat-three {width: 372px;padding: 15px 30px 25px;border-radius: 5px;}
.special-cat-three .article {width: 100%;display: block;float: left;margin-top: 25px;}
.special-cat-three .article:first-child {margin-top: 0;}
.special-cat-three .article-image {width: 85px;float: left;margin-right: 25px;}
.special-cat-three .article-image::before {padding-top: 100%;}
.special-cat-three .article-subtile,
.special-cat-three .article-date,
.special-cat-three .article-desc {display: none;}


.gdv-cat-one {background-color: #f0fbfd;}
.gdv-cat-one .article:first-child {float: right;margin-left: 36px;margin-right: 0;}
.gdv-cat-one .article:not(:first-child) .article-image {float: right;margin-left: 25px;margin-right: 0;}

.gdv-cat-two {background-color: #daf6fb;}
.gdv-cat-two .article:first-child {float: right;margin-left: 36px;margin-right: 0;}
.gdv-cat-two .article:not(:first-child) .article-image {float: right;margin-left: 25px;margin-right: 0;}
.gdv-cat-four,
.gdv-cat-three {background-color: #f0fbfd;}
.gdv-cat-five {background-color: #daf6fb;}
.special-cat-five {padding: 15px 35px 25px;border-radius: 5px;}
.special-cat-five .special-content {display: flex;column-gap: 36px;flex-wrap: wrap;}
.special-cat-five .article {width: calc((100% - 36px*3) / 4);display: flex;flex-direction: column;row-gap: 10px;}
.special-cat-five .article-content {display: flex;flex-direction: column;row-gap: 6px;}
.special-cat-five .article-desc {display: none;}

.nckb-cat-one,.nckb-cat-two {background-color: #fdf3f3;}
.nckb-cat-one .special-title {font-size: 32px;margin-bottom: 36px;}
.nckb-cat-three {background-color: #fcf3eb;}
.special-cat-four {width: 572px;padding: 15px 35px 25px;border-radius: 5px;}
.special-cat-four .special-content {display: flex;column-gap: 36px;flex-wrap: wrap;}
.special-cat-four .article {width: calc((100% - 36px) / 2);display: flex;flex-direction: column;row-gap: 10px;}
.special-cat-four .article-content {display: flex;flex-direction: column;row-gap: 6px;}
.special-cat-four .article-desc {display: none;}
.nckb-cat-four {background-color: #fcf3eb;}
.nckb-cat-five {background-color: #fdf3f3;}
.tlbb-cat-one {width: 100%;}
.blue-tlbb{background-color: #f2f8f8;padding: 0 0 30px;border-radius: 5px;border: 1px solid #ebf6f2;}
.pink-tlbb{background-color: #f7f5f8;padding: 0 0 30px;border-radius: 5px;border: 1px solid #f4ecea;}
.tlbb-content{padding-inline: 35px;display: flex;flex-direction: row;column-gap: 36px;flex-wrap: wrap;}
.tlbb-cat-one .article{width: calc((100% - 36px) / 2);display: flex;column-gap: 25px;margin-top: 34px;align-items: flex-start;}
.tlbb-cat-one .article-content{display: flex;flex-direction: column;row-gap: 10px;margin-top: -6px;}
.tlbb-cat-one .article:first-child {width: 100%;column-gap: 30px;margin-top: 0;}
.tlbb-cat-one .article .article-image {width: 196px;}
.tlbb-cat-one .article:first-child .article-image {width: 336px;}
.tlbb-cat-one .article:first-child .article-title {font-size: 18px;}
.tlbb-cat-one .article:not(:first-child) .article-desc,
.tlbb-cat-one .article-date {display: none;}
.tlbb-reverse .article {flex-direction: row-reverse;}
.tlbb-cat-two {width: calc((100% - 36px) / 2);position: relative;min-height: 62px;}
.tlbb-cat-two .tlbb-name{position: absolute;left: 0;top: 0;z-index: 9999;}
.tlbb-cat-two .article-content,
.tlbb-cat-two .article {display: flex;flex-direction: column;row-gap: 10px;}
.tlbb-cat-two .article-image {margin: 0 -35px;width: inherit;}
.tlbb-cat-two .article-date {display: none;}
.tlbb-cover {padding: 22px;padding-bottom: 30px;}
.tlbb-cover .article-image {width: 80px;}
.tlbb-cover .article-image::before {padding-top: 100%;}
.tlbb-cover .article{display: flex;align-items: flex-start;column-gap: 20px;margin-top: 25px;padding-top: 25px;border-top: 1px solid #e1e1e1;}
.tlbb-cover .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.tlbb-cover .article-content{margin-top: -6px;}
.tlbb-cover .article-title {font-size: 16px;font-weight: 400;line-height: 1.3;}
.tlbb-cat-three .tlbb-content {
    padding-inline: 20px;
    margin-top: -20px;
}
.tlbb-cat-three .article {
    padding-left: 50px;
    background: url(../images/special/tlbb-paper.png) 0 30px no-repeat;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dotted #aabfce;
}
.tlbb-cat-three .article:first-child {
    margin-top: 0;
    border-top: 0;
}
.tlbb-cat-three .article-title {
    font-weight: 400;
    font-family: 'Inter', sans-serif;
}
.pc-tgvn .footer-content {
    background-color: #fcf3eb;
    color: initial;
}
.pc-tgvn .ft-border {
    border-color: #f1e0d2;
}
.pc-gdv .footer-content {
    background-color: #15b3d0;
    color: var(--white-color);
}
.pc-gdv .ft-border {
    border-color: #0aa2be;
}
.pc-nckb .footer-content {
    background-color: #b61e1a;
    color: var(--white-color);
}
.pc-nckb .ft-border {
    border-color: #ff8f8c;
}
.pc-tlbb .footer-content {
    background-color: #135aa1;
    color: var(--white-color);
}
.pc-tlbb .ft-border {
    border-color: #3478bd;
}