:root{
  --orange:#FF7125; --orange-d:#e85f17; --cream:#FBF7F0; --cream-2:#F3EADB;
  --paper:#FFFDF9; --brown:#3C1E19; --brown-2:#2c1611; --brown-soft:#4d2c25;
  --mint:#A7ECBB; --ink:#2a1712; --muted:#89786f; --line:rgba(60,30,25,.14);
  --spring:cubic-bezier(.34,1.56,.64,1); --ease:cubic-bezier(.22,.61,.36,1); --cut:14px;
}




/* Header */


.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
}




/* Flint brand styling for the Astra header button */
.ast-header-button-1 .ast-custom-button,
.ast-header-button-1 .menu-link{
  letter-spacing:-.01em;
  line-height:1 !important;
  color:#fff !important;
  background-color:#FF7125 !important;
  border:0 !important;
  border-radius:70 !important;
  padding:12px 24px !important;
/*   -webkit-clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
          clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), background-color .2s !important; */
}

/* only the desktop button gets flex/gap — NOT the hidden mobile one */
.ast-header-button-1 .ast-custom-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

/* hover */
.ast-header-button-1 .ast-custom-button-link:hover .ast-custom-button,
.ast-header-button-1 .menu-link:hover{
  background-color:#e85f17 !important;
  transform:translateY(-3px);
  color:#fff !important;
}



/* Scattered → Clear */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--brown);
    background: var(--mint);
    padding: 7px 14px 6px;
    margin-bottom: 24px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}






/* .eyebrow2 {
    float: left;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Hind', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 18px 30px 18px 18px;
    margin: 6px 30px 10px 0;
    color: #ffffff;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 300 55'%3E%3Cpolygon points='1,1 299,1 299,35 270,54 1,54' fill='%233a1f18' stroke='%23A7ECBB' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.eyebrow2 .accent {
    color: #f07a34;
} */






.eyebrowwhite{

display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .2em;
    color: var(--brown);
    background: var(--paper);
    padding: 12px 24px;
    margin-bottom: 24px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);

}




.accent{
	  color: var(--orange);
}


/* OUTER = the outline colour */
.whycard{
  background:#FFFDF9 !important;
  padding:2px !important;
  border:0 !important;
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  transition:transform .38s cubic-bezier(.34,1.56,.64,1), background-color .3s ease;
}
/* INNER = the paper fill (your real inner element) */
.whycard .elementor-icon-box-wrapper{
  background:#FFFDF9 !important;
  height:100%;
  margin:0 !important;
  padding:26px 24px !important;
  clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
}
/* HOVER = orange outline appears */
.whycard:hover{
  background:#FF7125 !important;
  transform:translateY(-7px);
}



.eyebrow {
    color: var(--brown);
    background: var(--mint);
    padding: 7px 14px 6px;
    margin-bottom: 24px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}



.socialbox{
    padding: 16px 24px;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
    box-shadow: 0 8px 24px rgba(60, 30, 25, .06);
    transition: transform .35s var(--spring);
	width: 155px;
}
.socialbox:hover {
    transform: translateY(-5px);
}



.toolkit{
    clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
}



.imageee{
    clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
	box-shadow: 0 8px 24px rgba(60, 30, 25, .06);
}






/* font — Hind everywhere */
.fluent_form_1,
.fluent_form_1 input,
.fluent_form_1 textarea,
.fluent_form_1 select,
.fluent_form_1 .ff-el-form-control,
.fluent_form_1 .ff-el-input--label label,
.fluent_form_1 .ff-btn-submit{
  font-family:'Hind',system-ui,Arial,sans-serif !important;
}

/* labels */
.fluent_form_1 .ff-el-input--label label{
  font-weight:600 !important;font-size:.9rem !important;color:#3C1E19 !important;margin-bottom:7px !important;
}
.fluent_form_1 .asterisk-right label:after{display:none !important}

/* inputs + textarea */
.fluent_form_1 input.ff-el-form-control,
.fluent_form_1 textarea.ff-el-form-control{
 
  border-radius:10px !important;
  padding:14px 16px !important;
  font-size:1rem !important;
  color:#2a1712 !important;
  box-shadow:none !important;
  transition:border-color .2s, box-shadow .2s, background .2s !important;
}
.fluent_form_1 input.ff-el-form-control:focus,
.fluent_form_1 textarea.ff-el-form-control:focus{
  border-color:#FF7125 !important;
  box-shadow:0 0 0 4px rgba(255,113,37,.12) !important;
  background:#fff !important;outline:0 !important;
}
.fluent_form_1 .ff-el-form-control::placeholder{color:#89786f !important;opacity:1 !important}
.fluent_form_1 textarea.ff-el-form-control{min-height:130px !important;resize:vertical}
.fluent_form_1 .ff-el-group{margin-bottom:18px !important}

/* submit button */
.fluent_form_1 .ff-btn-submit{
  width:100% !important;background:#FF7125 !important;color:#fff !important;
  font-weight:600 !important;font-size:1rem !important;padding:15px 28px !important;
  border:0 !important;border-radius:80px !important;
	
/*   clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); */
	
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), background-color .2s;
}
.fluent_form_1 .ff-btn-submit:hover{background:#e85f17 !important;transform:translateY(-2px)}

#ff_1_names_first_name_{
	padding: 26px 16px !important;
	border-radius: 3px !important;
}
#ff_1_email{
	padding: 26px 16px !important;
	border-radius: 3px !important;
}
#ff_1_message{
	padding: 20px 16px !important;
	border-radius: 3px !important;
}
.contactbox{
	clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}













.fluent_form_3,
.fluent_form_3 input,
.fluent_form_3 textarea,
.fluent_form_3 select,
.fluent_form_3 .ff-el-form-control,
.fluent_form_3 .ff-el-input--label label,
.fluent_form_3 .ff-btn-submit{
  font-family:'Hind',system-ui,Arial,sans-serif !important;
}

/* labels */
.fluent_form_3 .ff-el-input--label label{
  font-weight:600 !important;font-size:.9rem !important;color:#3C1E19 !important;margin-bottom:7px !important;
}
.fluent_form_3 .asterisk-right label:after{display:none !important}

/* inputs + textarea */
.fluent_form_3 input.ff-el-form-control,
.fluent_form_3 textarea.ff-el-form-control{
 
  border-radius:10px !important;
  padding:14px 16px !important;
  font-size:1rem !important;
  color:#2a1712 !important;
  box-shadow:none !important;
  transition:border-color .2s, box-shadow .2s, background .2s !important;
}
.fluent_form_3 input.ff-el-form-control:focus,
.fluent_form_3 textarea.ff-el-form-control:focus{
  border-color:#FF7125 !important;
  box-shadow:0 0 0 4px rgba(255,113,37,.12) !important;
  background:#fff !important;outline:0 !important;
}
.fluent_form_3 .ff-el-form-control::placeholder{color:#89786f !important;opacity:1 !important}
.fluent_form_3 textarea.ff-el-form-control{min-height:130px !important;resize:vertical}
.fluent_form_3 .ff-el-group{margin-bottom:18px !important}

/* submit button */
.fluent_form_3 .ff-btn-submit{
  width:100% !important;background:#FF7125 !important;color:#fff !important;
  font-weight:600 !important;font-size:1rem !important;padding:15px 28px !important;
  border:0 !important;border-radius:80px !important;
	
/*   clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); */
	
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), background-color .2s;
}
.fluent_form_3 .ff-btn-submit:hover{background:#e85f17 !important;transform:translateY(-2px)}

#ff_3_names_first_name_{
	padding: 26px 16px !important;
	border-radius: 3px !important;
}
#ff_3_email{
	padding: 26px 16px !important;
	border-radius: 3px !important;
}
#ff_3_message{
	padding: 20px 16px !important;
	border-radius: 3px !important;
}
.contactbox{
	clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}















/* ================= FLINT FAQ — Nested Accordion ================= */

/* item = plaque with cut corner */
/* .flint-faq .e-n-accordion-item{
  background:#FFFDF9;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);
  margin-bottom:12px;
  overflow:hidden;
}

/* border that follows the clip-path (drawn via drop-shadows on the
   wrapper — a normal border would be cut off at the corner) */
/* .flint-faq .e-n-accordion{
  filter:
    drop-shadow(1px 0 0 #E5DBCC)
    drop-shadow(-1px 0 0 #E5DBCC)
    drop-shadow(0 1px 0 #E5DBCC)
    drop-shadow(0 -1px 0 #E5DBCC);
} */

/* question row */
/* .flint-faq .e-n-accordion-item-title{
  padding:22px 26px;
  cursor:pointer;
}
.flint-faq .e-n-accordion-item-title-text{
  font-family:'Hind',system-ui,sans-serif;
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:-.01em;
  color:#3C1E19;
  transition:color .25s ease;
}
.flint-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.flint-faq details[open] .e-n-accordion-item-title-text{
  color:#FF7125;
} */

/* +/× icon */
/* .flint-faq .e-n-accordion-item-title-icon svg{
  width:14px;height:14px;
  fill:#FF7125;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.flint-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg{
  transform:rotate(90deg);
}
 */
/* answer */
/* .flint-faq .e-n-accordion-item > .e-con{
  padding:0 26px 22px;
}
.flint-faq .e-n-accordion-item .elementor-widget-text-editor p{
  font-family:'Hind',system-ui,sans-serif;
  font-size:.98rem;
  line-height:1.55;
  color:#89786F;
  max-width:60ch;
  margin:0;
} */

/* keyboard focus */
/* .flint-faq .e-n-accordion-item-title:focus-visible{
  outline:3px solid #FF7125;
  outline-offset:-3px;
} */ 


.e-n-accordion{
	clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);
}
#e-n-accordion-item-2440{
	border: 2px solid #ff7125 !important;
}



.footer-social-inner-wrap.element-social-inner-wrap.social-show-label-false.ast-social-color-type-custom.ast-social-stack-none.ast-social-element-style-filled a{
	height: 38px;
    width: 38px;
    --color: #8a3ab9;
    --background-color: transparent;
    align-items: center;
    justify-content: center;
    background: rgba(251, 247, 240, .08);
    transition: .25s;
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);
	
}

.footer-social-inner-wrap.element-social-inner-wrap.social-show-label-false.ast-social-color-type-custom.ast-social-stack-none.ast-social-element-style-filled a:hover{
	    background: var(--orange);
    transform: translateY(-2px);
}




.ast-scroll-top-icon.ast-scroll-to-top-right{
	border: 0px solid !important;
	display: flex !important;
	align-items: center !important;
    justify-content: center !important;
	width: 50px !important;
	height: 50px !important;
    background-color: #e85f17 !important;
    clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 0 100%);
}