/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

 #featured{margin-top:0px;background:#fff;overflow:hidden}
    .featured-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:420px}
    .feat-text{padding:64px 56px 64px 40px;display:flex;flex-direction:column;justify-content:center}
    .feat-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#1E5C3A;margin-bottom:16px;display:flex;align-items:center;gap:8px}
    .feat-eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:#1E5C3A}
    .feat-text h1{font-size:40px;line-height:1.12; font-family: "DM Serif Display",serif; color:#1C1F1A;margin-bottom:12px;letter-spacing:-.3px}
    .feat-date{font-size:13px;color:#6B7268;margin-bottom:20px;font-weight:500}
    .feat-text p{font-size:15px;line-height:1.7;color:#6B7268;max-width:440px;margin-bottom:28px}
    .feat-read-more{display:inline-flex;align-items:center;gap:0;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;color:#1C1F1A;background:transparent;border:1px solid #1C1F1A;padding:10px 20px;border-radius:4px;cursor:pointer;transition:all .18s}
    .feat-read-more:hover{background:#1C1F1A;color:#fff}
    .feat-image{position:relative;overflow:hidden}
    .feat-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s}
    .feat-image:hover img{transform:scale(1.03)}
    .feat-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .6s;
}
.jet-select__control {
  font-family: "DM Sans",sans-serif;
  font-size: 13px;
  color: #3D4339;
  background: #fff;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  border: 1px solid #E4E8E0;
  border-top-color: rgb(228, 232, 224);
  border-right-color: rgb(228, 232, 224);
  border-bottom-color: rgb(228, 232, 224);
  border-left-color: rgb(228, 232, 224);
  border-radius: 4px;
  padding: 8px 32px 8px 12px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7268' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  transition: border-color .18s;
}
    
    @media(max-width:1024px){
      .featured-inner{grid-template-columns:1fr;min-height:auto}
      .feat-image{height:280px}
    }
    
     @media(max-width:768px){
      .nav-inner{padding:0 20px}
      #featured{margin-top:60px}
      .feat-text{padding:40px 20px}
      .feat-text h1{font-size:28px}
     }
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css');

.cs-hero-inner {
    max-width: 1100px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.cs-hero-content {
    color: #0000;
}
.story-timeline::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 8px;
    bottom: 0;
    width: 2px;
    background: #C8EDD6;
}
.why-contrast {
    display: grid;
    grid-template-columns: 1fr 56px 1fr !important;
}
.ti-dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1E5C3A !important;
    border: 2px solid var #1E5C3A;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1;
}
.cs-hero-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #A7C4B5;
    margin-bottom: 20px;
}

.cs-hero-dash {
    color: green;
    margin-right: 8px;
    font-weight: 400;
}

.cs-hero-title {
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    margin: 0 0 16px 0;
}

.cs-hero-date {
    font-size: 14px;
    color: #A7C4B5;
    margin-bottom: 20px;
}

.cs-hero-excerpt {
    font-size: 16px;
    color: #D1E0D9;
    line-height: 1.6;
    margin-bottom: 28px;
}

.cs-hero-btn {
    display: inline-block;
    padding: 12px 28px;
    border: 1.5px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.cs-hero-btn:hover {
    background: #FFFFFF;
    color: #1B4332;
    text-decoration: none;
}

.cs-hero-image img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 4px;
}
.founder-photo.omar {
    background: linear-gradient(160deg, #B8D4C0 0%, #7AAF8A 60%, #4A8A5C 100%);
}
.founder-photo {
    height: 200px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 20px;
    position: relative;
}
.founder-photo.adam {
    background: linear-gradient(160deg, #C0D0E8 0%, #7A9ABF 60%, #3A6A9F 100%);
}
.founder-bg-icon {
    font-size: 96px;
    position: absolute;
    bottom: -10px;
    right: 12px;
    opacity: .18;
    line-height: 1;
}
.founder-initials.omar {
    background: #1E5C3A;
}
.founder-initials.adam {
    background: #2A5F9F;
}
.grd{
	overflow:hidden;
}
.story-grid {
    display: grid;
    grid-template-columns: 360px 1fr !important;
    gap: 72px;
    align-items: start;
}
.hero-founders {
    display: grid;
    grid-template-columns: 1fr 80px 1fr !important;
    align-items: center;
    gap: 0;
    margin-top: 64px;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
}
.founder-role-tag {
    width:fit-content
}

.vs-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #1C1F1A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "DM Serif Display", serif;
    font-size: 13px;
    color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .09);
    margin: 0 auto;
    border: 3px solid #fff;
    flex-shrink: 0;
}
.founder-initials {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: -.02em;
}
/* Hero responsive */
@media (max-width: 1024px) {
    .cs-hero-title {
        font-size: 32px;
    }

    .cs-hero-inner {
        gap: 32px;
    }
}

@media (max-width: 767px) {
    .cs-hero-section {
        padding: 40px 0;
    }

    .cs-hero-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cs-hero-title {
        font-size: 28px;
    }

    .cs-hero-image img {
        height: 240px;
    }
}
.sc-img {
  overflow: hidden;
  aspect-ratio: 16/10;
 object-fit:cover;
}
.sc-img img{
	object-fit:cover !important;
}
.sc-excerpt {
  
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cs-metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
    padding: 32px 0;
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    margin: 32px 0;
}

.cs-metric-card {
    text-align: center;
}

.cs-metric-value {
    font-family: 'Playfair Display', serif; /* Match your serif heading font */
    font-size: 42px;
    font-weight: 700;
    color: #111827;
    line-height: 1.1;
    margin-bottom: 8px;
}

.cs-metric-label {
    font-size: 13px;
    color: #6B7280;
    line-height: 1.4;
}
.cs-metrics-grid {
    border: 1px solid #E4E8E0;
    border-radius: 12px;
    column-gap: 1px;
    background: #E4E8E0;
    padding:0
    
}

.cs-metric-card {
    text-align: left;
    padding: 24px 28px;
    column-gap: 1px;
    background:#fff !important
}
.cs-metric-value {
    font-size: 14px;
    font-weight: 700;
    color: #1C1F1A;
    margin-bottom: 8px;
    line-height: 1.3;
    font-family:"DM Sans",sans-serif;

}

.pull-q {
    border-left: 3px solid #1E5C3A;
    padding: 4px 0 4px 24px;
    margin: 28px 0;
}
.pull-q p {
    font-size: 17px;
    font-style: italic;
    color: #1C1F1A;
    line-height: 1.7;
    margin: 0;
}
.content-post p{
    font-size: 16px;
    line-height: 1.8;
    color: #6B7268;
    margin: 0 0 1.25rem;

}
.callout {
    background: #F0FAF3;
    border-radius: 12px;
    padding: 20px 24px;
    margin: 24px 0;
    border: 1px solid #C8EDD6;
}
.callout p {
    font-size: 14px;
    color: #3D4339;
    margin: 0;
    line-height: 1.6;
}
.content-post h2{

    font-family:"DM Serif Display",serif;
    font-size: 28px;
    line-height: 1.2;
	  font-weight:400;
    color: #1C1F1A;
    margin-bottom: 20px;
}
.content-post ul {
    list-style: none;
    margin: 20px 0 28px;
}
.content-post ul li {
/*     display: flex; */
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #E4E8E0;
    font-size: 15px;
    color: #3D4339;
    line-height: 1.6;
}
.method-step:hover .step-circle {
    background: #1E5C3A;
    border-color: #1E5C3A;
	color: #fff !important
}
.method-steps::before {
    content: "";
    position: absolute;
    top: 27px;
    left: calc(12.5% + 28px);
    right: calc(12.5% + 28px);
    height: 2px;
    background: #C8EDD6;
    z-index: 0;
}

.step-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #C8EDD6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    transition: all .2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
}
.billing-toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #FFFFFF;
    border: .5px solid #E4E8E0;
    border-radius: 30px;
    padding: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
	width:fit-content;
}
.toggle-btn {
    padding: 7px 20px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s;
    border: none;
    background: transparent;
    font-family: "DM Sans", sans-serif;
    color: #6B7268;
	
}
.price-amount-wrap {
    margin-bottom: 6px;
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.price-currency {
    font-size: 20px;
    font-weight: 600;
    color: #6B7268;
    margin-top: 6px;
}
.most-popular {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: #40A066;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 16px;
    border-radius: 0 0 8px 8px;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}
.price-amount {
    font-family: "DM Mono", monospace;
    font-size: 48px;
    font-weight: 600;
    color: #1C1F1A;
    line-height: 1;
    letter-spacing: -.02em;
}
.price-period {
    font-size: 13px;
    color: #6B7268;
}
.price-card.featured .price-amount {
    color: #fff;
}

.toggle-btn.active {
    background: #1E5C3A;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
}
.save-badge {
    background: #FEF3C7;
    color: #D97706;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    letter-spacing: .04em;
}
@media (max-width: 1024px) {
    .hero-founders {
        grid-template-columns: 1fr !important;
        gap: 24px;
    }
	    .vs-circle {
        display: none;
    }
	.story-grid {
        grid-template-columns: 1fr !important;
        gap: 48px;
    }
	    .why-contrast {
        grid-template-columns: 1fr !important;
    }
	.method-steps::before{
		display:none;
	}
	.vs{
		display:none;
	}
	.story-timeline::before{
		display:none !important;
	}
}
@media (max-width: 768px) {
    .matrix-thead, .matrix-category, .matrix-row {
        grid-template-columns: 2fr 1fr 1fr !important;
    }
}
.tl-item {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    position: relative;
}
.serve:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(108deg, rgba(5, 14, 7, .96) 0%, rgba(5, 14, 7, .84) 42%, rgba(5, 14, 7, .28) 75%, rgba(5, 14, 7, .05) 100%);
}
.badge {
    display: flex;
    align-items: center;
    gap: 7px;
    background: rgba(255, 255, 255, .06);
    border: .5px solid rgba(255, 255, 255, .1);
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 12.5px;
    color: rgba(255, 255, 255, .68);
    font-weight: 500;
    transition: all .15s;
}
.badge i {
    font-size: 15px;
    color: #C8EDD6;
}
.hero-microcopy {
  font-size: 12px;
  color: #6B7268;
  display: flex;
  align-items: center;
  gap: 16px;
}
.hero-microcopy span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.hero-microcopy i {
  font-size: 12px;
  color: #2D7A52;
}
@media (max-width: 768px) {
    .matrix-thead, .matrix-category, .matrix-row {
        grid-template-columns: 2fr 1fr 1fr !important;
    }
	.cs-score-bd{grid-template-columns:1fr}
}
/* Row layout */
.cf7-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.cf7-col-half {
  flex: 1;
}

.cf7-col-full {
  width: 100%;
}

/* Labels */
.cf7-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
  color: #1a1a1a;
}

.cf7-optional {
  font-weight: 400;
  color: #999;
}

/* Inputs & Selects */
.cf7-row input.wpcf7-form-control,
.cf7-row select.wpcf7-form-control {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 15px;
  background: #fff;
  transition: border-color 0.2s;
}

.cf7-row input.wpcf7-form-control:focus,
.cf7-row select.wpcf7-form-control:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Submit Button */
.form-submit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: center;
  padding: 14px 32px;
  background: #1E5C3A;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.form-submit:hover {
  background: #2D7A52;
}
.form-alt-btns {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.btn-sm {
  padding: 8px 18px;
  font-size: 13px;
}
.btn-ghost-light {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.3);
	border-radius:10px;
	font-family:'DM Sans', sans-serif
}

/* Responsive — stack on mobile */
/* @media (max-width: 767px) {
  .cf7-row {
    flex-direction: column;
    gap: 16px;
  }
} */
.cf7-row p {
  margin-bottom: 0;
}
@media (max-width: 768px) {
	.cf7-row {
  display: block;
  gap: 20px;
  margin-bottom: 20px;
}
.cf7-col-half {
  flex: 1;
  width: 100% !important;
  display: block;
}
}

.bullet-list li{
  display: flex;
    
}
.bullet-list {
  margin:0px !important;
  padding: 0px ;
}
.bullet-list .dashicons {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
  margin-right: ;
  background: #1E5C3A;
  width: fit-content;
  padding: 5px 5px !important;
  border-radius: 50%;
  margin-top:5px;
  /*! width: 20px !important; */
  /*! height: 20px; */
}


.bullet-list li{
  display: flex;
    
}
.bullet-list {
  margin:0px !important;
  padding: 0px ;
}
.bullet-list .dashicons {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
  margin-right: ;
  background: #1E5C3A;
  width: fit-content;
  padding: 5px 5px !important;
  border-radius: 50%;
  margin-top:5px;
  /*! width: 20px !important; */
  /*! height: 20px; */
}
/* ■■ Stat block ■■ */
.perishly-stat { text-align:center; padding:20px; background:#0f1f14;
border-radius:12px; }
.perishly-stat .stat-val { font-size:32px; font-weight:700; color:#f4a07a;
line-height:1; margin-bottom:6px; }
.perishly-stat .stat-label { font-size:12px; color:rgba(255,255,255,.55);
line-height:1.4; }
/* ■■ Callout boxes ■■ */
.perishly-callout { display:flex; gap:14px; padding:20px 22px;
border-radius:10px; margin:28px 0; font-size:15px; line-height:1.65; }
.perishly-callout .callout-icon { font-size:20px; flex-shrink:0; }
.callout-tip { background:#e8f5ee; border-left:3px solid #1a6b3c; color:#1a3a22; }
.callout-warning { background:#fff8e8; border-left:3px solid #c8900a; color:#3a2800; }
.callout-stat { background:#fff0eb; border-left:3px solid #e85c2c; color:#3a1800; }
/* ■■ Comparison table ■■ */
.comparison-table-wrap { overflow-x:auto; margin:28px 0;
border-radius:10px; border:1px solid #d6e5da; }
.comparison-table { width:100%; border-collapse:collapse; font-size:14px; }
.comparison-table th { background:#f1f6f3; padding:12px 16px; text-align:left;
font-weight:700; font-size:12px; text-transform:uppercase; color:#5a6e60; }
.comparison-table th.perishly-col { background:#e8f5ee; color:#1a6b3c; }
.comparison-table td { padding:11px 16px; border-bottom:1px solid #e8f0ea; }
.comparison-table td.perishly-col { background:rgba(26,107,60,.04); }
.comparison-table .check { color:#1a8a40; }
.comparison-table .cross { color:#c03030; }
.comparison-table .partial{ color:#b07000; }
/* ■■ FAQ ■■ */
.perishly-faq .faq-item { border:1px solid #e8f0ea; border-radius:10px;
overflow:hidden; margin-bottom:10px; }
.faq-question { width:100%; background:none; border:none; padding:16px 20px;
text-align:left; font-size:15px; font-weight:600; color:#111c15;
cursor:pointer; display:flex; justify-content:space-between; gap:12px; }
.faq-question:hover { background:#f1f6f3; }
.faq-question[aria-expanded='true'] { color:#1a6b3c; }
.faq-question[aria-expanded='true'] .faq-icon { transform:rotate(45deg); }
.faq-icon { transition:transform .2s; }
.faq-answer { padding:0 20px 18px; font-size:14.5px; color:#5a6e60;
line-height:1.7; }
/* ■■ Quote (native Gutenberg block) ■■ */
.wp-block-quote { border-left:4px solid #e85c2c; background:#fff0eb;
padding:20px 24px; border-radius:0 10px 10px 0; margin:32px 0; }
.wp-block-quote p { font-family:'DM Serif Display',serif; font-size:21px;
font-style:italic; color:#2a1200; line-height:1.45; }
.wp-block-quote cite { font-size:13px; color:#5a6e60; font-style:normal;
font-weight:600; }