:root {
    --color_0: 255, 255, 255;
    --color_1: 0, 0, 0;
    --color_2: 57, 71, 55;
    --color_3: 25, 25, 25;
    --color_4: 247, 247, 247;
    --color_5: 201, 221, 114;
    --color_6: 255, 255, 255;
    --color_7: 191, 191, 191;
    --color_8: 128, 128, 128;
    --color_9: 64, 64, 64;
    --color_10: 0, 0, 0;
    --color_11: 255, 255, 255;
    --color_12: 191, 191, 191;
    --color_13: 128, 128, 128;
    --color_14: 64, 64, 64;
    --color_15: 0, 0, 0;
    --color_16: 185, 199, 183;
    --color_17: 115, 143, 111;
    --color_18: 57, 71, 55;
    --color_19: 38, 47, 37;
    --color_20: 19, 24, 18;
    --color_21: 209, 209, 209;
    --color_22: 163, 163, 163;
    --color_23: 117, 117, 117;
    --color_24: 71, 71, 71;
    --color_25: 25, 25, 25;
    --color_26: 251, 251, 251;
    --color_27: 247, 247, 247;
    --color_28: 185, 185, 185;
    --color_29: 124, 124, 124;
    --color_30: 62, 62, 62;
    --color_31: 228, 238, 184;
    --color_32: 201, 221, 114;
    --color_33: 174, 202, 49;
    --color_34: 116, 135, 33;
    --color_35: 58, 67, 16;
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(63, 131, 248, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}
h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Crimson Text", serif;
    color:rgb(57, 71, 55);
}
h1 {
    font-size: 62px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 22px;
}

h5 {
    /* no styles defined */
}


body, 
p {
    font-family: "Open Sans", sans-serif;
}
img {
    width:100%;
    max-width: 100%;
    height:auto;
}
a,
a:hover,
input,
input:hover,
button,
button:hover,
img,
header,
.inner_header {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin-bottom-90 {
    margin-bottom: 90px;
}
.margin-bottom-120 {
    margin-bottom: 120px;
}

.margin-top-15 {
    margin-top: 15px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-90 {
    margin-top: 90px;
}
.margin-top-120 {
    margin-top: 120px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.padding-bottom-60 {
    padding-bottom: 60px;
}
.padding-bottom-90 {
    padding-bottom: 90px;
}
.padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-top-15 {
    padding-top: 15px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-top-60 {
    padding-top: 60px;
}
.padding-top-90 {
    padding-top: 90px;
}
.padding-top-120 {
    padding-top: 120px;
}
header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 10;
}

header .inner_header {
    padding: 15px 0;
    background: #fff;
    box-shadow: 0px 15px 40px 0px rgba(13, 29, 13, 0.1);
    border-radius: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

header .header_1 {
    position: relative;
}

header .header_1 img {
    max-width: 300px;
}

header .header_2 {
    text-align: right;
}

header .header_2 .menu-main-container {
    margin-top: -5.5px;
}

header .header_2 .float_menu_items {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 45px;
    margin-bottom: -7px;
}

header .header_2 a.social_media {
    margin-left: 7.5px;
}

header .header_2 a.social_media svg {
    width: 20px;
    max-height: 20px;
    height: auto;
}

header .header_2 ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-right: 7.5px;
}

header .header_2 ul li:hover ul {
    display: block;
}

header .header_2 ul li {
    position: relative;
    display: inline-block;
    margin-left: 15px;
}

header .header_2 ul li a {
    color: #000;
}

header .header_2 ul li ul {
    display: none;
    min-width: 200px;
    left: -15px;
    padding: 15px 15px calc(15px - 3.75px);
    z-index: 25;
    position: absolute;
    background: #fff;
    text-align: left;
    box-shadow: 0px 15px 40px 0px rgba(13, 29, 13, 0.1);
    border-radius: 7.5px;
}

header .header_2 ul li ul li {
    width: 100%;
    margin-bottom: 3.75px;
}

header.scroll-nav .inner_header {
    padding: 15px 0;
}

header.scroll-nav .inner_header img {
    max-width: 150px;
}

.option_banner {
    padding-top:60px;
    padding-bottom:60px;
    position: relative;
}
.option_banner:before {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    content:'';
    border-bottom:solid 3.75px #fff;
    padding-top: var(--dynamic-padding, 100px); /* fallback */
    background:#375064;
}
.option_banner:after {
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    content:'';
    border-top:solid 3.75px #fff;
    padding-top: calc(60px);
    background:#375064;
}
.top_banner_home * {
    color: #fff;
}

.option_header {
    border-bottom: solid 10px #2b4a5e;
    border-top: solid 10px #2b4a5e;
}

.option_header * {
    color: #fff !important;
    fill: #fff;
}

.option_header .inner_header {
    background: #2b4a5e;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
}

.top_banner_home {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 60px 0;
    text-align: center;
}

.top_banner_home h1 {
    margin-bottom: 1rem;
}

.top_banner_home p {
    margin-bottom: 30px;
}

.top_banner_home .banner_btns {
    text-align: center;
}

.top_banner_home .banner_btns a {
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0 3.75px;
    border-radius: 7.5px;
}

.top_banner_home .banner_btns .btn_1 {
    background: rgb(57, 71, 55);
    color: #fff;
}

.top_banner_home .banner_btns .btn_1:hover {
    color: rgb(57, 71, 55);
    background: #fff;
}

.top_banner_home .banner_btns .btn_2 {
    color: rgb(57, 71, 55);
    background: #fff;
}

.top_banner_home .banner_btns .btn_2:hover {
    background: rgb(57, 71, 55);
    color: #fff;
}

.default_section_title {
    text-align: center;
}

.default_section_title h2 {
    /* empty in SCSS */
}

.stacked_title h1 {
    margin-bottom: 1rem;
}

.stacked_title h2 {
    margin-bottom: 1rem;
}

.default_section_title:has(p) h2 {
    margin-bottom: 15px;
}

.default_section_title_2 p {
    margin-bottom: 0;
}

.default_section_title_2 a {
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0 3.75px;
    border-radius: 7.5px;
    background: rgb(57, 71, 55);
    color: #fff;
    margin-top: 30px;
}

.default_section_title_2 a:hover {
    color: rgb(57, 71, 55);
    background: #fff;
}

.default_section_title_3 p {
    margin-bottom: 0;
}

.default_section_title_3 a {
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0 3.75px;
    border-radius: 7.5px;
    background: rgb(57, 71, 55);
    color: #fff;
    margin-top: 30px;
}

.default_section_title_3 a:hover {
    color: rgb(57, 71, 55);
    background: #fff;
}

.section_panel {
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0px 3px 30px #00000014;
    text-align: center;
    height: calc(100% - 30px);
    position: relative;
    z-index: 2;
}

.section_panel .section_panel_details {
    padding: 30px;
}

.section_panel .section_panel_details h3 {
    margin-bottom: 1rem;
}

.section_panel .section_panel_details p {
    margin-bottom: 0;
}

.section_panel .section_panel_details a {
    margin-top: 1rem;
    padding: 7.5px 15px;
    border: solid thin #000;
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #000;
    border-radius: 7.5px;
}

.section_panel .section_panel_details a:hover {
    background: rgb(57, 71, 55);
    color: #fff;
}

.section_panel img {
    height: 450px;
    object-fit: cover;
    --webkit-object-fit: cover;
}

.page-id-29 .section_panel img {
    height: auto;
    object-fit: initial;
    --webkit-object-fit: initial;
}

.btn_bottom_section {
    text-align: center;
}

.btn_bottom_section a {
    margin-top: 1rem;
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: rgb(57, 71, 55);
    border-radius: 7.5px;
}

.btn_bottom_section a:hover {
    background: rgb(57, 71, 55);
    color: #fff;
}

footer {
    padding: 60px 0 0;
    background: #fff;
    border-top: solid thin #ebebeb;
}

footer img {
    margin-bottom: 1rem;
    max-width: 200px;
    margin: 0 auto 1rem;
}

footer .footer_2 ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

footer .footer_2 ul li a {
    color: #000;
}

footer .copy_item {
    text-align: center;
    padding: 7.5px 0;
    background: rgb(57, 71, 55);
}

footer .copy_item p {
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
}

footer .copy_item p a {
    color: #fff;
}
.section_3 h1 {
    margin-bottom: 1rem;
}

.section_3 h2 {
    margin-bottom: 1rem;
}

.section_3 p {
    /* empty */
}

.section_3 img {
    border-radius: 0.5rem;
}

.section_3 .btn_items {
    display: inline-flex;
    align-items: center;
}

.section_3 .btn_items a {
    border-radius: 7.5px;
}

.section_3 .btn_items a.btn_1 {
    padding: 7.5px 15px;
    border: solid thin #000;
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: rgb(57, 71, 55);
    color: #fff;
}

.section_3 .btn_items a.btn_1:hover {
    color: rgb(57, 71, 55);
    background: #fff;
}

.section_3 .btn_items a.btn_2 {
    color: rgb(57, 71, 55);
    background: #fff;
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0 3.75px;
    border-radius: 7.5px;
    margin-left: 15px;
}

.section_3 .btn_items a.btn_2:hover {
    background: rgb(57, 71, 55);
    color: #fff;
}

.responsive_iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.responsive_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.section_2_about ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.section_2_about ul li {
    margin-bottom: 0.5rem;
}

.section_2_about span {
    margin-bottom: 1rem;
    display: block;
    font-weight: 500;
}

.section_2_about h1 {
    margin-bottom: 1rem;
}

.section_2_about h2 {
    margin-bottom: 1rem;
}

.section_2_about h3 {
    margin-bottom: 1rem;
}

.section_2_about p {
    /* empty */
}

.section_2_about img {
    border-radius: 0.5rem;
}

.section_2_about .btn_items {
    display: inline-flex;
    align-items: center;
}

.section_2_about .btn_items a.btn_1 {
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: rgb(57, 71, 55);
    color: #fff;
    border-radius: 7.5px;
}

.section_2_about .btn_items a.btn_1:hover {
    color: rgb(57, 71, 55);
    background: #fff;
}

.section_2_about .btn_items a.btn_2 {
    color: rgb(57, 71, 55);
    margin-left: 15px;
}

.section_team_1 .section_panel h3 {
    margin-bottom: 7.5px;
}

.section_team_1 .section_panel h4 {
    margin-bottom: 1rem;
}

.section_team_1 .section_panel p {
    margin-bottom: 0;
}

.default_section_title_3 {
    text-align: center;
}

.default_section_title_3 p {
    margin-top: 30px;
    margin-bottom: 0;
}

.default_section_title_3 a {
    margin-top: 1rem;
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: rgb(57, 71, 55);
    border-radius: 7.5px;
}

.default_section_title_3 a:hover {
    background: rgb(57, 71, 55);
    color: #fff;
}

.section_team_1 {
    text-align: center;
}
.infographic_over {
    overflow: hidden;
}
.outer_section {
    background-color: #fff;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rotate-1 {
    --tw-rotate: 1deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.product_panel {
    margin-bottom: 1rem;
    box-shadow: 0px 15px 40px 0px rgba(13, 29, 13, 0.1);
    border-radius: 7.5px;
    overflow: hidden;
}
.product_loop h3 {
    text-align: center;
    font-size: 22px;
}

.section_1_contact input:not([type="submit"]) {
    width: 100%;
    height: 50px;
    margin-top: 7.5px;
}

.section_1_contact textarea {
    margin-top: 15px;
    width: 100%;
}

.section_1_contact label {
    display: inline-block;
    width: 100%;
}

.section_1_contact .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
}

.section_1_contact input[type="submit"] {
    margin-top: 1rem;
    padding: 7.5px 15px;
    border: solid thin rgb(57, 71, 55);
    display: inline-flex;
    min-width: 135px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: rgb(57, 71, 55);
    border-radius: 7.5px;
    cursor: pointer;
}

.section_1_contact input[type="submit"]:hover {
    background: rgb(57, 71, 55);
    color: #fff;
}

.section_1_contact .r_contact_1 p {
    margin-top: 1rem;
}

.section_1_contact .r_contact_1 a {
    color: #000;
    display: inline-block;
    width: 100%;
    text-decoration: underline;
}



.header_chart,
.item_bar {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.header_chart .label {
    width: 200px;
    font-family: "Crimson Text", serif;
}
.item_bar .label {
    width: 200px;
}

.months {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.months span {
    width: calc((100% / 12));
    text-align: left;
}

.bar {
    background-color: rgb(57, 71, 55);
    height: 20px;
    width: 0;
    border-radius: 4px;
    transition: width 0.5s ease-in-out;
}
.chart .item_bar:nth-child(even) .bar {
    background-color: rgb(var(--color_32));
}

.footer_1 h4 {
    margin-bottom: 0.5rem;
}

.footer_1 p {
    margin-bottom: 0.5rem;
    font-size: 14px;
}

.availability-chart {
    border-collapse: collapse;
    width: 100%;
}

.availability-chart th {
    background: #fff;
}

.availability-chart th,
.availability-chart td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}

.availability-chart th {
    background-color: rgb(57, 71, 55);
    color: white;
}

.month-available {
    background-color: rgba(var(--color_32));
}

.not-available {
    background-color: #FFFFFF;
}

.chart-header {
    background-color: rgb(57, 71, 55);
    color: white;
}

.table-container {
    overflow-x: auto;
}

.footer_1 p i {
    font-size: 14px;
}

.position-relative {
    position: relative;
    overflow-x: hidden;
}

.position-relative .top_left_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15vw;
    z-index: 0;
}

.position-relative .top_right_img {
    position: absolute;
    top: 0;
    right: 0;
    width: 15vw;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    z-index: 0;
}

.position-relative .bottom_right_img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(12.5%, -50%);
    -webkit-transform: translate(12.5%, -50%);
    width: 15vw;
    z-index: 0;
}

.watermellon_featured {
    position: relative;
}

.watermellon_featured img {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 50vw;
    max-width: 922px;
    position: absolute;
    left: 50%;
    top: 0;
}

.top_banner_home {
    border-bottom: solid thin rgb(57, 71, 55);
}


















.owl-products img {
    object-fit: cover;
    max-height: 450px;
}

/* Timeline */
// Transition mixin
@mixin global-transition {
  transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}
.img_border img {
    border-radius: 0.5rem;
}
/* Timeline */
/* Transition mixin */

.timeline {
    padding: 50px;
}
.timeline ul {
    padding: 0;
}
.timeline .default-line {
    content: '';
    position: absolute;
    left: 50%;
    width: 4px;
    background: #bdc3c7;
    height: 100%;
}
.timeline .draw-line {
    width: 4px;
    height: 0;
    position: absolute;
    left: 50%;
    background: rgb(57, 71, 55);
}
.timeline ul li div.sticky-title {
    position: absolute;
    transition: top 0.2s ease-in-out; /* Smooth transition for top */
    top:0px;
    width: 42vw;
    padding:15px;
    padding-top: 0;
    
}
.timeline ul li div.sticky-title h2 {
    line-height: 1;
}
.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 2px;
    margin: 0 auto;
    background: transparent;
    transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}
.timeline ul li.in-view::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: rgb(57, 71, 55);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}
.timeline ul li::before {
    margin-left: 2px;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bdc3c7;
    transition: all 0.4s ease-in-out;
}
.timeline ul li:nth-child(odd) div.sticky-title {
    left: -30px;

    transform:translateX(-100%);
}
.timeline ul li:nth-child(even) div.sticky-title {
    left:60px;
}
.timeline ul li:nth-child(odd) div.infographic_item {
    left: 45px;
}
.timeline ul li:nth-child(even) div.infographic_item {
    left: calc(-42vw - 45px);
}
.timeline ul li div.infographic_item {
    position: relative;
    bottom: 0;
    width: 42vw;
    padding: 15px;
    visibility: hidden;
    padding-top: 0;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.timeline ul li:nth-child(odd) div.infographic_item {
    transform: translate3d(200px,0,0);
}

.timeline ul li:nth-child(even) div.infographic_item {
    transform: translate3d(-200px,0,0);
}
.timeline ul li.in-view div.infographic_item {
    transform: none;
    visibility: visible;
    opacity: 1;
}

/* Mobile */

#mobile_toggle {
    position: fixed;
    top:0;
    left:0;
    width:100%; 
    max-width: 100vw;
    z-index:99999;
  }
  #mobile_toggle nav {
    background-color: #fff;
    height: 50px;
    position: relative;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  }
  #mobile_toggle #menuToggle {
  
  }
  
  #mobile_toggle #menuToggle input
  {
    display: flex;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    left:0;
    top:0;
  
  }
  
  #mobile_toggle #menuToggle span
  {
    display: flex;
    width: 30px;
    height: 1px;
    margin-bottom: 7px;
    position: relative;
    background: #000;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
  }
  
  #menuToggle span:first-child
  {
    transform-origin: 0% 0%;
  }
  
  #menuToggle span:nth-last-child(2)
  {
    transform-origin: 0% 100%;
  }
  .content_w_logo {
    img {
        max-width: 600px;
        margin-bottom: 30px;
    }
  }
  
  
  #menuToggle span {
    display: block;
    background-color: var(--mdb-body-color);
    height: 2px;
    width: 25px;
    margin-bottom: 5px;
    transition: transform 0.3s, opacity 0.3s;
  }
  #menuToggle input:checked ~ label span:nth-child(1) {
    transform: rotate(45deg) translate(1px, 1px);
  }
  
  #menuToggle input:checked ~ label span:nth-child(2) {
    opacity: 0;
  }
  
  #menuToggle input:checked ~ label span:nth-child(3) {
    transform: rotate(-45deg) translate(0, -1px);
  }
  #mobile_toggle .menu-main-container
  {
    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.4);
    left:0;
    position: absolute;
    width: 100%;
    height: calc(100vh + 50px);
  
    padding: 30px;
  
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    top:50px;
  }
  #mobile_toggle .menu-main-container strong {
    margin-bottom: 0px;
    font-size: 32px;
    text-align: center;
    font-family: "Crimson Text", serif;
    color: rgb(57, 71, 55);
    font-weight: 500;
  }
  #mobile_toggle ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }
  #mobile_toggle ul li ul {
    display: none;
  }
  #mobile_toggle ul li
  {
    text-align: left;
    padding: 10px 0;
    transition-delay: 2s;
    color: rgb(57, 71, 55);
    font-size: 24px;
    width: 100%;
  }
  #mobile_toggle ul li a {
    color: rgb(57, 71, 55);
    padding:0 0;
    line-height: 1.5;
  
  }
  #mobile_toggle ul li a:hover {
    background:none !important;
  }
  #mobile_toggle #menuToggle input:checked ~ div
  {
    transform: none;
  }
  .ham {
    position: absolute;
    top: 35px;
    transform: translate(-50%,-50%);
    left: 30px;
    z-index: 9999;
    height: 41px;
  }
  #mobile_toggle a.mobile-toggle-img {
    position: absolute;
    top:50%;
    left: calc(50%);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 1;
  }
  #mobile_toggle a.mobile-toggle-img img {
    max-height: 30px;
    width: auto;
  }

.seasonal_graphs .produce-buttons {
    margin-bottom: 30px;
}

.seasonal_graphs .chart_responsive {
    overflow-x: scroll;
}

.seasonal_graphs .produce-buttons button {
    background: #eee;
    border: none;
    padding: 10px 20px;
    margin: 6px 6px 6px 0;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
}

.seasonal_graphs .produce-buttons button.active {
    background-color: rgb(57, 71, 55);
    color: #fff;
}

.seasonal_graphs .availability-table {
    display: table;
    border-spacing: 2px;
    margin-top: 10px;
    width: 100%;
    min-width: 1280px;
}

.seasonal_graphs .header-row,
.seasonal_graphs .data-row {
    display: table-row;
}

.seasonal_graphs .cell,
.seasonal_graphs .header-cell {
    display: table-cell;
    width: 60px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
}

.seasonal_graphs .header-cell {
    font-weight: bold;
    color: rgb(57, 71, 55);
}

.seasonal_graphs .region-cell {
    width: 100px;
    text-align: right;
    padding-right: 10px;
    color: #333;
    font-weight: 500;
}

.seasonal_graphs .available {
    background-color: rgb(57, 71, 55);
    color: #fff;
    border-radius: 10px;
}

.seasonal_graphs .not-available {
    background-color: rgba(57, 71, 55, 0.3);
    border-radius: 10px;
}

.responsive-iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    border-radius: 0.5rem;
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}



@media (max-width: 1199.98px) {
    .section_panel {
        height: auto;
    }
    .option_banner:before {
        content:none;
    }
    .option_banner:after {
        content:none;
    }
}

@media (max-width: 991.98px) {
    .m-b-30 {
        margin-bottom: 30px;
    }
    .m-t-15 {
        margin-top: 15px;
    }
    .a-t-a-c {
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .section_1_about {
        h1 {
            margin-bottom: 1rem;
        }
    }
    .m-top-30{
        margin-top: 30px;
    }
    h1,h2,h3,h4,h5 {
        line-height:1;
    }
    .margin-bottom-15 {
        margin-bottom: 15px;
    }
    .margin-bottom-30 {
        margin-bottom: 30px;
    }
    .margin-bottom-60 {
        margin-bottom: 30px;
    }
    .margin-bottom-90 {
        margin-bottom: 60px;
    }
    .margin-bottom-120 {
        margin-bottom: 60px;
    }
    
    .margin-top-15 {
        margin-top: 15px;
    }
    .margin-top-30 {
        margin-top: 30px;
    }
    .margin-top-60 {
        margin-top: 30px;
    }
    .margin-top-90 {
        margin-top: 60px;
    }
    .margin-top-120 {
        margin-top: 60px;
    }
    
    .padding-bottom-15 {
        padding-bottom: 15px;
    }
    .padding-bottom-30 {
        padding-bottom: 30px;
    }
    .padding-bottom-60 {
        padding-bottom: 30px;
    }
    .padding-bottom-90 {
        padding-bottom: 60px;
    }
    .padding-bottom-120 {
        padding-bottom: 60px;
    }
    
    .padding-top-15 {
        padding-top: 15px;
    }
    .padding-top-30 {
        padding-top: 30px;
    }
    .padding-top-60 {
        padding-top: 30px;
    }
    .padding-top-90 {
        padding-top: 60px;
    }
    .padding-top-120 {
        padding-top: 60px;
    }
    .m-btm-30 {
        margin-bottom: 30px;
    }
    .m-btm-0 {
        margin-bottom: 0;
    }
    .m-top-0 {
        margin-top: 0;
    }
    .page-id-29 .section_panel {
        margin-bottom: 0;
        height:auto
    }
}