/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme...
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1772821597
Updated: 2026-03-06 18:26:37
*/

/* ==========================================
   GLOBAL SETTINGS & VARIABLES (:root)
========================================== */
:root {
    /* --- Typography --- */
    --font-primary: 'Proxima Nova', sans-serif;

    /* --- Core Brand Colors (Figma) --- */
    --color-orange: #FF8500;
    --color-orange-hover: #d97100;
    --color-orange-dark: #e97d00;
    
    --color-purple-dark: #310048;
    --color-purple-darker: #33004b;
    --color-purple-accent: #7D00B5;
    
    --color-green: #048D22;
    --color-green-bs: #198754;

    /* --- Neutrals & Text Colors --- */
    --color-dark: #2C2E35;
    --color-darker: #222222;
    --color-black: #1c1c1c;
    --color-footer-bg: #101820;
    --color-gray-border: #646464;

    /* --- Background Colors --- */
    --bg-light-gray: #F4F4F4;
    --bg-light-green: #E5F3E8;
    --bg-card-image: #dbe4f0;

    /* --- Bootstrap Overrides --- */
    --bs-body-font-family: var(--font-primary);
    --bs-heading-font-family: var(--font-primary);
    --bs-body-color: var(--color-dark);
}

section.background-custom.bg-curve{
    z-index: 0 !important;
}

.css.cards-section{
    position: relative;
}
.hero-bottom-curve {
    clip-path: polygon(0 40px, 50% 0, 100% 40px, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px)) !important;
    z-index: 99;
    margin-bottom: -20px;
}
.cards-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: white;
    clip-path: polygon(0 0, 50% 40px, 100% 0, 100% 100%, 0 100%);
    z-index: 1;
}
/* ==========================================
   GLOBAL RESETS & BASE TYPOGRAPHY
========================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    color: var(--color-dark);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, div, li,
.elementor-heading-title, .elementor-text-editor {
    font-family: var(--font-primary) !important;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

hr {
    border-top: 3px solid var(--color-gray-border) !important;
    opacity: 1 !important;
}
.current-menu-item a {
    font-weight: bold !important;
    color: #7D00B5 !important;
}
.frn-footer-heading {
    max-width: 100%;
    width: 85% !important;
}
/* ==========================================
   PROXIMA NOVA FONT FACES
========================================== */

/* --- Thin (Weight 100) --- */
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNova-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNova-ThinIt.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* --- Light (Weight 300) --- */
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaLightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* --- Regular (Weight 400) --- */
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaRegular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.card-body ul li {
    font-size: 24px;
    font-weight: 500;
    color: #231f20 !important;
    width: 80%;
    margin-bottom: 20px;
}
p.course-card {
    width: 82% !important;
}
.signup-btn:hover {
    transition: 0.5s;
    height: 54px;
}

.py-lg-70{
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaRegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
.card-body strong {
    font-size: 24px !important;
}
.btn-animation a{
   transition: 0.3s; 
}
.pb-120{
    padding-bottom: 120px !important;
}
.w-80 {
    width: 80% !important;
}
/*.btn-animation a:hover {*/
/*    padding-left: 20px !important;*/
/*    padding-right: 20px !important;*/
/*    padding-top: 10px !important;*/
/*    padding-bottom: 10px !important;*/
/*}*/
.btn-animation {
    /* width: 300px !important; */
    display: flex;
    align-items: center;
    height: 64px;
    transition: 0.2s;
}

.lh-26{
    line-height: 26px !important;
}

/* --- SemiBold (Weight 600) --- */
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaSemibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.card-body strong {
    font-weight: 800;
}
p.course-card {
    width: 74% !important;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaSemiboldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
.course-cards-section {
    background: #e8e8e8 !important;
}
/* --- Bold (Weight 700) --- */
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaBoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* --- ExtraBold (Weight 800) --- */
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaExtrabold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNova-ExtrabldIt.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* --- Black (Weight 900) --- */
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaBlack.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://test.markcoders.com/food-revolution/wp-content/themes/hello-elementor-child/fonts/ProximaNovaBlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
.pt-40 {
    padding-top: 40px !important;
}
.pb-50{
    padding-bottom: 50px !important;
}
.fw-bold-800{
    font-weight: 800 !important;
}

/* ---- Section ---- */
.events-featured-section {
    background: #ffffff;
}
.events-other-section {
    background: #f0f7f0;
}

.events-main-title {
    font-size: 1.8rem;
    color: #1a1a1a;
    margin-bottom: 0;
}

/* ---- Event Card ---- */
.event-card {
    background: #ffffff;
    border: 1px solid #e8f0e8;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.event-card:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,0.10);
    transform: translateY(-2px);
}

/* ---- Card Image ---- */
.event-card-img {
    width: 260px;
    min-height: 180px;
}
.event-card-thumbnail {
    width: 260px;
    height: 100%;
    min-height: 180px;
    object-fit: cover;
    display: block;
}
.event-card-no-img {
    background: #dbe4f0;
    min-height: 180px;
}

/* ---- Card Content ---- */
.event-card-body {
    padding: 20px 24px;
}
.event-card-title {
    font-size: 1.15rem;
    color: #1a1a1a;
    line-height: 1.3;
}
.event-card-meta {
        font-size: 1.05rem;
    color: #231f20;
    margin-bottom: 8px;
}
.event-date {
    color: #444;
}
.event-location {
    color: #444;
}
.event-separator {
    color: #999;
}
.event-card-desc {
    font-size: 1.1rem;
    color: #231f20;
    line-height: 1.6;
    max-width: 70%;
}

/* ---- Buttons ---- */
.event-btn {
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 0.85rem;
    letter-spacing: 1px;
    white-space: nowrap;
    border: none;
}
.event-btn-join {
    background: #FF8500;
    color: #ffffff;
    transition: background 0.3s ease;
}
.event-btn-join:hover {
    background: #e67600;
    color: #ffffff;
}
.event-btn-coming {
    background: #FF8500;
    color: #ffffff;
    opacity: 0.75;
    cursor: not-allowed;
}
.events-featured-section {
    background: #e4f3e8 !important;
}
.laptop-width {
    display: flex;
    align-items: center;
    margin: 0 auto;
    transition: 1.5s;
}
.laptop-width-hover {
    display: flex;
    align-items: center;
    transition: 1.5s;
}
.laptop-width-hover:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
/*.laptop-width-hover:hover a {*/
/*      padding: 5px 10px !important;*/
/*    width: 65% !important;*/
/*    transition: 0.5s;*/
/*}*/
.laptop-width:hover {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
/*.laptop-width:hover a {*/
/*    padding: 5px 10px !important;*/
/*    width: 85% !important;*/
/*    transition: 0.5s;*/
/*}*/
/* ---- Tablet (768px - 991px) ---- */

@media only screen and (max-width:1745px) and (min-width:1536px) {
    .laptop-sizing p {
    font-size: 17px !important;
    height: 100px !important;
    line-height: 22px !important;
}
}
@media only screen and (max-width:1537px) and (min-width:1279px) {
   .laptop-sizing p {
    font-size: 17px !important;
    height: 100px !important;
    line-height: 22px !important;
}
}
@media only screen and (min-width: 1025px) and (max-width:1280px) {
   .laptop-sizing p {
    font-size: 15px !important;
    height: 100px !important;
    line-height: 22px !important;
}
}


@media only screen and (max-width:991px){
    .pb-res {
    padding-bottom: 170px !important;
}
    .mb-l {
    padding-left: 0px !important;
}
/*.laptop-width-hover:hover a {*/
/*    padding: 4px 0px !important;*/
/*    width: 65% !important;*/
/*    transition: 0.5s;*/
/*}*/
/*    .laptop-width:hover a {*/
/*    padding: 4px 0px !important;*/
/*    width: 70% !important;*/
/*    transition: 0.5s;*/
/*}*/

   .w-xlg {
    width: 100% !important;
}
}
@media only screen and (max-width:1024px){
    .trust-strip {
    clip-path: polygon(0 0, 50% 22px, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px)) !important;
}
section.trust-strip.position-relative.overflow-hidden.py-4.py-lg-70.py-49 {
    clip-path: polygon(0 0, 50% 22px, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px)) !important;
}
}
@media only screen and (max-width:1024px) and (min-width:992px){
    .tablet-screen-playbook{
            padding-left: 60px !important;
    padding-right: 40px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .read-more a {
    font-size: 20px !important;
}
    div#tabletCarouselThree {
    display: block !important;
}
    .curioes-tablet{
        width: 100% !important;
    }
    .w-100-res{
        width: 100% !important;
    }
    .tb-width {
    width: 100% !important;
}
    .tb-fs-24{
        font-size:50px !important;
    }
    
    .event-card-img {
        width: 220px;
        min-height: 160px;
    }
    .event-card-thumbnail {
        width: 220px;
        min-height: 160px;
    }
    .event-card-title {
        font-size: 1.05rem;
    }
    .events-main-title {
        font-size: 1.5rem;
    }
    
}
@media only screen and (max-width:991px){
    .laptop-width{
        display: flex !important;
        align-items: flex-start;
        justify-content: flex-start !important;
    }
    .col-4.col-lg-3.text-lg-end.fweight-custom.fs-4.laptop-width {
    align-items: start !important;
    margin: 20px 0px !important;
}
.col-7.col-lg-3.text-lg-end.fweight-custom.fs-4.laptop-width {
    margin: 20px 0px !important;
}
}
@media only screen and (max-width:1320px) and (min-width:1025px){
    .mob-height img {
    height: 100% !important;
}
    .laptop-width a {
    font-size: 15px !important;
    padding: 12px 0px !important;
}

    .tb-width button{
    width: 100% !important;
}

    .tb-fs-24{
        font-size:50px !important;
    }
    .laptop-width button {
    font-size: 18px !important;
}
}
/* ---- Mobile (max 767px) ---- */
@media (max-width: 767px) {

    .laptop-width-hover {
    width: 50% !important;
}
.laptop-width-hover:hover {
    display: flex;
    align-items: center;
    justify-content: left !important;
    transition: 0.5s;
}
    div#tabletCarouselThree {
    display: none !important;
}
    div#mobileCarouselTwo {
    display: block !important;
}
    .mobile-mb-2 {
    margin-bottom: 0.5rem !important;
  }
    .w-100-res{
        width: 100% !important;
    }
    .badge-new {
    padding-left: 25px !important;
}
.card-text {
    padding-right: 0px !important;
}
.mob-px{
    padding-left:20px;
    padding-right:20px;
}
.mobile-px {
    padding: 25px !important;
}
    .g-w-sm {
    width: 95% !important;
    margin: 0 auto !important;
}
    .tb-width{
        max-width:100% !important;
    }
    .tb-width {
    width: 100% !important;
}
    .img-height{
        max-height: 220px !important;
        min-height:120px !important;
    }
    .laptop-width {
    padding: 0px !important;
}
    .laptop-width{
        font-size: 20px !important;
    }
    .event-card {
        flex-direction: column !important;
    }
    .event-card-img {
        width: 100% !important;
        min-width: unset !important;
        height: 200px;
    }
    .event-card-thumbnail {
        width: 100% !important;
        height: 200px;
        min-height: unset;
    }
    .event-card-no-img {
        height: 200px;
        min-height: unset;
    }
    .event-card-body {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 16px;
    }
    .event-card-btn-wrap {
        width: 100%;
    }
    .event-btn {
        width: 100%;
        text-align: center;
    }
    .events-main-title {
        font-size: 1.3rem;
    }
    .event-card-title {
        font-size: 1rem;
    }
}




/* ==========================================
   UTILITY CLASSES (Colors, Typography, Spacing)
========================================== */
.text-dark { color: var(--color-dark) !important; }
.text-222 { color: var(--color-darker) !important; }
.bg-FF8500 { background: var(--color-orange) !important; }
.bg-custom-color { background: var(--bg-light-gray) !important; }
.btn-text-primary { color: var(--color-purple-accent) !important; }

/* Font Weights */
.fw-extra { font-weight: 900; }
.fw-bold { font-weight: 800; }
.fw-900 { font-weight: 900 !important; }
.fweight-custom { font-weight: 800 !important; }

/* Font Sizes */
.fs-7 { font-size: 0.9rem !important; }
.fs-24 { font-size: 24px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 30px !important; }
.fs-45 { font-size: 52.87px !important }
.h4 { font-size: 24px !important; }
.custom-font-size, a#custom-font-size { font-size: 24px; }
@media only screen and (max-width:1279px){
    .w-100-res{
        width: 100% !important;
    }
}
/* Width & Max-Width */
.w-900 { max-width: 900px !important; width: 100% !important; }
.mw-116 { max-width: 116px; width: 100%; }
.mw-83 { max-width: 83px; }
.container-fluid { max-width: 1771px; }

/* Padding & Margins (Pixel Perfect) */
.m-top { margin-top: 130px !important; margin-bottom: 132px !important; }
.p-20 { padding: 20px !important; }
.pt-65 { padding-top: 65px !important; }
.pt-68 { padding-top: 68.5px !important; }
.pt-74 { padding-top: 74px !important; }
.pt-80 { padding-top: 80px !important; }
.pb-28 { padding-bottom: 28px !important; }
.pb-57 { padding-bottom: 57px !important; }
.pb-90 { padding-bottom: 90px !important; }
.py-91 { padding-top: 91px !important; padding-bottom: 91px !important; }
.pe-96 { padding-right: 96px !important; }
.px-67 { padding-left: 67.5px !important; padding-right: 67.5px !important; }
.mb-51 { margin-bottom: 51px !important; }
.p-30{ padding-top: 30px !important; padding-bottom: 30px !important; }
.mb-75 { margin-bottom: 75px !important; }
.mb-102 { margin-bottom: 102px !important; }
.py-lg-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
#pb-85 { padding-bottom: 85px !important; }
#pb-93 { padding-top: 70px !important; padding-bottom: 70px !important; }
.py-40 {
    padding-top: 80px;
    padding-bottom: 89px;
}

/* ==========================================
   BUTTONS
========================================== */
.btn-primary {
    background: var(--color-purple-accent) !important;
    border-color: var(--color-purple-accent) !important;
}
.pt-80{
    padding-top: 80px !important;
}
.pb-105{
    padding-bottom: 105px !important;
}
.banner-curve{
    /*clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px)) !important;*/
  background-color: #F4F4F4 !important;
}
.cards-section{
       padding-top: 70px !important;
    background-color: #ffffff !important;
    clip-path: polygon(50% 22px, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px), 0 0) !important;
    margin-top: -20px;
    padding-bottom: 70px !important;
}
.newsletter-btn {
    font-weight: 700 !important;
    font-size: 24px !important;
}
section.guide-cta-section.playbook-cta-section.tablet-screen-playbook.position-relative.overflow-hidden.py-91 {
    margin-bottom: -24px !important;
}
.newsletter-section {
    background-image: url(https://test.markcoders.com/food-revolution/wp-content/uploads/2026/04/Homesite-assets-adbackground-1-scaled.webp);
        background-size: 100%;
    background-position: center;
    clip-path: polygon(50% 22px, 100% 0, 100% 100%, 0 100%, 0 0);
        z-index: 999;
}
.bg-explore {
    background: #ededed !important;
    clip-path: polygon(50% 22px, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px), 0 0) !important;
}
.article-card-content p {
    max-width: 260px !important;
}
.playbook-image {
    width: 50% !important;
}
.read-more:hover a {
    background: #33004b !important;
    border: 1px solid #33004b !important;
}
/*.read-more a:hover {*/
/*    border: none !important;*/
/*}*/
.playbook-cta-section{
    clip-path: polygon(
  50% 22px, 
  100% 0, 
  100% 100%, 
  0 100%, 
  0 0
) !important;
    background-color: #F4F4F4 !important;
}
.resource-icon img {
    max-height: 220px;
    object-fit: cover;
    object-position: top;
}
.guide-cta-text ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.send-cta-section{
    background-color: white !important;
}
.focus-card-content{
    max-width: 100% !important;
}
.btn-boder {
    border-bottom: 1px solid var(--color-purple-accent);
    display: inline-block;
    width: max-content;
    line-height: normal;
}
.btn-responsive-text { font-size: 16px; }
.hover-btn-class { width: 100% !important; }

/* ==========================================
   HERO SECTION
========================================== */

.form-control:focus {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}
.pt-60{
    padding-top: 60px !important;
}
/*a.playbook-btn {*/
/*    min-width: 385px !important;*/
/*}*/
.card-content p{
    max-width: 100% !important;
}
@media(max-width: 768px){
    h1 { font-size: 1.6rem !important; }
    p  { font-size: 0.88rem !important; }
    .input-group { flex-wrap: nowrap !important; }
}
.search-input{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 95%;
    margin: 0 auto;
}
.search-input input::placeholder {
    font-size: 22px !important;
    color: #808080ad;
}
.pb-85{
    padding-bottom: 85px !important;
}
.fs-22{
    font-size: 22px !important;
}
.hero-title {
    font-size: clamp(2.4rem, 5vw, 3.5rem);
    font-weight: 800;
    line-height: 1.5;
    font-family: var(--font-primary) !important;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.40);
}
.hero-subtitle { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.40); font-size: 36.4px; font-weight: 600; }
p.hero-kicker.mb-2 { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.40); }
.hero-kicker { font-size: 36.4px; font-weight: 600; }
.hero-join-btn { font-size: 28px !important; font-weight: 800 !important; }

/* ==========================================
   FORMS & FLUENT FORMS
========================================== */
.ff-default .ff-el-form-control::placeholder { font-weight: 300; }
.ff-el-group.ff-el-input--content { margin-bottom: 0px !important; }
.ff-el-input--content input { font-size: 20px; font-family: var(--font-primary) !important; }
.ff-el-input--content input::placeholder { color: color(a98-rgb 0.15 0.16 0.18 / 0.75) !important; }
.fluentform .ff-el-group { margin-bottom: 16px !important; }
.form-control { min-height: 3.5rem; border-radius: 0.9rem; }

button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_no_style {
    background: var(--color-orange);
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    transition: 0.3s;
}
/*.ff-el-group.ff-text-center.ff_submit_btn_wrapper:hover button {*/
/*    width: 65% !important;*/
/*    transition: 0.2s;*/
/*    padding: 0px;*/
/*}*/
button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_no_style:hover {
    background: var(--color-orange-hover) !important;
    opacity: 1 !important;
}
button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_no_style{
    font-size:26px !important;
    border: none !important;
}
.ff-default .ff_btn_style { font-size: 28px !important; }
.ff-el-group.ff-text-center.ff_submit_btn_wrapper { width: 100%; margin: 0 auto; }
.ff_submit_btn_wrapper_custom:hover button { width: 55% !important; transition: 0.2s; padding: 0px; }

/* ==========================================
   MODALS & SIGNUP CARDS
========================================== */
.modal-open { padding-right: 0 !important; }
.signup-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 460px;
    background: var(--bg-light-green);
    border-radius: 0.5rem;
    padding: 1.3rem 3rem;
    max-width: 548.65px;
}
h2.signup-card-title { margin-bottom: 16px !important; font-weight: 800 !important; }

/* ==========================================
   GENERAL SECTIONS & LINKS
========================================== */
.section-heading { max-width: 900px; }
.section-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 600; }
.section-text { font-size: 1.2rem; font-weight: 600; color: var(--color-dark); max-width: 1800px; margin: 0 auto; }
.section-link, .card-link-custom { color: #4f46e5; font-weight:600; text-decoration: underline; }
.section-link:hover, .card-link-custom:hover { color: #6366f1; }
a.section-link.fs-3.btn-text-primary { text-decoration: none; border-bottom: 1px solid; }

.read-more { transition: 0.3s !important; }
.read-more a:hover {
    transition: 0.3s;
}
.read-story a:hover {
    background: #33004b !important;
    border: 1px solid #33004b !important;
}
/*.read-more a:hover { width: 75% !important; padding: 0px !important; transition: 0.3s; align-items: center; }*/

.read-story { min-width: 335px !important; }
.read-story a { transition: 0.3s; }
.read-story:hover a {  transition: 0.3s; background-color: #33004b !important;}

/* ==========================================
   RESOURCES & CONTENT CARDS
========================================== */
.resource-card, .content-card {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.resource-icon, .content-image, .about-image { background: var(--bg-card-image); border-radius: 1rem; }
.resource-icon { height: auto; }
.content-image { height: 220px; }
.about-image { height: 420px; }
.card-content p { max-width: 90%; }

/* ==========================================
   SHAPES & CURVES
========================================== */
.articles-section { clip-path: polygon(50% 22px, 100% 0, 100% 100%, 0 100%, 0 0); }
.trust-strip {
    clip-path: polygon(0 0, 50% 22px, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px));
    margin-top: -2rem;
    background: var(--color-purple-dark);
    color: #fff;
    position: relative;
}

.bottom_curve_popular { position: relative; }
.bottom_curve_popular:after {
    clip-path: polygon(50% 22px, 100% 0, 100% 100%, 0 100%, 0 0);
    content: '';
    width: 100%;
    height: 20px;
    background: #ffffff !important;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    left: 0;
}

/* ==========================================
   GUIDE SECTION & CTA
========================================== */

.guide-cta-section {
    clip-path: polygon(50% 22px, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px), 0 0);
    background-color: var(--color-purple-darker);
    padding: 80px 0;
}
.guide-cta-section .container { z-index: 2; }
.guide-cta-shape-top, .guide-cta-shape-bottom { position: absolute; left: 0; width: 100%; background: var(--bg-light-gray); z-index: 1; }
.guide-cta-shape-top { height: 20px; clip-path: polygon(0 0, 100% 0, 50% 100%, 0 0); top: -1px; }
.guide-cta-shape-bottom { bottom: -1px !important; height: 28px; clip-path: polygon(0 100%, 100% 100%, 100% 0, 50% 100%, 0 0); }

.guide-section {
    position: relative;
    background: url("https://via.placeholder.com/1600x800") center center / cover no-repeat;
    overflow: hidden;
}
.guide-overlay { position: absolute; inset: 0; background: rgba(37, 54, 101, 0.7); }
.guide-badge {
    background: #f59e0b;
    color: #fff;
    border-radius: 1rem;
    padding: 1.25rem;
    text-align: center;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}
.guide-cta-title { font-size: 1.7rem; line-height: 1.2; color: #fff; }
.guide-cta-text { font-size: 1.2rem; line-height: 1.35; color: #fff; margin-right: 150px; }

a.btn.guide-cta-btn {
    background: var(--color-orange);
    color: white;
    transition: 0.3s;
    border-radius: 6px;
    padding: 14px 28px;
    font-size: 0.9rem;
    letter-spacing: 0.03em;
    border: 0;
    min-width: 240px;
}
.guide-cta-btn:hover, .guide-cta-btn:focus {
    background-color: var(--color-orange-dark);
    border-color: var(--color-orange);
    color: #fff;
    box-shadow: none;
}
.guide-book-wrap { width: 100%; }
.guide-main-book-single { width: 100%; height: auto; display: inline-block; }

.guide-book-stack { width: 100%; max-width: 320px; min-height: 260px; }
.guide-main-book { position: relative; z-index: 3; width: 180px; display: block; margin: 0 auto; border-radius: 4px; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28); }
.guide-page { position: absolute; border-radius: 4px; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18); }
.guide-page-1 { z-index: 1; width: 80px; right: 20px; top: 5px; }
.guide-page-2 { z-index: 2; width: 90px; right: 60px; top: 20px; }

.guide-btn-hover {  display: flex; align-items: center; justify-content: center; height: 70px; transition: 0.3s; }
.guide-btn-hover:hover a {  transition: 0.3s; background: var(--color-orange-hover) !important; }

/* ==========================================
   MEDIA QUERIES (Organized Desktop to Mobile)
========================================== */

@media (min-width: 1771px) {
    .px-14 { padding-left: 14px !important; padding-right: 14px !important; }
    .px-6 { padding-left: 6px !important; padding-right: 6px !important; }
}
@media only screen and (max-width: 1771px) and (min-width:1025px){
   
}
@media (min-width: 1400px) {
    .container, .container-lg { max-width: 1462px !important; }
}

@media only screen and (max-width: 1560px) and (min-width: 992px) {
    .curioes-laptop{
       padding-left:0px !important;
   }
    .playbook-image {
    width: 100% !important;
}
/*     .read-more a {*/
/*    font-size: 16px !important;*/
/*}*/
        .resource-icon img {
        max-height: 160px !important;
        object-fit: cover;
        object-position: top;
        min-height: 160px;
    }
    .laptop-heading { font-size: 25px; }
    /*.laptop-desc { font-size: 14px !important; }*/
    .fs-20 { font-size: 20px !important; }
    .px-12 { padding-left: 10px !important; padding-right: 10px !important; }
}

@media only screen and (max-width: 1280px) and (min-width: 1025px) {
   .w-100-res{
       width: 100% !important;
   }
    .signup-card { max-width: 570.65px !important; min-height: 510px !important; }
    h2.signup-card-title { font-size: 28px; }
}

@media (min-width: 1200px) {
    .btn-responsive-text { font-size: 28px; }
}
.w-xlg{
    width:53%;
}
/* ==========================================
   Tablet Screen Size
========================================== */
@media (min-width: 300px) and (max-width: 767px){
    .py-mb-5 {
    padding-bottom: 10px !important;
}
    .px-sm-5{
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
     .carousel-indicators [data-bs-target] {
        width: 16px !important; height: 16px !important; border-radius: 50px !important;
        background-color: #E3CCEF !important; opacity: 1; border: none !important; margin: 0 !important;
    }
    .carousel-indicators .active { background-color: #300047 !important; }
    .carousel-indicators { bottom: -33px !important; gap: 10px !important; }
    .carousel-control-prev, .carousel-control-next { border: none; padding: 0 !important; opacity: 1 !important; height: 18px !important; }
    .carousel-control-prev span:first-child, .carousel-control-next span:first-child { height: 18px !important; width: 12px !important; }
    .carousel-control-prev-icon, .carousel-control-next-icon { background-image: url('https://test.markcoders.com/food-revolution/wp-content/uploads/2026/03/Vector-1.png'); background-size: 10px auto !important; }
    .carousel-control-next-icon { transform: rotate(180deg); }
    .desktop-screen {
    display: none !important;
}
.desktop-screen {
    display: none !important;
}
div#mobileCarouselOne {
    display: block !important;
}
div#tabletCarouselTwo {
    display: none !important;
}
.newsletter-btn {
    width: 355px;
}
.guide-main-book-single {
    max-width: 60% !important;
}
}
.course-cards-section{
    padding-top: 48px !important;
}
.pb-40{
    padding-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 1024px){
    .card-content.p-20.pb-28.px-12 {
    display: flex;
    flex-direction: column;
    height: 285px;
    justify-content: space-around;
}
    /*.tablet-none{*/
    /*    display: none !important;*/
    /*}*/
    .pb-150{
    padding-bottom:150px !important;
}
     .carousel-indicators [data-bs-target] {
        width: 16px !important; height: 16px !important; border-radius: 50px !important;
        background-color: #E3CCEF !important; opacity: 1; border: none !important; margin: 0 !important;
    }
    .carousel-indicators .active { background-color: #300047 !important; }
    .carousel-indicators { bottom: -33px !important; gap: 10px !important; }
    .carousel-control-prev, .carousel-control-next { border: none; padding: 0 !important; opacity: 1 !important; height: 18px !important; }
    .carousel-control-prev span:first-child, .carousel-control-next span:first-child { height: 18px !important; width: 12px !important; }
    .carousel-control-prev-icon, .carousel-control-next-icon { background-image: url('https://test.markcoders.com/food-revolution/wp-content/uploads/2026/03/Vector-1.png'); background-size: 10px auto !important; }
    .carousel-control-next-icon { transform: rotate(180deg); }
    .desktop-screen {
    display: none !important;
}
div#tabletCarouselTwo {
    display: block !important;
}

}
@media (min-width: 992px) {
    .btn-responsive-text { font-size: 24px; }
    .curioes { padding-left: 86px; }
    .guide-cta-section { padding: 110px 0; margin-top: -20px; }
    .guide-cta-title { font-size: 2rem; }
    .guide-cta-text { font-size: 1.2rem; }
    .guide-book-stack { max-width: 420px; min-height: 360px; }
    .guide-main-book { width: 250px; margin-left: auto; margin-right: 0; }
    .guide-page-1 { width: 110px; right: 0; top: 5px; }
    .guide-page-2 { width: 110px; right: 55px; top: 26px;}
    .trust-strip .certifieded { gap: 80px !important; }
    .trust-strip .certifieded .w-calc{ width:calc(100% - 163px ) !important; }
}
.top-bottom_curve_popular {
    clip-path: polygon(50% 22px, 100% 0, 100% 100%, 50% calc(100% - 0px), 0 100%, 0 0);
}
.playbook-cta-curve {
    clip-path: polygon(50% 22px, 100% 0, 100% 100%, 0 100%, 0 0) !important;
}
.send-cta-section {
    clip-path: polygon(50% 22px, 100% 0, 100% 100%, 0 100%, 0 0) !important;
}
@media (max-width: 991.98px) {
    section.trust-strip {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
    .guide-text-center{
        text-align: center !important;
    }
    .guide-book-reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
}
    .py-tb {
    padding-top: 70px;
    padding-bottom: 143px;
}
        .newsletter-section {
        background-image: url(https://test.markcoders.com/food-revolution/wp-content/uploads/2026/04/Homesite-assets-adbackground-scaled.png) !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        
    }
    .py-tb-5{
        padding-top:60px !important;
        padding-bottom: 20px !important;
    }
    .search-input{
        width: 100% !important;
    }
    .playbook-image {
    width: 80% !important;
}
.guide-cta-content .fs-tb-4 {
    font-size: 24px !important;
}
.fs-tb-4 {
    font-size: 22px !important;
}
.fs-tb-4 p {
    font-size: 22px !important;
}
    .signup-card { padding: 1.5rem; }
    .about-image { height: 320px; }
    .trust-strip .container { max-width: 100%; padding: 0 45px !important; }
    .mw-116 { max-width: 116px; width: 100%; }
    .w-tb-50 { width: calc(100% - 241px) !important; max-width: 100% !important; }
    .guide-cta-section { margin-top: -20px; padding: 90px 50px !important; z-index: 99 !important; }
    .curioes { width: calc(40% - 10px); }
    .guide-cta-section .col-md-7 { width: calc(60% - 80px); gap: 36px !important; display: flex; flex-direction: column; }
    .guide-cta-section .col-md-7 .guide-btn-hover, .guide-cta-section .col-md-7 .guide-btn-hover a { width: 100% !important; }
    .guide-cta-section .col-md-7 .guide-btn-hover a { font-size: 20px !important; font-weight: 800 !important; line-height: 33.60px !important; max-width: 410px; }
    .guide-cta-section .row { column-gap: 90px !important; }
    
    .recipe-section { margin-top: -25px; padding-left: 50px !important; padding-right: 50px !important; }
    .recipe-section .section-text { max-width: 791px !important; }
    .recipe-section .section-heading { margin-bottom: 38px !important; }
    .recipe-section .container-fluid { padding: 0 !important; }
    .recipe-section .row { --bs-gutter-x: 46px !important; --bs-gutter-y: 46px !important; }
    .recipe-section .card-body { min-height: 150px !important; }
    
    .guide-cta-title { padding-right: 5px; font-size: 28px !important; font-weight: 800 !important; line-height: 33.60px !important; text-align: left; }
    .guide-cta-text { font-size: 20px !important; font-weight: 400 !important; line-height: 30px !important; margin: 0 !important; text-align: left; }
    .guide-main-book-single { max-width: 100% !important; }
    
    .about-content { max-width: 590px !important; text-align: center; justify-content: center; margin: 0 !important; padding-bottom: 108px !important; }
    .about-content .read-story { margin: 0 auto; }
    .about-content h2 { margin-bottom: 36px !important; padding: 0 !important; margin-top: 0 !important; }
    .about-content .fs-30 { font-size: 24px !important; font-weight: 400 !important; line-height: 24.48px !important; padding: 0 !important; margin-bottom: 65px !important; }
    
    .pe-96 { margin: 0 !important; padding: 0 !important; }
    .pe-96 img { height: auto !important; clip-path: polygon(50% 15px, 100% 0, 100% 100%, 0 100%, 0 0); }
    
    .guide-cta-btn { min-width: 220px; }
    .laptop-heading { font-size: 32px; }
    
    #pb-93 { padding-top: 66px !important; padding-bottom: 88px !important; }
    .section-text { font-size: 20px !important; font-weight: 400 !important; line-height: 30px !important; max-width: 625px !important; }
    .section-title { margin-bottom: 14px !important; font-size: 32px; line-height: 38.40px; }
    .section-heading { margin-bottom: 46px !important; }
    .articles-section .container-fluid { padding: 0 50px !important; }
    .gap-tb { --bs-gutter-y: 46px !important; --bs-gutter-x: 46px !important; }
    article .card-body { padding: 20px 20px 36px 20px !important; }
    article .text-muted { margin-bottom: 17px !important; }
    article .h4 { margin-bottom: 24px !important; }
    
    .px-14 { padding-left: 25px !important; padding-right: 25px !important; }
    .py-tb-6 { padding-top: 123px !important; padding-bottom: 71px !important; }
    .pt-tb { padding-top: 64px !important; }
    .ptb-0 { padding: 0px !important; }
    .px-tb-50 { padding-left: 50px !important; padding-right: 50px !important; }
    .trust-strip { margin-top: -3rem; clip-path: none !important; }
    .py-49 { padding-top: 49px !important; padding-bottom: 42px !important; }
    .py-tb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
    .certifieded { display: flex; gap: 125px !important; }
    img.tb-height { height: 195px; }
    .px-tb-0 { padding-left: 0px !important; padding-right: 0px !important; }
    .fs-fw-20 { font-size: 27px !important; font-weight: 300 !important; line-height: 30px !important; padding-right: 5px; }
    .mt-tb-0 { margin-top: 0px !important; }
    .mt-tb-0.m-top { margin-top: 130px !important; }
    .hero-kicker { font-size: 40px !important; }
    .hero-title { font-size: 53.52px !important; line-height: 1.3 !important; }
    .hero-subtitle { font-size: 40.14px !important; }
    .mb-132 { margin-bottom: 132px !important; }
    .pt-65 { padding-top: 98px !important; }
    .pt-68 { padding-top: 75px !important; }
    .pb-90 { padding-bottom: 75px; }
    .pt-74 { padding: 108px 0 0 0 !important; }
    .pt-80 { padding-top: 102px !important; }
      a.section-link.fs-3.btn-text-primary { font-size: 30px !important; line-height: 30px; }
      .read-story a{font-size: 28px !important;line-height: 33.60px;padding:15px 57px !important;}
}

@media (min-width: 768px) {
    .btn-responsive-text { font-size: 20px; }
    .guide-cta-title { font-size: 1.9rem; }
    .guide-cta-text { font-size: 1.12rem; }
    .guide-book-stack { max-width: 400px; min-height: 320px; }
    .guide-main-book { width: 230px; }
    .guide-page-1 { width: 100px; right: 16px; }
    .guide-page-2 { width: 110px; right: 72px; }
}
/*.guide-btn-hover:hover a.playbook-btn {*/
/*    min-width: 240px !important;*/
/*    padding: 2px 10px;*/
/*}*/
@media (max-width: 767.98px) {
    .curious-latest {
    width: 100% !important;
}
    .guide-cta-text ul{
        text-align: left !important;
    }
    .px-14 { padding-left: 16px !important; padding-right: 16px !important; }
    .trust-strip .container { padding: 0 36px !important; }
    .trust-strip .certifieded { gap: 40px !important; }
    .w-tb-50 { width: calc(100% - 156px) !important; }  
    
    .carousel-indicators [data-bs-target] {
        width: 25px !important; height: 25px !important; border-radius: 50px !important;
        background-color: #E3CCEF !important; opacity: 1; border: none !important; margin: 0 !important;
    }
    .carousel-indicators .active { background-color: #300047 !important; }
    .carousel-indicators { bottom: -33px !important; gap: 20px !important; }
    .carousel-control-prev, .carousel-control-next { border: none; padding: 0 !important; opacity: 1 !important; height: 18px !important; }
    .carousel-control-prev span:first-child, .carousel-control-next span:first-child { height: 23px !important; width: 22px !important; }
    .carousel-control-prev-icon, .carousel-control-next-icon { background-image: url('https://test.markcoders.com/food-revolution/wp-content/uploads/2026/03/Vector-1.png'); background-size: 15px auto !important; }
    .carousel-control-next-icon { transform: rotate(180deg); }
    
    .hero-title.fs-45 { font-size: 45px !important; margin: 0 !important; }
    .px-tb-50 { padding: 0 !important; } 
    .navigation { margin-bottom: -40px !important; margin-top: 70px !important; }
    .articles-section .container-fluid { padding: 0 36px !important; }
    .gap-tb, .recipe-section .row { --bs-gutter-y: 20px !important; --bs-gutter-x: 20px !important; }
    
    .guide-cta-section { padding: 90px 36px !important; }
    .guide-cta-section .row { gap: 36px !important; }
    .curioes { width: 50%; }
    .guide-cta-section .col-md-7 { width: calc(50% - 36px); }
    /*.guide-cta-section .col-md-7 .guide-btn-hover a { font-size: 28px !important; }*/
    article .text-muted { font-size: 15px !important; }
    .recipe-section { padding-left: 36px !important; padding-right: 36px !important; }
}

@media (min-width: 576px) {
    .btn-responsive-text { font-size: 18px; }
    .guide-cta-section { padding: 90px 0; }
    .guide-cta-title { font-size: 1.7rem; }
    .guide-cta-text { font-size: 1.05rem; }
    .guide-book-stack { max-width: 360px; min-height: 300px; }
    .guide-main-book { width: 210px; }
    .guide-page-1 { width: 90px; right: 18px; }
    .guide-page-2 { width: 100px; right: 62px; }
}

@media (max-width: 575.98px) {
        section.trust-strip.position-relative.overflow-hidden.py-4.py-lg-70.py-49 {
        clip-path: polygon(0 0, 50% 22px, 100% 0, 100% calc(100% - 22px), 50% 100%, 0 calc(100% - 22px)) !important;
        margin-top: -30px !important;
    }
    .guide-cta-section { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
    .guide-cta-title { font-size: 1.3rem; }
    .guide-cta-text { font-size: 0.95rem; }
    .guide-main-book-single { max-width: 220px; }
    .guide-cta-btn { min-width: 100%; }
    
    .mt-130 .m-top { margin: 72px 0 64px 0 !important; gap: 0 !important; }  
    .mt-130 { padding: 0 !important; }
    .hero-kicker { color: var(--bg-light-gray); font-size: 26px !important; font-weight: 600 !important; line-height: 21px !important; margin-bottom: 27px !important; }
    .hero-section { overflow: hidden !important; }
        .hero-title.fs-45 {
        margin-top: 0 !important;
        font-size: 35px !important;
        font-weight: 800 !important;
        line-height: 54.8px !important;
        margin-bottom: 24px !important;
    }
    .hero-subtitle { font-size: 26px !important; font-weight: 800 !important; line-height: 24px !important; margin-bottom: 30px !important; }
    .btn.hero-join-btn { font-size: 20px !important; font-weight: 800 !important; line-height: 24px !important; padding: 12px 50px !important; }
    
    .trust-strip { margin-top: 0 !important; }
    img.tb-height { height: 117px !important; }
    .py-49 { padding: 50px 15px !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px ), 50% 100%, 0 calc(100% - 25px )) !important; }
    .trust-strip .container { padding: 0 !important; }
    .w-tb-50 { width: 100% !important; text-align: center !important; }
    .trust-strip .certifieded { gap: 24px !important; }
    .fs-fw-20 { font-weight: 400 !important;margin-bottom:00px !important; }
    .w-calc .fs-fw-20:first-child { margin-bottom:20px !important; }
    .py-tb-6 { padding: 55px 0 !important; }
    
    .carousel-item.px-4, .articles-section .container-fluid { padding: 0 28px !important; }
    .section-title { font-size: 28px !important; line-height: 33.60px !important; margin-bottom: 20px !important; }
    .section-heading { margin-bottom: 38px !important; }
    .content-image { min-height: 212px !important; }
    article .h4 { font-size: 21px !important; line-height: 21px !important; }
    article .text-muted { font-size: 14px !important; line-height: 21px !important; }
    .gap-tb, .recipe-section .row { --bs-gutter-y: 30px !important; }
    .pt-80 { padding-top: 47px !important; }
    #pb-93 { padding-bottom: 74px !important; }
    a.section-link.fs-3.btn-text-primary { font-size: 24px !important; line-height: 24px; }
    
    .guide-cta-section .row { flex-direction: column !important; gap: 25px !important; }
    .guide-cta-section { padding: 67px 28px 70px 28px !important; }
    .curioes { width: 100% !important; }
    .guide-cta-title { font-size: 24px !important; line-height: 28.80px !important; padding: 0 20px; margin: 0 0 25px 0 !important; }
    .guide-cta-section .col-md-7 { width: 100% !important; flex-direction: column-reverse; margin: 0 !important; gap: 62px !important; }
    
    .recipe-section { padding: 36px 28px 98px 28px !important; padding-top: 60px !important; }
    .recipe-section .section-title { margin-bottom: 17px !important; }
    .recipe-section .section-heading { margin-bottom: 33px !important; }
    .pt-68 { padding-top: 46px !important; }
    .pt-74 { padding: 45px 0px 0 0px !important; }
    
    .about-content { padding: 0 28px 66px 28px !important; }
    .about-content h2 { padding: 0 15px !important; margin-bottom: 26px !important;font-size:28px !important; }
    .about-content .fs-30 { font-size: 18px !important; font-weight: 400 !important; line-height: 18px !important; margin-bottom: 50px !important; }
    .read-story a { font-size: 20px !important; font-weight: 800 !important; line-height: 24px !important; padding: 17px 51px !important; }
}