@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
.header-area--style5 .header__nav-5 ul li a {
    font-family: "Outfit", sans-serif !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1%;
    color: var(--white);
    padding: 0px 15px;
    padding-block: 5px;
    padding-inline: 20px;
    border-radius: 30px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-weight: 500;
	text-transform: capitalize;
}

.about-us-5 .about-section-content .decs { padding-inline: 10px; line-height: 30px; font-size:16px; text-align: justify;}
.about-us-5 .about-section-content .decs:first-child {padding-bottom: 0px;}
.about-us-5 a.link{color:#006666;}

.client-work { padding: 50px 0;}

.footer5__inner { padding-top: 50px; padding-bottom: 30px;}
.footer5 .footer-widget__box .title { font-weight: 500 !important; font-size: 26px; line-height: 26px; padding-bottom: 20px;}
.footer5 .footer-widget__box .footer-widget__info p { font-size: 18px; font-weight: 400 !important; letter-spacing:1px; text-transform: capitalize;}
.footer5 .footer-widget__box .footer-widget__info p a {font-size: 18px; font-weight: 400 !important; letter-spacing:1px; text-transform: capitalize;}
.title-5 {font-size: 56px;}
.corporate-services5__card-content h2 {font-size: 48px; color: #fff;}
.clr-yellow{color: #ffeb53;}
.breadcrumb__content .title {
    font-weight: 700;
    font-size: 75px;
    line-height: 78px;
    color: var(--white);
    text-transform: capitalize;
    font-family: var(--font_mona-sans-cond);
}
.breadcrumb__content ul li {font-family: var(--font_mona-sans-cond);}
.contact-title {font-size: 32px; line-height: 36px; font-family: var(--font_mona-sans-cond);}
.contact-item__heading {font-family: var(--font_mona-sans-cond); font-size: 24px; line-height: 40px; font-weight: 500; color: var(--dep-green);}
.contact-form__title {font-size: 36px; line-height: 40px; font-weight: 500; font-family: var(--font_mona-sans-cond);}
.contact-item__text {font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.75);}
.contact-form__card {padding: 24px 48px;}
.contact .logo-box { padding-top: 30px;}	
.project-details__content {margin-top: 10px;}
.project-details__content h2 { font-size: 42px; line-height: 52px; font-weight: 600; letter-spacing:1px; font-family: var(--font_mona-sans-cond);}
.project-details__process-list li {font-family: var(--font_mona-sans-cond); width: 100%; font-weight: 500; color: var(--dep-green); font-size:18px;}
.project-details__process-list {gap: 20px;}
.clr-dgreen{color: var(--dep-green);}
.project-details__content p {line-height: 30px;}
.project-details__process-list--style2 li::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 6px;
    width: 10px;
    height: 10px;
    background-color: #0f8254;
    border-radius: 50%;
}
.card-question-rotated {font-size: 24px; font-weight: 500; text-transform: uppercase; line-height: 1.5;}
.card-expanded h3 { font-size: 24px; font-weight: 500; text-transform:capitalize; line-height: 1.25;}
.project-details__process p { font-family: var(--font_instrument) !important; font-weight: 400; line-height: 30px; font-size: 16px; color: var(--body-text);}
.clr-red{color: #d71f1f !important;}
.tab-th{background: #223e2f; color: #fff; font-weight: 400 !important; letter-spacing: 1px;}
.lh-2em{line-height:2rem !important;}
table > tbody > tr > td, table > tfoot > tr > td {padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative;}

@media only screen and (max-width: 1399px) {
    .footer5 .footer-widget__box .title { font-size: 26px; font-weight: 500;}
	.header-area--style5 .header__nav-5 ul li a {padding-inline: 10px;}
	.breadcrumb__content .title {  font-size: 70px;   line-height: 70px; }
    .contact .logo-box { padding-top: 30px;}	
}	
@media only screen and (max-width: 1919px) {
    .section-spacing { padding-bottom: 40px; padding-top: 40px;}
	.about-us-5 .about-section .headline {font-size: 56px;}
	
}
/******Responsive table*******/
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
/******Responsive table*******/
/*.column {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin: 0 0 0 25px;
	padding: 0;
}
figure {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.hover03 figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}*/
/*********Whastapp********/
#whatsapp {
			position: fixed;
			right: 50px;
			bottom: 100px;
			width: 70px;
			height: 70px;
			cursor: pointer;
	
			z-index: 99990;
			margin: 13px -36px -92px -34px;
			color: rgb(191 58 58);
			/*color:rgb(8 253 39);*/
		}
	
		#whatsapp #whatsappMain {
			-moz-border-radius: 50% !important;
			-webkit-border-radius: 50% !important;
			border-radius: 50% !important;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			background-color: rgb(30, 138, 34);
			width: 70px;
			height: 70px;
			-webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
			/*-moz-animation: zcwmini2 1.5s 0s ease-out infinite;*/
			animation: zcwmini2 1.5s 0s ease-out infinite;
		}
	
		#whatsapp #whatsappMain:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-image:url(../imgs/logo/whatsapp.png);
	
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-animation: zcwphone2 1.5s linear infinite;
			/*-moz-animation: zcwphone2 1.5s linear infinite;*/
			animation: zcwphone2 1.5s linear infinite;
		}
	
		@-webkit-keyframes zcwmini2 {
			0% {
				box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
			}
	
			10% {
				box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
			}
	
			100% {
				box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
			}
		}
	
		@-moz-keyframes zcwmini2 {
			0% {
				box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
			}
	
			10% {
				box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
			}
	
			100% {
				box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
			}
		}
	
		@keyframes zcwmini2 {
			0% {
				box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
			}
	
			10% {
				box-shadow: 0 0 8px 6px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 14px;
			}
	
			100% {
				box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(207, 8, 8, 0);
			}
		}
	
		@-webkit-keyframes zcwphone2 {
			0% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
	
			25% {
				-ms-transform: rotate(30deg);
				-webkit-transform: rotate(30deg);
				transform: rotate(30deg);
			}
	
			50% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
	
			75% {
				-ms-transform: rotate(-30deg);
				-webkit-transform: rotate(-30deg);
				transform: rotate(-30deg);
			}
	
			100% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
		}
	
		@-moz-keyframes zcwphone2 {
			0% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
	
			25% {
				-ms-transform: rotate(30deg);
				-webkit-transform: rotate(30deg);
				transform: rotate(30deg);
			}
	
			50% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
	
			75% {
				-ms-transform: rotate(-30deg);
				-webkit-transform: rotate(-30deg);
				transform: rotate(-30deg);
			}
	
			100% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
		}
	
		@keyframes zcwphone2 {
			0% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
	
			25% {
				-ms-transform: rotate(30deg);
				-webkit-transform: rotate(30deg);
				transform: rotate(30deg);
			}
	
			50% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
	
			75% {
				-ms-transform: rotate(-30deg);
				-webkit-transform: rotate(-30deg);
				transform: rotate(-30deg);
			}
	
			100% {
				-ms-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
		}

/*********Whastapp********/