.bg-main {
    background: var(--color-main);
}

.bg-main-dark {
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),url(https://cdn6068.cdn4s7.io.vn/media/slider/banner-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 5rem;
}

.language-section a img {
	width: 3rem;
	height: 2rem;
	object-fit: cover;
	margin-left: 1rem;
	vertical-align: sub;
}

.swiper-slider-main .swiper-slide img {
    height: 28vw;
}



/*.bg_chungchi {*/
/*    background: linear-gradient(*/
/*      rgba(255, 255, 255, 0.9),*/
/*      rgba(255, 255, 255, 0.9)*/
/*    ),url(https://cdn3295.cdn4s6.io.vn/media/background/1feaff32-5e35-4925-8f75-74e04c249988.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/

.bg_thongke  {
    margin-top: 7rem;
    
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3)
    ),url(https://cdn3295.cdn4s6.io.vn/media/background/bd3dc3f7-5179-4564-af33-6c5f867496fd.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*.bg_cosovc {*/
/*    background: linear-gradient(*/
/*      rgba(255, 255, 255, 0.7),*/
/*      rgba(255, 255, 255, 0.7)*/
/*    ),url(https://cdn3295.cdn4s6.io.vn/media/background/49e7aa0e-677a-4f4b-a78b-d992f425a107.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/

.bg_highlight_blu  {
   background: linear-gradient(
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.8)
    ),url(https://cdn3295.cdn4s6.io.vn/media/background/z5849830127336_f6fb8048efa026e40dd48f43635d776e.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_tintuc  {
   background-color: #07bbb81c;
}

.color_black {
    color: var(--color-black) !important;
}

.fs-14 {
    font-size: 1.4rem !important;
}

.fs-15 {
    font-size: 1.5rem !important;
}

.fs-16 {
    font-size: 1.6rem !important;
}

.fs-18 {
    font-size: 1.8rem !important;
}

.fs-26 {
    font-size: 2.6rem !important;
}

.fs-28 {
    font-size: 2.8rem !important;
}

.lh-1-5 {
    line-height: 1.5 !important;
}

.mr-4r {
    margin-right: 4rem !important;
}

.mr-5r {
    margin-right: 5rem !important;
}

.mb-5r {
    margin-bottom: 5rem !important;
}

.mb-10r {
    margin-bottom: 10rem !important;
}

.pl-2r {
    padding-left: 2rem !important;
}

.pt-5r {
    padding-top: 5rem !important;
}

.py-5r {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.pb-10r {
    padding-bottom: 10rem !important;
}

.pt-15r {
    padding-top: 15rem !important;
}

.rounded-5 {
    border-radius: 0.5rem;
}

.rounded-6 {
    border-radius: 0.6rem;
}

.rounded-8 {
    border-radius: 0.8rem;
}

.rounded-10 {
    border-radius: 1rem;
}

.rounded-15 {
    border-radius: 1.5rem;
}

.rounded-20 {
    border-radius: 2rem;
}

.rounded-30 {
    border-radius: 3rem;
}

.header_setting  > .container > .row {
    align-items: center;
    justify-content: space-between;
}

.header_setting  > .container > .row > div {
    flex: none;
    max-width: none;
    width: max-content;
}

.header_title {
    color: var(--color-highlight);
    text-align: center;
}

.main_title {
    font-size: 2.5rem;
    font-weight: 900;
    text-transform: uppercase;
}

.main_sub_title {
    font-size: 1.6rem;
    position: relative;
    display: inline-block;
    margin-bottom: 0.4rem;
}

.main_sub_title:before {
    position: absolute;
    content: "";
    right: 15%;
    bottom: -2px;
    left: 15%;
    height: 0.2rem;
    background-color: var(--color-highlight);
}

.main_sub_title i {
    font-size: 1.8rem;
}

.header_search {
    /* background-color: var(--light); */
    display: flex;
    justify-content: space-between;
    padding: 0 1rem 0 2rem;
    border: 2px solid var(--color-highlight);
}

.header_search input {
    border: none;
    outline: none;
    height: 4.4rem;
    background-color: transparent;
    min-width: 18rem;
}

.header_search button {
    height: 4.4rem;
    background-color: transparent;
    border: none;
    color: var(--color-highlight);
    font-size: 1.8rem;
}

.header_search button i {
    font-weight: 600;
}

.header_setting  > .container > .row > div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.header_hotline {
    /* border: 1px solid var(--gray); */
    /* border-radius: 3rem; */
    display: flex;
    align-items: flex-end;
    width: max-content;
}

/*.header_hotline:hover .hotline_icon i,
.header_hotline:hover .hotline_content {
    color: red;
    font-weight: 600;
}*/

.hotline_icon {
    /* background-color: red; */
    /* width: 4rem; */
    /* height: 4rem; */
    /* border-radius: 50%; */
    /* display: inline-flex; */
    justify-content: center;
    align-items: center;
    margin: 0.5rem;
    position: relative;
    animation: ring-ring 0.8s infinite ease-in-out;
}

@keyframes ring-ring {
    0%, 100% {
        transform: rotate(-20deg);
    }
    
    10% {
        transform: rotate(0);
    }
    
    20% {
        transform: rotate(-20deg);
    }
    
    30% {
        transform: rotate(0);
    }
    
    40% {
        transform: rotate(-20deg);
    }
    
    50% {
        transform: rotate(0);
    }
}


.hotline_icon:before,
.hotline_icon:after {
    content: "";
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
    -ms-transform-origin: 50% 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 50px;
    z-index: -1;
}

.hotline_icon:before {
    background-color: var(--color-highlight);
    animation: sacle-share-icon 1.5s infinite ease-in-out;
}

.hotline_icon:after {
    border: 2px solid var(--green);
    animation: sacle-share-icon-bd 1.5s infinite ease-in-out;
    background-color: transparent;
}

@keyframes sacle-share-icon {
    0%, 100% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .3;
    }
    
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .3;
    }
}

@keyframes sacle-share-icon-bd {
    0% {
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1;
    }
    30% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5;
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

.hotline_icon i {
    color: #c3392b;
    font-size: 2.2rem;
}

.hotline_content {
    display: inline-block;
    font-size: 1.6rem;
    color: #c7382c;
    /* font-weight: 800; */
    line-height: 1.3;
    padding: 0 1rem 0 1.3rem;
}

.hotline_content span {
    display: block;
    font-size: 1.6rem;
}

.hide_item > a > img {
    margin-right: 0;
}

.bg_dang_ky {
    background-color: #f2f2f3;
    background-image: linear-gradient(180deg, #f2f2f3 60%, white);
}

.form_dangky .form-control {
    font-size: 1.7rem;
    border-radius: 0.5rem;
    border: 1px solid var(--gray);
}

.title_dangky {
    color: var(--color-highlight);
    font-size: 2rem;
    font-weight: 600;
}

.btn_datlich {
    background-color: var(--color-highlight);
    padding: 0.8rem 3rem;
    display: inline-block;
    color: white;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.8;
    cursor: pointer;
}

.btn_datlich:hover {
    color: white;
}

.highlight-main {
    overflow: auto;
    flex-wrap: nowrap;
}

.title-section:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0.4rem;
    background-color: var(--color-highlight);
    width: 12rem;
    max-width: 50%;
}

.btn_capcuu {
    font-weight: 400;
    font-size: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.btn_capcuu strong {
    /* color: var(--red); */
    font-size: 2.4rem;
}

.highlight_item {
    padding: 2.5rem;
    height: 100%;
    text-align: center;
}

.highlight_image {
    height: 9rem;
    width: 9rem;
    border-radius: 50%;
    background-color: var(--color-highlight);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.highlight_image img {
    filter: brightness(0) invert(1);
    opacity: 0.5;
    max-height: 5rem;
    max-width: 5rem;
}

.highlight_tile {
    font-size: 2rem;
    color: var(--color-black);
    max-width: 95%;
    margin: auto;
}

.title_intro {
    font-size: 3.6rem;
    padding-bottom: 2rem;
    line-height: 1.3;
}

.info {
    font-size: 16px;
    color: var(--color-black);
}

.btn_xemthem {
    color: var(--color-black);
    font-size: 1.8rem;
    display: inline-flex;
    align-items: center;
}

.btn_xemthem i {
    font-size: 1.5rem;
}

.img-about:hover .image_intro {
    scale: 1.12;
    transition: scale 0.3s ease-in-out;
}

.video_content {
    position: absolute;
    top: 0%;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    background-color: rgb(51 54 69 / 20%);
}

.video_content span {
    text-align: center;
    width: 5rem;
    height: 5rem;
    padding-left: 0.3rem;
    line-height: 5.08rem;
    border-radius: 50%;
    background-color: var(--color-highlight);
    font-size: 2.4rem;
    color: white;
    position: relative;
}

.video_content span:before {
    content: "";
    position: absolute;
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
    transition: transform .5s ease-in-out;
    border-radius: 50px;
    background-color: white;
    animation: sacle-share-icon 1.5s infinite ease-in-out;
}

@keyframes sacle-share-icon {
    0%, 100% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .3;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .3;
    }
}

.item_tk {
    min-height: 14rem;
    background-color: var(--color-highlight);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.number_tk {
    color: #fde302;
    font-size: 4rem;
    font-weight: 900;
    position: relative;
    width: 100%;
}

.number_tk:before {
    /* content: attr(data-count); */
    font-family: system-ui;
    font-size: 4.4rem;
    font-weight: bold;
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    text-align: center;
}

.item_tk:hover .number_tk {
    font-size: 5.2rem;
    transition: all .3s ease-in-out;
    clear: both;
}

.title_tk {
    font-size: 1.6rem;
}

.sub_title_section {
    color: var(--color-highlight);
    text-transform: uppercase;
}

.title_section {
    font-size: 3.8rem;
    color: var(--color-main);
}

.category_article_container .swiper-button-prev,
.category_article_container .swiper-button-next {
    transform: translateY(calc(-50% - 1.5rem));
}

.category_article_container .swiper-button-prev i,
.category_article_container .swiper-button-next i {
    margin: 0;
}

.category_article_container .swiper {
    margin-bottom: -3rem;
}

.bg_category_custom {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 33vh;
}

.category_article_content {
    /* padding: 3rem; */
    text-align: center;
    background: #fff;
}

.category_article_title {
    font-size: 1.8rem;
    font-style: italic;
    font-weight: bold;
    font-family: "Playfair Display", serif;
    color: #097261;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.category_article_description {
    color: var(--color-text);
    font-size: 1.5rem;
}

.category_article_image img {
    width: 100%;
    height: 25rem;
    object-fit: cover;
}

.category_article_xemthem {
    background-color: var(--color-highlight);
    width: 100%;
    justify-content: center;
    padding: 1.4rem 0;
    color: white;
    font-size: 1.6rem;
}

.category_article_xemthem i {
    font-size: 1.2rem;
}

.banner_image img {
    width: 7rem;
    filter: invert(50%) sepia(95%) saturate(399%) hue-rotate(130deg) brightness(96%) contrast(100%);
}

.btn_datlich2 {
    display: inline-block;
    border: 2px solid var(--color-highlight);
    color: var(--color-highlight);
    padding: 1.2rem 5rem;
    font-weight: 600;
    font-size: 1.7rem;
}

.btn_datlich2:hover {
    color: var(--color-highlight);
}

.chuyengia_item {
    text-align: center;
}

.chuyengia_avatar {
    width: 100%;
    aspect-ratio: 0.9;
    object-fit: cover;
}

.btn_datlich3 {
    padding: 0.8rem 4rem;
    border-color: var(--color-highlight);
    color: var(--color-highlight);
}

.btn_datlich3:hover {
     color: var(--color-highlight); 
}

.chung_chi_container .swiper-pagination-bullet {
    background-color: var(--color-highlight);
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
}

.chung_chi_container .swiper-pagination-bullet-active {
    position: relative;
}

.chung_chi_container .swiper-pagination-bullet-active:before {
    content: "";
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
    border: 2px solid var(--color-highlight);
    border-radius: 50%;
}

.chung_chi_title {
    font-size: 2rem;
}

.chung_chi_description {
    font-size: 1.5rem;
}

.bl_facilities .info {
    font-size: 1.35rem;
}

.rate_custom {
    color: #FFC107;
}

.bl_comment {
    transform: translateY(5%);
}

.bl_comment .swiper-pagination-bullets {
    bottom: 0;
}

.comment_item {
    background-color: white;
    border: 2px solid var(--color-highlight);
}

.comment_name {
    font-size: 1.5rem;
    color: var(--color-black);
}

.comment_description_short {
    color: var(--color-text);
}

.comment_description {
    font-size: 1.5rem;
    color: var(--color-text);
}

.article_btn_xemthem {
    color: var(--color-highlight);
}

.form_lienhe {
    position: relative;
    padding: 8rem 5.5rem;
    background-size: cover;
}

.form_lienhe:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.3));
}

.iframe_map {
    height: 100%;
    min-height: 33vh;
}

.iframe_map iframe {
    height: 100%;
    width: 100%;
}

.btn_cauhoi {
    display: inline-flex;
    align-items: center;
    font-size: 1.5rem;
}

/*--------------------------------------------------------------------------
|  Footer
--------------------------------------------------------------------------*/
footer {
    background-color: #135922;
}

footer li::marker {
    font-size: 1.7rem !important;
}

.footer-menu-section {
    font-size: 1.48rem;
}

.descript-website-section {
    font-size: 1.5rem;
    font-weight: 500;
}

.title-footer {
    color: var(--color-main);
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 2rem;
    color: white;
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.title-footer:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0.3rem;
    background-color: white;
    width: 8rem;
    max-width: 50%;
}

.footer-menu-section ul {
    margin-bottom: 0;
    padding-left: 0;
}

.footer-menu-section ul li {
    margin-bottom: 10px;
    color: white;
}

.footer-menu-section ul li a {
    color: white;
    font-size: 1.48rem;
}

.footer-menu-section ul li:last-child {
    margin-bottom: 0;
}

.tnp-email {
    height: 5rem;
}

.tnp-submit {
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    max-height: 4.5rem;
    line-height: 1.5;
}

.website_description {
    color: white;
}

.website_description span {
    color: var(--color-highlight);
}

.social_item a {
    display: inline-block;
    border-radius: 50%;
    background-color: var(--color-highlight);
    color: white;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 2rem;
}

.footer_last > .container > .row > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #ffffff52;
    padding: 2.5rem 0;
}

.copyright {
    color: white;
    font-size: 1.5rem;
}

.footer_last_cantainer {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.footer_last_cantainer li::marker {
    color: #ffffff47;
}

.footer_last_cantainer li:first-child::marker {
    color: #ffffff00;
}

/*Call now goc man hinh*/

img.share-button-icon {
    width: 4.5rem;
    filter: inherit;
}

.cus-contact-right a:nth-child(3) i, .cus-contact-right a:nth-child(2) img, .cus-contact-right a:nth-child(1) i {
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
/*Call now goc man hinh*/

/*--------------------------------------------------------------------------
|  Responsive
--------------------------------------------------------------------------*/
.header_mobile  > .container > .row {
    align-items: center;
}

.is-mobile .title-section {
    font-size: 2.45rem;
    padding-bottom: 5.5rem;
    margin-bottom: 15px !important;
}

@media (min-width: 576px) {
    .banner_item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .banner_content {
        width: 100%;
        max-width: 40rem;
        margin-left: 4rem;
        margin-right: auto;
        opacity: 0.95;
    }
}

@media (min-width: 768px) {
    .col-md-custom {
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .mb-md-10r {
        margin-bottom: 10rem !important;
    }
    
    .bg_category_custom {
        background-position: top;
        background-size: cover;
    }
    
    .item_tk {
        transform: translateY(-50%);
    }
    
    .chuyengia_description {
        width: 55%;
        margin: auto;
    }
}

@media (min-width: 992px) {
    .col-lg-custom {
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .bl_thongke {
        max-width: 992px;
        margin: auto;
    }
    
    .footer_last_cantainer li {
        margin-right: 4rem;
    }
    
    .footer_last_cantainer li:last-child {
        margin-right: 0;
    }
}

@media (min-width: 1000px) {
    .setting-menu .menu-section > ul > li:first-child > a {
        /* padding-left: 0 !important; */
    }
    
    .setting-menu .menu-section > ul > li:last-child > a {
        /* padding-right: 0 !important; */
    }
    
    .search_mobile {
        display: none;
    }
}

@media (max-width: 1200px) {
    .header_setting  > .container > .row > div:nth-child(2) {
        display: none;
    }
    
    .menu-section > ul > li > a {
        font-size: 1.5rem;
        padding: 0 2rem;
    }
}

@media (max-width: 1000px) {
    .is-mobile .btn-menu-mobile {
        color: var(--color-highlight);
    }
}

@media (max-width: 991.99px) {
    .header_hotline {
        margin-left: auto;
        display: flex;
        align-items: center;
    }
    .header-phone {
        display: none;
    }
    
    .footer-menu-section ul {
        padding-left: 2rem;
    }
    
    .footer_last_cantainer li {
        margin-right: 0;
    }
    
    .footer_last_cantainer li:first-child {
        margin-right: 4rem;
    }
}

@media (max-width: 991.99px) and (min-width: 768px) {
    .header_setting > .container > .row > div:last-child {
        flex-direction: column;
    }
}

@media (max-width: 767.99px) {
    .header_title {
        display: none;
    }
    
    .footer_last > .container > .row > div {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: center;
    }
    
    .footer_last_cantainer {
        list-style: none;
        flex-direction: column;
        padding: 0;
        margin-bottom: 2rem;
    }
    
    .footer_last_cantainer li {
        margin-right: 0 !important;
    }
}

@media (max-width: 575.99px) {
    .banner_item {
        text-align: center;
    }
    .title-highlight {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.box-banner-page img {
    width: 100%;
    height: 430px;
    object-fit: cover;
}

.title-highlight {
    display: flex;
    justify-content: space-between;
}

.bg_cosovc .ratio-66 {
    aspect-ratio: 3/2;
}

/*CSS by quyettq*/
.category_article_item {
    /* height: 100%; */
    /* display: flex; */
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*position: absolute;*/
    top: 0;
    width: 100%;
    border-top: 1px solid var(--color-main);
}

.category_article_container .swiper-slide {
    border: 2px solid var(--color-main);
}

.bl_comment .category_article_image img {
    width: 8rem;
    height: 8rem;
}

.bl_comment .comment_description {
    font-size: 12px;
}

.category_article_xemthem {
    padding: 5px 0;
}

.bl_comment .title_content {
    margin-bottom: 5rem !important;
}
/*End css by quyettq*/

.entire-file img {
    width: 8rem;
}

.entire-file .image {
    width: 128px;
    height: 146px;
    background: var(--color-highlight);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
}

.entire-file .name-file {
    font-size: 16px;
    color: black;
    transition: 0.4s;
}

.entire-file a {
    background: var(--light);
    border-radius: 8px;
}

.entire-file a:hover .name-file{
    color: var(--color-highlight);
}

/*css page lien height*/
[nh-form-contact] .item-upload-image {
  position: relative;
}
[nh-form-contact] .image-upload {
  height: 55px;
  margin-top: 5px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px;
}
[nh-form-contact] .item-upload-image i {
  position: absolute;
  right: 0;
}
[nh-form-contact] .item-upload-image i:before {
  border-radius: 1rem;
  background-color: var(--gray);
  width: 15px;
  height: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[nh-form-contact] [item-upload] i {
  cursor: pointer;
}

.btn-sub {
    color: var(--white);
    font-size: 1.6rem;
    cursor: pointer;
    text-decoration: underline;
    animation: blinkText 1s infinite;
}

.share-button-primary {
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

/* Hiệu ứng nhấp nháy */
@keyframes blinkText {
    0%, 100% {
        color: var(--red);
        opacity: 1;
    }
    50% {
        color: var(--white);
        opacity: 0.75;
    }
}

.form_dangky .custom-file {
    height: auto;
}