/*!
Theme Name: SignUpEngine
Theme URI: https://signupengine.io/
Author: Abdul Kader
Author URI: https://github.com/Abdulkader69
Description: A custom theme for SignUpEngine
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sue-signupengine
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SUE-SignUpEngine is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
p {
  margin: 0 0 30px;
}
p:last-child {
  margin-bottom: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: 'Kumbh Sans', sans-serif;
  margin: 0 0 30px;
  font-weight: 800;
  line-height: 112%;
}
.tagline {
  font-size: 27px;
  font-weight: 400;
  line-height: 118.519%;
  margin-bottom: 10px;
}
h1 {
  font-size: 90px;
  line-height: 112%;
}
h2 {
  font-size: 78px;
  line-height: 112.821%;
}
h3 {
  font-size: 67px;
}
h4 {
  font-size: 47px;
}
h5 {
  font-size: 37px;
}
h6 {
  font-size: 24px;
}
body,
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  color: #000;
  font-size: 21px;
  line-height: 190%;
  font-family: 'Lato', sans-serif;
}
main {
  display: block;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* html {
  box-sizing: border-box;
} */
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 0 30px;
  padding: 25px 30px;
  background-color: rgba(177, 226, 255, 0.1);
  position: relative;
  color: #000;
  border: 1px solid rgba(26, 148, 188, 1);
  border-left: 5px solid rgba(26, 148, 188, 1);
  font-size: 28px;
  line-height: 140%;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: 'Courier 10 Pitch', courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: monaco, consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
body {
  background: #fff;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul.tribe-events-sub-nav {
  padding: 0;
}
ul:not(
  .ab-top-menu,
  .menu,
  .footer-menu,
  .sub-menu,
  .slick-dots,
  .select2-results__options,
  .ab-submenu,
  .iti__country-list,
  .frm_page_bar,
  .tribe-events-c-view-selector__list,
  .tribe-events-c-top-bar__nav-list,
  .tribe-events-calendar-list,
  .tribe-events-c-nav__list,
  .tribe-events-sub-nav,
  .tribe-events-meta-list,
  .tribe-related-events
) {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 20px;
  margin-bottom: 30px;
}
ul:not(
    .ab-top-menu,
    .menu,
    .footer-menu,
    .sub-menu,
    .slick-dots,
    .select2-results__options,
    .ab-submenu,
    .menu ul,
    .iti__country-list,
    .frm_page_bar,
    .tribe-events-c-view-selector__list,
    .tribe-events-c-top-bar__nav-list,
    .tribe-events-calendar-list,
    .tribe-events-c-nav__list,
    .tribe-events-sub-nav,
    .tribe-events-meta-list,
    .tribe-related-events
  )
  li {
  padding-left: 53px;
  position: relative;
}
ul:not(
    .ab-top-menu,
    .menu,
    .footer-menu,
    .sub-menu,
    .slick-dots,
    .select2-results__options,
    .ab-submenu,
    .menu ul,
    .iti__country-list,
    .frm_page_bar,
    .tribe-events-c-view-selector__list,
    .tribe-events-c-top-bar__nav-list,
    .tribe-events-calendar-list,
    .tribe-events-c-nav__list,
    .tribe-events-sub-nav,
    .tribe-events-meta-list,
    .tribe-related-events
  )
  li::before {
  position: absolute;
  content: '';
  width: 25px;
  height: 2px;
  background-color: var(--secondary-color, #97ca3e);
  left: 0;
  top: 20px;
}
ul:not(
    .ab-top-menu,
    .menu,
    .footer-menu,
    .sub-menu,
    .slick-dots,
    .select2-results__options .iti__country-list,
    .frm_page_bar,
    .tribe-events-c-view-selector__list,
    .tribe-events-c-top-bar__nav-list,
    .tribe-events-calendar-list,
    .tribe-events-c-nav__list,
    .tribe-events-sub-nav,
    .tribe-events-meta-list,
    .tribe-related-events
  )
  ul {
  margin-top: 20px;
  margin-bottom: 0;
}
ol:not(.tribe-events-c-breadcrumbs__list) {
  margin: 0 0 30px;
  padding: 0;
  display: grid;
  gap: 20px;
}
ol:not(.tribe-events-c-breadcrumbs__list) li {
  counter-increment: item;
  position: relative;
  padding-left: 25px;
  list-style: none;
}
ol:not(.tribe-events-c-breadcrumbs__list) li::before {
  content: counter(item) '. ';
  color: var(--secondary-color, #97ca3e);
  position: absolute;
  left: 0;
  top: 0px;
}
ol:not(.tribe-events-c-breadcrumbs__list) ol {
  counter-reset: item;
  margin: 20px 0 0;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5em 1.5em;
}
embed,
iframe,
object {
  max-width: 100%;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
a {
  color: var(--anchor-color, #1b4ea0);
  text-decoration: none;
  transition: all 0.3s ease-in;
}
a:hover {
  color: var(--anchor-hover-color, #97ca3e);
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
  border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type='button']:active,
input[type='button']:focus,
input[type='reset']:active,
input[type='reset']:focus,
input[type='submit']:active,
input[type='submit']:focus {
  border-color: #aaa #bbb #bbb;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='color']:focus,
textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}
.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.custom-logo-link {
  display: inline-block;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*='wp-image-'] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
  display: block;
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}
.infinity-end.neverending .site-footer {
  display: block;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#primary[tabindex='-1']:focus {
  outline: 0;
}
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
.default-contents *:last-child {
  margin-bottom: 0;
}
.container {
  width: 100%;
  max-width: 1598px;
  padding: 0 32px;
  margin: 0 auto;
}
.link-whole-div {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
/* Animated Button */
.custom-btn-wrap.right {
  justify-content: flex-end;
}
.custom-btn-wrap.center {
  justify-content: center;
}
.custom-btn-wrap {
  display: flex;
  margin-bottom: 30px;
}
.flexible-section-text-block *:last-child {
  margin-bottom: 0;
}
body .animated-button {
  /* width: 270px;
  height: 60px; */
  /* width: max-content; */
  border-radius: 38px;
  position: relative;
  overflow: hidden;
  font-size: 25px;
  font-weight: 400;
  background-color: #fff;
  /* outline: none; */
  border: none;
  display: inline-block;
  color: #1c1c1c !important;
  cursor: pointer;
  text-align: center;
  line-height: 1.2;
}
.animated-button p {
  display: none;
}
.animated-button .icon {
  display: flex;
  max-width: 28px;
  margin-right: 8px;
}
.center-to-left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100%;
  transition: left 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-radius: 38px;
  background-color: #fff;
  padding: 12px 24px;
}
.left-to-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 38px;
  right: 0;
  transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background-color: #fff;
  padding: 12px 24px;
}
.animated-button .invisible-text {
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
  opacity: 0;
  min-height: 69px;
  align-items: center;
  padding: 12px 30px;
}
.animated-button:hover .center-to-left {
  left: 0;
}
.animated-button:hover .left-to-center {
  right: -100%;
}
.animated-button.medium {
  font-size: 22px;
}
.animated-button.medium .invisible-text {
  min-height: 57px;
}
.animated-button.small {
  font-size: 16px;
  font-weight: 500;
}
.animated-button.small .invisible-text {
  min-height: 40px;
}
.animated-button.white-boarded {
  background-color: var(--secondary-color, #97ca3e);
  color: #000;
}
.animated-button.white-boarded .left-to-center {
  background-color: #fff;
  border: 3px solid var(--secondary-color, #97ca3e);
}
.animated-button.white-boarded .center-to-left {
  background-color: var(--secondary-color, #97ca3e);
  border: 3px solid #fff;
}
.animated-button.white-boarded-primary {
  background-color: var(--primary-color, #1b4ea0);
  color: #000;
}
.animated-button.white-boarded-primary .left-to-center {
  background-color: #fff;
  border: 3px solid var(--primary-color, #1b4ea0);
}
.animated-button.white-boarded-primary .center-to-left {
  background-color: var(--primary-color, #1b4ea0);
}
.animated-button.white-btn {
  background-color: var(--secondary-color, #97ca3e);
}
.animated-button.white-btn .center-to-left {
  background-color: var(--secondary-color, #97ca3e);
}
.animated-button.primary,
.animated-button.primary .left-to-center {
  background-color: var(--primary-color, #1b4ea0);
  color: #fff;
}
.animated-button.primary .center-to-left {
  border: 3px solid var(--primary-color, #1b4ea0);
}
.animated-button.secondary,
.animated-button.secondary .left-to-center {
  background-color: var(--secondary-color, #97ca3e);
}
.animated-button.secondary .center-to-left {
  border: 3px solid var(--secondary-color, #97ca3e);
}
@media screen and (max-width: 1540px) {
  .animated-button {
    font-size: 20px;
  }
  .animated-button.medium {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .animated-button.small,
  .animated-button.medium,
  .animated-button.large {
    font-size: 17px;
    font-weight: 500;
  }
  .button.internal_slide_in_lead_gen span {
    top: 0;
  }
  .animated-button.medium {
    min-height: 50px;
  }
  .animated-button.large {
    min-height: 59px;
  }
  .animated-button.medium .invisible-text {
    min-height: 100%;
  }
  .custom-btn-wrap.fixed-bottom-left .animated-button {
    left: 16px !important;
    min-height: 45px;
    bottom: 16px !important;
  }
}
@media screen and (max-width: 540px) {
  /* Button Animation OFF */
  .animated-button:hover .center-to-left {
    left: -100% !important;
  }
  .animated-button:hover .left-to-center {
    right: 0 !important;
  }
  /* Button Animation OFF */
}
/* Animated Button */
/* ====================== Header ====================== */
.header-notice-wrapper {
  position: relative;
  padding: 27px 0 14px;
}
.header-notice-wrapper .close-notice-bar {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.header-notice-wrapper .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.header-notice-wrapper .banner-content {
  font-size: 20px;
  color: #fff;
  line-height: 135%;
}
.header-notice-wrapper .banner-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 10px;
}
.header-notice-wrapper .own-row .banner-buttons {
  width: 100%;
}
.header-notice-wrapper .own-row .banner-content {
  width: 100%;
}
.header-notice-wrapper .banner-buttons .btn {
  display: inline-flex;
  height: 40px;
  padding: 5px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 38px;
  background-color: var(--bnbgcolor, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border: 2px solid var(--bnbgcolor, #fff);
  color: var(--bntextcolor, #000);
  transition: all 0.3s ease-in;
}
.header-notice-wrapper .banner-buttons .btn:hover {
  background-color: transparent;
  color: var(--bntexthovercolor, #000);
}
.header-notice-wrapper .center .banner-content {
  text-align: center;
}
.header-notice-wrapper .center .banner-buttons {
  justify-content: center;
}
header.site-header {
  display: inline;
}
header.site-header .container {
  max-width: 1840px;
}
header.site-header .main-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  min-height: 120px;
  padding: 10px 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in;
  box-shadow: 0px 4px 10px 0px rgba(28, 28, 28, 0.05);
}
/* header.site-header.fixed .main-header {
  box-shadow: 0px 4px 10px 0px rgba(28, 28, 28, 0.05);
} */
header.site-header .main-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
header.site-header .main-header .btn-wrap,
header.site-header .main-header .logo {
  /* width: 250px; */
  display: flex;
  gap: 10px;
  align-items: center;
}
header.site-header .main-header .btn-wrap {
  justify-content: flex-end;
}
header.site-header .main-header .btn-wrap .animated-button {
  font-size: 20px;
}
header.site-header
  .main-header
  .btn-wrap
  .animated-button.register_button
  .center-to-left {
  border: none;
}
.header-events-btn {
  padding: 5px 18px;
  color: #1c1c1c;
  border-radius: 38px;
  border: 2px solid var(--secondary-color, #6aa308);
  transition: all 0.3s ease-in;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  gap: 13px;
  height: 40px;
  line-height: 1.3;
}
.header-events-btn:hover {
  border-color: #1c1c1c;
  color: #1c1c1c;
}
.header-events-btn:hover path {
  fill: #1c1c1c;
}
.header-events-btn path {
  transition: all 0.3s ease-in;
}
.header-events-btn img {
  transition: all 0.3s ease-in;
}
.header-events-btn:hover img {
  filter: brightness(0);
}
header.site-header .main-header .logo a {
  display: flex;
  /* outline: none; */
}
.logged-in header.site-header .main-header {
  top: 32px;
}
header.site-header.sticky-banner {
  position: sticky;
  top: 0;
  display: block;
  z-index: 99999;
}
header.site-header.sticky-banner .main-header {
  position: relative;
  top: 0;
}
.logged-in header.site-header.sticky-banner {
  top: 32px;
}
header.site-header .main-header .menu-wrapper {
  flex: 1;
}
header.site-header .main-header .menu-wrapper.right-align ul {
  justify-content: flex-end;
  margin-right: 40px;
}
header.site-header .menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  gap: 0px 60px;
}
header.site-header .menu-wrapper ul li {
  position: relative;
  padding: 0;
}
header.site-header .menu-wrapper ul li ul.sub-menu {
  position: absolute;
  width: 305px;
  background-color: var(--submenu-bg-color, #97ca3e);
  display: block;
  padding: 40px 20px 40px 40px;
  top: 80px;
  transition: all 0.3s ease-in;
  opacity: 0;
  visibility: hidden;
}
header.site-header .menu-wrapper ul li a {
  display: inline-block;
  padding: 10px 0;
  font-size: var(--menu-font-size, 20px);
  line-height: 122%;
  color: #000;
  transition: all 0.3s ease-in;
}
header.site-header .menu-wrapper ul > li > a:hover {
  color: var(--menu_items_hover_color, #97ca3e);
}
header.site-header .menu-wrapper ul li ul.sub-menu li a {
  color: var(--submenu-text-color, #97ca3e);
}
header.site-header .menu-wrapper ul li ul.sub-menu li a:hover {
  color: var(--submenu-hover-text-color, #97ca3e);
}
header.site-header
  .menu-wrapper
  ul
  li.menu-item-has-children:hover
  > ul.sub-menu,
header.site-header
  .menu-wrapper
  ul
  li.menu-item-has-children:focus-within
  > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  top: 46px;
}
/* header.site-header .menu-wrapper ul li ul.sub-menu a {
  font-size: 20px;
} */
header.site-header .menu-wrapper ul li ul.sub-menu ul.sub-menu {
  left: 264px;
  top: 0;
}
header.site-header
  .menu-wrapper
  ul
  li
  ul.sub-menu
  li.menu-item-has-children:hover
  > ul.sub-menu {
  top: -40px;
}
header.site-header .main-header .logo img {
  transition: all 0.3s ease-in;
  object-fit: contain;
}
button.mobile-menu-trigger {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  display: none;
  position: relative;
  width: 52px;
  height: 52px;
}
button.mobile-menu-trigger span {
  position: absolute;
  transition: all 0.3s ease-in;
  height: 3px;
  width: 32px;
  background-color: var(--secondary-color);
  top: 49%;
  left: 10px;
}
button.mobile-menu-trigger span:first-child {
  top: 14px;
}
button.mobile-menu-trigger span:last-child {
  top: auto;
  bottom: 14px;
}
button.mobile-menu-trigger span:nth-child(2) {
  width: 24px;
}
button.mobile-menu-trigger.active span:nth-child(2) {
  opacity: 0;
}
button.mobile-menu-trigger.active span:first-child {
  transform: rotate(45deg);
  top: 24px;
}
button.mobile-menu-trigger.active span:last-child {
  transform: rotate(-45deg);
  bottom: 24px;
}
/* .mobile-menu-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: #fff;
  padding: 150px 0;
}
.mobile-menu-wrapper::-webkit-scrollbar {
  display: none;
}
.mobile-menu-wrapper .inner ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
}
.mobile-menu-wrapper .inner ul li a {
  margin: 0 32px;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  color: #1c1c1c;
  display: inline-block;
  padding: 10px 0;
}
.mobile-menu-wrapper .inner ul li {
  display: block;
  line-height: 1;
  margin: 5px 0;
}
.mobile-menu-wrapper .top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
}
.close-mobile-menu {
  display: flex;
  cursor: pointer;
  padding: 13px 22px;
}
.mobile-menu-wrapper .inner div > ul > li > ul.sub-menu {
  padding: 20px 0;
  background-color: var(--secondary-color);
  margin-top: 10px;
}
.mobile-menu-wrapper .inner div > ul > li > ul.sub-menu ul.sub-menu {
  background-color: #6aa308;
  padding: 20px 0;
  margin-top: 10px;
}
.mobile-menu-wrapper .inner ul ul.sub-menu {
  display: none;
}
.mobile-menu-wrapper .inner ul li a:hover {
  color: var(--secondary-color);
}
.mobile-menu-wrapper .inner div > ul > li > ul.sub-menu a:hover {
  color: var(--primary-color);
} */
.mobile-menu-wrapper {
  position: fixed;
  width: 100%;
  right: 0;
  /* top: var(--header-height); */
  top: 0;
  z-index: 999999;
  /* background-color: #fff; */
  /* transition: all 0.3s ease-in; */
  /* transform: translateX(100%); */
  /* height: calc(100% - var(--header-height)); */
  height: 100%;
  padding: 0 32px;
  /* overflow: auto; */
  display: none;
}
/* .admin-bar .mobile-menu-wrapper {
  top: calc(var(--header-height) + 32px);
} */
.mobile-menu-wrapper ul.menu > li.menu-item-has-children > .icon svg {
  transform: rotate(180deg);
}
.mobile-menu-wrapper::before {
  position: absolute;
  content: '';
  width: 100%;
  max-width: 342px;
  background-color: #fff;
  height: 100%;
  right: 0;
  z-index: 1;
}
.mobile-menu-wrapper.active::after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
}
/* body.ham-active {
  overflow: hidden;
} */
/* .mobile-menu-wrapper.active {
  transform: translateX(0%);
} */
.mobile-menu-wrapper .mobile-menu-close {
  position: absolute;
  cursor: pointer;
  top: 15px;
  right: 15px;
  z-index: 99999;
}
.mobile-menu-wrapper .inner {
  padding-top: 130px;
  padding-bottom: 40px;
  position: relative;
  z-index: 3;
  overflow: auto;
  height: 100%;
}
.mobile-menu-wrapper .inner::-webkit-scrollbar {
  display: none;
}
.mobile-menu-wrapper .newsletter-trigger {
  display: flex;
  width: 270px;
  justify-content: center;
  font-size: 15px;
  height: 52px;
  margin-bottom: 24px;
}
.mobile-menu-wrapper .donate {
  width: 270px;
}
.mobile-menu-wrapper .donate a {
  width: 100%;
  justify-content: center;
  flex-flow: row-reverse;
  height: 52px;
  font-size: 15px;
}
.mobile-menu-wrapper .close-menu-btn {
  position: absolute;
  top: 60px;
  left: 32px;
}
.mobile-menu-wrapper .inner ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 290px;
  margin-left: auto;
}
.mobile-menu-wrapper .inner ul.menu > li {
  position: relative;
  text-align: right;
  margin-bottom: 20px;
}
.mobile-menu-wrapper .inner ul.menu > li.menu-item-has-children {
  padding-left: 15px;
}
.mobile-menu-wrapper .inner ul.menu > li:last-child {
  margin-bottom: 0;
}
.mobile-menu-wrapper .inner ul.menu > li a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.36px;
  color: #262626;
  text-transform: uppercase;
  padding: 5px 0;
}
.mobile-menu-wrapper .inner ul.menu > li ul.sub-menu {
  position: fixed;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  /* left: 302px; */
  right: 342px;
  top: 0;
  width: 418px;
  background-color: var(--mobile-submenu-bg-color, #262626);
  transition: all 0.3s ease-in;
  opacity: 0;
  visibility: hidden;
  padding: 130px 35px 30px;
  overflow: auto;
}
.mobile-menu-wrapper .inner ul.menu > li ul.sub-menu::-webkit-scrollbar {
  display: none;
}
.mobile-menu-wrapper
  .inner
  ul.menu
  > li.menu-item-has-children
  ul.sub-menu.active {
  opacity: 1;
  visibility: visible;
  /* left: 342px; */
}
.mobile-menu-wrapper ul.menu > li.menu-item-has-children > .icon {
  width: 30px;
  display: inline-flex;
  height: 30px;
  position: absolute;
  justify-content: center;
  align-items: center;
  left: -10px;
}
.mobile-menu-wrapper ul.menu > li.menu-item-has-children > .icon svg {
  transform: rotate(180deg);
}
.mobile-menu-wrapper .inner ul.menu > li ul.sub-menu li {
  /* display: flex; */
  margin-bottom: 20px;
}
.mobile-menu-wrapper .inner ul.menu > li ul.sub-menu li a {
  color: #fff;
}
.mobile-menu-wrapper .inner ul.menu > li ul.sub-menu li:last-child {
  margin-bottom: 0;
}
.mobile-menu-wrapper .inner ul.menu > li ul.sub-menu li ul.sub-menu {
  position: initial;
  opacity: 1;
  visibility: visible;
  padding: 15px 0 0 15px;
  width: 100%;
}
.mobile-menu-wrapper .inner .btn-wrap {
  text-align: right;
  width: 290px;
  margin-left: auto;
  margin-top: 60px;
  display: grid;
  justify-content: flex-end;
  gap: 20px;
}
.mobile-menu-wrapper .inner .btn-wrap a {
  line-height: inherit;
  position: relative;
}
.mobile-menu-wrapper .inner .btn-wrap .header-events-btn {
  width: max-content;
  margin-left: auto;
}
body.mobile-nav-activated {
  overflow: hidden;
}
header.site-header.header-logo-height-70px .main-header {
  min-height: 100px;
}
header.site-header.header-logo-height-70px.fixed .main-header {
  min-height: 90px;
}
header.site-header.header-logo-height-70px.fixed .main-header .logo img {
  height: 50px !important;
}
/* header.site-header.fixed .menu-wrapper ul li a {
  font-size: 20px;
} */
.pb-70 {
  padding-bottom: 70px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.grid-gap-70px {
  display: grid;
  gap: 70px;
}
.grid-gap-30px {
  display: grid;
  gap: 30px;
}
.hidden {
  display: none;
}
.shown {
  display: block !important;
}
.view-all-btn {
  padding: 8px 18px;
  color: var(--button_text_color, #1c1c1c);
  border-radius: 38px;
  transition: all 0.3s ease-in;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  background-color: var(--button_bg_color, #97ca3e);
  border: 2px solid var(--button_bg_color, #97ca3e);
  line-height: 1.3;
  margin-top: 30px;
}
.view-all-btn:hover {
  color: var(--button_hover_text_color, #1c1c1c);
  background-color: var(--button_hover_bg_color, #1b4ea0);
  border-color: var(--button_hover_bg_color, #1b4ea0);
}
.view-all-btn.large {
  margin: 0;
  font-size: 22px;
  padding: 10px 30px;
  font-weight: 700;
}
.animated-button div {
  display: flex;
  align-items: center;
  gap: 8px;
}
header.site-header .main-header .btn-wrap .animated-button.contact_button svg {
  transition: all 0.3s ease-in;
}
header.site-header.fixed
  .main-header
  .btn-wrap
  .animated-button.contact_button
  svg {
  width: 17px;
  height: auto;
}
@media screen and (max-width: 1660px) {
  header.site-header .menu-wrapper ul li a {
    font-size: 20px;
  }
  header.site-header .menu-wrapper ul {
    gap: 0px 40px;
  }
  header.site-header .main-header .menu-wrapper.right-align ul {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1540px) {
  header.site-header .menu-wrapper ul li a,
  header.site-header.fixed .menu-wrapper ul li a {
    font-size: 18px;
    padding: 5px 0;
  }
  header.site-header .main-header {
    min-height: 100px;
  }
  .header-notice-wrapper .banner-content {
    font-size: 18px;
  }
}
@media screen and (max-width: 1399px) {
  header.site-header .menu-wrapper ul {
    gap: 0px 22px;
  }
  header.site-header .main-header .menu-wrapper.right-align ul {
    margin-right: 0;
  }
  header.site-header .menu-wrapper ul li a,
  header.site-header.fixed .menu-wrapper ul li a {
    font-size: 17px;
  }
  .blog-item .contents-wrap .title a {
    font-size: 22px;
  }
}
@media screen and (max-width: 1279px) {
  header.site-header .main-header .menu-wrapper {
    display: none;
  }
  header.site-header .main-header .btn-wrap,
  header.site-header .main-header .logo {
    width: auto;
  }
  button.mobile-menu-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .grid-gap-70px {
    gap: 50px;
  }
  .pb-70 {
    padding-bottom: 50px !important;
  }
  .pt-70 {
    padding-top: 50px !important;
  }
  .hide-on-menu-visible {
    display: none !important;
  }
}
@media screen and (min-width: 1279px) {
  .mobile-menu-wrapper {
    display: none !important;
  }
  .mb-70 {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 1024px) {
  header.site-header.header-logo-height-130px.fixed .main-header .logo img {
    height: 80px !important;
  }
  header.site-header.header-logo-height-100px.fixed .main-header .logo img {
    height: 70px !important;
  }
  header.site-header.fixed .main-header {
    min-height: 90px;
  }
  header.site-header.fixed .main-header .btn-wrap .animated-button {
    font-size: 17px;
  }
}
@media screen and (max-width: 1023px) {
  header.site-header.header-logo-height-130px .main-header .logo img,
  header.site-header.header-logo-height-100px .main-header .logo img {
    height: 60px !important;
  }
  header.site-header.header-logo-height-70px .main-header .logo img {
    height: 50px !important;
  }
  header.site-header .main-header .btn-wrap {
    gap: 10px;
  }
  header.site-header .main-header .btn-wrap .animated-button {
    font-size: 15px;
    min-height: 43px;
  }
  header.site-header .main-header .btn-wrap .animated-button .invisible-text {
    min-height: 43px;
    padding: 6px 15px;
  }
  header.site-header .main-header .btn-wrap .animated-button .left-to-center,
  header.site-header .main-header .btn-wrap .animated-button .center-to-left {
    padding: 6px 11px;
  }
  header.site-header .main-header .btn-wrap .animated-button .left-to-center {
    border-width: 2px;
  }
  header.site-header .main-header {
    min-height: 80px;
  }
  header.site-header
    .main-header
    .btn-wrap
    .animated-button.contact_button
    svg {
    width: 15px;
    height: auto;
  }
  header.site-header .main-header .btn-wrap .animated-button div {
    gap: 5px;
  }
}
@media screen and (max-width: 767px) {
  .header-notice-wrapper .banner-content {
    font-size: 17px;
  }
  .header-notice-wrapper {
    padding: 35px 0 14px;
  }
  .header-notice-wrapper .banner-buttons .btn {
    width: 100%;
    font-size: 17px;
  }
  .header-notice-wrapper .banner-buttons {
    gap: 10px;
  }
  .mobile-menu-wrapper .inner ul.menu > li:last-child {
    margin-bottom: 0;
  }
  .mobile-menu-wrapper {
    padding: 0 16px;
  }
  .mobile-menu-wrapper .inner ul.menu > li a {
    font-size: 14px;
    font-weight: 600;
  }
  .mobile-menu-wrapper .inner ul.menu {
    width: 138px;
  }
  .mobile-menu-wrapper .newsletter-trigger {
    width: 144px;
    gap: 5px;
    height: 40px;
    padding: 0;
    margin-bottom: 18px;
  }
  .mobile-menu-wrapper .donate {
    width: 144px;
  }
  .mobile-menu-wrapper .donate a {
    height: 40px;
  }
  .mobile-menu-wrapper .inner ul.menu > li ul.sub-menu {
    width: 188px;
    right: 172px;
    padding: 130px 15px 30px 16px;
  }
  /* .mobile-menu-wrapper .inner {
    padding-top: 30px;
  } */
  .mobile-menu-wrapper .close-menu-btn {
    top: 40px;
    left: 16px;
    display: flex;
  }
  .mobile-menu-wrapper .close-menu-btn svg {
    width: 21px;
    height: auto;
  }
  .mobile-menu-wrapper::before {
    max-width: 173px;
  }
  .view-all-btn.large {
    margin: 0;
    font-size: 16px;
    padding: 8px 18px;
    font-weight: 500;
  }
}
/* ====================== Header ====================== */
/* ====================== Footer ====================== */
footer.site-footer {
  position: relative;
  overflow: hidden;
  /* padding-top: 100px; */
}
.footer-top-area .container {
  display: flex;
  flex-wrap: wrap;
}
.footer-top-area .left {
  width: 55%;
  padding: 50px 30px 50px 0;
  display: flex;
  align-items: center;
}
.footer-top-area .left .inner {
  display: grid;
  gap: 75px;
  width: 100%;
  max-width: 693px;
}
.footer-top-area .left .top h5 {
  margin-bottom: 45px;
}
.footer-top-area .left .contact-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.footer-top-area .left .contact-details a {
  display: inline-flex;
  color: #fff;
  font-size: 16px;
  line-height: 131%;
  gap: 16px;
  min-height: 42px;
  align-items: center;
  width: auto;
}
.footer-top-area .left .contact-details a span {
  flex: 1;
  transition: all 0.3s ease-in;
}
.footer-top-area .left .contact-details a:hover span {
  color: var(--secondary-color, #97ca3e);
}
.footer-top-area .left .bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.footer-top-area .left h5 {
  font-weight: 700;
}
.footer-top-area {
  position: relative;
}
.footer-top-area .social-media-wrap .social-media {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 26px;
  align-items: center;
  margin-left: -5px;
}
.footer-top-area .social-media-wrap .social-media a {
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in;
  color: #fff;
  padding: 5px;
}
.footer-top-area .social-media-wrap .social-media a:hover {
  color: var(--secondary-color, #97ca3e);
}
.footer-top-area .left .bottom .newsletter-form {
  position: relative;
}
.footer-top-area .left .bottom .newsletter-form .frm_fields_container {
  display: flex;
  gap: 8px;
}
.footer-top-area
  .left
  .bottom
  .newsletter-form
  .frm_fields_container
  .frm_form_field:has(.frm_submit) {
  width: 125px !important;
}
.footer-top-area .left .bottom .newsletter-form .frm_fields_container input {
  height: 45px;
  border: 1px solid #fff !important;
  color: #fff !important;
  padding: 0 10px;
  font-size: 16px;
}
.footer-top-area .left .bottom .newsletter-form .frm_fields_container label {
  background-color: var(--top-bg);
  color: #fff;
}
.footer-top-area
  .left
  .bottom
  .newsletter-form
  .frm_fields_container
  .frm_form_field:has(.frm_submit)
  .frm_button_submit {
  padding: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  height: 45px;
}
.footer-top-area
  .left
  .bottom
  .newsletter-form
  .frm_fields_container
  .frm_form_field:has(.frm_submit)
  .frm_button_submit
  .invisible-text {
  height: 100%;
  padding: 0;
}
.footer-top-area
  .left
  .bottom
  .newsletter-form
  .frm_fields_container
  .frm_form_field {
  width: calc(100% - 133px);
}
.footer-top-area
  .left
  .bottom
  .newsletter-form
  .frm_fields_container
  .frm_form_field
  .frm_submit {
  width: 100%;
}
.footer-top-area
  .left
  .bottom
  .newsletter-form
  .frm_fields_container
  .frm_form_field:has(.frm_submit)
  .frm_button_submit
  span {
  padding-top: 3px;
}
footer.site-footer .footer-bottom {
  background-color: #fff;
  min-height: 140px;
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}
footer.site-footer .footer-bottom .container {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
footer.site-footer .footer-bottom .left a {
  display: inline-flex;
}
footer.site-footer .footer-bottom .left a img {
  max-height: 80px;
}
footer.site-footer .footer-bottom .middle {
  text-align: center;
}
footer.site-footer .footer-bottom .right {
  display: none;
  justify-content: flex-end;
  gap: 0 20px;
  flex-wrap: wrap;
}
footer.site-footer .footer-bottom .right:has(*) {
  display: flex;
}
footer.site-footer .footer-bottom a {
  color: #545454;
  transition: all 0.3s ease-in;
  font-weight: 400;
}
footer.site-footer .footer-bottom a:hover {
  color: #000;
}
.footer-top-area .right {
  width: 45%;
  /* margin-top: -100px; */
  padding: 50px 50px 40px;
  display: flex;
  align-items: center;
}
.footer-top-area .right .inner {
  width: 100%;
}
.footer-top-area .right .title {
  margin-bottom: 40px;
  line-height: 100%;
}
.footer-top-area .right .get-in-form {
  position: relative;
}
.footer-top-area .right .get-in-form .frm_form_field label {
  background-color: var(--git-bg-color);
  color: #fff;
}
.footer-top-area .right .get-in-form .frm_form_field input,
.footer-top-area .right .get-in-form .frm_form_field select,
.footer-top-area .right .get-in-form .frm_form_field textarea {
  border: 1px solid #fff !important;
  height: 45px;
  color: #fff !important;
  padding: 0 10px 0 20px;
  font-size: 16px;
}
.footer-top-area .right .get-in-form .frm_fields_container {
  gap: 35px 47px;
}
.footer-top-area .right .get-in-form .frm_form_field textarea {
  height: 100%;
  padding-top: 15px;
  min-height: 115px;
}
.footer-top-area .right .get-in-form .frm_button_submit {
  padding: 0;
  border: 2px solid var(--secondary-color, #97ca3e) !important;
  color: var(--git-t-c, #1c1c1c) !important;
  background-color: var(--secondary-color, #97ca3e) !important;
}
.footer-top-area .right .get-in-form .frm_button_submit:hover {
  color: var(--git-h-t-c, #1c1c1c) !important;
}
.footer-top-area .right .get-in-form.white-bordered-btn .frm_button_submit {
  background-color: transparent !important;
}
.footer-top-area
  .right
  .get-in-form.white-bordered-btn
  .frm_button_submit
  .center-to-left {
  background-color: transparent !important;
  border: 3px solid #fff !important;
  color: #fff;
}
/* .footer-top-area .right .get-in-form .frm_button_submit span {
  padding-top: 3px;
} */
footer.site-footer.top-footer-hidden {
  padding-top: 0;
}
footer.site-footer.top-footer-hidden .footer-top-area {
  display: none;
}
.footer-menu-wrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-menu-wrap .footer-menu {
  /* columns: 4; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px 30px;
  width: 100%;
  /* max-width: 1300px; */
}
.footer-menu-wrap .footer-menu li {
  break-inside: avoid;
  line-height: 1;
  padding: 5px 0;
}
footer.site-footer .footer-menu-wrap {
  background-color: #f7f7f7;
  padding: 80px 0 45px;
}
.footer-menu-wrap .footer-menu > li > a {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 8px;
  display: inline-block;
  transition: all 0.3s ease-in;
  color: #000;
}
/* .footer-menu-wrap .footer-menu > li > a:hover {
  color: var(--secondary-color);
} */
.footer-menu-wrap .footer-menu li ul a {
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  line-height: 1.4;
  transition: all 0.3s ease-in;
  color: #000;
}
/* .footer-menu-wrap .footer-menu > li {
  margin-bottom: 30px;
} */
.footer-menu-wrap .footer-menu li ul a:hover {
  color: var(--secondary-color, #97ca3e);
}
.footer-menu-wrap .footer-menu > li > a:hover {
  color: var(--secondary-color, #97ca3e);
}
/* ====================== Footer ====================== */
/* ====================== Form ====================== */
body .frm_forms fieldset {
  padding: 0;
  border: none;
}
body .frm_form_fields .frm_fields_container {
  gap: 50px 54px;
}
body .frm_style_formidable-style.with_frm_style .form-field {
  position: relative;
  margin: 0;
}
body .frm_style_formidable-style.with_frm_style .form-field .cf-turnstile {
  margin: -5px 0 -10px;
}
body .frm_style_formidable-style.with_frm_style .form-field .iti {
  width: 100%;
}
body .with_frm_style .frm_form_field input,
body .with_frm_style .frm_form_field select,
body .with_frm_style .frm_form_field textarea {
  padding: 0;
  width: 100%;
  height: 60px;
  border: 2px solid var(--frm-accent-color, #97ca3e) !important;
  background-color: transparent !important;
  border-radius: 0;
  outline: none;
  box-shadow: none !important;
  color: #000 !important;
  padding: 0 20px;
  font-size: 21px;
  font-weight: 400;
}
body .with_frm_style .frm_form_field textarea {
  height: auto;
  padding: 20px;
}
body .with_frm_style .frm_top_container label.frm_primary_label {
  position: absolute;
  top: -8px;
  padding: 0 10px;
  left: 10px;
  background-color: var(--form-box, #fff);
}
body .with_frm_style .frm_top_container .frm_primary_label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  z-index: 2;
  color: #000;
}
/* body .with_frm_style .frm_required {
  display: none;
} */
body .frm_style_formidable-style.with_frm_style .frm_error {
  color: red;
  line-height: 140%;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  bottom: -24px;
}
body
  .frm_style_formidable-style.with_frm_style
  .frm_form_field
  input[aria-invalid='true'] {
  border-color: #f00 !important;
}
body .with_frm_style .frm_submit button.frm_button_submit,
body .with_frm_style .frm_submit button.frm_prev_page {
  margin: 0 !important;
  background-color: transparent !important;
  border: none;
  padding: 0;
  font-size: 22px;
  box-shadow: none;
  text-transform: uppercase;
}
/* body .with_frm_style .frm_submit button.frm_button_submit span {
  padding-top: 2px;
} */
body
  .with_frm_style
  .frm_submit
  button.frm_button_submit.frm_next_button
  span
  svg {
  margin-left: 12px;
  margin-right: -8px;
}
body .with_frm_style .frm_submit button.frm_prev_page span svg {
  margin-left: -8px;
  margin-right: 12px;
}
body .with_frm_style .frm_submit.frm_flex {
  justify-content: space-between;
}
body .frm_forms.with_frm_style .frm_submit button {
  display: inline-flex;
  height: 57px;
  align-items: center;
  padding: 2px 30px 0;
  background-color: var(--frm-accent-color, #97ca3e) !important;
  border-radius: 38px;
  position: relative;
  overflow: hidden;
  gap: 10px;
  border: 2px solid var(--frm-accent-color, #97ca3e) !important;
  transition: all 0.3s ease-in;
  color: #1c1c1c;
  justify-content: center;
}
body .frm_forms.with_frm_style .frm_submit button.frm_next_button svg {
  margin-right: -8px;
}
body .frm_forms.with_frm_style .frm_submit button:hover {
  background-color: transparent !important;
  color: #1c1c1c;
}
body .internal-slide-in-inner .frm_forms.with_frm_style .frm_submit button {
  color: var(--form-btn-t-c, #1c1c1c);
}
body
  .internal-slide-in-inner
  .frm_forms.with_frm_style
  .frm_submit
  button:hover {
  color: var(--form-btn-h-t-c, #1c1c1c);
}
/* body
  .with_frm_style
  .frm_submit.frm_flex
  button.frm_button_submit
  ~ .frm_prev_page {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none !important;
} */
body .with_frm_style .frm_checkbox label input[type='checkbox'],
body .with_frm_style .frm_radio label input[type='radio'] {
  width: 30px !important;
  height: 30px !important;
  border: 2px solid var(--frm-accent-color, #97ca3e) !important;
  margin-right: 10px;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
body .with_frm_style .frm_checkbox label,
body .with_frm_style .frm_radio label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  background-color: transparent !important;
}
body .with_frm_style .frm_form_field.frm_two_col .frm_opt_container,
body .with_frm_style .frm_form_field.frm_three_col .frm_opt_container,
body .with_frm_style .frm_form_field.frm_four_col .frm_opt_container {
  gap: 10px;
}
body
  .with_frm_style
  .frm_checkbox
  label
  input[type='checkbox']:not(:checked):focus,
body .with_frm_style .frm_radio label input[type='radio']:not(:checked):focus {
  border-color: var(--frm-accent-color, #97ca3e) !important;
}
body .with_frm_style .frm_form_field input.frm_other_input {
  width: 100% !important;
  margin-top: 20px;
}
body .with_frm_style .frm_message {
  background-color: rgba(248, 255, 237, 1);
  margin: 0;
  border: none;
  color: #1c1c1c;
  font-size: 20px;
  line-height: 150%;
  border-radius: 0;
  padding: 40px 20px;
  margin-top: -40px;
}
body .with_frm_style .frm_message p {
  color: currentColor;
  margin-bottom: revert;
}
body .with_frm_style .horizontal_radio .frm_checkbox label,
body .with_frm_style .horizontal_radio .frm_radio label {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000;
  display: flex;
  align-items: center;
  background-color: transparent;
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field
  .frm_opt_container
  > div {
  margin-right: 30px;
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field
  .frm_opt_container
  > div:last-child {
  margin: 0;
}
body .with_frm_style .frm_top_container div.frm_primary_label {
  margin-bottom: 20px;
}
body
  .frm_forms.with_frm_style
  .frm_fields_container
  .frm_radio
  input[type='radio']:not([disabled]):checked,
body
  .frm_forms.with_frm_style
  .frm_fields_container
  .frm_checkbox
  input[type='checkbox']:not([disabled]):checked {
  border-color: var(--frm-accent-color, #97ca3e) !important;
  background-color: transparent !important;
}
body .with_frm_style .frm_scale input[type='radio']:before,
body .with_frm_style .frm_radio input[type='radio']:before {
  width: 16px;
  height: 16px;
  margin: 0;
  background-color: var(--frm-accent-color, #97ca3e);
  margin: 5px;
  transform: translateY(0px);
  transition: none;
}
body .frm_forms.with_frm_style .frm_checkbox input[type='checkbox']:before {
  background-image: none !important;
  background-color: var(--frm-accent-color, #97ca3e);
  width: 16px !important;
  height: 16px !important;
  margin: 5px;
  transform: translateY(0px);
  transition: none;
}
body .select2-container {
  width: 100% !important;
}
/*
 * ...but NOT the one select2 bolts onto <body> for the open dropdown.
 *
 * select2 renders TWO .select2-container elements: the inline widget that
 * replaces the <select>, and — while open — a second one appended directly to
 * <body>, absolutely positioned at the field's page coordinates. The rule
 * above is written for the first. On the second, `width: 100%` resolves
 * against <body> instead of the form field, so the box becomes the full
 * viewport width while still sitting at `left: <field offset>` — and the page
 * gains a horizontal scrollbar exactly as wide as that offset, for as long as
 * the dropdown is open.
 *
 * Measured, not guessed (2026-08-13). Overflow always equalled the field's x:
 *   desktop 1440  USTA rating (x=64)   +64px      Formidable (x=839)  +839px
 *   tablet   768  (x=54)               +54px      (x=462)             +462px
 *   mobile   390  (x=38)               +38px      (x=16)              +16px
 * With this rule: 0px in all six, and the dropdown's own width, position and
 * option count are unchanged — it takes its width from the inline widget, not
 * from this container. (Verified: forcing a width onto the body container's
 * child instead collapsed the list to 2px, so do not "fix" it that way.)
 *
 * This is the horizontal-scrollbar half of the long-standing dropdown report.
 * The other half — "the option list renders offset" — is select2 legitimately
 * flipping the list ABOVE the control when it is near the bottom of the
 * viewport. Alignment measures dx=0 with room below; there is nothing to fix.
 */
body > .select2-container {
  width: auto !important;
}
body .select2 span.select2-selection.select2-selection--single {
  width: 100%;
  height: 60px !important;
  border: 2px solid var(--frm-accent-color, #97ca3e) !important;
  background-color: transparent !important;
  border-radius: 0;
  outline: none;
  box-shadow: none !important;
  padding: 0 20px;
  font-size: 21px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
body .select2 span.select2-selection.select2-selection--single span {
  color: #000;
}
body .select2 span.select2-selection.select2-selection--single {
  width: 100%;
  height: 60px !important;
  border: 2px solid var(--frm-accent-color, #97ca3e) !important;
  background-color: transparent !important;
  border-radius: 0;
  outline: none;
  box-shadow: none !important;
  padding: 0 20px;
  font-size: 21px;
  font-weight: 400;
  display: flex;
  align-items: center;
  position: relative;
}
body .select2 span.select2-selection.select2-selection--single span {
  color: #000;
}
body
  .select2
  span.select2-selection.select2-selection--single
  span.select2-selection__arrow {
  display: none;
}
body .select2 span.select2-selection.select2-selection--single::before {
  width: 16px;
  height: 8px;
  position: absolute;
  content: '';
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwIDEyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMiAyTDEwIDEwTDE4IDIiIHN0cm9rZT0iI2E5YTlhOSIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=);
  right: 16px;
  pointer-events: none;
}
.select2-container .select2-search--dropdown {
  display: none;
}
.select2-container .select2-dropdown {
  border: 1px solid #a9a9a9 !important;
  margin-top: 10px;
  z-index: 9999;
}
.select2-container .select2-dropdown::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #d3d3d3;
  opacity: 0.15;
}
.select2-container .select2-dropdown.select2-dropdown--above {
  margin-top: -5px;
}
.select2-container .select2-dropdown li {
  min-height: 30px;
  padding: 1px 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.select2-container .select2-dropdown ul {
  display: grid;
  gap: 12px;
  padding: 12px 0;
}
.select2-container .select2-dropdown li.select2-results__option--highlighted,
.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #a9a9a9;
  color: #000;
}
.select2-container .select2-dropdown span.select2-results {
  position: relative;
  z-index: 2;
}
body .frm_forms .frm_rootline_group {
  margin: 0;
  background-color: var(--frm-accent-color, #97ca3e);
  padding: 15px 0;
  min-height: 160px;
  display: flex;
  align-items: center;
}
body .frm_forms .frm_rootline_group .frm_page_bar .frm_rootline_single {
  display: flex;
  flex-flow: column-reverse;
  padding-bottom: 50px;
}
body .frm_forms .frm_rootline_group .frm_page_bar .frm_rootline_single input {
  width: 50px;
  height: 50px;
  background-color: var(--frm-accent-color, #97ca3e) !important;
  border: 2px solid #fff !important;
  border-radius: 50%;
  color: #fff !important;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
body
  .frm_forms
  .frm_rootline_group
  .frm_page_bar
  .frm_rootline_single.frm_current_page
  input {
  background-color: #fff !important;
  color: #262626 !important;
  border-color: #fff !important;
}
body .frm_forms .frm_rootline_group .frm_page_bar .frm_rootline_single::after {
  top: auto;
  bottom: 26px;
  height: 2px;
}
body
  .frm_forms
  .frm_rootline_group
  .frm_page_bar
  .frm_rootline_single
  .frm_rootline_title {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.34px;
  padding: 0 0 12px;
  line-height: normal;
  color: #fff;
}
body .frm_forms .frm_rootline_group .frm_clearfix {
  display: none;
}
body .frm_style_formidable-style.with_frm_style .frm_fields_container {
  row-gap: 35px;
}
body .with_frm_style .frm_page_num_1 .frm_submit.frm_flex {
  justify-content: flex-end;
}
body .frm_style_formidable-style.with_frm_style .form-field .frm_dropzone {
  max-width: 100%;
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field
  .frm_dropzone
  .dz-message {
  border-color: var(--frm-accent-color, #97ca3e);
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field
  .frm_combo_inputs_container {
  row-gap: 20px;
}
body .frm_forms.with_frm_style .frm_submit button.frm_prev_page svg {
  margin-left: -8px;
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field.frm_inside_container
  label.frm_primary_label {
  top: 17px;
  width: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  z-index: 2;
  color: #000;
  padding: 2px 10px;
  left: 10px;
  background-color: var(--form-box, #fff);
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field.frm_inside_container.frm_label_float_top
  label.frm_primary_label {
  top: -7px;
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field.frm_inside_container {
  padding: 0;
}
body .frm_style_formidable-style.with_frm_style .form-field .frm_description {
  line-height: 2;
  color: #000;
  font-size: 14px;
}
body .frm_style_formidable-style.with_frm_style .form-field.frm_html_container {
  font-size: unset;
  color: unset;
}
body
  .frm_style_formidable-style.with_frm_style
  .form-field
  .frm-cf-turnstile
  > div {
  display: flex;
  margin-top: -10px;
}
body .with_frm_style .frm_page_num_1 .frm_submit.frm_flex {
  margin-top: -10px;
}
body .frm_forms.with_frm_style .frm_submit button {
  margin-top: -10px !important;
}
/* ====================== Form ====================== */
.custom-navigation {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.custom-navigation.disabled {
  display: none;
}
body .custom-navigation button {
  height: 59px;
  width: 59px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: block;
  /* background-color: transparent !important; */
  background-color: var(--button_hover_bg_color, #1b4ea0) !important;
  /* border: 2px solid transparent; */
  border: none !important;
  cursor: pointer;
  transition: all 0.3s ease-in;
  outline: none;
}
body .custom-navigation button:hover {
  /* border-color: #000; */
}
body .custom-navigation button.owl-next:hover .left-to-center {
  right: -100%;
}
body .custom-navigation button.owl-next:hover .center-to-left {
  left: 0;
}
body .custom-navigation button.owl-prev .center-to-left {
  left: 100%;
}
body .custom-navigation button .left-to-center {
  background-color: var(--button_bg_color, #97ca3e);
  color: var(--button_text_color, #1c1c1c);
  border: 2px solid var(--button_hover_bg_color, #1b4ea0);
  padding: 0;
}
body .custom-navigation button .center-to-left {
  color: var(--button_hover_text_color, #1c1c1c);
  background-color: var(--button_hover_bg_color, #1b4ea0);
  padding: 0;
}
body .custom-navigation button.owl-prev:hover .left-to-center {
  right: 100%;
}
body .custom-navigation button.owl-prev:hover .center-to-left {
  left: 0;
}
.spacing {
  padding: 130px 0;
  margin: 130px 0;
}
section.outer-spacing-t {
  margin-top: 0;
}
section.outer-spacing-b {
  margin-bottom: 0;
}
section.inner-spacing-t {
  padding-top: 0;
}
section.inner-spacing-b {
  padding-bottom: 0;
}
.mobile-only {
  display: none;
}
body .mfp-wrap {
  z-index: 99999;
}
.mfp-bg {
  z-index: 99999;
}
/* ====================== Slide In Form ====================== */
body.internal-slidein-trigger {
  overflow: hidden;
}
.internal-slide-in-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: auto;
  transition: all 0.3s ease-in;
}
.internal-slide-in-popup-wrapper.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.internal-slide-in-popup-wrapper .close-shadow-div {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.internal-slide-in-popup-wrapper .internal-slide-in-inner {
  position: relative;
  margin-left: auto;
  overflow: auto;
  max-width: 450px;
  background-color: #fff;
  padding: 75px 25px 40px;
  transform: translateX(100%);
  transition: all 0.3s ease-in;
  min-height: 100%;
}
.internal-slide-in-popup-wrapper.active .internal-slide-in-inner {
  transform: translateX(0%);
}
.internal-slide-in-popup-wrapper::-webkit-scrollbar {
  display: none;
}
.internal-slide-in-popup-wrapper .internal-slide-in-inner .close-icon {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  display: flex;
}
.internal-slide-in-popup-wrapper .internal-slide-in-inner .close-icon path {
  fill: #000;
}
.internal-slide-in-popup-wrapper .top-area {
  margin-bottom: 20px;
  line-height: 1.4;
  text-wrap: balance;
  font-size: 16px;
  /* color: rgb(64, 64, 64); */
}
.internal-slide-in-popup-wrapper .top-area .sub-headline {
  font-size: 24px;
  margin-bottom: 0;
  line-height: 1.4;
}
.internal-slide-in-popup-wrapper .top-area h2 {
  font-size: 40px;
  margin: 0;
  line-height: 1.4;
}
.custom-btn-wrap.fixed-bottom-left .animated-button {
  position: fixed;
  z-index: 99;
  bottom: 32px;
  left: 32px;
}
.custom-btn-wrap.fixed-bottom-right .animated-button {
  position: fixed;
  z-index: 99;
  bottom: 32px;
  right: 32px;
}
.floating-button {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 67px;
  font-size: 22px;
  padding: 0 30px;
  transition: all 0.3s ease-in;
  border-radius: 38px;
  right: 20px;
  bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px 0px;
  cursor: pointer;
  outline: none;
  font-weight: 700;
  text-decoration: none;
}
body .site .floating-button {
  border: 2px solid var(--cta-accent-color) !important;
}
.floating-button:hover {
  color: #1c1c1c !important;
  background-color: #fff !important;
}
.floating-button.medium {
  height: 57px;
  font-size: 20px;
}
.floating-button.small {
  height: 48px;
  font-size: 18px;
}
.floating-button:hover .icon img {
  filter: brightness(0) invert(0);
}
.floating-button .icon {
  display: flex;
}
.floating-button .icon img {
  width: 25px;
  transition: all 0.3s ease-in;
}
footer.site-footer.floating-cta-enabled {
  padding-bottom: 50px;
}
body .internal-slide-in-popup-wrapper .frm_form_fields .frm_fields_container {
  gap: 50px 3%;
}
/*
 * The country dropdown must outrank the slide-in popup.
 *
 * intl-tel-input appends .iti--container to <body>, OUTSIDE the popup, so the
 * two compete on z-index alone. The slide-in wrapper is 99999 and this used to
 * be 9999, which meant that inside a slide-in the list did open -- all 244
 * countries, correctly positioned -- but the panel painted over it, so every
 * click landed on the form behind and no country could ever be chosen. The
 * in-page form module was unaffected because nothing sits above it.
 *
 * Verified on production by A/B: at 9999 a click at the list's centre hits
 * .frm_primary_label; at 100001 it hits .iti__country and selection works.
 * Keep this above .internal-slide-in-popup-wrapper (99999) and the search
 * modal (99999). The container only exists while the dropdown is open.
 */
.with_frm_style .iti--container {
  z-index: 100001;
}
.frm_forms .iti--container {
  position: fixed !important;
}
.frm_forms
  .iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country-primary:hover,
.frm_forms
  .iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country:has(+ .iti__dropdown-content:hover)
  .iti__selected-country-primary {
  background-color: transparent !important;
}

/* ====================== Slide In Form ====================== */

section.error-404 {
  text-align: center;
  padding: 140px 0;
}

.search-icon {
  display: flex;
  padding: 8px 10px;
  cursor: pointer;
}
.search-model-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 99999;
  transition: all 0.3s ease-in;
  opacity: 0;
  visibility: hidden;
}
.search-model-wrapper .overlay-close {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.search-model-wrapper .inner {
  position: relative;
  z-index: 9;
  background-color: var(--search-box-bg-color, rgb(130, 36, 227));
  width: 100%;
  max-width: 800px;
  margin-right: 0;
  margin-left: auto;
  padding: 65px 110px;
  transition: all 0.3s ease-in;
  transform: translateY(-100%);
}
.search-model-wrapper .inner form {
  position: relative;
}
.search-model-wrapper .inner form input#search {
  border-radius: 38px;
  width: 100%;
  height: 57px;
  font-size: 16px;
  font-weight: 500;
  color: #1c1c1c;
  padding: 0 70px 0 38px;
  border: none;
  box-shadow: none;
  outline: none;
}
.search-model-wrapper .inner form input#search::placeholder {
  color: #1c1c1c;
}
.search-model-wrapper .inner form button {
  position: absolute;
  right: 30px;
  padding: 8px 10px;
  background-color: transparent;
  border: none;
  top: 50%;
  transform: translateY(-50%);
}
.search-model-wrapper .inner .close-icon {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 15px;
  padding: 20px;
}
.logged-in .search-model-wrapper .inner {
  margin-top: 32px;
}
.search-model-wrapper.search-activated {
  opacity: 1;
  visibility: visible;
}
.search-model-wrapper.search-activated .inner {
  transform: translateY(0);
}
@media screen and (min-width: 768px) and (max-width: 1179px) {
  header.site-header .main-header .btn-wrap .animated-button.hide-on-tablet {
    display: none;
  }
}
@media screen and (max-width: 1540px) {
  body .custom-navigation button {
    height: 50px;
    width: 50px;
  }
  body .custom-navigation button span svg {
    width: 28px;
    height: auto;
  }
  .blog-item .contents-wrap .date {
    padding: 5px 10px;
  }
  .blog-item a {
    font-size: 14px;
  }
  .blog-item .contents-wrap .excerpt {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1440px) {
  /* ====================== Form ====================== */
  body .frm_form_fields .frm_fields_container {
    /* grid-template-columns: repeat(2, 1fr); */
    gap: 50px 36px;
  }
  /* body .frm_style_formidable-style.with_frm_style .form-field.frm6 {
    grid-column: span 1 / span 1;
  }
  body .frm_style_formidable-style.with_frm_style .form-field {
    grid-column: span 2 / span 2;
  } */
  /* ====================== Form ====================== */
  /* ====================== Footer ====================== */
  .footer-top-area .right .get-in-form .frm_fields_container {
    gap: 35px 20px;
  }
  /* ====================== Footer ====================== */
}
@media screen and (max-width: 1399px) {
  h1 {
    font-size: 65px;
  }
  h2 {
    font-size: 60px;
  }
  h3 {
    font-size: 50px;
  }
  h4 {
    font-size: 40px;
  }
  h5 {
    font-size: 30px;
  }
  h6 {
    font-size: 20px;
  }
  body {
    font-size: 18px;
    line-height: 160%;
  }
  .tagline {
    font-size: 21px;
  }
  .filter-blogs-content {
    column-gap: 30px;
    row-gap: 20px;
  }
  section.blog-hero-section .headline {
    font-size: 70px;
  }
}
@media screen and (max-width: 1279px) {
  .spacing {
    padding: 60px 0;
    margin: 60px 0;
  }
  /* ====================== Footer ====================== */
  .footer-top-area .left .bottom {
    grid-template-columns: 1fr;
  }
  .footer-top-area .right {
    padding: 40px 25px 40px;
  }
  .footer-top-area .left .inner {
    gap: 50px;
  }
  .footer-top-area .container {
    padding-right: 0;
  }
  /* ====================== Footer ====================== */
  section.error-404 {
    padding: 90px 0;
  }
  .filter-blogs-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  section.blog-hero-section .headline {
    font-size: 60px;
  }
  section.blog-hero-section {
    padding: 60px 0 0;
  }
}
@media screen and (max-width: 1179px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  h1 {
    font-size: 55px;
  }
  h2 {
    font-size: 50px;
  }
  h3 {
    font-size: 31px;
  }
  h4 {
    font-size: 28px;
  }
  h5 {
    font-size: 25px;
  }
  /* ====================== Form ====================== */
  body .frm_form_fields .frm_fields_container {
    gap: 50px 36px;
  }
  /* body
    .frm_style_formidable-style.with_frm_style
    .form-field:has(.frm_opt_container) {
    grid-column: span 2 / span 2;
    margin-bottom: -20px;
  } */
  /* body .with_frm_style .frm_top_container label.frm_primary_label {
    background-color: var(--form-section-bg, #fff);
  } */
  body
    .frm_style_formidable-style.with_frm_style
    .form-field.frm_inside_container
    label.frm_primary_label {
    top: 15px;
    /* background-color: var(--form-section-bg, #fff); */
  }
  /* ====================== Form ====================== */
  /* ====================== Footer ====================== */
  /* body
    .footer-top-area
    .right
    .get-in-form
    .frm_style_formidable-style.with_frm_style
    .form-field.frm6 {
    grid-column: span 2 / span 2;
  } */
  .footer-top-area .left .contact-details {
    gap: 30px 10px;
  }
  .footer-top-area .left .bottom {
    gap: 40px;
  }
  .footer-menu-wrap .footer-menu {
    grid-template-columns: 1fr 1fr;
  }
  footer.site-footer .footer-bottom .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  footer.site-footer .footer-bottom .left {
    order: 2;
    width: 100%;
    text-align: center;
  }
  footer.site-footer .footer-bottom .middle {
    order: 1;
  }
  footer.site-footer .footer-bottom .right {
    order: 3;
  }
  footer.site-footer .footer-bottom .left a {
    justify-content: center;
  }
  footer.site-footer .footer-bottom {
    padding: 30px 0;
  }
  /* ====================== Footer ====================== */
  .filter-blogs-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 44px;
  }
  section.blog-hero-section .headline {
    padding-bottom: 25px;
  }
  section.blog-hero-section {
    padding: 50px 0 0px;
  }
}
@media screen and (max-width: 767px) {
  .spacing {
    padding: 44px 0;
    margin: 44px 0;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 18px;
  }
  body {
    font-size: 17px;
    line-height: 141%;
  }
  blockquote {
    padding-left: 20px;
  }
  .tagline {
    font-size: 17px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }
  /* ====================== Forms ====================== */
  /* body .frm_style_formidable-style.with_frm_style .form-field {
    grid-column: span 2 / span 2 !important;
  } */
  body .with_frm_style .frm_form_field input,
  body .with_frm_style .frm_form_field select,
  body .with_frm_style .frm_form_field textarea {
    height: 50px;
    font-size: 20px;
  }
  body .select2 span.select2-selection.select2-selection--single {
    font-size: 20px;
    height: 50px !important;
  }
  body .with_frm_style .frm_form_field textarea {
    height: auto;
  }
  body .frm_form_fields .frm_fields_container {
    gap: 38px 36px;
  }
  body .with_frm_style .frm_submit button.frm_button_submit,
  body .with_frm_style .frm_submit button.frm_prev_page {
    width: 100%;
    height: 50px;
    font-size: 17px;
  }
  body
    .frm_style_formidable-style.with_frm_style
    .form-field:has(.frm_opt_container) {
    margin-bottom: -10px;
  }
  body
    .frm_forms
    .frm_rootline_group
    .frm_page_bar
    .frm_rootline_single
    .frm_rootline_title {
    font-weight: 400;
    font-size: 16px;
  }
  body .frm_forms .frm_rootline_group .frm_page_bar .frm_rootline_single input {
    width: 40px;
    height: 40px;
    font-size: 18px;
    border: 1px solid #fff !important;
    font-weight: 500;
  }
  body .frm_forms .frm_rootline_group .frm_page_bar .frm_rootline_single {
    padding-bottom: 40px;
  }
  body .frm_forms .frm_rootline_group {
    min-height: 140px;
  }
  /* ====================== Forms ====================== */
  /* ====================== Footer ====================== */
  .footer-top-area .container {
    padding: 0;
    flex-flow: column-reverse;
  }
  .footer-top-area .left {
    width: 100%;
    padding: 60px 16px;
  }
  .footer-top-area .right {
    width: 100%;
  }
  .footer-top-area .left .contact-details {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .footer-top-area .right {
    padding: 44px 16px;
  }
  .footer-top-area .right .get-in-form .frm_button_submit span {
    width: 100%;
  }
  .footer-top-area .right .get-in-form .frm_button_submit {
    width: 100%;
    height: 50px;
    font-size: 17px;
  }
  .footer-menu-wrap .footer-menu {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  footer.site-footer .footer-menu-wrap {
    padding: 44px 0;
  }
  footer.site-footer .footer-bottom {
    padding: 20px 0;
    font-size: 14px;
  }
  footer.site-footer .footer-bottom .right {
    justify-content: center;
  }
  footer.site-footer .footer-bottom a {
    font-size: 13px;
  }
  /* ====================== Footer ====================== */
  /* ====================== Slide In Form ====================== */
  .internal-slide-in-popup-wrapper .top-area h2 {
    font-size: 30px;
  }
  .internal-slide-in-popup-wrapper .top-area .sub-headline {
    font-size: 18px;
  }
  .default-form .with_frm_style .frm_html_container h2 {
    font-size: 24px;
  }
  .site-branding a {
    font-size: 18px;
    line-height: 1;
  }
  .floating-button {
    height: 35px !important;
    font-size: 15px !important;
    padding: 0 15px;
    gap: 5px;
  }
  .internal-slide-in-popup-wrapper .top-area h3 {
    font-size: 24px;
  }
  .internal-slide-in-popup-wrapper .internal-slide-in-inner {
    padding: 75px 25px 0px;
  }
  /* ====================== Slide In Form ====================== */
  header.site-header .main-header .btn-wrap .animated-button.hide-on-mobile {
    display: none;
  }
  body .with_frm_style .frm_form_field.frm_two_col .frm_opt_container,
  body .with_frm_style .frm_form_field.frm_three_col .frm_opt_container,
  body .with_frm_style .frm_form_field.frm_four_col .frm_opt_container {
    grid-template-columns: repeat(1, 1fr);
  }
  .container {
    padding: 0 16px;
  }
  section.error-404 {
    padding: 70px 0;
  }
  .search-model-wrapper .inner {
    padding: 65px 20px;
  }
  .search-model-wrapper .inner .close-icon {
    top: 0;
  }
  section.blog-hero-section {
    padding: 34px 0 0;
    text-align: left;
  }
  section.blog-hero-section .headline {
    font-size: 30px;
    padding-bottom: 15px;
  }
  .filter-blogs-content {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 30px;
  }
  .animated-button.has-mobile-text .mobile {
    display: block !important;
  }
  .animated-button.has-mobile-text .desktop {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  body .frm_style_formidable-style.with_frm_style .frm_fields_container {
    column-gap: 0;
  }
  body
    .frm_forms
    .frm_rootline_group
    .frm_page_bar
    .frm_rootline_single
    .frm_rootline_title {
    min-height: 50px;
  }
}
/* ======================== Blog Page CSS ========================   */
.blog-content-wrapper {
  display: grid;
  column-gap: 56px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: 30px;
}
.without-ajax.blog-item:first-child {
  grid-column: span 2 / span 2;
  grid-row: span 2 / span 2;
}
.without-ajax.blog-item:first-child .thumbnail a {
  height: auto;
}
.blog-item .contents-wrap .wrap {
  margin: 0;
  font-size: 14px;
}
.blogs-filter.blogs-filter {
  /* margin: 80px 0; */
  padding: 30px 0;
  background-color: var(--blog-filter-bar-color, #1b4ea0);
}
.blogs-filter form {
  display: flex;
  justify-content: space-between;
}
.blogs-filter form .right {
  width: 579px;
}
.blogs-filter form .left {
  flex: 1;
  padding-right: 75px;
}
.blogs-filter form h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 125%;
  color: var(--blog-filter-bar-text-color, #fff);
}
.blogs-filter .search-wrap {
  position: relative;
}
.blogs-filter .search-wrap input {
  width: 100%;
  height: 57px;
  border-radius: 38px;
  border: none;
  outline: none;
  background-color: #ffffff;
  padding: 0 38px;
  font-size: 16px;
  font-weight: 500;
  color: #1c1c1c;
}
.blogs-filter .search-wrap input::-webkit-search-cancel-button {
  position: absolute;
  left: 12px;
  font-size: 25px;
  color: #1c1c1c;
  cursor: pointer;
}
.blogs-filter form .right .search-wrap input::placeholder {
  color: #1c1c1c;
}
.blogs-filter .search-wrap button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  padding-right: 30px;
}
.blogs-filter form .left .cat {
  font-size: 18px;
  font-weight: 500;
  color: var(--blog-filter-bar-text-color, #fff);
  display: inline-block;
  margin: 0 28px 18px 0;
  line-height: 138.889%;
  cursor: pointer;
  transition: all 0.3s ease-in;
  text-decoration: none;
}
.blogs-filter form .left .cat.active,
.blogs-filter form .left .cat:hover {
  color: var(--blog-filter-category-active-color, #1c1c1c);
}
.blogs-filter form .left .cat sup {
  font-size: 22px;
}
.filter-blogs-content {
  position: relative;
}
.filter-blogs-content .blog-item .contents-wrap .wrap {
  margin-left: 0;
}
.filter-blogs-content:has(.blog-pagination) {
  padding-bottom: 70px;
}
.filter-blogs-content .blog-pagination {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px;
}
.filter-blogs-content .blog-pagination .page-numbers {
  width: 49px;
  height: 49px;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  line-height: 166.667%;
  color: #1c1c1c;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.filter-blogs-content .blog-pagination .page-numbers.current,
.filter-blogs-content .blog-pagination .page-numbers:hover {
  background-color: var(--blog-accent-color, #1b4ea0);
  color: #fff;
}
.text-center {
  text-align: center;
}
.filter-blogs-content .not-found {
  grid-column: span 4 / span 4;
}
#loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loader-wrapper .loader {
  width: 50px;
  height: 50px;
  border: 3px solid #1b4ea0;
  border-top: 3px solid transparent;
  border-radius: 50%;
  animation: spin 0.5s linear 0s infinite;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.without-ajax.blog-content-wrapper
  .blog-item:first-child
  .contents-wrap
  .excerpt {
  display: block !important;
}
/*  =============== Blog Page CSS =============== */
/*  =============== Blog Single Page CSS =============== */
.single-blog-main-contents-wrap {
  position: relative;
}
.single-blog-main-contents-wrap .right {
  padding-left: 300px;
}
.single-blog-main-contents-wrap .social-share-wrapper {
  position: sticky;
  float: left;
  top: 130px;
}
.logged-in .single-blog-main-contents-wrap .social-share-wrapper {
  top: 160px;
}
/* .single-blog-main-contents-wrap .social-share-wrapper .inner {
  position: absolute;
  top: 370px;
} */
.single-blog-main-contents-wrap .head {
  padding: 85px 0 65px;
  text-align: center;
  width: 100%;
  max-width: 1040px;
  position: relative;
}
.single-blog-categories {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 150%;
  padding-bottom: 15px;
}
.single-blog-categories a {
  margin: 0;
  display: inline-block;
  position: relative;
  padding-right: 10px;
  text-decoration: none;
  color: #1c1c1c;
  transition: all 0.3s ease-in;
}
.single-blog-categories a:hover {
  text-decoration: underline;
}
.single-blog-categories a::before {
  position: absolute;
  content: ',';
  right: 3px;
}
.single-blog-categories a:last-child {
  padding: 0;
}
.single-blog-categories a:last-child::before {
  opacity: 0;
}
.single-blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
}
.single-blog-tags p {
  font-size: 17px;
  font-style: italic;
  font-weight: 500;
  color: #1c1c1c;
  margin: 0;
}
.single-blog-tags p.tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.single-blog-tags p.tags-list a {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 187%;
  background-color: #f0f0f0;
  display: inline-flex;
  padding: 0px 15px;
  border-radius: 38px;
  font-style: normal;
  text-decoration: none;
  transition: all 0.3s ease-in;
  align-items: center;
}
.single-blog-tags p.tags-list a:hover {
  /* background-color: #6aa308; */
  background-color: var(--blog-accent-color, rgba(42, 156, 222, 1));
  color: #fff;
}
.single-blog-title {
  font-size: 60px;
  font-weight: 700;
  color: #1c1c1c;
  line-height: 108%;
  /* padding-bottom: 30px; */
}
.single-blog-date {
  font-size: 18px;
  font-weight: 500;
  line-height: 138%;
  color: #707070;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.single-blog-date .line {
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #707070;
}
.single-blog-main-contents-wrap .head::before {
  position: absolute;
  content: '';
  width: 64px;
  height: 3px;
  /* background-color: rgba(42, 156, 222, 1); */
  background-color: var(--blog-accent-color, rgba(42, 156, 222, 1));
  left: 0;
  right: 0;
  margin: auto;
  bottom: 35px;
}
.single-blog-main-contents-wrap .social-share-wrapper h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 118%;
  color: #707070;
  width: 100%;
  max-width: 200px;
  padding-bottom: 25px;
}
.single-blog-main-contents-wrap .social-share-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.single-blog-main-contents-wrap .social-share-wrapper ul a {
  width: 100%;
  display: flex;
  height: 65px;
  padding: 5px 15px;
  align-items: center;
  /* background-color: rgba(42, 156, 222, 1); */
  background-color: var(--blog-share-icon-bg-color, #1b4ea0);
  text-decoration: none;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  gap: 15px;
  transition: all 0.3s ease-in;
}
.single-blog-main-contents-wrap .social-share-wrapper ul a .icon {
  display: flex;
}
.single-blog-main-contents-wrap .social-share-wrapper ul a:hover {
  background-color: #1c1c1c;
}
.single-blog-featured-image {
  width: 100%;
  max-width: 1040px;
  margin-bottom: 60px;
  display: flex;
}
.single-blog-featured-image .image {
  width: 100%;
}
.single-blog-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-single-content-wrap {
  width: 100%;
  max-width: 1040px;
  padding: 0px 0 130px;
}
.blog-single-content-wrap.increase-fonts {
  font-size: 20px;
}
.blog-single-content-wrap .inner {
  width: 100%;
  max-width: 846px;
  margin: auto;
}
.blog-single-content-wrap figure {
  padding: 0;
}
.blog-single-content-wrap figure .image::before {
  display: none;
}
section.related-news-section .description {
  font-size: 28px;
  font-weight: 600;
  line-height: 125%;
  margin: 0;
  color: #1c1c1c;
  padding-bottom: 10px;
}
section.related-news-section .top-area {
  align-items: flex-end;
  padding-bottom: 42px;
  flex-wrap: nowrap;
  display: flex;
  justify-content: space-between;
}
section.related-news-section .top-area .headline span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
section.related-news-section .top-area .headline span::before {
  position: absolute;
  content: ',';
  right: 5px;
  bottom: 0;
}
section.related-news-section .top-area .headline span:last-child {
  padding: 0;
}
section.related-news-section .top-area .headline span:last-child::before {
  opacity: 0;
}
section.related-news-section
  .blog-content-wrapper
  .blog-item
  .contents-wrap
  .date {
  background-color: #fff;
}
section.latest-news {
  overflow: hidden;
}
body .latest-news .custom-navigation button {
  background-color: var(--blog-accent-color, #1b4ea0) !important;
}
body .latest-news .custom-navigation button span.left-to-center {
  background-color: var(--blog-accent-color, #1b4ea0) !important;
}
body .latest-news .custom-navigation button span.left-to-center path {
  fill: white;
}
.blog-content-wrapper .owl-stage {
  display: flex;
}
.blog-content-wrapper .owl-stage .owl-item {
  height: auto;
}
.blog-item {
  position: relative;
  overflow: hidden;
  height: 100%;
  /* padding-bottom: 140px; */
}
.blog-item a {
  text-decoration: none;
  color: #1c1c1c;
  outline: none;
}
/* .blog-item .thumbnail {
  height: 360px;
} */
.blog-item .thumbnail,
.blog-item .contents-wrap .wrappper {
  z-index: 2;
  position: relative;
}
.blog-item .thumbnail.logo {
  border: 1px solid #00000008;
}

.blog-item .thumbnail a {
  display: flex;
  height: 260px;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.blog-item .thumbnail a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}
.blog-item .contents-wrap {
  padding: 30px 20px;
  /* height: calc(100% - 360px); */
}
/* .blog-item .contents-wrap .wrappper {
  position: absolute;
  width: calc(100% - 40px);
  bottom: 30px;
  left: 20px;
} */
.blog-item .contents-wrap .title a {
  text-decoration: none;
  font-size: 28px;
  font-weight: 600;
  color: #1c1c1c;
  line-height: 125%;
  transition: all 0.3s ease-in;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.blog-item .contents-wrap .title {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.blog-item .contents-wrap .excerpt {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
  color: #1c1c1c;
  transition: all 0.3s ease-in;
  font-size: 18px;
  font-weight: 500;
}
.blog-item .contents-wrap .excerpt::before {
  position: absolute;
  content: '';
  height: 64px;
  width: 3px;
  /* background-color: rgba(42, 156, 222, 1); */
  background-color: var(--blog-accent-color, rgba(42, 156, 222, 1));
  left: 0;
  transition: all 0.3s ease-in;
  top: 5px;
}
.blog-item .contents-wrap .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: 25px;
}
.blog-item .contents-wrap div.button a.button {
  font-size: 16px;
  font-weight: 500;
}
.blog-content-wrapper
  .blog-item
  .contents-wrap
  div.button
  a.button
  .invisible-text {
  padding: 3px 15px 14px;
}
.blog-item .contents-wrap div.button a.button svg {
  width: 24px;
  height: auto;
  margin-left: 5px;
}
.blog-item .contents-wrap .date {
  color: #1c1c1c;
  background-color: #f0f0f0;
  padding: 9px 15px;
  border-radius: 38px;
  width: max-content;
  line-height: 1;
  transition: all 0.3s ease-in;
  margin-bottom: 0;
}
.blog-item .contents-wrap::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  /* background-color: rgba(42, 156, 222, 1); */
  background-color: var(--blog-accent-color, rgba(42, 156, 222, 1));
  transition: all 0.3s ease-in;
  transform: translateY(95%);
  opacity: 0;
  z-index: 1;
}
.blog-item:hover .contents-wrap::before,
.blog-item:focus-within .contents-wrap::before {
  opacity: 1;
  transform: translateY(0%);
}
.blog-item:hover .contents-wrap .title a,
.blog-item:focus-within .contents-wrap .title a {
  color: var(--blog-card-item-text-color-on-hover, #fff);
}
.blog-item:hover .contents-wrap .excerpt,
.blog-item:focus-within .contents-wrap .excerpt {
  color: var(--blog-card-item-text-color-on-hover, #fff);
}
.blog-item:hover .contents-wrap .excerpt::before,
.blog-item:focus-within .contents-wrap .excerpt::before {
  background-color: var(--blog-card-item-text-color-on-hover, #fff);
}
.blog-item:hover .contents-wrap .date,
.blog-item:focus-within .contents-wrap .date {
  background-color: #fff;
}
.related-news-slide .slick-slide {
  padding: 0 15px;
}
.related-news-slide .slick-list {
  margin: 0 -15px;
}
.blog-item .contents-wrap .excerpt p {
  margin: 0;
}
.blog-item .thumbnail.logo a img {
  object-fit: scale-down;
}
section.related-news-section .top-area .custom-navigation div {
  height: 60px;
  width: 60px;
  background-color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
section.related-news-section .top-area .custom-navigation .rel-prev svg {
  transform: rotate(90deg);
}
section.related-news-section .top-area .custom-navigation .rel-next svg {
  transform: rotate(-90deg);
}
section.related-news-section .top-area .custom-navigation div:hover {
  background-color: rgba(42, 156, 222, 1);
}
section.related-news-section .top-area .headline {
  margin: 0;
}
section.blog-hero-section {
  position: relative;
  overflow: hidden;
  padding: 74px 0 64px;
  text-align: center;
}
section.blog-hero-section .headline {
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: #1c1c1c;
  padding-bottom: 30px;
  margin-bottom: 0;
}
section.blog-hero-section .default-contents-wrap {
  width: 100%;
  max-width: 810px;
  margin: auto;
}
main.archive-page-wrap {
  margin-bottom: 80px;
}
.blogs-owl-slider,
.upcoming-events-short-codes {
  position: relative;
}
.blogs-owl-slider .owl-dots,
.upcoming-events-short-codes .owl-dots {
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.blogs-owl-slider .owl-dots button.owl-dot,
.upcoming-events-short-codes .owl-dots button.owl-dot {
  width: 14px;
  height: 14px;
  background-color: #dedede;
  border-radius: 100%;
  transition: all 0.3s ease-in;
}
.blogs-owl-slider .owl-dots button.owl-dot.active {
  background-color: var(--blog-accent-color, rgba(42, 156, 222, 1));
}
@media screen and (max-width: 1400px) {
  .blogs-filter form .right {
    width: 400px;
  }
  .blogs-filter form h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1279px) {
  .blogs-filter form .left {
    padding-right: 20px;
  }
  .blogs-filter form .right {
    width: 340px;
  }
  .blogs-filter form h3 {
    font-size: 23px;
  }
  .blogs-filter form .left .cat sup {
    font-size: 18px;
  }
  .blog-content-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 30px;
  }
  /*  =============== Blog Single Page CSS =============== */
  .single-blog-main-contents-wrap .right {
    padding-left: 200px;
  }
  .single-blog-title {
    font-size: 50px;
  }
  .single-blog-categories {
    font-size: 18px;
  }
  .single-blog-main-contents-wrap .social-share-wrapper ul a {
    font-size: 20px;
  }
  .single-blog-main-contents-wrap .head {
    padding: 60px 0 65px;
  }
  /* .default-contents-wrap h2 {
    font-size: 50px;
  }
  .default-contents-wrap h3 {
    font-size: 40px;
  }
  .default-contents-wrap h4 {
    font-size: 35px;
  } */
  section.blog-hero-section {
    padding: 60px 0;
  }
  section.blog-hero-section .headline {
    font-size: 60px;
  }
  /*  =============== Blog Single Page CSS =============== */
  blockquote {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .blogs-filter form {
    flex-wrap: wrap;
  }
  .blogs-filter form .left {
    padding: 0 0 30px;
  }
  .blogs-filter form .right {
    width: 100%;
  }
  .blogs-filter form h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .blogs-filter form .right h3 {
    margin-bottom: 15px;
  }
  .blog-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /*  =============== Blog Single Page CSS =============== */
  .single-blog-main-contents-wrap .right {
    padding-left: 0;
  }
  .single-blog-main-contents-wrap .social-share-wrapper {
    position: initial;
    /* border: 1px solid #2a9cde;
    padding: 5px; */
    width: max-content;
    margin-bottom: 60px;
  }
  .single-blog-main-contents-wrap .container {
    flex-flow: column-reverse;
    display: flex;
  }
  .single-blog-main-contents-wrap .head {
    padding: 45px 0 65px;
  }
  .single-blog-categories {
    padding-bottom: 10px;
  }
  .single-blog-title {
    font-size: 35px;
  }
  .single-blog-featured-image {
    display: flex;
    margin-bottom: 40px;
  }
  .blog-single-content-wrap.increase-fonts {
    font-size: 18px;
  }
  body .increase-font {
    font-size: 18px;
  }
  .blog-single-content-wrap {
    padding-bottom: 60px;
  }
  .logged-in .single-blog-main-contents-wrap .social-share-wrapper .inner {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .single-blog-main-contents-wrap .social-share-wrapper h3 {
    font-size: 18px;
    padding: 0;
    margin: 0;
  }
  .single-blog-main-contents-wrap .social-share-wrapper ul a {
    width: 64px;
    height: 52px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .single-blog-main-contents-wrap .social-share-wrapper ul a .text {
    display: none;
  }
  .single-blog-main-contents-wrap .social-share-wrapper ul {
    display: flex;
    gap: 5px;
  }
  .single-blog-main-contents-wrap
    .social-share-wrapper
    ul
    a
    .icon.facebook
    svg {
    width: 32px;
    height: auto;
  }
  .single-blog-main-contents-wrap .social-share-wrapper ul a .icon.twitter svg {
    width: 30px;
    height: auto;
  }
  .single-blog-main-contents-wrap
    .social-share-wrapper
    ul
    a
    .icon.linkedin
    svg {
    width: 32px;
    height: auto;
  }
  .single-blog-main-contents-wrap .social-share-wrapper ul a .icon.mail svg {
    width: 32px;
    height: auto;
  }
  section.blog-hero-section {
    padding: 50px 0 40px;
  }
  section.blog-hero-section .headline {
    padding-bottom: 25px;
  }

  /*  =============== Blog Single Page CSS =============== */
  .blogs-owl-slider .owl-dots,
  .upcoming-events-short-codes .owl-dots {
    display: flex;
    margin-top: 30px;
  }
  blockquote {
    font-size: 18px;
  }
}
@media screen and (max-width: 782px) {
  /* .admin-bar .mobile-menu-wrapper {
    top: calc(var(--header-height) + 46px);
  } */
}
@media screen and (max-width: 767px) {
  blockquote {
    font-size: 16px;
    padding: 15px 20px;
    border-left-width: 3px;
  }
  .blog-content-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 44px;
  }
  .without-ajax.blog-item:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1 / span 1;
  }
  .blog-item .contents-wrap .title a {
    font-size: 22px;
  }
  .blog-item .contents-wrap {
    padding: 20px 0 0;
  }
  .blog-item .contents-wrap .wrap {
    margin: 0;
  }
  .filter-blogs-content .blog-pagination {
    padding: 0 16px;
    justify-content: center;
  }
  .filter-blogs-content .blog-pagination .page-numbers {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .blogs-filter form .left .cat {
    margin: 0 9px 11px 0;
  }
  .blogs-filter .search-wrap input {
    height: 45px;
    padding: 0 22px;
  }
  .blogs-filter .search-wrap button {
    padding-right: 22px;
  }
  .blog-item .contents-wrap::before {
    opacity: 0 !important;
  }
  .blog-item:hover .contents-wrap .title a {
    color: #1c1c1c;
  }
  .blog-item:hover .contents-wrap .excerpt {
    color: #1c1c1c;
  }
  .blog-item:hover .contents-wrap .excerpt::before {
    background-color: rgba(42, 156, 222, 1);
  }
  .blog-item:hover .contents-wrap .date {
    background-color: #f0f0f0;
  }
  /*  =============== Blog Single Page CSS =============== */
  .single-blog-main-contents-wrap .social-share-wrapper ul a {
    width: 50px;
    height: 44px;
  }
  .single-blog-main-contents-wrap .social-share-wrapper h3 span {
    display: inline !important;
  }
  .single-blog-main-contents-wrap .social-share-wrapper h3 span:first-child {
    display: none !important;
  }
  .logged-in .single-blog-main-contents-wrap .social-share-wrapper .inner {
    gap: 10px;
  }
  .single-blog-main-contents-wrap .social-share-wrapper {
    margin-bottom: 44px;
  }
  .blog-single-content-wrap {
    padding-bottom: 44px;
  }
  .single-blog-main-contents-wrap .head {
    padding: 30px 0 55px;
  }
  .single-blog-categories {
    font-size: 16px;
  }
  .single-blog-title {
    font-size: 30px;
  }
  section.related-news-section .description {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
  }
  section.blog-hero-section {
    padding: 34px 0;
    text-align: left;
  }
  section.blog-hero-section .headline {
    font-size: 30px;
    padding-bottom: 15px;
  }
  /*  =============== Blog Single Page CSS =============== */
  section.related-news-section .top-area .news-navigation {
    display: none;
  }
}
/*  =============== Blog Single Page CSS =============== */

/*  =============== Admin Bar Fix =============== */
/* Theme overlays (sticky header 99999, mobile menu 999999) otherwise paint over the admin bar's hover dropdowns */
body.admin-bar #wpadminbar {
  z-index: 9999999;
}


/* ==========================================================================
   KEYBOARD FOCUS
   ==========================================================================

   There was no visible focus indicator anywhere in this theme: 28 rules across
   the stylesheets set `outline: none` or `outline: 0`, and there was not one
   `:focus-visible` rule to replace them. A keyboard or switch user could not
   tell where they were, on any page of any club. WCAG 2.4.7, sitewide.

   :focus-visible, not :focus, so a mouse click on a button does NOT paint a
   ring - which is why those outline:none rules were written in the first
   place. The browser only matches it for keyboard and other non-pointer focus.

   ⚠⚠ THE FIRST VERSION OF THIS RULE DID NOT WORK, AND SAID SO CONFIDENTLY.
   It used :where(), betting that being last in the file would beat the
   outline:none rules "at equal specificity without needing !important".
   :where() contributes ZERO specificity, so the whole selector was only
   (0,1,0) - and almost nothing it had to beat was equal to it:

     body input[type='text'] { outline: none }                    (0,1,2)
     .form-group.form-textarea textarea                           (0,2,1)
     body .form-group select.form-control                         (0,2,2)
     .woocommerce-checkout .form-row input.input-text:focus       (0,4,1)

   And an outline:none on the BASE state still applies while the element is
   focused - "focused" is not a tiebreak, specificity is. MEASURED in Chromium
   afterwards: every text field on a registration form, every billing field at
   checkout, the order notes, the country select and the footer contact form
   all reported outline-style:none while :focus-visible itself matched true.
   The ring shipped, and a keyboard user still could not see anything.

   So: :is() and !important on the outline. !important is the right tool for
   an accessibility floor that must not be silently overridable, and the blast
   radius is genuinely nil - the rule only ever applies to keyboard focus, so
   nothing a mouse user sees can change. The two places in this theme that
   draw their OWN focus ring outrank it and keep their design
   (.sue-product-cart-form select:focus-visible, and .sue-size-option, which
   rings the visible sibling rather than the hidden input).

   Two layers: an outline for shape, and a soft ring so it stays visible
   against a same-coloured background. currentColor is deliberate - it adapts
   to each club's palette rather than imposing one.
   ========================================================================== */
:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.65);
}

/* ⚠ NO border-radius HERE. The first version of this rule also set
   `border-radius: 2px`, which does not shape the outline - browsers have
   followed the element's OWN radius since Chrome 94 - it reshapes the ELEMENT.
   It was harmless only because :where() lost to almost everything: measured on
   the old rule, .btn-reg still reported 40px while focused. Raising the
   specificity to win the outline fight would have made it win this too, and
   every 40px pill button and 10px field would have snapped square the moment
   it took keyboard focus. Removed rather than shipped. */

/* Controls hidden for styling (the custom checkboxes, the colour swatches, the
   filter radios) put their ring on the visible thing next to them instead. */
:is(input[type="checkbox"], input[type="radio"]):focus-visible + * {
  outline: 2px solid currentColor !important;
  outline-offset: 2px !important;
}

/* Skip link: it is only useful if it becomes visible when focused. */
.skip-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (forced-colors: active) {
  :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid Highlight !important;
  }
}


/* ==========================================================================
   SLIDE-IN FORMS: don't fetch a captcha nobody asked for
   ==========================================================================

   MEASURED: on staging, ~2.5MB of a 6.9MB homepage was three Cloudflare
   Turnstile challenge payloads (~826KB each) - larger than all the CSS, JS and
   images combined, and none of it cacheable, because each payload is unique
   per load.

   Formidable ALREADY defers a captcha when its form is hidden; the branch is
   written for modals. It tests `closestForm.offsetParent !== null`, and it
   never fired here for one reason: the wrapper below hides itself with
   `visibility: hidden`, which does NOT null offsetParent. Only `display: none`
   does. So the form counted as visible and the challenge downloaded on every
   page view, for every slide-in on the site.

   ⚠ Keyed on .active - the same class the open handlers already toggle - and
   NOT on new JavaScript, so there is no state where the popup opens and the
   form stays hidden.

   ⚠ And on an INNER holder, never on .internal-slide-in-popup-wrapper itself:
   display:none there would kill the transition and the translateX slide.
   ========================================================================== */
.internal-slide-in-popup-wrapper .sue-slidein-form-holder {
  display: none;
}

.internal-slide-in-popup-wrapper.active .sue-slidein-form-holder {
  display: block;
}