/* Akram css start */
/* 08-12-2023 */
/* .slick-slider {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.slick-list.draggable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} */
.banner-bottom .left a {
	text-decoration: none;
}
.blogs-outer-section {
	gap: 0;
	margin: 0;
}

.blog-1 {
	background-image: url('https://wiselogix.com/wp-content/uploads/2023/12/h2-background-img-1.jpg');
	background-repeat: no-repeat;
	padding: 120px 20px;
	background-size: cover;
}

.blog-2 {
	background-color: #fcfcfc;
	padding: 120px 20px;
}

.blog-3 {
	background-color: #f6f6f6;
	background-image: url('https://wiselogix.com/wp-content/uploads/2023/12/h2-background-img-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 20px;
}

.blog-top-text {
	position: relative;
	padding-left: 53px;
}

.blog-top-text:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	height: 2px;
	width: 50px;
	background-color: #222222;
}

.services-sub {
	padding-top: 55px;
}

.services-page-section {
	padding-top: 130px !important;
}

/* .project-content-section {
padding-top: 43px;
} */

/* 08-12-2023 */
/* 11-12-2023 */
.testimonials-section {
	/* background-image: url('https://wiselogix.com/wp-content/uploads/2023/12/about-parallax-img-1.png'); */
	/* background-repeat: no-repeat;
	background-size: cover; */
	background-color: #0085D7;
	padding: 4% 35px;
	max-width:100% !important;
}

.testimonials-section h2,
.testimonials-section h4,
.testimonials-section p {
	color: #fff;
}

.testimonials-section .blog-top-text:before {
	background-color: #fff;
}

.testimonials-slider-wrapper {
	display: flex;
}

.reviews-img img {
	width: 25%;
	margin-bottom: 6px;
}

.reviews-text-block {
	background-color: #fff;
	border-radius: 25px;
	padding: 25px;
	width: 37%;
	display: flex;
	align-items: center;
}

.reviews-info-block {
	width: 68%;
	padding-left: 25px;
}

.reviews-text-block h4,
.reviews-text-block p {
	color: #222222;
}

ul.slick-dots {
	display: flex;
	justify-content: center;
	list-style: none;
	margin-top: -100px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

.testimonials-section button {
	font-size: 0;
	margin: 0 8px;
	padding: 1px 18px;
	border-radius: 12px;
	background-color: #fff;
}

.testimonials-section .slick-active button {
	background-color: #060922;
}
span.animation-box-inner {
	left: -41px;
}
.custom_phone_number a.elementor-icon svg,
.custom_whats_app a.elementor-icon svg{
	position: relative;
	left: -34px;
	top: 0;
	background-color: #0C9E5D;
	padding: 10px;
	border-radius: 50%;
	width: 45px;
	height: 45px;
}
.custom_phone_number a.elementor-icon svg path,
.custom_whats_app a.elementor-icon svg path {
	fill: #fff;
}
.services-bottom-box-img path {
	color: #fff;
}
.services-bottom-box-button path {
	fill: #fff;
}
.project-meta {
	justify-content: space-between;
}
.project-meta-icon {
	font-size: 31px;
}

/* 11-12-2023 */

/* 12-12-2023 */
section .facts-and-numbers-container > div{
	width: 50%;
}
section.facts-and-numbers-section {
	display: flex;
	background-color: #060922;
	padding: 3% 75px 9%;
	max-width:100% !important;
}
.number-left,
.number-right {
	width: 49%;
	display: inline-block;
}
.number-setion p {
	margin-bottom: 0;
}
.number-setion h2 {
	margin-bottom: 0;
}
.facts-and-numbers-content-section{
	display: flex;
	align-items: center;
}
.blogs-outer-section .wp-block-heading {
	height: 131px;
}
.blogs-outer-section .description{
	height: 66px;
}
.number-inner {
	background-color: #fff;
	border-radius: 17px;
	padding: 14px;
	margin-right: 6px;
	margin-bottom: 11px;
	transition: all .3s;
}
.number-inner:hover {
	transform: translate(0px, -8px);
	box-shadow: 0px 20px 50px -20px #8d8d8d;
}
.facts-heading h2,
.facts-heading p{
	color: #fff;
}
.services-bottom-box-img .img-wrapper {
	display: none;
}
/* 12-12-2023 */

.portfolio-img-wrapper .portfolio_feature_image {
	height: 350px;
	object-fit: cover;
	width: 100%;
	object-position: top;
	display: block;
	border: none;
	border-radius: 5px;
}

.portfolio-filter-item-wrapper {
	position: relative;
	overflow: hidden;
}

.portfolio-filter-item {
	float: left;
	width: 25%;
}

div#portfolio-btns-container {
	margin-bottom: 25px;
	display: flex;
	justify-content: flex-start;
}

.btn {
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
	display: block;
	color: white;
	margin: 0 4px;
	border-radius: 12px 7px 12px 7px;
	background: #21272F;
	border: 2px solid #62606B;
}

.btn:hover {
	background: #62606B;
	border: 2px solid #21272F;
}

.portfolio-section .portfolio-container {
	width: 1200px;
	max-width: 1400px;
	margin: auto;
	position: relative;
}

.portfolio-section {
	padding: 0;
	overflow: hidden;
}

.portfolio-filter-item-hover-box {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.portfolio-filter-item-hover-inner-box {
	background: #21272fd6;
	position: absolute;
	top: 100%;
	left: -1px;
	right: -1px;
	bottom: 0;
	z-index: -1;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.portfolio-filter-item:hover .portfolio-filter-item-hover-inner-box {
	top: 0px;
	opacity: 1;
}

.portfolio-filter-item-hover-box-bottom-text h4 {
	color: #fff;
	text-align: center;
}

.portfolio-thumbnail-img img {
	height: 337.25px;
	object-fit: cover;
	object-position: top;
}

.portfolio {
	justify-content: normal;
}

.portfolio-filter-item-hover-box-bottom-text a {
	text-decoration: none;
}
.form-checkbox .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
}

/* 14-12-2023 */
.servies-top-content-left-desc p {
	font-size: 16px;
}
.custom_whats_app, .custom_phone_number {
	right: 0;
}
.custom-contact-from .wpcf7-not-valid-tip {
	margin-left: 21px;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ff0000;
	border-radius: 7px;
	width: 960px;
	margin: 2em auto 1em;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-radius: 7px;
	width: 960px;
	margin: 2em auto 1em;
}
/* 14-12-2023 */

/* 15-12-2023 */
.spacer-height{
	display: none;
}
.entry-content {
	background: #f6f6f6;
}
.single-service .entry-content {
	background: none;
}
.custom-contact-from label {
	background: #F6F6F6 !important;
}
.logo-outer img{
	transition: all .3s ease;
}
.contact-box .icon-img svg{
	width: 26px;
	height: 26px;
}
#footer-widgets #text-2 p {
	margin-bottom: 2px;
}
.home-about,
.footer-top-section > div > div{
	flex-wrap: nowrap;
}
.testimonials-slider-wrapper img {
	width: auto;
}
.footer-top-section {
	display: block !important;
}
.footer-socila-icon i{
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900 !important;
}
@media screen and (min-width: 1366px) {
	.facts-and-numbers-container,
	.testimonials-container{
		width: 1200px;
		max-width: 1400px;
		margin: auto;
	}
	.facts-and-numbers-container{
		display: flex;
	}
}
@media screen and (max-width: 1150px) {
	.banner-bottom{
		display: none;
	}
	.spacer-height{
		display: block;
	}
}
@media screen and (max-width: 992px) {
	.home-about,
	.footer-top-section > div > div{
		flex-wrap: wrap;
	}
}
/* 15-12-2023 */

/* Akram css end */

/* Salman css start  13-12-2023*/
.page-hero {
	background-image:none !important;
	background:linear-gradient(180deg, rgba(6,9,34,1) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%) !important;
	padding-top: 12%;
	padding-bottom: 5%;
}
.header-wrap .site-header{
	background:#00000000
}
.page-hero h1 {
	font-size: 40px;
	line-height: 42px;
}
.page-id-639 .services-section{
	background-color: #f6f6f6;
	max-width:100% !important;
}
.page-id-639 .servies-top-content-left-heading > h2,
.page-id-639 .servies-top-content-left-desc p, 
.page-id-639 .services-bottom-box-wrapper h3, 
.page-id-639 .services-bottom-box-detail p, 
.page-id-639 .services-bottom-box span.mr-2{
	color: #222222 !important;
}
.page-id-639 .services-bottom-box-wrapper:hover h3, 
.page-id-639 .services-bottom-box-wrapper:hover p, 
.page-id-639 .services-bottom-box-wrapper:hover span.mr-2{
	color: #fff !important;
}
.page-id-639 .services-bottom-box-button path{
	fill: #222222;
}
.page-id-639 .services-bottom-box:hover h3,
.page-id-639 .services-bottom-box:hover p{
	color: #fff;
}
.page-id-639 .services-bottom-box-button:hover path {
	fill: white;
}
/* 15-02-2024 */

/* 07-02-2024 */
.logo-outer img{
	width:220px;
	padding:10px;
	filter:grayscale(1);
}
.logo-outer img:hover{
	filter:grayscale(0)
}



/* Salman Start CSS 16-1-2024 */

.service-box-row {
	width: 1200px;
	max-width: 1400px;
	margin: auto;
	column-count: 2;
}
.service-box {
	padding: 20px;
	border: 1px solid #0085D7;
	margin-bottom: 20px;
	margin-right: 20px;
	border-radius: 5px;
	transition: background-color 0.5s ease-out 100ms;
}
.service-box:hover {
	background-color: #0085D7;
}
.service-box h3, .service-box p, .service-box a{
	transition-duration:0.5s;
}
.service-box:hover h3, .service-box:hover p, .service-box:hover a{
	color:#fff
}
.service-box:hover .btn-arrow path{
	fill:#fff;
}
.service-box a{
	font-size:20px;
	line-height:25px;
	font-weight:600;
	text-decoration:none;
}
.box-btn {
	display: flex;
	align-items: center;
}
.btn-arrow {
	margin-left: 10px;
	padding-top: 10px;
}
.btn-arrow svg {
	width: 17px;
	height: 20px;
}
.btn-arrow path {
	fill: #222222;
}
.custom-logo-outer {
	display: flex;
	justify-content: center;
}
.custom-logo-outer img {
	width: 220px;
	filter:brightness(0) invert(1) sepia(1) hue-rotate(180deg);
	transition-duration: 0.5s;
}
.custom-logo-inner {
	width: 220px;
	margin: 0 25px;
	padding: 15px 15px 5px;
	background: #0085D7;
	border-radius: 10px;
	transition-duration: 0.5s;
}
.custom-logo-inner:hover img{
	filter:grayscale(100%) brightness(0%) contrast(100%) invert(0%);
}
.custom-logo-inner:hover {
	transform: translate(0px, -8px);
	box-shadow: -10px 5px 18px 0px rgba(86, 85, 85, 0.12);
}
.services-top{
	margin:0 !important;
}
.services-section{
	padding:50px 0 0 0 !important;
	max-width:100% !important;
}
.home-page-servoce-box {
	background: #060922;
	padding: 40px 0 50px 0;
	max-width:100% !important;
}
.home-page-servoce-box .service-box h3, .home-page-servoce-box .service-box p, .home-page-servoce-box .service-box a{
	color:#fff;
	text-decoration:none;
}
.home-page-servoce-box .service-box figure {
	margin-left: 10px;
}
.home-page-servoce-box .btn-arrow path{
	fill:#fff;
}
.custom-blog-page .wp-block-spacer {
	display: none;
}
.custom-blog-page .wp-block-post-template li {
	text-align: center;
	padding: 30px;
	background: #F6F6F6;
	margin-bottom: 40px;
	border-radius: 20px;
	border: 1px solid #43b9fe;
	box-shadow: -10px 5px 18px 0px rgba(86, 85, 85, 0.12);
	transition-duration:0.5s;
}
.custom-blog-page .wp-block-post-template li:hover{
	box-shadow:none;
}
.custom-blog-page .wp-block-post-title {
	font-size: 30px;
	padding-top: 10px;
	margin: 0;
}
.custom-blog-page .wp-block-post-title a{
	text-decoration:none;
}
.page-id-2412 .entry-content, .single-post .entry-content{
	background:#fff
}
.page-id-2412 .inside-article {
	padding: 0 !important;
}




@media (max-width: 520px){
	.service-box-row{
		width: auto;
		margin: auto;
		padding: 0 20px 0;
		column-count:1;
	}
	.service-box{
		margin-right:0;
	}
}
@media screen and (max-width: 781px){
	.partner-logo-section{
		text-align:center;
	}
	.custom-logo-outer {
		display: inline-block;
		text-align: center;
	}
	.custom-logo-inner{
		margin:15px;
	}
	.page-id-2412 .wp-block-group__inner-container {
		padding: 30px 0 !important;
	}
}

@media (min-width: 520px) and (max-width: 768px){
	.service-box-row{
		width: auto;
		margin: auto;
		padding: 0 20px 0;
	}
}

@media (min-width: 768px) and (max-width: 1200px){
	.service-box-row{
		width:auto;
		padding:20px;
	}
}

/* Salman End CSS 16-1-2024 */
/* 07-02-2024 */

.page-id-1685 .entry-content {
	background: #fff;
}
.quote-form-wrapper input[type="radio"],
.quote-form-wrapper input[type="checkbox"] {
	display: inline-block;
	-webkit-appearance: none;
	margin: 0;
	text-align: center;
	line-height: normal;
	min-height: 0 !important;
	box-sizing: border-box;
	vertical-align: middle;
	width: 20px !important;
	height: 20px !important;
	border: 2px solid #135DCB !important;
	min-width: 20px;
	position: relative;
	border-radius: 100% !important;
}
.quote-form-wrapper input[type="radio"]:checked:before,
.quote-form-wrapper input[type="checkbox"]:checked:before {
	content: "";
	border-radius: 100%;
	width: 100%;
	height: 100%;
	background-color: #135DCB !important;
	min-width: 20px;
	min-height: 20px;
	position: absolute;
	top: -1px;
	left: -2px;
	bottom: 0;
	right: 0px;
}
/* .quote-form-wrapper input[type="radio"]:checked:after{
content: '';
position: absolute;
top: -19px;
left: -744px;
width: 778px;
height: 58px;
border: 2px solid #135DCB !important;
border-radius: 5px;
border: 2px solid #135DCB !important;
} */

.quote-form-wrapper .wpcf7-radio .first,
.quote-feild-active{
	border: 2px solid #135DCB !important;
}
.quote-form-wrapper .select-feild select {
	-webkit-appearance: auto;
}q
/* 15-02-2024 */
@media only screen and (max-width: 590px) and (min-width: 361px){
	.page-hero{
		padding-top:20%;
	}
	.page-hero h1 {
		font-size: 30px;
		line-height: 21px;
	}
}
@media screen and (max-width: 360px){
	.page-hero{
		padding-top:110px;
	}
	.page-hero h1 {
		font-size: 25px;
		line-height: 10px;
	}
}
/* Salman css end 13-12-2023*/
@media only screen and (max-width: 1366px) and (min-width: 950px) {
	.facts-and-numbers-container {
		display: flex !important;
	}
}
@media only screen and (max-width: 1320px) and (min-width: 1025px) {
	.blogs-outer-section .wp-block-heading {
		height: 70px;
		font-size: 27px;
		line-height: 120%;
	}
	.blogs-outer-section .description {
		height: 113px;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 931px) {
	.blogs-outer-section .wp-block-heading {
		height: 100px;
		font-size: 27px;
		line-height: 120%;
	}
	.blogs-outer-section .description {
		height: 120px;
	}
}
@media only screen and (max-width: 930px) and (min-width: 905px) {
	.blogs-outer-section .description {
		height: 120px;
	}
}
@media only screen and (max-width: 904px) and (min-width: 782px) {
	.blogs-outer-section .description {
		height: 140px;
	}
}
@media only screen and (max-width: 949px){
	section .facts-and-numbers-container>div {
		width: 100%;
	}
	.facts-and-numbers-img-section {
		text-align: center;
	}
	section.facts-and-numbers-section {
		padding: 0 75px 4%;
	}
}
@media screen and (max-width: 781px) {
	.blogs-outer-section .wp-block-heading {
		height: auto;
	}
}
@media screen and (max-width: 768px) {
	.portfolio-filter-item {
		width: 50%;
	}
	.reviews-img img {
		width: 40%;
		margin-bottom: 6px;
	}
	/* 12-12-2023 */
	section.facts-and-numbers-section {
		display: block;
	}
	section .facts-and-numbers-container > div {
		width: 100%;
	}
	.facts-and-numbers-img-section {
		text-align: center;
	}
	.facts-and-numbers-content-section {
		align-items: center;
		margin: 30px 0 11px;
	}
	.testimonials-section {
		padding: 5% 20px;
	}
	section.facts-and-numbers-section {
		padding: 0 20px 3%;
	}
	.blog-1,
	.blog-2,
	.blog-3 {
		padding: 46px 20px;
	}
	.blogs-outer-section .wp-block-heading,
	.blogs-outer-section .description  {
		height: auto;
	}
	.testimonials-slider-wrapper {
		display: block;
	}
	.reviews-text-block{
		width: 100%;
	}
	.reviews-info-block{
		width: 100%;
		padding-left: 0;
		padding-top: 25px;
	}
	ul.slick-dots {
		margin-top: -200px;
	}
	/* 12-12-2023 */
}

@media only screen and (max-width: 768px) and (min-width: 600px){
	.inside-footer-widgets {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 425px) {
	.portfolio-filter-item {
		width: 100%;
	}
	.testimonials-slider-wrapper {
		display: block;
	}
	.testimonials-section {
		padding: 5% 20px;
	}
	.reviews-img img {
		width: 55%;
	}
	ul.slick-dots {
		margin-top: -170px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	/* 12-12-2023 */
	.number-left, .number-right {
		width: 100%;
		display: block;
	}
	.facts-and-numbers-content-section {
		display: block;
	}
	.number-inner {
		margin-right: 0;
	}
	section.facts-and-numbers-section {
		padding: 0 20px 8%;
	}
	.blog-1,
	.blog-2,
	.blog-3{
		padding: 29px 20px;
	}
	section.portfolio-wrapper-section {
		background-color: #060922;
	}
	section.portfolio-wrapper-section {
		background-color: #060922;
		padding: 20px 20px 0;
	}
	.portfolio-wrapper-section .portfolio-filter-item {
		padding-bottom: 12px;
	}
	/* 12-12-2023 */
}
@media screen and (max-width: 375px) {
	/* 12-12-2023 */
	ul.slick-dots {
		margin-top: -100px;
	}
	/* 12-12-2023 */
}
.quote-form-wrapper .wpcf7-list-item{
	padding: 0 !important;
}
.quote-form-wrapper .wpcf7-list-item label{
	padding: 15px !important;
}
@media (max-width: 768px){

	html .check-feild .wpcf7-checkbox{
		display: block !important;
	}
}
/* 03 Apr, 2024 */
.portfolio-thumbnail-img img{
	width: 100% !important;
}
.portfolio-arrow-img{
	text-align: center;
}
/* Password Protected page - css */
.post-password-required .entry-content {
	padding: 100px !important;
	text-align: center !important;
}
.post-password-required p:not(:has(label)) {
	font-weight: 600 !important;
	font-family: sans-serif !important;
	font-size: 20px !important;
}
.custom-stat-card {
	background-color: #e0e3e8; /* Very light blue background */
	border-radius: 16px;
	padding: 24px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%; /* Fills the Gutenberg column */
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* Text Content Wrapper */
.custom-stat-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 75%; /* Gives text room to wrap without hitting icon */
}
/* The Highlighted Value */
.custom-stat-value {
	font-size: 36px;
	font-weight: 800;
	color: #1d4ed8; /* Vibrant Blue */
	margin: 0;
	line-height: 1;
	letter-spacing: -0.5px;
}
/* Description Text */
.custom-stat-description {
	font-size: 14px;
	color: #64748b; /* Slate grey */
	margin: 0;
	line-height: 1.5;
	font-weight: 500;
}
/* Icon Background Wrapper */
.custom-stat-icon-wrapper {
	background-color: #eef2ff; /* Light indigo background */
	min-width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* The SVG Icon */
.custom-stat-icon {
	width: 22px;
	height: 22px;
	color: #3b82f6; /* Matching vibrant blue */
}
.seo_left_col .wp-block-list {
	list-style: none;
	padding: 0 !important;
}
.seo_left_col ul.wp-block-list li {
	position: relative;
	padding-left: 25px;
	margin: 6px 0;
}
.seo_left_col ul.wp-block-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #fff;
	font-weight: bold;
	background: #1D4ED8;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 1. Main Card Container Background & Box Shadow */
.right_icon_col .uagb-infobox__content-wrap {
	background-color: #f8faff !important;
	border-radius: 16px !important;
	padding: 24px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important;
	border: none !important;
}

/* 2. Grid Layout to Re-arrange the Icon to the Right */
.right_icon_col .uagb-ifb-content {
	display: grid !important;
	grid-template-columns: 1fr 48px !important; /* Left column for text, Right column (48px) for icon */
	grid-template-rows: auto auto !important; /* Two rows: Title on top, Description below */
	grid-column-gap: 16px !important;
	align-items: start !important;
}

/* 3. Force Icon to the Right Side (Spanning both text rows) */
.right_icon_col .uagb-ifb-icon-wrap {
	grid-column: 2 !important;
	grid-row: 1 / span 2 !important;
	background-color: #eef2ff !important; /* Light blue box for icon */
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* 4. Ensure Title is Top Left */
.right_icon_col .uagb-ifb-title-wrap {
	grid-column: 1 !important;
	grid-row: 1 !important;
	margin-bottom: 8px !important;
	text-align: left !important;
}

/* 5. Ensure Description is Bottom Left */
.right_icon_col .uagb-ifb-desc {
	grid-column: 1 !important;
	grid-row: 2 !important;
	text-align: left !important;
	margin: 0 !important;
}

/* 6. Typography & Colors */
.right_icon_col .uagb-ifb-title {
	color: #1d4ed8 !important; /* Vibrant Blue */
	font-size: 34px !important;
	font-weight: 800 !important;
	margin: 0 !important;
}

.right_icon_col p.uagb-ifb-desc {
	color: #64748b !important; /* Slate Grey */
	font-size: 14px !important;
	line-height: 1.5 !important;
}

/* 7. Icon SVG Color and Size */
.right_icon_col .uagb-ifb-icon-wrap svg {
	width: 22px !important;
	height: 22px !important;
	fill: #3b82f6 !important; /* Matching blue icon color */
	color: #3b82f6 !important;
	margin: 0 !important;
}
.seo_left_col h2:first-of-type,
.seo_left_col h2:first-child {
	color: #3b82f6 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	font-weight: 800 !important;
	margin-top: 0 !important;
	margin-bottom: 12px !important;
}

.seo_left_col h2:nth-of-type(2) {
	color: #0f172a !important;
	font-size: 38px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.5px !important;
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}

.seo_left_col p {
	color: #64748b !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-bottom: 32px !important;
}

.seo_left_col [class*="icon-list"],
.seo_left_col ul {
	margin: 0 !important;
	padding: 0 !important;
}

.seo_left_col li,
.seo_left_col [class*="list-repeater"] {
	display: flex !important;
	align-items: center !important;
	color: #334155 !important;
	font-size: 15.5px !important;
	font-weight: 500 !important;
	margin-bottom: 16px !important;
}

.seo_left_col [class*="source-wrap"],
.seo_left_col [class*="icon-wrap"] {
	background-color: #2563eb !important;
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	border-radius: 50% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin-right: 14px !important;
	padding: 4px !important;
	box-sizing: border-box !important;
}

.seo_left_col [class*="source-wrap"] svg,
.seo_left_col [class*="icon-wrap"] svg,
.seo_left_col li svg {
	fill: #ffffff !important;
	color: #ffffff !important;
	width: 12px !important;
	height: 12px !important;
	margin: 0 !important;
}






.case_study_wrap {
	background-color: #141B2D !important; /* Dark Navy Background */
	padding: 56px !important;
	border-radius: 16px !important;
	border: 1px solid #1e293b !important;
	align-items: center !important; /* Vertically centers text and image */
}
/* --- THE FIX: CSS GRID FOR PERFECT SPACING --- */
.case_study_left_col {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 equal columns for counters */
	column-gap: 24px !important; /* Horizontal gap between the 3 counters */
	row-gap: 0 !important;
	align-items: start !important;
}
/* Make headings, paragraph, and bottom link span full width across the grid */
.case_study_left_col > div:nth-child(1),
.case_study_left_col > div:nth-child(2),
.case_study_left_col > p.wp-block-paragraph,
.case_study_left_col > .wp-block-uagb-icon-list {
	grid-column: 1 / -1 !important;
}
/* Ensure counters only span 1 column each */
.case_study_left_col > .wp-block-uagb-counter {
	grid-column: span 1 !important;
	margin: 0 !important;
	float: none !important;
	width: 100% !important;
	margin-bottom: 48px !important; /* Large vertical space below the counters */
}
/* On mobile screens, stack the counters vertically */
@media (max-width: 768px) {
	.case_study_left_col {
		grid-template-columns: 1fr !important;
	}
	.case_study_left_col > .wp-block-uagb-counter {
		margin-bottom: 24px !important;
	}
}
/* --------------------------------------------- */
/* 2. "CASE STUDY" Heading (1st child) */
.case_study_left_col > div:nth-child(1) h2.uagb-heading-text {
	color: #3b82f6 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	font-weight: 800 !important;
	margin-top: 0 !important;
	margin-bottom: 12px !important; /* Gap below "CASE STUDY" */
}
/* 3. "Lahore Real Estate..." Heading (2nd child) */
.case_study_left_col > div:nth-child(2) h2.uagb-heading-text {
	color: #ffffff !important;
	font-size: 32px !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	margin-top: 0 !important;
	margin-bottom: 24px !important; /* Gap below Main Heading */
}
/* 4. Paragraph Text (3rd child) */
.case_study_left_col > p.wp-block-paragraph {
	color: #94a3b8 !important; /* Slate grey */
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-top: 0 !important;
	margin-bottom: 5px !important; /* Gap below Paragraph */
}
/* 5. Force Numbers and Suffixes to stay on one line tightly */
.case_study_left_col .wp-block-uagb-counter__number {
	display: flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	flex-wrap: nowrap !important;
	margin-bottom: 4px !important; /* Tiny gap between Number (3x) and Label (Lead volume) */
	gap: 0 !important; /* Removes gap between '3' and 'x' */
}
/* Number Values Typography */
.case_study_left_col .wp-block-uagb-counter__number span {
	font-size: 38px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* Labels Typography */
.case_study_left_col .wp-block-uagb-counter__title {
	color: #64748b !important; /* Grey text */
	font-size: 14px !important;
	font-weight: 500 !important;
	margin: 0 !important;
	text-align: left !important;
}
/* 6. Fix Counter Colors (Green, Blue, Green) */
.case_study_left_col > *:nth-child(4) .wp-block-uagb-counter__number span { color: #00d48a !important; } /* 3x is Green */
.case_study_left_col > *:nth-child(5) .wp-block-uagb-counter__number span { color: #3b82f6 !important; } /* 96 is Blue */
.case_study_left_col > *:nth-child(6) .wp-block-uagb-counter__number span { color: #00d48a !important; } /* -38% is Green */
/* 7. Icon List ("Read full case study") */
.case_study_left_col .wp-block-uagb-icon-list {
	clear: both !important;
	margin: 0 !important;
}
/* Reverses the order so the arrow goes on the right side */
.case_study_left_col .wp-block-uagb-icon-list-child {
	display: flex !important;
	flex-direction: row-reverse !important;
	justify-content: flex-end !important;
	align-items: center !important;
}
.case_study_left_col .uagb-icon-list__label {
	color: #3b82f6 !important; /* Blue text */
	font-size: 15px !important;
	font-weight: 500 !important;
}
/* Icon / Arrow Spacing */
.case_study_left_col .uagb-icon-list__source-wrap {
	margin-right: 0 !important;
	margin-left: 8px !important; /* Gap between text and arrow */
	background: transparent !important;
	padding: 0 !important;
}
/* Icon / Arrow Color */
.case_study_left_col .uagb-icon-list__source-wrap svg {
	fill: #3b82f6 !important;
	width: 16px !important;
	height: 16px !important;
}
/* 1. Main Background for the whole section */
.case_study_wrap {
	background-color: #0d1326 !important; /* Dark Navy Background */
	padding: 48px !important;
	border-radius: 16px !important;
	border: 1px solid #1e293b !important;
	align-items: center !important; /* Vertically centers text and image */
}

/* 2. "CASE STUDY" Heading (1st child) */
.case_study_left_col > div:nth-child(1) h2.uagb-heading-text {
	color: #3b82f6 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	font-weight: 800 !important;
	margin-bottom: 12px !important;
}

/* 3. "Lahore Real Estate..." Heading (2nd child) */
.case_study_left_col > div:nth-child(2) h2.uagb-heading-text {
	color: #ffffff !important;
	font-size: 32px !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	margin-bottom: 24px !important;
}

/* 4. Paragraph Text (3rd child) */
.case_study_left_col > p.wp-block-paragraph {
	color: #94a3b8 !important; /* Slate grey */
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-bottom: 40px !important;
}

/* 5. The 3 Counters Container Layout (Children 4, 5, 6) */
.case_study_left_col > .wp-block-uagb-counter {
	float: left !important;
	width: 31% !important;
	margin-right: 3% !important;
	margin-bottom: 32px !important;
}

/* Remove right margin from 3rd counter to fit the row perfectly */
.case_study_left_col > *:nth-child(6) {
	margin-right: 0 !important;
}

/* Force Numbers and Suffixes (like "x" and "%") to stay on one line horizontally */
.case_study_left_col .wp-block-uagb-counter__number {
	display: flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	flex-wrap: nowrap !important;
	margin-bottom: 8px !important;
}

/* Number Values Typography */
.case_study_left_col .wp-block-uagb-counter__number span {
	font-size: 38px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

/* Labels Typography */
.case_study_left_col .wp-block-uagb-counter__title {
	color: #64748b !important; /* Grey text */
	font-size: 14px !important;
	font-weight: 500 !important;
	margin: 0 !important;
	text-align: left !important;
}

/* 6. Fix Counter Colors (Green, Blue, Green) */
.case_study_left_col > *:nth-child(4) .wp-block-uagb-counter__number span { color: #00d48a !important; } /* 3x is Green */
.case_study_left_col > *:nth-child(5) .wp-block-uagb-counter__number span { color: #3b82f6 !important; } /* 96 is Blue */
.case_study_left_col > *:nth-child(6) .wp-block-uagb-counter__number span { color: #00d48a !important; } /* -38% is Green */

/* 7. Icon List ("Read full case study") */
.case_study_left_col .wp-block-uagb-icon-list {
	clear: both !important; /* Pushes it below the floating counters */
}

/* Reverses the order so the arrow goes on the right side */
.case_study_left_col .wp-block-uagb-icon-list-child {
	display: flex !important;
	flex-direction: row-reverse !important;
	justify-content: flex-end !important;
	align-items: center !important;
}

.case_study_left_col .uagb-icon-list__label {
	color: #3b82f6 !important; /* Blue text */
	font-size: 15px !important;
	font-weight: 500 !important;
}

/* Icon / Arrow Spacing */
.case_study_left_col .uagb-icon-list__source-wrap {
	margin-right: 0 !important;
	margin-left: 8px !important; /* Gap between text and arrow */
	background: transparent !important;
	padding: 0 !important;
}

/* Icon / Arrow Color */
.case_study_left_col .uagb-icon-list__source-wrap svg {
	fill: #3b82f6 !important;
	width: 16px !important;
	height: 16px !important;
}
@media screen and (max-width: 479px){
	.sidebar_box {
		grid-template-columns: 1fr !important;
	}
	.iconbox-card.wp-block-group-is-layout-grid {
		grid-template-columns: 1fr;
	}
	.iconbox-card .uagb-infobox__content-wrap .uagb-ifb-icon-wrap {
		margin: auto !important;
		margin-bottom: 10px !important;
	}
	.iconbox-card .uagb-infobox__content-wrap {
		display: block !important;
	}
	.single-service .post-navigation {
		padding-bottom: 25% !important;
	}
	.single_counter .wp-block-uagb-counter:not(:last-child) {
		border-bottom: 1px solid #1F2A45 !important;
		border-right: none !important;
		padding-bottom: 10px;
	}
	.sidebar_box {
    margin-top: 15px !important;
}
	.timeline_wrap .wp-block-list {
    flex-wrap: wrap;
}
}
@media only screen and (max-width: 768px) and (min-width: 480px){
	.sidebar_box {
    margin-top: 15px !important;
}
	.sidebar_wrapper {
    border-left: none;
}
	.single-service nav.navigation.post-navigation {
    padding-bottom: 15% !important;
}
	.single-service h2.wp-block-heading {
    margin-bottom: 20px !important;
    text-align: center !important;
}
	.single-service h4.wp-block-heading {
    text-align: center !important;
    margin-bottom: 10px;
}
	
}