.title-site{
	margin-bottom:36px;
}
 .blog-carousel .owl-dots{
	margin-top: 23px;
}
.section-blog-column   .col-lg-6:nth-of-type(2) .title-site .title-heading::after {
  display:none;
	
}
.about-content-wrap .title-heading {
	font-family: var(--main_font);
}
/* hero style */
.mouse-scroll{
	position: absolute;
right: 37px;
top: 40px;
z-index: 55;
font-size: 23px;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
cursor:pointer;
line-height: 1;
}
.mouse-scroll::after{
	width: 1.5px;
height: 40px;
background-color: #fff;
content: '';
display: block;
opacity: 0.3;
margin-top: 5px;
}
.mouse-scroll .icon-arrow-down{
	font-size: 18px;
margin-top: 3px;
}
.section-main-blog {
	margin:45px auto 80px auto;
}
.slider-site .owl-dots .owl-dot.active {
  
  width: 10px;
  height: 30px;
}
.slider-site .owl-dots{
	position: absolute;
right: 25px;
top: 0;
bottom: 0;
flex-direction: column;
align-items: center;
justify-content: center;
}
.section-hero img{
	width:100%;
	object-fit:cover;
}
.section-hero{
	position:relative;
}
.section-main-blog .post-item.type2{
	margin-bottom:26px
}
/* blog-column style */
.section-blog-column .post-item.type2{
	margin-bottom:24px
}
/* content style */
.about-content-wrap .title-site .title-heading::after,
.about-content-wrap .title-site .title-heading::before{
	display:none;
}
.about-content-wrap .button{
	margin:0 0 10px 15px;
}
.about-content-wrap .editor-content{
	margin-bottom:30px;
}

.section-content{
	position:relative;
	overflow: visible !important;
}
.section-content-back::before, .section-content-back::after {
  height: 90%;
  width: 199px;
  background-image: url(../img/Shape.svg);
  content: '';
  position: absolute;
 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;


}
.section-content-back::before{
	 right: 0;
	 transform: translateY(-50%);
}
.section-content-back::after{
	 transform: translateY(-50%) rotateY(180deg);
  left: 0;
}
.section-content-back{
	height:137px;
	width:100%;
	position:absolute;
	
	display:block;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background-color:var(--color1);
	animation:test 8s infinite;
}
@keyframes test{
	0%{
		background-color:var(--color1);
	}
	50%{
		background-color:#ff9000;
	}
	100%{
		background-color:var(--color1);
	}
}
.section-content-box::before { 
background-image: url(../img/shape2.svg);
display: inline-block;
width: 150px;
height: 30px;
content: '';
position: absolute;
bottom: -17px;
z-index: -2;
left: 40px;
border-radius: 2px;
background-position: bottom;
opacity: 0.8;
background-size: 74px;
background-repeat: space;
}
.section-content-box::after{  
background-image: url(../img/shape2.svg);
display: inline-block;
width: 75px;
height: 85px;
content: '';
position: absolute;
top: -25px;
z-index: -2;
right: -40px;
border-radius: 2px;
background-position: bottom;
opacity: 0.8;
background-size: 74px;
background-repeat: space;
}
.section-content-box{
	position:relative;
	background: #fff;
padding: 30px !important;
border-radius: 8px;
box-shadow: 1px 1px 16px rgba(57, 62, 70, 0.03);
}

.image-about {
	border-radius: 8px;
overflow: hidden;
}
/* Brands style */
.brands-carousel .owl-stage{
	display:table;
	margin:0 auto;
}
/* banner style */
.section-banners{
	margin: 85px auto 71px;
}
.item-banner {
	display: block;
border-radius: 8px;
overflow: hidden;
}
.item-banner:hover img {
	transform: scale(1);
	filter: hue-rotate(50deg);
}
.item-banner img {
    width: 100%;
	transform: scale(1.12);
    object-fit: cover;
transition:0.5s;
}
/* feature style */
.item-feature {
    text-align: center;
}
.bg-feature{
	background:#e6e6e6;
}
/* category style */
.section-categories ,.section-blog ,.section-blog-column  ,.section-content  {
	margin: 75px auto;
	overflow:hidden;
}
.item-categories:hover .item-categories-img::before{
	bottom:0;
}

.item-categories:hover .icon-circle::before ,.post-item.type1:hover .icon-circle::before{
	right: -18px;
	transition:0.3s;
	transition-delay:0.3s;
}
.post-item.type2:hover .icon-circle::before{
	top: -18px;
	transition:0.3s;
	transition-delay:0.3s;
}
.post-item.type2:hover .icon-circle::after{
	bottom: -18px;
	transition:0.3s;
	transition-delay:0.3s;
}
.post-item.type2:hover .icon-circle{
	opscity:1;
}

.icon-circle::before {
	right: 0px;
top: 0;
}
.item-categories:hover .icon-circle::after,.post-item.type1:hover .icon-circle::after{
	left: -18px;
	transition:0.3s;
	transition-delay:0.3s;
}
.icon-circle::after{
	left: 0px;
top: 0;
}
.icon-circle:before ,.icon-circle::after{
	content:'';
}
.icon-circle{
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	opacity:0;
}
.item-categories:hover .icon-circle ,.post-item.type1:hover .icon-circle{
	opacity:1;
	transition:0.3s;
	transition-delay:0.3s;
	
}
.icon-circle,.icon-circle:before ,.icon-circle::after{
	background-color:#fff;
	border-radius:50%;
	width:10px;
	transition:0.1s;
	z-index: 2;
pointer-events: none;
	display:inline-block;
	height:10px;
	position:absolute;
}
.item-categories img{
	transition:0.5s;
}
.item-categories:hover img{
	transform: scale(1.1);
}
.item-categories:hover a{
	color:inherit;
}
.item-categories-img::before{
	width: 100%;
height: 100%;
background-color: #bb86fc8c;
position: absolute;
bottom: -100%;
left: 0;
content: '';
transition:0.4s;
	z-index: 1;
}
.item-categories-img{
	border-radius: 8px;
	display:block;
	overflow:hidden;
	position:relative;
}
.item-categories{
	margin-bottom:24px;
	transition:0.4s;
}
.item-categories:hover {
	margin-bottom:0;
}
.item-categories:hover .item-categories-sub span{
	font-size:12px;
}
.item-categories-sub span i{
	margin: 2px 6px 0 0;
}
.item-categories-sub span{
	display: flex;
align-items: center;
color: var(--color2);
font-size: 0px;
transition:0.4s;
}
.item-categories-sub a{
	padding: 8px 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: var(--main_font);
font-size: 15px;
}
.item-categories-sub{
	position: relative;
z-index: 2;
background: #fff;
border-radius: 8px;

width: calc(100% - 50px);
margin: auto;
margin-top: -24px;
text-align: center;
}
.section-categories  .owl-dots{
	margin-top:20px;
}
@media screen and (min-width: 992px) and (max-width: 1200px){
	.section-main-blog .col-lg-8 ,.section-main-blog .col-lg-4{
		flex: 0 0 100%;
max-width: 100%;
margin-bottom: 26px !important;
	}
}
@media screen and (min-width: 992px) {

    

}

@media screen and (min-width: 768px) {
    
}

@media screen and (min-width: 576px) {


}

@media screen and (max-width: 992px) {

  .mouse-scroll::after{
		display:none;
	}
}

@media screen and (max-width: 768px) {
	.section-content-box::before ,.section-content-box::after{
		display:none;
	}
	.about-content-wrap .editor-content {
  margin-bottom: 8px;
}
	.mouse-scroll{
		display:none;
	}
	.section-content {
		padding:0 15px;
	}
	.section-content-box {
 
  padding: 10px !important;
 
}
	.slider-site .owl-dots {
  bottom:unset;
  top: 25%;
	}
	.section-main-blog {
  margin: 45px auto 25px auto;
}
	.item-categories-sub {
 
  width: calc(100% - 24px);
 
}
	.section-banners {
  margin: 45px auto 26px;
}
	.item-categories {
  margin-bottom: 0;
  
}
	.item-categories-sub span {
  
  display: none;
}
	.section-categories, .section-blog, .section-blog-column, .section-content {
  margin: 45px auto;
}
	:root {
  
  --heading_h1_fontsize: 18px;
}

	.home .title-site {
  margin-bottom: 22px;
}
    .item-categories-sub a {
  padding: 8px;
 
  font-size: 13px;
}
}

@media screen and (max-width: 992px) {
.section-categories, .section-blog, .section-blog-column, .section-content {
    margin: 30px auto;
}
   
}