/* ******************  Synavos Home  ****************** */
/* ******************  Synavos Home  ****************** */

header#site-header {
	z-index: 10;
	}
	.sy-homepage2 {
		background-color: #fff !important;
	}
	.sy-homepage2 #wpcf7-f25537-o1 textarea{
		height: 90px;
	}
	
	#pseb img , #iso img{
		width: 150px;
	}	
	@media (min-width: 766px) and (max-width: 1099px){
		  #home .banner-info h1 {
        font-size: 90px !important;
        line-height: 82px !important;
    }
		#home .home-banner .client-logo .partners_logo_box{
			gap: 15px !important;
		}
    #home .banner-txt h3 {
        font-size: 40px !important;
    }
    #home .banner-info p {
        font-size: 18px !important;
/* 		width: 70% !important; */
    }
		#home .banner-slider, .banner-slide{
			height: 800px !important;
		}
		.inner-tabs{
			padding: 0px !important;
		}
		.awards-section{
			margin: 0px 30px !important;
		}
		.sy-contact-div{
			margin: 0px 30px !important;
		}
		#home .home-contact-section{
			padding: 60px 0px !important;
			margin-top: 50px !important;
		}
		.news-column{
			margin-top: -32px !important;
		}
	}
	
	@media (min-width: 1100px) and (max-width: 1399px){
		#home .banner-slider , .banner-slide{
			height: 650px !important;
		}
		#home .banner-txt h3 {
			font-size: 32px !important;
		}
		#home .home-banner .banner-info h1{
			font-size: 90px !important;
			line-height: 86px !important;
			padding-bottom: 15px !important;
		}
		#home .banner-info p{
			font-size: 16px !important;
		}
		
		.sy-tabs-section-cs .container{
		
		padding: 20px 0px 0px 0px !important;
	}
		.inner-tabs {
			padding-left: 0px !important;
		}
	.sy-tabs-section-cs {
			margin: 0px 60px !important;
		padding-left: 30px !important;
		padding-top: 30px;
	}
	.sy-tabs-section-cs .sy-info h3{
		font-size: 35px;
		margin-bottom: 10px;
		line-height: 12px;
	}
		.sy-tabs-section-cs .sy-div .sy-description p{
			width: 90% !important;
		}
	.sy-tabs-section-cs .sy-description p{
		font-size: 16px;
		line-height: 20px;
	}
	.tab-counts p{
			font-size: 14px !important;
    }
		.tab-counts h3{
			font-size: 50px !important;
    }
	.tab-details .btn {
        margin-bottom: 50px !important;
	    margin-top: 10px !important;
		padding: 12px 20px;
		}
		.tab-details{
			padding-right: 10px;
		}
		.tab-details h2{
			font-size: 32px !important;
		}
		.tab-details p{
			font-size: 15px !important;
		}
	.tab-content h2{
		margin-bottom: 10px
		
	}
	.tab-content p{
		margin-bottom: 10px
		
	}
		 .tabs {
        max-width: 140px !important;
    }
	 .tabs li {
		 font-size: 14px !important;
        padding: 4px 8px !important;
    }
	.tab-image img {
		object-fit: fill; 
		width: 94%;
		
    }
		.awards-section{
			margin: 0px 60px !important;
		}
		div.catalyst{
			padding-bottom: 35px !important;
		}
		div.catalyst-container {
			padding-left: 0px !important;
		}
		div.catalyst .sy-description p{
			font-size: 26px !important; 
			line-height: 34px !important;
			width:68% !important;
			margin-left: 0px;
		}
		#home .blog-news-section.container{
			padding-top: 0px !important;
			padding-bottom: 0px !important;
		}
			div.catalyst {
    padding: 100px 0px 40px 0px !important;
    margin: -70px 60px 0px 60px !important;
    border-radius: 0px 0px 60px 60px !important;
    position: relative;
    overflow: hidden;
		}
		.sy-contact-div{
			margin: 50px 60px 0px 60px !important;
		}
		.sy-contact-div .left-contact-side{
			padding-left: 30px !important;
		}
		#home .home-contact-section{
			padding: 65px 0px !important;
		}
		.news-column{
			margin-top: -70px !important;
		}
		#home .form-group{
			margin-bottom: 0px !important;
		}
		.sy-div{
			justify-content: center !important;
		}
	}
	
@media (min-width: 1400px) and (max-width: 1599px) {
	#home #wpcf7-f25537-o1 input, textarea, select{
		font-size: 14px !important;
	}
	  .sy-tabs-section-cs section.container{
		padding-top: 10px !important;
	}
		.sy-tabs-section-cs .container{
			padding-top:25px;
			margin-left: 35px;
			margin-bottom: 20px;
		}
		.sy-tabs-section-cs .container h3.sy_heading{
			margin-bottom: 5px !important;
			margin-top: 0px;
		}
		 .tab-details .btn {
	    margin-top: 34px;
			 padding: 12px 20px !important;
			 border-radius: 14px !important;
		}
		.tab-details{
			padding-right: 10px;
		}
		.tab-details h2{
			margin-bottom: 0px;
			font-size: 30px !important;
		}
		.sy-tabs-section-cs .sy-div .sy-description p{
			width: 90%;
		}
		.tab-details p {
			font-size: 15px !important;
			margin-bottom: 0px;
		}
		.tab-details .count p{
			margin-top: -10px !important;
		}
		 .tabs {
        max-width: 180px !important;
    }
		.tab-counts h3{
			font-size: 60px !important;
    }
		.sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h3{
			margin-top: -10px !important;
		}
		    .tab-image img {
		max-width: 97% !important;
    }
		.sy-tabs-section-cs{
			border-radius: 60px !important;
		}
		.tabs li{
			padding: 4px 20px !important;
		}
	.sy-tabs-section-cs .container{
		max-width: 1170px !important;
	}
	.sy-tabs-section-cs .sy-div .sy-description p{
		width: 85% !important;
	}
	.sy-tabs-section-cs {
			padding-left: 15px !important;
			margin: 60px 110px 0px 110px !important;
		}
   .container{
		max-width: 1140px !important;
	}
	
	div.catalyst{
		margin-left: 110px !important;
		margin-right: 110px !important;
	}
	
	div.catalyst-container p{
		font-size: 40px !important;
		line-height: 50px !important;
		width: 90% !important;
		margin-left: 5px !important;
	}
	 .sy-info{
		margin-left: 0px;
	}
	#home .blog-news-section .blof-column{
		padding-left: 0px;
	}
	div.home-contact-container{
		padding-left:27px !important;
	}
	#home .recognition-info{
		padding-left: 14px;
	}
	#home .recognition-info .title{
		font-size: 34px;
		line-height: 40px;
	}
	.sy_heading{
			font-size: 34px !important;
		line-height: 40px !important;
			margin-bottom: 30px !important;
		}
	div.feature_box.col-sm-3 h3{
		font-size: 16px !important;
	}
	#home .recognition-section ,div#msp{
		border-radius: 40px !important;
	}
	.home-contact-section{
		border-radius: 40px 40px 0px 0px !important;
	}
	#home .blog-title{
		margin-bottom: 8px !important;
	}
	#home .form-group{
		margin-bottom: 0px !important;
	}
	#home .home-contact-section{
		padding: 60px 0px !important;
	}
	.sy-contact-div .left-contact-side{
		padding-left: 40px !important;
	}
	#home input[type="text"], #home input[type="password"], #home input[type="number"],  #home input[type="email"], #home input[type="tel"], #home select, #home .select2-container--default .select2-selection--single, #home textarea{
		padding: 12px 14px ;
	}
	#home input, #home select, #home textarea, ::placeholder{
		color: #919DB0 !important;
	}
	#home .news-arrow svg{
		margin-left: 40px !important;
	}
	#home .blog-column svg{
		height: 20px;
		width:40px;
	}
	#home .news-arrow svg {
		max-width: 40px !important;
	}
	#home .featured-card-content {
		margin-bottom: 18px !important;
	}
	#home .recognition-info .sub-title{
		font-size: 16px;
	}
	.sy-homepage2 .aims-section .aims-sec-inner{
		padding-left: 10px;
	}
	.catalyst-container .sy-description{
		margin: 0px;
	}
	.form-group #contact-form-btn{
		padding: 12px 20px !important;
		border-radius: 14px !important;
		font-weight: 700 !important;
		font-size: 14px !important;
	}
	}

	
	@media (min-width: 1600px) and (max-width: 1799px) {
		#home .banner-slider , .banner-slide{
			height: 900px !important;
		}
		#home .banner-txt h3 {
			font-size: 55px !important;
		}
		#home .home-banner .banner-info h1{
			font-size: 135px !important;
			line-height: 117px !important;
		}
		#home .banner-info p{
			font-size: 20px !important;
		}
		#home .sy-info, .sy-description, .erp-image{
			margin:0px !important;
		}
		
		.sy-tabs-section-cs .container{
			max-width: 1283px !important;
		}
		.tabs{
			max-width: 150px !important;
			
		}
		.tabs li{
			font-size: 15px !important;
		}
		.sy-homepage2 .aims-section .aims-sec-inner .aim-features{
			margin-left: 0px !important;
		}
		#home .awards-section .recognition-info{
			padding-left: 0px !important;
		}
		#home .blog-news-section .blog-column{
			padding-left: 8px !important;
		}
		div.home-contact-container{
			padding: 0px 19px !important;
		}
		div.catalyst-container p{
			font-size: 40px !important; 
			margin-left: 74px !important;
		}
		#home .featured-card-content .blog-title{
			font-size: 26px !important;
		}
		.news-headline{
			font-size: 15px !important;
		}
		.sy-contact-div .left-contact-side{
			padding-left: 30px !important ;
		}
		#home .home-contact-section .contact-title{
			font-size: 38px !important;
		}
		#home .home-contact-section{
			padding: 65px 0px !important;
		}
		#home .form-group{
/* 			margin-bottom: 5px !important; */
		}
		.tab-details p {
			font-size: 16px !important;
		}
		.tab-details h2{
			font-size: 40px !important;
		}
		#home div.feature_box.col-sm-3 h4{
			font-size: 65px !important;
		}
	}
	
		@media (min-width: 1800px) and (max-width: 1899px) {
			div.catalyst-container p{
				margin-left: 55px !important;
			}
	}
	
	
/* Banner Section Styles */
#home section.banner{
	padding-top: 0px !important;
    position: relative;
    width: 100%;
    overflow: hidden;
		
	}
#home .home-banner {
    position: relative;
    width: 100%;
	padding-bottom: 0px !important;
}

#home .banner-slider {
    position: relative;
    display: flex;
	width: 100%;
	height: 970px; /* Adjust based on your design */
}

#home .banner-slide {
    position: absolute;
    width: 100%;
	height: 970px; /* Adjust based on your design */
    flex-shrink: 0;
	top: 0;
    left: 0;
    opacity: 0; /* Initially hidden */
/*     transition: opacity 700ms ease-in-out; */
    display: flex;
	justify-content: center;
}
#home .banner-slide.active {
    opacity: 1; /* Fully visible */
    z-index: 2; /* Ensure the active slide is on top */
}
 #home .banner-bg-video {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
	 background-color: black !important;
    opacity: 0; /* Initially hidden */ 
/*     animation: fade 1s ease-in 0s forwards; */
}

@keyframes fade {
  0% {
    opacity: 0;
	}
	  25% {
    opacity: 0.25;
  }
	  50% {
    opacity: 0.50;
  }
	  75% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
	}
	
	#home .banner-slide.active .banner-bg-video {
    opacity: 1; /* Show video for the active slide */
}

#home .banner-txt {
    position: relative;
    z-index: 2;
    color: white;
	text-align: center;
  	opacity: 0;
    transition: opacity 2s ease-in-out; /* Smooth fade-in with ease-in-out */
}
	#home .banner-slide.active .banner-txt {
    opacity: 1; /* Fully visible */
}
	

#home .container-home {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

#home .row {
    display: flex;
    /* align-items: center; */
}

#home .banner-info {
    z-index: 2;
	width: 100%;
	
}

    #home div.banner-txt {
		max-width: 100%;
        justify-content: center;
        padding-top: 170px;
        
    }

    #home .banner-txt h3 {
        font-size: 60px;
        font-weight: 400;
        color: #fff;
        text-align: center;
    }

    #home .banner-info h1 {
		font-size: 165px ;
        font-weight: 500;
        text-align: center;
        line-height: 140px !important;
		padding-bottom: 35px;
		margin-bottom: 0px;
        background: linear-gradient(95.99deg, #FFB701 14.63%, #E53519 105.5%);
        -webkit-background-clip: text;
        /* For Safari and Chrome */
        -webkit-text-fill-color: transparent;
        /* For Safari and Chrome */
        background-clip: text;
        /* Standard for other browsers */
        text-fill-color: transparent;
        /* Standard for other browsers */

    }
	#home .banner-info p {
        color: white;
        font-size: 24px;
        font-weight: 400;
        text-align: center;
    }
	
	.partners-secion {
		z-index: 9;
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .client-logo.row {
		
		max-width:850px;
        background-color: rgba(255, 255, 255, 0.2) !important;
        padding: 10px !important;
    }

    .client_logo_box img {
        opacity: 1 !important;
/*         padding-left: 20px; */
/*         padding-right: 18px; */
    }
    .partners_logo_box {
        flex: 1 !important;
    }

    .down-arrow {
        margin-top: 20px;
        /* Space between the logos and the arrow */
        display: flex;
        justify-content: center;
    }

    .down-arrow img {
        width: 20px;
        /* Adjust the size of the arrow */
        height: auto;
        margin-bottom: 70px;
        cursor: pointer;
        /* Change cursor on hover to indicate it’s clickable */
        animation: bounce 1s infinite;
        /* Optional: Add a bounce animation to draw attention */
    }

    /* Optional Bounce Animation */
    @keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }

        40% {
            transform: translateY(-10px);
        }

        60% {
            transform: translateY(-5px);
        }
    }
	
	
	/* General Styles (Desktop and Large Screens) */
	@media (min-width: 799px) and (max-width: 1599px){
		#home .banner-slider {
	height: 750px; /* Adjust based on your design */
}

#home .banner-slide {

	height: 750px; /* Adjust based on your design */
}
	     #home .banner-txt h3 {
        font-size: 34px;
    }

    #home .banner-info h1 {
		font-size: 120px !important;
        line-height: 108px !important;
		padding-bottom: 16px;	
    }
		#home .banner-info p {
        font-size: 16px;
    }
		.sy-homepage2 .partners-secion .client-logo{
		width: 50% !important;
	}
		.sy-homepage2 .partners-secion .client-logo .client_logo_box img{
			width: 100%;
		}
		#site-header .container.sy-site{
			padding-top: 0px !important;
		}
		.sy_sub_heading{
			font-size: 16px !important;
			margin-bottom: 2px !important;
		}
		
		.sy-description p{
			font-size: 16px !important;
		}
		.erp_button {
    width: 120px !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
			border-radius: 14px;
}
		 .count h3{
			font-size: 60px !important;
		}
		.tab-counts p {
			font-size: 16px !important;
		}
		.tabs li{
			font-size: 14px !important;
		}
		.tab-details .btn{
			font-size: 14px;
			padding: 12px 20px !important;
			font-weight: 700;
		}
		.tab-image {
			max-width: 50% !important;
		}
		.sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h4 {
			font-size: 60px !important;
		}
		div.feature_box.col-sm-3 h3 {
			font-size: 18px;
		}
		#home .recognition-section .main-logo .main-logo-image{
		max-width: 80% !important;
		margin-right: 0px !important;
	}
		#home .recognition-section{
			padding: 60px 0px !important; 
		}
		div.catalyst{
			 padding: 142px 0px 70px 0px !important;
			border-radius: 0px 0px 40px 40px !important;
		}
		#home .blog-news-section.container{
			padding-top: 40px;
			padding-bottom: 40px;
		}
		#home .blog-title {
			font-size: 22px !important;
			line-height: 28px; !important
		}
		#home .blog-excerpt {
			font-size: 16px !important;
		}
		#home .read-more-btn{
			font-size: 16px !important;
		}
		#home .news-headline {
			margin-left: 30px;
			font-size: 16px !important;
		}
		.sy-homepage2 .contact-info .sub-title{
			font-size: 16px !important;
		}
		.contact-info p{
			font-size: 16px !important;
		}
		#home div.banner-txt{
			padding-top: 130px !important;
		}
		.partners-secion{
			bottom: 40px !important;
		}
		#home .home-contact-section .contact-title{
			font-size: 34px !important;
			line-height: 40px !important;
		}
		.main-section #msp-container.container{
			padding: 0px;
		}
		header#site-header.scrolled{
			padding: 0px;
		}
		#home .blog-badge p, .news-badge p{
			font-size: 20px !important;
		}
		#home .news-image{
			width: 28% !important;
			height: 60px;
		}
		#home .blog-column{
			padding-top: 0px;
		}


}


/* Tablets and Small Laptops */
@media (min-width: 768px) and (max-width: 899px) {

    /* Reduce spacing for partners section */
    .partners-secion {
        bottom: 50px;
		width: 80%;
    }
    .client-logo.row {
        padding: 10px !important;
    }
    .client_logo_box img {
        height: 40px !important;
    }
    .down-arrow img {
        width: 16px;
    }
	 /* Adjust banner text padding */
    #home div.banner-txt {
        padding-top: 150px !important;
    }
	/* Make slider images/videos fit better on small screens */
    #home .banner-slide .banner-bg-video {
        object-fit: cover !important;
    }
	#home .banner-slide {
    height: 860px;
}
	#home .banner-slider {
	height: 860px; /* Adjust based on your design */
}

}

/* Mobile Screens */
@media (min-width: 480px) and (max-width: 767px) {
    #home .banner-info h1 {
        font-size: 80px !important;
        line-height: 70px !important;
		padding-bottom: 20px;
		margin-bottom: 15px;
		
    }
    #home .banner-txt h3 {
        font-size: 30px !important;
    }
    #home .banner-info p {
        font-size: 16px !important;
		padding-left: 20px !important;
        padding-right: 20px !important
    }

    /* Adjust banner text padding */
    #home div.banner-txt {
        padding-top: 80px !important;
    }

    /* Reduce spacing for partners section */
    .partners-secion {
        bottom: 40px !important;
		padding: 0px 10px;
    }
    #home .client-logo.row {
        padding: 8px !important;
		border-radius: 10px !important;
		max-width: 350px !important;
    }
    .client_logo_box img {
        height: 30px !important;
    }
    .down-arrow img {
        width: 12px;
    }

    /* Make slider images/videos fit better on small screens */
    #home .banner-slide .banner-bg-video {
        object-fit: cover !important;
    }
	#home .banner-slide {
    height: 600px;
}
	#home .banner-slider {
	height: 600px; /* Adjust based on your design */
}

}
	@media (max-width: 479px) {
    /* Styles for extra small devices */
		#home .banner-info h1 {
        font-size: 57px !important;
        line-height: 52px !important;
			padding-top: 10px;
		padding-bottom: 15px;
			margin-bottom: 15px;
			
    }
    #home .banner-txt h3 {
        font-size: 25px !important;
    }
    #home .banner-info p {
        font-size: 14px !important;
		padding-left: 20px !important;
        padding-right: 20px !important
    }

    /* Adjust banner text padding */
   #home  div.banner-txt {
        padding-top: 85px !important;
    }

    /* Reduce spacing for partners section */
    .partners-secion {
        bottom: 38px !important;
		padding: 0px 10px;
    }
    .client-logo.row {
        padding: 6px !important;
		border-radius: 10px !important;
		
    }
    .client_logo_box img {
		z-index: 1 !important;
        height: 30px !important;
/* 		padding-left: 15px !important; */
/*         padding-right: 15px !important; */
    }
    .down-arrow img {
        width: 12px;
    }

    /* Make slider images/videos fit better on small screens */
    #home .banner-slide .banner-bg-video {
        object-fit: cover !important;
    }
	#home .banner-slide {
    height: 555px;
}
		#home .banner-slider {
	height: 600px; 
}
		#home .client-logo.row {
		max-width: 350px !important;
    }
}
	









/* CSS for ERP Section */

	 /* -------------ERP Section CSS------------- */

	.main-section{
		z-index: 5 !important;
	}
    .main-section {
		padding-top:0px;
        margin-top: -90px;
        padding-bottom: 0px;
		position: relative;
    }
    .sy-div {
        padding: 0px;
        display: flex;
        justify-content: space-between;
        border-radius: 100px 100px 0px 0px;
        align-items: center;
        background-color: #fff;
    }
    .sy-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .sy-info,
    .sy-description,
    .erp-image {
        flex: 1;
        margin: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
	#erp-div .sy_heading , #msp-div-info .sy_heading , #cd-div .sy_heading{
		margin-top: 0px !important;
		margin-bottom: 18px !important;
	}
	#erp-div  .sy-description , #msp-div-info  .sy-description , #cd-div .sy-description{
		gap: 50px;
		margin: 0px;
	}
    .sy_sub_heading {
        font-size: 22px;
        font-weight: 700;
        line-height: 23px;
        color: #3B3737;
        margin-left: 0px !important;
		margin-bottom: 10px;
    }

    .sy_heading {
        color: #1E266D;
        font-size: 46px;
        font-weight: 700;
        line-height: 47px;
        margin: 10px 0px 40px 0px;
    }

    .erp_button {
        width: 150px;
        text-align: center;
        background-color: #333243;
        border: none;
        padding: 18px 32px 18px 32px;
        font-size: 16px;
        font-weight: 700;
        color: white;
        cursor: pointer;
        border-radius: 16px;
        text-decoration: none;
    }

    .erp_button:hover {
        background-color: #F05323;
        color: white;
    }

    .sy-description p {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        color: #3B3737;
    }
	#erp-div .erp-image{
		align-items: center;
	}
	#erp-div .erp-image img{ 
		width: 80%;
	}
#cd-div img{
	width: 90%;
}
    .erp-image img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
	 div#msp {
         background: linear-gradient(112.19deg, rgba(21, 229, 255, 0.1) -8.23%, rgba(86, 82, 148, 0.1) 64.49%);
        border-radius: 60px;
        padding: 40px 20px;
        margin: 0px 150px;
    }

    div#msp-container {
        max-width: 100% !important;
		justify-content: space-between;
    }
	div#msp-container .erp-image{
		align-items: center;
	}
	div#msp-container .erp-image img{
		width: 75%;
	}
    div.sy-div.container {
        max-width: 75% !important;
    }

    div#msp-div-info {

	}

    div#msp-div-description p {
        padding-right: 70px;
    }

    div#cd-div h3 {
        font-size: 39px;
    }
	 div#cd-div {
        margin-top: 70px;
        margin-bottom: 70px;
    }
	    #erp-div img {

	}
	#erp-div .sy-content{
		margin-top: 50px;
		margin-bottom: 50px;
		justify-content: space-between;
	}

    #cd-div img {

	}
	#cd-div .sy-description p{
		margin-left: 0px !important;
	}
	#cd-div .sy-content, #erp-div .sy-content{
		gap: 50px;
	}
	#cd-div .erp-image{
		align-items: center;
	}



@media (min-width: 1600px) and (max-width: 1799px) {
		#erp-div img{
			
		}
		.sy_sub_heading{
			font-size: 18px !important;
			margin-bottom: 5px !important;
		}
		.sy_heading {
			font-size: 35px !important;
			line-height:40px !important;
			margin-bottom: 30px !important;
		}
		.sy-description p{
			font-size: 16px !important;
		}
	}
	
	/* Example: Adjusting font size for different devices */
	@media (min-width: 1400px) and (max-width: 1599px) {
		div#msp, .awards-section, .sy-contact-div{
		margin: 0px 110px !important;
	}
		#erp-div .sy-content{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	}
	
	@media (min-width: 1100px) and (max-width: 1399px){
		#erp-div .sy-content{
		margin: 50px auto;
	}
		.sy_heading {
			font-size: 30px !important;
			line-height:37px !important;
			margin-bottom: 24px !important;
		}
		.sy-description p{
			font-size: 15px !important;
		}
 		#erp-div img{

		}
		div#msp{
			margin: 0px 60px !important;
		}
		div#cd-div{
			padding-top: 0px !important;
			padding-bottom: 0px !important;
		}
	}
	




		#home{
		background-color: #fff !important;
	}
	#pseb img{
		width: 73px !important;
	}
	#iso img{
		width: 63px !important;
	}
	#odoo img{
		width: 100px !important;
	}
	#sbcp img{
		width: 130px !important;
	}
	#sapb1 img{
		width: 70px !important;
	}
	#ms img{
		width: 110px !important;
	}
	
	#home .home-banner .client-logo .partners_logo_box{
		gap: 42px ;
	}
	#home .home-banner  .client-logo.row{
		padding: 20px 40px !important;
	}

/* Tablets */
@media (min-width: 768px) and (max-width: 1099px) {
	.container{
		max-width: 1190px;
	}
	 #erp-div img {

	}
	 #cd-div img {
        padding-left: 0px;
    }
		#msp .container{
		padding: 10px !important;
	}
	 div#msp-div-info {

	}
	 div#msp-div-description p {
        padding-right: 0px;
		 margin-bottom: 30px;
    }
	#erp-div .sy-content{
			
		}
	h3.sy_heading {
	    margin: 5px 0px 20px 0px !important;
		font-size: 27px !important;
		line-height: 33px !important;
	}
	.sy-description p {
		font-size: 13px !important;
		line-height: 17px !important;
	}
	.sy_sub_heading {
		font-size: 14px !important;
	}
		.erp-button{
			padding: 14px 20px 14px 20px !important;
		}
		div#msp{
			margin: 0px 30px;
			padding: 25px 0px 25px 10px;
		}
	
}
	@media (min-width: 0px) and (max-width: 767px) {
		
		#home .home-banner .client-logo .partners_logo_box{
			gap: 15px !important;
		}
		#home .home-banner .client-logo.row{
			padding: 10px 20px !important;
		}
		
		
		
		
	.inner-tabs{
			padding: 0px !important;
		}
	.sy-div{
		border-radius: 50px;
	}
	.main-section {
        margin-top: -95px;
    }
	#erp-div .sy-content{
		flex-direction: column !important;
	}
		div#cd-div{
			margin-top: 40px;
			margin-bottom: 40px;
		}
	#msp .sy-content{
		flex-direction: column !important;
		padding: 30px 15px  !important;
	}
		#erp-div .sy-content{
			margin-bottom: 30px;
		}
		#erp-div .erp-image img, #cd-div img{
			width: 90%;
		}
	#cd-div .sy-content{
		flex-direction: column !important;
	}
	div.erp-image{
		order:-1 !important;
		width: 90% !important;
	}
		#cd-div .sy-content, #erp-div .sy-content{
			gap: 15px;
		}
	div.erp-image img{
		padding-left: 0px !important;
	}
	h3.sy_heading {
	    margin: 10px 0px 10px 0px !important;
		font-size: 35px !important;
		line-height: 38px !important;
	}
	#msp-div-description .sy-description p {
		font-size: 18px !important;
		line-height: 24px !important;
		margin-bottom: 50px !important;
	}
	.sy_sub_heading {
		font-size: 16px !important;
		line-height: 14px !important;
	}
		div#msp-container .erp-image img{
			width: 95%;
			margin-bottom: 20px;
		}
		.sy-info a.erp_button{
			display: none !important;
		}
	div#msp{
			margin: 0px 17px !important;
			padding: 0px !important;
		border-radius: 30px !important;
	}
	div#msp-div-info {

		}
	 div#msp-div-description p {
        padding-right: 0px;
    }
	#cd-div .sy-description p{
		margin-left: 0px !important;
	}
	}



    /* 	--------- Tabs section Synavos --------------- */
	
/* 	heading tags */
	.sy-tabs-section-cs .sy-div{
		background: none;
	}
	.sy-tabs-section-cs .sy-div .sy-info h2{
		color: #fff;
	}
	.sy-tabs-section-cs .sy-div .sy-info h3{
		color: #fff;
	}
	.sy-tabs-section-cs .sy-div .sy-description p{
		color: #fff;
		width: 70%;
	}
	
    /* Container and Layout */
	.sy-tabs-section-cs .container{
		max-width: 1450px;
		padding: 55px 0px 0px 0px;
		margin-right: 0px;

	}
    .tabs-section {
        display: flex;
        flex-wrap: wrap;
    }

    .tabs {
        list-style: none;
        padding: 0;
        margin: 0;
        flex: 1;
        max-width: 250px;
    }

	.tabs-section li.tab-link {
		margin-bottom: 10px !important;
		margin-left: 12px;
	}
    .tabs li {
		font-size: 18px;
		font-weight:500;
		color: #6F7982;
        padding: 9px 20px;
        cursor: pointer;
        border-left: 2px solid #6F7982;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }

    .tabs li.active {
		color: #FE5000;
        border-left-color: #FE5000;
        /* Active tab border color */
    }
	li.tab-link::before{
		content:none;
	}

    .tabs li:hover {
		font-weight: 700;
        color: #FE5000;
        border-left-color: #FE5000;
        /* Active tab border color */
		 transform: scale(1.03); /* Slight zoom */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Box shadow on hover */
    }

    /* Tab content container */
    .tab-content {
        display: none;
        flex: 3;
        margin-left: 20px;
		transition: opacity 0.3s ease-in-out;	
    }
	
    .tab-content.active {
        display: flex;
        opacity: 1;
    }

    .tab-details {
		width: 50%;
        max-width: 60%;
    }
	.tab-details h2{
        color: #fff;
		font-size: 45px;
		margin-bottom: 7px;
		font-weight: 700;
    }
	.tab-details p{
        color:#fff;
		font-size: 18px;
		margin-bottom: 5px;
		font-weight: 500;
    }


    .tab-image img {
		object-fit: cover; 
		border-radius: 60px 0px 60px 0px;
		max-width: 87%;
		
    }
	  .tab-image {
		display:flex;
		  justify-content: flex-end;
		  max-width: 55%;
		  overflow: hidden;
    }


    .tab-counts {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .count {
        text-align: left;
        flex: 1;
        margin-right: 10px;
    }

    .count h3 {
        font-size: 65px;
		font-weight:500;
        margin: 0;
    }
	#tab-1 .count h3{
		 background: linear-gradient(276.92deg, #E1251B 14.79%, #F05323 57.41%, #FFB700 95.05%);
        -webkit-background-clip: text;
        /* For Safari and Chrome */
        -webkit-text-fill-color: transparent;
        /* For Safari and Chrome */
        background-clip: text;
        /* Standard for other browsers */
        text-fill-color: transparent;
        /* Standard for other browsers */
	}
	#tab-2 .count h3 {
        background: linear-gradient(94.34deg, #53ECFF 31.98%, #A868DA 90.99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
	#tab-3 .count h3 {
        background: linear-gradient(276.92deg, #E1251B 14.79%, #F05323 57.41%, #FFB700 95.05%);
        -webkit-background-clip: text;
        /* For Safari and Chrome */
        -webkit-text-fill-color: transparent;
        /* For Safari and Chrome */
        background-clip: text;
        /* Standard for other browsers */
        text-fill-color: transparent;
        /* Standard for other browsers */
    }

    .count p {
        font-size: 18px;
        color: #fff;
		font-weight:700;
		line-height: 27px
    }

    .tab-details .btn {
		border-radius: 16px !important;
        display: inline-block;
        padding: 12px 25px;
		font-weight:700;
        background-color: #fff;
        color: #000;
        border-radius: 5px;
        text-decoration: none;
        margin-top: 35px;
        transition: background-color 0.3s ease;
    }

	.inner-tabs.container{
		padding-top: 0px !important;
	}
    .btn:hover {
        background-color: #ff5a00;
		color: #fff;
    }
	.sy-tabs-section-cs{
		margin: 30px 150px 0px 150px;
		border-radius: 60px;
		background: #071B2C;
		overflow: hidden;

	}

    /* Responsive */
    @media screen and (max-width: 768px) {
        .tabs-section {
            flex-direction: column;
        }

            margin-left: 0;
        }

        .tab-details {
            max-width: 100%;
        }

/*         .tab-counts {
            flex-direction: column;
        } */

        .count {
            margin-bottom: 15px;
        }
    }
/* 	laptops / Mac */
	
	
	@media (min-width: 1400px) and (max-width: 1700px) {
   .sy-tabs-section-cs section.container{
		padding-top: 10px !important;
	}
		.sy-tabs-section-cs .container{
			padding-top:25px;
			margin-left: 35px;
			margin-bottom: 20px;
		}
		.sy-tabs-section-cs .container h3.sy_heading{
			margin-bottom: 5px !important;
			margin-top: 0px;
		}
		 .tab-details .btn {
	    margin-top: 34px;
			 padding: 12px 16px !important;
			 border-radius: 14px !important;
		}
		.tab-details{
			padding-right: 10px;
		}
		.tab-details h2{
			margin-bottom: 0px;
			font-size: 30px;
		}
		.sy-tabs-section-cs .sy-div .sy-description p{
			width: 90%;
		}
		.tab-details p {
			font-size: 15px;
			margin-bottom: 0px;
		}
		.tab-details .count p{
			margin-top: -10px !important;
		}
		 .tabs {
        max-width: 180px !important;
    }
		.tab-counts h3{
			font-size: 60px !important;
    }
		.sy-homepage2 .aims-section .aims-sec-inner .aim-features .feature_box h3{
			margin-top: -10px !important;
		}
		    .tab-image img {
		max-width: 97% !important;
    }
		.sy-tabs-section-cs{
			border-radius: 40px !important;
		}
		.tabs li{
			padding: 4px 20px !important;
		}

	}
	/* Tablets */
@media (min-width: 768px) and (max-width: 1099px) {
	.sy-tabs-section-cs .container{
		
		padding: 20px 0px 0px 0px !important;
	}
	.sy-tabs-section-cs {
			margin: 30px 15px;
		padding-top: 30px;
	}
	.sy-tabs-section-cs .sy-info h3{
		font-size: 35px;
		margin-bottom: 10px;
		line-height: 12px;
	}
	.sy-tabs-section-cs .sy-description p{
		font-size: 16px;
		line-height: 20px;
	}
	.tab-counts p{
			font-size: 14px !important;
    }
		.tab-counts h3{
			font-size: 60px !important;
    }
	.tab-details .btn {
        margin-bottom: 50px !important;
	    margin-top: 30px;
		padding: 12px 20px;
		}
		.sy-tabs-section-cs {
			padding-left: 30px !important;
		}
		.tab-details{
			padding-right: 10px;
		}
	.tab-content h2{
		margin-bottom: 10px
		
	}
	.tab-content p{
		margin-bottom: 10px
		
	}
		 .tabs {
        max-width: 200px;
    }
	 .tabs li {
        padding: 10px 18px;
    }
	.tab-image img {
		object-fit: fill; 
		width: 94%;
		
    }
}
	@media (min-width: 769px) and (max-width: 1100px) {
		.sy-tabs-section-cs .container{
		
		padding: 20px 0px 0px 0px !important;
	}
	.sy-tabs-section-cs {
			margin: 30px 15px;
		padding-top: 10px !important;
	}
	.sy-tabs-section-cs .sy-info h3{
		font-size: 35px;
		margin-bottom: 10px;
		line-height: 12px;
	}
	.sy-tabs-section-cs .sy-description p{
		font-size: 16px;
		line-height: 20px;
	}
	.tab-counts p{
			font-size: 10px !important;
    }
		.tab-counts h3{
			font-size: 42px !important;
    }
	.tab-details .btn {
        margin-bottom: 50px !important;
	    margin-top: 12px;
		padding: 12px 20px;
		}
		.sy-tabs-section-cs {
			padding-left: 22px !important;
		}
		.tab-details{
			padding-right: 10px;
		}
	.tab-content h2{
		margin-bottom: 10px;
		font-size: 32px;
		
	}
	.tab-content p{
		margin-bottom: 10px;
		font-size: 14px;
		
		
	}
		 .tabs {
        max-width: 200px;
    }
	 .tabs li {
        padding: 6px 6px;
    }
		.tab-image img {
		object-fit: fill; 
		width: 94%;
		
    }
	}
	@media (min-width: 300px) and (max-width: 767px) {
		#home .sy-tabs-section-cs .container{
		
		padding: 0px!important;
	}
		.sy-tabs-section-cs{
		border-radius: 30px;

	}
		.tab-content{
			margin-left: 0px;
		}
		.tabs-section li.tab-link{
			margin-left: 0px;
		}

		.sy-tabs-section-cs .sy-content{
			flex-direction: column;
			justify-content: left !important;
			align-items: flex-start;
	}
	.sy-tabs-section-cs {
			margin: 0px 17px;
		padding-top: 10px !important;
	}
		.sy-tabs-section-cs .sy-div .sy-info h2{
		font-size: 40px !important;
			line-height: 55px !important;
			padding-top: 15px;
			margin-bottom: 0px;
	}
		.sy-tabs-section-cs .sy-info{
			margin-left: 0px;
			margin-bottom: 0px;
		}
	.sy-tabs-section-cs .sy-info h3{
		display: none;
/* 		font-size: 32px !important;
		margin-bottom: 0px !important;
		line-height: 12px; */
	}
	.sy-tabs-section-cs .sy-description p{
		display: none;
/* 		width: 100% !important;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0px !important; */
	}
		.tab-counts{
			flex-direction: row;
		}
	.tab-counts p{
			font-size: 14px !important;
    }
		.tab-counts h3{
			font-size: 50px !important;
    }
	.tab-details .btn {
        margin-bottom: 50px !important;
	    margin-top: 12px;
		padding: 10px 14px;
		font-size: 14px;
		}
		.sy-tabs-section-cs {
			padding-left: 22px !important;
		}
		.tab-details{
			padding-right: 10px;
			width: 100%;
		}
		.tab-content {
			flex-direction: column;
		
	}
	.tab-content h2{
		margin-bottom: 15px;
		margin-top: 20px;
		font-size: 36px;
		
	}
	.tab-content p{
		margin-bottom: 10px;
		font-size: 15px;
	}
		 .tabs {
        max-width: 100%;
			 display: flex;
			 flex-direction: row;
    }
	 .tabs li {
        padding: 6px 0px !important;
		 font-size: 14px;
		 margin-left: 0px;
		 margin-right: 30px;
		 border-left: 0px;
		 border-bottom-width: 2px !important;
		 border-bottom: 2px solid #6f7982 !important;
    }
		.tabs li:active{
			 border-bottom-color: #FE5000;
			border-bottom-width: 2px !important;
		}
		.tab-image{
			max-width: 100%;
		}
		.tab-image img {
		object-fit: fill; 
		max-width: 90% !important;
		
    }

	}
	/* -------------Teams Section CSS--------------- */
	div.feature_box.col-sm-3 {
        text-align: left !important;
        border: none !important;
    }

    div.feature_box.col-sm-3 h4 {
        font-size: 90px !important;
        font-weight: 500;
        background: linear-gradient(276.92deg, #E1251B 14.79%, #F05323 57.41%, #FFB700 95.05%);
        -webkit-background-clip: text;
        /* For Safari and Chrome */
        -webkit-text-fill-color: transparent;
        /* For Safari and Chrome */
        background-clip: text;
        /* Standard for other browsers */
        text-fill-color: transparent;
        /* Standard for other browsers */

    }

    div.feature_box.col-sm-3 h3 {
		color: black;
        text-align: left !important;
        font-size: 22px  ;
        font-weight: 700 !important;

    }
	.sy-homepage2 .aims-section .aims-sec-inner .aim-features{
		margin-left: 12px;
	}
	.aims-section .sy-info{
		margin-left: 14px;
	}

    section.aims-section p {
        width: 80%;
    }

    /* Responsive Design */
	@media (min-width: 768px) and (max-width: 1399px) {
		.aims-section .sy-div .container{
			padding-top: 0px !important;
			padding-bottom: 0px !important;
		}
		.aims-section .sy-info h3.sy_heading{
			font-size: 38px !important;
			line-height: 40px !important;
		}
		section.aims-section p{
			width: 100%;
			font-size: 15px !important;
			line-height: 20px !important;
		}
		 div.feature_box.col-sm-3 h4 {
        font-size: 70px !important;

    }
		div.feature_box.col-sm-3 h3 {
		color: black;
        text-align: left !important;
        font-size: 16px !important;
        font-weight: 700 !important;

    }
		.aims-section .sy-content.container{
			align-items: flex-start;
		}

	}
   @media (min-width: 300px) and (max-width: 767px) {
        .sy-content {
            flex-direction: column;
        }
	   .aims-section .sy-content{
			align-items:  flex-start !important;
		}
	   .aims-section .sy-div .container{
			padding-top: 0px !important;
			padding-bottom: 0px !important;
		}
		.aims-section .sy-info h3.sy_heading{
			font-size: 38px !important;
			line-height: 40px !important;
		}
		section.aims-section p{
			width: 100%;
			font-size: 15px !important;
			line-height: 20px !important;
			margin-bottom: 25px !important;
		}
		 div.feature_box.col-sm-3 h4 {
        font-size: 45px !important;

    }
		div.feature_box.col-sm-3 h3 {
		color: black;
        text-align: left !important;
        font-size: 16px !important;
        font-weight: 700 !important;

    }
    }
	@media (min-width: 250px) and (max-width: 500px){
		 div.feature_box.col-sm-3 h4 {
        font-size: 29px !important;

    }
		div.feature_box.col-sm-3 h3 {
		color: black;
        text-align: left !important;
        font-size: 10px !important;
        font-weight: 700 !important;
		}}
    /* ---------------Awards Section CSS----------------- */
    .awards-section {
        position: relative;
        margin: 0px 150px;
		z-index: 3;
    }

	#home .recognition-section .main-logo .main-logo-image {
		max-width: 80% !important;
		margin-right: 0px !important;
	}
    #home .recognition-section {
        background: linear-gradient(112.19deg, rgba(21, 229, 255, 0.1) -8.23%, rgba(86, 82, 148, 0.1) 64.49%);
		background-color: white;
        border-radius: 45px;
    }

    div.additional-logos.d-flex {
        flex-basis: 42% !important;
        padding-bottom: 10px;
    }
	#home .awards-section .recognition-info{
		padding-left: 16px;
	}

	#home .recognition-info .sub-title{
		margin-bottom: 0px;
	}
	/* Recognition logos hover effect */
#home .recognition-logos .additional-logo {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: none; /* Initial state without shadow */
	border-radius: 10px;
}
/* Hover effect */
#home .recognition-logos .additional-logo:hover {
    transform: scale(1.01); /* Slight zoom */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Box shadow on hover */
}

/* Main logo hover effect (optional, if needed) */
.main-logo-image {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: none; /* Initial state without shadow */
	border-radius: 15px;
}
.main-logo-image:hover {
    transform: scale(1.01); /* Slight zoom for main logo */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Box shadow on hover */
}
	@media (min-width: 768px) and (max-width: 1399px){
		#home .recognition-section {
			padding: 60px 0px !important;
			border-radius: 40px;
		}
		#home .recognition-section .container.reveal{
			padding-top: 0px !important;
			padding-bottom: 0px !important;
		}
		#home .recognition-info .sub-title{
		font-size: 14px;
	}
		#home .recognition-info .title{
				font-size: 26px;
			line-height: 30px;
	}
	}
	@media (min-width: 300px) and (max-width: 767px){
				#home .recognition-section .recognition-info{
			text-align: left !important;
		}
		#home .awards-section{
			margin: 0px 25px !important
		}
		#home .recognition-section {
			padding: 40px 0px !important;
			border-radius: 30px;
		}
		#home .recognition-info.col-sm-5{
			padding-left: 0px;
			margin-bottom: 10px !important;
		}
		#home .recognition-section .container.reveal{
			padding-left: 30px !important;
		}
		#home .recognition-info .sub-title{
		font-size: 18px;
	}
		#home .recognition-info .title{
			font-size: 28px !important;
/* 			width: 70% !important; */
			line-height: 27px;
			margin-top:14px !important;
			margin-bottom: 18px !important;
	}
		#home .recognition-section .recognition-logos{
			max-width: 64% !important;
		}
		#home .recognition-section .logos-container .clutch-div{
			width: 50% !important;
		}
		#home .recognition-section .main-logo{
			width: 100% !important;
		}
		#home .recognition-section .main-logo .main-logo-image{
			max-width: 100% !important;
		}
		div.additional-logos.d-flex{
			padding-bottom: 0px !important;
		}
	}

    /* -----------------Catalyst Section CSS------------------- */
    div.catalyst {
    padding: 156px 0px 87px 0px ;
    margin: -70px 150px 0px 150px;
    border-radius: 0px 0px 80px 80px;
    position: relative;
    overflow: hidden;
}

/* Background video container */
div.catalyst::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://beta.synavos.net/wp-content/uploads/2024/09/Synavos-Catalyst-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

/* Video styling */
div.catalyst video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    opacity: 1; /* Adjust video opacity */
}

div.catalyst-container {
	margin-left: 50px;
    position: relative;
    z-index: 2;
    /* Ensures content stays on top of the video */
}

    div.catalyst-container p {
        width: 100%;
        color: white;
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
		margin-left: 100px;
    }

    div.catalyst-container span {
        background: linear-gradient(276.92deg, #E1251B 14.79%, #F05323 57.41%, #FFB700 95.05%);
        -webkit-background-clip: text;
        /* For Safari and Chrome */
        -webkit-text-fill-color: transparent;
        /* For Safari and Chrome */
        background-clip: text;
        /* Standard for other browsers */
        text-fill-color: transparent;
        /* Standard for other browsers */
    }
	
	@media (min-width: 768px) and (max-width: 1099px){
		div.catalyst {
		padding: 85px 0px 50px 0px !important;
        margin: -48px 30px 50px 30px !important;
        border-radius: 0px 0px 60px 60px !important;
		}
		div.catalyst .sy-description p{
		font-size: 28px !important;
			line-height: 38px !important;
			margin-left: 0px;
		}
		div.catalyst-container{
			margin-left: 0px !important;
		}
		
	}
	
	@media (min-width: 200px) and (max-width: 767px){
		div.catalyst {
		padding: 85px 0px 0px 0px !important;
        margin: -48px 26px 50px 26px !important;
        border-radius: 0px 0px 30px 30px !important;
		}
		div.catalyst-container{
			margin-left: 0px;
		}
		#home div.catalyst-container p {
        margin-bottom: 30px  !important;
			font-size: 22px;
			line-height: 28px ;
			width: 95%;
			margin-left: 0px;
    }
	}
	/* ------------------------Blogs and News Section CSS------------------------ */
    #home .blog-news-section {
        display: flex;
        flex-wrap: wrap;
    }

    #home .blog-news-section .row {
        flex-wrap: nowrap;
    }
	#home .blog-news-section .blog-column{
		padding-left: 24px;
	}

    #home .blog-column,
    #home .news-column {
        flex: 0 0 50%;
        /* Ensures each takes up 50% of the width */
        padding: 20px;
        box-sizing: border-box;
    }

    #home .blog-badge p,
    #home .news-badge p {
        font-size: 22px;
        font-weight: 700;
        line-height: 27px;
    }

    #home .featured-card-content {
        margin-bottom: 25px;
    }

    #home .blog-title {
        width: 90%;
        font-size: 30px;
        font-weight: 500;
/*         line-height: 45px; */
        color: #1E266D !important;
        margin: 20px 0px;
    }

   #home  .blog-title:hover {
        text-decoration: underline;
    }

    #home .blog-title a {
        color: #1E266D !important;
    }

   #home  .blog-excerpt {
        width: 90%;
        font-size: 18px;
        line-height: 21px;
        font-weight: 500;
    }

   #home  .read-more-btn {
        font-size: 22px;
        color: #F05323;
        font-weight: 700;
        display: flex;
        text-decoration: none;
    }

   #home  .read-more-btn:hover {
        color: #E1251B;
        text-decoration: underline;
    }

   #home  .read-more-btn svg {
        margin-left: 15px;
    }

    #home .news-arrow svg {
        max-width: 53px;
		margin-left: 70px;
    }

    #home .news-item {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    #home div.news-content {
        display: flex !important;
        flex-direction: row;
    }
	#home .news-content h4>a{
		color: black;
	}
	#home .news-content h4>a:hover{
/* 		color: #F05323; */
	}

   #home  .news-image {
        width: 23%;
    }

	#home  .news-image img {
        max-width: 100%;
		height: 65px;
		object-fit: cover;
		width:100%;
		object-position: bottom;
		border-radius: 10px;
    }
   #home  .news-image img:hover {
		transform: scale(1.03); /* Slight zoom */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Box shadow on hover */
    }

    #home .news-headline {
        width: 89% !important;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px margin-left: 0;
        margin-right: auto;
		margin-left:20px;
    }

    #home .news-headline:hover {
        text-decoration: underline;
    }

    #home .news-badge {
        margin-bottom: 20px;
    }
 
	@media (min-width: 768px) and (max-width: 1399px){
		#home .blog-news-section .row{
			flex-direction: column !important;
		}
		#home .blog-column,
        #home .news-column {
            width: 100%;
        }
		#home .news-image{
			margin-right: 10px;
		}
	}
	@media (min-width: 300px) and (max-width: 767px){
		#home .blog-news-section .row{
			flex-direction: column !important;
		}
		#home .blog-column,
       #home  .news-column {
            width: 100%;
			padding: 5px !important;
        }
		#home .news-image{
			margin-right: 10px;
			width: 45%;
		}
		#home .blog-excerpt{
			width: 100% !important;
		}
		#home .blog-title{
			width: 100% !important;
			font-size: 24px ;
			line-height:35px;
		}
		#home .news-content .news-arrow{
			display: none;
		}
		#home .news-headline{
			margin-right: 0px;
			width: 100% !important;
			font-size: 14px !important;
			line-height: 17px !important;
		}
	}
	/* --------------------Contact Section CSS ---------------------- */
#home .form-group{
	margin-bottom: 0px ;
}
	#home #wpcf7-f25537-o1 input{
		color: black;
		border-radius: 10px;
		background-color: white;
	}
	.sy-homepage2 #wpcf7-f25537-o1 textarea{
		color: black;
		border-radius: 10px;
		background-color: white;
	}
	#home .home-contact-section .row{
		align-items: flex-start;
	}
    .sy-contact-div {
        margin: 0px 150px;
    }

	.sy-homepage2 .contact-info .sub-title {
		margin-bottom: 0px;
	}
    .contact-info p {
        font-size: 20px;
        font-weight: 500;
    }

    #home .home-contact-section {
        background: linear-gradient(112.19deg, rgba(21, 229, 255, 0.1) -8.23%, rgba(86, 82, 148, 0.1) 64.49%) !important;
        border-radius: 60px 60px 0px 0px ;
    }

    .contact-title {
        line-height: 47px;
        margin: 0px;
    }

    .sy-contact-div .right-contact-side {
        padding: 0px !important;
    }

    .sy-contact-div .left-contact-side {
        padding-left: 140px;
    }

    div.home-contact-container {
        padding: 0px 35px;
    }

    #home .submission input {
        border-radius: 16px;
    }
	#home .wpcf7-form-control-wrap input, #home textarea , #home select{
		border: 1.21px solid #D4D6E2;
		border-radius: 10px;
		
	}
	.wpcf7-form-control-wrap textarea{
		border: 1.21px solid #D4D6E2 !important;
	}
	.form-group #contact-form-btn{
		border-radius: 16px !important ;
		padding: 18px 32px ;
	}
	.wpcf7 form.invalid .wpcf7-response-output{
		color: red;
		font-weight: 500;
	}
	.wpcf7 form.sent .wpcf7-response-output{
		color: green;
		font-weight: 500;
	}

/* 		div.home-contact-container{
			padding: 0px 70px !important;
		} */

	}
	@media (min-width: 768px) and (max-width: 1399px){
		#home .sy-contact-div .home-contact-section{
			padding: 40px 0px !important;
		}
		.sy-contact-div .left-contact-side {
        padding-left: 0px !important;
    }
		.contact-title {
        font-size: 50px !important;
    }
	}
		@media (min-width: 300px) and (max-width: 767px){
			
		.sy-contact-div .left-contact-side {
        padding-left: 0px !important;
    }
			.sy-contact-div{
				margin: 40px 20px 0px 20px !important;
			}
			.contact-info{
				flex-direction: column !important;
				align-items: flex-start !important;
				gap: 10px;
			}
			.contact-title {
        font-size: 35px !important;
				line-height: 35px;
    }
			#home .form-group{
				margin-right: 0px !important;
				margin-bottom: 10px !important;
			}
			#home .home-contact-section {
        border-radius: 40px 40px 0px 0px !important;
    }

		}


/* **************************************************************************************  Synavos Blogs  ******************************************************************************** */
/* **************************************************************************************  Synavos Blogs  ******************************************************************************** */
.archive-blogs #blog-category-filter {
    display: none;
}
.archive-blogs .featured-card-thumbnail{
	width: 35%;
}

@media (min-width: 1400px) and (max-width: 1749px) {
    .archive-blogs .archive-case-studies-cards {
        width: 31%;
    }
}

@media (min-width: 1750px) {
    .archive-blogs .archive-case-studies-cards {
        width: 32%;
    }
}

.archive-blogs .archive-case-studies-cards {
    border: 1px solid #E0DBF0;
    border-radius: 40px;
}

.archive-blogs .sy-cards {
    gap: 20px;
}

.archive-blogs .case-study-tags {
    margin-bottom: 25px;
}

.archive-blogs .featured-case-studies {
    padding-top: 150px;
}

.archive-blogs .case-studies-banner-heading {
    font-size: 50px;
    font-weight: 900;
    color: #1E266D;
    line-height: 80px;
    max-width: 960px;
    margin-left: 0;
    /*         margin-bottom: 15px; */
}

.archive-blogs .case-studies-banner-subheading {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    line-height: 24px;
    max-width: 600px;
    margin: auto 0;
}

.archive-blogs , .archived-case-studies{
    padding-top: 0 !important;
}

.archive-blogs .archive-case-studies-cards a {
    color: #000000;
}

.archive-blogs .archive-case-studies-cards a:hover {
    color: #000000;
}

.archive-blogs .card {
    border-radius: 40px;
    border: 0px solid #E0DBF0;
    min-height: 435px;
}

/* .archive-blogs .case-studies-card{
   width: 31%;
   margin: 15px;
} */
.archive-blogs .featured-case-studies-cards {
    display: flex;
    padding: 30px;
    box-shadow: 0px 3px 58px #00000014;
    border-radius: 40px;
    background-color: white;
}

.archive-blogs .featured-case-studies-cards a {
    color: #000000;
    display: flex;
}

.archive-blogs .featured-case-studies-cards a:hover {
    color: #000000;
}

.archive-blogs .featured-case-studies-cards .card-text {
    /*         font-weight: 500; */
    font-size: 18px;
    color: #000000;
}

.archive-blogs .featured-case-studies-cards .blog-meta {
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    color: #c1bdcd;
    margin-right: 30px;
}

.archive-blogs .featured-card-content {
    display: flex;
    flex-direction: column;
    padding-left: 50px;
}

.archive-blogs .featured-case-studies-cards .featured-card-thumbnail .card-image {
    max-width: 100%;
    height: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    display: flex;
    align-items: end;
    background-position: center;
    width: 100%;
}

.archive-blogs .featured-card-content {
    width: 65%;
}

.archive-blogs .featured-card-thumbnail .case-studies-logo-image {
    max-width: 315px;
    margin-left: -18px;
    height: 75px;
    width: auto;
}

.archive-blogs .featured-card-content .blog-title {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    margin: auto 0 15px;
}

.archive-blogs .featured-card-content a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 14px;
    color: #D84B20;
}

.archive-blogs .card .card-image {
    max-width: 100%;
    height: 215px;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: flex;
    align-items: end;
}

.archive-blogs .card .card-body {
    padding: 30px;
}

.archive-blogs .card .card-body .card-text {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #3B3737;
    text-decoration: none;
    line-height: 30px;
}

.archive-blogs .card .card-body .card-text:hover {
    text-decoration: underline;
    color: #3B3737;
}

.archive-blogs .card .card-body .blog-meta {
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    color: #c1bdcd;
}

.archive-blogs .card .card-body .view-more-case-studies {
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
    color: #F05323;
}

.archive-blogs .card .card-image {
    overflow: hidden;
    position: relative;
    background-position: center center;
}

.archive-blogs .card .card-image img {
    max-width: 315px;
    margin-left: -18px;
    height: 75px;
    width: auto;
}

.archive-blogs .pagination {
    align-items: center;
    justify-content: center;
}

.archive-blogs .pagination .next,
.archive-blogs .pagination .previous {
    border-radius: 10px;
    margin-right: 10px;
    padding: 3px 10px;
    text-decoration: none;
}

.archive-blogs .pagination .fa-angle-left.disabled,
.archive-blogs .pagination .fa-angle-right.disabled {
    border-radius: 10px;
    background-color: #FFF;
    color: #E1E1E1;
    margin-right: 10px;
    padding: 11px 14px;
    margin-left: 0;
    border: 1px solid #E1E1E1;
    opacity: 1;
}

.archive-blogs .pagination .next,
.archive-blogs .pagination .previous {
    margin-left: 0;
    border-radius: 10px;
    background-color: #F8E1E1;
    color: #EB3917;
    margin-right: 10px;
    padding: 7px 14px;
    margin-left: 0;
    border: 1px solid #F8E1E1;
    opacity: 1;
}

.archive-blogs .pagination .inactive {
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #E1E1E1;
    padding: 3px 14px;
    margin-right: 10px;
    color: black;
    border-radius: 10px;
}

.archive-blogs .pagination .current {
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #EB3917;
    padding: 3px 14px;
    margin-right: 10px;
    color: black;
    border-radius: 10px;
}

.archive-blogs .cta-section {
    background-color: #FFFFFF;
    padding: 0px 0px 100px;
}

.archive-blogs .cta-section .cta-box {
    background-color: #D6EBF7;
    background-image: url('https://synavos.com/wp-content/uploads/2024/08/Clip.svg-removebg-preview.png');
    max-width: 100%;
    border-radius: 60px;
    background-size: 40%;
    background-position-x: 90%;
}

.archive-blogs .cta-section .cta-box .cta-wrap .sub-title {
    font-size: 20px;
    font-weight: 600;
    color: #3E3B34;
}

.archive-blogs .cta-section .cta-box .cta-wrap .title {
    font-size: 40px;
    font-weight: 700;
    color: #3E3B34;
    line-height: 40px;
}

.archive-blogs .cta-section .cta-box .cta-wrap .btn {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    width: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
}

.archive-blogs .cta-section .cta-box .cta-wrap svg {
    fill: #FFFFFF;
    margin-top: 2px;
    margin-left: 10px;
}

.archive-blogs #blog-category-filter {
    background-color: #ffffff;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    width: 230px;
    color: #AAB4CD;
    font-size: 16px;
    font-weight: 600;
    padding: 19px 20px;
}

.archive-blogs #blog-search {
    background-color: #ffffff;
    border: 1px solid #EBEBEB;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    max-width: 400px;
    width: 400px;
    color: #AAB4CD;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
}

.archive-blogs #search-button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 14px 20px;
    background-color: #F05323;
    color: white;
    text-decoration: none;
    border: none;
    font-size: 14px;
    font-weight: 600;

}

.archive-blogs .tags-blog {
    font-size: 16px;
}
    .archive-blogs .cta-section .cta-box .cta-wrap .btn {
        border-radius: 16px;
    }
@media only screen and (max-width: 1699px) {
    .archive-blogs .case-studies-banner-heading {
        font-size: 45px;
        margin-bottom: 0px;
    }

    .archive-blogs .case-studies-banner-subheading {
        font-size: 16px;
        line-height: 24px;
        width: 85%;
    }

    .archive-blogs .title_cs {
        margin-top: -20px;
    }

    .archive-blogs .tags-blog {
        font-size: 12px !important;
    }

    .archive-blogs .featured-card-content .blog-title {
        font-size: 20px;
    }

    .archive-blogs .featured-case-studies-cards .card-text {
        font-size: 16px;
    }

    .archive-blogs .card .card-body .blog-meta {
        font-size: 14px !important;
    }

    .archive-blogs .featured-case-studies-cards .featured-card-thumbnail .card-image {
        border-radius: 30px;
    }

    .archive-blogs  .featured-case-studies-cards .case-study-tags {
        margin-bottom: 15px;
        margin-top: 25px;
    }

    .archive-blogs .card .card-body .card-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 27px;
    }

    .archive-blogs .sy-cards {
        gap: 32px;
    }

    .archive-blogs .featured-case-studies-cards {
        padding: 24px;
    }

    .archive-blogs .card {
        min-height: 420px;
    }

    .archive-blogs .career-box, .cta-box {
        min-height: 200px !important;
        padding: 50px 72px !important;
        border-radius: 40px !important;
    }

}
 .career-box, .cta-box {
        min-height: 200px !important;
/*         padding: 70px 72px !important; */
        border-radius: 40px !important;
    }
@media only screen and (max-width: 1399px) {
    .archive-blogs .archive-case-studies-cards {
        width: 48%;
    }
}

@media only screen and (max-width: 1200px) {
    .archive-blogs #blog-search {
        width: 270px;
    }

    .archive-blogs .featured-card-content {
        width: 60%;
    }

    .archive-blogs .featured-card-thumbnail {
        width: 40%;
    }

    .archive-blogs .featured-case-studies-cards {
        margin-top: 50px;
    }

    .archive-blogs .featured-card-thumbnail .case-studies-logo-image {
        max-width: 220px;
        height: auto;
    }

    .archive-blogs .featured-case-studies-cards .featured-card-thumbnail .card-image {
        height: 180px;
    }

    .archive-blogs .featured-case-studies-cards .featured-card-thumbnail .card-image {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .archive-blogs .cta-section {
        padding: 0px 20px 100px;
    }

    .archive-blogs .featured-case-studies {
        padding-top: 150px;
    }

    .archive-blogs .featured-case-studies-cards {
        padding: 15px;
    }

    .archive-blogs .case-studies-banner-heading {
        font-size: 60px;
        line-height: 60px;
    }

    .archive-blogs .featured-card-thumbnail {
        width: 40%;
    }

    .archive-blogs .featured-card-thumbnail .case-studies-logo-image {
        max-width: 250px;
        height: auto;
    }

    .archive-blogs .featured-card-content {
        width: 60%;
    }
}

@media only screen and (max-width: 768px) {
    .archive-blogs .featured-case-studies-cards .featured-card-thumbnail .card-image {
        height: 200px;
    }

    .archive-blogs .featured-case-studies-cards {
        padding: 25px;
    }

    .archive-blogs .featured-card-content .blog-title {
        margin-top: 20px;
    }

    .archive-blogs #category-div {
        display: none;
    }

    .archive-blogs .searchbar {
        justify-content: center !important;
    }

    .archive-blogs #search-div {
        width: 100%;
    }

    .archive-blogs .case-studies-banner-subheading {
        width: 100%;
        margin-top: 20px;
    }

    .archive-blogs #blog-search {
        width: 200px !important;
    }

    .archive-blogs .archive-case-studies-cards {
        width: 100%;
    }

    .archive-blogs .container {
        padding: 0px 30px;
    }

    .archive-blogs .featured-case-studies-cards a {
        display: block;
    }

    .archive-blogs .featured-case-studies-cards .card-text {
        display: none;
    }

    .archive-blogs .case-studies-banner-subheading {
        margin-bottom: 25px;
    }

    .archive-blogs .featured-case-studies-cards {
        flex-direction: column;
        margin-top: 50px;
    }

    .archive-blogs .featured-card-thumbnail {
        width: 100%;
    }

    .archive-blogs .featured-case-studies-cards .featured-card-thumbnail .card-image {
        width: 100%;
    }

    .archive-blogs .case-studies-banner-heading {
        font-size: 48px;
        line-height: 50px;
    }

    .archive-blogs .featured-card-thumbnail {
        width: 100%;
    }

    .archive-blogs .featured-card-content {
        width: 100%;
        padding-left: 0;
        margin-top: 50px;
    }

    .archive-blogs .cta-section .cta-box .cta-wrap .title {
        line-height: 35px;
        font-size: 32px;
    }

    .archive-blogs .cta-section .cta-box {
        background-size: 70%;
    }
}

/* **************************************************************************************  Synavos Casestudies  ******************************************************************************** */
/* **************************************************************************************  Synavos Casestudies  ******************************************************************************** */
.archive-case-studies .case-study-tags {
    margin-bottom: 27px;
}
.archive-case-studies .archive-case-studies-cards .case-study-tags{
	margin-top: 4px;
}
@media (min-width: 1400px) and (max-width: 1749px) {
    .archive-case-studies .archive-case-studies-cards {
        width: 31%;
    }
}

@media (min-width: 1750px) {

    .archive-case-studies .archive-case-studies-cards {
        width: 32%;
    }
}

.archive-case-studies .sy-cards {
    gap: 20px;
}

.archive-case-studies .featured-case-studies {
    padding-top: 150px;
}

.case-studies-banner-heading {
    font-size: 50px;
    line-height: 64px;
    width: 60%;
    font-weight: 900;
    color: #1E266D;
    max-width: 960px;
    margin-left: 0;
}

.archive-case-studies .case-studies-banner-subheading {
    font-size: 24px;
    font-weight: bold;
    color: #EE5323;
    line-height: 45px;
}

.archived-case-studies {
    padding-top: 0;
}

.archive-case-studies .card {
    border-radius: 40px;
    border: 1px solid #E0DBF0;
    min-height: 435px;
}

/* .archive-case-studies .case-studies-card{
    width: 31%;
    margin: 15px;
} */
.archive-case-studies .featured-case-studies-cards {
    display: flex;
    padding: 30px;
    box-shadow: 0px 3px 58px #00000014;
    border-radius: 40px;
    background-color: white;
}

.archive-case-studies .featured-card-content {
    display: flex;
    flex-direction: column;
    padding-left: 50px;
}

.archive-case-studies .featured-card-thumbnail {
    width: 35%
}

.archive-case-studies .featured-case-studies-cards .featured-card-thumbnail .card-image {
    max-width: 100%;
    height: 215px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    display: flex;
    align-items: end;
    background-position: left;
    width: 100%;
}

.archive-case-studies .featured-card-content {
    width: 65%;
}

.archive-case-studies .featured-card-thumbnail .case-studies-logo-image {
    max-width: 315px;
    margin-left: -18px;
    height: 75px;
    width: auto;
}

.archive-case-studies .featured-card-content a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 18px;
    color: #D84B20;
}

.archive-case-studies .card .card-image {
    max-width: 100%;
    height: 215px;
    background-repeat: no-repeat;
	background-position: left !important;
    background-size: cover;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: flex;
    align-items: end;
}

.archive-case-studies .card .card-body {
    padding: 30px;
}

.archive-case-studies .card .card-body .card-text {
    font-size: 18px;
    /*         font-weight: 500; */
    margin-bottom: 30px;
    color: #3B3737;
    text-decoration: none;
}

.archive-case-studies .card .card-body .card-text:hover {
    color: #3B3737;
}

.archive-case-studies .card .card-body .view-more-case-studies {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    color: #F05323;
}
.archive-case-studies .card .card-body .view-more-case-studies:hover{
	text-decoration: underline;
}
.archive-case-studies .card .card-image {
    overflow: hidden;
    position: relative;
    background-position: center center;
}

.archive-case-studies .card .card-image img {
    max-width: 315px;
    margin-left: -18px;
    height: 65px;
    width: auto;
}

.archive-case-studies .pagination {
    align-items: center;
    justify-content: center;
}

.archive-case-studies .pagination .next,
.archive-case-studies .pagination .previous {
    border-radius: 10px;
    margin-right: 10px;
    padding: 3px 10px;
    text-decoration: none;
}

.archive-case-studies .pagination .fa-angle-left.disabled,
.archive-case-studies .pagination .fa-angle-right.disabled {
    border-radius: 10px;
    background-color: #FFF;
    color: #E1E1E1;
    margin-right: 10px;
    padding: 11px 14px;
    margin-left: 0;
    border: 1px solid #E1E1E1;
    opacity: 1;
}

.archive-case-studies .pagination .next,
.archive-case-studies .pagination .previous {
    margin-left: 0;
    border-radius: 10px;
    background-color: #F8E1E1;
    color: #EB3917;
    margin-right: 10px;
    padding: 7px 14px;
    margin-left: 0;
    border: 1px solid #F8E1E1;
    opacity: 1;
}

.archive-case-studies .pagination .inactive {
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #E1E1E1;
    padding: 3px 14px;
    margin-right: 10px;
    color: black;
    border-radius: 10px;
}

.archive-case-studies .pagination .current {
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #EB3917;
    padding: 3px 14px;
    margin-right: 10px;
    color: black;
    border-radius: 10px;
}

.archive-case-studies .cta-section {
    background-color: #FFFFFF;
    padding: 0px 0px 100px;
}

.archive-case-studies .cta-section .cta-box {
    background-color: #D6EBF7;
    background-image: url('https://synavos.com/wp-content/uploads/2024/08/Mask-Group-91.png');
    max-width: 100%;
    border-radius: 60px;
    background-size: 40%;
    background-position-x: 90%;
}

.archive-case-studies .cta-section .cta-box .cta-wrap .sub-title {
    font-size: 20px;
    font-weight: 600;
    color: #3E3B34;
}

.archive-case-studies .cta-section .cta-box .cta-wrap .title {
    font-size: 40px;
    font-weight: 700;
    color: #3E3B34;
    line-height: 40px;
}

.archive-case-studies .cta-section .cta-box .cta-wrap .btn {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    width: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    border-radius: 16px;
}

.archive-case-studies .cta-section .cta-box .cta-wrap svg {
    fill: #FFFFFF;
    margin-top: 2px;
    margin-left: 10px;
}


@media only screen and (max-width: 1699px) {
    .archive-case-studies .case-studies-banner-heading {
        font-size: 45px;
        margin-bottom: 0px;
        width: 70%;
        line-height: 52px;
    }

    .archive-case-studies .case-studies-banner-subheading {
        font-size: 16px;
        margin-left: 0px;
        line-height: 24px;
        width: 85%;
    }

    .archive-case-studies .title_cs {
        margin-top: -20px;
    }

    .archive-case-studies .tags-blog {
        font-size: 13px !important;
    }

    .archive-case-studies .featured-card-content .blog-title {
        font-size: 20px;
    }

    .archive-case-studies .featured-case-studies-cards .card-text {
        font-size: 16px !important;
    }

    .archive-case-studies .card .card-body .blog-meta {
        font-size: 14px !important;
    }

    .archive-case-studies .featured-case-studies-cards .featured-card-thumbnail .card-image {
        border-radius: 30px;
    }

    .archive-case-studies .case-study-tags {
        margin-bottom: 12px;
        margin-top: 20px;
    }
	.archive-case-studies .archive-case-studies-cards .card-body .case-study-tags{
		margin-top: 0px !important;
	}

    .archive-case-studies .card .card-body .card-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 27px;
    }

    .archive-case-studies .sy-cards {
        gap: 32px;
    }

    .archive-case-studies .featured-case-studies-cards {
        padding: 24px;
    }

    .archive-case-studies .card {
        min-height: 420px;
    }

    .archive-case-studies .featured-card-content a, .archive-case-studies .card .card-body .view-more-case-studies {
        font-size: 16px;
/*         text-decoration: none; */
    }

    .archive-case-studies .featured-card-content a:hover, .archive-case-studies .card .card-body .view-more-case-studies:hover {
        text-decoration: underline;
    }

    .archive-case-studies .card .card-image img, .archive-case-studies .featured-card-thumbnail .case-studies-logo-image {
        max-width: 297px;
        height: 58px;
    }

    .archive-case-studies .featured-card-content {
        padding-left: 35px;
    }

    .archive-case-studies .career-box, .cta-box {
        min-height: 200px;
        padding: 50px 72px;
        border-radius: 40px !important;
    }

    .archive-case-studies .cta-section .cta-box .cta-wrap .btn {
        border-radius: 16px;

    }

}


@media only screen and (max-width: 1399px) {
    .archive-case-studies .archive-case-studies-cards {
        width: 48%;
    }
}

@media only screen and (max-width: 1200px) {

    .archive-case-studies .featured-card-content {
        width: 60%;
    }

    .archive-case-studies .featured-card-thumbnail {
        width: 40%;
    }

    .archive-case-studies .featured-case-studies-cards {
        margin-top: 50px;
    }

    .archive-case-studies .featured-card-thumbnail .case-studies-logo-image {
        max-width: 220px;
        height: auto;
    }

    .archive-case-studies .featured-case-studies-cards .featured-card-thumbnail .card-image {
        height: 180px;
    }

    .archive-case-studies .featured-case-studies-cards .featured-card-thumbnail .card-image {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .archive-case-studies .cta-section {
        padding: 0px 15px 100px;
    }

    .archive-case-studies .featured-case-studies {
        padding-top: 150px;
    }

    .archive-case-studies .case-studies-banner-heading {
        font-size: 45px;
        line-height: 50px;
        width: 100%;
    }

    .archive-case-studies .featured-card-thumbnail {
        width: 40%;
    }

    .archive-case-studies .featured-card-thumbnail .case-studies-logo-image {
        max-width: 250px;
        height: auto;
    }

    .archive-case-studies .featured-card-content {
        width: 60%;
    }
}

@media only screen and (max-width: 768px) {
    .archive-case-studies .archive-case-studies-cards {
        width: 100%;
    }

    .archive-case-studies .featured-case-studies-cards {
        padding: 15px;
    }

    .archive-case-studies .featured-case-studies-cards {
        flex-direction: column;
        margin-top: 50px;
    }

    .archive-case-studies .featured-card-thumbnail {
        width: 100%;
    }

    .archive-case-studies .featured-case-studies-cards .featured-card-thumbnail .card-image {
        width: 100%;
    }

    .archive-case-studies .case-studies-banner-heading {
        font-size: 35px;
        width: 100%;
        line-height: 40px;
    }

    .archive-case-studies .featured-card-thumbnail {
        width: 100%;
    }

    .archive-case-studies .featured-card-content {
        width: 100%;
        padding-left: 0;
        margin: 10px 5px !important;
    }

    .archive-case-studies .cta-section .cta-box .cta-wrap .title {
        line-height: 35px;
        font-size: 32px;
    }

    .archive-case-studies .cta-section .cta-box {
        background-size: 70%;
    }
}







/* Contact Us Page */
/* 	Responsiveness of Container - Full width  */
	@media (min-width: 1400px) and (max-width: 1699px) {
		.sy-contact .contact-form input[type="text"], .sy-contact  input[type="password"], .sy-contact  input[type="number"], .sy-contact  input[type="email"], .sy-contact  input[type="tel"], .sy-contact  select, .sy-contact  .select2-container--default .select2-selection--single, .sy-contact  textarea{
			font-size: 14px !important;
		}
		.sy-contact .btn-icon{
			width: 38px !important;
			height: 38px !important;
		}
		.sy-contact .btn-icon img{
			width: 17px !important;
		}
		.sy-contact input[type="text"], .sy-contact  input[type="password"], .sy-contact  input[type="number"], .sy-contact  input[type="email"], .sy-contact  input[type="tel"], .sy-contact  select, .sy-contact  .select2-container--default .select2-selection--single, .sy-contact textarea{
			padding: 12px 14px;
		}
		.sy-contact .banner-info h1{
			font-size: 137px  !important !important;
		}
		.sy-contact .banner-txt h3{
			font-size: 50px !important;
		}
		.sy-contact .down-arrow img{
			margin-bottom: 0px;
		}
		.sy-contact .down-arrow{
			margin-top: 100px !important;
		}
		.sy-contact .contact-form #contact-form-btn{
			font-size: 14px !important;
		}
		.sy-contact .cta-section1 .cta-box .cta-wrap .btn{
			font-size: 14px !important;
			padding-right: 18px;
		}
		.sy-contact .cta-info .title{
			font-size: 34px !important;
		}
		.sy-contact .banner-slider{
			height: 870px !important;
		}
		.sy-contact div.banner-txt{
			padding-top: 150px !important;
		}
		.sy-contact .contact-title p {
			width: 56% !important;
		}
		.sy-contact .cta-section1 .cta-box{
			padding: 30px 20px 30px 20px !important;
		}
		
		.sy-contact div.location-box .location_info h3{
		font-size: 15px;
			margin-top: 0px !important;
	}
	.sy-contact .location_info .loc{
		font-size: 16px !important;
	}
		
	}
	
	
	/* -------------------------	Contact Form Section ---------------------------*/
	.sy-contact header#site-header{
		z-index: 9;
	}
	.sy-contact select{
		color: #757575;
	}
	.sy-contact .location_info .loc{
		font-size: 24px;
		margin-top: 20px;

	}
	
	/* Banner Section Styles */
	.sy-contact section.banner{
    padding-top: 0px !important;
    position: relative;
    width: 100%;
    overflow: hidden;
		
	}
.sy-contact .contact-banner {
    position: relative;
    width: 100%;
	padding-bottom: 0px !important;
}

.sy-contact .banner-slider {
    position: relative;
    display: flex;
	width: 100%;
	height: 950px;
}

.sy-contact .banner-slide {
    position: absolute;
    width: 100%;
	height: 100%; 
    flex-shrink: 0;
	top: 0;
    left: 0;
    display: flex;
	justify-content: center;
}
.sy-contact  .banner-bg-video {
	 background-position: top center;
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 1; 
    }

.sy-contact .banner-txt {
    position: relative;
    z-index: 2 !important;
    color: white;
	text-align: center;
}

.sy-contact .container-home {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
}

.sy-contact .row {
    display: flex;
    align-items: center;
}

.sy-contact .banner-info {
    z-index: 2;
	width: 100%;
	
}

 .sy-contact    div.banner-txt {
		max-width: 100%;
        justify-content: center;
        padding-top: 220px;
        
    }

   .sy-contact  .banner-txt h3 {
        font-size: 72px;
        font-weight: 400;
        color: #fff;
        text-align: center;
    }

   .sy-contact  .banner-info h1 {
		font-size: 165px !important;
        font-weight: 500 !important;
        text-align: center;
        line-height: 140px !important;
		padding-bottom: 35px;
		margin-bottom: 0px;
        background: linear-gradient(95.99deg, #FFB701 14.63%, #E53519 105.5%);
        -webkit-background-clip: text;
        /* For Safari and Chrome */
        -webkit-text-fill-color: transparent;
        /* For Safari and Chrome */
        background-clip: text;
        /* Standard for other browsers */
        text-fill-color: transparent;
        /* Standard for other browsers */

    }

    .sy-contact .banner-info p {
        color: white;
        font-size: 24px;
		line-height: 28.5px;
        font-weight: 400;
        text-align: center;
    }
	 .sy-contact .down-arrow {
        margin-top: 100px;
        /* Space between the logos and the arrow */
        display: flex;
        justify-content: center;
    }

    .sy-contact .down-arrow img {
        width: 20px;
        /* Adjust the size of the arrow */
        height: auto;
        margin-bottom: 70px;
        cursor: pointer;
        /* Change cursor on hover to indicate it’s clickable */
        animation: bounce 1s infinite;
        /* Optional: Add a bounce animation to draw attention */
    }

    /* Optional Bounce Animation */
    @keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }

        40% {
            transform: translateY(-10px);
        }

        60% {
            transform: translateY(-5px);
        }
	}
	
		/* General Styles (Desktop and Large Screens) */
@media (min-width: 1600px) and (max-width: 1750px){
	     .sy-contact .banner-info h1 {
		font-size: 135px !important;
        line-height: 112px !important;
		padding-bottom: 40px;
			 padding-top: 25px;
	}
	.sy-contact .down-arrow{
		margin-top: 130px !important;
	}
		 .banner-txt h3 {
        font-size: 50px;
    }
	.sy-contact div.banner-txt {
        padding-top: 150px !important;
    }
	.sy-contact .contact-banner .banner-info h1{
		margin-bottom: 10px;
	}
	.sy-contact div.location-box .location_info h3{
		font-size: 15px;
	}
	.sy-contact .location_info .loc{
		font-size: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1149px)  {
    .sy-contact .banner-info h1 {
        font-size: 100px !important;
        line-height: 110px !important;
    }
    .sy-contact .banner-txt h3 {
        font-size: 55px !important;
    }
    .sy-contact .banner-info p {
        font-size: 22px !important;
    }
}

/* Tablets and Small Laptops */
@media (min-width: 768px) and (max-width: 991px) {
	 /* Adjust banner text padding */
	.sy-contact .banner-info h1 {
		margin-bottom: 0px !important;
	}
   .sy-contact  div.banner-txt {
        padding-top: 150px !important;
    }
	/* Make slider images/videos fit better on small screens */
    .sy-contact .banner-slide .banner-bg-video {
        object-fit: cover !important;
    }
	.sy-contact .banner-slide {
    height: 800px;
}
	.sy-contact .banner-slider {
	height: 800px; /* Adjust based on your design */
}

}

/* Mobile Screens */
@media (min-width: 10px) and (max-width: 767px) {
    .sy-contact .banner-info h1 {
        font-size: 80px !important;
        line-height: 70px !important;
		padding-bottom: 20px;
		margin-bottom: 0px !important;	
    }
	
	.sy-contact .down-arrow{
		margin-top: 60px;
	}
    .sy-contact .banner-txt h3 {
        font-size: 30px !important;
    }
    .sy-contact .banner-info p {
        font-size: 16px !important;
		padding-left: 20px !important;
        padding-right: 20px !important
    }

    /* Adjust banner text padding */
    .sy-contact div.banner-txt {
        padding-top: 80px !important;
    }

    /* Make slider images/videos fit better on small screens */
    .sy-contact .banner-slide .banner-bg-video {
        object-fit: cover !important;
    }
	.sy-contact .banner-slide {
    height: 500px;
}
	.sy-contact .banner-slider {
	height: 500px; /* Adjust based on your design */
}

}
@media (max-width: 479px) {
    /* Styles for extra small devices */
		.sy-contact .banner-info h1 {
        font-size: 57px !important;
        line-height: 52px !important;
			padding-top: 10px;
		padding-bottom: 15px;
			
    }
   .sy-contact  .banner-txt h3 {
        font-size: 25px !important;
    }
    .sy-contact .banner-info p {
        font-size: 14px !important;
		padding-left: 20px !important;
        padding-right: 20px !important
    }

    /* Adjust banner text padding */
   .sy-contact  div.banner-txt {
        padding-top: 85px !important;
    }
    /* Make slider images/videos fit better on small screens */
   .sy-contact  .banner-slide .banner-bg-video {
        object-fit: cover !important;
    }
}
	
/* -------------------------	Contact Form Section ---------------------------*/
	.sy-contact .contact-f-section .title{
		margin-left: auto;
		text-align: center;
		max-width: 100%;
		font-size: 45px;
	}
	.sy-contact .contact-title {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	
	.sy-contact .contact-title p{
		font-size: 18px;
    text-align: center;
    font-weight: 500;
    width: 50%;
		margin-bottom: 30px;
	}
	

/* -------------------------	Location Section ---------------------------*/
	.sy-contact div.location-box{
			width: 20%;
			padding: 0px !important;
		}
	.sy-contact div.location-row{
		justify-content: space-between;
	}
		.sy-contact div.location-box .location_info h3 {
			font-weight: 500;
			margin-top: 15px;
		}
		.sy-contact div.location-box .location_info h3 span{
			font-size: 22px !important;
			font-weight: 700;
		}
		.sy-contact div.location-box .location_info{
			text-align: left;
			margin: 0px;
		}
	@media (min-width: 1450px) {
	.sy-contact section.location-section h2{
    margin-bottom: 70px !important;
    width: 56%;
    margin-top: 20px !important;
    font-size: 50px;
    margin-left: 0px;
    font-weight: 700;
	}
	}
	@media (min-width: 1000px) and (max-width: 1449px) {
		.sy-contact section.location-section h2{
			margin-bottom: 40px !important;
			font-size: 40px;
		}
		.sy-contact div.location-box .location_info h3 {
			font-size: 14px !important;
		}
		.sy-contact div.location-box .location_info h4 {
			font-size: 16px !important;
		}
		.sy-contact .contact-form #contact-form-btn{
			padding: 12px 20px !important;
		}
		
		.sy-contact div.location-box .location_info h3{
		font-size: 15px;
			margin-top: 0px !important;
	}
	.sy-contact .location_info .loc{
		font-size: 16px !important;
	}
		
		
		
	}
	@media (min-width: 200px) and (max-width: 999px) {
		
		.sy-contact div.location-box .location_info h3{
			margin-top: 0px !important;
	}
	.sy-contact .location_info .loc{
		font-size: 18px !important;
	}
		.sy-contact .contact-title p{
			width:82% !important;
		}
		.sy-contact section.location-section h2{
			margin-bottom: 18px !important;
			margin-left: 15px;
		}
		.sy-contact div.location-box .location_info h3 {
			font-size: 13px !important;
			margin-top: 0px !important;
		}
		.sy-contact div.location-box .location_info h4 {
			font-size: 14px !important;
		}
		.sy-contact br{
			display: block !important;
		}
	}
	@media (min-width: 200px) and (max-width: 766px) {
		
		.sy-contact .location-section .location-box{
			padding: 15px 5px !important;
		}
		.sy-contact div.location-box {
			width: 50%;
/* 			margin-bottom: 25px; */
		}
		.sy-contact section.location-section{
			padding: 30px 0px;
		}
		.sy-contact div.location-box .location_info {
			width: 95%;
		}
		.sy-contact .location_img img {
			width: 90%;
		}
		.sy-contact div.location-box .location_info h3 span{
			font-size: 18px !important;
		}
		.sy-contact div.location-box .location_info h4 {
			margin-top: 10px;
		}
		.sy-contact .cta-section1{
			margin-top: 0px !important;
		}
	}



/* ---------------	Contact Form CSS ----------------- */
	.sy-contact .contact-form #contact-form-btn{
		float: right;
	}
		.sy-contact section.contact-f-section {
    background: linear-gradient(303.22deg, #F9F1EB 27.68%, #FFFBF2 75.04%);
    margin-top: -220px !important;
    z-index: 9 !important;
    border-radius: 100px 100px 0px 0px !important;
		}
	.sy-contact .contact-f-section .contact-f-wrap{
		padding-left: 5%;
		padding-right: 5%;
	}
	.sy-contact .contact-form p{
		    width: calc(100% / 3);
           padding: 10px 25px 0px 0;
	}
	.sy-contact .contact-form input[type="text"], .sy-contact  input[type="password"], .sy-contact  input[type="number"], .sy-contact  input[type="email"], .sy-contact input[type="tel"], .sy-contact select, .sy-contact .select2-container--default .select2-selection--single , .sy-contact  textarea {
		border: 1px solid #D8CEC8; 
		background: white;
		border-radius: 10px;
	}
	
	.sy-contact .contact-form div.contact-btn p {
		width: 100%;
		margin-top:10px;
	}
	.sy-contact .contact-form div.contact-btn{
		text-align: center; 
	}
	.sy-contact .contact-form #contact-form-btn {
    font-size: 18px;
    border-radius: 16px;
    padding: 14px 32px;
	}
	.sy-contact .wpcf7-form-control-wrap.recaptcha{
		width: 50%;
	}
	.sy-contact .submission p{
		width: 50%;
		padding-top: 32px;
	}
	.sy-contact .wpcf7-form-control-wrap.recaptcha{
		margin-top: 20px;
	}
	.sy-contact select.wpcf7-not-valid{
		border: 1px solid #de4b53;
	}
	.sy-contact .wpcf7 form.invalid .wpcf7-response-output{
		color: #DE4B53;
		font-weight: 500;
	}
	
	
	@media (min-width: 200px) and (max-width: 766px) {
		.sy-contact .contact-form p{
		    width: calc(100% / 1);
           padding: 10px 0px 0px 0;
	}
		.sy-contact .contact-title .title{
			    font-size: 35px;
			line-height: 40px;
			width: 80%;
			margin-left: 0px;
		}
		.sy-contact .contact-title p{
			    font-size: 14px;
    line-height: 20px;
    width: 85%;
    margin-bottom: 10px;
		}
		.sy-contact section.contact-f-section {
    margin-top: -100px !important;
    border-radius: 60px 60px 0px 0px !important;
		}
		.sy-contact .contact-form div.contact-btn{
		text-align: left; 
	}
		
	}
	
	
	
/* 		CTA     CSS     */
	.sy-contact .cta-section1 {
		margin-top: 50px ;
		margin-bottom: 50px ;
	}
	.sy-contact .cta-section1 .cta-box{
	max-width: 100%;
	background-size: cover !important;
    background-repeat: no-repeat;
    border-radius: 40px;
    min-height: 230px;
    padding: 30px 30px 30px 50px ;
	}
	.sy-contact .cta-section1 .cta-box .cta-wrap{
		justify-content: flex-end;
		gap: 20px;
	}
	.sy-contact .cta-section1 .cta-box .cta-wrap .btn{
		font-size: 18px;
		padding: 3px 32px 3px 3px;
		border-radius: 50px;
		 display: flex;
    align-items: center;
	}
	.sy-contact .cta-section1 .cta-box .cta-wrap .btn:hover {
    transform: scale(1.03); /* Slight zoom */
}
	.sy-contact .cta-section1 .cta-info{
		margin-left: 35px;
		width: 50%;
	}
	.sy-contact .btn-icon {
    background-color: #000; /* Background for the SVG icon */
    border-radius: 50%; /* Circular icon */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 49px;
    margin-right: 15px; /* Space between icon and text */
}

.sy-contact .btn-icon img {
    width: 23px;
    height: 24px;
    display: block;
}
	
@media (min-width: 1000px) and (max-width: 1399px) {
		.sy-contact .cta-section1 .cta-box{
    padding: 30px !important;
	}
		.sy-contact .cta-section1 .cta-info{
		margin-left: 0px;
	}
		.sy-contact .cta-section1 .cta-info h2{
		font-size: 30px !important;
	}
		.sy-contact .cta-section1 .cta-box .cta-wrap .btn{
		font-size: 14px;
			padding: 3px 20px 3px 3px;
	}
		.sy-contact .btn-icon {
    width: 42px;
    height: 42px;
    margin-right: 12px; /* Space between icon and text */
}
		.sy-contact .cta-section1 .cta-box .cta-wrap {
			gap: 10px;
	}
	}
@media (min-width: 767px) and (max-width: 999px) {
		.sy-contact .cta-section1 .cta-box{
    padding: 30px !important;
	}
		.sy-contact .cta-section1 .cta-info{
		margin-left: 0px;
	}
		.sy-contact .cta-section1 .cta-info h2{
		font-size: 30px !important;
			width: 300px !important;
	}
		.sy-contact .cta-section1 .cta-box .cta-wrap .btn{
		font-size: 13px;
			padding: 3px 15px 3px 3px;
	}
		.sy-contact .btn-icon {
    width: 35px;
    height: 35px;
    margin-right: 9px; /* Space between icon and text */
}
	.sy-contact .btn-icon img {
    width: 20px;
    height: 20px;
}
		.sy-contact .cta-section1 .cta-box .cta-wrap {
			gap: 10px;
	}
	}
	@media (min-width: 10px) and (max-width: 766px) {
		.sy-contact .cta-section1 .cta-box{
    padding: 30px !important;
			flex-direction: column;
	}
		.sy-contact .cta-section1 .cta-info{
		margin-left: 0px;
			width:100%;
	}
		.sy-contact .cta-section1 .cta-info h2{
		font-size: 26px !important;
			width: 100% !important;
			margin-bottom: 35px !important;
			line-height: 30px;
	}
		.sy-contact .cta-section1 .cta-box .cta-wrap .btn{
		font-size: 13px;
			padding: 3px 15px 3px 3px;
	}
		.sy-contact .btn-icon {
    width: 35px;
    height: 35px;
    margin-right: 9px; /* Space between icon and text */
}
	.sy-contact .btn-icon img {
    width: 20px;
    height: 20px;
}
		.sy-contact .cta-section1 .cta-box .cta-wrap {
			gap: 10px;
			flex-direction: row-reverse !important;
	}
	}