.single-service-style2 .text-holder p, .single-service-style5 .title-holder p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;}
.single-service-style2 .text-holder .btn-box, .single-service-style5 .title-holder .btn-box{display:block; margin-top:10px;}
.single-service-style2 .text-holder .btn-box a, .single-service-style5 .title-holder .btn-box a, .sidebar-textwidget .content-box a{color:var(--thm-primary);}
.single-footer-widget .text h6, .footer-contact-info-box1__single .text h5{color:#FFF;}
.big-title h2 span{display:inline-block; padding:7px 15px; text-shadow:0px 0px 7px #000;}
.main-slider-content__inner .text p{text-shadow:0px 0px 10px #000; font-size}
.f-btn{position:fixed; top:200px; right:-57px; padding:8px 20px; 
	background-color:#000; color:var(--thm-white); 
	transform:rotate(-90deg); z-index:99; font-size:17px; font-weight:600; text-align:center;}
.f-btn:hover{ background-color:var(--thm-primary); color:var(--thm-white); }
.dropdown.megamenu > ul > li{display:flex; min-width:270px;}
.list1{display: block; margin: 10px 0px 15px; padding: 0px;}
.list1 li{padding-left: 25px; margin-bottom: 10px; position: relative;}
.list1 li:before{content:"\f0da"; font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block; position: absolute; left:10px; top:-2px; color: #da2633;}
.flip-card{background-color:transparent;width:100%;height:300px;perspective:1000px;display:block;margin-bottom:30px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#fff;color:#000;padding:15px}.flip-card-back{background-color:#2980b9;color:#fff;transform:rotateY(180deg);padding:15px}.flip-card-front .icon{display:block;width:100px;height:100px;background-color:#FFF;margin:0 auto 15px}.flip-card-front .icon img{max-width:100%}.flip-card-front h4{font-size:20px}
.clients-logo img{filter: grayscale(1); transition: 500ms;}
.clients-logo:hover img{filter: grayscale(0);}
.single-project-item{margin-bottom: 30px;}
.form-group{position: relative;}
.form-group label.error{position: absolute; left:0px; font-size: 11px; color: #f00; bottom: -20px;}
.corequality-principles li{position: relative; padding-left: 120px; min-height: 120px; display: block; padding-top: 18px;}
.corequality-principles li span{width: 100px; height: 100px; border-radius:50%; background-color: rgba(29, 194, 234, 0.2); position: absolute; left: 0px; top:0px;}
.corequality-principles li span:before{position: absolute; width: 75px; height: 75px; background-color: rgba(29, 194, 234, 1); top:50%; left: 50%; transform: translate(-50%, -50%); content: ""; border-radius:50%;}
.corequality-principles li span img{position: absolute; width: 50px; height: auto;top:50%; left: 50%; transform: translate(-50%, -50%);}
.corequality-principles li:hover span{background-color: rgba(212, 43, 59, 0.2);}
.corequality-principles li:hover span:before{background-color: rgba(212, 43, 59, 1);}
.industry-serve{position: relative; overflow: hidden;}
.industry-serve img{transition: 500ms;}
.industry-serve:hover img{transform: scale(1.2);}
.industry-serve h4{position: absolute; padding: 15px 20px; background-image: linear-gradient(rgba(27,196,239,0.8), rgba(27,196,239,1)); color: #fff; width: 100%; bottom: 0px; left: 0px; text-align: center;}
.industry-client-testimonial h5{text-align: right;color:rgba(27,196,239,1); margin-top: 15px;}
.industry-client-testimonial h5 small{display: block; color: #000; margin-top: 5px;}
.page-tagline, .thm-secondary{color: var(--thm-secondary);}
@media (max-width:767.98px){
	.f-btn{top:auto; bottom:0px; right:0px; left:0px; transform:rotate(0deg);}
}
.about-style3-content-box .text2 ul{margin-bottom: 30px;}
.about-style3-content-box .text2 ul li{padding-left: 30px; margin-bottom: 10px; position: relative;}
.about-style3-content-box .text2 ul li:before{content:"\f0da"; font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block; position: absolute; left: 15px; top:-1px;color:var(--thm-base);}
.timeline {
	 display: flex;
	 flex-direction: column;
	 width: 50vw;
	 margin: 5% auto;
}
 .timeline__event {
	 background: #fff;
	 margin-bottom: 20px;
	 position: relative;
	 display: flex;
	 margin: 20px 0;
	 border-radius: 8px;
	 box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
 .timeline__event__title {
	 font-size: 1.2rem;
	 line-height: 1.4;	
	 font-weight: 600;
	 color: #000;
}
 .timeline__event__content {
	 padding: 20px;
	 min-height: 125px;
}
 .timeline__event__date {
	 color: #fff;
	 font-size: 1.5rem;
	 font-weight: 600;
	 white-space: nowrap;
}
 .timeline__event__icon {
	 border-radius: 8px 0 0 8px;
	 background: var(--thm-base);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 165px;
	 font-size: 2rem;
	 color: #fff;
	 padding: 20px;
}
 .timeline__event__icon i {
	 position: absolute;
	 top: 50%;
	 left: -72px;
	 font-size: 2.5rem;
	 transform: translateY(-50%);
}
 .timeline__event__description {
	 flex-basis: 60%;
}
 .timeline__event:after {
	 content: "";
	 width: 2px;
	 height: 100%;
	 background: var(--thm-base);
	 position: absolute;
	 top: 52%;
	 left: -3.5rem;
	 z-index: -1;
}
 .timeline__event:before {
	 content: "";
	 width: 5rem;
	 height: 5rem;
	 position: absolute;
	 background: rgba(var(--thm-base-rgb), 0.4);
	 border-radius: 100%;
	 left: -6rem;
	 top: 50%;
	 transform: translateY(-50%);
	 border: 2px solid  var(--thm-base);
}
 .timeline__event--type2:before {
	 background: rgba(var(--thm-secondary-rgb), 0.4);
	 border-color: var(--thm-secondary);
}
 .timeline__event--type2:after {
	 background: var(--thm-secondary);
}
 .timeline__event--type2 .timeline__event__date {
	 color: #fff;
}
 .timeline__event--type2 .timeline__event__icon {
	 background: var(--thm-secondary);
	 color: #ffff;
}
 .timeline__event--type2 .timeline__event__title {
	 color: #000;
}
 
 .timeline__event:last-child:after {
	 content: none;
}
 @media (max-width: 786px) {
	 .timeline__event {
		 flex-direction: column;
	}
	 .timeline__event__icon {
		 border-radius: 4px 4px 0 0;
	}
}