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

h1, h2, h3, h4, h5, h6, .heading-font {
    color: #292930 !important;
}


blockquote, dl, figure,  p, pre {
    margin-bottom: 1.5rem !important;
}


.h3, h3 {
    font-size: 2rem;
}



.mobile-slider .flickity-page-dots {
    pointer-events: auto; 
}

.mobile-slider .flickity-page-dots .dot {
    border: none;
    height:6px;
    margin: 0 4px;
    opacity: .5;
    transition:all 0.5s;
    width: 6px;
    background-color: var(--fs-color-primary);
    border-radius:10rem;
}


.mobile-slider .flickity-page-dots .dot.is-selected {
     background-color: var(--fs-color-primary);
     width:18px;
}

.mark-section .mark-row > .col > .col-inner {
    position:relative;
    padding-top:50%;
}


.mark-section .mark-row > .col .box {
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width: calc(100% - 14rem);
    border-radius:3rem;
    overflow:hidden;
    transition: all 1s;
    opacity:0;
}


.mark-section .mark-row > .col .box.active {
    left: 38rem;
    width: calc(100% - 38rem);
   
}

.mark-section .mark-row > .col .box.one {
    z-index: 3; /* Hộp đầu tiên có z-index cao nhất */
         opacity:1;
}

.mark-section .mark-row > .col .box.two {
    z-index: 2; /* Hộp thứ hai */
    left: 19rem;
    width: calc(100% - 26rem);
      opacity:1;
}

.mark-section .mark-row > .col .box.three {
    z-index: 1; /* Hộp thứ ba */
    left: 38rem;
    width: calc(100% - 38rem);
      opacity:1;
}

.mark-section .mark-row > .col .box.selected {
   
}

.mark-section .mark-row > .col .box.next {
  
}

.mark-section .section-bg img {
    height: auto;
}

.mark-section .slider .flickity-slider .row {
    opacity: 1 !important;
    scale: 90%;
    transform: translateX(-10%);
}


.mark-section .slider .flickity-slider .row.is-selected {
    /*padding-right:200px;*/
}

.mark-section .slider .flickity-slider .row.is-selected + .row {
  /*  right:100px !important;*/
}

.mark-section .slider .flickity-slider .row.is-selected + .row + .row {
    /*right: 0 !important;*/
}


.mark-section .services-row .col > .col-inner {
    border-radius:3rem;
    background-color:#F3F3F3;
    padding:3rem;
    border:1px solid transparent;
}


.mark-section .services-row .col > .col-inner:hover {
    border-color:#D9D9D9;
}

.mark-section .services-row .col > .col-inner  .icon-box h3 {
    height: 6rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2rem;
        font-size: 2rem;
}


.mark-section .services-row .col > .col-inner ul li {
    background:url(../images/sharp-arrow-right.png) no-repeat left center / 1.5rem auto ;
    list-style-type:none;
    padding-left:2.4rem;
    margin-left:0;
    color:#656565;
}

.mark-section .services-row  .col > .col-inner .button {
    min-height:5rem;
    line-height: 4.8rem;
    border-radius: 10rem;
    background-color: var(--color-white);
    color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    box-shadow:none;
}

.mark-section .services-row .col > .col-inner .button:hover {
    color: var(--color-white);
    background-color: var(--fs-color-primary);
}



.testimonials-section .testimonials-row .flickity-viewport{
    min-height: var(--minHeight) !important;
}

.testimonials-section .testimonials-row .flickity-slider  > .row {
    min-height:100%;
}

.testimonials-section .testimonials-row .flickity-slider  > .row > .col {
     height:100%;
}

.testimonials-section .testimonials-row .flickity-slider  > .row .col > .col-inner{
     height:100%;
}



.testimonials-section .slider{
    margin-left:-1.2rem;
    margin-right:-1.2rem;
    padding-bottom:8rem;
}

.testimonials-section .slider .flickity-slider >  .row {
    max-width:33.34% !important;
    opacity:1;
    padding:0 1.2rem;
}

.testimonials-section .testimonial-box {
    padding: 4.5rem 3rem 1.5rem;
    margin-bottom:3rem;
    border:1px solid #DEDEDE;
    border-radius:3rem;
    box-shadow: 0 2px 4px 0 rgba(144, 144, 144, 0.5);
}

.testimonials-section .testimonial-box .star-rating {
    font-size: 2rem;
    width: 12rem;
    letter-spacing: 0.5rem;
}

.testimonials-section .testimonial-box  .testimonial-text {
    font-size:1.8rem;
    font-style:normal !important;
    color:#505565;
    font-weight:400;
    border-top: 1px solid #ECECEC;
    padding-top:2rem;
    margin-top:2rem;
}

.testimonials-section .testimonial-box .testimonial-meta {
    display:none;
}

.testimonials-section .testimonial-box + .icon-box  .icon-box-img {
    max-width:5.7rem !important;
}
.testimonials-section .testimonial-box + .icon-box  .icon-box-img img {
    padding-top:0;
    border-radius:50%;
    max-width:5.7rem !important;
    width:5.7rem !important;
    height:5.7rem !important;
}
.testimonials-section .testimonial-box + .icon-box .icon-box-text {
    font-size:1.8rem;
    color:#828282;
}

.testimonials-section .testimonial-box + .icon-box .icon-box-text h3 {
    margin-bottom:0;
}


.office-section .office-img {
    border-radius: 0 20rem 0 0 ;
    overflow:hidden;
    margin-bottom:0 !important;
}

.office-section .office-img-text {
     position: absolute;
    top: 50%;
    max-width: 17.5%;
    right: 0;
    transform: translateY(-50%);
    z-index: 10;    
    margin-bottom:0 !important;
}

.news-section .flickity-viewport{
    min-height: var(--minHeight) !important;
}


.news-section .flickity-slider > .col {
       min-height:100%;
}

.news-section .flickity-slider .col > .col-inner{
     height:100%;
}



.footer-contact-section {
    display:none;
}


.flickity-page-dots .dot {
    border: none;
    height: 6px;
    margin: 0 4px;
    opacity: .2;
    transition: all 0.5s;
    width: 6px;
    border-radius: 10rem;
}

.flickity-page-dots {
        pointer-events: auto;
    }

@media screen and (max-width: 849px) {
    .testimonials-section .slider .flickity-slider > .row {
        max-width: 50% !important;
    }
    
    .testimonials-section .testimonial-box .testimonial-text {
        font-size: 1.6rem;
        padding-top:  1.5rem;
        margin-top: 1.5rem;
    }
    
    .testimonials-section .testimonial-box + .icon-box .icon-box-text {
        font-size: 1.6rem;
    }
    
 


}




@media screen and (max-width: 549px) {
    .office-section .office-img {
        border-radius: 0 6rem 0 0;
    }
    
    .testimonials-section .slider .flickity-slider > .row {
        max-width: 100% !important;
    }
    
    .testimonials-section .testimonial-box .testimonial-text {
        font-size: 1.5rem;

    }
    
    .testimonials-section .testimonial-box + .icon-box .icon-box-text {
        font-size: 1.4rem;
    }
    .testimonials-section .testimonial-box {
        padding: 2rem 1.5rem 1rem;
        margin-bottom: 2.4rem;
        border-radius: 2.4rem;
    }
    .box-blog-post .post-title a {
        font-size: 1.5rem;
        height: 4.5rem;
    }
    .row .row:not(.row-collapse).blog-1 {
        width: 100% !important;
         margin: 0; 
    }
    
    .blog-1  .col.post-item {
        padding: 0 6px 12px !important;
    }

    .testimonials-section .slider {
        padding-bottom: 3rem;
    }
}