/*
Theme Name: Synck Child
Template: synck
Version: 3.1.0
*/
:root{--ns-dark:#0B1E3C;--ns-primary:#0F4CB3;--ns-accent:#2979FF;--ns-light:#6BA8FF;--ns-pale:#F1F6FF;--ns-text:#172033;--ns-body:#344054;--ns-white:#fff;
--dark1:#0B1E3C; }
html{scroll-behavior:smooth}body{color:var(--ns-body)}
body h1,body h2,body h3,body h4,body h5,body h6,.section-title{color:var(--ns-dark)}
body p,body li{color:var(--ns-body)}
.section-subtitle,.section-subtitle1,.section-subtitle2{color:var(--ns-primary)!important}
a{transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease}
a:hover{color:var(--ns-accent)}
/* Buttons: keep visible text in every state */
.theme-btn,.header-area .theme-btn,button.theme-btn,.wpcf7-submit,input[type=submit]{background:var(--ns-primary)!important;border-color:var(--ns-primary)!important;color:#fff!important}
.theme-btn *,button.theme-btn *,.wpcf7-submit *{color:inherit!important}
.theme-btn:hover,.theme-btn:focus,.header-area .theme-btn:hover,button.theme-btn:hover,.wpcf7-submit:hover,input[type=submit]:hover{background:var(--ns-accent)!important;border-color:var(--ns-accent)!important;color:#fff!important}
.theme-btn::before,.theme-btn::after{border-color:rgba(255,255,255,.28)!important}
/* Only sections that are dark in the original template are recoloured */
.how-we-do-area,.feature-area,.footer-area,.footer-wrap,.case-studio-area.case-studio-area-dark,.case-studio-dark,.hero-dark{background-color:var(--ns-dark)!important}
.how-we-do-area h1,.how-we-do-area h2,.how-we-do-area h3,.how-we-do-area h4,.how-we-do-area>.custom-container>.custom-row>.how-we-do-left-content h2,.testimonial-area h1,.testimonial-area h2,.testimonial-area h3,.feature-area h1,.feature-area h2,.feature-area h3,.footer-area h1,.footer-area h2,.footer-area h3,.footer-area h4,.footer-area h5,.footer-area h6,.footer-wrap h1,.footer-wrap h2,.footer-wrap h3,.footer-wrap h4,.footer-wrap h5,.footer-wrap h6,.case-studio-area.case-studio-area-dark h1,.case-studio-area.case-studio-area-dark h2,.case-studio-area.case-studio-area-dark h3, .header-bar .header-bar-body .right p{color:#fff!important}
.how-we-do-area .how-we-do-left-content p,.testimonial-area p,.feature-area p,.footer-area p,.footer-wrap p,.case-studio-area.case-studio-area-dark p{color:rgba(255,255,255,.82)!important}
/* Process cards remain white; both lines readable */
.how-we-do-area .how-we-do-card{background:#fff!important}
.how-we-do-area .how-we-do-card h5,.how-we-do-area .how-we-do-card h5 a{color:var(--ns-primary)!important}
.how-we-do-area .how-we-do-card p{color:var(--ns-text)!important;opacity:1!important}
/* .how-we-do-area .circle-shape{background:var(--ns-primary)!important;border-color:#fff!important} */
.how-we-do-area .line-shape{border-color:rgba(255,255,255,.75)!important}
/* Card and icon details */
.service-card h3,.service-card h4,.service-card h5,.case-studio-box h3,.project-card h3,.news-item h3,.contact-area h2,.contact-area h4{color:var(--ns-dark)!important}
.service-card p,.case-studio-box p,.project-card p,.news-item p,.contact-area p{color:var(--ns-body)!important}
.service-card .service-icon,.how-we-do-icon,.contact-info img{background:var(--ns-pale)}
.service-card img,.how-we-do-icon img,.contact-info img{object-fit:contain}
.las.la-check,.check-icon{background:var(--ns-primary)!important;color:#fff!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:var(--ns-dark)!important;color:#fff!important}
.nav-tabs .nav-link:hover,.nav-pills .nav-link:hover{color:var(--ns-primary)!important}
/* Header and logo */
.header-area .logo img{content:url('/wp-content/uploads/2026/07/nodesec-logo-horizontal.png');width:auto!important;max-width:230px!important;max-height:58px!important;object-fit:contain}
.header-area .home-menu>.dropdown-menu-item-icon,.header-area .home-menu>.dropdown-menu{display:none!important}
.header-area .navbar-wrapper>ul>li>a{color:var(--ns-dark)!important}.header-area .navbar-wrapper>ul>li>a:hover{color:var(--ns-primary)!important}
.header-area .mega-menu a{color:var(--ns-text)!important}.header-area .mega-menu a:hover{color:var(--ns-primary)!important}
.header-area .mega-menu h4{color:var(--ns-dark)!important}
/* Do not add broad blue wrappers around light CTAs */
.cta-area{background-color:transparent!important}
.cta-area .cta-body,.cta-area .cta-box,.cta-area .cta-inner{background-color:var(--ns-pale)}
.cta-area h1,.cta-area h2,.cta-area h3,.cta-area h4{color:var(--ns-dark)!important}.cta-area p{color:var(--ns-body)!important}
/* Contact layout stays exactly as the template */
.contact-area{background:#fff}.contact-area .contact-form-wrap,.contact-area .contact-experience,.contact-area .contact-infos{background:var(--ns-pale)}
.contact-area .contact-form input,.contact-area .contact-form textarea,.contact-area .contact-form select{color:var(--ns-text)!important;background:#fff!important;border-color:rgba(15,76,179,.16)!important}
.contact-area .contact-form input:focus,.contact-area .contact-form textarea:focus{border-color:var(--ns-accent)!important;box-shadow:0 0 0 3px rgba(41,121,255,.12)!important}
.contact-area .contact-social-links a{color:var(--ns-dark)!important}.contact-area .contact-social-links a:hover{color:var(--ns-primary)!important}
.contact-area .contact-info p,.contact-area .contact-info a{color:var(--ns-body)!important}
/* Insights title alignment and spacing */
.news-area .section-header,.blog-area .section-header{align-items:flex-start!important;gap:36px!important}.news-area .section-header>*{min-width:0}
/* Footer */
.footer-area .footer-all-links-wrap {
    gap: 68px;
    padding-right: 60px;
    padding-left: 0px;
}
.footer-area .footer-bottom .footer-contact-info {
    border-left: 1px solid rgba(255 255 255 / 20%);
    padding: 0 65px 0 80px;
}
.footer-area,.footer-wrap{background:var(--ns-dark)!important}.footer-area a,.footer-wrap a{color:rgba(255,255,255,.82)!important}.footer-area a:hover,.footer-wrap a:hover{color:var(--ns-light)!important}
.footer-area .logo img,.footer-wrap .logo img,footer img[src*="nodesec-logo"]{background:#fff;border-radius:8px;padding:7px 10px;max-width:230px}
/* Responsive */
.nodesec-whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9998;display:flex;align-items:center;gap:9px;padding:0 17px;min-height:52px;border-radius:999px;background:#1FA855;color:#fff!important;font-weight:700;box-shadow:0 12px 28px rgba(11,30,60,.25)}.nodesec-whatsapp-float:hover{background:#178744;color:#fff!important;transform:translateY(-2px)}.nodesec-whatsapp-float svg{width:21px;height:21px;fill:currentColor}
@media(max-width:991px){.header-area .logo img{max-width:190px!important}.header-area .navbar-wrapper>ul>li>a{color:var(--ns-dark)!important}}
@media(max-width:767px){.nodesec-whatsapp-float{right:13px;bottom:13px;width:52px;padding:0;justify-content:center}.nodesec-whatsapp-float span{display:none}.news-area .section-header,.blog-area .section-header{display:block!important}.header-area .logo img{max-width:165px!important}}
.theme-btn2:hover::after, .theme-btn2:hover::before, .theme-btn:hover::after, .theme-btn:hover::before {
        background: #2979ff !important;
}

@media(min-width: 1380px) {
	.homebannernodesec .custom-row.align-items-center {
		align-items: self-start !important;
	}
	.homebannernodesec .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
		margin-top: 20px !important;
		box-shadow: 0px 2px 9px rgb(64 120 209 / 26%) !important;
	}
	.homebannernodesec .hero-empowerment-area .custom-row {
        padding-bottom: 40px;
    }
	.homepage .service-area {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.homepage section.about-area {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.homepage .project-area .project-left-details {
		max-width: 450px;
		min-width: 450px;
	}
	.homepage .project-area {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.homepage .news-area, .homepage .contact-area {
        padding: 70px 0;
    }
	.homepage .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-body {
        gap: 0;
        justify-content: left;
    }
	.homepage .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-body img {
		display: none !important;
	}
	.case-studie-page .hero-overview-wrap .hero-section-content-wrap {
		padding-bottom: 0;
		padding-top: 60px;
	}
	.solution-page .hero-overview-wrap .hero-section-content-wrap,
	.service-page .hero-service-wrap .hero-section-content-wrap,
	.service-details-page .hero-service-wrap .hero-section-content-wrap,
	.about-page .hero-service-wrap .hero-section-content-wrap, 
	.about-page section.service4-area.service-area, .about-page  section.cta-area{
		padding-top: 60px;
	}
	.solution-page section.company-service-area, .solution-page .service-area,
	.service-page section.company-service-area, .service-page .service-area, 
	.about-page section.service4-area.service-area, .blog-page .hero-blog-wrap .hero-section-content-wrap .hero-portfolio-body, .blog-page .news-area, .faq-page .hero-portfolio-wrap .hero-portfolio-body, .faq-page .faq-style-2-area {
		padding-bottom: 60px;
	}
	.solution-page .hero-service-about,
	.service-page .hero-service-about  {
        padding: 40px 40px 40px 30px !important;
    }
	.case-studie-page .news-area {
		padding-bottom: 0px;
	}
	.case-studie-page section.contact-area, .solution-page section.about-area, .solution-page section.contact-area, .solution-page section.about-service3-area, .service-page section.about-area, .service-page section.contact-area, .service-page section.about-service3-area, .service-details-page section.about-area, .service-details-page section.contact-area, .service-details-page section.about-service3-area,
	.about-page .about-service3-area, .about-page section.contact-area, .contact-page section.contact-area,
	.contact-page .hero-service-wrap .hero-section-content-wrap, .blog-page .hero-service-wrap .hero-section-content-wrap,
	.blog-page .feature-area, .blog-page section.contact-area, .faq-page .hero-service-wrap .hero-section-content-wrap, .faq-page section.about-service3-area, .faq-page section.cta-area.cta-area2, .faq-page section.contact-area, .homepage section.client-area {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.header-area .navbar-wrapper ul li .mega-menu .mega-menu-inner .left {
		padding-top: 20px;
	}
	.header-area .navbar-wrapper ul li .mega-menu .mega-menu-inner .left .mega-menu-link ul {
		list-style: disc;
		padding-left: 10px;
	}
	.service-details-page section.faq-area.faq-style-2-area {
		padding-top: 0;
		padding-bottom: 0;
	}
	.service-details-page section.cta-area.cta-area2 {
		padding-bottom: 0;
	}
	.widget_search, #block-9, #block-10, #block-11, .blog-comment-box {
		display: none;
	}
	.homepage .client-area .clients .client-logo img {
        max-width: 200px !important;
    }
	.homepage .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-content p {
		font-size: 18px;
		font-weight: 600
	}
	.homepage .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-content h1 {
		font-weight: 600;
		color: #0b1e3c;
	}
	.contact-form .input-row .input-group p {
		width: 100%;margin-bottom: 0;
	}
	.contact-area .contact-form-wrap {
        padding: 58px 42px 20px 42px;
    }
}
.case-studio-img-card a.case-studio-cat, .contact-form-body h6.section-subtitle {
    display: none !important;
}
.hero-section-wrap .hero-section-content-wrap .hero-section-content h6.section-subtitle {
    display: none;
}
.contactformsectiongrp .contact-area .contact-infos .contact-infos-inner ul.contact-social-links {
    display: none;
}
.contactformsectiongrp .contact-area input, .contactformsectiongrp .contact-area textarea {
    border-radius: 10px !important;
}
.case-studie-page .sticky-news .news-content a.theme-btn, .case-studie-page .news-item .news-item-body .theme-btn {
    display: none !important;
}

.case-studie-page .news-item.card-h {
    padding-bottom: 30px;
}
.homepage .our-expert-team-box .imgs.imgs1 img {
    width: 40px;
    height: 40px;
}

.homepage .our-expert-team-box p {
    font-size: 15px !important;
}

.homepage .our-expert-team-box p span {
    margin-top: 4px !important;
    display: block;
    font-size: 13px;
}

.hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box {
    height: auto;
}

.google-reviews-box .left img {
    width: 40px;
    border-radius: 100px;
    height: 40px;
}

.homepage .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box .left span ~ img {
    display: none;
}

.homepage .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box .left span {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #0f4cb3;
}

.homepage .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box .right {
    display: none;
}

.homepage .our-expert-team-box p span, .homepage .our-expert-team-box p {
    font-weight: 600;
}
.hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box,
.homepage .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box{
    box-shadow: 0px 0px 20px rgb(15 76 179 / 42%);border: 2px solid #0f4cb3;
}
.hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box *,
.homepage .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box *{
/*     color: #fff !important */
}
.homepage .hero-empowerment-area .hero-empowerment-right-content {
    position: relative;
}
.homepage .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box {
    padding: 20px;
}
main.main-page.about-page .hero-company-boxes {
    border-bottom: none;
    padding-bottom: 60px;
}
section.hero-empowerment-area {
    background: #fff;
}
@media(max-width: 500px) {
	.footer-area .footer-bottom .footer-contact-info {
		padding: 0 !important;
		border: none !important;
	}
}