.custom-vertical-scrollbar {

  position: absolute; 
	float: left;
	height: 440px;
	width: 40px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 999;
	cursor: pointer

}
.custom-horizontal.reverse .swiper {
    direction: rtl !important;
}
.custom-horizontal.reverse .item-box-tn  {
	 direction: ltr !important;
}
.item-box-tn  {
	max-width: 650px;
}

.custom-vertical-scrollbar::-webkit-scrollbar-track
{

  background: transparent;
}



.custom-vertical-scrollbar::-webkit-scrollbar
{
	width: 8px;
    background: transparent;
}

.custom-vertical-scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	
	background-color: #2E4D2C;
}


.item-box-tn {
	 padding: 24px;
    border-radius: 20px;
	    padding-bottom: 29px;
}

 .smo-slider-container-tn {
	overflow:hidden;
}
.slider-item {
    padding: 24px;
    border-radius: 20px;
	    padding-bottom: 29px;
	overflow:hidden;
}
.swiper-wrappertn {
	display: flex;
	
	gap: 22px
}
.smo-slider-vertical .swiper-wrappertn{
	flex-direction:column;
}
.slider-infor .title {
    margin-bottom: 12px;
    margin-top: 26px;
}
.scrollbar-tn {
	       background: transparent;
  position: absolute;

  width: 8px;
  height:80%;

/*   max-height: 440px; */
}
.custom-scrollbar {
       background: transparent;
  position: absolute;

  width: 8px;
  height: 100%;

  max-height: 80%;
}
.custom-scrollbar .swiper-scrollbar-drag {
    max-height: 44px;
    background: #fff
}

.swiper-backface-hidden .swiper-slide {
	height: auto!important;
}

.custom-scrollbar-horizontal {
    max-width: 440px;
    width: 100%;
    height: 8px;
    
}
.custom-scrollbar-horizontal   .scrollbar-tn {
        max-width: 440px;
    width: 100%;
    height: 8px;
    
}
.custom-scrollbar-horizontal  .swiper-scrollbar-drag {
    max-width:44px;
    background: #2E4D2C
}

.item-box .image_mb {
    display: none !important
}
.smo-slider-vertical {
	height: 880px;
}
.smo-slider-vertical .slider-item {
/* 	border: 1px solid gray */
	    backdrop-filter: blur(1px);
}

.smo-slider-vertical .slider-infor .title{
	    margin-top: 17px;
    margin-bottom: 5px;
}

.smo-slider-vertical  .sub-title {
/* 	    padding-bottom: 55px; */
	    min-height: 74px;
}
@media(max-width: 1024px){
	.slider-infor .title{
		font-size: 28px!important;
		line-height: 1!important
	}
	.smo-slider-vertical {
	   height: 650px;
   }
}
@media(max-width: 767px) {
	 .smo-slider-container-tn {
	overflow:auto;
     }
     .custom-horizontal .item-box-tn  {
	        width: calc(100vw - 70px);
	    max-width: 360px;
 }

    .has-image-mb .image-desktop {
        display: none !important
    }

    .has-image-mb .image_mb {
        display: block !important
    }
	.slider-infor .title{
		font-size: 24px!important;
		line-height: 1!important
	}
	.smo-slider-vertical {
	   height: inherit;
   }
	.smo-slider-vertical .swiper-wrapper {
		display: flex;
		height: max-content;
		flex-direction: column;
		        gap: 12px;
		
	}
	.slider-item , .item-box-tn  {
    padding: 16px;
	  
   }
	.slider-infor .title{
		    margin-top: 25px;
	}
	.smo-slider-vertical .item-box-tn {
        padding: 24px;
	  
   }
	.smo-slider-vertical .sub-title {
		line-height: 1.6
	}
	.smo-slider-vertical .slider-infor .title {
         margin-top: 25px;
		margin-bottom: 12px;
	}
}


/* Widget projects gallery */

.custom-project-gallery {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.custom-project-gallery .project-title {
	margin-bottom: 4px;
	margin-top: 0;
}

.custom-project-gallery .project-subtitle {
	margin-bottom: 1px;
}

.custom-project-gallery .image.gallery-item {
    width: 100%;
    height: 100%;
	display: flex;
}

.images.project-gallery {
    margin-top: 20px;
}

.images.project-gallery img{
   object-fit: cover;
}

@media (max-width: 1024px) {
	
}

@media (max-width: 767px) {
	.images.project-gallery {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.custom-project-gallery .image.gallery-item img {
		aspect-ratio: 190 / 207 !important;
	}
	.custom-project-gallery {
		gap: 20px;
	}
}

@media (max-width: 414px) {
	
}