::-webkit-scrollbar {
background: #fff;
width: 5px;
height: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #fff;
}
::-webkit-scrollbar {
 background: #fff;
 width: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-thumb {
background-color: var(--main-color);
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #333;
 border-radius: var(--main-color);
}
/*.testimonial-section .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background: rgba(var(--color-two-rgb), 1);
	background: linear-gradient(to right, var(--color-two-rgb) 1%, var(--white-color-rgb),0) 100%);
	background: linear-gradient(to right, #1C1C1C 0%, rgba(255,255,255,0) 100%);
}*/
.ab-text p{font-size: 18px}
.bg-grey{background: #f7f7f7;}
.pro-dd{font-size: 18px;font-weight: 600;line-height: 30px;
    border-bottom: 1px dashed var(--main-color)}
.lower-box .sidebar-side{margin-top: 30px}
.pro-d{margin-bottom: 40px}
.pro-d h4{font-weight: 500;padding-bottom: 10px;margin-bottom: 10px; border-bottom: 1px dashed #bfbfbf}
.pro-d span{padding-right: 20px}
.pro-d em,.pro-d span i{font-size: 15px;color: var(--main-color)}
.sidebar-widget .widget-content h3{font-weight: 500;font-size: 20px;color: var(--main-color);margin-bottom: 10px;background: #ededed;padding: 10px 15px;font-weight: 600;border:1px solid var(--main-color)}
.sidebar-widget .widget-content h3:hover{color: #fff;background: #de2526;border-color: #de2526}
.qidi-d{display: block}
.qidi-n{display: none}
.sidebar-title h4{padding-left: 40px;}
.sidebar-title h4::before{content: "\f1bc";position: absolute;font-size: 28px;top: 0;left: 0;color: var(--main-color);font-family: "Flaticon"}
.sidebar-title h4.coc::before{content: "\f194";}
.shop-detail-section .gallery-column .image img{width: 100%!important;border:1px solid #f4f4f4;}
.a-container{max-width: 90%}
.pro-c{display: flex;width: 100%}
.swiper-slide.oso{height: 100%!important;border:1px solid rgba(35,107,184,0.5);margin-bottom: 7px!important;}
.service-block-two .inner-box p{color: #606060;font-size: 16px;padding-top: 10px;}
.ab-text{font-size: 16px;line-height: 30px}
.testimonial-section .scroll-box{
	position:absolute;
	left:40px;
	bottom:40%;
	z-index:10;
	cursor:pointer;
	font-weight:500;
	letter-spacing:3px;
	writing-mode: vertical-rl;
	transform:rotate(180deg);
	font-size:var(--font-14);
	color:var(--color-four);
	text-transform:uppercase;
	font-family: var(--font-family-Jost);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-section .scroll-box .icon{
	position:relative;
	letter-spacing:3px;
	display:inline-block;
	font-size:var(--font-18);
	text-transform:uppercase;
	font-family: "Flaticon";
	margin-bottom:var(--margin-bottom-10);
	
}

.testimonial-section .scroll-box:hover{
	color:var(--main-color);
}

.testimonial-section .form-box{padding: 40px 40px}
.a-container{max-width: 90%}
.service-block{position: relative;overflow: hidden}
.service-block img{
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}

.service-block:hover img{
	filter: grayscale(0%);
	transform:scale(1.05,1.05);
}
.newsa{    
    position: relative;
    display: inline-block;}
.footer-widget img{width: 165px;height: auto}
.sub_nav .box,
.sub_nav
{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.border-bottom-1{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.sub_nav{ position:fixed; right:0px; top:50%; background:#fff; margin-top:-150px; z-index:15; -webkit-transform: translateZ(0);border-radius: 5px;box-shadow: 0px 0px 5px rgb(0 56 60 / 20%)}
.sub_nav li{ position:relative;}
.sub_nav .pd{ display:block;}
.sub_nav .h3 i{ width:50px; height:50px; line-height:50px; display:block; color:#236bb8; text-align:center; font-size:26px;}
.sub_nav .box{ display:none; display:block; position:absolute; right:50px; white-space:nowrap; top:0px;border-right:1px solid rgba(255,255,255,0); height:50px; line-height:50px; color:#fff; width:0px; overflow:hidden; padding:0px;}
.sub_nav .box.two{ display:none; display:block; position:absolute; right:50px; white-space:nowrap; top:0px;border-right:1px solid rgba(255,255,255,0); height:80px; line-height:40px; color:#fff; width:0px; overflow:hidden; padding:0px;}
.sub_nav .ewm_box{ text-align:center; height:auto;}
.sub_nav .ewm_box img{ min-width:130px; height:auto; display:block;}
.sub_nav .ewm_box strong{ padding-top:10px; line-height:1.3; display:block;}
.sub_nav .box button{background: #333;color: #fff;cursor: pointer}
.sub_nav .pd:hover .h3 i{ background-color:#236bb8;color: #fff}
.sub_nav .pd:hover .box{ display:block; background:#333; width:auto; border-color:rgba(255,255,255,1); padding-left:20px; padding-right:20px;}
.sub_nav .pd:hover .ewm_box{ padding:20px;}
.sub_nav .back_top{display: block}
.swiper-slide.oso + .swiper-slide-active{border-color: var(--main-color)}
.cons th, .cons td{font-size: 18px;white-space: nowrap;}
.cons .firstRow th{background: #89b9ed!important;color: #fff;font-size: 22px;}

.text-lg{display: block}
.text-sm{display: none}
@media(max-width:1800px){
    .a-container{max-width: 99%}
}
@media(max-width:1600px){
.main-header .logo-box{
		position:relative;
		left:0px;
	}
.main-slider{
		background:none;
		padding:var(--padding-zero);
	}
.main-slider .scroll-box{
		left:12px;
		bottom:20px;
	}
    
}
@media(max-width:1300px){
    .info-section .info-column .text{margin-top: -7px}
    .testimonial-section .scroll-box{display: none}

}
@media screen and (max-width:1024px){
.blog-cat li {width: 100%}
.sub_none{display: none}
.sub_nav{ left:0px; bottom:-10px; top:auto;}
.sub_nav li{ float:left; width:50%;}
.sub_nav .pd{ border-right:1px solid #fff;}
.sub_nav .h3 i{ width:auto;}
.sub_nav .box{ bottom:50px; top:auto; border-right:0px; left:0px; right:auto;}
.sub_nav .pd:hover .box{ display:none;}
.sub_nav .pd:hover .h3 i{ background:none;}
.sub_nav .back_top{display: none}
}
@media(max-width:991px){
.main-slider-five .slide{height: 42vh}
.fluid-section-one .image-column{top:50px}
.qidi-d{display: none}
.smp-n{display: none}
.qidi-n{display: block}
    }
@media(max-width:700px){
.text-lg{display: none}
.text-sm{display: block}
.contact-info-section-two .form-box{padding: 80px 10px 70px;}
.main-slider h1{font-size: 45px}
    .info-section{margin-top: -94px}
    .info-section .info-column .text{font-size: 16px}
}
@media(max-width:600px){
.main-slider h1{font-size: 24px;line-height: 34px}
.main-slider p{font-size: 20px}
}
@media(max-width:576px){
.sm-done{display: none}
}