.about h2 {color: var(--about-heading);}
.box h3 {
    margin: 15px 0;
    text-transform: capitalize;
    max-height: 60px;
    min-height: 60px;
}
/*.homeBox6 {
	max-height: 95px;
	min-height: 95px;
	overflow: hidden;
}*/

.box {
	padding: 25px 15px;
}

.box span {
	font-size: calc(14px + (28 - 14) * ((100vw - 300px) / (1920 - 300)));
}

.box:hover span {
	color: var(--primary-color);
}

.products span {
	display: inline-block;
}

.products .gradient::after {
	background: var(--light-bg);
}
.whyus .gradient::after {
    background: var(--bodybg);
}
.products a{
   height: 100%;
   width: 100%;
   color: var(--default-text);
}
.products .box a {color: var(--product-text); 
	/* padding: 20px;
	border: var(--primary-color) 1px solid;
	border-radius: 30px;
	display: block;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	transition: .3s ease-in-out; */
}
/* .products .box a:hover {border-color: var(--default-text);} */

.products .swiper-slide h4 {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -30px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.products .swiper-slide:hover h4 {
	top: auto;
	bottom: 10px;
}

.faqs .card {
	background-color: transparent;
	background-clip: border-box;
	border: transparent;
	width: 100%;
}

.faqs .card.gradient::after {
	background: var(--secondary-color-two);
}

.card-header {
	padding: 0 1rem;
	border-color: transparent;
}

.card-header a {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	color: var(--secondary-text-color) !important;
	display: block;
	text-align: left;
	font-family: 'Nunito';
	font-weight: 700;
	font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
}

.testimony img {
	margin-bottom: 15px;
}

.testimony small {
	color: var(--primary-color);
}

.testimony p {
	margin: 10px 0;
}

.tab_drawer_heading {
	display: none;
}

.faq {
	color: var(--secondary-color-two);
}

.faq .tabmain .nav {
	max-width: 50%;
	flex: 0 0 50%;
}

.faq .tab-content,
.faq .tab-content {
	max-width: 50%;
	flex: 0 0 50%;
	color: var(--heading-dark);
	padding: 25px;
	background: var(--secondary-text-color);
}

.faq .tab_content {
	display: none;
	padding: 0 20px;
	margin: 0;
	border-radius: 15px;
}

.faq .tabmain .nav-link, .tabs li {
    padding: 0.7rem 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: flex;
    line-height: 2.6;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
	color: var(--faq-text);
}

.faq .tabmain .nav-pills .nav-link.active,
.faq .tabmain .nav-pills .show>.nav-link,
.tabs li.active {
	text-overflow: inherit;
	overflow: visible;
	-webkit-line-clamp: inherit;
	-webkit-box-orient: inherit;
	white-space: normal;
	display: flex;
	line-height: normal;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.tabs li.active {
	color: #fff;
	background-color: var(--primary-color);
}

.testimonials .swiper-slide {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background:var(--light-bg); */
	padding: 10px;
	border: var(--secondary-color-six) 1px solid;
    background: repeating-linear-gradient(45deg, transparent, transparent 23px, var(--secondary-color-three) 23px, var(--secondary-color-three) calc(4 * 6px));
}

.products .box a .homeBox6 {
	color: var(--product-text);
}
.why {color:var(--why-text);}
.why h2{color:var(--why-text);}
.testimonials .mySwiper {width: 93%; margin: 20px auto 0;}
.testimonials .swiper-button-next, .testimonials .swiper-button-prev {
    top: 62%;
}
@media only screen
and (min-device-width : 992px)
and (max-device-width : 1399px){
	.products .box h3{
		font-size: calc(14px + (35 - 18) * ((100vw - 300px) / (1920 - 300)));
	}
} 

 
 
@media screen and (max-width: 767.98px) {
	.tabs {
		display: none;
	}

	.faq .tabmain .nav {
		display: none !important;
	}

	.faq .tab-content,
	.faq .tab-content {
		max-width: 100%;
		flex: 0 0 100%;
		/* color: var(--secondary-color-six); */
		background: transparent;
		padding: 0;
		box-shadow: none;
	}

	.tab_drawer_heading {
		background-color: var(--primary-color);
		color: var(--secondary-text-color) !important;
		padding: 15px 30px;
		display: block;
		font-size: 16px;
		font-weight: bold;
		border-radius: 15px;
		margin-bottom: 10px;
		margin-top: 15px;
	}

}
.products nav .grid-item ul ul {
    display: block;
    margin: 0;
}
.products.header_style2 nav {
    position: static;
    left: 0;
    top: 100%;
    width: 100%;
    height: auto;
    padding: 0px 30px 15px;
    background: transparent;
    display: block;
    box-shadow:none;
    flex-direction: row;
}
.products.header_style2 .highlighted-bg {
    background: transparent !important; 
    border-color:transparent !important;
}
.products.header_style2 nav .grid-item ul li {
    border-color:transparent !important;
}
.products.header_style2 nav .grid-item ul li a {
    border-bottom:var(--light-bg) 1px solid;
}
.products.header_style2 nav .grid-item ul li li a {
    border-bottom:transparent
}
.products.header_style2 .submenuBtn::after {
    top: 9px;
}
.products.header_style2 nav .grid-item ul {
    background:var(--light-bg);
	padding:15px;
	border-radius:6px;
	margin-bottom:10px;

}

.products.header_style2 nav .grid-item ul li a.menu_dropdown_btn:before {
    display:none
}
.products.header_style2 nav .grid-item ul li {
    margin: 0;
}
.products.header_style2 nav .grid-item ul ul {
    background: transparent;
    padding:0 15px;
	box-shadow:none;
}  
.products .box h2{
	font-size: calc(18px + (35 - 18) * ((100vw - 300px) / (1920 - 300)));
	font-family: 'Nunito';
  font-weight: 700;
  margin: 15px 0;
  text-transform: capitalize;
  
  min-height: 60px;
}
@media (min-width: 992px) {
.about .col-lg-5{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}}

.pattern::before {
	left: 0px !important
}
.about .col-lg-5 p{
	text-align: justify;
}

@media screen and (max-width: 414px) {
	.box2{
		width: 100%;
	}
}