@keyframes bgLine{0%{top:-80px}to{top:100%}}.blog-scoped-content{p {margin-bottom: .75rem} p {line-height: 1.625} p { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } @media (min-width: 1536px) {p {font-size: 1rem; line-height: 1.5rem}} h1.blog-title {margin-bottom: 1.5rem} h1.blog-title {font-size: 2.25rem; line-height: 2.5rem} h1.blog-title {font-weight: 700} h1.blog-title {line-height: 1.25} h1.blog-title { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {h1.blog-title {font-size: 3rem; line-height: 1}} @media (min-width: 1024px) {h1.blog-title {font-size: 3.75rem; line-height: 1}} h2.wp-block-heading,h2 {margin-bottom: .75rem} h2.wp-block-heading,h2 {margin-top: 2rem} h2.wp-block-heading,h2 {font-size: 1.5rem; line-height: 2rem} h2.wp-block-heading,h2 {font-weight: 700} h2.wp-block-heading,h2 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {h2.wp-block-heading,h2 {font-size: 1.875rem; line-height: 2.25rem}} h3.wp-block-heading,h3 {margin-bottom: .75rem} h3.wp-block-heading,h3 {margin-top: 1.5rem} h3.wp-block-heading,h3 {font-size: 1.25rem; line-height: 1.75rem} h3.wp-block-heading,h3 {font-weight: 700} h3.wp-block-heading,h3 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {h3.wp-block-heading,h3 {font-size: 1.5rem; line-height: 2rem}} h4.wp-block-heading,h4 {margin-bottom: .5rem} h4.wp-block-heading,h4 {margin-top: 1rem} h4.wp-block-heading,h4 {font-size: 1.125rem; line-height: 1.75rem} h4.wp-block-heading,h4 {font-weight: 700} h4.wp-block-heading,h4 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {h4.wp-block-heading,h4 {font-size: 1.25rem; line-height: 1.75rem}} h4.rank-math-question,h3.rank-math-question {margin-bottom: .5rem} h4.rank-math-question,h3.rank-math-question {font-size: 1.25rem; line-height: 1.75rem} h4.rank-math-question,h3.rank-math-question {font-weight: 700} h5.wp-block-heading,h5 {margin-bottom: .5rem} h5.wp-block-heading,h5 {margin-top: .75rem} h5.wp-block-heading,h5 {font-size: 1rem; line-height: 1.5rem} h5.wp-block-heading,h5 {font-weight: 700} h5.wp-block-heading,h5 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {h5.wp-block-heading,h5 {font-size: 1.125rem; line-height: 1.75rem}} h6.wp-block-heading,h6 {margin-bottom: .5rem} h6.wp-block-heading,h6 {margin-top: .75rem} h6.wp-block-heading,h6 {font-size: .875rem; line-height: 1.25rem} h6.wp-block-heading,h6 {font-weight: 700} h6.wp-block-heading,h6 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {h6.wp-block-heading,h6 {font-size: 1rem; line-height: 1.5rem}} .blog-subtitle {margin-bottom: 2rem} .blog-subtitle {font-size: 1.125rem; line-height: 1.75rem} .blog-subtitle {line-height: 1.625} .blog-subtitle { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.blog-subtitle {font-size: 1.25rem; line-height: 1.75rem}} .blog-meta {margin-bottom: 1.5rem} .blog-meta {display: flex} .blog-meta {flex-wrap: wrap} .blog-meta {align-items: center} .blog-meta {gap: 1rem} .blog-meta {font-size: .875rem; line-height: 1.25rem} .blog-meta { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) } .blog-meta-item {display: flex} .blog-meta-item {align-items: center} .blog-meta-item {gap: .5rem} .link-blue { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)) } .link-blue {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .link-blue:hover { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)) } .link-orange { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .link-orange {text-decoration-line: underline} .link-orange {text-decoration-color: #ffcd05} .link-orange {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .link-orange:hover { --tw-text-opacity: 1; color: rgb(0 77 64 / var(--tw-text-opacity, 1)) } a.inline-link { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } a.inline-link {text-decoration-line: underline} a.inline-link {text-decoration-color: #ffcd05} a.inline-link {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} a.inline-link:hover { --tw-text-opacity: 1; color: rgb(0 77 64 / var(--tw-text-opacity, 1)) } ul.wp-block-list,ul {margin-left: 2rem} ul.wp-block-list,ul {margin-bottom: .75rem} ul.wp-block-list,ul {list-style-type: disc} ul.wp-block-list > :not([hidden]) ~ :not([hidden]),ul > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) } ul.nav-list,ul.menu {margin-bottom: 0px} ul.nav-list,ul.menu {margin-left: 0px} ul.nav-list,ul.menu {list-style-type: none} ol.wp-block-list,ol {margin-left: 2rem} ol.wp-block-list,ol {margin-bottom: .75rem} ol.wp-block-list,ol {list-style-type: decimal} ol.wp-block-list > :not([hidden]) ~ :not([hidden]),ol > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) } ul li,ol li {line-height: 1.625} ul li,ol li { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } ul.checklist {margin-left: 0px} ul.checklist {list-style-type: none} ul.checklist > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) } ul.checklist li:before {content: "✓"} ul.checklist li:before {margin-right: .75rem} ul.checklist li:before {font-weight: 700} ul.checklist li:before { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)) } ul.arrow-list {margin-left: 0px} ul.arrow-list {list-style-type: none} ul.arrow-list > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) } ul.arrow-list li {position: relative} ul.arrow-list li {padding-left: 1.5rem} ul.arrow-list li:before {content: "→"} ul.arrow-list li:before {position: absolute} ul.arrow-list li:before {left: 0px} ul.arrow-list li:before {font-size: 1.25rem; line-height: 1.75rem} ul.arrow-list li:before {font-weight: 700} ul.arrow-list li:before { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } blockquote.wp-block-quote,blockquote {margin-top: 1rem; margin-bottom: 1rem} blockquote.wp-block-quote,blockquote {border-top-right-radius: .5rem; border-bottom-right-radius: .5rem} blockquote.wp-block-quote,blockquote {border-left-width: 4px} blockquote.wp-block-quote,blockquote { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)) } blockquote.wp-block-quote,blockquote { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) } blockquote.wp-block-quote,blockquote {padding: 1rem} blockquote.wp-block-quote,blockquote { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .wp-block-quote p,blockquote p {margin-bottom: .5rem} .wp-block-quote p,blockquote p {font-size: 1.25rem; line-height: 1.75rem} @media (min-width: 768px) {.wp-block-quote p,blockquote p {font-size: 1.5rem; line-height: 2rem}} .wp-block-quote cite,blockquote cite {margin-top: .5rem} .wp-block-quote cite,blockquote cite {display: block} .wp-block-quote cite,blockquote cite {font-size: 1rem; line-height: 1.5rem} .wp-block-quote cite,blockquote cite { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) } blockquote.quote-orange {margin-top: 1.5rem; margin-bottom: 1.5rem} blockquote.quote-orange {border-top-right-radius: .5rem; border-bottom-right-radius: .5rem} blockquote.quote-orange {border-left-width: 4px} blockquote.quote-orange { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } blockquote.quote-orange {background-image: linear-gradient(to right,var(--tw-gradient-stops))} blockquote.quote-orange { --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } blockquote.quote-orange { --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position) } blockquote.quote-orange {padding: 1.5rem} blockquote.quote-orange { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } blockquote.quote-orange p {font-weight: 500} blockquote.quote-orange p {font-style: italic} blockquote.quote-orange p { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } .pullquote {margin-top: 2rem; margin-bottom: 2rem} .pullquote {border-top-width: 2px} .pullquote {border-bottom-width: 2px} .pullquote {border-color: rgb(0 85 71 / .2)} .pullquote {padding-top: 1.5rem; padding-bottom: 1.5rem} .pullquote {text-align: center} .pullquote {font-size: 1.5rem; line-height: 2rem} .pullquote {font-weight: 700} .pullquote {font-style: italic} .pullquote { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.pullquote {font-size: 1.875rem; line-height: 2.25rem}} .quote-box {margin-top: 1.5rem; margin-bottom: 1.5rem} .quote-box {border-radius: .5rem} .quote-box {border-left-width: 4px} .quote-box { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } .quote-box {background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))} .quote-box { --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .quote-box { --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position) } .quote-box {padding: 1.5rem} .quote-box { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .quote-box p {margin-bottom: 0px} .quote-box p {font-size: 1.125rem; line-height: 1.75rem} .quote-box p {font-weight: 500} .quote-box p {font-style: italic} .quote-box p { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.quote-box p {font-size: 1.25rem; line-height: 1.75rem}} figure {margin: 0px} figure {margin-bottom: 1.5rem} .size-full {height: auto} .size-full {max-width: 100%} .wp-block-image .aligncenter {margin-left: auto; margin-right: auto} .wp-block-image .aligncenter {display: table} .wp-block-image .aligncenter {width: auto} figure.wp-block-image.size-full img {margin: 0px} figure.wp-block-image.size-full img {margin-left: auto; margin-right: auto} figure.wp-block-image.size-full img {border-radius: .5rem} figure.wp-block-image.size-full img { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } figcaption.wp-element-caption,figcaption {margin-top: .5rem} figcaption.wp-element-caption,figcaption {display: block} figcaption.wp-element-caption,figcaption {text-align: center} figcaption.wp-element-caption,figcaption {font-size: .875rem; line-height: 1.25rem} figcaption.wp-element-caption,figcaption {font-style: italic} figcaption.wp-element-caption,figcaption { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) } .blog-hero-image {height: 16rem} .blog-hero-image {width: 100%} .blog-hero-image {border-top-left-radius: 1rem; border-top-right-radius: 1rem} .blog-hero-image {-o-object-fit: cover; object-fit: cover} @media (min-width: 768px) {.blog-hero-image {height: 24rem}} @media (min-width: 1024px) {.blog-hero-image {height: 500px}} .blog-hero-image-wrapper {margin-bottom: 2rem} .blog-hero-image-wrapper {overflow: hidden} .blog-hero-image-wrapper {border-radius: 1rem} .blog-hero-image-wrapper { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .featured-image {margin-top: 2rem; margin-bottom: 2rem} .featured-image {overflow: hidden} .featured-image {border-radius: .5rem} .featured-image { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .featured-image img {height: auto} .featured-image img {width: 100%} .featured-image img {-o-object-fit: cover; object-fit: cover} .image-grid {margin-top: 2rem; margin-bottom: 2rem} .image-grid {display: grid} .image-grid {grid-template-columns: repeat(1,minmax(0,1fr))} .image-grid {gap: 1rem} @media (min-width: 768px) {.image-grid {grid-template-columns: repeat(2,minmax(0,1fr))}} @media (min-width: 768px) {.image-grid {gap: 1.5rem}} .image-grid img {height: 12rem} .image-grid img {width: 100%} .image-grid img {border-radius: .5rem} .image-grid img {-o-object-fit: cover; object-fit: cover} .image-grid img { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .image-grid img {transition-property: box-shadow; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .image-grid img {transition-duration: .3s} .image-grid img:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } @media (min-width: 768px) {.image-grid img {height: 16rem}} .image-grid-3 {margin-top: 2rem; margin-bottom: 2rem} .image-grid-3 {display: grid} .image-grid-3 {grid-template-columns: repeat(1,minmax(0,1fr))} .image-grid-3 {gap: 1rem} @media (min-width: 768px) {.image-grid-3 {grid-template-columns: repeat(3,minmax(0,1fr))}} .image-grid-3 img {height: 12rem} .image-grid-3 img {width: 100%} .image-grid-3 img {border-radius: .5rem} .image-grid-3 img {-o-object-fit: cover; object-fit: cover} .image-grid-3 img { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .image-grid-3 img {transition-property: box-shadow; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .image-grid-3 img {transition-duration: .3s} .image-grid-3 img:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .image-caption-box {margin-top: 2rem; margin-bottom: 2rem} .image-caption-box {overflow: hidden} .image-caption-box {border-radius: .5rem} .image-caption-box { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .image-caption-box { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .image-caption-box img {height: auto} .image-caption-box img {width: 100%} .image-caption-box figcaption { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) } .image-caption-box figcaption {padding: 1rem} .image-caption-box figcaption {text-align: center} .is-layout-flex {display: flex} .is-layout-flex {flex-wrap: wrap} .is-layout-flex {align-items: center} .is-layout-flex {gap: 1.5rem} .wp-block-columns {margin-bottom: .75rem} .wp-block-columns {display: flex} .wp-block-columns {flex-wrap: wrap} .wp-block-columns {align-items: center} .wp-block-columns {gap: 1.5rem} @media (min-width: 768px) {.wp-block-columns {flex-wrap: nowrap}} .wp-block-column {flex-grow: 1} .wp-block-column {flex-basis: 100%} .wp-block-column {overflow-wrap: break-word} @media (min-width: 768px) {.wp-block-column {flex-grow: 0}} .wp-block-embed {margin-bottom: 1.5rem} .wp-block-embed {overflow: hidden} .wp-block-embed {overflow-wrap: break-word} .wp-block-embed {border-radius: .5rem} .wp-block-embed { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .wp-block-buttons.is-content-justification-center {display: flex} .wp-block-buttons.is-content-justification-center {flex-wrap: wrap} .wp-block-buttons.is-content-justification-center {justify-content: center} .wp-block-buttons.is-content-justification-center {gap: 1rem} .wp-block-buttons>.wp-block-button {margin: 0px} .wp-block-buttons>.wp-block-button {display: inline-block} .wp-element-button,.eb-cia-button a {margin-top: .75rem; margin-bottom: .75rem} .wp-element-button,.eb-cia-button a {border-radius: .5rem} .wp-element-button,.eb-cia-button a {padding-left: 2.5rem; padding-right: 2.5rem} .wp-element-button,.eb-cia-button a {padding-top: .75rem; padding-bottom: .75rem} .wp-element-button,.eb-cia-button a {font-weight: 600} .wp-element-button,.eb-cia-button a {transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .wp-element-button,.eb-cia-button a {transition-duration: .3s} .btn-primary {border-radius: .5rem} .btn-primary { --tw-bg-opacity: 1; background-color: rgb(0 85 71 / var(--tw-bg-opacity, 1)) } .btn-primary {padding-left: 2rem; padding-right: 2rem} .btn-primary {padding-top: .75rem; padding-bottom: .75rem} .btn-primary {font-weight: 600} .btn-primary { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .btn-primary { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .btn-primary {transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .btn-primary {transition-duration: .3s} .btn-primary:hover { --tw-bg-opacity: 1; background-color: rgb(0 68 58 / var(--tw-bg-opacity, 1)) } .btn-primary:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .btn-secondary {border-radius: .5rem} .btn-secondary { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) } .btn-secondary {padding-left: 2rem; padding-right: 2rem} .btn-secondary {padding-top: .75rem; padding-bottom: .75rem} .btn-secondary {font-weight: 600} .btn-secondary { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } .btn-secondary {transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .btn-secondary {transition-duration: .3s} .btn-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)) } .btn-outline {border-radius: .5rem} .btn-outline {border-width: 2px} .btn-outline { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } .btn-outline {padding-left: 2rem; padding-right: 2rem} .btn-outline {padding-top: .75rem; padding-bottom: .75rem} .btn-outline {font-weight: 600} .btn-outline { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .btn-outline {transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .btn-outline {transition-duration: .3s} .btn-outline:hover { --tw-bg-opacity: 1; background-color: rgb(0 85 71 / var(--tw-bg-opacity, 1)) } .btn-outline:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .wp-block-essential-blocks-call-to-action {margin-top: 2rem; margin-bottom: 2rem} .wp-block-essential-blocks-call-to-action {border-radius: 1rem} .wp-block-essential-blocks-call-to-action {border-width: 1px} .wp-block-essential-blocks-call-to-action { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)) } .wp-block-essential-blocks-call-to-action { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .wp-block-essential-blocks-call-to-action {padding: 2rem} .wp-block-essential-blocks-call-to-action {text-align: center} .wp-block-essential-blocks-call-to-action { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .eb-cia-title {margin-bottom: .75rem} .eb-cia-title {font-size: 1.5rem; line-height: 2rem} .eb-cia-title {font-weight: 700} .eb-cia-title { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.eb-cia-title {font-size: 1.875rem; line-height: 2.25rem}} .eb-cia-description {margin-bottom: 1.5rem} .eb-cia-description { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.eb-cia-description {font-size: 1.25rem; line-height: 1.75rem}} .cta-box-orange {margin-top: 2rem; margin-bottom: 2rem} .cta-box-orange {border-radius: 1rem} .cta-box-orange {background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))} .cta-box-orange { --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .cta-box-orange { --tw-gradient-to: #00443a var(--tw-gradient-to-position) } .cta-box-orange {padding: 2rem} .cta-box-orange {text-align: center} .cta-box-orange { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .cta-box-orange { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } @media (min-width: 768px) {.cta-box-orange {padding: 3rem}} .cta-box-orange h2,.cta-box-orange h3 {margin-bottom: 1rem} .cta-box-orange h2,.cta-box-orange h3 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .cta-box-orange p {margin-bottom: 1.5rem} .cta-box-orange p {font-size: 1.125rem; line-height: 1.75rem} .cta-box-orange p { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .cta-box-orange .btn-primary { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .cta-box-orange .btn-primary { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .cta-box-orange .btn-primary:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) } .blog-container {margin-left: auto; margin-right: auto} .blog-container {margin-top: 2rem; margin-bottom: 2rem} .blog-container {max-width: 56rem} .blog-container {overflow: hidden} .blog-container {border-radius: 1rem} .blog-container { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .blog-container { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .blog-content {padding-left: 1.5rem; padding-right: 1.5rem} .blog-content {padding-top: 2rem; padding-bottom: 2rem} @media (min-width: 768px) {.blog-content {padding-left: 3rem; padding-right: 3rem}} @media (min-width: 768px) {.blog-content {padding-top: 3rem; padding-bottom: 3rem}} @media (min-width: 1024px) {.blog-content {padding-left: 4rem; padding-right: 4rem}} .section-divider {margin-top: 2rem; margin-bottom: 2rem} .section-divider {height: .125rem} .section-divider {border-style: none} .section-divider {background-image: linear-gradient(to right,var(--tw-gradient-stops))} .section-divider { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .section-divider { --tw-gradient-to: rgb(255 205 5 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffcd05 var(--tw-gradient-via-position), var(--tw-gradient-to) } .section-divider { --tw-gradient-to: transparent var(--tw-gradient-to-position) } @media (min-width: 768px) {.section-divider {margin-top: 3rem; margin-bottom: 3rem}} .info-box {margin-top: 1.5rem; margin-bottom: 1.5rem} .info-box {border-top-right-radius: .5rem; border-bottom-right-radius: .5rem} .info-box {border-left-width: 4px} .info-box { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)) } .info-box { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)) } .info-box {padding: 1.5rem} .info-box { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .info-box-title {margin-bottom: .5rem} .info-box-title {font-size: 1.125rem; line-height: 1.75rem} .info-box-title {font-weight: 700} .info-box-title { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)) } .info-box-content { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)) } .warning-box {margin-top: 1.5rem; margin-bottom: 1.5rem} .warning-box {border-top-right-radius: .5rem; border-bottom-right-radius: .5rem} .warning-box {border-left-width: 4px} .warning-box { --tw-border-opacity: 1; border-color: rgb(234 179 8 / var(--tw-border-opacity, 1)) } .warning-box { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)) } .warning-box {padding: 1.5rem} .warning-box { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .warning-box-title {margin-bottom: .5rem} .warning-box-title {font-size: 1.125rem; line-height: 1.75rem} .warning-box-title {font-weight: 700} .warning-box-title { --tw-text-opacity: 1; color: rgb(113 63 18 / var(--tw-text-opacity, 1)) } .warning-box-content { --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)) } .success-box {margin-top: 1.5rem; margin-bottom: 1.5rem} .success-box {border-top-right-radius: .5rem; border-bottom-right-radius: .5rem} .success-box {border-left-width: 4px} .success-box { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)) } .success-box { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) } .success-box {padding: 1.5rem} .success-box { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .success-box-title {margin-bottom: .5rem} .success-box-title {font-size: 1.125rem; line-height: 1.75rem} .success-box-title {font-weight: 700} .success-box-title { --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity, 1)) } .success-box-content { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)) } .highlight-box {margin-top: 1.5rem; margin-bottom: 1.5rem} .highlight-box {border-radius: .5rem} .highlight-box {border-width: 2px} .highlight-box {border-color: rgb(0 85 71 / .2)} .highlight-box { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) } .highlight-box {padding: 1.5rem} .highlight-box { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } table {margin-top: 1.5rem; margin-bottom: 1.5rem} table {width: 100%} table {border-collapse: collapse} table {font-size: .875rem; line-height: 1.25rem} @media (min-width: 768px) {table {font-size: 1rem; line-height: 1.5rem}} table thead { --tw-bg-opacity: 1; background-color: rgb(0 85 71 / var(--tw-bg-opacity, 1)) } table thead { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } table th {border-width: 1px} table th { --tw-border-opacity: 1; border-color: rgb(194 65 12 / var(--tw-border-opacity, 1)) } table th {padding: .75rem} table th {text-align: left} table th {font-weight: 700} @media (min-width: 768px) {table th {padding: 1rem}} table tbody tr {border-bottom-width: 1px} table tbody tr { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) } table tbody tr {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} table tbody tr:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) } table tbody tr:nth-child(even) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) } table td {border-width: 1px} table td { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) } table td {padding: .75rem} @media (min-width: 768px) {table td {padding: 1rem}} .table-wrapper {margin-top: 1.5rem; margin-bottom: 1.5rem} .table-wrapper {overflow-x: auto} .table-wrapper {border-radius: .5rem} .table-wrapper { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } code {border-radius: .25rem} code { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) } code {padding-left: .5rem; padding-right: .5rem} code {padding-top: .25rem; padding-bottom: .25rem} code {font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} code {font-size: .875rem; line-height: 1.25rem} code { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)) } pre {margin-top: 1.5rem; margin-bottom: 1.5rem} pre {overflow-x: auto} pre {border-radius: .5rem} pre { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) } pre {padding: 1rem} pre { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)) } pre { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } @media (min-width: 768px) {pre {padding: 1.5rem}} pre code {background-color: transparent} pre code {padding-left: 0px; padding-right: 0px} pre code {padding-top: 0px; padding-bottom: 0px} pre code { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)) } .author-bio {margin-top: 2rem; margin-bottom: 2rem} .author-bio {border-radius: .75rem} .author-bio {border-width: 1px} .author-bio { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) } .author-bio {background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))} .author-bio { --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .author-bio { --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position) } .author-bio {padding: 1.5rem} .author-bio { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } @media (min-width: 768px) {.author-bio {padding: 2rem}} .author-bio-header {margin-bottom: 1rem} .author-bio-header {display: flex} .author-bio-header {align-items: center} .author-bio-header {gap: 1rem} .author-avatar {height: 4rem} .author-avatar {width: 4rem} .author-avatar {border-radius: 9999px} .author-avatar {border-width: 4px} .author-avatar { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } .author-avatar {-o-object-fit: cover; object-fit: cover} @media (min-width: 768px) {.author-avatar {height: 5rem}} @media (min-width: 768px) {.author-avatar {width: 5rem}} .author-name {font-size: 1.25rem; line-height: 1.75rem} .author-name {font-weight: 700} .author-name { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.author-name {font-size: 1.5rem; line-height: 2rem}} .author-title {font-size: .875rem; line-height: 1.25rem} .author-title { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) } .author-description {line-height: 1.625} .author-description { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } .tags-container {margin-top: 1.5rem; margin-bottom: 1.5rem} .tags-container {display: flex} .tags-container {flex-wrap: wrap} .tags-container {gap: .5rem} .tag {cursor: pointer} .tag {border-radius: 9999px} .tag { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) } .tag {padding-left: .75rem; padding-right: .75rem} .tag {padding-top: .25rem; padding-bottom: .25rem} .tag {font-size: .875rem; line-height: 1.25rem} .tag {font-weight: 500} .tag { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } .tag {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .tag:hover { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)) } .tag:hover { --tw-text-opacity: 1; color: rgb(0 77 64 / var(--tw-text-opacity, 1)) } .tag-orange {border-radius: 9999px} .tag-orange { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)) } .tag-orange {padding-left: .75rem; padding-right: .75rem} .tag-orange {padding-top: .25rem; padding-bottom: .25rem} .tag-orange {font-size: .875rem; line-height: 1.25rem} .tag-orange {font-weight: 500} .tag-orange { --tw-text-opacity: 1; color: rgb(0 77 64 / var(--tw-text-opacity, 1)) } .category-badge {display: inline-block} .category-badge {border-radius: .5rem} .category-badge { --tw-bg-opacity: 1; background-color: rgb(0 85 71 / var(--tw-bg-opacity, 1)) } .category-badge {padding-left: 1rem; padding-right: 1rem} .category-badge {padding-top: .5rem; padding-bottom: .5rem} .category-badge {font-size: .875rem; line-height: 1.25rem} .category-badge {font-weight: 600} .category-badge { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .related-posts {margin-top: 3rem; margin-bottom: 3rem} .related-posts {border-radius: .75rem} .related-posts { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) } .related-posts {padding: 1.5rem} @media (min-width: 768px) {.related-posts {padding: 2rem}} .related-posts-title {margin-bottom: 1.5rem} .related-posts-title {font-size: 1.5rem; line-height: 2rem} .related-posts-title {font-weight: 700} .related-posts-title { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.related-posts-title {font-size: 1.875rem; line-height: 2.25rem}} .related-posts-grid {display: grid} .related-posts-grid {grid-template-columns: repeat(1,minmax(0,1fr))} .related-posts-grid {gap: 1.5rem} @media (min-width: 768px) {.related-posts-grid {grid-template-columns: repeat(2,minmax(0,1fr))}} @media (min-width: 1024px) {.related-posts-grid {grid-template-columns: repeat(3,minmax(0,1fr))}} .related-post-card {cursor: pointer} .related-post-card {overflow: hidden} .related-post-card {border-radius: .5rem} .related-post-card { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .related-post-card { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .related-post-card {transition-property: box-shadow; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .related-post-card {transition-duration: .3s} .related-post-card:hover { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .related-post-image {height: 12rem} .related-post-image {width: 100%} .related-post-image {-o-object-fit: cover; object-fit: cover} .related-post-content {padding: 1rem} .related-post-title {margin-bottom: .5rem} .related-post-title {font-size: 1.125rem; line-height: 1.75rem} .related-post-title {font-weight: 700} .related-post-title { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } .related-post-title {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .related-post-title:hover { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .related-post-excerpt {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2} .related-post-excerpt {font-size: .875rem; line-height: 1.25rem} .related-post-excerpt { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) } .social-share {margin-top: 2rem; margin-bottom: 2rem} .social-share {display: flex} .social-share {align-items: center} .social-share {gap: 1rem} .social-share-title {font-weight: 700} .social-share-title { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } .social-icon {display: flex} .social-icon {height: 2.5rem} .social-icon {width: 2.5rem} .social-icon {cursor: pointer} .social-icon {align-items: center} .social-icon {justify-content: center} .social-icon {border-radius: 9999px} .social-icon {transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .social-icon {transition-duration: .3s} .social-icon-facebook { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)) } .social-icon-facebook { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .social-icon-facebook:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)) } .social-icon-twitter { --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)) } .social-icon-twitter { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .social-icon-twitter:hover { --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1)) } .social-icon-linkedin { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)) } .social-icon-linkedin { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .social-icon-linkedin:hover { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1)) } .social-icon-whatsapp { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)) } .social-icon-whatsapp { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .social-icon-whatsapp:hover { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)) } .breadcrumbs {margin-bottom: 1.5rem} .breadcrumbs {display: flex} .breadcrumbs {flex-wrap: wrap} .breadcrumbs {align-items: center} .breadcrumbs {gap: .5rem} .breadcrumbs {font-size: .875rem; line-height: 1.25rem} .breadcrumbs { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) } .breadcrumb-item {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .breadcrumb-item:hover { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .breadcrumb-separator { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)) } .reading-progress {position: fixed} .reading-progress {top: 0px} .reading-progress {left: 0px} .reading-progress {z-index: 50} .reading-progress {height: .25rem} .reading-progress { --tw-bg-opacity: 1; background-color: rgb(0 85 71 / var(--tw-bg-opacity, 1)) } .reading-progress {transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .reading-progress {transition-duration: .15s} .table-of-contents {margin-top: 2rem; margin-bottom: 2rem} .table-of-contents {border-radius: .75rem} .table-of-contents {border-left-width: 4px} .table-of-contents { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } .table-of-contents {background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))} .table-of-contents { --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .table-of-contents { --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position) } .table-of-contents {padding: 1.5rem} .table-of-contents-title {margin-bottom: 1rem} .table-of-contents-title {font-size: 1.25rem; line-height: 1.75rem} .table-of-contents-title {font-weight: 700} .table-of-contents-title { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } .table-of-contents ul {margin-left: 0px} .table-of-contents ul {list-style-type: none} .table-of-contents ul > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) } .table-of-contents li {border-left-width: 2px} .table-of-contents li { --tw-border-opacity: 1; border-color: rgb(255 205 5 / var(--tw-border-opacity, 1)) } .table-of-contents li {padding-left: 1rem} .table-of-contents li {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .table-of-contents li:hover { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } .table-of-contents a {font-weight: 500} .table-of-contents a { --tw-text-opacity: 1; color: rgb(0 77 64 / var(--tw-text-opacity, 1)) } .table-of-contents a {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .table-of-contents a:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } .newsletter-box {margin-top: 3rem; margin-bottom: 3rem} .newsletter-box {border-radius: 1rem} .newsletter-box {background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))} .newsletter-box { --tw-gradient-from: #005547 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 85 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .newsletter-box { --tw-gradient-to: #00443a var(--tw-gradient-to-position) } .newsletter-box {padding: 2rem} .newsletter-box {text-align: center} .newsletter-box { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } @media (min-width: 768px) {.newsletter-box {padding: 3rem}} .newsletter-title {margin-bottom: 1rem} .newsletter-title {font-size: 1.5rem; line-height: 2rem} .newsletter-title {font-weight: 700} .newsletter-title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.newsletter-title {font-size: 1.875rem; line-height: 2.25rem}} .newsletter-description {margin-bottom: 1.5rem} .newsletter-description {font-size: 1.125rem; line-height: 1.75rem} .newsletter-description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .newsletter-form {margin-left: auto; margin-right: auto} .newsletter-form {display: flex} .newsletter-form {max-width: 42rem} .newsletter-form {flex-direction: column} .newsletter-form {gap: 1rem} @media (min-width: 768px) {.newsletter-form {flex-direction: row}} .newsletter-input {flex-grow: 1} .newsletter-input {border-radius: .5rem} .newsletter-input {border-width: 2px} .newsletter-input { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) } .newsletter-input {padding-left: 1.5rem; padding-right: 1.5rem} .newsletter-input {padding-top: .75rem; padding-bottom: .75rem} .newsletter-input:focus {outline: 2px solid transparent; outline-offset: 2px} .newsletter-input:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } .newsletter-input:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)) } .newsletter-button {border-radius: .5rem} .newsletter-button { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .newsletter-button {padding-left: 2rem; padding-right: 2rem} .newsletter-button {padding-top: .75rem; padding-bottom: .75rem} .newsletter-button {font-weight: 700} .newsletter-button { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .newsletter-button {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .newsletter-button:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) } .comments-section {margin-top: 3rem; margin-bottom: 3rem} .comments-section {border-radius: .75rem} .comments-section { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) } .comments-section {padding: 1.5rem} @media (min-width: 768px) {.comments-section {padding: 2rem}} .comments-title {margin-bottom: 1.5rem} .comments-title {font-size: 1.5rem; line-height: 2rem} .comments-title {font-weight: 700} .comments-title { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.comments-title {font-size: 1.875rem; line-height: 2.25rem}} .comment {margin-bottom: 1rem} .comment {border-radius: .5rem} .comment {border-width: 1px} .comment { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) } .comment { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .comment {padding: 1.5rem} .comment { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .comment-header {margin-bottom: .75rem} .comment-header {display: flex} .comment-header {align-items: center} .comment-header {gap: 1rem} .comment-avatar {height: 3rem} .comment-avatar {width: 3rem} .comment-avatar {border-radius: 9999px} .comment-avatar {-o-object-fit: cover; object-fit: cover} .comment-author {font-weight: 700} .comment-author { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } .comment-date {font-size: .875rem; line-height: 1.25rem} .comment-date { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)) } .comment-content {line-height: 1.625} .comment-content { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } .timeline {position: relative} .timeline {margin-top: 2rem; margin-bottom: 2rem} .timeline {margin-left: 2rem} .timeline:before {content: ""} .timeline:before {position: absolute} .timeline:before {left: 0px} .timeline:before {top: 0px} .timeline:before {bottom: 0px} .timeline:before {width: .125rem} .timeline:before { --tw-bg-opacity: 1; background-color: rgb(255 205 5 / var(--tw-bg-opacity, 1)) } .timeline-item {position: relative} .timeline-item {margin-bottom: 2rem} .timeline-item {padding-left: 2rem} .timeline-item:before {content: ""} .timeline-item:before {position: absolute} .timeline-item:before {left: 0px} .timeline-item:before {top: .5rem} .timeline-item:before {height: 1rem} .timeline-item:before {width: 1rem} .timeline-item:before { --tw-translate-x: -50%; 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)) } .timeline-item:before {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))} .timeline-item:before {border-radius: 9999px} .timeline-item:before {border-width: 4px} .timeline-item:before { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) } .timeline-item:before { --tw-bg-opacity: 1; background-color: rgb(0 85 71 / var(--tw-bg-opacity, 1)) } .timeline-item:before { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .timeline-content {border-radius: .5rem} .timeline-content {border-left-width: 4px} .timeline-content { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } .timeline-content { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .timeline-content {padding: 1.5rem} .timeline-content { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .timeline-date {margin-bottom: .5rem} .timeline-date {font-size: .875rem; line-height: 1.25rem} .timeline-date {font-weight: 700} .timeline-date { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .timeline-title {margin-bottom: .5rem} .timeline-title {font-size: 1.125rem; line-height: 1.75rem} .timeline-title {font-weight: 700} .timeline-title { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } .accordion {margin-top: 1.5rem; margin-bottom: 1.5rem} .accordion > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)) } .accordion-item {overflow: hidden} .accordion-item {border-radius: .5rem} .accordion-item {border-width: 1px} .accordion-item { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) } .accordion-item { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) } .accordion-item { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .accordion-header {display: flex} .accordion-header {cursor: pointer} .accordion-header {align-items: center} .accordion-header {justify-content: space-between} .accordion-header {padding: 1rem} .accordion-header {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s} .accordion-header:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) } @media (min-width: 768px) {.accordion-header {padding: 1.5rem}} .accordion-title {font-size: 1.125rem; line-height: 1.75rem} .accordion-title {font-weight: 700} .accordion-title { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } .accordion-icon {font-size: 1.5rem; line-height: 2rem} .accordion-icon {font-weight: 700} .accordion-icon { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .accordion-content {padding: 1rem} .accordion-content {padding-top: 0px} .accordion-content {line-height: 1.625} .accordion-content { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.accordion-content {padding: 1.5rem}} .stats-grid {margin-top: 2rem; margin-bottom: 2rem} .stats-grid {display: grid} .stats-grid {grid-template-columns: repeat(2,minmax(0,1fr))} .stats-grid {gap: 1rem} @media (min-width: 768px) {.stats-grid {grid-template-columns: repeat(4,minmax(0,1fr))}} .stat-box {border-radius: .75rem} .stat-box {background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))} .stat-box { --tw-gradient-from: #005547 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 85 71 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .stat-box { --tw-gradient-to: #00443a var(--tw-gradient-to-position) } .stat-box {padding: 1.5rem} .stat-box {text-align: center} .stat-box { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) } .stat-box { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .stat-number {margin-bottom: .5rem} .stat-number {font-size: 1.875rem; line-height: 2.25rem} .stat-number {font-weight: 700} @media (min-width: 768px) {.stat-number {font-size: 2.25rem; line-height: 2.5rem}} .stat-label {font-size: .875rem; line-height: 1.25rem} .stat-label {opacity: .9} @media (min-width: 768px) {.stat-label {font-size: 1rem; line-height: 1.5rem}} .testimonial {margin-top: 2rem; margin-bottom: 2rem} .testimonial {border-radius: 1rem} .testimonial {background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))} .testimonial { --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .testimonial { --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position) } .testimonial {padding: 2rem} .testimonial {text-align: center} .testimonial { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .testimonial-quote {position: relative} .testimonial-quote {margin-bottom: 1.5rem} .testimonial-quote {font-size: 1.25rem; line-height: 1.75rem} .testimonial-quote {font-style: italic} .testimonial-quote { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) } @media (min-width: 768px) {.testimonial-quote {font-size: 1.5rem; line-height: 2rem}} .testimonial-quote:before {content: "“"} .testimonial-quote:before {position: absolute} .testimonial-quote:before {top: -1rem} .testimonial-quote:before {left: -1rem} .testimonial-quote:before {font-size: 3.75rem; line-height: 1} .testimonial-quote:before { --tw-text-opacity: 1; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) } .testimonial-quote:before {opacity: .5} .testimonial-author {display: flex} .testimonial-author {align-items: center} .testimonial-author {justify-content: center} .testimonial-author {gap: 1rem} .testimonial-avatar {height: 4rem} .testimonial-avatar {width: 4rem} .testimonial-avatar {border-radius: 9999px} .testimonial-avatar {border-width: 4px} .testimonial-avatar { --tw-border-opacity: 1; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) } .testimonial-avatar {-o-object-fit: cover; object-fit: cover} .testimonial-author-name {font-weight: 700} .testimonial-author-name { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)) } .testimonial-author-title {font-size: .875rem; line-height: 1.25rem} .testimonial-author-title { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)) } .video-wrapper {position: relative} .video-wrapper {margin-top: 2rem; margin-bottom: 2rem} .video-wrapper {width: 100%} .video-wrapper {overflow: hidden} .video-wrapper {border-radius: .75rem} .video-wrapper {padding-bottom: 56.25%} .video-wrapper { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .video-wrapper iframe {position: absolute} .video-wrapper iframe {top: 0px} .video-wrapper iframe {left: 0px} .video-wrapper iframe {height: 100%} .video-wrapper iframe {width: 100%} @media (max-width: 768px) {.blog-container {margin-left: 1rem; margin-right: 1rem} .blog-content {padding-left: 1rem; padding-right: 1rem} .blog-content {padding-top: 1.5rem; padding-bottom: 1.5rem} .image-grid {grid-template-columns: repeat(1,minmax(0,1fr))} .image-grid {gap: 1rem} .stats-grid {grid-template-columns: repeat(2,minmax(0,1fr))}} @media print {.grid-lines,.social-share,.newsletter-box,.related-posts,.comments-section {display: none} .blog-container { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }} .image-grid-2 {display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 1.5rem; margin: 2rem 0;} @media (min-width: 768px) {.image-grid-2 {grid-template-columns: repeat(2,minmax(0,1fr));}} .wp-block-column {display: flex; flex-direction: column; height: 100%;} img {width: 100%; height: auto; border-radius: .75rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06); transition: transform .3s ease;} img:hover {transform: scale(1.02);} .caption,figcaption {text-align: center; font-size: .875rem; color: #6b7280; margin-top: .75rem; font-style: italic;} .highlight-text {background-color: #fefce8; border-left: 4px solid #005547; padding: 1.5rem; margin: 2rem 0; border-radius: 0 .5rem .5rem 0;} .highlight-text strong {color: #005547; font-size: 1.25rem;} .message-box {background: linear-gradient(135deg,#005547 0%,#00695c 100%); padding: 2rem; border-radius: 1rem; color: white; text-align: center; margin: 2rem 0; box-shadow: 0 10px 15px -3px rgba(0,85,71,.3);} .message-title {font-size: 1.5rem; font-weight: 800; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: .05em;} .message-body p {color: white !important; font-size: 1.125rem; font-weight: 500; margin-bottom: .5rem;} .message-body p:last-child {margin-bottom: 0;} .cta-section {background-color: #f3f4f6; padding: 2rem; border-radius: 1rem; margin-top: 3rem; border: 2px dashed #d1d5db;} .cta-section h2 {color: #005547; margin-top: 0;} .cta-footer {margin-top: 1.5rem; font-weight: 600; color: #374151;} blockquote {border-left-color: #005547; background-color: #fff; padding: 1.5rem 2rem; font-style: italic; border-radius: .5rem; box-shadow: 0 4px 6px rgba(0,0,0,.05); position: relative;} blockquote p {font-size: 1.25rem; color: #1f2937; margin-bottom: 0;} ul {list-style: none; padding-left: 0;} ul li {padding-left: 1.5rem; position: relative; margin-bottom: .75rem;} ul li::before {content: "👉"; position: absolute; left: 0; top: 2px;} blockquote {position: relative !important} blockquote {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important} blockquote {border-radius: .5rem !important} blockquote {border-left-width: 4px !important} blockquote { --tw-border-opacity: 1 !important; border-color: rgb(0 85 71 / var(--tw-border-opacity, 1)) !important } blockquote { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important } blockquote {padding: 1.5rem !important} blockquote {font-style: italic !important} blockquote { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important } blockquote p {margin-bottom: 0px !important} blockquote p {font-size: 1.25rem !important; line-height: 1.75rem !important} blockquote p {line-height: 1.625 !important} blockquote p { --tw-text-opacity: 1 !important; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important } img {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important} img {height: auto !important} img {width: 100% !important} img {border-radius: .75rem !important} img { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important } img {transition-property: transform !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; transition-duration: .15s !important} img {transition-duration: .3s !important} img:hover {transform: scale(1.01);} ul {margin-left: .5rem !important} ul {margin-bottom: 1.5rem !important} ul {list-style-type: none !important} ul > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.75rem * var(--tw-space-y-reverse)) !important } ul li {position: relative !important} ul li {padding-left: 2rem !important} ul li {line-height: 1.625 !important} ul li { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important } ul li::before {content: "👉";} ul li::before {position: absolute !important} ul li::before {left: 0px !important} ul li::before {top: .25rem !important} ul li::before {font-size: 1.125rem !important; line-height: 1.75rem !important} ul li::before {color: #ffcd05;} ol {margin-left: 1.5rem !important} ol {margin-bottom: 1.5rem !important} ol {list-style-type: decimal !important} ol > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(.75rem * var(--tw-space-y-reverse)) !important } ol *::marker {font-weight: 700 !important} ol *::marker {color: rgb(0 85 71) !important} ol::marker {font-weight: 700 !important} ol::marker {color: rgb(0 85 71) !important} ol li {padding-left: .5rem !important} ol li {line-height: 1.625 !important} ol li { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important } h2 {margin-top: 2.5rem !important} h2 {margin-bottom: 1rem !important} h2 {font-size: 1.875rem !important; line-height: 2.25rem !important} h2 {font-weight: 700 !important} h2 {line-height: 1.25 !important} h2 { --tw-text-opacity: 1 !important; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) !important } h3 {margin-top: 2rem !important} h3 {margin-bottom: .75rem !important} h3 {font-size: 1.5rem !important; line-height: 2rem !important} h3 {font-weight: 700 !important} h3 {line-height: 1.25 !important} h3 { --tw-text-opacity: 1 !important; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) !important } h4 {margin-top: 1.5rem !important} h4 {margin-bottom: .5rem !important} h4 {font-size: 1.25rem !important; line-height: 1.75rem !important} h4 {font-weight: 700 !important} h4 { --tw-text-opacity: 1 !important; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) !important } a { --tw-text-opacity: 1 !important; color: rgb(0 85 71 / var(--tw-text-opacity, 1)) !important } a {text-decoration-line: underline !important} a {text-decoration-color: #ffcd05 !important} a {text-decoration-thickness: 2px !important} a {text-underline-offset: 2px !important} a {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; transition-duration: .15s !important} a:hover { --tw-text-opacity: 1 !important; color: rgb(0 77 64 / var(--tw-text-opacity, 1)) !important } p {margin-bottom: 1.5rem !important} p {font-size: 1.125rem !important; line-height: 1.75rem !important} p {line-height: 2rem !important} p { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important } strong,b {font-weight: 700} strong,b { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)) }}.blog-scoped-content .grid-lines{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;display:flex;justify-content:space-around;--grid-line-color: #005547 }.blog-scoped-content .grid-lines>div{position:relative;height:100%}.blog-scoped-content .grid-lines>div:before{content:"";position:absolute;top:0;height:100%;right:-1px;background:var(--grid-line-color);width:1px;opacity:.15}.blog-scoped-content .grid-lines>div:after{content:"";position:absolute;top:-80px;right:-1px;background:linear-gradient(transparent,var(--grid-line-color));width:1px;height:80px}.blog-scoped-content .grid-lines .grid-line-1:after{animation:bgLine 8s linear infinite}.blog-scoped-content .grid-lines .grid-line-2:after{animation:bgLine 9s linear infinite;animation-delay:3s}.blog-scoped-content .grid-lines .grid-line-3:after{animation:bgLine 7s linear infinite;animation-delay:4s}.blog-scoped-content .grid-lines .grid-line-4:after{animation:bgLine 10s linear infinite;animation-delay:2s}.blog-scoped-content .grid-lines .grid-line-5:after{animation:bgLine 8.5s linear infinite;animation-delay:2s}@media (max-width: 767px){.blog-scoped-content .grid-lines .grid-line-4,.blog-scoped-content .grid-lines .grid-line-5{display:none}}