*{ margin: 0; padding: 0;  font-family: 'Arial' !important;}
@font-face {font-family: 'Arial';src: url('../fonts/ArialMT.woff2') format('woff2'),url('ArialMT.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Bree Serif';src: url('../fonts/BreeSerif-Regular.woff2') format('woff2'),url('BreeSerif-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}


.primary-button-btn {display: flex;justify-content: right;background-color: #fdf9f3;color: #4a4a3f;border: none;padding: 5px 17px;border-radius: 999px;font-size: 14px;font-weight: 500;letter-spacing: 0.5px;cursor: pointer;transition: background-color 0.3s ease;width: fit-content;float: right;text-transform: uppercase;}
.primary-button-btn a:hover {color: #333;}
.primary-button-btn a {text-decoration: none;color: #7d7c6e;}
.bg-color-light-green {background: #9eab83;padding: 10px;}
.bg-color-hero-section {background: #fdf9f3;}
.bg-color-hero-section img {width: 100%;}
.fern-logo img {width: 100%;max-width: 170px;margin-bottom: 20px;}
.bg-color-hero-section .row {display: flex;align-items: center;}
.text-bg {display: inline-block;background: url(../images/higlight_one.jpg);background-size: cover;}
.bgcolor-light-yellow { background: #fff5e5; padding-top: 30px; padding-bottom: 30px;}    
.bgcolor-light-yellow .row {display: flex;align-items: center;}
.client  {display: inline-block;background: url(../images/highlight_two.png);background-size: cover;}
.bgcolor-light-yellow h3 {text-align: center;}
.bg-green p {margin-bottom: 0px;text-align: right;font-size: 23px;color: #fff;font-style: italic;}
.bg-green {background: #6f7453;padding: 30px;}
.founder-text {text-align: right;color: #fff;font-size: 12px;}
.bgcolor-light-yellow2 {background: #fff5e5;padding-top: 50px;padding-bottom: 50px;}
.fern-welcome h1 {font-family: 'Bree Serif'!important;font-size: 41px;color: #78715d;margin-bottom: 30px;line-height: 0px;text-align: center;}
.fern-welcome li {font-size: 19px;line-height: 40px;color: #857f6b;}
.fern-welcome ul {margin: 0px;padding: 0px;list-style: none;}
.light-orange-bg {background: #f9d9c3; padding-top: 70px; padding-bottom: 70px;}
.light-orange-bg .form-container {background-color: #e29590;padding: 20px;border-radius: 20px;width: 100%;max-width: 400px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);float: right;}
.light-orange-bg form {display: flex;flex-direction: column;}
.light-orange-bg label {margin-bottom: 5px;color: white;font-size: 12px;float: left;}
.light-orange-bg input {padding: 10px;margin-bottom: 5px;border: none;border-radius: 6px;background-color: #fff6f2;font-size: 1em;width: 100%;}
.light-orange-bg button {padding: 12px;border: none;border-radius: 6px; background-color: #ffedeb;color: #c45e5b;font-weight: bold;font-size: 1em;cursor: pointer;transition: background-color 0.3s;margin-top: 15px;}
.light-orange-bg button:hover {background-color: #fcbfb9;}
.light-orange-bg p {font-size: 19px;color: #d47e74;}
.light-orange-bg h2 {color: #d77e75;font-size: 40px;margin-bottom: 30px;}
.light-orange-bg .row {display: flex;align-items: center;}
.bgcolor-light-yellow3 {background: #fff5e5;padding-top: 50px;padding-bottom: 50px;}
.bgcolor-light-yellow3 h3 {font-family: 'Bree Serif'!important;color: #707258;font-size: 40px;margin-bottom: 20px;}
.sign li {font-size: 19px;line-height: 40px;color: #857f6b;position: relative;}
.sign ul {margin: 0px;list-style: none;padding-left: 20px;}
.sign li:before {background: url(../images/arrow.jpg);background-repeat: repeat;content: ""; position: absolute;background-size: contain;width: 14px;height: 14px;top: 12px;left: -22px;}
.bg-grow-green {background: #6d7551;}
.bg-grow-green .row {display: flex;align-items: center;}
.bg-grow-green p {color: #f5f8ed;font-size: 19px;margin-bottom: 0px;}
.title h4 {color: #f5f8ed;font-size: 40px;font-family: 'Bree Serif'!important;margin-bottom: 25px;}
.who-fern {background: #fff5e5;padding-top: 50px;padding-bottom: 50px;}
.who-fern h3 {font-family: 'Bree Serif'!important;color: #707258;font-size: 40px;margin-bottom: 10px;}
.who-fern p {font-size: 19px;line-height: 40px;margin-bottom: 0px;color: #6d6d53;}
.fern-welcome-foter {text-align: center;font-family: 'Bree Serif'!important;font-size: 40px;color: #6f7455;margin-bottom: 50px; line-height: 0px;}
.footer-bg {background: #d3d8be;padding-top: 50px;padding-bottom: 50px;}
.foter-bottom-title p {font-size: 19px;margin-bottom: 0px;}
.foter-bottom-title {font-family: 'Bree Serif'!important;color: #707258;font-size: 30px;margin-bottom: 10px;padding-top: 50px;}
.footer-bg li:before {background: url(../images/foter-arrow.png);background-repeat: repeat;content: "";position: absolute;background-size: contain;width: 8px;height: 8px;top: 8px;left: -15px;}
.footer-bg li {position: relative;}
.footer-bg ul {margin: 0px;padding: 0px;list-style: none;margin-bottom: 40px;}
.footer-bg li a {text-decoration: none;font-size: 13px;color: #707555;}
.footer-bg li a strong {font-size: 14px;}
button.fern-button {width: auto;margin: auto;padding: 5px 26px;font-size: 15px;text-transform: uppercase;border-radius: 100px;background: #606749;font-weight: 100;border: none;color: #fff;}
button.fern-button a {color: #fff;text-decoration: none;}
.footer-bottom-bg {background: #6d7551;padding-top: 70px;padding-bottom: 70px;}
.follow p {text-align: right;font-size: 25px;font-family: 'Bree Serif'!important;color: #fff;margin-bottom: 0px;}
.follow ul {margin: 0px;padding: 0px;list-style: none;display: flex;gap: 13px;justify-content: right;margin-top: 20px;}
.hash {text-align: right;color: #fff;font-size: 17px;padding-top: 10px;padding-right: 50px;}
.foter-logo-fern img {width: 100%;max-width: 458px;margin: auto;display: table; margin-bottom: 50px;}
.copyright {text-align: right;color: #fff;font-size: 12px;text-transform: capitalize;}
.form-container input:focus-visible {outline: none !important;}
label.error{color: #ad0000 !important;}
#toastPopup {opacity: 0;visibility: hidden;min-width: 250px; color: #fff;text-align: center;border-radius: 4px;padding: 14px;position: fixed;z-index: 9999;left: 50%;bottom: 30px;transform: translateX(-50%);font-size: 16px;transition: opacity 0.5s ease;}
#toastPopup.show {visibility: visible;opacity: 1;}
#toastPopup.success{background-color: #349702;}
#toastPopup.error{background-color: #891919;}



@media (min-width: 1025px) and (max-width: 1200px) {

.fern-welcome li {font-size: 17px;line-height: 37px;}
.bg-green p {font-size: 18px;}
.light-orange-bg h2 {font-size: 26px;margin-bottom: 20px;}
.sign li {font-size: 17px;line-height: 35px;}
.sign li:before {top: 7px;}
.bg-grow-green p {font-size: 16px;margin-bottom: 0px;}
.title h4 {font-size: 30px;margin-bottom: 4px;}
.who-fern p {font-size: 17px;}
.who-fern h3 {font-size: 30px;}
.bgcolor-light-yellow3 h3 {font-size: 30px;margin-bottom: 11px;}
.fern-welcome-foter {font-size: 30px;margin-bottom: 20px;}
.foter-bottom-title {font-size: 30px;margin-bottom: 10px;padding-top: 0px;}
.foter-bottom-title p {font-size: 17px;margin-bottom: 0px;}
.foter-logo-fern img {margin-bottom: 50px;}

}


@media (min-width: 576px) and (max-width: 1024px) {

.fern-welcome li {font-size: 17px;line-height: 37px;}
.bg-green p {font-size: 18px;}
.light-orange-bg h2 {font-size: 26px;margin-bottom: 20px;}
.sign li {font-size: 17px;line-height: 35px;}
.sign li:before {top: 7px;}
.bg-grow-green p {font-size: 16px;margin-bottom: 0px;}
.title h4 {font-size: 30px;margin-bottom: 4px;}
.who-fern p {font-size: 17px;}
.who-fern h3 {font-size: 30px;}
.bgcolor-light-yellow3 h3 {font-size: 30px;margin-bottom: 11px;}
.fern-welcome-foter {font-size: 30px;margin-bottom: 20px;}
.foter-bottom-title {font-size: 30px;margin-bottom: 10px;padding-top: 0px;}
.foter-bottom-title p {font-size: 17px;margin-bottom: 0px;}
.foter-logo-fern img {margin-bottom: 50px;}

  }


@media (min-width: 768px) and (max-width: 971px) {

.fern-welcome li {font-size: 17px;line-height: 37px;}
.bg-green p {font-size: 18px;}
.light-orange-bg h2 {font-size: 26px;margin-bottom: 20px;}
.sign li {font-size: 17px;line-height: 35px;}
.sign li:before {top: 7px;}
.bg-grow-green p {font-size: 16px;margin-bottom: 0px;}
.title h4 {font-size: 30px;margin-bottom: 4px;}
.who-fern p {font-size: 17px;}
.who-fern h3 {font-size: 30px;}
.bgcolor-light-yellow3 h3 {font-size: 30px;margin-bottom: 11px;}
.fern-welcome-foter {font-size: 30px;margin-bottom: 20px;}
.foter-bottom-title {font-size: 30px;margin-bottom: 10px;padding-top: 0px;}
.foter-bottom-title p {font-size: 17px;margin-bottom: 0px;}
.foter-logo-fern img {margin-bottom: 50px;}
}



@media (max-width: 767.98px) {

.primary-button-btn {float: none; margin: auto; display: table;}
.fern-logo { margin-top: 25px;}
.bg-color-hero-section {padding-bottom: 50px;}
.fern-logo h3 { font-size: 20px;}
.bgcolor-light-yellow h3 {margin-top: 25px;margin-bottom: 25px;font-size: 20px;}
.fern-welcome h1 {font-size: 30px;}
.fern-welcome li {font-size: 15px;line-height: 30px;}
.light-orange-bg h2 {font-size: 27px;margin-bottom: 20px;}
.light-orange-bg {padding-top: 40px;padding-bottom: 40px;}
.bg-green p {font-size: 16px;}
.bgcolor-light-yellow3 h3 {font-size: 30px; margin-bottom: 15px;}
.sign li {font-size: 15px; line-height: 30px;}
.sign li:before {top: 7px;}
.bg-grow-green p {font-size: 15px;margin-bottom: 30px;}
.title h4 {font-size: 30px; margin-bottom: 5px;}
.who-fern {padding-top: 40px; padding-bottom: 40px;}
.who-fern h3 {font-size: 30px;}
.who-fern p {font-size: 15px; line-height: 30px;}
.footer-bg ul {margin-left: 15px;}
.foter-bottom-title {font-size: 26px;margin-bottom: 10px;padding-top: 10px;}
.foter-bottom-title p {font-size: 15px;margin-bottom: 0px;}
.foter-logo-fern img {margin-bottom: 30px;}
.footer-bottom-bg {padding-top: 40px; padding-bottom: 40px;}
.light-orange-bg .form-container {float: none; max-width: 100%;}
}