/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.hdr .logo img {
    height: 70px !important;
    width: auto !important;
}

.hdr .bar {
    height: auto;
    padding: 8px 0px;
}

.nav-btn {
    font-size: .85rem;
}

.elementor-element .nav-btn.nav-ext.color-blue{
	color: #3d348b !important;
}

.elementor-element .nav-btn.nav-ext.color-orange{
	color: #c93700 !important;
}

.ip-hero h1.elementor-heading-title {
    font-size: clamp(2.4rem, 4.4vw, 3.2rem);
    letter-spacing: -.03em;
    line-height: 1.1;
}

[data-elementor-type="wp-page"] .ben-art{grid-column:span 2!important;grid-row:span 3!important;position:relative!important;border-radius:24px!important;overflow:hidden!important;min-height:360px!important}

[data-elementor-type="wp-page"] .ben-art {
    grid-column: span 2 !important;
    grid-row: span 4 !important;
    position: relative !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    min-height: 360px !important;
}

a.nav-link-footer {
    background: #ff4800;
    color: #fff !important;
}

a.nav-link-footer:hover {
    background: #c93700 !important;
    color: #fff !important;
}

/*Blog*/
.fcx-blog .bl-head .inner.fxb.e-con:not(#_) {
    max-width: 1000px;
}
.fcx-blog .bl-title .elementor-heading-title {
    max-width: 100%;
}

.fcx-blog .bl-feat.fxb.e-con.wrap:not(#_) {
    max-width: 900px;
    padding: 0px !important;
}

.fcx-blog .bl-col.fxb.e-con:not(#_) {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 30px;
}

.fcx-blog .bl-title .elementor-heading-title {
    font-size: clamp(2.1rem, 4.6vw, 2.7rem);
	line-height: 1.2em;
}

.fcx-car .elementor-swiper-button {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #c9c6f5 !important;
}

.elementor-swiper-button {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.prod-list .pl-t .elementor-heading-title {
    line-height: 1.1;
}

.cs-tabs .cs-tab-content h2, .cs-tabs .cs-tab-content .cs-tab-title {
    font-size: 2.4rem !important;
    max-width: 100% !important;
}

.f-hero {
    padding: 40px 0px !important;
}

.elementor-element.fx.nav .nav-btn{
	font-size: 14px !important;
}

span.wpcf7-list-item-label {
    font-size: 12px !important;
}

.talk-form form.fcx-git .fcx-consent label {
    align-items: center !important;
}

.talk-form form.fcx-git .fcx-consent input[type=checkbox] {
    flex: 0 0 auto;
    width: 14px !important;
    height: 14px !important;
}

.metric .big small {
    font-size: .32em;
}

header .fbtn.mb-cta .elementor-button {
    background: #ff4800 !important;
}

header .fbtn.mb-cta .elementor-button:hover {
    background: #C93700 !important;
}

.wpcf7-response-output {
    display: none;
}



/* =====================================================================
   Case study story tabs
   Rendered by the [fcx_cs_tabs] shortcode (WPCode snippet) from the ACF
   "Story tabs" repeater (cs_tabs) on the Single Case Study template.
   Classes to use inside "Tab content":
   h2.cs-tab-title, p, div.cs-points > div.cs-point > h4 + p,
   blockquote.cs-quote, ul.cs-insights > li
   ===================================================================== */
.cs-tabs{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;width:100%}
.cs-tabs .cs-tabs-nav{position:sticky;top:110px;display:grid;gap:6px}
.cs-tabs .cs-tabs-nav a{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;color:var(--muted,#6B6880);font-weight:600;line-height:1.35;text-decoration:none;transition:background-color .2s,color .2s}
.cs-tabs .cs-tabs-nav a b{font-family:var(--f-display);font-weight:600;color:#FF4800;font-size:.9rem}
.cs-tabs .cs-tabs-nav a.on,.cs-tabs .cs-tabs-nav a:hover{background:var(--mist,#EEEDFD);color:var(--ink,#14112E)}
.cs-tabs .cs-tab{padding-bottom:clamp(36px,4vw,56px);margin-bottom:clamp(36px,4vw,56px);border-bottom:1px solid var(--line,#E4E2F0);scroll-margin-top:110px}
.cs-tabs .cs-tab:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.cs-tabs .cs-tab-num{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-ink,#B4450F);margin-bottom:10px}
.cs-tabs .cs-tab-num i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;background:var(--cbg,#EEEDFD);color:var(--ink,#14112E);letter-spacing:0}
.cs-tabs .cs-tab-content > :first-child{margin-top:0}
.cs-tabs .cs-tab-content h2,.cs-tabs .cs-tab-content .cs-tab-title{font-family:var(--f-display);font-weight:600;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;max-width:24ch;color:var(--ink,#14112E)}
.cs-tabs .cs-tab-content h3{font-family:var(--f-display);font-weight:600;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;margin:24px 0 10px;color:var(--ink,#14112E)}
.cs-tabs .cs-tab-content p{font-size:1.06rem;line-height:1.7;color:#2d2a45;max-width:68ch;margin:0 0 1em}
.cs-tabs .cs-tab-content ul:not([class]),.cs-tabs .cs-tab-content ol{margin:0 0 1em 1.2em;padding:0;font-size:1.02rem;line-height:1.7;color:#2d2a45}
.cs-tabs .cs-tab-content a{color:var(--indigo,#3D348B);text-decoration:underline}
/* point cards */
.cs-tabs .cs-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.cs-tabs .cs-point{border-radius:18px;padding:18px 20px;background:var(--paper,#F7F6FC);border:1px solid var(--line,#E4E2F0)}
.cs-tabs .cs-point h4{font-family:var(--f-body);font-weight:700;color:var(--ink,#14112E);margin:0 0 4px;font-size:1rem;line-height:1.4;letter-spacing:0}
.cs-tabs .cs-point p{font-size:.93rem;line-height:1.5;color:#4a4763;margin:0;max-width:none}
.cs-tabs .cs-point p:empty,.cs-tabs .cs-points > p:empty{display:none}
/* quote band */
.cs-tabs .cs-quote{margin:22px 0 0;border:0;border-left:5px solid #FF4800;padding:6px 0 6px 20px;background:none;font-family:var(--f-display);font-weight:500;font-style:normal;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.4;color:var(--ink,#14112E);max-width:40ch}
.cs-tabs .cs-quote p{font:inherit;color:inherit;margin:0;max-width:none}
/* checklist (key insights) */
.cs-tabs .cs-insights{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.cs-tabs .cs-insights li{position:relative;margin:0;padding:14px 18px 14px 50px;border-radius:16px;background:var(--paper,#F7F6FC);border:1px solid var(--line,#E4E2F0);font-size:1rem;line-height:1.55;color:#2d2a45}
.cs-tabs .cs-insights li::before{content:"";position:absolute;left:16px;top:15px;width:22px;height:22px;border-radius:7px;background:#E3F4EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10.5 3.2 3.2L15 7' fill='none' stroke='%2314112E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/14px}
@media (max-width:1100px){.cs-tabs{grid-template-columns:1fr}.cs-tabs .cs-tabs-nav{display:none}}
@media (max-width:640px){.cs-tabs .cs-points{grid-template-columns:1fr}}