/* ---------------------------------------------------------------------------
 * Moved out of assets/css/rtl/main.css (theme 4.9.7).
 * These rules only ever match inside this widget, so they now load with it
 * instead of on every page. They are kept ABOVE this file's own rules to
 * preserve the order they had when main.css was loaded first.
 * Edit them here - they are no longer in main.css.
 * --------------------------------------------------------------------------- */


.section-heading-six {
	padding: 34px 0 0;
	margin-bottom: 82px
}


.section-heading-six::before {
	position: absolute;
	top: 0;
	right: 0;
	width: -webkit-calc(100% - 210px);
	width: -moz-calc(100% - 210px);
	width: calc(100% - 210px);
	height: 1px;
	border-top: 1px solid transparent;
	background: -webkit-linear-gradient(359.75deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
	background: -moz-linear-gradient(359.75deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
	background: -o-linear-gradient(359.75deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
	background: linear-gradient(90.25deg, #bcbaba 11.65%, rgba(188, 186, 186, 0) 101.48%) border-box;
	-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	-webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0);
	mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: xor;
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}


.section-heading-six::after {
	position: absolute;
	top: 0;
	left: 180px;
	width: 100px;
	height: 50%;
	border-top: 1px solid #bcbaba;
	border-left: 1px solid #bcbaba;
	-webkit-border-radius: 30px 0 0;
	-moz-border-radius: 30px 0 0;
	border-radius: 30px 0 0
}


.section-heading-six .right {
	padding-right: 59px
}


.section-heading-six .right::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 42px;
	background: url(../../../assets/images/new-two/pattern-01.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-blend-mode: multiply;
	mix-blend-mode: multiply
}


.section-heading-six-sup-title {
	font-size: 19px;
	line-height: 21px;
	color: #000;
	font-weight: 400
}


.section-heading-six-title {
	margin-top: 3px;
	color: #000;
	font-size: 25px;
	font-weight: 900;
	line-height: 28px
}


.section-heading-six .btn::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 181px;
	height: 50%;
	border: 1px solid;
	border-color: transparent #bcbaba #bcbaba transparent;
	-webkit-border-radius: 0 0 30px;
	-moz-border-radius: 0 0 30px;
	border-radius: 0 0 30px
}


.best-category-four-item {
    padding: 7px 5px 6px 0;
  }
  
  .best-category-four-item.two {
    margin-top: 100px;
  }
  
  .best-category-four-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.5px dashed rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 8px 8px 0;
    -moz-border-radius: 8px 8px 0;
    border-radius: 8px 8px 0;
    z-index: -3;
  }
  
  .best-category-four-item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    z-index: -2;
  }
  
  .best-category-four-item .image {
    background: url("./../../../assets/images/new-two/image-04.png"), radial-gradient(120.81% 181.21% at 51.73% -20.2%, #f6f7ff 0%, #eceef7 21%, #d1d7e3 57%, #999ca8 89%), -webkit-gradient(linear, left bottom, left top, from(#abb8c3), to(#abb8c3)), url("./../../../assets/images/new-two/image-05.png");
    background: url("./../../../assets/images/new-two/image-04.png"), -webkit-radial-gradient(51.73% -20.2%, 120.81% 181.21%, #f6f7ff 0%, #eceef7 21%, #d1d7e3 57%, #999ca8 89%), -webkit-linear-gradient(bottom, #abb8c3, #abb8c3), url("./../../../assets/images/new-two/image-05.png");
    background: url("./../../../assets/images/new-two/image-04.png"), -moz-radial-gradient(51.73% -20.2%, 120.81% 181.21%, #f6f7ff 0%, #eceef7 21%, #d1d7e3 57%, #999ca8 89%), -moz-linear-gradient(bottom, #abb8c3, #abb8c3), url("./../../../assets/images/new-two/image-05.png");
    background: url("./../../../assets/images/new-two/image-04.png"), -o-radial-gradient(51.73% -20.2%, 120.81% 181.21%, #f6f7ff 0%, #eceef7 21%, #d1d7e3 57%, #999ca8 89%), -o-linear-gradient(bottom, #abb8c3, #abb8c3), url("./../../../assets/images/new-two/image-05.png");
    background: url("./../../../assets/images/new-two/image-04.png"), radial-gradient(120.81% 181.21% at 51.73% -20.2%, #f6f7ff 0%, #eceef7 21%, #d1d7e3 57%, #999ca8 89%), linear-gradient(0deg, #abb8c3, #abb8c3), url("./../../../assets/images/new-two/image-05.png");
    width: 126px;
    height: 53px;
    -webkit-border-radius: 8px 8px 0;
    -moz-border-radius: 8px 8px 0;
    border-radius: 8px 8px 0;
  }
  
  .best-category-four-item .image img {
    bottom: 1px;
    width: 107px;
    height: 107px;
  }
  
  .best-category-four-item .detail {
    margin-right: 22px;
  }
  
  .best-category-four-item .detail .title {
    font-size: 14px;
    font-weight: 800;
    line-height: 22px;
    color: #000;
    margin-bottom: 5px;
  }
  
  .best-category-four-item .detail .title-en {
    font-size: 14px;
    line-height: 22px;
    color: #494949;
    font-weight: 400;
    direction: ltr;
  }
  
  .best-category-four .swiper {
    padding-top: 48px;
  }
  
  @media only screen and (max-width: 1199px) {
    .best-category-four-item .detail {
        margin-right: 12px;
    }
  }
  
  @media only screen and (max-width: 575px) {
    .best-category-four .swiper {
        overflow: visible !important;
    }
  }