/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html{
    font-family:'Roboto', sans-serif !important;
}
p{
    font-size: 20px;
    font-weight: 550 !important;
}
h3 {
    font-size: 32px!important;
}
h1{
    font-family: 'Roboto', sans-serif !important;
    font-size:80px !important;
    font-weight:650 !important;
    line-height: 1;
}
h2{
    font-family: "__Inter_f4ee7c", "__Inter_Fallback_f4ee7c" !important;
    font-size: 56px !important;
    font-weight: 750 !important;
}
span{
    font-size:24px;
    font-weight: 550 !important;
}
.textheader {
    line-height: 0.15 !important;
}

.stickyphu1{
    height:auto ;
}
.bt_header{
    background: #2b8659;
    border-radius: 5px;
}
.bannersl{
    width: 368px !important;
}
.textheader{
    line-height:0.15; 
}
.sticky1{
    position:sticky;
    top:0px;
}
.stickyphu1{
    height:auto;
}
.section{
    padding:0px !important;
}
.header-button span {
    font-size:14px !important;
}
.bt_header{
    padding: 2px 20px !important;
}
h2{
    font-size:56px !important;
}

.bannersl2{
     width: 368px !important;
    border-radius:8px !important;
    overflow:hidden;
}
.bannersl{
width: 368px !important;
    border-radius:8px !important;
    overflow:hidden;
}
.slider-style-container .flickity-slider>:not(.is-selected) {
    opacity:1;
}
.flickity-slider .is-selected .row{
    left:0% !important;
}
.banner .space-slide{position: absolute !important;
left: 147% !important}
.button span {
display: inline-block;
line-height: 1.6;
font-weight: 400;
    font-size: 20px;}

.bt_sumenh span{
padding: 5px 10px;
font-weight: 600;
    color:black;
}
.text_padding h3{
    margin-top: -15px;}
.img_wow{
    border-radius:18px;
    overflow:hidden;
}
h2, h1{
    font-weight:750;
    font-family:'Roboto', sans-serif !important;
}
p, span{
    font-weight:550;
}
.tabs_main span{
    font-size:14px;
    color:rgba(255, 255, 255, 0.82)
}
.tabs_main2 span{
    font-size:14px;
    color:rgba(0, 0, 0, 0.82)
}
.tabs_main.nav>li.active>a{
    color:rgb(167, 22, 22) !important;
}
.from_the_blog_excerpt {
    text-align: start;
}
.box-text-inner.blog-post-inner{
    text-align:start;
}
p.from_the_blog_excerpt {
    font-size:16px;
    color:gray;
}
.plain img{
    border-radius:12px 0px 0px 12px;
}
.blog_navical .plain img{
    border-radius:12px 12px 12px 12px;}
 .blog_main .box-text.text-center {
    box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.04),   /* phải */
0px 2px 4px rgba(0, 0, 0, 0.04),   /* dưới */
0px -2px 4px rgba(0, 0, 0, 0.04);  /* trên */
border-radius: 0px 12px 12px 0px;
}
.blog_navical .box-vertical .box-text{
    padding-left: 1.5em;
padding-right: 0em;
}
.blog_navical {box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.1), 0px 3px 5px rgba(0, 0, 0, 0.1), 0px -3px 5px rgba(0, 0, 0, 0.1);
border-radius: 12px;}
.blog_navical .post-item{
    padding: 16.5px;
}
.blog_navical{
    margin-bottom:61px
}
.is-divider{
    display:none;
}
.gt_float_switcher img {
        width: 20px !important;
}
.gt_float_switcher{
    box-shadow: none !important;
    background:#ffffff00 !important;
}
.gt-current-lang span{
    font-size:16px !important;
}
.bt_thunhap span{
    padding:15px;
}
.bt_thunhap2 span{
    padding:15px;
}
.bt_thunhap{
    border-radius: 12px;
    color: white !important;
    background: #2b8659;
}
.bt_thunhap2{
    border-radius: 12px;
    color: rgb(0, 0, 0) !important;
    background: rgb(94, 208, 117);
}
.img_scale {
transform: scale(0.9);
transition: transform 0.3s ease;
}
html {
scroll-behavior: smooth;
}
.blog_main .image-zoom.image-cover {
    border-radius: 12px !important;
}
.text_number span{
    font-size:8rem;
}
.to p{
font-size:8rem !important;
font-weight: 750 !important;
    
}
.nho p{
font-size:3rem !important;
font-weight: 750 !important
}
.banner_thongke{
    overflow: hidden !important;
}
.img_slabout{
    border-radius: 12px;
    overflow: hidden;
}
.text_slabout{
    margin-top: -25px;
}
.sl_workofabout .flickity-page-dots {
    bottom: -16px;
    left: -38%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20%;
    text-align: center;
}
.banner_vdabout{
border-radius: 12px 12px 0px 0px;
overflow: hidden;    
}
.mfp-inline-holder .ux-mfp-inline-content--video {
    line-height: 0;
    max-width: 100%;}
.bt_about{
    border-radius: 10px;
    padding: 5px 15px 5px 15px;
    background: #ffffff00;
    color: rgb(75, 190, 75);
    border: 1px solid;
}
.bt_about:hover{
    background: #2ddf8638;
    color: green;
}
.padding_textabout{
    padding-bottom: 0px;
}
.row_about{
    background: black;
    border-radius: 12px;
    overflow: hidden;
}
.row_about2{
    border-radius: 12px;
    overflow: hidden;
}
.row_slchettiet{
    overflow: hidden;
}
.text_smalldoitac span{
    font-weight: 450 !important;
}
.text_smalldoitac2 p{
    font-weight: 450 !important;
}
.row_sigindoitac{
    background:rgb(29, 150, 92);
    border-radius: 12px;
    overflow: hidden;
}
.img_bgdv{
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
}
.rating-box {
    background-color: #66e39c; /* Màu xanh lá nhạt */
    padding: 5px 20px;
    border-radius: 9999px; /* Bo tròn */
    display: inline-flex;
      gap:2px;
   justify-content: center;
    align-items: center;
  }
  
  .star {
    font-size: 24px;
    color: black;
  }
  
  .padding_textabout{
      margin-bottom:-30px;
  }
  .icon_doitac p{
          margin-bottom:0px;
  }
  .text_arcodition span{
      font-weight:450!important;}
  .accordion-title span{
          font-size:1.2rem;
          margin-left: 5px;
  }
  .accordion-title{
  border-top:none !important;
          padding:13px !important;
  }
  .arcodition_doitac2 .accordion-title{
    border-top:none !important;
            padding:15px !important;
    }
  .arcodition_doitac2{
  border: 0.5px solid #e8e1e1;
  border-radius: 11px;
  overflow: hidden;
  margin-bottom: 20px !important;}
  .arcodition_doitac{    
    border: 0.5px solid #e8e1e1;
      border-radius: 11px;
      overflow: hidden;
      margin-bottom: 10px;}
  .accordion .toggle {
      border-radius: 999px;
      height: 1.5em;
      left:94%;
      margin-right: 5px;
      position: absolute;
      top: .3em;
      transform-origin: 50% 47%;
      width: 2.3em;
  }
  .row_sigindoitac .col{
          padding: 0px !important;
  }
.sl-dv .flickity-page-dots {
    bottom: -32px;
    left: 60%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0%;
    text-align: center;
}
.arcodition_doitac2 .accordion-title i {
    display: none !important;
}

.accordion-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.arcodition_doitac2 .accordion-title:before {
    font-family: "Font Awesome 5 Free";
    content: "\f055";
    font-weight: 900;
    font-size: 24px;
    position: absolute;
    right: 10px;
}
.arcodition_doitac2{
border: 0.5px solid #e8e1e1;
      border-radius: 11px;
      overflow: hidden;
      margin-bottom: 10px;}
.text_small p{
    font-weight: 350 !important;
}
.text_small2 span{
    font-weight: 400 !important;
}
.text_smalldv span{
    font-weight: 400!important;
    font-size: 12px !important;
}
.text_smalldv2 p{
    font-weight: 400!important;
    font-size: 12px!important;
    margin-top: -20px;
}
.accordion-title:hover {
    color:black !important;
}
.arcodition_doitac:hover{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.12);
}
.arcodition_doitac2:hover{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.12);
}
.accordion-title.active{
    background-color:white;
    color:black;
}
.card-ride {
background-color: #0c2b1f; /* màu nền xanh đậm */
border-radius: 16px;
padding: 24px;
width: 300px;
color: white;
font-family: system-ui, sans-serif;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 450px;
position: relative;
}

.card-content {
z-index: 2;
position: relative;
}

.card-content h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 8px;
}

.card-content p {
font-size: 16px;
margin-bottom: 16px;
color: #d1d5db; /* màu xám nhẹ */
}

.card-content button {
background-color: #34d399; /* xanh lá giống nút */
color: black;
border: none;
padding: 10px 20px;
border-radius: 8px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.card-content button:hover {
background-color: #2ccf8b;
}

.card-image {
position: absolute;
bottom: 0;
right: 0;
height: 180px;
width: 180px;
background-image: url('your-image-path.png'); /* Thay bằng đường dẫn ảnh */
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
z-index: 1;
pointer-events: none;
}
.blog_dv .plain img {
    border-radius: 12px;
}
.blog_dv .post-meta{
    font-weight: 300;
    font-size: 10px;
}
.bt_dv span{
    font-size:14px;
    color: black;
    background-color: #9da3ac0a;
}
.bt_dv .success{
  background-color:#9da3ac0a !important;
}
.bt_downdv span {
    display: inline-block;
    line-height: 1.6;
    font-weight: 400;
    font-size: 14px;
}
.bt_dv{
    background-color:#ececec;
}
.col_hien5 .accordion-item:nth-child(n+6) {
    display: none;
  }
  .accordion-item {
    max-height: 1000px; /* đủ lớn cho nội dung */
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    opacity: 1;
  }
  
  .accordion-item.is-hidden {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
  }
  .open_bt{
    color:black;
    background:#dddedfad;}
.open_bt:hover{
    color:black;
}
.danhmuctintuc{
    background: white;
    border-radius: 12px;
    padding: 0px 20px 0px 10px;
}
.ux-menu-link__text {
    transition: all 0.3s ease-in-out;
    display: block;
}

.ux-menu-link__text:hover {
    background-color: #1e6b47;
		width: 90%;
    height: 100%;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
		padding:10px 0px;
		align-items:center;
		margin:auto;
}
.ux-menu-link__text{
		font-size:1rem;
}
.text_footer p span {
    font-size:14px !important;
}
.bt_sumenh span{
    color: white;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.row_aboutmain{
    padding:0px 15px !important;
}
.sl_workofabout .flickity-page-dots {
    bottom: 20px;
    left: 20%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20%;
    text-align: center;
}
.bt_thunhap{
    display: flex;
    justify-content: center;
}
.col_about .col-inner{
    margin:0px!important;
}

}