/*
Theme Name: Business Marketer by Suffix
Theme URI: https://suffixdigital.com
Author: GR Apps
Author URI: https://suffixdigital.com
Description: Theme is a multipurpose responsive WordPress theme made to help you create a beautiful professional looking site in no time.
Version: 1.1.5
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, suffix.in, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options, blog, e-commerce
Text Domain: suffix
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
      2.1 Headings
      2.2 Others
3.0 Elements
      3.1 Superscript and Subscript
      3.2 Table
      3.3 Lists
      3.4 Blockquote
      3.5 Others
4.0 Forms
5.0 Navigation
      5.1 Links
      5.2 Primary Menu
      5.3 Primary Menu Dropdown
      5.4 Responsive Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
      9.1 Captionst
10.0 Extras
      10.2 Search Design
      10.3 Page Header Title
11.0 Widgets
      11.1 Widgets General CSS
12.0 Plugins Support
12.1 Breadcrumb NavXT
 12.2 WP-PageNavi
13.0 Content
13.1 Body
13.2 Header
13.3 Primary, Secondary & Tertiary Content Area
13.4 Content Columns
13.5 Posts and Pages
13.6 Pagination
13.7 Comments
13.8 Footer
13.8.a Footer General CSS
13.8.b Footer Widget Area
13.8.c Footer Copyright Info
13.8.d Footer menu
13.8.e Scroll to Top
14.0 Responsive Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

:root{
  --orange:#F26A1B;
  --orange-600:#DD5611;
  --orange-tint:#FFF1E7;
  --orange-line:#FAD7BE;
  --ink:#15120F;
  --body:#57514B;
  --muted:#8C857E;
  --cream:#FBF7F2;
  --card:#FFFFFF;
  --dark:#1A1512;
  --dark-soft:#241D17;
  --line:#ECE6DE;
  --shadow-sm:0 2px 10px rgba(33,24,16,.05);
  --shadow:0 18px 50px -22px rgba(33,24,16,.28);
  --shadow-lg:0 36px 80px -30px rgba(33,24,16,.38);
  --radius:18px;
  --radius-lg:26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body {
	font-family:'Inter',sans-serif;
	color:var(--body);
	background:var(--cream);
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	
	border: 0;
	font-size: 16px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: none;
}
a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
embed, iframe, object {
	max-width: 100%;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}
/*--------------------------------------------------------------
2.0 Typography --->>>>> www.007db8.com
--------------------------------------------------------------*/
/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1,h2,h3,h4,.display{
	font-family:'Archivo',sans-serif;
	color:var(--ink);
	line-height:1.05;
	letter-spacing:-.02em;
}
h1, h2, h3, h4, h5, h6 {
	
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 3em;
	line-height:1.15;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 22px;
}
h6 {
	font-size: 18px;
}
a{text-decoration:none;color:inherit}

/* HEADER START  */


/* GENERAL START */
.txtuprcs,
.txtuprcs.vc_custom_heading {
	text-transform:uppercase;
}
.eyebrow {
    font-family: 'Archivo', sans-serif;
    font-weight: 700;
    font-size: .74rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--orange);
}
h1.hero {font-size:clamp(2.5rem,5.4vw,4.15rem);font-weight:900;text-transform:uppercase}
h1.hero span{color:var(--orange)}

.infrabox .vc_column-inner {
    background: #241D17;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 18px;
    padding: 26px;
    transition: transform .18s, border-color .18s, background .18s;
}
.infrabox .ii {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(242, 106, 27, .16);
    color: var(--orange);
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    margin-bottom: 16px;
}
.infrabox .ii svg {
    width: 21px;
    height: 21px;
}
.infrabox .vc_column-inner:hover {
    transform: translateY(-4px);
    border-color: rgba(242, 106, 27, .5);
    background: #2c231c;
}
.whitbox .vc_column-inner {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 18px;
    padding: 26px;
    transition: transform .18s, border-color .18s, background .18s;
    margin-bottom: 35px;

}
.whitbox .vc_column-inner:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
    border-color: var(--orange-line);
}
.whitbox .pbadge {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #fff;
    font-family: 'Archivo';
    font-weight: 800;
    font-size: 1.15rem;
    margin-bottom: 16px;
}
.b-meta { background: #0866FF; }
.b-tiktok { background: #111; }
.b-google { background: #F26A1B; }
.entry-content ul.chcklist {
    list-style: none;
    padding: 0px;
    margin: 20px 0;
}
ul.chcklist li .ck {
    color: var(--orange);
    font-weight: 800;
    margin-right: 5px;
}

.whybox .vc_column-inner{
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    padding: 30px;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    position: relative;
    overflow: hidden;
}
.whybox .ci {
    width: 54px;
    height: 54px;
    border-radius: 15px;
    background: var(--orange-tint);
    display: grid;
    place-items: center;
    color: var(--orange);
    font-size: 1.5rem;
    margin-bottom: 18px;
}
.whybox .ci svg {
    width: 24px;
    height: 24px;
}

.whybox .vc_column-inner:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow);
    border-color: var(--orange-line);
}
.n {
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: var(--ink);
    color: #fff;
    font-family: var(--mono);
    font-weight: 700;
    font-size: 1.15rem;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
}

/* video section */
.video-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/9;background:linear-gradient(135deg,#1d1712,#3a2a1e);border:1px solid #efe7dd}
.video-wrap::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(242,106,27,.28),transparent 55%)}
.vtag{position:absolute;top:16px;left:16px;z-index:3;background:rgba(0,0,0,.45);color:#fff;font-family:'Archivo';font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:50px;backdrop-filter:blur(4px)}
.vtag .live{color:var(--orange)}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:84px;height:84px;border-radius:50%;background:var(--orange);border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 34px -8px rgba(242,106,27,.8);transition:transform .2s}
.video-play:hover{transform:translate(-50%,-50%) scale(1.08)}
.video-play .tri{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid #fff;margin-left:5px}
.video-play::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(242,106,27,.5);animation:vp 2.2s ease-out infinite}
@keyframes vp{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.vcap{position:absolute;left:22px;bottom:18px;z-index:3;color:#fff}
.vcap b{font-family:'Archivo';font-weight:800;font-size:1.02rem;display:block}
.vcap span{font-size:.8rem;color:#e9ddd1}
.vthumbs{position:absolute;right:18px;bottom:18px;z-index:3;display:flex;gap:7px}
.vthumbs i{width:34px;height:24px;border-radius:5px;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.35);display:block}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}

.video-wrap .vmp4{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.video-wrap::after{z-index:2}

.inc-item .vc_column-inner{
    background: var(--cream);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 20px;
    transition: transform .16s, box-shadow .16s, background .16s;
}
.inc-item .vc_column-inner:hover{transform:translateY(-3px);box-shadow:var(--shadow);background:#fff}
.inc-item .ck {
    border-radius: 5px;
    background: var(--orange-tint);
    color: var(--orange);
    display: inline-block;
    place-items: center;
    font-size: .9rem;
    font-weight: 800;
    margin-right: 10px;
    vertical-align: top;
    padding: 2px 5px;
    text-align: center;
}
.incntnt {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}
.inc-item h4{font-size:1rem;font-weight:700;margin-bottom:5px}
.inc-item p{font-size:.86rem}

.exprel-card{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;transition:transform .16s,box-shadow .16s,border-color .16s}
.exprel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--orange-line)}
.exprel-card .rb{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--orange-tint);color:var(--orange);font-size:1rem;flex-shrink:0}
.exprel-card .rb svg{width:16px;height:16px}
.exprel-card .nm{font-family:'Archivo';font-weight:700;color:var(--ink);font-size:.85rem}

.exprel-card .rb.b-gpt,
.exprel-card .rb.b-claude,
.exprel-card .rb.b-gemini,
.exprel-card .rb.b-copilot {
    background: #10A37F;
    color: #fff;
    padding: 8px 6px;
    width: 46px;
    height: auto;
}
.exprel-card .rb.b-gpt {
    background: #10A37F;
}
.exprel-card .rb.b-claude {
    background: #D97757;
}
.exprel-card .rb.b-gemini {
    background: linear-gradient(135deg, #4285F4, #9B72CB);
}
.exprel-card .rb.b-copilot {
    background: linear-gradient(135deg, #2D7FF9, #36C5F0);
}


.appcard .vc_column-inner {
    background: var(--cream);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 22px;
    position: relative;
    transition: transform .16s, box-shadow .16s, background .16s;
}
.appcard .vc_column-inner:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow);
    background: #fff;
}

/* hero — office network strip (this page uses a text page-hero, not a dashboard card) */
.hero-offices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;position:relative;z-index:1}
.hero-office{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:50px;padding:9px 16px 9px 12px;box-shadow:var(--shadow-sm)}
.hero-office .dot{width:7px;height:7px;border-radius:50%;background:#1a8f4c;box-shadow:0 0 0 3px rgba(26,143,76,.16)}
.hero-office .code{font-family:'Archivo';font-weight:800;color:var(--ink);font-size:.82rem}
.hero-office .city{font-size:.78rem;color:var(--muted)}

.txtcntr { text-align:center; }


/* CAREERS START */
.career-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:border-color .15s,transform .15s}
.career-card:hover{border-color:var(--orange-line);transform:translateY(-2px)}
.career-card .ri{width:46px;height:46px;border-radius:12px;background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}
.career-card .ri svg{width:20px;height:20px}
.career-card .rt{flex:1}
.career-card h4{font-size:1.05rem;font-weight:700}
.career-card .meta{font-size:.82rem;color:var(--muted)}
.career-card .apply{font-family:'Archivo';font-weight:700;font-size:.82rem;color:var(--orange);white-space:nowrap}
/* CAREERS END */

/* GENERAL END */


/* HOME START */
.hero-visual {
    position: relative;
    height: 520px;
}
.chip{position:absolute;background:#fff;border-radius:13px;box-shadow:var(--shadow);padding:10px 13px;display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700;color:var(--ink);font-family:'Archivo';z-index:3;border:1px solid #f4efe8}
.chip .cic{width:30px;height:30px;border-radius:9px;background:var(--orange-tint);display:grid;place-items:center;color:var(--orange);font-size:.9rem}
.chip small{display:block;font-family:'Inter';font-weight:500;color:var(--muted);font-size:.66rem}
.chip.c1{top:8px;left:-6px;animation:float 5s ease-in-out infinite}
.chip.c2{top:64px;right:-10px;animation:float 6s ease-in-out infinite .6s}
.chip.c3{bottom:78px;left:-22px;animation:float 5.6s ease-in-out infinite .3s}
.chip.c4{bottom:6px;right:4px;animation:float 6.4s ease-in-out infinite .9s}
.chip .big{color:var(--orange);font-size:.96rem}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ad account dashboard card */
.acct-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:344px;background:#fff;border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid #f1ece4;overflow:hidden}
.ac-head{display:flex;align-items:center;gap:11px;padding:18px 18px 14px;border-bottom:1px solid #f3eee7}
.ac-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#F26A1B,#c9490f);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Archivo';font-weight:900;font-size:1.1rem}
.ac-head .ttl{font-family:'Archivo';font-weight:800;color:var(--ink);font-size:.98rem;line-height:1.1}
.ac-head .sub{font-size:.74rem;color:var(--muted)}
.ac-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:#e9f9f0;color:#1a8f4c;font-weight:700;font-size:.72rem;padding:5px 10px;border-radius:50px;font-family:'Archivo'}
.ac-status .d{width:7px;height:7px;border-radius:50%;background:#1a8f4c;box-shadow:0 0 0 3px rgba(26,143,76,.18)}
.ac-platforms{display:flex;gap:7px;padding:14px 18px 4px}
.ac-plat{flex:1;text-align:center;font-family:'Archivo';font-weight:700;font-size:.72rem;color:#5a5249;background:var(--cream);border:1px solid var(--line);border-radius:9px;padding:8px 4px}
.ac-plat.on{background:var(--orange-tint);border-color:var(--orange-line);color:var(--orange-600)}
.ac-rows{padding:12px 18px 4px}
.ac-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed #eee5da;font-size:.82rem}
.ac-row:last-child{border-bottom:none}
.ac-row .k{color:var(--muted)}
.ac-row .v{font-family:'Archivo';font-weight:800;color:var(--ink)}
.ac-row .v.green{color:#1a8f4c}
.ac-chart{display:flex;align-items:flex-end;gap:5px;height:46px;padding:6px 18px 0}
.ac-chart i{flex:1;background:var(--orange-tint);border-radius:4px 4px 0 0;display:block}
.ac-chart i:nth-child(1){height:34%}.ac-chart i:nth-child(2){height:52%}.ac-chart i:nth-child(3){height:44%}
.ac-chart i:nth-child(4){height:68%}.ac-chart i:nth-child(5){height:60%}.ac-chart i:nth-child(6){height:82%}
.ac-chart i:nth-child(7){height:74%;background:var(--orange)}.ac-chart i:nth-child(8){height:100%;background:var(--orange)}
.ac-foot{display:flex;gap:9px;padding:14px 18px 18px}
.ac-btn{flex:1;text-align:center;font-family:'Archivo';font-weight:700;font-size:.82rem;padding:11px;border-radius:11px}
.ac-btn.solid{background:var(--orange);color:#fff}
.ac-btn.ghost{background:var(--cream);color:var(--ink);border:1px solid var(--line)}

.trust{display:flex;align-items:center;gap:16px;margin-top:30px;flex-wrap:wrap}
.stars{color:var(--orange);font-size:1.05rem;letter-spacing:2px}
.trust .t-txt{font-size:.86rem;color:var(--muted)}
.trust .t-txt b{color:var(--ink);font-family:'Archivo';font-weight:800}
.gbadge{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);
  padding:7px 13px;border-radius:50px;box-shadow:var(--shadow-sm);font-size:.82rem;font-weight:600;color:#3c372f}
.gdot{width:17px;height:17px;border-radius:50%;background:conic-gradient(#4285F4 0 25%,#EA4335 0 50%,#FBBC05 0 75%,#34A853 0);}
.shield-ic {
    width: 15px;
    height: 15px;
    color: var(--orange);
    flex-shrink: 0;
}


.wrapbox{display:flex; align-items:center; gap:38px; padding:10px 0; flex-wrap:wrap; justify-content:center}
.wrapbox span{font-family:'Archivo';font-weight:800;color:#b8b0a6;font-size:1.05rem;letter-spacing:.02em}
.wrapbox .lbl{font-size:.78rem;color:var(--muted);font-weight:600;font-family:'Inter'}

/* ---------- CORE 3 CARDS ---------- */
.core-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.core-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--orange-line)}
.core-card .ci{width:54px;height:54px;border-radius:15px;background:var(--orange-tint);display:grid;place-items:center;color:var(--orange);font-size:1.5rem;margin-bottom:18px}
.core-card h3{font-size:1.32rem;font-weight:800;margin-bottom:9px}
.core-card p{font-size:.95rem;margin-bottom:18px}
.core-card .lnk{font-family:'Archivo';font-weight:700;color:var(--orange);font-size:.9rem;display:inline-flex;gap:6px;align-items:center}
.core-card .lnk .arr{transition:transform .18s}
.core-card:hover .lnk .arr{transform:translateX(4px)}
.core-card.feat{background:linear-gradient(160deg,#1a1512,#2a201a);border-color:transparent}
.core-card.feat h3,.core-card.feat p{color:#fff}
.core-card.feat p{color:#cfc6bc}
.core-card.feat .ci{background:rgba(242,106,27,.18)}
.core-card.feat .tag{position:absolute;top:18px;right:18px;background:var(--orange);color:#fff;font-family:'Archivo';font-weight:700;font-size:.66rem;letter-spacing:.08em;padding:5px 11px;border-radius:50px;text-transform:uppercase}


/* ---------- AI MARKETING ---------- */
.ai-pillar{background:#fff;border:1px solid var(--orange-line);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm)}
.ai-pillar > .ph{display:flex;align-items:center;gap:13px;margin-bottom:6px}
.ai-pillar .ph .pi{width:48px;height:48px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:1.3rem}
.ai-pillar.adv .ph .pi{background:var(--orange)}
.ai-pillar h3{font-size:1.4rem;font-weight:800}
.ai-pillar .psub{font-size:.92rem;color:var(--body);margin:10px 0 20px}
.ai-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ai-item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--cream);transition:transform .16s,box-shadow .16s,border-color .16s}
.ai-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--orange-line);background:#fff}
.ai-badge{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-family:'Archivo';font-weight:800;font-size:.74rem;flex-shrink:0}
.b-gpt{background:#10A37F}
.b-claude{background:#D97757}
.b-gemini{background:linear-gradient(135deg,#4285F4,#9B72CB)}
.b-copilot{background:linear-gradient(135deg,#2D7FF9,#36C5F0)}
.ai-item .nm{font-family:'Archivo';font-weight:700;color:var(--ink);font-size:.9rem;line-height:1.15}
.ai-item .nm small{display:block;font-family:'Inter';font-weight:500;color:var(--muted);font-size:.62rem}
.ai-cta-row{display:flex;justify-content:center;margin-top:30px;position:relative;z-index:1}


/* ---------- SERVICES GRID ---------- */
.svc-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--cream);transition:transform .18s,box-shadow .18s,background .18s}
.svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);background:#fff}
.svc-card .si{width:40px;height:40px;border-radius:11px;background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;font-size:1.1rem;margin-bottom:14px}
.svc-card h4{font-size:1.04rem;font-weight:700;margin-bottom:6px}
.svc-card p{font-size:.84rem;margin-bottom:13px;color:var(--body)}
.svc-card .go{font-family:'Archivo';font-weight:700;font-size:.8rem;color:var(--orange);display:inline-flex;gap:5px;align-items:center}
.svc-card.cta-card{background:var(--ink);display:flex;flex-direction:column;justify-content:center; min-height: 216px;}
.svc-card.cta-card h4{color:#fff;font-size:1.18rem; line-height: normal; }
.svc-card.cta-card p{color:#cfc6bc}
.svc-card.cta-card .go{color:#fff}

/* WHY LOGO */
.why-logo{font-family:'Archivo';font-weight:900;font-size:1.7rem;color:#fff;text-align:center;line-height:1.1}
.why-logo b{color:var(--orange)}
.why-logo small{display:block;font-family:'Inter';font-weight:500;font-size:.72rem;letter-spacing:.2em;color:#a79f96;margin-top:6px}

/* WHY STATS */
.counterhom {font-family:'Archivo'; font-weight:900; font-size:2.5rem; color:#fff;  text-align: center;}
.counterhom i{color:var(--orange);font-style:normal; }
.counterhomtxt{font-size:.82rem;color:#bdb4aa;margin-top:4px;  text-align: center;}

/* STAT CARD */
/* ---------- SPECIALIZED ---------- */
.spec-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .18s,box-shadow .18s;}
.spec-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.spec-card .badge{font-family:'Archivo';font-weight:700;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);background:var(--orange-tint);padding:4px 10px;border-radius:50px;display:inline-block;margin-bottom:12px}
.spec-card h4{font-size:1.08rem;font-weight:700;margin-bottom:7px}
.spec-card p{font-size:.86rem;margin-bottom:13px}
.spec-card .go{font-family:'Archivo';font-weight:700;font-size:.82rem;color:var(--orange);display:inline-flex;gap:5px;align-items:center}

/* ---------- INFRASTRUCTURE ---------- */
.compliance-pill{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:10px 16px;font-size:.82rem;font-weight:600;color:#e9e3db;white-space:nowrap}
.compliance-pill .gd{width:9px;height:9px;border-radius:50%;background:#34c97b;box-shadow:0 0 0 4px rgba(52,201,123,.18)}
.infra-card{background:var(--dark-soft);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:26px;transition:transform .18s,border-color .18s,background .18s}
.infra-card:hover{transform:translateY(-4px);border-color:rgba(242,106,27,.5);background:#2c231c}
.infra-card .ii{width:46px;height:46px;border-radius:12px;background:rgba(242,106,27,.16);color:var(--orange);display:grid;place-items:center;font-size:1.25rem;margin-bottom:16px}
.infra-card h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:8px}
.infra-card p{color:#bdb4aa;font-size:.9rem}


/* ---------- TESTIMONIALS ---------- */
.tst-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.tst-card .gline{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.tst-card .gline .gdot{width:18px;height:18px}
.tst-card .stars{font-size:.95rem}
.tst-card p{font-size:.92rem;color:#4f4943;margin-bottom:18px}
.tst-who{display:flex;align-items:center;gap:11px}
.tst-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:'Archivo';font-weight:800;background:linear-gradient(135deg,#f2a86a,#dd5611)}
.tst-who .nm{font-family:'Archivo';font-weight:700;color:var(--ink);font-size:.92rem}
.tst-who .rl{font-size:.78rem;color:var(--muted)}

/* FAQ */
h4.vc_tta-panel-title.vc_tta-controls-icon-position-right {
    padding: 0;
    font-size: 16px;
}
.vc_tta.vc_tta-spacing-10 :is(.vc_tta-panel.vc_active,.vc_tta-panel:not(:last-child)) .vc_tta-panel-heading {
    margin-bottom: 0!important;
}
body .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: var(--orange);
}

body .vc_btn3.vc_btn3-size-md {
    background-image: none;
}
/* HOME END */
.main-head-wrap {
	padding: 12px 0 14px;
}
header#masthead {
	position:relative;
	z-index:9999999;
}
.header {
    background: rgba(251, 247, 242, .85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line);
}
#header-left-section {
    display: inline-block;
    width: 20%;
}
#header-right-section {
    display: inline-block;
    width: 79%;
    vertical-align: middle;
}

.brand{display:flex;align-items:center;gap:11px;font-family:'Archivo',sans-serif;font-weight:800;color:var(--ink);font-size:1.16rem}
.logo-mark{
  width:42px;height:40px;border-radius:11px;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Archivo';font-weight:900;font-size:1.05rem;letter-spacing:-.04em;
  white-space:nowrap;
}
.logo-mark span{color:var(--orange)}
.brand small{display:block;font-size:.58rem;letter-spacing:.22em;color:var(--muted);font-weight:600;margin-top:-2px}
/* HEADER END  */
/*
====> 2.2 Others
--------------------------------------------------------------*/

p {
	margin-bottom: 15px;
}
/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul, ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin: 0 0 0 20px;
}
/*
====> 3.4 Blockquote
--------------------------------------------------------------*/
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #3c5b12;
	margin-bottom: 20px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #21252d;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
/*
====> 3.5 Others
--------------------------------------------------------------*/
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*
====> 5.1 Links
--------------------------------------------------------------*/
a {
	color: #3c5b12;
	text-decoration: none;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}
/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
.main-navigation li > ul, .main-navigation li > ol {
	margin: 0;
	list-style: none;
}
.main-navigation #mega-menu-wrap-primary #mega-menu-primary {
    text-align: right;
}
.sub-toggle {
	display: none;
}
/* .main-navigation li:last-child a {
    background: var(--orange);
    color: #fff;
    box-shadow: 0 12px 26px -10px rgba(242, 106, 27, .6);
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: 'Archivo', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    padding: 14px 26px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    margin-top: 0;
}
.main-navigation li:last-child a:hover {
    background: var(--orange-600);
    transform: translateY(-2px);
    color: #fff;
} */
.main-navigation li.default-menu, li.default-menu {
	display: none;
}
.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-item a:after, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current-menu-ancestor a:after, .main-navigation ul li.current_page_item a:after, .main-navigation ul li.current_page_item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current_page_ancestor a:after, .main-navigation ul li:hover > a, .main-navigation li.menu-item-has-children:hover > a:after, .main-navigation li.page_item_has_children:hover > a:after {
	color: var(--orange);
}
.main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #3c5b12;
	font-size: 12px;
	padding-left: 6px;
	color: #faba00;
}
.main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after {
	content: "\f0d7";
}
.main-navigation select {
	display: none;
}
/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle {
	display: none;
	cursor: pointer;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item#mega-menu-item-18 {
    background: #f26a1b;
    color: #fff;
    padding: 5px 18px 5px 22px;
    border-radius: 30px;
    margin: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item#mega-menu-item-18 a {
    color: #fff;
}

.mega-col{padding-bottom:18px;position:relative}
.mega-col::before{content:"";position:absolute;left:-11px;top:2px;bottom:18px;width:2px;background:linear-gradient(180deg,var(--orange),transparent);opacity:0;transition:opacity .2s}
.mega-col:hover::before{opacity:1}
.mega-col h5{font-family:'Archivo',sans-serif;font-weight:800;font-size:.86rem;color:var(--ink);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mega-col h5 .mi{width:32px;height:32px;border-radius:10px;background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;flex-shrink:0;transition:transform .18s,background .18s,color .18s}
.mega-col:hover h5 .mi{background:var(--orange);color:#fff;transform:scale(1.07) rotate(-4deg)}
.mega-col h5 .trend{font-size:.56rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);background:var(--orange-tint);padding:2px 7px;border-radius:50px;margin-left:auto}
.mega-col ul{list-style:none}
.mega-col a.mega-link{display:block;padding:5px 0 5px 2px;font-size:.84rem;color:#5a5249;border-radius:6px;transition:color .15s,transform .15s}
.mega-col a.mega-link:hover{color:var(--orange);transform:translateX(3px)}
/*--------------------------------------------------------------
12.0 Plugins Support
--------------------------------------------------------------*/
.breadcrumb {
	float: right;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 14px;
}
.breadcrumb {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
/*
====> 12.2 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
	padding-bottom: 40px;
}
/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/
/*
====> 13.1 Body
--------------------------------------------------------------*/
body {
	padding-top: 30px;
	padding-bottom: 30px;
}
body.wide {
	padding-top: 0;
	padding-bottom: 0;
}
.wide #page {
	max-width: 100%;
}
.inner-wrap {
	max-width: 1200px;
	margin: 0 auto;
}
/*
====> 13.3 Primary, Secondary & Tertiary Content Area
--------------------------------------------------------------*/
/* Right Sidebar */
#primary {
	float: left;
	width: 64.54545454%;
}
#secondary {
	float: right;
	width: 31.81818181%;
}
/* Left Sidebar */
.left-sidebar #primary {
	float: right;
	width: 64.54545454%;
}
.left-sidebar #tertiary {
	float: left;
	width: 31.81818181%;
}
/* Both Sidebar */
.both-sidebar #primary {
	width: 72.72727272%;
}
.both-sidebar #secondary {
	width: 23.63636363%;
}
.both-sidebar #primary #content {
	float: right;
	width: 62.5%;
}
.both-sidebar #primary #tertiary {
	float: left;
	width: 32.5%;
}
/* No Sidebar */
.no-sidebar-full-width #primary {
	width: 100%;
}
.no-sidebar #primary {
	float: none;
	margin: 0 auto;
}

/*
====> 13.5 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.extra-hatom-entry-title {
	display: none;
}
.single-page {
	/* margin-top: 50px; */
}
.single-header {
	padding: 2% 0;
	background-color: #444;
}
.single-header h2 {
	font-size: 2.5em;
	color: #3c5b12;
	font-weight: 200;
	margin-bottom: 16px;
}
.single-page p a.btn-bb {
	display: inline-block;
    margin-bottom: 10px;
}
.single-page p {
	margin-bottom: 10px;
}
.entry-content ul {
	list-style: square;
}
.entry-content ul, .entry-content ol {
	padding: 0 0 0 20px;
	margin-bottom: 30px;
}
.entry-content li > ul, .entry-content li > ol {
	margin-bottom: 0;
}
.sidebar h4 {
	font-weight: 400;
	padding-bottom: 8px;
	margin-bottom: 17px;
}
.date-icon, .author-icon {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
.hentry .entry-title {
	font-size: 24px;
	padding-bottom: 10px;
}
.hentry .entry-title a {
	color: #21252d;
	display: block;
	font-weight: 400
}
.hentry .entry-title a:hover {
	color: #3c5b12;
}
.entry-meta {
	width: 100%;
	padding-bottom: 20px;
}
.entry-meta {
	font-size: 14px;
}
.read-btn a {
	border: 1px solid #3c5b12;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 16px;
}
.read-btn a:hover {
	background-color: #3c5b12;
	color: #ffffff;
}
.entry-meta > span {
	padding-right: 15px;
}
.entry-meta .fa {
	color: #3c5b12;
	padding-right: 5px;
}
.entry-meta a {
	color: #444444;
	font-weight: normal;
}
.entry-meta a:hover {
	color: #3c5b12;
}
article.post {
	padding-bottom: 60px;
}
.tags a {
	display: inline-block;
}
/*
====> 13.6 Pagination
--------------------------------------------------------------*/
.default-wp-page li.previous {
	float: left;
}
.default-wp-page li.next {
	float: right;
}
.previous a, .next a {
	color: #3c5b12;
	padding: 5px 0;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
}
.next {
	float: right;
}
.previous a:hover, .next a:hover {
	text-decoration: underline;
}
.default-wp-page {
	padding: 20px 0;
}
.nav-previous, .nav-next {
	margin-bottom: 15px;
}
.nav-previous a, .nav-next a {
	color: #3c5b12;
	cursor: pointer;
	font-size: 16px;
}
.nav-previous a {
	float: left;
}
.nav-next a {
	float: right;
}
.nav-previous a:hover, .nav-next a:hover {
	text-decoration: underline;
}
/*
====> 13.8 Footer
--------------------------------------------------------------*/
/*
====> ====> 13.8.a Footer General CSS
--------------------------------------------------------------*/
#colophon {
	font-size: 14px;
	clear: both;
	color: #fff;
	background: #000000;
	border-top: 3px solid #89c639;
	overflow: hidden;
	padding: 30px 0 20px;
}
.or-wrap{padding:36px 0 90px;border-bottom:1px solid rgba(255,255,255,.08); margin-bottom: 35px; }
.or-wrap>.eyebrow{margin-bottom:26px}
.or-items{position:relative;height:200px}
.or-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.or-item{position:absolute;transform:translateX(-5px)}
.or-item .dot{display:block;width:11px;height:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(242,106,27,.15)}
.or-item .ol{margin-top:16px;white-space:nowrap}
.or-item h4{font-family:'Archivo';font-weight:900;font-size:1.55rem;color:#fff;line-height:1;margin-bottom:9px}
.or-item p{font-size:.85rem;color:#a79f96;margin-bottom:3px}
.or-item .ph{font-size:.8rem;color:#8a8177;display:block}

.foot-row2{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:5px 0 50px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-col h5{font-family:'Archivo';font-weight:800;color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.foot-col a{display:block;font-size:.88rem;color:#a79f96;margin-bottom:10px;transition:color .15s}
.foot-col a:hover{color:var(--orange)}
.foot-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:24px}
.foot-card h5{font-family:'Archivo';font-weight:800;color:#fff;font-size:1rem;margin-bottom:6px}
.foot-card p{font-size:.84rem;color:#a79f96;margin-bottom:16px}
.foot-card .fc-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.85rem;color:#e8e2da}
.foot-card .fc-row .fi{width:32px;height:32px;border-radius:9px;background:rgba(242,106,27,.16);color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.foot-card .btn{width:100%;justify-content:center;margin-top:6px}

.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:.82rem;color:#857d74;flex-wrap:wrap;gap:12px}
.foot-bot a{color:#a79f96}
.foot-bot a:hover{color:var(--orange)}

/*
====> ====> 13.8.b Footer Widget Area
--------------------------------------------------------------*/

#colophon .widget {
	padding-bottom: 15px;
}
#colophon .widget-title {
	font-size: 22px;
	line-height: 1.4;
	color: #dddddd;
}

/*-------- 14.0 Responsive Structure --------*/
@media screen and (max-width: 1190px) {
	#page {
		width: 97%;
	}
	.wide #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}
}
@media screen and (max-width: 768px) {
	#header-left-section {
		max-width: 80%;
        margin: 0 0 14px;
        width: 100%;
        display: block;
	}
	#header-right-section {
		float: none;
	}
	#header-text {
		padding-right: 0;
	}
	.better-responsive-menu .sub-menu {
		display: none;
	}
	.main-small-navigation li {
		position: relative;
	}
	.sub-toggle {
		position: absolute;
		right: 20px;
		cursor: pointer;
		display: block;
		top: 6px;
		color: #fff;
		padding: 0 7px;
		background-color: #3c5b12;
	}
	.menu-toggle, .main-navigation.toggled .menu-primary-container {
		
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
		margin-top: 28px;
		right: 48px;
		position: absolute;
	}
	.menu-toggle:before {
		color: #3c5b12;
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 22px;
		position: absolute;
		top: -10px;
	}
	.menu-primary-container {
		clear: both;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		line-height: 50px;
		height: 88px;
	}
	.menu-primary-container ul ul li {
		padding-right: 0;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	#masthead .menu-primary-container li a {
		border-bottom: 1px solid #f8f8f8;
		color: #000;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}
	/* Featured Posts widget */
	.single-post-image-wrap {
		float: none;
		margin-right: 0;
	}
	.single-post-content .entry-title, .single-post-content p, .read-btn {
		text-align: center;
	}
	.logo-disable .main-head-wrap.inner-wrap {
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	#primary, #secondary, .both-sidebar #primary,
	.both-sidebar #secondary,
	.both-sidebar #primary #content,
	.both-sidebar #primary #tertiary {
		float: none;
		width: 100%;
	}
}

/* Remove the updated class from entry meta */
.entry-date .updated {
	display: none;
}