/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 16:10:03 */
.about-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(99,107,47,0.2) 0%, transparent 60%);
}

/* Smooth Sticky Header */
.elementor-sticky--active {
   
}
/* Normal Header */
.mainheader{
/*     position:absolute; */
    top:0;
    left:0;
    width:100%;
    z-index:999;
    transition: all 0.4s ease-in-out;
}

.mainheader.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
    animation:smoothSticky 0.4s ease forwards;
}

@keyframes smoothSticky{
    from{
        transform:translateY(-100%);
    }
    to{
        transform:translateY(0);
    }
}


li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-25.current_page_item.parent.hfe-creative-menu.hfe-button-wrapper.elementor-widget-button a {
    color: var(--ast-global-color-6) !important;
}


ul.seed-list {
    margin: 7px 20px;
}

.hero-img img {
	    box-shadow: 0 0 0 6px rgba(99, 107, 47, 0.15), 0 20px 60px rgba(0, 0, 0, 0.4);
}

.video-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 20% 50%, rgba(99,107,47,0.12) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 50%, rgba(99,107,47,0.07) 0%, transparent 50%);
    pointer-events: none;
}

.video-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.7), 0 0 0 1px rgba(99,107,47,0.25);
}

.why-circle {
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3f4420, #636b2f);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #faf8f4;
    text-align: center;
    padding: 40px;
    box-shadow: 0 30px 80px rgba(99,107,47,0.35);
    position: relative;
    overflow: hidden;
}

.plant-badge .elementor-counter-title {
   text-align: left;
}

.plant-badge {
    position: absolute;
    bottom: -20px;
    right: -40px;
    width: 180px;
    height: 150px;
    background: var(--ast-global-color-0);
    border-radius: 50%;
    color: var(--ast-global-color-5);
    text-align: center;
    box-shadow: 0 8px 24px rgba(99,107,47,0.4);
}
.what-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--ast-global-color-0);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}

.what-card:hover::after {
    transform: scaleX(1);
}


.why-circle .elementor-widget-container,
.plant-badge .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-circle::before {
    content: '';
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50%;
}

.custom-cf7-form{
    width:100%;
}

.custom-cf7-form label{
    display:block;
    margin-bottom:12px;
    font-size:12px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#4a4a4a;
    line-height:1;
}

.cf7-row{
    display:flex;
    gap:20px;
    margin-bottom:22px;
}

.cf7-col{
    width:50%;
}

.cf7-full{
    margin-bottom:22px;
}

.custom-cf7-form input[type="text"],
.custom-cf7-form input[type="email"],
.custom-cf7-form select,
.custom-cf7-form textarea{
    width:100%;
    background:#e7dfd0;
    border:1px solid #d8d0c2;
    padding:16px 18px;
    font-size:16px;
    color:#666;
    border-radius:0;
    outline:none;
    box-shadow:none;
    transition:all .3s ease;
}

.custom-cf7-form textarea{
    height:160px;
    resize:none;
}

.custom-cf7-form select{
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}

.custom-cf7-form input:focus,
.custom-cf7-form select:focus,
.custom-cf7-form textarea:focus{
    border-color:#6e742c;
    background:#ebe4d7;
}

.cf7-btn{
    margin-top:30px;
}

.cf7-btn input[type="submit"]{
    width:100%;
    background:#6e742c;
    border:none;
    color:#fff;
    padding:20px;
    font-size:13px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
}

.cf7-btn input[type="submit"]:hover{
    opacity:.9;
}

.custom-cf7-form .wpcf7-spinner{
    margin-top:15px;
}

@media(max-width:767px){

    .cf7-row{
        flex-direction:column;
        gap:22px;
    }

    .cf7-col{
        width:100%;
    }

}


.twae-wrapper .twae-content {
    box-shadow: none !important;
	margin: 0 0 0 50px !important;
}

@media only screen and (min-width: 768px) {
  .twae-vertical-right.twae-wrapper .twae-labels {
		left: 9% !important;
		top: -15px !important;
		text-align: left !important;
	}
	.twae-vertical-right.twae-wrapper .twae-icondot {
		top: -12px !important;
		left: -12px !important;
	}
	
	.twae-vertical-right.twae-wrapper .twae-story {
		float: left !important;
	}
}

.twae-vertical.twae-wrapper .twae-start,
.twae-vertical.twae-wrapper .twae-end,
.twae-vertical-right.twae-wrapper .twae-arrow {
	display: none !important;
}

.twae-vertical.twae-wrapper .twae-timeline {
    padding: 40px 0 0 0 !important;
}

@media only screen and (min-width: 768px) {
    .twae-vertical-right.twae-wrapper .twae-inner-line, .twae-vertical-right.twae-wrapper .twae-timeline:before {
        left: auto !important;
    }
}

@media only screen and (max-width: 768px) {
    .twae-wrapper .twae-content {
		margin: 0 0 0 0px !important;
		padding: 0 !important;
	}
	
	.hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal {
    top: 68px !important;
}
}