/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1758646345
Updated: 2025-09-23 16:52:25

*/


body,p {
    font-family: 'lato',sans-serif!important
}

.case-study-card {
    height: 430px;
    padding: 20px 40px;
	position:relative;
	background-size:cover !important;
}

h3.cs-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2em;
}

a.read-arrow {
    position: absolute;
    right: 20px;
}

a.read-arrow img{
   width:50px;
}
.case-study-meta-bottom {
    color: #ffffff;
    display: flex;
    align-items:center;
	margin-top:20px;
}
.text-info {
    position: absolute;
    bottom: 50px;
	z-index:99;
}
.cs-overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
/* 	background-color:#00000066; */
/* 	z-index:1; */
}
.case-study-meta-top{
	display:flex;
	gap:40px;
	color:#ffffff;
	z-index:99;
	position:relative;
	align-items:center;
}
.case-study-meta-top a:not(:last-child)::after{
content: '';
    position: absolute;
    right: -21px;
    height: 20px;
    width: 2px;
    font-size: 26px;
    font-weight: 200;
    top: 4px;
    /* color: #ffffff87; */
    background: #ffffff6e;
}
.case-study-meta-top a{
	display:flex;
	align-items:center;
	gap:5px;
	position:relative;
}

.bottom-meta span{
	position:relative;
}
.bottom-meta span:not(:last-child)::after{
content: '';
    position: absolute;
    right: -15px;
    height: 20px;
    width: 2px;
    font-size: 26px;
    font-weight: 200;
    top: 4px;
    /* color: #ffffff87; */
    background: #ffffff6e;
}
.bottom-meta{
	display:flex;
	gap:30px;
	align-items:center;
}
.case-study-meta-top img{
	width:25px;
}
span.meta-2{
	color:#A5A6A5;
	font-weight:300;
}

.mt-testi .carousel_content {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
}
.mt-testi .carousel_content p{
	padding-left:0px !important;
}
.mt-testi .carousel_content span{
	padding:0px !important;
}
.mt-testi .social-media{
	position:relative;
	left:-5px;
}
.mt-testi ul.social-media li {
    padding: 0px;
}
.mt-testi .carousel_content p {
    padding-left: 0px !important;
    line-height: 1.4em;
    margin-bottom: 30px;
	 font-weight: 300;
	font-size:14px;
	color:#2C2C2C;
}
.mt-testi .carousel_content img {
    display: inline-block;
    width: 30px;
	border-radius:0px !important;
}
.mt-testi .swiper-button-prev, .mt-testi .swiper-container-rtl .swiper-button-next, .mt-testi .swiper-button-next{
	display:none;
}
.mt-testi .name-info {
    order: 5;
    display: flex;
	gap:40px;
	 margin-top: 10px;
    font-weight: 300;
}
.mt-testi .name-info span{
	font-size:16px !important;
}
.mt-testi span.name_design {
    font-weight: 500;
	position:relative;
}
.mt-testi span.name_design:after {
    content: '';
    position: absolute;
    top: 4px;
    right: -20px;
    height: 20px;
    width: 1px;
    background: #0000003d;
}
.mt-testi .carousel_content{
	padding:20px;
	background:#ffffff;
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
}
.mt-testi span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0px;
	background-color:#000831 !important;
	transform:scale(1) !important;
}
.mt-testi .swiper-wrapper{
	padding:30px 10px;
}
.mt-testi .swiper-wrapper .swiper-slide{max-width:380px;}
/* Allow shadows to breathe */
.mt-testi .testimonial-swiper {
/*   padding: 0 20px;  */
  box-sizing: border-box;
}

/* Shift slides back to align */
/* .mt-testi .testimonial-swiper .swiper-slide {
  padding: 0 5px;
} */

/* .mt-testi .divi8-star-fill:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    content: "\f089"; 
    display: inline-block;
}
 */
@media screen and (min-width: 900px) {
	.cta-form .et_pb_contact_field textarea.et_pb_contact_message{
		min-height:50px !important;
		height:50px !important;
	}
	.vtab-row{
	overflow-x:hidden !important;
}
}
.shadow-col{
	box-shadow:8px 8px 39px 8px #f4f4f4 !important;
}
	.cta-form .et-pb-contact-message {
    color: #ffffff;
}
.tab-buttons .tab-link:not(.active) .title-dot {
    color: rgba(255, 255, 255, 0.4) !important;
}
.products-row.for-slide h4 {
    min-height: 54px;
}
@media screen and (max-width: 820px) {
/* 	.et-db #et-boc .et-l .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before{
		    color: transparent !important;
    top: 20px !important;
    border-left: dotted;
    left: -20px !important;
    width: 20px !important;
    font-size: 40px;
	} */
	.case-study-meta-top a:not(:last-child)::after{
		right:-5px !important;
	}
	.products-row .et_pb_main_blurb_image {
    display: inline-block;
    margin-bottom: 30px;
    line-height: 0;
    display: flex;
    min-height: 210px;
    max-width: 100%;
}
	.cta-form button.et_pb_contact_submit.et_pb_button{
		text-align:left !important;
	}
	/* Targeting by class */
/* .cta-form .et_pb_contact_message {
    height: 200px;
    resize: vertical; 
} */
	.cta-form .et_pb_contact_field textarea.et_pb_contact_message{
		min-height:80px !important;
	}
	.footer-logo {
    width: 200px !important;
}
	.case-study-card .text-info{
		width:90% !important;
		left:25px !important;
	}
	.case-study-card{
		padding:20px 20px !important;
	}
	.case-study-meta-bottom a.read-arrow{
		display:none !important;
	}
	.cs-mobile{
		width:100% !important;
		padding-left:25px !important;
	}
	.case-study-card img {
    width: 30% !important;
    float: right !important;
}
	.case-study-grid .owl-stage, .for-slide .owl-stage{
		padding-left:0px !important;
	}
	.case-study-grid .owl-stage-outer, .for-slide .owl-stage-outer{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.footer-links.et_pb_toggle{
		border:none !important;
		padding-bottom:0px !important;
		margin-bottom:-20px !important;
	}
	.footer-links.et_pb_toggle h5.et_pb_toggle_title{
		border-bottom:1px solid #d9d9d9 !important;
		padding-bottom:20px !important;
	}
	.for-mobile-left.et_pb_blurb, .for-mobile-right.et_pb_blurb{
		width:50% !important;
		float:left;
		margin-bottom:0px !important;
		margin-top:0px !important;
	}
	.for-mobile-left.et_pb_blurb{
		position:relative;
	}
	.for-mobile-left.et_pb_blurb:after{
		content:'';
		position:absolute;
		top:0px;
		right:40px;
		width:1px;
		height:100%;
		background:#d9d9d9;
/* 		border-right:1px solid #d9d9d9; */
	}
	.home-banner{
		overflow-x:hidden !important;
	}
 .home-banner .left-col:after{
	display:none;
}
	.btn-mobile .et_pb_button::after{
		right:30px !important;
	}
	.btn-mobile .et_pb_button {
  display:flex !important;
}
	.mobile_menu_bar{
		position:relative;
	}
	.mobile_menu_bar:before {
       content: " ";
        position: absolute;
		 top: -10px !important;
        left: -70px !important;
        width: 70px !important;
		 height: 50px;
        background: url(/wp-content/uploads/2025/09/mobile-icon.avif);
        background-repeat: no-repeat;
        background-size: contain;
    }
	.for-slide .owl-stage{
		padding-left:20px !important;
	}
	
	.s-blurb-progress {
  width: 90%;
  height: 4px;
  background: #f1f3f9; /* light grey background */
  margin-top: 15px;
  position: relative;
  overflow: hidden;
margin-top: 15px;
 margin-bottom: 30px;
		margin-left:20px;
}
.s-blurb-progress-bar {
  height: 100%;
  background: #001242; 
  width: 0;
  transition: width 0.3s ease;
}
.mt-testi .swiper-wrapper .swiper-slide {
    max-width: 307px;margin-right: 32px !important;
}

}


.case-study-meta-top, .text-info{
	pointer-events:none !important;
}
/* .mt-testi .divi8_testimonial_carousel_lite_0 .swiper-pagination{
	display:none !important;
} */
.mt-faq ul{
	padding-left:24px;
}




/* .faq-part {
  background-attachment: scroll;
  transition: background-attachment 0.3s ease;
}


.faq-part {
  background-attachment: fixed !important;
}
 */



/* Default (for large desktops) */
.faq-part .et_pb_row{
	width:100%;
	max-width:100%;
}
.faq-part .faq-right{
	padding-top:100px;
	padding-bottom:100px;
	padding-right:20%;
}
.faq-part .faq-left img{
	width:98% !important;
}
/* Medium desktops (like 1024px – 1440px) */
@media (max-width: 1440px) {
.faq-part .faq-right{
	padding-right:5%;
}
    .faq-part .faq-left img {
        width: 100% !important;
        height: 720px;
        object-fit: cover;
    }
}


/* Mobile and tablet*/
@media (max-width: 820px) {
   .faq-part .faq-left img {
        width: 100% !important;
        height: auto !important;
    }
	.faq-part .faq-right{
	padding-top:50px !important;
	padding-bottom:50px !important;
	padding-right:5% !important;
}
}