/*
Theme Name: Itfirm
Theme URI: http://demo.casethemes.net/itfirm/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Itfirm is a stunning, professional and flexible IT Solutions, IT Business, and Services Company WordPress theme. Itfirm based on in-depth research into IT Solutions, IT Services, IT Business, Consulting, SaaS & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks.
Version: 1.4.3
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: itfirm
Tags: agency, business, it services, it solutions, technology, technology service, software, services, app, network solution, startup, technology company, saas, digital
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ===== Industries Archive Section ===== */


.postid-10510 .solution-hero
{
	margin-top:5rem ;
}

/* ====================== HEADINGS WITH GRADIENT TEXT ====================== */
.postid-10510 .solution-single  h2, .postid-10510 .solution-single h3, .postid-10510 .solution-single h4, .postid-10510 .solution-single h5{
    font-weight: 800;
    margin-bottom: 1.5rem;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
}

.postid-10510 .solution-single h2 {
    font-size: clamp(2.2rem, 7vw, 3.2rem);
}

.postid-10510 .solution-single h3 {
    font-size: clamp(1.8rem, 5.5vw, 2.5rem);
}

.postid-10510 .solution-single h4 {
    font-size: clamp(1.5rem, 4.5vw, 2rem);
}


.postid-10510 .solution-hero .hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* ====================== HIGHLIGHT CLASS ====================== */
.postid-10510 .highlight {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
    padding: 0 4px;
}

/* Optional: Stronger highlight with underline effect */
.postid-10510 .highlight-strong {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
    position: relative;
}

.postid-10510 .highlight-strong::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    border-radius: 2px;
}

.postid-10510 .service-badge {
    background: linear-gradient(90deg, #dbc2c2, #500808);
    color: white;
    padding: 14px 26px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.05rem;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
}

.postid-10510 .badge-dot {
    color: #93c5fd;
    font-size: 1.4rem;
    line-height: 1;
}
.postid-10510 .hero-intro { font-size: 1.25rem; font-weight: 500; }
.postid-10510 .hero-left p { font-size: 1.025rem; font-weight: 400; }

.postid-10510 .split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.postid-10510 .images-stack {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.postid-10510 .image-wrapper {
    position: relative;
}

.postid-10510 .split-image {
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.postid-10510 .badge-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.postid-10510 .feature-item {
    margin-bottom: 28px;
}

.postid-10510 .feature-badge {
    background: #0066cc;
    color: white;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 1.08rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}

.postid-10510 .features-with-desc p {
    color: #555;
    line-height: 1.7;
    margin-left: 8px;
}

.postid-10510 .hero-left strong {
    color: #0066cc;
    font-weight: 600;
}

.postid-10510 .impl-card {
    background: #ffffff;
    padding: 35px 25px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;                    /* Makes all cards same height */
}

.postid-10510 .impl-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.postid-10510 .card-number {
    font-size: 2.8rem;
    font-weight: 700;
    color: #0066cc;
    margin-bottom: 15px;
    line-height: 1;
}

.postid-10510 .impl-card h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222;
    margin: 0;
}

.postid-10510 .support-banner {
    background: linear-gradient(135deg, #0d47a1, #1565c0);
    color: white;
    padding: 80px 0;
    text-align: center;
}

.postid-10510 .support-box h2 {
    font-size: 2.4rem;
    margin-bottom: 15px;
    background: linear-gradient(90deg, #ffffff, #f0f8ff, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    line-height: 1.2;
}

.postid-10510 .support-badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.postid-10510 .support-badge {
    background: rgba(255,255,255,0.15);
    padding: 15px 28px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.1rem;
}
.postid-10510 .floating-images-container {
    position: relative;
    height: 480px;
}

.postid-10510 .float-image-wrapper {
    position: absolute;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
    transition: all 0.5s ease;
}

.postid-10510 .image-1 {
    top: 0;
    left: 0;
    width: 58%;
    height: 65%;
    z-index: 2;
}

.postid-10510 .image-2 {
    bottom: 0;
    right: 0;
    width: 55%;
    height: 68%;
    z-index: 1;
}

.postid-10510 .float-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.postid-10510 .float-image-wrapper:hover {
    transform: scale(1.03);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
}
.postid-10510 .industry-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.4s;
}

.postid-10510 .industry-img:hover {
    transform: scale(1.03);
}

.postid-10510 .industry-row {
    margin-bottom: 80px;
}

.postid-10510 .industry-content h4 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.postid-10510 .industry-desc {
    color: #555;
    line-height: 1.8;
    font-size: 1.05rem;
}

.postid-10510 .badge-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 12px;
    margin-bottom: 25px;
}

.postid-10510 .industry-badge {
    background: #0066cc;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 0.98rem;
    font-weight: 500;
    transition: all 0.3s;
}

.postid-10510 .industry-badge:hover {
    background: #0052a3;
    transform: translateY(-2px);
}

@media (max-width: 992px) {
    .postid-10510 .hero-grid, .postid-10510 .split-grid { grid-template-columns: 1fr; }
	 .postid-10510 .industry-images-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
/* On mobile - make images slightly smaller */
@media (max-width: 768px) {
    .postid-10510 .split-image {
        max-height: 280px;
    }
    .postid-10510 .images-stack {
        gap: 20px;
    }
	
	.postid-10510 .solution-hero .hero-grid
	{
		grid-template-columns: 1fr;
		gap:0 !important;
	}
	
	.postid-10510 .solution-single h2 {
    font-size: clamp(1.75rem, 7vw, 2.5rem);
		text-align:center !important;
		
}
	.postid-10510 .solution-single p {
		text-align:justify !important;
}
	
	.postid-10510 .service-badge {
    font-size: 0.75rem;
}
		.postid-10510 .service-mobile {
    margin-bottom:4rem;
}
}