/*
	Theme Name: Flo Mechanical 2026
	Theme URI: flomechanical.com
	Description: WP Theme for Flo Mechanical
	Version: 1.001
	Author: Squatch Creative
	Author URI: https://squatchcreative.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
:root {
	--row:1280px;
	--transition:240ms ease all;
	
	
	--blue:#4f99d9;
	--light-blue:#B7E0FC;
	--dark-blue:#214B80;
	--black:#231f20;
	--light-gray:#f6f8fa;
	
	--blue-gradient:linear-gradient(135deg,#B7E0FC 0%,#4f99d9 50%,#214B80 100%);
	--blue-gradient-2:linear-gradient(135deg,#4f99d9 0%,#214B80 100%);
	
	--ztc-bg-bg-2:#231f20;
	--ztc-bg-bg-3:#B7E0FC;
	--ztc-bg-bg-6:#214B80;
	--ztc-bg-bg-7:#B7E0FC;
	--ztc-text-text-3:#3e4245;
	--ztc-text-text-4:#4f99d9;
	--ztc-text-text-6:#B7E0FC;
}

/*WP CORE
=========================*/

*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption,.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

.alignfull, .container.alignfull {
	width:100%;
	max-width:100%;
	margin:0;
}

.alignwide,
.container.alignwide {
	width: var(--row);
	max-width: calc(100% - 2rem);
	position: relative;
	left: 0;
	margin:0 auto;
}

article > *:not(.alignwide, .alignfull) {
    width: 968px;
    margin: 0 auto;
	max-width: calc(100% - 2rem);
}

.wp-block-image {
	margin-bottom:0;
}

.wp-block-image img {
    max-width: 100%;
    display: block;	
}

.wp-block-columns {
    margin-bottom: 0;
}

::selection {
    background-color:#000;
    color: #ffffff;
}

a.large-link {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 10;
}


/* FOOTER 
================================*/


.builtby {
	max-width: 96px;
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	float: right;
	clear: both;
	z-index: 100;
	opacity: 0.75;
	top: -2px;
}

.builtby svg {
	display:block;
	width:100%;
	height:auto;
}

.builtby svg path {
	fill:white;
}

.builtby:hover {
	animation: shake .2s 1;
	opacity:1.0; 
}


/* ANIMATIONS
========================*/
.animate {
	opacity:0.0; 
}		
.animation {
	animation:slideIn 1s forwards;
}
@keyframes slideIn {
	from 	{ opacity:0.0; transform: translate(0px,0px); }
	to		{ opacity:1.0; transform: translate(0,0); }
}

@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}











/* THEME MODS
============================= */

.white-background, .white-background > div {
	background: white;
}

.gray-background, .gray-background > div {
	background:var(--light-gray);
}

h1, h2, h3, h4, h5 {
	text-wrap: balance;
}

.btn-area {
	display: flex;
	flex-flow: row wrap;
	gap: 10px 24px;
}

.btn-area1 {
	display: flex;
	flex-flow: column;
	gap: 16px;
	align-items:flex-start;
}

.btn-area1.text-center {
	align-items:center;
}

.btn-area a {
	margin: 0 !important;
}

.header-btn2-h3, .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h3, .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h3 {
	overflow: clip;
	white-space: nowrap;
}

.header-btn2-h3:hover, .header-btn2-h4:hover, .header-btn2-h5:hover, .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover, .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h4:hover, .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h4:hover, .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h5:hover, .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h5:hover {
	transform: translate(0,0);
}

.header-btn1:hover::after, .cta1-section-area .btn-area .header-btn2:hover::after, .cta3-section-area .btn-area .header-btn2-h3.btn2:hover::after, .header-btn1:hover::after, .header-btn2-h2:hover::after, .header-btn2-h3:hover::after, .header-btn2-h4:hover::after, .header-btn2-h5:hover::after, .hero-section-area .hero-tabs-area .hero-header .btn-area .header-btn2:hover::after, .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn1:hover::after, .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn1:hover::after, .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h2:hover::after, .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h2:hover::after, .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h3:hover::after, .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h3:hover::after, .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h4:hover::after, .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h4:hover::after, .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h5:hover::after, .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h5:hover::after {
	width: calc(100% + 10px);
	left: 50%;
	transform: translate(-50%,0);
}

.header-btn1::after, .header-btn2-h3::after, .header-btn2-h4::after, .header-btn2-h5::after, .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h3::after, .homepage3-body .header-area.homepage3 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h3::after, .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h4::after, .homepage4-body .header-area.homepage4 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h4::after, .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .mega-menu-all .images .content .header-btn2-h5::after, .homepage5-body .header-area.homepage5 .header-elements .main-menu ul li .tp-submenu .homemenu-thumb .homemenu-btn .header-btn2-h5::after {
	right: unset;
	transform: translate(-50%,0);
}

.header-btn2-h3 {
	background: var(--light-blue);
	color: var(--black);
}

a.header-btn2-h3.btn2 {
	margin-left: 24px;
	border: 1px solid var(--ztc-text-text-6);
	background: none;
	color: white;
}

.heading1 h2, .heading3 h2 {
    line-height: 110% !important;
}

.heading1 p, .heading3 p, .heading6 p {
	text-wrap: balance;
}

.hero-header.heading1 * {
	text-wrap: balance;
}

.cost-calculator-area .cost-section-boxarea .cost-head p, .cost2-calculator-area .cost-section-boxarea .cost-head p, .cost3-calculator-area .cost-section-boxarea .cost-head p, .cost4-calculator-area .cost-section-boxarea .cost-head p, .cost5-calculator-area .cost-section-boxarea .cost-head p, .heading2 p, .heading4 p, .testimonial1-section-area .testimonial-sliders .testimonial-content-slider .testemonial-boxarea p, .testimonial3-section-area .testimonial-sliders2 .testimonial-content-slider .testemonial-boxarea p {
	text-wrap: balance;
}

.icons i {
    color: var(--blue);
}

.p-relative {
    position: relative;
}

.wysiwyg-content ul {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2px;
}

.wysiwyg-content * {
	margin: 0;
}

.wysiwyg-content {
	display: flex;
	flex-flow: column;
	gap: 18px;
}

.wysiwyg-content ul li {
	padding-left: 24px;
	position: relative;
	color: var(--ztc-text-text-3);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s16);
	font-style: normal;
	font-weight: var(--ztc-weight-regular);
	line-height: 160%;
}

.wysiwyg-content ul li:before {
	content: "\f058";
	color: var(--blue);
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	position: absolute;
	top: 4px;
	left: 0;
}

.homepage1-body .header-area.homepage1 {
	background: rgba(33, 75, 128, 0.25);
}

.homepage1-body .header-area.homepage1.sticky {
	background: var(--black);
}

.homepage1-body .header .container {
	max-width: 1320px;
}

.homepage1-body .header-area.homepage1 .header-elements {
	position:relative;
	z-index:999;
}

.homepage1-body .header-area.homepage1 .header-elements .site-logo {
	height: auto;
	width: 148px;
	flex: 0 0 148px;
	max-width: 100%;
	z-index: 999;
	position: relative;
}

.site-logo a, 
.site-logo img, 
.site-logo svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.menu-toggle {
	display:none;
}

.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {
    transition: .24s ease all;
}

ul#menu-header-navigation {
    display: flex;
}

#menu-header-navigation > li > a {
    height: 50px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: clamp(14px, 1.3vw, 18px);
    white-space: nowrap;
}

.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a {
    font-size: 15px;
}

.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
    padding-left: 8px;
}

.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover::after {
    left: -5px;
}

.mt-footer-logo {
    width: 148px;
    height: auto;
    max-width: 100%;
}

.mt-footer-logo a, 
.mt-footer-logo img, 
.mt-footer-logo svg {
	display:block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.site-logo svg path, 
.mt-footer-logo svg path {
	transition: var(--transition);
}

.mt-footer-logo svg g#dark path {
	fill: white !important;
}

.header-area.homepage1 .site-logo svg g#dark path {
	fill: white !important;
}

footer {
    background: black;
}

.mt-footer-main-wrapper,
.mt-footer-copyright-area {
    color: white;
}

footer a {
    color: white;
}

footer a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
	color: white;
}

.mt-footer-copyright-area.mt-footer-copyright-space {
	padding: 70px 80px 14px;
	border-radius: 6px;
	border: 6px solid transparent;
	background: linear-gradient(black, black) padding-box, var(--blue-gradient-2) border-box;
}


.mt-footer-copyright-menu ul li {
    list-style: none;
    display: inline-block;
}

.mt-footer-copyright-menu ul li i {
    width: 8px;
    height: 1px;
    background-color: white;
    display: inline-block;
    margin: 0 12px;
    transform: translateY(-4px);
}

.footer-menu {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

.footer-menu li:before {
	content: '\2013';
	position: absolute;
	left: -16px;
}

.footer-menu li {
	position: relative;
}

.footer-menu li:first-of-type:before {
	display: none;
}

.mt-footer-copyright-text {
    position: relative;
}

.mt-footer-copyright-text.mtborder:before {
	content: "";
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	border-top: 1px solid white;
}

.mt-footer-copyright-social {
    background-color: black;
    z-index: 1;
    position: relative;
    display: inline-flex;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.mt-footer-copyright-social a {
	height: 40px;
	width: 40px;
	color: #fff;
	background: var(--blue);
	color: var(--black);
	display: block;
	text-align: center;
	border-radius: 50%;
	line-height: 40px;
	margin: 5px 0;
	transition: .3s;
}

.mt-footer-copyright-social a:hover {
	background: var(--light-blue);
	color: var(--black);
}

.footer3-section-area .footer-form form input {
	height: 52px;
}


figure.bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	margin:0;
	pointer-events:none;
}

figure.bg image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.bg img {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

figure.bg image-overlay:first-of-type {
	z-index: 9;
	background:black;
	mix-blend-mode: multiply;
	opacity: 0.75;
}

figure.bg image-overlay:last-of-type {
	z-index: 10;
	background:black;
	opacity: 0.25;
	mix-blend-mode: color;
}

p.copyright {
	color: white;
	font-size: 14px;
}

p.copyright a {
	color: white;
}

p.copyright a:hover {
	color: var(--blue);
}

ul.wp-block-list {
	list-style: disc;
	padding: 0 0 0 24px;
}

ul.wp-block-list li {
	list-style: disc;
}

















/* HERO BLOCK
======================== */

.hero-block {
	--slider-height:calc(100vh + 220px);
}

.hero-block .hero-section-area {
	padding: 0;
	overflow: clip;
	z-index: 99;
	height: var(--slider-height);
}

.hero-block .hero-section-area .container {
	z-index: 50;
	position: relative;
}

.tab-pane.hero-slide {
	padding: 220px 0 0 0;
	height: var(--slider-height);
}

figure.flo-water-transition {
	position: absolute;
	width: 100%;
	height: 240px;
	margin: 0;
	z-index: 99;
	left: 0;
	bottom: -1px;
	pointer-events:none;
}

figure.flo-water-transition svg {
	width: 100%;
	height: 100%;
	max-width: 100%;
}

figure.flo-water-transition path#top {
	fill: rgba(183,224,252,0.65);
	stroke: rgba(255,255,255,.35);
}

figure.flo-water-transition path#middle {
	fill: rgba(79,153,217,0.75);
	stroke: rgba(255,255,255,0.35);
}

figure.flo-water-transition path#bottom {
	fill: rgba(33, 75, 128,0.85);
	stroke: rgba(255,255,255,0.35);
}

figure.flo-water-transition path#crop {
	fill:white;
}

.inner-hero-area {
	z-index: 20;
	position:relative;
}


.inner-hero-area .container {
	position: relative;
	z-index: 20;
}

.inner-hero-area .header-area span {
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	display: inline-block;
	transition: .4s;
	color: #fff;
	font-family: var(--ztc-family-font1);
	font-style: normal;
}

.inner-hero-area .header-area i {
	color: white;
	margin: 0 4px;
	display:inline-block;
	transform:translate(0,1px)
}

.hero-section-area .hero-tabs-area .hero-header p {
	text-wrap:balance;
}

.has-showflo .inner-hero-area {
	padding-bottom: 240px;
}

.inner-hero-area figure.flo-water-transition {
	height: 160px;
}

.inner-hero-area figure.flo-water-transition path#crop {
	fill: var(--cropColor);
}















/* ABOUT BLOCKS
====================================== */

.about-images {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 6px;
	overflow: clip;
}

.about-images.img1 {
	aspect-ratio: 600/315;
}

.about-images.img2 {
	aspect-ratio: 430/689;
}

.about-images.img3 {
	aspect-ratio:3/2;
}

.about-block.square-images .about-images.img1 {
	aspect-ratio: 1/1;
}

.about-block.square-images .about-images.img3 {
	aspect-ratio: 4/3;
}

.about-images img, .about-images video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.images-area2 {
	width: 100%;
	height: auto;
}

.about-block .sucess-text {
	width: 100%;
	height: auto;
}

.heading2 p {
	font-size: 15px;
	line-height: 155%;
}

.about1-section-area .sucess-text .counter-text {
	background: radial-gradient(var(--blue), var(--dark-blue));
	border-radius: 6px;
}

.about1-section-area .sucess-text .counter-text h2, 
.about1-section-area .sucess-text .counter-text p {
	color: white;
}

.value-section-area .value-details-box {
	height: 100%;
}

.value-section-area .value-details-box .content-area {
	z-index: 20;
}

.value-section-area .value-boxs-area .value-box {
	background: var(--light-blue);
}

.value-section-area .value-boxs-area .value-box .arrow a {
	background: var(--dark-blue);
}

.value-section-area .value-boxs-area .value-box h5 {
	color: var(--dark-blue);
}

.value-section-area .value-boxs-area .value-box,
.value-section-area .value-boxs-area .value-box2 {
	min-height: 300px;
	border-radius: 4px;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}

.value-section-area .value-boxs-area .value-box2 {
	background: var(--dark-blue);
	color: white;
}

.value-section-area .value-boxs-area .value-box2 a {
	color: white;
}

.value-section-area .value-boxs-area .value-box2 p {
	color: #d5d5d5;
}

.value-section-area .value-boxs-area .value-box2 .arrow a {
	background: var(--light-blue);
	color: var(--dark-blue);
}

.value-section-area .value-boxs-area .value-box2 h5 {
	color: var(--light-blue);
}

.history-section-area .history-details-boxarea .history-boxes h3 {
	color: var(--Text-Color, #03071E);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-style: normal;
	font-weight: var(--ztc-weight-bold);
	line-height: 20px;
	transition: all 0.4s;
	display: inline-block;
}

.history-section-area .history-details-boxarea .row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.history-section-area .history-details-boxarea .history-boxes {
	height: 100%;
	padding: 32px 0;
	margin: 0;
	display: flex;
	flex-flow: column;
	gap: 16px;
}

.history-section-area .history-details-boxarea .history-boxes * {
	margin:0;
}

.timeline-block .row .img1 {
	height: 100%;
	object-fit: cover;
}

.square-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 270/260;
	object-fit: cover;
}

.wide-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.choose6-section-area .choose-header .list-area .text h3 {
	color: var(--Text-Color, #03071e);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s18);
	font-style: normal;
	font-weight: var(--ztc-weight-bold);
	line-height: 18px;
	display: inline-block;
	transition: .4s;
}

.works-section-area .step-by-step .step-area h4 {
	color: var(--ztc-text-text-1);
	font-family: var(--ztc-family-font1);
	font-size: var(--ztc-font-size-font-s20);
	font-style: normal;
	font-weight: var(--ztc-weight-bold);
	line-height: 20px;
	display: inline-block;
	transition: .4s;
	background: transparent;
	width: 100%;
	height: auto;
	border-radius: unset;
}

.works-section-area .step-by-step .step-area step-dot {
	display: inline-block;
	height: 20px;
	width: 20px;
	background: var(--ztc-bg-bg-3);
	border-radius: 50%;
}

.works-section-area .step-by-step .step-area p {
	max-width: 95%;
	text-wrap: balance;
	font-size: 15px;
	line-height: 160%;
}

.step-card {
	flex: 1;
}



@media all and (min-width:992px) {

	.reverse-order .container > .row {
		flex-flow: row-reverse;
	}

	.reverse-order .blog-inner-area .blog-widget-others, 
	.reverse-order .choose6-section-area .choose-header, 
	.reverse-order .cta2-section-area .cta-widget-bg .heading4, 
	.reverse-order .service-inner-area .service-widget-others {
		padding: 0 50px 0 0;
	}

}











/* OVERVIEW AND SERVICE OVERVIEW BLOCKS
===================================================== */

.service4-slider-box .img1 {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
}

.service4-slider-box .img1 img {
	position: absolute;
	top: 0;
	left: 0;
}

.service4-slider-area .service4-slider-box .img1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, black, transparent);
    z-index: 2;
}

.service4-section-area .service4-slider-area .service4-slider-box .heading {
	text-wrap: balance;
	width: calc(100% - 48px);
}

.service3-section-area .row {
	gap: 30px 0;
}

.service3-section-area .service3-boxarea {
	height: 100%;
	margin: 0;
}

.service3-section-area .service3-boxarea .img1 {
	width: 100%;
	height: auto;
	aspect-ratio: 3/2;
}

.service3-section-area .service3-boxarea .img1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonial1-section-area .testimonial-sliders .testimonial-content-slider .testemonial-boxarea h4, .testimonial3-section-area .testimonial-sliders2 .testimonial-content-slider .testemonial-boxarea h4 a {
	color: var(--ztc-text-text-2);
}

.testimonial3-section-area .testimonial-sliders2 .teimonial-slider-nav-area .testimonial-slider-img img {
	object-fit: cover;
	max-height: 400px;
}

.testimonial3-section-area .testimonial-sliders2 .testimonial-content-slider .testemonial-boxarea .content-area > p {
	text-wrap: balance;
	line-height: 125%;
	margin-top: 18px;
}




/* CALL TO ACTION BLOCK
======================================== */

.call-to-action-block .cta3-section-area {
	background: var(--blue);
}

.call-to-action-block .cta3-section-area:after {
	display: none;
}

.call-to-action-block .cta3-section-area .container {
	position: relative;
	z-index: 99;
}

.call-to-action-block p {
	color: white;
	font-weight: 500;
	margin-top: 18px;
}


.cta4-section-area .cta-form-area {
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.cta4-section-area .img1 img {
	width: 100%;
	height: auto;
	aspect-ratio: 526/305;
	object-fit: cover;
}

.cta4-section-area .btn-area a {
	border: 2px solid black;
}

.cta4-section-area .btn-area a.header-btn2-h3.btn2 {
	background: white;
	color: var(--dark-blue);
	border-color: var(--dark-blue);
}

.cta4-section-area .btn-area a.header-btn2-h3.btn2:hover {
	color: white;
}

.call-to-action-block figure.bg image-overlay:first-of-type, 
.call-to-action-block figure.bg image-overlay:last-of-type {
	background: var(--dark-blue);
	opacity: 1;
}














/* PORTFOLIO BLOCK
=============================== */

.testimonial3-section-area {
	background: #ffffff;
}

.testimonial3-section-area .testimonial-sliders2 .testimonial-content-slider .testemonial-boxarea h4 {
	margin-bottom: 4px;
}

ul.highlights li {
	display: flex;
	flex-flow: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	flex: 0 0 50%;
	padding-right: 8px;
	text-wrap: balance;
}

ul.highlights {
	display: flex;
	flex-flow: row wrap;
	gap: 8px 0;
	margin: 20px 0;
}

ul.highlights li span {
	color: var(--black);
	font-family: var(
	--ztc-family-font1);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 129%;
}



ul.highlights li i {
	color: var(--blue);
}

.testimonial3-section-area .testimonial-sliders2 .testimonial-arrows button {
	background: var(--light-blue);
}

.testimonial3-section-area .testimonial-sliders2 .testimonial-arrows button:hover {
	background: var(--dark-blue);
}

.portfolio-block .content-area h3 a {
	font-weight: 800;
	color: var(--black);
	line-height: 100%;
	margin: 0;
}

ul.project-counter {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px 64px;
	margin: 24px 0;
	padding-top: 24px;
	border-top: 1px solid #f3f3f3;
}

ul.project-counter h3 {
	font-weight: 800;
	color: var(--black);
	line-height: 100%;
	margin: 0;
}

.testimonial3-section-area .testimonial-sliders2 .testimonial-content-slider .testemonial-boxarea ul.project-counter p {
	font-size: 13px;
	line-height: 145%;
	color: gray;
}

ul.project-counter .counter-box {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	gap: 4px;
}

.testimonial5-section-area .testionial5-slider-area .testimonial5-boxarea .icons {
	background: var(--dark-blue);
}

ul.pagination {
	width: 100%;
	margin: 24px 0;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

ul.pagination li {
	position: relative;
	border: 1px solid #F9F9F9;
	background: #F9F9F9;
	border-radius: 4px;
	padding: 24px;
	display: flex;
	flex-flow: row;
	gap: 18px;
	align-items: center;
	width: 280px;
	max-width: 100%;
	transition: var(--transition);
}

ul.pagination li.next-item {
	text-align: right;
}

ul.pagination li:hover {
	background: var(--light-blue);
}
















/* CONTACT BLOCK
================================ */

.contact1-section-area {
	background: white;
}

.contact1-section-area .contact-header .contact-author-area .author-box .text span {
	color: var(--Paragraph-Color, #6c757d);
	font-weight: var(--ztc-weight-regular);
	padding-top: 12px;
	font-family: var(--ztc-family-font1);
	font-style: normal;
	display: inline-block;
}

.contact1-section-area .contact-header ul {
	border: 0;
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	width: 430px;
	max-width: 100%;
	padding-top: 12px;
}

.contact1-section-area .contact-header ul span {
	padding: 0 !important;
	margin: 0 !important;
}

.contact1-section-area .contact-header .contact-author-area .author-box .icons, 
.contact1-section-area .contact-header .contact-author-area .author-box:hover .icons {
	background: var(--light-blue);
}

.contact-boxarea h2 {
	font-size: 20px;
	text-wrap: balance;
	margin-bottom: 32px;
}

.contact-boxarea h2 a {
	color: var(--dark-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.contact1-section-area .contact-boxarea .input-area select {
	border: 1px solid #eaebeb;
	padding: 16px;
	margin-bottom: 20px;
	font-size: var(--ztc-font-size-font-s16);
	line-height: 16px;
	width: 100%;
	font-family: var(--ztc-family-font1);
	font-style: normal;
	font-weight: var(--ztc-weight-bold);
	color: var(--ztc-text-text-2);
}

.contact1-section-area .contact-boxarea .input-area p.form-disclaimer {
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
}

.contact-header.heading2 p.show-messaging {
	font-size: 1rem;
	text-wrap: balance;
}















/* POSTS
========================================== */

.service-inner-area .service-widget-others {
	padding: 0 50px 0 0;
}

section.post-content { 
	display: flex;
	flex-flow: column;
	gap: 24px;
	position: relative;
}

figure.feature-thumb {
	--columns: 5;
	display: grid;
	grid-template-columns: repeat(var(--columns),minmax(0,1fr));
	gap: 10px;
}
 
figure.feature-thumb .featured-image {
	grid-column: span var(--columns);
	height: auto;
	aspect-ratio: 16/9;
}

figure.feature-thumb .gallery-image {
	height: auto;
	aspect-ratio: 1/1;
}

.projects-inner-area {
	margin: 0 0 48px 0;
	top: -24px;
}

.projects-inner-area .project-details-area .project-author-area {
	align-items: flex-start;
}

.projects-inner-area .project-details-area .project-author-area .author-content p {
	line-height: 145%;
}

















/* SOCIAL SHARE
============================ */

.social-share-container {
	width:100%;
	position:relative;
    padding: 1.25rem 1rem;
    margin: 3rem 0;
}

ul.social-share {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    margin: 0 auto;
    padding: 0 0 2rem 0;
    gap: 0.75rem;
    max-width: 968px;
    border-bottom: 1px solid #e5e5e5;
}

ul.social-share li {
    position: relative;
}

tool-tip {
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 0.65rem;
    line-height: 100%;
    width: auto;
    white-space: nowrap;
    text-align: center;
    background: black;
    color: white;
    display: block;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    transition: var(--transition);
    transform: translate(-50%,0);
    opacity: 0.0;
    pointer-events: none;
}

ul.social-share li:hover tool-tip {
    opacity: 1.0;
    transform: translate(-50%,calc(-100% - 0.5rem));
}

ul.social-share li.share-title {
    color: black;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    margin-right: auto;
}

ul.social-share li a {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: gray;
}

ul.social-share li a svg {
    fill: white;
    width: 24px;
    height: 24px;
    object-fit: contain;
	transition: var(--transition);
}

ul.social-share li a.social-refer.linkedin {
    background: #1275B1;
}

ul.social-share li a.social-refer.twitter {
    background: black;
}

ul.social-share li a.social-refer.facebook {
    background: #0163E0;
}

ul.social-share li a.social-refer.copy-clipboard {
    background: #6AA342;
}

ul.social-share li a:hover {
	background:gray;
}

ul.social-share li a:hover svg {
    fill:white;
}








@media all and (max-width:1080px) {
	.menu-toggle {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		flex: 0 0 64px;
		height: 64px;
		position: relative;
		z-index: 999;
	}

	.menu-toggle svg {
		width: 48px;
		height: auto;
		fill: white;
	}

	.homepage1-body .header-area.homepage1 .header-elements .main-menu {
		z-index: 998;
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		border-right: 1px solid black;
		position: fixed !important;
		top: 0;
		left: calc(100vw + 1rem);
		width: 100vw;
		height: 100vh;
		background: black;
		overflow: scroll;
		transition: ease .3s all;
		padding: 120px 15px 300px 15px;
	}

	body.nav-opened.homepage1-body .header-area.homepage1 .header-elements .main-menu {
		left: 0;
	}

	.header-elements .btn-area {
		position: fixed;
		z-index: 998;
		transition: .3s ease all;
		top: calc(100vh + 1rem);
		left: 50%;
		transform: translate(-50%,0);
	}

	body.nav-opened .header-elements .btn-area {
		top: calc(100dvh - 98px);
	}

	ul#menu-header-navigation {
		flex-flow: column;
		gap: 8px;
	}

	.homepage1-body .header-area.homepage1 .header-elements .site-logo {
		flex: 0 0 124px;
		width: 124px;
	}

	.homepage1-body .header-area.homepage1 {
		position: fixed;
	}

	#menu-header-navigation > li > a {
		height: auto;
		font-size: 20px;
		padding: 6px 0;
		line-height: 100%;
	}
	
	.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {
		position: relative;
		opacity: 1.0;
		border-radius: unset;
		background: transparent;
		top: unset;
		width: 100%;
		visibility: visible;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 8px 0 18px 0;
		gap: 0 18px;
	}
	
	.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover ul.dropdown-padding {
		visibility: visible;
		transition: unset;
		opacity: 1;
		position: relative;
		top: unset;
	}

	.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a {
		color: white;
		padding: 8px 0;
	}
	
	.step-by-step .row {
		flex-flow: column;
	}

	.works-section-area .step-by-step::after {
		display: none;
	}
	
}