.Ss__slider__banner__hp .item__banner__hp {
    min-height: calc(100vh - 142px) !important;
	display: flex;
	align-items: center;
	background-size: cover;
	position: relative
}
.Ss__slider__banner__hp .item__banner__hp:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, rgb(4 52 26 / 60%) 0%, rgba(27, 60, 45, 0.00) 100%);
	left: 0;
	top: 0
}
.sub__title__banner h5 {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.125rem;
}
.title__banner h2 {
    font-size: 2.75rem;
    font-weight: 700;
    margin-bottom: 1.875rem;
}
.box__content__banner {
    width: 58%;
	opacity: 0;
	transform: translateY(-10rem);
	transition: all 1s ease-in-out
}
.slider__banner__hp .row.is-selected .box__content__banner {
	opacity: 1;
	transform: translateY(0)
}
.btn__global {
	display: inline-block;
    background-color: var(--main-color);
    border-radius: 20px;
    padding: 0.625rem 1.563rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
	transition: all .3s
}
.btn__global:hover {
	background-color: var(--sc-color);
	color: #fff !important
}
li.dot {
    opacity: 1 !important;
    height: 10px !important;
    width: 10px !important;
    margin: 0 5px !important;
    background-color: #EBF2EB !important;
    border-color: #EBF2EB !important;
}
.slider__banner__hp .flickity-page-dots {
    text-align: left !important;
}
li.dot.is-selected {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.sub__title__about {
    color: var(--main-color);
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    position: relative;
    padding-left: 2.5rem;
}
.sub__title__about:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background-image: url(
    /wp-content/uploads/2024/09/nature.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.title__about {
    color: var(--main-color);
    font-size: 2rem;
}
.des__about ul li {
    font-weight: 500;
    margin-bottom: 0.932rem;
    padding-left: 1.875rem;
    text-transform: uppercase;
    position: relative;
	margin-left: 0 !important
}
.des__about ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/wp-content/uploads/2024/09/img-an-vien-cay-desc-06.png);
    background-size: contain;
}
.img__abs {
	position: absolute !important
}
.Ss__homepage__stt1 .content__imgs__about {
    padding-right: 5rem;
    padding-bottom: 6.25rem;
}
.Ss__homepage__stt1 .content__imgs__about .bot__right {
	max-width: 15.125rem !important;
	bottom: 0;
	right: 0
}
.Ss__homepage__stt1 .content__imgs__about .radius__img {
    border-radius: 16px;
    overflow: hidden;
    border: 8px solid #fff;
}
.img__shadow {
	 box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);
}
.Ss__homepage__stt1 .content__imgs__about .img:nth-child(4) {
    max-width: 14.063rem !important;
    top: -2.25rem;
    right: -2.25rem;
}
.Ss__homepage__stt1 .content__imgs__about .img:nth-child(3) {
	max-width: 16.25rem !important;
    left: 0;
    bottom: 0;
}
.title__primary h2 {
	font-size: 2rem;
}
.title__divider h2{
	position: relative
}
.title__divider h2:after {
    position: absolute;
    content: '';
    width: 64px;
    height: 4px;
    background-color: var(--sc-color);
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -1.75rem;
}
.img__box__service {
    background-color: #fff;
    padding: 0.5rem;
    border-radius: 75px 4px 4px 4px;
	transition: all .3s
}
.img__box__service .box-image {
    border-radius: 75px 0 0 0;
	overflow: hidden
}
.img__box__service .content__des__service h4 {
    margin: 0 !important;
    display: inline-block;
    width: auto;
    font-size: 1.375rem;
    color: var(--main-color);
    max-height: 3.438rem;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: left;
	transition: all .3s
}
.img__box__service .content__des__service  i {
    font-size: 1.25rem;
	  color: var(--main-color);
	transition: all .3s
}
.img__box__service .box-text {
	padding: 0 !important
}
.img__box__service .content__des__service {
    padding: 0.932rem;
    padding-top: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img__box__service:hover {
	background-color: var(--sc-color)
}
.img__box__service:hover .content__des__service h4, .img__box__service:hover .content__des__service i {
	color: #fff
}
.list__cards__process {
	display: flex;
    gap: 0.932rem;
}
.icon__box__process  {
    background-color: #EBF2EB;
    border-radius: 16px;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
    position: relative;
	flex: 1
}
.icon__box__process .icon-box-img {
	width: 4.5rem !important
}
.icon__box__process .icon-box-text h3 {
    margin: 0.932rem 0;
    font-size: 1.375rem;
}
.icon__box__process span.number__stt {
    position: absolute;
    background-color: var(--sc-color);
    color: #fff;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    top: -1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: 2rem;
}
.item__compare__project .item {
    display: flex;
    gap: 1.25rem;
}
.item__compare__project .thumbnail {
	width: 70%
}
.item__compare__project .content__post__project {
	width: 30%
}
.content__post__project h4 {
    font-size: 22px;
    line-height: 1.676rem;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.read__more {
    color: var(--sc-color);
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}
.content__post__project .des__project {
    font-size: 0.875rem;
    line-height: 1.813rem;
    margin-bottom: 1.25rem;
}
.item__project {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 12px 0 #0000001F;
	height: 100%
}
.item__project .content__post__project {
	padding: 1.5rem
}
.item__project .content__post__project h4 {
    font-size: 1.125rem;
}
.item__project .img__thumb__169 .img__inner{
	padding-top: 69%;
	position: relative;
	overflow: hidden
}
.item__project .img__thumb__169 .img__inner img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center;
	transition: all .3s
}
.item__project:hover .img__thumb__169 .img__inner img {
	transform: scale(1.1)
}
.blogs__hp .box-blog-post {
    border-radius: 8px;
    overflow: hidden;
}
.blogs__hp .box-text {
	padding: 1.25rem !important
}
.box-blog-post .post-title {
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-top: 0;
	margin-bottom: 1.25rem !important
}
.blogs__vertical__hp .box-blog-post {
	display: flex
}
.blogs__vertical__hp .box-blog-post .box-image {
	width: 40% !important
}
.blogs__vertical__hp .box-blog-post .box-text {
	width: 60% !important
}
.blogs__vertical__hp .box-blog-post .image-cover {
	height: 100%
}
.box-blog-post p.from_the_blog_excerpt {
    font-size: 0.875rem;
	margin-top: 0 !important;
    margin-bottom: 0.932rem;
}
.logo__footer {
    padding-bottom: 1.875rem;
}
.title__footer1 h3 {
    font-size: 1rem;
}
.icon__box__footer .icon-box-img {
	width: 14px !important
}
.icon__box__footer .icon-box-img img {
	padding: 0 !important
}
.icon__box__footer  p {
	margin: 0
}
.list__icons__box__footer {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}
.title__footer__2 h2 {
    font-size: 1.125rem;
    margin-bottom: 1.563rem;
}
.menus__footer a.ux-menu-link__link {
    color: #fff;
}
.menus__footer a.ux-menu-link__link:hover {
	color: var(--hl-color)
}
.list__social__footer i {
    color: #fff;
    font-size: 1.25rem;
}
.list__social__footer a { 
	margin: 0 !important
}
.list__social__footer {
    display: flex !important;
    align-items: center;
    gap: 0.875rem;
    margin: 0.75rem 0 1rem;
}
.btn__contact__footer .button{
    width: 100%;
    padding: 0.25rem 1rem !important;
	background-color: var(--hl-color) !important
}
.btn__contact__footer p {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}
.absolute-footer {
	display: none
}
.abs__footer a {
	color: #fff
}
.abs__footer p {
	margin: 0  !important
}
.abs__footer {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    text-align: center;
    border-top: 1px solid #bbbbbb8a
}
.Ss__banner__project {
    padding: 7rem 0 !important;
}
.content__banner__project .title h2 {
    font-size: 2.75rem;
    line-height: normal;
    margin-bottom: 0.75rem;
}
.content__banner__project .desc p {
    font-style: italic;
}
.breadcrumbs li {
	margin: 0
}
.breadcrumbs li.item-current strong {
	font-weight: 400;
	color: #383838
}
.breadcrumbs li svg {
	width: 20px
}
ul.breadcrumbs {
    display: flex;
    align-items: center;
	flex-wrap: wrap
}
ul.breadcrumbs li {
    display: flex;
    align-items: center;
	margin: 0 !important;
	flex-wrap: wrap
}
ul.breadcrumbs li.separator {
	margin: 0 0.5rem !important;
	opacity: 1 !important
} 
.archive__projects {
    padding: 2rem 0;
}
.archive__projects .wrapper__breadcumb {
    margin-bottom: 3rem;
}
.box__desc__archive .divider {
    height: 4px;
    width: 4rem;
    background: var(--main-color);
    margin: 1.25rem 0;
}
.box__desc__archive h2.title {
    font-size: 1.375rem;
}
.categories .has__child {
	position: relative
}
.categories .has__child .btn__toggle{
	position: absolute;
	top: 5px;
	right: 0;
	line-height: 1
}
.categories .has__child .btn__toggle i {
	font-size: 0.875rem;
	opacity: .7
}
.achive__posts .category {
    display: flex;
    width: 100%;
    box-shadow: 4px 4px 16px 0 #00000029;
    border-radius: 8px;
    flex-direction: column;
}
.achive__posts .sidebar h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    line-height: 150%;
    margin: 0;
    background-color: var(--main-color);
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 1rem 0.75rem;
    border-radius: 8px 8px 0 0;
    text-align: center;
    width: 100%;
}
.wrapper__cates {
	padding: 1.5rem
}
.categories li {
	font-size: 1rem;
	font-weight: 700
}
.categories li:not(las-child) {
	margin-bottom: 1.125rem
}
ul.cates__child {
    margin: 0;
    margin-top: 1.25rem;
    padding-left: 1.25rem;
}
.categories li.has__child 
{
	cursor: pointer
}
.categories .cates__child {
    display: none; 
}

.categories li span {
	cursor: pointer;
	transition: all .3s
}
.categories li span.current {
	color: var(--main-color)
}
.categories li span:hover {
	color: var(--main-color)
}
.pagination>* {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #CED0D3;
    transition: all 0.3s ease;
}
.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.75rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #31343B;
    flex-wrap: wrap;
}
.pagination span.page-numbers.current, .pagination .page-numbers:hover {
    background: var(--main-color);
    color: #fff;
}
.pagination {
    flex: 0 0 100%!important;
    max-width: 100%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 0.75rem;
}
.overlay__loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 100% / 65%);
    z-index: -9999999;
    display: none;
    justify-content: center;
    align-items: center;
}
.overlay__loading.active {
	display: flex;
	z-index: 9999999;
}
.loader {
	display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.1s infinite ease;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0% {
    transform: rotate(0deg);
    box-shadow: 0em -2.6em 0em 0em rgb(8, 102, 52),
                1.8em -1.8em 0 0em rgb(8, 102, 52),
                2.5em 0em 0 0em rgb(8, 102, 52),
                1.75em 1.75em 0 0em rgb(8, 102, 52),
                0em 2.5em 0 0em rgb(8, 102, 52),
                -1.8em 1.8em 0 0em rgb(8, 102, 52),
                -2.6em 0em 0 0em rgb(8, 102, 52),
                -1.8em -1.8em 0 0em rgb(8, 102, 52);
  }
  100% {
    transform: rotate(360deg);
    box-shadow: 0em -2.6em 0em 0em rgb(8, 102, 52),
                1.8em -1.8em 0 0em rgb(8, 102, 52),
                2.5em 0em 0 0em rgb(8, 102, 52),
                1.75em 1.75em 0 0em rgb(8, 102, 52),
                0em 2.5em 0 0em rgb(8, 102, 52),
                -1.8em 1.8em 0 0em rgb(8, 102, 52),
                -2.6em 0em 0 0em rgb(8, 102, 52),
                -1.8em -1.8em 0 0em rgb(8, 102, 52);
  }
}
.achive__posts .filter {
    margin-bottom: 2rem;
}
.achive__posts .search {
    position: relative;
    max-width: 316px;
}
.achive__posts .search input {
    border-radius: 32px;
    border: 1px solid #CED0D3;
    background: #FFF;
    display: flex;
    width: 100%;
    padding: 12px 50px 12px 16px;
    justify-content: space-between;
    align-items: center;
    color: #4E535E;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.achive__posts .search svg {
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
    pointer-events: none;
}
.header-main {
    box-shadow: 4px 4px 16px 0 #0000003D;
}
.single__project .wrapper__breadcumb {
    margin: 1.5rem 0 3rem;
}
.swiper__project {
    overflow: hidden;
}
.thumb__img {
	position: relative
}
.swiper__project.main .thumb__img{
	padding-top: 75%;
}
.swiper__project.thumb .thumb__img {
	padding-top: 56.25%
}
.swiper__project.main {
    margin-bottom: 10px;
    position: relative;
}
.thumb__img img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}
.swiper__project.thumb .swiper-slide:not(.swiper-slide-thumb-active) .thumb__img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.3);
}
.swiper__btn:after{
    font-size: 1.5rem;
    font-weight: 800;
	color: var(--hl-color)
}
.box__summary__project .header__project h2 {
    font-size: 2rem;
    line-height: 1.2;
}
.box__summary__project {
    background: #ebf2eb;
    border-radius: 14px;
    padding: 1.5rem 1.125rem 1.5rem 1.125rem;
	height: 100%
}
.icon__box__detail {
    color: var(--main-color);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.icon__box__detail svg {
    width: 14px;
	fill: var(--main-color)
}
.box__summary__project .row__info  {
    display: flex;
	gap: 0.5rem
}
.box__summary__project .row__info .detail {
	flex: 1
}
.box__summary__project .row__info .detail p{
	margin: 0
}
.box__summary__project .icon__box__detail span {
	text-transform: uppercase;
	display: flex
}
.box__summary__project .box__detail__info {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}
.section__related  {
	background-color: #F3F3F3;
	padding: 5.75rem 0 3rem
}
.Ss__service__stt1 .desc__point ul li {
    margin-left: 0 !important;
    margin-bottom: 0.25rem;
    padding-left: 2rem;
    position: relative;
    font-weight: 500;
}
.Ss__service__stt1 .desc__point ul li:before {
	content: '';
	position: absolute;
	  background-image: url('/wp-content/uploads/2024/09/long-arrow-pointing-to-the-right.png');
	width: 1.5rem;
	height: 1.5rem;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}
.Ss__service__stt1 .desc__point.checked ul li:before {
	  background-image: url('/wp-content/uploads/2024/09/img-an-vien-cay-desc-06.png');
}
.box__number__hl h2 {
    font-size: 2.813rem;
    margin-bottom: 0;
    line-height: normal;
}
.box__number__hl p {
    margin-bottom: 0;
    font-size: 1.125rem;
}
.title__w__border h2 {
    font-size: 2rem;
}
.title__w__border.border__left {
	border-left: 5px solid var(--hl-color);
	padding-left: 0.75rem
}
.box__ul__disc ul {
    list-style: disc;
	padding-left: 1.25rem
}
.box__ul__disc ul li {
	margin-left: 0 !important
}
.ul__pd__left {
	padding-left: 1rem
}
.box__match {
    background: #fff;
    border-left: 2px solid var(--hl-color);
    padding: 1.5rem;
	height: 100%;
}
.box__match h2 {
    font-size: 1.375rem;
    font-weight: 600 !important;
}
.title__w__checked h3 {
	font-size: 1rem;
	font-weight: 500 !important;
	position: relative;
	padding-left: 2rem;
	
}
.title__w__checked h3:before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2024/09/img-an-vien-cay-desc-06.png');
	width: 1.5rem;
	height: 1.5rem;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}
.wrapper__videos__garden {
    display: flex;
}
.wrapper__videos__garden .videos__wrapper {
	flex-grow: 1
}
.wrapper__videos__garden .videos__wrapper iframe {
	width: 100%;
	height: 418px
}
.wrapper__videos__garden .tabs__wrapper {
	width: 33.33%
}
.wrapper__videos__garden .tabs__header {
    background: var(--main-color);
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
	align-items: center
}
h2.tab__title__header {
    font-size: 1rem;
    color: #fff;
    margin: 0;
}
.box__counts__video {
    text-align: right;
    font-size: 0.875rem;
}
.wrapper__videos__garden .tabs__header > * {
	flex: 1
}
.tab__item__garden {
    background-color: #fff;
    border-color: #d5dadf;
    border-width: 0 0 1px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    outline: none;
    padding: 0 1rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.tab__item__garden .title__video {
    font-size: 0.875rem;
    margin: auto 0.35rem !important;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.tab__item__garden .title__video a {
	color: #383838 !important;
}
.thumbnail__video {
    background-color: #d5dadf;
    position: relative;
    margin: auto 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4.688rem;
}
.thumbnail__video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thumbnail__video .thumb__img {
	padding-top: 65%
}
.list__tabs__video {
    padding: 0.75rem 0;
    background: #fff;
}
.tab__item__garden.active {
    background-color: #F1F3F5;
}
.thumbnail__video span.icon-play-garden {
    position: absolute;
    width: 1rem;
    height: 1rem;
    z-index: 99;
    top: 55%;
    transform: translateY(-50%);
    right: 3px;
    display: flex;
}
.thumbnail__video span.icon-play-garden svg {
	fill: #fff
}
.accordion-title {
    border: none !important;
    background: #fff;
    border-radius: 7px;
}
.accordion .accordion-item:not(:last-child) {
    margin-bottom: 0.875rem;
}
.accordion-title span {
    font-size: 1rem;
    font-weight: 700;
}
.box_text__bg h2 {
    margin: 0;
    font-size: 8rem;
    font-weight: 1000 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: normal;
    
    background: url('/wp-content/uploads/2024/09/img-an-vien-cay-desc-28.jpg') no-repeat center center;
    background-size: cover;
   
    -webkit-background-clip: text;
    background-clip: text;
    
    color: transparent;
    
}
.Ss__estimate h2, h3, h4, h5, h6 {
	margin-bottom: 0.5rem !important
}
.Ss__estimate .box__sub__heading {
    padding-left: 2.25rem;
}
.Ss__estimate thead th {
    border: 1px solid #ccc;
    background: var(--main-color);
    padding: 0.75rem;
    color: #FFF;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
}
.Ss__estimate td {
    padding: 0.75rem !important;
    border: 1px solid #ccc;
    background: #fff;
    color: #383838;
    text-align: left;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    font-weight: 500;
}
.Ss__estimate table {
	border-collapse: collapse
}
.Ss__estimate .table__center table td{
	text-align: center
}
.form__contact input {
	 height: 38px;
}
.form__contact input, .form__contact textarea {
    font-size: 1rem !important;
    box-shadow: none !important;
    border-color: #ddd !important;
    border-radius: 10px !important;
}
.Ss__estimate ul {
	list-style: disc
}
h3.form-header-title {
    font-size: 1.375rem;
    margin-bottom: 1.5rem !important;
}
.form-footer-container button.button {
    width: auto !important;
    display: inline-block !important;
    margin: 0;
    padding: 0.875rem 3rem !important;
    min-height: initial !important;
    line-height: 1;
    border-radius: 27px;
}
.nav-pagination {
    display: flex;
    width: 100%;
    justify-content: center;
}
.nav-pagination .page-number {
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    border-radius: 5px;
    background: #F3F3F3;
    font-weight: 400;
    line-height: 2.5rem;
}
.sidebar .category:not(:last-child) {
	margin-bottom: 2rem
}
.categories a {
	color: #000
}
.categories a.current {
	color: var(--main-color)
}
::-webkit-scrollbar {
    width: 9px; 
}

/* Thanh cuộn (track) */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Màu nền của thanh cuộn */
    border-radius: 0; 
}

/* Thanh cuộn (thumb) */
::-webkit-scrollbar-thumb {
    background: var(--main-color); 
    border-radius: 0;
}

/* Hiệu ứng hover cho thanh cuộn (thumb) */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* Màu khi hover */
}
.Ss__service__stt2 {
    border-radius: 24px;
}
.accordion-title {
    padding-left: 1rem !important;
}
.accordion-inner {
    padding-left: 1.5rem !important;
}
.header__process {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.header__process p, .header__process h3 {
	margin: 0 !important
}
.header__process p.text__stt__process {
    font-size: 3.125rem;
    font-weight: 700;
}
.title__header__bg p {
    margin: 0;
    display: block;
    font-size: 1.375rem;
    background: var(--main-color);
    color: #fff;
    border-radius: 24px;
    padding: 0.5rem;
}
.projects__list__services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 2rem;
}
.projects__list__services .project__item__services:first-child {
	grid-row: span 2
}
.projects__list__services .project__item__services {
    position: relative;
    border-radius: 0 23px 0 23px;
    overflow: hidden;
}
.projects__list__services .project__item__services:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1
	
}
.projects__list__services .project__content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    padding: 1rem;
    align-items: center;
    gap: 1.5rem;
	z-index: 9;
}
.projects__list__services .project__image, .projects__list__services img {
    height: 100%;
	width: 100%;
}

.projects__list__services .project__content h3 {
    margin: 0 !important;
    color: #fff;
    font-size: 1.375rem;
}
.projects__list__services a.btn__details {
    color: #fff;
    white-space: nowrap;
    text-decoration: underline;
}
.project__item__services .thumb__img {
    padding-top: 50%;
}
.project__item__services.first-item .thumb__img {
    padding-top: 100%;
	height: 100%
}
h2.post__title__single {
    font-size: 2rem;
}
.tab_services .nav li a {
    font-size: 1.125rem;
    text-transform: none;
    font-weight: 600;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.2rem 1.5rem;
	color: #232323
}
.tab_services .nav-vertical+.tab-panels {
    border-left: none !important;

}
.tab_services .nav-vertical>li+li {
    border-top: none !important;
}
.tab_services .nav-vertical+.tab-panels {
    border-left: none !important;
    background: #F3F3F3;
    padding: 2rem;
}
.box__match.pd__0 {
    padding: 0;
}
.img__full, .img__full * {
	height: 100%
}
.img__full img {
	object-fit: cover
}
.bg__main .box__match {
    background: var(--main-color);
}
.bg__main .box__match h2{
   color: #fff;
	font-size: 2rem;
	font-weight: 800 
}
.gallery__radius .box-image {
    border-radius: 10px 10px 0 0;
}
.custom__embed__play svg {
    width: 6.25rem;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.thumb__video__embed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media screen and (min-width: 850px) {
    .achive__posts .large-8 {
        flex-basis: 68.5% !important;;
        max-width: 68.5% !important;;
}
	.achive__posts .large-4 {
        flex-basis: 31.5% !important;
        max-width: 31.5% !important;
}
	.tab_services.tabbed-content .nav-vertical {
    width: 30%;
}
}