@charset "UTF-8";
/*!
 |-----------------------------------------------------------------------------------------------------------
 |
 |
 |
 | Skin CSS
 |
 |
 |
 |-----------------------------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Heading - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._content-style h1, ._content-style h2, ._content-style h3, ._content-style h4, ._content-style h5, ._content-style h6,
._content-style .h1, ._content-style .h2, ._content-style .h3, ._content-style .h4, ._content-style .h5, ._content-style .h6 {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: var(--heading-line-height);
  text-transform: var(--heading-text-transform);
}
._content-style h1 a, ._content-style h2 a, ._content-style h3 a, ._content-style h4 a, ._content-style h5 a, ._content-style h6 a,
._content-style .h1 a, ._content-style .h2 a, ._content-style .h3 a, ._content-style .h4 a, ._content-style .h5 a, ._content-style .h6 a {
  color: var(--heading-color);
}
._content-style h1 a:hover, ._content-style h2 a:hover, ._content-style h3 a:hover, ._content-style h4 a:hover, ._content-style h5 a:hover, ._content-style h6 a:hover,
._content-style .h1 a:hover, ._content-style .h2 a:hover, ._content-style .h3 a:hover, ._content-style .h4 a:hover, ._content-style .h5 a:hover, ._content-style .h6 a:hover {
  color: var(--primary);
}
._content-style h1 .tagline, ._content-style h2 .tagline, ._content-style h3 .tagline, ._content-style h4 .tagline, ._content-style h5 .tagline, ._content-style h6 .tagline,
._content-style .h1 .tagline, ._content-style .h2 .tagline, ._content-style .h3 .tagline, ._content-style .h4 .tagline, ._content-style .h5 .tagline, ._content-style .h6 .tagline {
  display: block;
  margin-bottom: 5px;
  font-size: 0.3em;
  color: var(--heading-color);
  font-weight: var(--font-weight-bold);
}

._content-style h1 {
  color: var(--h1-color);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  font-family: var(--h1-font-family);
}
@media (max-width: 991px) {
  ._content-style h1 {
    font-size: var(--h1-font-size-mobile);
    font-size: 38px!important;
  }
}
._content-style h2 {
  color: var(--h2-color);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  font-family: var(--h2-font-family);
}
@media (max-width: 991px) {
  ._content-style h2 {
    font-size: var(--h2-font-size-mobile);
  }
}
._content-style h3 {
  color: var(--h3-color);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  font-family: var(--h3-font-family);
}
@media (max-width: 991px) {
  ._content-style h3 {
    font-size: var(--h3-font-size-mobile);
  }
}
._content-style h4 {
  color: var(--h4-color);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-family: var(--h4-font-family);
}
@media (max-width: 991px) {
  ._content-style h4 {
    font-size: var(--h4-font-size-mobile);
  }
}
._content-style h5 {
  color: var(--h5-color);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  font-family: var(--h5-font-family);
}
@media (max-width: 991px) {
  ._content-style h5 {
    font-size: var(--h5-font-size-mobile);
  }
}
._content-style h6 {
  color: var(--h6-color);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-family: var(--h6-font-family);
}
@media (max-width: 991px) {
  ._content-style h6 {
    font-size: var(--h6-font-size-mobile);
  }
}

._content-style .h1 {
  color: var(--h1-color);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  font-family: var(--h1-font-family);
}
@media (max-width: 991px) {
  ._content-style .h1 {
    font-size: var(--h1-font-size-mobile);
  }
}
._content-style .h2 {
  color: var(--h2-color);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  font-family: var(--h2-font-family);
}
@media (max-width: 991px) {
  ._content-style .h2 {
    font-size: var(--h2-font-size-mobile);
  }
}
._content-style .h3 {
  color: var(--h3-color);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  font-family: var(--h3-font-family);
}
@media (max-width: 991px) {
  ._content-style .h3 {
    font-size: var(--h3-font-size-mobile);
  }
}
._content-style .h4 {
  color: var(--h4-color);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  font-family: var(--h4-font-family);
}
@media (max-width: 991px) {
  ._content-style .h4 {
    font-size: var(--h4-font-size-mobile);
  }
}
._content-style .h5 {
  color: var(--h5-color);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  font-family: var(--h5-font-family);
}
@media (max-width: 991px) {
  ._content-style .h5 {
    font-size: var(--h5-font-size-mobile);
  }
}
._content-style .h6 {
  color: var(--h6-color);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  font-family: var(--h6-font-family);
  line-height: 1.3;
}
@media (max-width: 991px) {
  ._content-style .h6 {
    font-size: var(--h6-font-size-mobile);
  }
}
._content-style .paragraph {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: var(--line-height);
  text-transform: none;
  color: var(--text-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight-normal);
  font-family: var(--font-family-sans-serif);
}
@media (max-width: 991px) {
  ._content-style .paragraph {
    font-size: var(--font-size);
  }
}
._content-style .paragraph a {
  color: var(--link-color);
}
._content-style .paragraph a:hover {
  color: var(--link-color-hover);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Heading - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Paragraph - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._content-style p {
  margin-top: 0;
  margin-bottom: 30px;
  color: var(--primary-5);
}
._content-style .mwPageBlock.Embed .Container p {
  margin-top: 0;
  margin-bottom: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Paragraph - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._content-style blockquote {
  position: relative;
  padding: 100px 30px 30px 40px;
  margin-bottom: 30px;
  border-left: 5px solid var(--primary);
  background-color: rgba(0, 0, 0, 0.1);
}
._content-style blockquote:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 35px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: 40%;
  background-color: var(--primary);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/images/static/svg/icon-quote-2-left.svg");
}
._content-style blockquote p {
  margin-bottom: 15px;
  font-size: calc(var(--font-size) + 2px);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Image - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._content-style p img {
  max-width: 100%;
  height: auto;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Image - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - SVG - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._content-style svg {
  overflow: hidden;
  vertical-align: middle;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - SVG - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mwPageBlock.Content ul,
._mce-style ul {
  list-style-type: disc;
}
.mwPageBlock.Content ol,
._mce-style ol {
  list-style-type: decimal;
}
.mwPageBlock.Content ul ul, .mwPageBlock.Content ul ol, .mwPageBlock.Content ol ul, .mwPageBlock.Content ol ol,
._mce-style ul ul,
._mce-style ul ol,
._mce-style ol ul,
._mce-style ol ol {
  list-style-type: circle;
}
.mwPageBlock.Content ul ul ul, .mwPageBlock.Content ul ul ol, .mwPageBlock.Content ul ol ul, .mwPageBlock.Content ul ol ol, .mwPageBlock.Content ol ul ul, .mwPageBlock.Content ol ul ol, .mwPageBlock.Content ol ol ul, .mwPageBlock.Content ol ol ol,
._mce-style ul ul ul,
._mce-style ul ul ol,
._mce-style ul ol ul,
._mce-style ul ol ol,
._mce-style ol ul ul,
._mce-style ol ul ol,
._mce-style ol ol ul,
._mce-style ol ol ol {
  list-style-type: square;
}
.mwPageBlock.Content ul, .mwPageBlock.Content ol,
._mce-style ul,
._mce-style ol {
  padding-left: var(--ul-padding-left);
  margin: 0 0 30px;
}
.mwPageBlock.Content ul li, .mwPageBlock.Content ol li,
._mce-style ul li,
._mce-style ol li {
  margin-top: var(--li-margin-top);
  margin-bottom: var(--li-margin-bottom);
  color: var(--primary-5);
}
.mwPageBlock.Content ul li ul, .mwPageBlock.Content ul li ol, .mwPageBlock.Content ol li ul, .mwPageBlock.Content ol li ol,
._mce-style ul li ul,
._mce-style ul li ol,
._mce-style ol li ul,
._mce-style ol li ol {
  margin-top: var(--nested-ul-margin-top);
  margin-bottom: var(--nested-ul-margin-bottom);
}
.mwPageBlock.Content ul li ul li, .mwPageBlock.Content ul li ol li, .mwPageBlock.Content ol li ul li, .mwPageBlock.Content ol li ol li,
._mce-style ul li ul li,
._mce-style ul li ol li,
._mce-style ol li ul li,
._mce-style ol li ol li {
  margin-top: var(--nested-li-margin-top);
  margin-bottom: var(--nested-li-margin-bottom);
}
.mwPageBlock.Content dl,
._mce-style dl {
  margin: 0 0 30px;
}
.mwPageBlock.Content dl dt,
._mce-style dl dt {
  margin-top: var(--li-margin-top);
}
.mwPageBlock.Content dl dd,
._mce-style dl dd {
  margin-bottom: var(--li-margin-bottom);
  margin-left: 40px;
}

.mwPageBlock.Content ul._list-checkmark, .mwPageBlock.Content ol._list-checkmark,
._mce-style ul._list-checkmark,
._mce-style ol._list-checkmark {
  padding-left: 0;
  list-style: none;
}
.mwPageBlock.Content ul._list-checkmark li, .mwPageBlock.Content ol._list-checkmark li,
._mce-style ul._list-checkmark li,
._mce-style ol._list-checkmark li {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-bottom: 15px;
}
.mwPageBlock.Content ul._list-checkmark li:before, .mwPageBlock.Content ol._list-checkmark li:before,
._mce-style ul._list-checkmark li:before,
._mce-style ol._list-checkmark li:before {
  position: relative;
  top: 3px;
  flex: 0 0 auto;
  content: url("/images/static/svg/icon-checkmark-1-green.svg");
  width: 18px;
  height: 18px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - List - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Table - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._content-style table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  ._content-style table:not(.Dialog) {
    overflow: auto;
    display: block;
    max-width: 100%;
  }
}
._content-style table:not(.Dialog) th, ._content-style table:not(.Dialog) td {
  padding: 20px;
  text-align: inherit;
  vertical-align: top;
  border-top: 1px solid var(--table-border-color);
}
._content-style table:not(.Dialog) thead th {
  vertical-align: bottom;
}
._content-style table:not(.Dialog) tbody tr:nth-of-type(odd) {
  background-color: var(--table-accent-bg);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Table - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Form - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
._content-style .Dialog {
  width: 100%;
  table-layout: fixed;
}
._content-style .Dialog ::-webkit-input-placeholder {
  opacity: 1;
  color: var(--form-placeholder-color);
}
._content-style .Dialog :-ms-input-placeholder {
  opacity: 1;
  color: var(--form-placeholder-color);
}
._content-style .Dialog ::-ms-input-placeholder {
  opacity: 1;
  color: var(--form-placeholder-color);
}
._content-style .Dialog ::placeholder {
  opacity: 1;
  color: var(--form-placeholder-color);
}
._content-style .Dialog hr {
  margin: 35px 0;
  border-color: var(--border-color-dark);
}
._content-style .Dialog label {
  display: block;
  padding-bottom: var(--form-gutter);
}
._content-style .Dialog .asterisk {
  color: var(--danger);
}
._content-style .Dialog th, ._content-style .Dialog td {
  padding: var(--form-gutter) 0;
}
._content-style .Dialog th + td {
  padding-left: 15px;
}
._content-style .Dialog.wide {
  table-layout: auto;
}
@media (max-width: 575px) {
  ._content-style .Dialog.wide th + td {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  ._content-style .Dialog.wide th, ._content-style .Dialog.wide td {
    display: block;
  }
}

._content-style .mwInput {
  padding: 0;
  margin: 0;
  font-size: var(--form-font-size);
  font-family: var(--form-font-family);
  line-height: var(--form-line-height);
  color: var(--form-text-color);
  border: 1px solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  background-color: var(--form-bg);
  box-shadow: var(--form-shadow);
  transition: var(--transition-200);
}
._content-style .mwInput input,
._content-style .mwInput textarea,
._content-style .mwInput button,
._content-style .mwInput select,
._content-style .mwInput option,
._content-style .mwInput optgroup,
._content-style .mwInput fieldset,
._content-style .mwInput label,
._content-style .mwInput output {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: 0;
  background-color: transparent;
}
._content-style .mwInput.checkbox {
  height: auto;
}
._content-style .mwInput.text, ._content-style .mwInput.file {
  height: var(--form-input-height);
}
._content-style .mwInput.select:not([size]), ._content-style .mwInput.select[size="1"] {
  height: var(--form-input-height);
}
._content-style .mwInput input,
._content-style .mwInput button,
._content-style .mwInput select,
._content-style .mwInput optgroup,
._content-style .mwInput fieldset,
._content-style .mwInput output,
._content-style .mwInput textarea {
  height: 100%;
}
._content-style .mwInput label {
  height: auto;
}
._content-style .mwInput *,
._content-style .mwInput div {
  line-height: var(--form-line-height);
}

._content-style .mwInput.text input {
  width: 100%;
  padding: 0 var(--form-input-padding);
  line-height: var(--form-line-height);
}

._content-style .mwInput.select select {
  z-index: 1;
  width: 100%;
}
._content-style .mwInput.select .dropdown {
  width: var(--form-input-height);
  height: var(--form-input-height);
  line-height: var(--form-input-height);
  border: 0;
  color: var(--form-subcontrol-color);
  background-color: var(--form-subcontrol-bg);
}
._content-style .mwInput.select .dropdown:before {
  display: none;
}
._content-style .mwInput.select .dropdown:after {
  content: "\f078";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
._content-style .mwInput.select .value {
  height: 100%;
  min-width: auto !important;
  line-height: var(--form-input-height);
  padding: 0 var(--form-input-padding);
}
._content-style .mwInput.select:not(.checkList) {
  display: flex;
  flex-wrap: nowrap;
}
._content-style .mwInput.select:not(.checkList) .dropdown {
  order: 2;
  flex: 0 0 auto;
  position: relative;
  top: auto;
  right: auto;
}
._content-style .mwInput.select:not(.checkList) .value {
  order: 1;
  flex: 1;
  overflow: hidden;
}

._content-style .mwInput.multiple select {
  padding: 8px;
  outline: 0;
}
._content-style .mwInput.multiple option {
  padding: 5px;
}

._content-style .mwInput.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  border: 0;
  background: none;
  box-shadow: none;
}
._content-style .mwInput.checkbox:before {
  content: "";
  position: relative;
  left: auto;
  top: auto;
  flex: 0 0 auto;
  width: var(--form-checkbox-size);
  height: var(--form-checkbox-size);
  margin: 0;
  border: 1px solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--form-checkbox-icon-size);
  background-image: none;
  background-color: var(--form-bg);
  box-shadow: var(--form-checkbox-shadow);
  transition: var(--transition-200);
}
._content-style .mwInput.checkbox .icon {
  padding: 0;
  height: auto;
  white-space: normal;
  line-height: var(--form-checkbox-size);
}
._content-style .mwInput.checkbox .icon:before {
  display: none;
}

._content-style .mwRadios::after {
  display: table;
  clear: both;
  content: "";
}
._content-style .mwRadios .mwInput.checkbox:before {
  border-radius: 50%;
}
._content-style .mwRadios .mwInput.checkbox + .mwInput.checkbox {
  margin-top: var(--form-gutter);
}

._content-style .mwInput.textarea textarea {
  display: block;
  min-height: 100px;
  padding: var(--form-input-padding);
  resize: vertical;
}

._content-style .mwInput.file {
  padding: 0;
}
._content-style .mwInput.file input {
  height: 100%;
}
._content-style .mwInput.file .fill {
  height: var(--form-input-height);
  line-height: var(--form-input-height);
  background-color: var(--light);
}
._content-style .mwInput.file .fileName {
  height: var(--form-input-height);
  line-height: var(--form-input-height);
  padding: 0 var(--form-input-padding);
}
._content-style .mwInput.file .num {
  height: var(--form-input-height);
  line-height: var(--form-input-height);
  right: var(--form-input-height);
  padding: 0 var(--form-input-padding);
  color: var(--form-text-color);
}
._content-style .mwInput.file .upload {
  width: var(--form-input-height);
  height: var(--form-input-height);
  line-height: var(--form-input-height);
  color: var(--form-subcontrol-color);
  border: 0;
  background-color: var(--form-subcontrol-bg);
}
._content-style .mwInput.file .upload > div {
  display: none;
}
._content-style .mwInput.file .upload:before {
  display: none;
}
._content-style .mwInput.file .upload:after {
  content: "\f093";
  font-family: var(--font-family-icon);
  font-weight: 900;
}

._content-style .mwInput.file .fileFace {
  height: 100%;
  border-top: 0;
}
._content-style .mwInput.file .fileFace:has(+ .subcontrol) {
  width: calc(100% - var(--form-input-height));
}
._content-style .mwInput.file .fileFace .num {
  right: 0;
}

._content-style .mwInput.button {
  box-shadow: none;
}
._content-style div.mwInput.button {
  display: inline-block;
  height: var(--form-input-height);
  border: 0;
  background: none;
}
._content-style div.mwInput.button input, ._content-style div.mwInput.button button {
  height: 100%;
  font-size: var(--btn-md-font-size);
  font-weight: var(--btn-font-weight);
  font-family: var(--btn-font-family);
  letter-spacing: var(--btn-letter-spacing);
  text-transform: var(--btn-text-transform);
  transition: var(--transition-200);
  padding: 0 var(--btn-md-padding-x);
  color: var(--white);
  border: 1px solid var(--primary);
  background-color: var(--primary);
}

._content-style .mwInput.checkList .face {
  height: 100%;
  padding: 0;
}
._content-style .mwInput.checkList .subInput {
  padding: 0;
}
._content-style .mwInput.checkList .subInput input {
  position: relative;
  height: 100%;
  padding: 0 var(--form-input-padding);
  line-height: var(--form-line-height);
}
._content-style .mwInput.checkList.multiline .subInput input {
  padding: 0;
}

._content-style .mwCaptcha {
  display: block;
  padding: 20px 20px 15px;
  margin: 0;
  text-align: center;
  border-radius: var(--border-radius);
  background-color: #f5f5f5;
  background-image: url("/images/static/pattern/pattern-2.png");
  background-repeat: repeat;
}
@media (max-width: 575px) {
  ._content-style .mwCaptcha {
    padding: 20px 0 15px;
  }
}
@media (max-width: 359px) {
  ._content-style .mwCaptcha {
    overflow: hidden;
    width: 290px;
    padding: 0;
    text-align: left;
    background-color: transparent;
    background-image: none;
  }
}
._content-style .mwCaptcha script {
  display: inline;
}
@media (max-width: 359px) {
  ._content-style .mwCaptcha .g-recaptcha {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}
._content-style .captchaLeft .mwCaptcha {
  padding: 0;
  text-align: left;
  background: none;
}

.mwInputOverlay.list {
  background: rgba(0, 0, 0, 0.2);
}
.mwInputOverlay.list .body.oneline {
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-1);
}
.mwInputOverlay.list .subInput .badges {
  display: none;
}

._content-style .mwInput.hover {
  color: var(--form-text-color-hover);
  background-color: var(--form-bg-hover);
}
._content-style .mwInput.focus {
  border-color: var(--form-border-color-focus);
  box-shadow: var(--form-shadow-focus);
}
._content-style .mwInput.checkbox.hover {
  background-color: transparent;
}
._content-style .mwInput.checkbox.hover:before {
  background-color: var(--form-bg-hover);
}
._content-style .mwInput.checkbox.focus {
  box-shadow: none;
}
._content-style .mwInput.checkbox.focus:before {
  border-color: var(--form-border-color-focus);
  box-shadow: var(--form-checkbox-shadow-focus);
}
._content-style .mwInput.checkbox.checked:before {
  background-color: var(--primary);
  background-image: url(/images/static/svg/icon-checkmark-1-white.svg);
}
._content-style .mwInput.select.hover .dropdown {
  color: var(--form-subcontrol-color-hover);
  background-color: var(--form-subcontrol-bg-hover);
}
._content-style .mwInput.file.hover .upload {
  color: var(--form-subcontrol-color-hover);
  background-color: var(--form-subcontrol-bg-hover);
}
._content-style .mwInput.multiple option:checked {
  background-color: rgba(0, 0, 0, 0.16);
}
._content-style .mwInput.button:hover input, ._content-style .mwInput.button:hover button {
  color: var(--white);
  border-color: var(--primary-6);
  background-color: var(--primary-6);
}
._content-style .mwInput.button.focus {
  box-shadow: none;
}
.is-focus-keyboard ._content-style .mwInput.button.focus {
  outline: var(--outline);
}

._content-style .mwFormStatus {
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
}
._content-style .mwFormStatus:empty {
  display: none;
}
._content-style .mwFormStatus > .status {
  font-size: 16px;
  padding: 5px 20px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
._content-style .mwFormStatus > .status:first-of-type {
  padding-top: 15px;
}
._content-style .mwFormStatus > .status:last-of-type {
  padding-bottom: 15px;
}
._content-style .mwFormStatus > .status:not(:first-of-type):before {
  content: "\f06a";
  margin-right: 10px;
  font-family: var(--font-family-icon);
  font-weight: 900;
}
._content-style .mwFormStatus > .status .status {
  font-size: 16px;
  text-transform: uppercase;
}
.liveEdBlock ._content-style .mwFormStatus > .status .status {
  padding: 0;
  text-align: left;
}
._content-style .mwFormStatus > .status.error {
  color: var(--white);
  background-color: var(--danger);
}
._content-style .mwFormStatus > .status.error .status {
  color: var(--white);
}

._content-style .Dialog .alert {
  margin: var(--form-gutter) 0;
}

._content-style .mwInput.Disabled, ._content-style .mwInput.Disabled * {
  cursor: not-allowed;
}
._content-style .mwInput [disabled],
._content-style .mwInput input[disabled],
._content-style .mwInput textarea[readonly] {
  cursor: not-allowed;
}

._content-style .mwInput [readonly],
._content-style .mwInput input[readonly],
._content-style .mwInput textarea[readonly] {
  cursor: not-allowed;
}

._content-style .mwInput.error {
  border-color: var(--form-border-color-error);
  box-shadow: var(--form-shadow-error);
}
._content-style .mwInput.error.focus {
  border-color: var(--form-border-color-error-focus);
  box-shadow: var(--form-shadow-error-focus);
}
._content-style .mwInput.error.checkbox {
  box-shadow: none;
}
._content-style .mwInput.error.checkbox:before {
  border-color: var(--form-border-color-error);
  box-shadow: var(--form-shadow-error);
}
._content-style .mwInput.error.checkbox.focus {
  box-shadow: none;
}
._content-style .mwInput.error.checkbox.focus:before {
  border-color: var(--form-border-color-error-focus);
  box-shadow: var(--form-shadow-error-focus);
}

.input-inline,
._content-style .Dialog .input-inline {
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  box-shadow: var(--form-shadow);
  transition: var(--transition-200);
}
.input-inline:focus-within,
._content-style .Dialog .input-inline:focus-within {
  border-color: var(--form-border-color-focus);
  box-shadow: var(--form-shadow-focus);
}
.input-inline label,
.input-inline .suffix,
._content-style .Dialog .input-inline label,
._content-style .Dialog .input-inline .suffix {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: var(--form-input-height);
  color: var(--white);
  font-weight: var(--font-weight-bold);
  border-radius: 0;
  background-color: var(--primary);
}
.input-inline .mwInput,
._content-style .Dialog .input-inline .mwInput {
  flex: 1 1 auto;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.input-inline .mwInput.button,
._content-style .Dialog .input-inline .mwInput.button {
  flex: 0 0 auto;
}
.input-inline .btn,
._content-style .Dialog .input-inline .btn {
  flex: 0 0 auto;
  margin-bottom: 0;
}
.input-inline .btn > a,
.input-inline .btn > button,
.input-inline .btn > span,
._content-style .Dialog .input-inline .btn > a,
._content-style .Dialog .input-inline .btn > button,
._content-style .Dialog .input-inline .btn > span {
  height: var(--form-input-height);
  padding: 0 15px;
  border-radius: 0;
}

.input-inline.is-outline label, .input-inline.is-outline .suffix,
._content-style .Dialog .input-inline.is-outline label,
._content-style .Dialog .input-inline.is-outline .suffix {
  color: var(--text-color);
  background-color: var(--form-bg);
}
.input-inline.is-outline label,
._content-style .Dialog .input-inline.is-outline label {
  padding-right: 5px;
}
.input-inline.is-outline .suffix,
.input-inline.is-outline .mwInput + label,
._content-style .Dialog .input-inline.is-outline .suffix,
._content-style .Dialog .input-inline.is-outline .mwInput + label {
  font-size: var(--form-font-size);
  padding: 0 20px;
  position: relative;
}
.input-inline.is-outline .suffix:before,
.input-inline.is-outline .mwInput + label:before,
._content-style .Dialog .input-inline.is-outline .suffix:before,
._content-style .Dialog .input-inline.is-outline .mwInput + label:before {
  content: "";
  position: absolute;
  top: calc((var(--form-input-height) - var(--form-input-height) * 0.6) / 2);
  left: 0;
  width: 1px;
  height: calc(var(--form-input-height) * 0.6);
  background-color: var(--border-color-dark);
}

.input-range {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 10px;
}
@media (max-width: 575px) {
  .input-range {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }
}
.input-range:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background-color: var(--border-color-dark);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
  .input-range:before {
    width: 10px;
  }
}
.input-range .mwInput {
  flex: 1;
}
.input-range .mwInput:after {
  content: "\f073";
  position: absolute;
  top: 50%;
  left: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.input-range .mwInput input[type=text] {
  padding-left: 26px;
}

.nested-form:not(tbody) {
  padding: 22px 30px 15px;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px) {
  .nested-form:not(tbody) {
    padding: 7px 15px 1px;
  }
}
.nested-form:not(tbody) table {
  margin-bottom: 0;
}
.nested-form:not(tbody).is-outline {
  border: 1px solid var(--border-color-dark);
  background-color: transparent;
}

tbody.nested-form {
  border: 30px solid transparent;
  background-color: rgba(0, 0, 0, 0.1);
}

.checkbox-btn {
  position: relative;
}
.checkbox-btn .mwInput.checkbox {
  padding: 10px 12px;
  border-radius: var(--form-border-radius);
  background-color: rgba(0, 0, 0, 0.1);
}
.checkbox-btn .mwInput.checkbox.hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.checkbox-btn .mwInput.checkbox.focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.is-focus-keyboard .checkbox-btn .mwInput.checkbox.focus {
  outline: var(--outline);
}
.checkbox-btn .mwInput.checkbox.checked {
  font-weight: 600;
  color: var(--white);
  background-color: var(--primary);
}
.checkbox-btn .mwInput.checkbox.checked:before {
  background-color: var(--primary-5);
}

.checkbox-badge {
  position: relative;
}
.checkbox-badge .mwInput.checkbox {
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  background-color: rgba(0, 0, 0, 0.07);
}
.checkbox-badge .mwInput.checkbox:before {
  display: none;
}
.checkbox-badge .mwInput.checkbox .icon {
  line-height: var(--line-height);
}
.checkbox-badge .mwInput.checkbox.hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.checkbox-badge .mwInput.checkbox.focus {
  border-color: var(--form-border-color-focus);
  box-shadow: var(--form-shadow-focus);
}
.checkbox-badge .mwInput.checkbox.checked {
  color: var(--white);
  background-color: var(--primary);
}

.checkbox-toggle {
  --checkbox-toggle-width: 52px;
}

.checkbox-toggle .mwInput.checkbox {
  display: block;
  border-radius: calc(var(--checkbox-toggle-width) / 2);
}
.checkbox-toggle .mwInput.checkbox:before {
  display: none;
}
.checkbox-toggle .mwInput.checkbox .icon {
  position: relative;
  padding-left: calc(var(--checkbox-toggle-width) + 15px);
  transition: var(--transition-200);
}
.checkbox-toggle .mwInput.checkbox .icon:before {
  display: block;
  top: 0;
  left: 0;
  margin: 0 !important;
  height: calc(var(--checkbox-toggle-width) / 2);
  width: var(--checkbox-toggle-width);
  border-radius: calc(var(--checkbox-toggle-width) / 2);
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
  transition: var(--transition-200);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
.checkbox-toggle .mwInput.checkbox .icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: calc(var(--checkbox-toggle-width) / 2);
  width: calc(var(--checkbox-toggle-width) / 2);
  border-radius: 50%;
  background: var(--linear-gradient-white);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: var(--transition-200);
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.is-focus-keyboard .checkbox-toggle .mwInput.checkbox.focus {
  outline: var(--outline);
}
.checkbox-toggle .mwInput.checkbox.checked {
  color: var(--primary);
}
.checkbox-toggle .mwInput.checkbox.checked .icon:before {
  background-color: var(--primary);
}
.checkbox-toggle .mwInput.checkbox.checked .icon:after {
  left: calc(var(--checkbox-toggle-width) / 2);
}

.checkbox-toggle.is-reverse .mwInput.checkbox .icon {
  padding-left: 0;
  padding-right: calc(var(--checkbox-toggle-width) + 15px);
}
.checkbox-toggle.is-reverse .mwInput.checkbox .icon:before {
  left: auto;
  right: 0;
}
.checkbox-toggle.is-reverse .mwInput.checkbox .icon:after {
  left: auto;
  right: calc(var(--checkbox-toggle-width) / 2);
}
.checkbox-toggle.is-reverse .mwInput.checkbox.checked .icon:after {
  right: 0;
}

.checkbox-dropdown {
  position: relative;
}
.checkbox-dropdown .dropdown-open-btn {
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--form-input-height);
  text-align: left;
  color: var(--form-text-color);
  font-size: var(--form-font-size);
  font-family: var(--form-font-family);
  line-height: var(--form-line-height);
  border: 1px solid var(--form-border-color);
  border-radius: var(--form-border-radius);
  background-color: var(--form-bg);
  box-shadow: var(--form-shadow);
}
.checkbox-dropdown .dropdown-open-btn > span {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 var(--form-input-padding);
}
.checkbox-dropdown .dropdown-open-btn > i {
  flex: 0 0 auto;
  text-align: center;
  width: var(--form-input-height);
  height: var(--form-input-height);
  color: var(--form-subcontrol-color);
  line-height: var(--form-input-height);
  background-color: var(--form-subcontrol-bg);
}
.checkbox-dropdown .dropdown-open-btn:hover {
  background-color: var(--form-bg-hover);
}
.checkbox-dropdown .dropdown-open-btn:focus {
  border-color: var(--form-border-color-focus);
  box-shadow: var(--form-shadow-focus);
}
.is-focus-keyboard .checkbox-dropdown .dropdown-open-btn:focus {
  outline: none;
}
.checkbox-dropdown .dropdown-dialog {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  min-width: 100%;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  transition: var(--transition-200);
}
.checkbox-dropdown .dropdown-dialog .dropdown-label {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 15px 10px;
}
.checkbox-dropdown .dropdown-subheader {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 15px;
  padding: 0 15px;
}
.checkbox-dropdown .dropdown-search {
  flex: 1;
  position: relative;
}
.checkbox-dropdown .dropdown-search > i {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 14px;
  color: var(--gray);
}
.checkbox-dropdown .dropdown-search input {
  width: 100%;
  height: 30px;
  padding: 0 10px 0 28px;
  margin: 0;
  font-size: 14px;
  border: 1px solid var(--border-color-dark);
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
}
.checkbox-dropdown .dropdown-search button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: var(--danger);
}
.checkbox-dropdown .dropdown-search button i {
  display: block;
}
.checkbox-dropdown .dropdown-reset-btn {
  display: none;
  font-size: 12px;
  color: var(--gray-6);
}
.checkbox-dropdown .dropdown-reset-btn:hover {
  color: var(--dark);
}
.checkbox-dropdown .dropdown-close-btn {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 36px;
  height: 36px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radius);
}
.checkbox-dropdown .dropdown-close-btn:hover {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
}
.checkbox-dropdown .dropdown-no-result {
  font-size: 14px;
  margin-bottom: 5px;
  display: none;
}
.checkbox-dropdown .dropdown-list {
  overflow-y: scroll;
  max-height: 260px;
  padding: 15px 15px 10px 15px;
}
.checkbox-dropdown .mwInput.checkbox {
  font-size: 14px;
  margin-bottom: 5px;
}
.checkbox-dropdown .mwInput.checkbox:hover {
  color: var(--primary);
}

.checkbox-dropdown.active .dropdown-dialog {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mwInput.checkbox.checkbox-color {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  background-image: none;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2), inset 0 0 0 4px var(--white);
}
.mwInput.checkbox.checkbox-color:before {
  display: none;
}
.mwInput.checkbox.checkbox-color .icon {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mwInput.checkbox.checkbox-color.hover {
  box-shadow: inset 0 0 0 2px var(--primary), inset 0 0 0 4px var(--white);
}
.mwInput.checkbox.checkbox-color.focus {
  box-shadow: inset 0 0 0 2px var(--primary), inset 0 0 0 4px var(--white);
}
.mwInput.checkbox.checkbox-color.checked {
  background-image: url(/images/static/svg/icon-checkmark-1-green.svg);
  box-shadow: inset 0 0 0 2px rgb(0, 0, 0), inset 0 0 0 4px var(--white);
}

.radio-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px;
  border-radius: calc(var(--border-radius) + 5px);
  background-color: rgba(0, 0, 0, 0.1);
}
.radio-btns .mwInput.checkbox {
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 20px;
  background-color: transparent;
}
@media (max-width: 575px) {
  .radio-btns .mwInput.checkbox {
    flex: 0 0 auto;
    width: 100%;
  }
}
.radio-btns .mwInput.checkbox:before {
  display: inline-block;
  width: auto;
  height: auto;
  border: 0;
  opacity: 0;
  content: "\f00c";
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  background-color: transparent;
  box-shadow: none;
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.radio-btns .mwInput.checkbox .icon {
  display: inline-block;
  font-weight: var(--font-weight-bold);
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  transition: var(--transition-200);
}
.radio-btns .mwInput.checkbox.hover {
  background-color: rgba(0, 0, 0, 0.16);
}
.radio-btns .mwInput.checkbox.hover:before {
  background-color: transparent;
}
.radio-btns .mwInput.checkbox.focus:before {
  box-shadow: none;
}
.radio-btns .mwInput.checkbox.checked {
  color: var(--white);
  background-color: var(--primary);
}
.radio-btns .mwInput.checkbox.checked:before {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  background-color: transparent;
  background-image: none;
}
.radio-btns .mwInput.checkbox.checked .icon {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.is-focus-keyboard .radio-btns:focus-within {
  outline: var(--outline);
}

.radio-btns.is-outline {
  gap: 0;
  padding: 0;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius);
  background-color: var(--white);
}
.radio-btns.is-outline .mwInput.checkbox {
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px transparent;
}
.radio-btns.is-outline .mwInput.checkbox.hover {
  background-color: transparent;
}
.radio-btns.is-outline .mwInput.checkbox.checked {
  color: var(--text-color);
  background-color: var(--primary-1);
  box-shadow: inset 0 0 0 1px var(--primary), 0 0 0 1px var(--primary);
}

.radio-btns.is-simple {
  overflow: hidden;
  gap: 0;
  padding: 0;
  border: 2px solid var(--primary);
  border-radius: var(--border-radius);
  background-color: var(--white);
}
.radio-btns.is-simple .mwInput.checkbox {
  color: var(--primary);
  border-radius: 0;
}
.radio-btns.is-simple .mwInput.checkbox.hover {
  color: var(--primary-6);
  background-color: var(--primary-1);
}
.radio-btns.is-simple .mwInput.checkbox.checked, .radio-btns.is-simple .mwInput.checkbox.checked.hover {
  color: var(--white);
  background-color: var(--primary);
}

.radio-btns.is-lg .mwInput.checkbox {
  padding: 20px;
  font-size: 18px;
}

.radio-btns .mwInput.checkbox.is-icon-heart:before {
  content: "\f004";
  color: var(--danger);
}

._content-style .fancy-label {
  position: relative;
}
._content-style .fancy-label label {
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: calc((var(--form-input-height) - 20px) / 2);
  left: 10px;
  max-width: calc(100% - var(--form-input-padding) * 2);
  padding: 0 7px;
  font-size: 16px;
  color: var(--gray-6);
  line-height: 20px;
  white-space: nowrap;
  border-radius: 3px;
  background-color: var(--form-bg);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: var(--transition-200);
}
._content-style .fancy-label.active label {
  top: -10px;
  left: 12px;
  color: var(--primary);
  font-size: 13px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Form - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Vendor Override - Slick - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.slick-slider {
  --slider-nav-size: 36px;
  --slider-nav-size-mobile: 20px;
}

.slick-slider .slick-prev,
.slick-slider .slick-next, .slider-arrows .slick-prev,
.slider-arrows .slick-next {
  z-index: 1;
  position: absolute;
  top: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.slick-slider .slick-prev {
  left: calc(var(--slider-nav-size) / 2);
}
@media (max-width: 767px) {
  .slick-slider .slick-prev {
    left: 5px;
  }
}
.content-area .slick-slider .slick-prev{
  left: calc((var(--content-area-p-x) + 10px) * -1);
}
@media (max-width: 991px) {
  .content-area .slick-slider .slick-prev {
    left: calc((var(--content-area-p-x-tablet) + 10px) * -1);
  }
}
@media (max-width: 767px) {
  .content-area .slick-slider .slick-prev {
    left: calc((var(--content-area-p-x-phone) + 15px) * -1);
  }
}
.slick-slider .slick-next {
  right: calc(var(--slider-nav-size) / 2);
}
@media (max-width: 767px) {
  .slick-slider .slick-next {
    right: 5px;
  }
}
.content-area .slick-slider .slick-next {
  right: calc((var(--content-area-p-x) + 10px) * -1);
}
.slider-arrows {position:relative;display:flex;gap:15px;margin-bottom:30px;}
.slider-arrows .slick-next, .slider-arrows .slick-prev {position:relative;}
@media (max-width: 991px) {
  .content-area .slick-slider .slick-next {
    right: calc((var(--content-area-p-x-tablet) + 10px) * -1);
  }
   .content-area .slick-slider .slick-next {
    right: calc((var(--content-area-p-x-tablet) + 10px) * -1);
  }
  .slider-arrows {justify-content:center;margin-bottom:15px;}
}
@media (max-width: 767px) {
  .content-area .slick-slider .slick-next {
    right: calc((var(--content-area-p-x-phone) + 15px) * -1);
  }
}
.slick-slider .slick-prev svg,
.slick-slider .slick-next svg  {
  display: block;
  width: var(--slider-nav-size);
  height: var(--slider-nav-size);
  transition: var(--transition-200);
}
.slider-arrows .slick-prev svg,
.slider-arrows .slick-next svg {display:block;width:30px;height:20px}
.slider-arrows .slick-prev svg path,
.slider-arrows .slick-next svg path {stroke:var(--primary)}
@media (max-width: 767px) {
  .slick-slider .slick-prev svg,
  .slick-slider .slick-next svg, .slider-arrows .slick-prev svg,
  .slider-arrows .slick-next svg {
    display: none;
    width: var(--slider-nav-size-mobile);
    height: var(--slider-nav-size-mobile);
  }
}
.slick-slider .slick-prev svg.svg-arrow-mobile,
.slick-slider .slick-next svg.svg-arrow-mobile, .slider-arrows .slick-prev svg.svg-arrow-mobile,
.slider-arrows .slick-next svg.svg-arrow-mobile {
  display: none;
}
@media (max-width: 767px) {
  .slick-slider .slick-prev svg.svg-arrow-mobile,
  .slick-slider .slick-next svg.svg-arrow-mobile, .slider-arrows .slick-prev svg.svg-arrow-mobile,
  .slider-arrows .slick-next svg.svg-arrow-mobile {
    display: block;
  }
}
@media (min-width: 768px) {
  .slick-slider .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}
@media (min-width: 768px) {
  .slick-slider .slick-next:hover svg {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.slick-slider .slick-prev.slick-disabled,
.slick-slider .slick-next.slick-disabled {
  opacity: 0.8;
  cursor: not-allowed;
}

.slick-slider.slick-dotted {
  margin-bottom: 30px;
}
.slick-slider .slick-dots {
  position: absolute;
  bottom: -30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.slick-slider .slick-dots li {
  margin-bottom: 0;
}
.slick-slider .slick-dots button {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background: transparent;
}
.slick-slider .slick-dots.dot-style-minimal {
  gap: 25px;
}
.slick-slider .slick-dots.dot-style-minimal button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid var(--gray-6);
}
.slick-slider .slick-dots.dot-style-minimal button:hover,
.slick-slider .slick-dots.dot-style-minimal li.slick-active button {
  background-color: var(--gray-6);
}
.slick-slider .slick-dots.dot-style-outer-circle {
  gap: 15px;
}
.slick-slider .slick-dots.dot-style-outer-circle button {
  width: 16px;
  height: 16px;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid transparent;
}
.slick-slider .slick-dots.dot-style-outer-circle button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  border-radius: 50%;
  background-color: var(--gray-6);
  transition: var(--transition-200);
}
.slick-slider .slick-dots.dot-style-outer-circle button:hover,
.slick-slider .slick-dots.dot-style-outer-circle li.slick-active button {
  border-color: var(--gray-6);
}
.slick-slider .slick-dots.dot-style-outer-circle button:hover:before,
.slick-slider .slick-dots.dot-style-outer-circle li.slick-active button:before {
  opacity: 1;
}
.slick-slider .slick-dots.dot-style-morse-code {
  gap: 10px;
}
.slick-slider .slick-dots.dot-style-morse-code button {
  opacity: 0.2;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--gray-6);
}
.slick-slider .slick-dots.dot-style-morse-code li.slick-active button {
  opacity: 1;
  width: 60px;
}
.slick-slider .slick-dots.dot-style-dash {
  gap: 2px;
}
.slick-slider .slick-dots.dot-style-dash button {
  opacity: 0.2;
  width: 50px;
  height: 4px;
  background-color: var(--gray-6);
}
.slick-slider .slick-dots.dot-style-dash button:hover,
.slick-slider .slick-dots.dot-style-dash li.slick-active button {
  opacity: 1;
}
.slick-slider .slick-dots.dot-style-number {
  gap: 10px;
}
.slick-slider .slick-dots.dot-style-number li {
  position: relative;
  padding: 3px 3px 7px;
}
.slick-slider .slick-dots.dot-style-number li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: var(--gray-6);
  transition: var(--transition-200);
}
.slick-slider .slick-dots.dot-style-number button {
  opacity: 0.3;
  width: auto;
  min-width: 20px;
  height: auto;
  line-height: 1;
  color: var(--gray-6);
  font-size: 18px;
  font-weight: var(--font-weight-bold);
}
.slick-slider .slick-dots.dot-style-number li:hover:after,
.slick-slider .slick-dots.dot-style-number li.slick-active:after {
  width: 100%;
}
.slick-slider .slick-dots.dot-style-number li:hover button,
.slick-slider .slick-dots.dot-style-number li.slick-active button {
  opacity: 1;
}

.slick-slider .slick-arrow svg .svg-stroke {
  stroke: var(--custom-arrows-color);
}
.slick-slider .slick-arrow svg .svg-fill {
  fill: var(--custom-arrows-color);
}
.slick-slider .slick-dots.dot-style-minimal button {
  border-color: #fff;
}
.slick-slider .slick-dots.dot-style-minimal button:hover,
.slick-slider .slick-dots.dot-style-minimal li.slick-active button {
  background-color: var(--white);
}
.slick-slider .slick-dots.dot-style-outer-circle button:before {
  background-color: var(--custom_dots_color);
}
.slick-slider .slick-dots.dot-style-outer-circle button:hover,
.slick-slider .slick-dots.dot-style-outer-circle li.slick-active button {
  border-color: var(--custom_dots_color);
}
.slick-slider .slick-dots.dot-style-morse-code button {
  background-color: var(--custom_dots_color);
}
.slick-slider .slick-dots.dot-style-dash button {
  background-color: var(--custom_dots_color);
}
.slick-slider .slick-dots.dot-style-number li:after {
  background-color: var(--custom_dots_color);
}
.slick-slider .slick-dots.dot-style-number button {
  color: var(--custom_dots_color);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Vendor Override - Slick - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Vendor Override - Magnific Popup - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mfp-wrap *:focus-visible {
  outline: var(--outline);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Vendor Override - Magnific Popup - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Heading - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.heading-style-1 {
  --heading-minimal-deco-length: 60px;
  --heading-minimal-deco-thickness: 3px;
}

.heading-style-1 .heading-inner {
  position: relative;
  margin-bottom: 30px;
}
.heading-style-1.none-padding .heading-inner {margin-bottom:0;}
.heading-style-1 .heading-text {
  position: relative;
  margin-bottom: 0;
}
.heading-style-1 .tagline {
  display: block;
}
.heading-style-1 .heading-deco {
  border-radius: calc(var(--heading-minimal-deco-thickness) / 2);
}

.heading-style-1.has-v-line-side .heading-deco {
  position: absolute;
  top: 0;
  width: var(--heading-minimal-deco-thickness);
  height: 100%;
}
.heading-style-1.has-v-line-side._text-left .heading-inner {
  padding-left: 30px;
}
.heading-style-1.has-v-line-side._text-left .heading-deco {
  left: 0;
}
.heading-style-1.has-v-line-side._text-center .heading-inner {
  display: inline-block;
  padding-left: 30px;
}
.heading-style-1.has-v-line-side._text-center .heading-deco {
  left: 0;
}
.heading-style-1.has-v-line-side._text-right .heading-inner {
  padding-right: 30px;
}
.heading-style-1.has-v-line-side._text-right .heading-deco {
  right: 0;
}

.heading-style-1.has-v-line-above .heading-inner {
  padding-top: calc(var(--heading-minimal-deco-length) + 15px);
}
.heading-style-1.has-v-line-above .heading-deco {
  position: absolute;
  top: 0;
  width: var(--heading-minimal-deco-thickness);
  height: var(--heading-minimal-deco-length);
}
.heading-style-1.has-v-line-above._text-left .heading-deco {
  left: 0;
}
.heading-style-1.has-v-line-above._text-center .heading-deco {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.heading-style-1.has-v-line-above._text-right .heading-deco {
  right: 0;
}

.heading-style-1.has-v-line-below .heading-inner {
  padding-bottom: calc(var(--heading-minimal-deco-length) + 15px);
}
.heading-style-1.has-v-line-below .heading-deco {
  position: absolute;
  bottom: 0;
  width: var(--heading-minimal-deco-thickness);
  height: var(--heading-minimal-deco-length);
}
.heading-style-1.has-v-line-below._text-left .heading-deco {
  left: 0;
}
.heading-style-1.has-v-line-below._text-center .heading-deco {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.heading-style-1.has-v-line-below._text-right .heading-deco {
  right: 0;
}

.heading-style-1.has-h-line-above .heading-inner {
  padding-top: 30px;
}
.heading-style-1.has-h-line-above .heading-deco {
  position: absolute;
  top: 0;
  width: var(--heading-minimal-deco-length);
  height: var(--heading-minimal-deco-thickness);
}
.heading-style-1.has-h-line-above._text-left .heading-deco {
  left: 0;
}
.heading-style-1.has-h-line-above._text-center .heading-deco {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.heading-style-1.has-h-line-above._text-right .heading-deco {
  right: 0;
}

.heading-style-1.has-h-line-below .heading-inner {
  padding-bottom: 30px;
}
.heading-style-1.has-h-line-below .heading-deco {
  position: absolute;
  bottom: 0;
  width: var(--heading-minimal-deco-length);
  height: var(--heading-minimal-deco-thickness);
}
.heading-style-1.has-h-line-below._text-left .heading-deco {
  left: 0;
}
.heading-style-1.has-h-line-below._text-center .heading-deco {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.heading-style-1.has-h-line-below._text-right .heading-deco {
  right: 0;
}

.heading-style-1.has-btn .heading-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Heading - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Button - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mwBtnLeft {
  text-align: left;
}

.mwBtnRight {
  text-align: right;
}

.mwBtnCenter {
  text-align: center;
}

.btn {
  margin-bottom: 30px;
}
.btn > a,
.btn > button,
.btn > span {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.btn > a:hover,
.btn > button:hover,
.btn > span:hover {
  text-decoration: none;
}
.btn > a.disabled, .btn > a:disabled,
.btn > button.disabled,
.btn > button:disabled,
.btn > span.disabled,
.btn > span:disabled {
  cursor: not-allowed;
}
.btn > a i[class^=fa-],
.btn > a i[class*=" fa-"],
.btn > button i[class^=fa-],
.btn > button i[class*=" fa-"],
.btn > span i[class^=fa-],
.btn > span i[class*=" fa-"] {
  vertical-align: baseline;
}

.btn > a,
.btn > button,
.btn > span {
  font-size: var(--btn-md-font-size);
  font-weight: 600;
  font-family: var(--btn-font-family);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-radius: var(--btn-border-radius);
  text-transform: uppercase;
  /* letter-spacing: var(--btn-letter-spacing); */
  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
  transition: var(--transition-200);
  color: var(--white);
  border-color: var(--primary);
  background: var(--primary);
  transition: 0.3s ease;
}
.btn > a:hover,
.btn > button:hover,
.btn > span:hover {
  color: var(--white);
  border-color: var(--primary-6);
  background: var(--primary-6);
}

.btn.is-outline > a,
.btn.is-outline > button,
.btn.is-outline > span {
  overflow: hidden;
  position: relative;
  vertical-align: top;
  color: var(--primary);
  border-color: var(--primary);
  background: transparent;
}
.btn.is-outline > a:before,
.btn.is-outline > button:before,
.btn.is-outline > span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--primary);
  transition: var(--transition-200);
}
.btn.is-outline > a > span,
.btn.is-outline > button > span,
.btn.is-outline > span > span {
  position: relative;
}
.btn.is-outline > a:hover,
.btn.is-outline > button:hover,
.btn.is-outline > span:hover {
  color: var(--white);
  border-color: var(--primary);
  background: transparent;
}
.btn.is-outline > a:hover:before,
.btn.is-outline > button:hover:before,
.btn.is-outline > span:hover:before {
  height: 100%;
}

.btn.is-rounded > a,
.btn.is-rounded > button,
.btn.is-rounded > span {
  border-radius: var(--btn-border-radius-rounded);
}

.btn.has-arrow > a,
.btn.has-arrow > button,
.btn.has-arrow > span {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn.has-arrow > a .btn-icon,
.btn.has-arrow > button .btn-icon,
.btn.has-arrow > span .btn-icon {
  -webkit-transform: translateX(7px);
          transform: translateX(7px);
}
.btn.has-arrow > a .btn-icon span,
.btn.has-arrow > button .btn-icon span,
.btn.has-arrow > span .btn-icon span {
  display: block;
  border-radius: 1px;
  height: 2px;
  transition: var(--transition-200);
}
.btn.has-arrow > a .btn-icon > span,
.btn.has-arrow > button .btn-icon > span,
.btn.has-arrow > span .btn-icon > span {
  position: relative;
  width: 20px;
}
.btn.has-arrow > a .btn-icon > span span,
.btn.has-arrow > button .btn-icon > span span,
.btn.has-arrow > span .btn-icon > span span {
  position: absolute;
  top: 0;
  right: 1px;
  width: 7px;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.btn.has-arrow > a .btn-icon > span span:nth-child(1),
.btn.has-arrow > button .btn-icon > span span:nth-child(1),
.btn.has-arrow > span .btn-icon > span span:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btn.has-arrow > a .btn-icon > span span:nth-child(2),
.btn.has-arrow > button .btn-icon > span span:nth-child(2),
.btn.has-arrow > span .btn-icon > span span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.btn.has-arrow.is-outline > a:before,
.btn.has-arrow.is-outline > button:before,
.btn.has-arrow.is-outline > span:before {
  width: 0;
  height: 100%;
}
.btn.has-arrow.is-outline > a:hover:before,
.btn.has-arrow.is-outline > button:hover:before,
.btn.has-arrow.is-outline > span:hover:before {
  width: 100%;
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.btn-group .btn {
  margin-bottom: 0;
}

.btn > a.small,
.btn > button.small,
.btn > span.small {
  padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
  font-size: var(--btn-sm-font-size);
}
.btn > a.medium,
.btn > button.medium,
.btn > span.medium {
  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
  font-size: var(--btn-md-font-size);
}
.btn > a.large,
.btn > button.large,
.btn > span.large {
  padding: var(--btn-lg-padding-y) var(--btn-lg-padding-x);
  font-size: var(--btn-lg-font-size);
}
.btn > a.large .btn-icon span span,
.btn > button.large .btn-icon span span,
.btn > span.large .btn-icon span span {
  width: 10px;
}

.btn.is-primary > a,
.btn.is-primary > button,
.btn.is-primary > span {
  color: var(--text-color-on-primary);
  border-color: var(--primary);
  background: var(--primary);
}
.btn.is-primary > a .btn-icon span,
.btn.is-primary > button .btn-icon span,
.btn.is-primary > span .btn-icon span {
  background-color: var(--text-color-on-primary);
}
.btn.is-primary > a:hover,
.btn.is-primary > button:hover,
.btn.is-primary > span:hover {
  color: var(--white);
  border-color: var(--primary-7);
  background: var(--primary-7);
}
.btn.is-primary > a:hover .btn-icon > span,
.btn.is-primary > button:hover .btn-icon > span,
.btn.is-primary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-primary > a:hover .btn-icon span,
.btn.is-primary > button:hover .btn-icon span,
.btn.is-primary > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-primary > a,
.btn.is-outline.is-primary > button,
.btn.is-outline.is-primary > span {
  color: var(--primary);
  border-color: var(--primary);
  background: transparent;
}
.btn.is-outline.is-primary > a:before,
.btn.is-outline.is-primary > button:before,
.btn.is-outline.is-primary > span:before {
  background: var(--primary);
}
.btn.is-outline.is-primary > a .btn-icon span,
.btn.is-outline.is-primary > button .btn-icon span,
.btn.is-outline.is-primary > span .btn-icon span {
  background-color: var(--primary);
}
.btn.is-outline.is-primary > a:hover,
.btn.is-outline.is-primary > button:hover,
.btn.is-outline.is-primary > span:hover {
  color: var(--text-color-on-primary);
  border-color: var(--primary);
}
.btn.is-outline.is-primary > a:hover .btn-icon > span,
.btn.is-outline.is-primary > button:hover .btn-icon > span,
.btn.is-outline.is-primary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-primary > a:hover .btn-icon span,
.btn.is-outline.is-primary > button:hover .btn-icon span,
.btn.is-outline.is-primary > span:hover .btn-icon span {
  background-color: var(--text-color-on-primary);
}

.btn.is-primary-light > a,
.btn.is-primary-light > button,
.btn.is-primary-light > span {
  color: var(--text-color);
  border-color: var(--primary-1);
  background: var(--primary-1);
}
.btn.is-primary-light > a .btn-icon span,
.btn.is-primary-light > button .btn-icon span,
.btn.is-primary-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-primary-light > a:hover,
.btn.is-primary-light > button:hover,
.btn.is-primary-light > span:hover {
  color: var(--white);
  border-color: var(--primary);
  background: var(--primary);
}
.btn.is-primary-light > a:hover .btn-icon > span,
.btn.is-primary-light > button:hover .btn-icon > span,
.btn.is-primary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-primary-light > a:hover .btn-icon span,
.btn.is-primary-light > button:hover .btn-icon span,
.btn.is-primary-light > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-primary-light > a,
.btn.is-outline.is-primary-light > button,
.btn.is-outline.is-primary-light > span {
  color: var(--primary-1);
  border-color: var(--primary-1);
  background: transparent;
}
.btn.is-outline.is-primary-light > a:before,
.btn.is-outline.is-primary-light > button:before,
.btn.is-outline.is-primary-light > span:before {
  background: var(--primary-1);
}
.btn.is-outline.is-primary-light > a .btn-icon span,
.btn.is-outline.is-primary-light > button .btn-icon span,
.btn.is-outline.is-primary-light > span .btn-icon span {
  background-color: var(--primary-1);
}
.btn.is-outline.is-primary-light > a:hover,
.btn.is-outline.is-primary-light > button:hover,
.btn.is-outline.is-primary-light > span:hover {
  color: var(--text-color);
  border-color: var(--primary-1);
}
.btn.is-outline.is-primary-light > a:hover .btn-icon > span,
.btn.is-outline.is-primary-light > button:hover .btn-icon > span,
.btn.is-outline.is-primary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-primary-light > a:hover .btn-icon span,
.btn.is-outline.is-primary-light > button:hover .btn-icon span,
.btn.is-outline.is-primary-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-secondary > a,
.btn.is-secondary > button,
.btn.is-secondary > span {
  color: var(--text-color-on-secondary);
  border-color: var(--white);
  background: var(--secondary);
}
.btn.is-secondary > a .btn-icon span,
.btn.is-secondary > button .btn-icon span,
.btn.is-secondary > span .btn-icon span {
  background-color: var(--text-color-on-secondary);
}
.btn.is-secondary > a:hover,
.btn.is-secondary > button:hover,
.btn.is-secondary > span:hover {
  color: var(--white);
  border-color: var(--secondary-7);
  background: var(--secondary-7);
}
.btn.is-secondary > a:hover .btn-icon > span,
.btn.is-secondary > button:hover .btn-icon > span,
.btn.is-secondary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-secondary > a:hover .btn-icon span,
.btn.is-secondary > button:hover .btn-icon span,
.btn.is-secondary > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-secondary > a,
.btn.is-outline.is-secondary > button,
.btn.is-outline.is-secondary > span {
  color: var(--secondary);
  border-color: var(--secondary);
  background: transparent;
}
.btn.is-outline.is-secondary > a:before,
.btn.is-outline.is-secondary > button:before,
.btn.is-outline.is-secondary > span:before {
  background: var(--secondary);
}
.btn.is-outline.is-secondary > a .btn-icon span,
.btn.is-outline.is-secondary > button .btn-icon span,
.btn.is-outline.is-secondary > span .btn-icon span {
  background-color: var(--secondary);
}
.btn.is-outline.is-secondary > a:hover,
.btn.is-outline.is-secondary > button:hover,
.btn.is-outline.is-secondary > span:hover {
  color: var(--text-color-on-secondary);
  border-color: var(--secondary);
}
.btn.is-outline.is-secondary > a:hover .btn-icon > span,
.btn.is-outline.is-secondary > button:hover .btn-icon > span,
.btn.is-outline.is-secondary > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-secondary > a:hover .btn-icon span,
.btn.is-outline.is-secondary > button:hover .btn-icon span,
.btn.is-outline.is-secondary > span:hover .btn-icon span {
  background-color: var(--text-color-on-secondary);
}

.btn.is-secondary-light > a,
.btn.is-secondary-light > button,
.btn.is-secondary-light > span {
  color: var(--text-color);
  border-color: var(--secondary-1);
  background: var(--secondary-1);
}
.btn.is-secondary-light > a .btn-icon span,
.btn.is-secondary-light > button .btn-icon span,
.btn.is-secondary-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-secondary-light > a:hover,
.btn.is-secondary-light > button:hover,
.btn.is-secondary-light > span:hover {
  color: var(--white);
  border-color: var(--secondary);
  background: var(--secondary);
}
.btn.is-secondary-light > a:hover .btn-icon > span,
.btn.is-secondary-light > button:hover .btn-icon > span,
.btn.is-secondary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-secondary-light > a:hover .btn-icon span,
.btn.is-secondary-light > button:hover .btn-icon span,
.btn.is-secondary-light > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-secondary-light > a,
.btn.is-outline.is-secondary-light > button,
.btn.is-outline.is-secondary-light > span {
  color: var(--secondary-1);
  border-color: var(--secondary-1);
  background: transparent;
}
.btn.is-outline.is-secondary-light > a:before,
.btn.is-outline.is-secondary-light > button:before,
.btn.is-outline.is-secondary-light > span:before {
  background: var(--secondary-1);
}
.btn.is-outline.is-secondary-light > a .btn-icon span,
.btn.is-outline.is-secondary-light > button .btn-icon span,
.btn.is-outline.is-secondary-light > span .btn-icon span {
  background-color: var(--secondary-1);
}
.btn.is-outline.is-secondary-light > a:hover,
.btn.is-outline.is-secondary-light > button:hover,
.btn.is-outline.is-secondary-light > span:hover {
  color: var(--text-color);
  border-color: var(--secondary-1);
}
.btn.is-outline.is-secondary-light > a:hover .btn-icon > span,
.btn.is-outline.is-secondary-light > button:hover .btn-icon > span,
.btn.is-outline.is-secondary-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-secondary-light > a:hover .btn-icon span,
.btn.is-outline.is-secondary-light > button:hover .btn-icon span,
.btn.is-outline.is-secondary-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-third > a,
.btn.is-third > button,
.btn.is-third > span {
  color: var(--text-color-on-third);
  border-color: var(--third);
  background: var(--third);
}
.btn.is-third > a .btn-icon span,
.btn.is-third > button .btn-icon span,
.btn.is-third > span .btn-icon span {
  background-color: var(--text-color-on-third);
}
.btn.is-third > a:hover,
.btn.is-third > button:hover,
.btn.is-third > span:hover {
  color: var(--white);
  border-color: var(--third-7);
  background: var(--third-7);
}
.btn.is-third > a:hover .btn-icon > span,
.btn.is-third > button:hover .btn-icon > span,
.btn.is-third > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-third > a:hover .btn-icon span,
.btn.is-third > button:hover .btn-icon span,
.btn.is-third > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-third > a,
.btn.is-outline.is-third > button,
.btn.is-outline.is-third > span {
  color: var(--third);
  border-color: var(--third);
  background: transparent;
}
.btn.is-outline.is-third > a:before,
.btn.is-outline.is-third > button:before,
.btn.is-outline.is-third > span:before {
  background: var(--third);
}
.btn.is-outline.is-third > a .btn-icon span,
.btn.is-outline.is-third > button .btn-icon span,
.btn.is-outline.is-third > span .btn-icon span {
  background-color: var(--third);
}
.btn.is-outline.is-third > a:hover,
.btn.is-outline.is-third > button:hover,
.btn.is-outline.is-third > span:hover {
  color: var(--text-color-on-third);
  border-color: var(--third);
}
.btn.is-outline.is-third > a:hover .btn-icon > span,
.btn.is-outline.is-third > button:hover .btn-icon > span,
.btn.is-outline.is-third > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-third > a:hover .btn-icon span,
.btn.is-outline.is-third > button:hover .btn-icon span,
.btn.is-outline.is-third > span:hover .btn-icon span {
  background-color: var(--text-color-on-third);
}

.btn.is-third-light > a,
.btn.is-third-light > button,
.btn.is-third-light > span {
  color: var(--text-color);


  border-color: var(--third-1);
  background: var(--third-1);
}
.btn.is-third-light > a .btn-icon span,
.btn.is-third-light > button .btn-icon span,
.btn.is-third-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-third-light > a:hover,
.btn.is-third-light > button:hover,
.btn.is-third-light > span:hover {
  color: var(--white);
  border-color: var(--third);
  background: var(--third);
}
.btn.is-third-light > a:hover .btn-icon > span,
.btn.is-third-light > button:hover .btn-icon > span,
.btn.is-third-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-third-light > a:hover .btn-icon span,
.btn.is-third-light > button:hover .btn-icon span,
.btn.is-third-light > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-third-light > a,
.btn.is-outline.is-third-light > button,
.btn.is-outline.is-third-light > span {
  color: var(--third-1);
  border-color: var(--third-1);
  background: transparent;
}
.btn.is-outline.is-third-light > a:before,
.btn.is-outline.is-third-light > button:before,
.btn.is-outline.is-third-light > span:before {
  background: var(--third-1);
}
.btn.is-outline.is-third-light > a .btn-icon span,
.btn.is-outline.is-third-light > button .btn-icon span,
.btn.is-outline.is-third-light > span .btn-icon span {
  background-color: var(--third-1);
}
.btn.is-outline.is-third-light > a:hover,
.btn.is-outline.is-third-light > button:hover,
.btn.is-outline.is-third-light > span:hover {
  color: var(--text-color);
  border-color: var(--third-1);
}
.btn.is-outline.is-third-light > a:hover .btn-icon > span,
.btn.is-outline.is-third-light > button:hover .btn-icon > span,
.btn.is-outline.is-third-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-third-light > a:hover .btn-icon span,
.btn.is-outline.is-third-light > button:hover .btn-icon span,
.btn.is-outline.is-third-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-fourth > a,
.btn.is-fourth > button,
.btn.is-fourth > span {
  color: var(--text-color-on-fourth);
  border-color: var(--fourth);
  background: var(--fourth);
}
.btn.is-fourth > a .btn-icon span,
.btn.is-fourth > button .btn-icon span,
.btn.is-fourth > span .btn-icon span {
  background-color: var(--text-color-on-fourth);
}
.btn.is-fourth > a:hover,
.btn.is-fourth > button:hover,
.btn.is-fourth > span:hover {
  color: var(--white);
  border-color: var(--fourth-7);
  background: var(--fourth-7);
}
.btn.is-fourth > a:hover .btn-icon > span,
.btn.is-fourth > button:hover .btn-icon > span,
.btn.is-fourth > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-fourth > a:hover .btn-icon span,
.btn.is-fourth > button:hover .btn-icon span,
.btn.is-fourth > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-fourth > a,
.btn.is-outline.is-fourth > button,
.btn.is-outline.is-fourth > span {
  color: var(--fourth);
  border-color: var(--fourth);
  background: transparent;
}
.btn.is-outline.is-fourth > a:before,
.btn.is-outline.is-fourth > button:before,
.btn.is-outline.is-fourth > span:before {
  background: var(--fourth);
}
.btn.is-outline.is-fourth > a .btn-icon span,
.btn.is-outline.is-fourth > button .btn-icon span,
.btn.is-outline.is-fourth > span .btn-icon span {
  background-color: var(--fourth);
}
.btn.is-outline.is-fourth > a:hover,
.btn.is-outline.is-fourth > button:hover,
.btn.is-outline.is-fourth > span:hover {
  color: var(--text-color-on-fourth);
  border-color: var(--fourth);
}
.btn.is-outline.is-fourth > a:hover .btn-icon > span,
.btn.is-outline.is-fourth > button:hover .btn-icon > span,
.btn.is-outline.is-fourth > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-fourth > a:hover .btn-icon span,
.btn.is-outline.is-fourth > button:hover .btn-icon span,
.btn.is-outline.is-fourth > span:hover .btn-icon span {
  background-color: var(--text-color-on-fourth);
}

.btn.is-fourth-light > a,
.btn.is-fourth-light > button,
.btn.is-fourth-light > span {
  color: var(--text-color);
  border-color: var(--fourth-1);
  background: var(--fourth-1);
}
.btn.is-fourth-light > a .btn-icon span,
.btn.is-fourth-light > button .btn-icon span,
.btn.is-fourth-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-fourth-light > a:hover,
.btn.is-fourth-light > button:hover,
.btn.is-fourth-light > span:hover {
  color: var(--white);
  border-color: var(--fourth);
  background: var(--fourth);
}
.btn.is-fourth-light > a:hover .btn-icon > span,
.btn.is-fourth-light > button:hover .btn-icon > span,
.btn.is-fourth-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-fourth-light > a:hover .btn-icon span,
.btn.is-fourth-light > button:hover .btn-icon span,
.btn.is-fourth-light > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-fourth-light > a,
.btn.is-outline.is-fourth-light > button,
.btn.is-outline.is-fourth-light > span {
  color: var(--fourth-1);
  border-color: var(--fourth-1);
  background: transparent;
}
.btn.is-outline.is-fourth-light > a:before,
.btn.is-outline.is-fourth-light > button:before,
.btn.is-outline.is-fourth-light > span:before {
  background: var(--fourth-1);
}
.btn.is-outline.is-fourth-light > a .btn-icon span,
.btn.is-outline.is-fourth-light > button .btn-icon span,
.btn.is-outline.is-fourth-light > span .btn-icon span {
  background-color: var(--fourth-1);
}
.btn.is-outline.is-fourth-light > a:hover,
.btn.is-outline.is-fourth-light > button:hover,
.btn.is-outline.is-fourth-light > span:hover {
  color: var(--text-color);
  border-color: var(--fourth-1);
}
.btn.is-outline.is-fourth-light > a:hover .btn-icon > span,
.btn.is-outline.is-fourth-light > button:hover .btn-icon > span,
.btn.is-outline.is-fourth-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-fourth-light > a:hover .btn-icon span,
.btn.is-outline.is-fourth-light > button:hover .btn-icon span,
.btn.is-outline.is-fourth-light > span:hover .btn-icon span {
  background-color: var(--text-color);
}

.btn.is-info > a,
.btn.is-info > button,
.btn.is-info > span {
  color: var(--text-color-on-info);
  border-color: var(--info);
  background: var(--info);
}
.btn.is-info > a .btn-icon span,
.btn.is-info > button .btn-icon span,
.btn.is-info > span .btn-icon span {
  background-color: var(--text-color-on-info);
}
.btn.is-info > a:hover,
.btn.is-info > button:hover,
.btn.is-info > span:hover {
  color: var(--white);
  border-color: var(--info-6);
  background: var(--info-6);
}
.btn.is-info > a:hover .btn-icon > span,
.btn.is-info > button:hover .btn-icon > span,
.btn.is-info > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-info > a:hover .btn-icon span,
.btn.is-info > button:hover .btn-icon span,
.btn.is-info > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-info > a,
.btn.is-outline.is-info > button,
.btn.is-outline.is-info > span {
  color: var(--info);
  border-color: var(--info);
  background: transparent;
}
.btn.is-outline.is-info > a:before,
.btn.is-outline.is-info > button:before,
.btn.is-outline.is-info > span:before {
  background: var(--info);
}
.btn.is-outline.is-info > a .btn-icon span,
.btn.is-outline.is-info > button .btn-icon span,
.btn.is-outline.is-info > span .btn-icon span {
  background-color: var(--info);
}
.btn.is-outline.is-info > a:hover,
.btn.is-outline.is-info > button:hover,
.btn.is-outline.is-info > span:hover {
  color: var(--text-color-on-info);
  border-color: var(--info);
}
.btn.is-outline.is-info > a:hover .btn-icon > span,
.btn.is-outline.is-info > button:hover .btn-icon > span,
.btn.is-outline.is-info > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-info > a:hover .btn-icon span,
.btn.is-outline.is-info > button:hover .btn-icon span,
.btn.is-outline.is-info > span:hover .btn-icon span {
  background-color: var(--text-color-on-info);
}

.btn.is-warning > a,
.btn.is-warning > button,
.btn.is-warning > span {
  color: var(--text-color-on-warning);
  border-color: var(--warning);
  background: var(--warning);
}
.btn.is-warning > a .btn-icon span,
.btn.is-warning > button .btn-icon span,
.btn.is-warning > span .btn-icon span {
  background-color: var(--text-color-on-warning);
}
.btn.is-warning > a:hover,
.btn.is-warning > button:hover,
.btn.is-warning > span:hover {
  color: var(--white);
  border-color: var(--warning-6);
  background: var(--warning-6);
}
.btn.is-warning > a:hover .btn-icon > span,
.btn.is-warning > button:hover .btn-icon > span,
.btn.is-warning > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-warning > a:hover .btn-icon span,
.btn.is-warning > button:hover .btn-icon span,
.btn.is-warning > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-warning > a,
.btn.is-outline.is-warning > button,
.btn.is-outline.is-warning > span {
  color: var(--warning);
  border-color: var(--warning);
  background: transparent;
}
.btn.is-outline.is-warning > a:before,
.btn.is-outline.is-warning > button:before,
.btn.is-outline.is-warning > span:before {
  background: var(--warning);
}
.btn.is-outline.is-warning > a .btn-icon span,
.btn.is-outline.is-warning > button .btn-icon span,
.btn.is-outline.is-warning > span .btn-icon span {
  background-color: var(--warning);
}
.btn.is-outline.is-warning > a:hover,
.btn.is-outline.is-warning > button:hover,
.btn.is-outline.is-warning > span:hover {
  color: var(--text-color-on-warning);
  border-color: var(--warning);
}
.btn.is-outline.is-warning > a:hover .btn-icon > span,
.btn.is-outline.is-warning > button:hover .btn-icon > span,
.btn.is-outline.is-warning > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-warning > a:hover .btn-icon span,
.btn.is-outline.is-warning > button:hover .btn-icon span,
.btn.is-outline.is-warning > span:hover .btn-icon span {
  background-color: var(--text-color-on-warning);
}

.btn.is-danger > a,
.btn.is-danger > button,
.btn.is-danger > span {
  color: var(--text-color-on-danger);
  border-color: var(--danger);
  background: var(--danger);
}
.btn.is-danger > a .btn-icon span,
.btn.is-danger > button .btn-icon span,
.btn.is-danger > span .btn-icon span {
  background-color: var(--text-color-on-danger);
}
.btn.is-danger > a:hover,
.btn.is-danger > button:hover,
.btn.is-danger > span:hover {
  color: var(--white);
  border-color: var(--danger-6);
  background: var(--danger-6);
}
.btn.is-danger > a:hover .btn-icon > span,
.btn.is-danger > button:hover .btn-icon > span,
.btn.is-danger > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-danger > a:hover .btn-icon span,
.btn.is-danger > button:hover .btn-icon span,
.btn.is-danger > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-danger > a,
.btn.is-outline.is-danger > button,
.btn.is-outline.is-danger > span {
  color: var(--danger);
  border-color: var(--danger);
  background: transparent;
}
.btn.is-outline.is-danger > a:before,
.btn.is-outline.is-danger > button:before,
.btn.is-outline.is-danger > span:before {
  background: var(--danger);
}
.btn.is-outline.is-danger > a .btn-icon span,
.btn.is-outline.is-danger > button .btn-icon span,
.btn.is-outline.is-danger > span .btn-icon span {
  background-color: var(--danger);
}
.btn.is-outline.is-danger > a:hover,
.btn.is-outline.is-danger > button:hover,
.btn.is-outline.is-danger > span:hover {
  color: var(--text-color-on-danger);
  border-color: var(--danger);
}
.btn.is-outline.is-danger > a:hover .btn-icon > span,
.btn.is-outline.is-danger > button:hover .btn-icon > span,
.btn.is-outline.is-danger > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-danger > a:hover .btn-icon span,
.btn.is-outline.is-danger > button:hover .btn-icon span,
.btn.is-outline.is-danger > span:hover .btn-icon span {
  background-color: var(--text-color-on-danger);
}

.btn.is-success > a,
.btn.is-success > button,
.btn.is-success > span {
  color: var(--text-color-on-success);
  border-color: var(--success);
  background: var(--success);

}
.btn.is-success > a .btn-icon span,
.btn.is-success > button .btn-icon span,
.btn.is-success > span .btn-icon span {
  background-color: var(--text-color-on-success);
}
.btn.is-success > a:hover,
.btn.is-success > button:hover,
.btn.is-success > span:hover {
  color: var(--white);
  border-color: var(--success-6);
  background: var(--success-6);
}
.btn.is-success > a:hover .btn-icon > span,
.btn.is-success > button:hover .btn-icon > span,
.btn.is-success > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-success > a:hover .btn-icon span,
.btn.is-success > button:hover .btn-icon span,
.btn.is-success > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-success > a,
.btn.is-outline.is-success > button,
.btn.is-outline.is-success > span {
  color: var(--success);
  border-color: var(--success);
  background: transparent;
}
.btn.is-outline.is-success > a:before,
.btn.is-outline.is-success > button:before,
.btn.is-outline.is-success > span:before {
  background: var(--success);
}
.btn.is-outline.is-success > a .btn-icon span,
.btn.is-outline.is-success > button .btn-icon span,
.btn.is-outline.is-success > span .btn-icon span {
  background-color: var(--success);
}
.btn.is-outline.is-success > a:hover,
.btn.is-outline.is-success > button:hover,
.btn.is-outline.is-success > span:hover {
  color: var(--text-color-on-success);
  border-color: var(--success);
}
.btn.is-outline.is-success > a:hover .btn-icon > span,
.btn.is-outline.is-success > button:hover .btn-icon > span,
.btn.is-outline.is-success > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-success > a:hover .btn-icon span,
.btn.is-outline.is-success > button:hover .btn-icon span,
.btn.is-outline.is-success > span:hover .btn-icon span {
  background-color: var(--text-color-on-success);
}

.btn.is-white > a,
.btn.is-white > button,
.btn.is-white > span {
  color: var(--text-color);
  border-color: var(--white);
  background: var(--white);
}
.btn.is-white > a .btn-icon span,
.btn.is-white > button .btn-icon span,
.btn.is-white > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-white > a:hover,
.btn.is-white > button:hover,
.btn.is-white > span:hover {
  color: var(--primary);
  border-color: var(--white);
  background: var(--white);
}
.btn.is-white > a:hover .btn-icon > span,
.btn.is-white > button:hover .btn-icon > span,
.btn.is-white > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-white > a:hover .btn-icon span,
.btn.is-white > button:hover .btn-icon span,
.btn.is-white > span:hover .btn-icon span {
  background-color: var(--primary);
}

.btn.is-outline.is-white > a,
.btn.is-outline.is-white > button,
.btn.is-outline.is-white > span {
  color: var(--white);
  border-color: var(--white);
  background: transparent;
}
.btn.is-outline.is-white > a:before,
.btn.is-outline.is-white > button:before,
.btn.is-outline.is-white > span:before {
  background: var(--white);
}
.btn.is-outline.is-white > a .btn-icon span,
.btn.is-outline.is-white > button .btn-icon span,
.btn.is-outline.is-white > span .btn-icon span {
  background-color: var(--white);
}
.btn.is-outline.is-white > a:hover,
.btn.is-outline.is-white > button:hover,
.btn.is-outline.is-white > span:hover {
  color: var(--primary);
  border-color: var(--white);
}
.btn.is-outline.is-white > a:hover .btn-icon > span,
.btn.is-outline.is-white > button:hover .btn-icon > span,
.btn.is-outline.is-white > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-white > a:hover .btn-icon span,
.btn.is-outline.is-white > button:hover .btn-icon span,
.btn.is-outline.is-white > span:hover .btn-icon span {
  background-color: var(--primary);
}

.btn.is-light > a,
.btn.is-light > button,
.btn.is-light > span {
  color: var(--text-color);
  border-color: var(--light);
  background: var(--light);
}
.btn.is-light > a .btn-icon span,
.btn.is-light > button .btn-icon span,
.btn.is-light > span .btn-icon span {
  background-color: var(--text-color);
}
.btn.is-light > a:hover,
.btn.is-light > button:hover,
.btn.is-light > span:hover {
  color: var(--primary);
  border-color: var(--light);
  background: var(--light);
}
.btn.is-light > a:hover .btn-icon > span,
.btn.is-light > button:hover .btn-icon > span,
.btn.is-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-light > a:hover .btn-icon span,
.btn.is-light > button:hover .btn-icon span,
.btn.is-light > span:hover .btn-icon span {
  background-color: var(--primary);
}

.btn.is-outline.is-light > a,
.btn.is-outline.is-light > button,
.btn.is-outline.is-light > span {
  color: var(--light);
  border-color: var(--light);
  background: transparent;
}
.btn.is-outline.is-light > a:before,
.btn.is-outline.is-light > button:before,
.btn.is-outline.is-light > span:before {
  background: var(--light);
}
.btn.is-outline.is-light > a .btn-icon span,
.btn.is-outline.is-light > button .btn-icon span,
.btn.is-outline.is-light > span .btn-icon span {
  background-color: var(--light);
}
.btn.is-outline.is-light > a:hover,
.btn.is-outline.is-light > button:hover,
.btn.is-outline.is-light > span:hover {
  color: var(--primary);
  border-color: var(--light);
}
.btn.is-outline.is-light > a:hover .btn-icon > span,
.btn.is-outline.is-light > button:hover .btn-icon > span,
.btn.is-outline.is-light > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-light > a:hover .btn-icon span,
.btn.is-outline.is-light > button:hover .btn-icon span,
.btn.is-outline.is-light > span:hover .btn-icon span {
  background-color: var(--primary);
}

.btn.is-gray > a,
.btn.is-gray > button,
.btn.is-gray > span {
  color: var(--dark);
  border-color: var(--gray);
  background: var(--gray);
}
.btn.is-gray > a .btn-icon span,
.btn.is-gray > button .btn-icon span,
.btn.is-gray > span .btn-icon span {
  background-color: var(--dark);
}
.btn.is-gray > a:hover,
.btn.is-gray > button:hover,
.btn.is-gray > span:hover {
  color: var(--white);
  border-color: var(--dark);
  background: var(--dark);
}
.btn.is-gray > a:hover .btn-icon > span,
.btn.is-gray > button:hover .btn-icon > span,
.btn.is-gray > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-gray > a:hover .btn-icon span,
.btn.is-gray > button:hover .btn-icon span,
.btn.is-gray > span:hover .btn-icon span {
  background-color: var(--white);
}

.btn.is-outline.is-gray > a,
.btn.is-outline.is-gray > button,
.btn.is-outline.is-gray > span {
  color: var(--gray);
  border-color: var(--gray);
  background: transparent;
}
.btn.is-outline.is-gray > a:before,
.btn.is-outline.is-gray > button:before,
.btn.is-outline.is-gray > span:before {
  background: var(--gray);
}
.btn.is-outline.is-gray > a .btn-icon span,
.btn.is-outline.is-gray > button .btn-icon span,
.btn.is-outline.is-gray > span .btn-icon span {
  background-color: var(--gray);
}
.btn.is-outline.is-gray > a:hover,
.btn.is-outline.is-gray > button:hover,
.btn.is-outline.is-gray > span:hover {
  color: var(--dark);
  border-color: var(--gray);
}
.btn.is-outline.is-gray > a:hover .btn-icon > span,
.btn.is-outline.is-gray > button:hover .btn-icon > span,
.btn.is-outline.is-gray > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-gray > a:hover .btn-icon span,
.btn.is-outline.is-gray > button:hover .btn-icon span,
.btn.is-outline.is-gray > span:hover .btn-icon span {
  background-color: var(--dark);
}

.btn.is-dark > a,
.btn.is-dark > button,
.btn.is-dark > span {
  color: var(--white);
  border-color: var(--dark);
  background: var(--dark);
}
.btn.is-dark > a .btn-icon span,
.btn.is-dark > button .btn-icon span,
.btn.is-dark > span .btn-icon span {
  background-color: var(--white);
}
.btn.is-dark > a:hover,
.btn.is-dark > button:hover,
.btn.is-dark > span:hover {
  color: var(--primary);
  border-color: var(--dark);
  background: var(--dark);
}
.btn.is-dark > a:hover .btn-icon > span,
.btn.is-dark > button:hover .btn-icon > span,
.btn.is-dark > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-dark > a:hover .btn-icon span,
.btn.is-dark > button:hover .btn-icon span,
.btn.is-dark > span:hover .btn-icon span {
  background-color: var(--primary);
}

.btn.is-outline.is-dark > a,
.btn.is-outline.is-dark > button,
.btn.is-outline.is-dark > span {
  color: var(--dark);
  border-color: var(--dark);
  background: transparent;
}
.btn.is-outline.is-dark > a:before,
.btn.is-outline.is-dark > button:before,
.btn.is-outline.is-dark > span:before {
  background: var(--dark);
}
.btn.is-outline.is-dark > a .btn-icon span,
.btn.is-outline.is-dark > button .btn-icon span,
.btn.is-outline.is-dark > span .btn-icon span {
  background-color: var(--dark);
}
.btn.is-outline.is-dark > a:hover,
.btn.is-outline.is-dark > button:hover,
.btn.is-outline.is-dark > span:hover {
  color: var(--white);
  border-color: var(--dark);
}
.btn.is-outline.is-dark > a:hover .btn-icon > span,
.btn.is-outline.is-dark > button:hover .btn-icon > span,
.btn.is-outline.is-dark > span:hover .btn-icon > span {
  width: 30px;
}
.btn.is-outline.is-dark > a:hover .btn-icon span,
.btn.is-outline.is-dark > button:hover .btn-icon span,
.btn.is-outline.is-dark > span:hover .btn-icon span {
  background-color: var(--white);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Button - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.burger span {
  display: block;
}
.burger .burger-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}

.burger .burger-lines {
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.burger .burger-lines > span {
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  border-radius: 0;
  background-color: var(--primary);
}
.burger .burger-lines > span:nth-of-type(1) {
  top: 4px;
}
.burger .burger-lines > span:nth-of-type(2) {
  top: 14px;
}
.burger .burger-lines > span:nth-of-type(3) {
  bottom: 4px;
}

.burger .burger-slashes {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
.burger .burger-slashes > span {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
  height: 2px;
  border-radius: 0;
  background-color: var(--primary);
}
.burger .burger-slashes > span:nth-of-type(1) {
  left: 1px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translate(30px, 30px) rotate(45deg);
          transform: translate(30px, 30px) rotate(45deg);
}
.burger .burger-slashes > span:nth-of-type(2) {
  right: 1px;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: translate(-30px, 30px) rotate(-45deg);
          transform: translate(-30px, 30px) rotate(-45deg);
}

.burger .burger-text {
  position: relative;
  overflow: hidden;
  color: var(--primary);
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
}
.burger .burger-text > span:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.burger .burger-text > span:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.burger.active .burger-lines > span {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}
.burger.active .burger-slashes > span:nth-of-type(1) {
  opacity: 1;
  -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg);
}
.burger.active .burger-slashes > span:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
}
.burger.active .burger-text > span:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.burger.active .burger-text > span:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger Default - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-area {
  position: relative;
  width: 100%;
}
.content-area > .content-area-wrap {
  position: relative;
  padding-left: var(--content-area-p-x);
  padding-right: var(--content-area-p-x);
}
.content-area > .content-area-wrap::after {
  display: table;
  clear: both;
  content: "";
}
@media (max-width: 991px) {
  .content-area > .content-area-wrap {
    padding-left: var(--content-area-p-x-tablet);
    padding-right: var(--content-area-p-x-tablet);
  }
}
@media (max-width: 767px) {
  .content-area > .content-area-wrap {
    padding-left: var(--content-area-p-x-phone);
    padding-right: var(--content-area-p-x-phone);
  }
}

.content-area.is-sm > .content-area-wrap {
  padding-top: var(--content-area-sm-p-t);
  padding-bottom: var(--content-area-sm-p-b);
}
@media (max-width: 991px) {
  .content-area.is-sm > .content-area-wrap {
    padding-top: var(--content-area-sm-p-t-tablet);
    padding-bottom: var(--content-area-sm-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .content-area.is-sm > .content-area-wrap {
    padding-top: var(--content-area-sm-p-t-phone);
    padding-bottom: var(--content-area-sm-p-b-phone);
  }
}
.content-area.is-md > .content-area-wrap {
  padding-top: var(--content-area-md-p-t);
  padding-bottom: var(--content-area-md-p-b);
}
@media (max-width: 991px) {
  .content-area.is-md > .content-area-wrap {
    padding-top: var(--content-area-md-p-t-tablet);
    padding-bottom: var(--content-area-md-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .content-area.is-md > .content-area-wrap {
    padding-top: var(--content-area-md-p-t-phone);
    padding-bottom: var(--content-area-md-p-b-phone);
  }
}
.content-area.is-lg > .content-area-wrap {
  padding-top: var(--content-area-lg-p-t);
  padding-bottom: var(--content-area-lg-p-b);
}
@media (max-width: 991px) {
  .content-area.is-lg > .content-area-wrap {
    padding-top: var(--content-area-lg-p-t-tablet);
    padding-bottom: var(--content-area-lg-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .content-area.is-lg > .content-area-wrap {
    padding-top: var(--content-area-lg-p-t-phone);
    padding-bottom: var(--content-area-lg-p-b-phone);
  }
}
.content-area.is-xl > .content-area-wrap {
  padding-top: var(--content-area-xl-p-t);
  padding-bottom: var(--content-area-xl-p-b);
}
@media (max-width: 991px) {
  .content-area.is-xl > .content-area-wrap {
    padding-top: var(--content-area-xl-p-t-tablet);
    padding-bottom: var(--content-area-xl-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .content-area.is-xl > .content-area-wrap {
    padding-top: var(--content-area-xl-p-t-phone);
    padding-bottom: var(--content-area-xl-p-b-phone);
  }
}

.content-area.is-fullwidth > .content-area-wrap {
  padding-left: 0;
  padding-right: 0;
}
.content-area.is-fullwidth > .content-area-wrap > .container {
  max-width: none;
}

.content-area.is-offset-top-sm > .content-area-wrap,
.content-area.is-offset-top-md > .content-area-wrap,
.content-area.is-offset-top-lg > .content-area-wrap {
  padding-top: 0;
}

.content-area.is-offset-top-sm > .content-area-wrap {
  top: -30px;
  margin-bottom: -30px;
}

.content-area.is-offset-top-md > .content-area-wrap {
  top: -60px;
  margin-bottom: -60px;
}

.content-area.is-offset-top-lg > .content-area-wrap {
  top: -90px;
  margin-bottom: -90px;
}

.content-area:has(> .content-area-bg-img) {
  overflow: hidden;
}
.content-area:has(> .content-area-bg-img) .content-area-bg-img {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content-area .content-area.is-sm > .content-area-wrap {
  padding: 15px 0 0;
}
.content-area .content-area.is-md > .content-area-wrap {
  padding: 30px 15px 0;
}
.content-area .content-area.is-lg > .content-area-wrap {
  padding: 45px 30px 15px;
}
.content-area .content-area.is-xl > .content-area-wrap {
  padding: 60px 45px 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Colored Columns - 2 Column - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Colored Columns - 2 Column - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image and Content - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.img-content-style-1 .img-content-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: var(--light);
}
@media (max-width: 991px) {
  .img-content-style-1 .img-content-img {
    position: relative;
    aspect-ratio: 4/3;
    width: 100%;
  }
}
.img-content-style-1 .img-content-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-content-style-1 .img-content-content-area {
  display: flex;
  align-items: center;
  min-height: 480px;
}
.img-content-style-1 .img-content-content {
  padding: 80px 0 50px;
}
@media (max-width: 1199px) {
  .img-content-style-1 .img-content-content {
    padding: 60px 0 30px;
  }
}

.img-content-style-1.is-layout-img-content > .img-content-wrap > .container > .row {
  justify-content: flex-end;
}
.img-content-style-1.is-layout-img-content .img-content-img {
  left: 0;
}
.img-content-style-1.is-layout-content-img > .img-content-wrap > .container > .row {
  justify-content: flex-start;
}
.img-content-style-1.is-layout-content-img .img-content-img {
  right: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image and Content - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Comparison - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.img-comp-style-1 {
  margin-bottom: 30px;
}
.img-comp-style-1 .img-comp-wrap {
  overflow: hidden;
  position: relative;
}
.img-comp-style-1 .img-comp-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.img-comp-style-1 .img-comp-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-comp-style-1 .img-comp-img.img-comp-overlay img {
  left: auto;
  right: 0;
}
.img-comp-style-1 .img-comp-slider {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  cursor: ew-resize;
  background-color: var(--white);
}
.img-comp-style-1 .img-comp-slider-wrap {
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--white);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: gap var(--transition-200);
}
.img-comp-style-1 .img-comp-slider-wrap svg {
  height: 18px;
  width: auto;
}
.img-comp-style-1 .img-comp-slider-wrap svg path {
  stroke: var(--text-color);
  stroke-width: 10;
}
.img-comp-style-1 .img-comp-slider-left,
.img-comp-style-1 .img-comp-slider-right {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  font-size: 16px;
  color: var(--white);
  font-weight: var(--font-weight-semi-bold);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: var(--transition-200);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.img-comp-style-1 .img-comp-slider-left {
  right: calc(100% + 2px);
}
.img-comp-style-1 .img-comp-slider-right {
  left: calc(100% + 2px);
}
.img-comp-style-1 .img-comp-slider:hover .img-comp-slider-wrap {
  gap: 12px;
}
.img-comp-style-1 .img-comp-slider:hover .img-comp-slider-left {
  opacity: 1;
  right: calc(100% + 10px);
}
.img-comp-style-1 .img-comp-slider:hover .img-comp-slider-right {
  opacity: 1;
  left: calc(100% + 10px);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Comparison - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.alert-style-1 {
  overflow: hidden;
  margin-bottom: 30px;
  font-size: 14px;
  border-radius: var(--border-radius);
}
.alert-style-1 h1, .alert-style-1 h2, .alert-style-1 h3, .alert-style-1 h4, .alert-style-1 h5, .alert-style-1 h6, .alert-style-1 .h1, .alert-style-1 .h2, .alert-style-1 .h3, .alert-style-1 .h4, .alert-style-1 .h5, .alert-style-1 .h6 {
  font-size: 22px;
  margin-bottom: 15px;
}
.alert-style-1 p {
  margin-bottom: 15px;
}
.alert-style-1 .alert-wrap {
  position: relative;
}
.alert-style-1 .alert-content {
  padding: 20px 30px 8px;
  margin-left: 70px;
}
@media (max-width: 575px) {
  .alert-style-1 .alert-content {
    padding: 15px 15px 1px;
    margin-left: 0;
  }
}
.alert-style-1 .alert-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 70PX;
  height: 100%;
  font-size: 25px;
  color: var(--text-color);
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 575px) {
  .alert-style-1 .alert-icon {
    display: none;
  }
}
.alert-style-1 .alert-close {
  opacity: 0.5;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
}
.alert-style-1 .alert-close:hover {
  opacity: 1;
}

.alert-style-1.is-info {
  background-color: var(--info);
}
.alert-style-1.is-info h1, .alert-style-1.is-info h2, .alert-style-1.is-info h3, .alert-style-1.is-info h4, .alert-style-1.is-info h5, .alert-style-1.is-info h6, .alert-style-1.is-info .h1, .alert-style-1.is-info .h2, .alert-style-1.is-info .h3, .alert-style-1.is-info .h4, .alert-style-1.is-info .h5, .alert-style-1.is-info .h6, .alert-style-1.is-info p {
  color: var(--white);
}
.alert-style-1.is-info a {
  color: var(--white);
}
.alert-style-1.is-info a:hover {
  color: var(--black);
}
.alert-style-1.is-info .alert-icon {
  color: var(--white);
}
.alert-style-1.is-success {
  background-color: var(--success);
}
.alert-style-1.is-success h1, .alert-style-1.is-success h2, .alert-style-1.is-success h3, .alert-style-1.is-success h4, .alert-style-1.is-success h5, .alert-style-1.is-success h6, .alert-style-1.is-success .h1, .alert-style-1.is-success .h2, .alert-style-1.is-success .h3, .alert-style-1.is-success .h4, .alert-style-1.is-success .h5, .alert-style-1.is-success .h6, .alert-style-1.is-success p {
  color: var(--white);
}
.alert-style-1.is-success a {
  color: var(--white);
}
.alert-style-1.is-success a:hover {
  color: var(--black);
}
.alert-style-1.is-success .alert-icon {
  color: var(--white);
}
.alert-style-1.is-warning {
  background-color: var(--warning);
}
.alert-style-1.is-warning h1, .alert-style-1.is-warning h2, .alert-style-1.is-warning h3, .alert-style-1.is-warning h4, .alert-style-1.is-warning h5, .alert-style-1.is-warning h6, .alert-style-1.is-warning .h1, .alert-style-1.is-warning .h2, .alert-style-1.is-warning .h3, .alert-style-1.is-warning .h4, .alert-style-1.is-warning .h5, .alert-style-1.is-warning .h6, .alert-style-1.is-warning p {
  color: var(--text-color);
}
.alert-style-1.is-warning a {
  color: var(--text-color);
}
.alert-style-1.is-warning a:hover {
  color: var(--info);
}
.alert-style-1.is-warning .alert-icon {
  color: var(--white);
}
.alert-style-1.is-error, .alert-style-1.is-danger {
  background-color: var(--danger);
}
.alert-style-1.is-error h1, .alert-style-1.is-error h2, .alert-style-1.is-error h3, .alert-style-1.is-error h4, .alert-style-1.is-error h5, .alert-style-1.is-error h6, .alert-style-1.is-error .h1, .alert-style-1.is-error .h2, .alert-style-1.is-error .h3, .alert-style-1.is-error .h4, .alert-style-1.is-error .h5, .alert-style-1.is-error .h6, .alert-style-1.is-error p, .alert-style-1.is-danger h1, .alert-style-1.is-danger h2, .alert-style-1.is-danger h3, .alert-style-1.is-danger h4, .alert-style-1.is-danger h5, .alert-style-1.is-danger h6, .alert-style-1.is-danger .h1, .alert-style-1.is-danger .h2, .alert-style-1.is-danger .h3, .alert-style-1.is-danger .h4, .alert-style-1.is-danger .h5, .alert-style-1.is-danger .h6, .alert-style-1.is-danger p {
  color: var(--white);
}
.alert-style-1.is-error a, .alert-style-1.is-danger a {
  color: var(--white);
}
.alert-style-1.is-error a:hover, .alert-style-1.is-danger a:hover {
  color: var(--black);
}
.alert-style-1.is-error .alert-icon, .alert-style-1.is-danger .alert-icon {
  color: var(--white);
}
.alert-style-1.is-white {
  background-color: var(--white);
}
.alert-style-1.is-white a {
  color: var(--link-color);
}
.alert-style-1.is-white a:hover {
  color: var(--link-color-hover);
}
.alert-style-1.is-white .alert-icon {
  color: var(--text-color);
}
.alert-style-1.is-light {
  background-color: var(--light);
}
.alert-style-1.is-light a {
  color: var(--text-color);
}
.alert-style-1.is-light a:hover {
  color: var(--primary);
}
.alert-style-1.is-light .alert-icon {
  color: var(--text-color);
}
.alert-style-1.is-gray {
  background-color: var(--gray);
}
.alert-style-1.is-gray h1, .alert-style-1.is-gray h2, .alert-style-1.is-gray h3, .alert-style-1.is-gray h4, .alert-style-1.is-gray h5, .alert-style-1.is-gray h6, .alert-style-1.is-gray .h1, .alert-style-1.is-gray .h2, .alert-style-1.is-gray .h3, .alert-style-1.is-gray .h4, .alert-style-1.is-gray .h5, .alert-style-1.is-gray .h6, .alert-style-1.is-gray p {
  color: var(--dark);
}
.alert-style-1.is-gray a {
  color: var(--dark);
}
.alert-style-1.is-gray a:hover {
  color: var(--white);
}
.alert-style-1.is-gray .alert-icon {
  color: var(--dark);
}
.alert-style-1.is-dark {
  background-color: var(--dark);
}
.alert-style-1.is-dark h1, .alert-style-1.is-dark h2, .alert-style-1.is-dark h3, .alert-style-1.is-dark h4, .alert-style-1.is-dark h5, .alert-style-1.is-dark h6, .alert-style-1.is-dark .h1, .alert-style-1.is-dark .h2, .alert-style-1.is-dark .h3, .alert-style-1.is-dark .h4, .alert-style-1.is-dark .h5, .alert-style-1.is-dark .h6, .alert-style-1.is-dark p {
  color: var(--white);
}
.alert-style-1.is-dark a {
  color: var(--white);
}
.alert-style-1.is-dark a:hover {
  color: var(--primary);
}
.alert-style-1.is-dark .alert-icon {
  color: var(--white);
  background-color: rgba(255, 255, 255, 0.2);
}
.alert-style-1.is-dark .alert-close {
  color: var(--white);
}

.alert-style-1.is-temp-hide {
  display: none;
}
.liveEdBlock .alert-style-1.is-temp-hide {
  display: block;
}
.alert-style-1.is-temp-hide .alert-wrap:after {
  content: "This alert is currently hidden from the public.";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--white);
  font-size: 25px;
  font-weight: var(--font-weight-bold);
  background-color: rgba(0, 0, 0, 0.75);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Badge - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.badge {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: 5px;
  padding: 3px 10px;
  color: var(--text-color);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  border-radius: 50px;
  background-color: rgba(0, 0, 0, 0.07);
}
.badge button,
.badge a {
  color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
.badge button:hover,
.badge a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.badge button i,
.badge a i {
  display: block;
}

.badge.badge-rounded {
  border-radius: 40px;
}

.badge.badge-sm {
  padding: 1px 6px;
  font-size: 10px;
}
.badge.badge-sm button {
  font-size: 12px;
}
.badge.badge-md {
  padding: 3px 10px;
  font-size: 12px;
}
.badge.badge-md button {
  font-size: 14px;
}
.badge.badge-lg {
  padding: 5px 12px;
  font-size: 13px;
  font-weight: var(--font-weight-semi-bold);
}
.badge.badge-lg button {
  font-size: 16px;
}
.badge.badge-xl {
  padding: 5px 15px;
  font-size: 15px;
  font-weight: var(--font-weight-semi-bold);
}
.badge.badge-xl button {
  font-size: 16px;
}

.badge.badge-default {
  color: var(--text-color);
  background-color: rgba(0, 0, 0, 0.07);
}
.badge.badge-transparent {
  color: var(--text-color);
  background-color: transparent;
}
.badge.badge-primary {
  color: var(--white);
  background-color: var(--primary);
}
.badge.badge-secondary {
  color: var(--white);
  background-color: var(--secondary);
}
.badge.badge-third {
  color: var(--white);
  background-color: var(--third);
}
.badge.badge-fourth {
  color: var(--white);
  background-color: var(--fourth);
}
.badge.badge-white {
  color: var(--text-color);
  background-color: var(--white);
}
.badge.badge-primary-light {
  color: var(--primary-6);
  background-color: var(--primary-1);
}
.badge.badge-secondary-light {
  color: var(--secondary-6);
  background-color: var(--secondary-1);
}
.badge.badge-third-light {
  color: var(--third-6);
  background-color: var(--third-1);
}
.badge.badge-fourth-light {
  color: var(--fourth-6);
  background-color: var(--fourth-1);
}
.badge.badge-light {
  color: var(--text-color);
  background-color: var(--gray-2);
}
.badge.badge-light.badge-hover:hover {
  color: var(--white);
  background-color: var(--primary);
}
.badge.badge-gray {
  color: var(--white);
  background-color: var(--gray);
}
.badge.badge-dark {
  color: var(--white);
  background-color: var(--dark);
}
.badge.badge-dark-blur {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: saturate(200%) blur(7px);
}
.badge.badge-info {
  color: var(--white);
  background-color: var(--info);
}
.badge.badge-success {
  color: var(--white);
  background-color: var(--success);
}
.badge.badge-warning {
  color: var(--white);
  background-color: var(--warning);
}
.badge.badge-error, .badge.badge-danger {
  color: var(--white);
  background-color: var(--danger);
}
.badge.badge-page {
  color: var(--white);
  background-color: var(--type-page);
}
.badge.badge-post {
  color: var(--white);
  background-color: var(--type-post);
}
.badge.badge-event {
  color: var(--white);
  background-color: var(--type-event);
}
.badge.badge-form {
  color: var(--white);
  background-color: var(--type-form);
}
.badge.badge-gallery {
  color: var(--white);
  background-color: var(--type-gallery);
}
.badge.badge-image {
  color: var(--white);
  background-color: var(--type-image);
}
.badge.badge-video {
  color: var(--white);
  background-color: var(--type-video);
}
.badge.badge-doc {
  color: var(--white);
  background-color: var(--type-doc);
}
.badge.badge-unknown, .badge.badge-other {
  color: var(--white);
  background-color: var(--gray-6);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Badge - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Megamenu - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.megamenu-style-1 {
  --megamenu-style-1-menu-width: 300px; /* calc(((1366px - 80px) * 0.6) / 3 - 30px) */
  --megamenu-style-1-intro-width: 320px; /* calc(((1366px - 80px) * 0.4 ) - 60px) */
}

.megamenu-style-1 ul.megamenu-level-1 {
  display: flex;
  align-items: center;
}
.megamenu-style-1 ul.megamenu-level-1 > li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 0 20px;
  color: var(--text-color);
}
@media (max-width: 1659px) {
  .megamenu-style-1 ul.megamenu-level-1 > li > a {
    padding: 0 15px;
  }
}
.megamenu-style-1 ul.megamenu-level-1 > li > a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--secondary);
  transition: height var(--transition-200);
}
.megamenu-style-1 ul.megamenu-level-1 > li:hover > a:after, .megamenu-style-1 ul.megamenu-level-1 > li.active > a:after {
  height: 5px;
}

.megamenu-style-1 .megamenu-panel {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transition: var(--transition-300);
}
.megamenu-style-1 .megamenu-panel h1, .megamenu-style-1 .megamenu-panel h2, .megamenu-style-1 .megamenu-panel h3, .megamenu-style-1 .megamenu-panel h4, .megamenu-style-1 .megamenu-panel h5, .megamenu-style-1 .megamenu-panel h6, .megamenu-style-1 .megamenu-panel p, .megamenu-style-1 .megamenu-panel ul, .megamenu-style-1 .megamenu-panel ol, .megamenu-style-1 .megamenu-panel table, .megamenu-style-1 .megamenu-panel .btn {
  margin-bottom: 15px;
}
.megamenu-style-1 .megamenu-menu {
  width: var(--megamenu-style-1-menu-width);
}
.megamenu-style-1 .megamenu-intro {
  width: var(--megamenu-style-1-intro-width);
}
.megamenu-style-1 li.active .megamenu-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.megamenu-style-1 li:not(.has-1-menu.no-intro) .megamenu-panel {
  width: 100%;
  text-align: center;
}
.megamenu-style-1 li:not(.has-1-menu.no-intro) .megamenu-panel-wrap {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 60px;
  padding: 50px 60px 35px;
  text-align: left;
}
.megamenu-style-1 li:not(.has-1-menu.no-intro) .megamenu-menus {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}
.megamenu-style-1 li.has-1-menu.no-intro {
  position: relative;
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-panel-wrap {
  padding: 10px 0;
}
.megamenu-style-1 li.has-1-menu.no-intro:nth-last-of-type(-n+2) .megamenu-panel {
  left: auto;
  right: 0;
}

.megamenu-style-1 .megamenu-menu a {
  display: block;
  font-size: 16px;
  color: var(--text-color);
}
.megamenu-style-1 li:not(.has-1-menu.no-intro) .megamenu-menu li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-color-dark);
}
.megamenu-style-1 li:not(.has-1-menu.no-intro) .megamenu-menu ul ul {
  display: none;
}
.megamenu-style-1 li:not(.has-1-menu.no-intro) .megamenu-menu li:hover > a,
.megamenu-style-1 li:not(.has-1-menu.no-intro) .megamenu-menu li.active > a {
  color: var(--primary);
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu ul {
  margin-bottom: 0;
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu li {
  position: relative;
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu a {
  padding: 10px 20px;
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu li.has-children > a:after {
  content: "\f0da";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu ul ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: var(--megamenu-style-1-menu-width);
  background-color: var(--white);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu li:hover > a,
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu li.active > a {
  color: var(--text-color);
  background-color: rgba(0, 0, 0, 0.1);
}
.megamenu-style-1 li.has-1-menu.no-intro .megamenu-menu li.has-children.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.megamenu-style-1 li.has-1-menu.no-intro:nth-last-of-type(-n+3) .megamenu-menu ul ul {
  left: auto;
  right: 100%;
}

.megamenu-style-1:not(.is-fullwidth) .megamenu-panel-wrap {
  border-top: 1px solid var(--gray);
  background-color: var(--white);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
}
.megamenu-style-1.is-fullwidth .megamenu-panel {
  border-top: 1px solid var(--gray);
  background-color: var(--white);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
}

#megamenu-panel-1 {
  /*opacity: 1;*/
  /*visibility: visible;*/
  /*pointer-events: auto;*/
}

#megamenu-panel-2 {
  /*opacity: 1;*/
  /*visibility: visible;*/
  /*pointer-events: auto;*/
}

#megamenu-panel-3 {
  /*opacity: 1;*/
  /*visibility: visible;*/
  /*pointer-events: auto;*/
}

#megamenu-panel-4 {
  /*opacity: 1;*/
  /*visibility: visible;*/
  /*pointer-events: auto;*/
}

#megamenu-panel-5 {
  /*opacity: 1;*/
  /*visibility: visible;*/
  /*pointer-events: auto;*/
}

#megamenu-panel-6 {
  /*opacity: 1;*/
  /*visibility: visible;*/
  /*pointer-events: auto;*/
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Megamenu - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Megamenu Addon - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.megamenu-addon-intro .megamenu-addon-wrap {
  position: relative;
}
.megamenu-addon-intro .megamenu-addon-img {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
  border-radius: 10px;
}
.megamenu-addon-intro .megamenu-addon-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.megamenu-addon-intro .megamenu-addon-img + .megamenu-addon-headings {
  margin-top: 15px;
}
.megamenu-addon-intro .megamenu-addon-heading {
  display: block;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
  margin-bottom: 10px;
}
.megamenu-addon-intro .megamenu-addon-subheading {
  display: block;
  font-size: 16px;
}
.megamenu-addon-intro .megamenu-addon-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.megamenu-addon-intro .megamenu-addon-wrap:hover {
  position: relative;
}
.megamenu-addon-intro .megamenu-addon-wrap:hover .megamenu-addon-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.megamenu-addon-intro .megamenu-addon-wrap:hover .megamenu-addon-heading {
  color: var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Megamenu Addon - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sidebar-default .sidebar-open-btn {
  display: none;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius);
  background-color: var(--gray-4);
}
.sidebar-default .sidebar-open-btn i {
  margin-right: 10px;
}
.sidebar-default .sidebar-close-btn {
  z-index: 1;
  display: none;
  position: fixed;
  top: 15px;
  right: 15px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.sidebar-default .sidebar-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}
.sidebar-default .sidebar-side {
  z-index: 1;
}
.sidebar-default .sidebar-side .sidebar-inner[class*=_bg-] {
  padding: 30px 30px 1px;
}

.sidebar-default.is-right .sidebar-side {
  order: 2;
}
@media (max-width: 991px) {
  .sidebar-default.is-right .sidebar-side {
    order: 1;
  }
}
.sidebar-default.is-right .sidebar-main {
  order: 1;
}
@media (max-width: 991px) {
  .sidebar-default.is-right .sidebar-main {
    order: 2;
  }
}

@media (min-width: 992px) {
  .sidebar-default.is-left.has-border .sidebar-side {
    border-right: 1px solid var(--border-color-dark);
  }
}
@media (min-width: 992px) {
  .sidebar-default.is-right.has-border .sidebar-side {
    border-left: 1px solid var(--border-color-dark);
  }
}

.sidebar-default._js-coll-sidebar.active {
  position: relative;
  z-index: 510;
}
@media (max-width: 991px) {
  .sidebar-default._js-coll-sidebar .sidebar-open-btn {
    display: flex;
    display: none;
  }
  .sidebar-default._js-coll-sidebar .sidebar-close-btn {
    display: flex;
  }
  .sidebar-default._js-coll-sidebar .sidebar-side .sidebar-inner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 70px 30px 20px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .sidebar-default._js-coll-sidebar .sidebar-side .sidebar-inner:not([class*=_bg-]) {
    background-color: var(--gray-2);
  }
}

@media (min-width: 992px) {
  .sidebar-default.is-sticky .sidebar-side-wrap {
    position: sticky;
    top: 15px;
  }
  .has-sticky-header .sidebar-default.is-sticky .sidebar-side-wrap {
    top: calc(var(--header-main-wrap-height) + 15px);
  }
}

.sidebar-default .Menu ul li {
  margin-bottom: 10px;
}
.sidebar-default .Menu ul li a {
  text-decoration: underline;
}
.sidebar-default .Menu ul li a:not(:hover) {
  text-decoration-color: transparent;
}
.sidebar-default .Menu ul[id] {
  padding: 0 30px;
  margin-bottom: 30px;
  /* border-radius: var(--border-radius); */
  /* background-color: rgba(0, 0, 0, 0.1); */
  border-left: 2px solid var(--secondary);
}
.sidebar-default .Menu ul[id] > li {
  padding-bottom: 10px;
  border-bottom: 1px solid #EDEDED;
}
.sidebar-default .Menu ul[id] > li > a {
  /* font-weight: var(--font-weight-bold); */
}
.sidebar-default .Menu ul[id] > li:last-of-type, .sidebar-default .Menu ul[id] > li:only-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-default .Menu ul ul {
  margin-top: 10px;
  padding-left: 15px;
  border-left: 2px solid rgba(0, 0, 0, 0.3);
}
.sidebar-default .sidebar-inner[class^=_bg-] .Menu ul[id],
.sidebar-default .sidebar-inner[class*=" _bg-"] .Menu ul[id] {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | CTA - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.cta-style-1 .cta-wrap {
  position: relative;
}
.cta-style-1 .cta-img {
  overflow: hidden;
  position: relative;
  background-color: var(--primary-1);
}
.cta-style-1 .cta-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .cta-style-1 .cta-text-area {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .cta-style-1 .cta-text-area {
    border-top: 10px solid rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 991px) {
  .cta-style-1 .cta-text-area .content-area-wrap {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .cta-style-1 .cta-text-area .container {
    max-width: none;
  }
}
.cta-style-1 .cta-inner {
  padding: 50px 50px 20px;
  border-top: 10px solid rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  .cta-style-1 .cta-inner {
    padding: 30px 15px 1px;
    border-top: none;
  }
}

.cta-style-1.is-md .cta-img {
  height: 550px;
}
@media (max-width: 991px) {
  .cta-style-1.is-md .cta-img {
    height: auto;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 575px) {
  .cta-style-1.is-md .cta-img {
    aspect-ratio: 4/3;
  }
}
.cta-style-1.is-sm .cta-img {
  height: 450px;
}
@media (max-width: 991px) {
  .cta-style-1.is-sm .cta-img {
    height: auto;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 575px) {
  .cta-style-1.is-sm .cta-img {
    aspect-ratio: 4/3;
  }
}
.cta-style-1.is-lg .cta-img {
  height: 650px;
}
@media (max-width: 991px) {
  .cta-style-1.is-lg .cta-img {
    /* height: auto; */
    /* aspect-ratio: 16/9; */
  }
}
@media (max-width: 575px) {
  .cta-style-1.is-lg .cta-img {
    aspect-ratio: 4/3;
    max-width: 100%;
  }
}

.cta-style-1.is-img-center .cta-img img {
  -o-object-position: center;
  object-position: center;
  max-width: 100%;
}
.cta-style-1.is-img-top .cta-img img {
  -o-object-position: center top;
     object-position: center top;
}
.cta-style-1.is-img-bottom .cta-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | CTA - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Categories List - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.categories-list-style-1 {
  list-style-type: none;
  padding: 5px 0;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
}
.categories-list-style-1 li {
  position: relative;
  padding: 0 25px;
  margin: 0;
}
.categories-list-style-1 li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 30px;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: background-color var(--transition-200);
}
.categories-list-style-1 li a, .categories-list-style-1 li button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  color: var(--text-color);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  text-transform: capitalize;
  text-decoration: none;
}
.categories-list-style-1 li a i, .categories-list-style-1 li button i {
  font-size: 12px;
  margin-right: 10px;
}
.categories-list-style-1 li a:hover, .categories-list-style-1 li button:hover {
  color: var(--primary-5);
}
.categories-list-style-1 li + li a, .categories-list-style-1 li + li button {
  border-top: 1px solid var(--border-color-dark);
}
.categories-list-style-1 li:hover:after {
  background-color: var(--primary);
}
.categories-list-style-1 li.active, .categories-list-style-1 li.selected {
  background-color: var(--gray-2);
}
.categories-list-style-1 li.active:after, .categories-list-style-1 li.selected:after {
  background-color: var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Categories List - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tags List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tags-list ul {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  row-gap: 8px;
}
.tags-list a {
  padding: 5px 15px;
  color: var(--primary-5);
  font-size: 14px;
  text-decoration: none;
  border-radius: 40px;
  background-color: var(--primary-1);
}

.tags-list li:hover a {
  color: var(--primary-6);
  background-color: var(--primary-2);
}
.tags-list li.selected a {
  color: var(--text-color-on-primary);
  background-color: var(--primary-4);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tags List - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Filters List - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.filters-list-style-1 {
  font-size: var(--form-font-size);
}
.filters-list-style-1 label {
  display: block;
  padding-bottom: var(--form-gutter);
  font-weight: var(--font-weight-bold);
}
.filters-list-style-1 .mwInput.checkbox {
  margin-bottom: 5px;
}
.filters-list-style-1 .checkbox-toggle .icon {
  font-weight: var(--font-weight-bold);
}
.filters-list-style-1 .filters-list-item {
  margin-bottom: 15px;
}
.filters-list-style-1 .filters-list-item button[aria-expanded] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  font-weight: var(--font-weight-bold);
}
.filters-list-style-1 .filters-list-item button[aria-expanded]:after {
  content: "+";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.filters-list-style-1 .filters-list-item button[aria-expanded]:hover {
  color: var(--primary);
}
.filters-list-style-1 .filters-list-item button[aria-expanded].active:after {
  content: "\f068";
}
.filters-list-style-1 .filters-list-item [role=region] {
  display: none;
  width: 100%;
  padding-top: var(--form-gutter);
}
.filters-list-style-1 .filters-list-btns {
  margin-top: 30px;
  font-size: 18px;
}

.filters-list-style-1 .filters-list-hints {
  margin-bottom: 15px;
}
.filters-list-style-1 .filters-list-hints-label {
  margin-bottom: 15px;
  font-size: 20px;
}
.filters-list-style-1 .filters-list-hints-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Filters List - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Filters List - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.filters-list-style-2 {
  font-size: var(--form-font-size);
}
.filters-list-style-2 label {
  display: block;
  padding-bottom: var(--form-gutter);
  font-weight: var(--font-weight-bold);
}
.filters-list-style-2 .checkbox-toggle .icon {
  font-weight: var(--font-weight-bold);
}
.filters-list-style-2 .filters-list-body {
  padding: 30px 40px 20px;
  margin-bottom: 15px;
  border-bottom: 4px solid var(--primary);
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
}
@media (max-width: 767px) {
  .filters-list-style-2 .filters-list-body {
    padding: 20px 20px 10px;
  }
}
.filters-list-style-2 .filters-list-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
.filters-list-style-2 .filters-list-item {
  margin-bottom: 15px;
}
.filters-list-style-2 .filters-list-more-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: var(--font-weight-bold);
  padding-bottom: var(--form-gutter);
}
.filters-list-style-2 .filters-list-more-btn i {
  transition: -webkit-transform var(--transition-200);
  transition: transform var(--transition-200);
  transition: transform var(--transition-200), -webkit-transform var(--transition-200);
}
.filters-list-style-2 .filters-list-more-btn:hover {
  color: var(--primary);
}
.filters-list-style-2 .filters-list-more-btn.active i {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.filters-list-style-2 .filters-list-more-dialog {
  display: none;
  width: 100%;
  padding: 20px 20px 5px;
  margin-bottom: 15px;
  border-radius: var(--form-border-radius);
  background-color: rgba(0, 0, 0, 0.07);
}

.filters-list-style-2 .filters-list-hints {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 7px;
}
.filters-list-style-2 .filters-list-hints .badge {
  padding-right: 7px;
}
.filters-list-style-2 .filters-list-hints-label {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 20px;
  color: var(--white);
}
.filters-list-style-2 .filters-list-hints-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Filters List - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Animation Wrapper - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.animation-wrapper-default {
  --animation-duration: 0.4s;
  --animation-translate: 100px;
  --animation-zoom-in-scale: 1.2;
  --animation-zoom-out-scale: 0.8;
}

.animation-wrapper-default {
  overflow: hidden;
}
.animation-wrapper-default .animation-wrapper-inner {
  opacity: 0;
  transition: var(--transition-style-1) var(--animation-duration);
  will-change: opacity, transform;
}
.animation-wrapper-default .animation-wrapper-inner.fade-up {
  -webkit-transform: translate(0, var(--animation-translate));
          transform: translate(0, var(--animation-translate));
}
.animation-wrapper-default .animation-wrapper-inner.fade-down {
  -webkit-transform: translate(0, calc(var(--animation-translate) * -1));
          transform: translate(0, calc(var(--animation-translate) * -1));
}
.animation-wrapper-default .animation-wrapper-inner.fade-left {
  -webkit-transform: translate(calc(var(--animation-translate) * -1), 0);
          transform: translate(calc(var(--animation-translate) * -1), 0);
}
.animation-wrapper-default .animation-wrapper-inner.fade-right {
  -webkit-transform: translate(var(--animation-translate), 0);
          transform: translate(var(--animation-translate), 0);
}
.animation-wrapper-default .animation-wrapper-inner.fade-in {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.animation-wrapper-default .animation-wrapper-inner.zoom-in {
  -webkit-transform: scale(var(--animation-zoom-in-scale));
          transform: scale(var(--animation-zoom-in-scale));
}
.animation-wrapper-default .animation-wrapper-inner.zoom-out {
  -webkit-transform: scale(var(--animation-zoom-out-scale));
          transform: scale(var(--animation-zoom-out-scale));
}
.animation-wrapper-default .animation-wrapper-inner.is-animated {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.liveEdBlock .animation-wrapper-default {
  padding-top: 22px;
}
.liveEdBlock .animation-wrapper-default .animation-wrapper-wrap {
  position: relative;
  background-color: rgba(46, 183, 160, 0.2);
}
.liveEdBlock .animation-wrapper-default .animation-wrapper-wrap:before {
  content: "ANIMATION: " attr(data-animation);
  position: absolute;
  right: 0;
  bottom: 100%;
  width: auto;
  height: auto;
  padding: 3px 10px;
  font-size: 10px;
  border-radius: 5px 5px 0 0;
  background-color: rgba(46, 183, 160, 0.2);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Animation Wrapper - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sns-link-default ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sns-link-default ul li a {
  color: var(--sns-color);
}
.sns-link-default ul li a:hover {
  color: var(--sns-color-hover);
}

.sns-link-default.left ul {
  justify-content: flex-start;
}

.sns-link-default.center ul {
  justify-content: center;
}

.sns-link-default.right ul {
  justify-content: flex-end;
}

.sns-link-default.small ul {
  -webkit-column-gap: var(--sns-gap-sm);
     -moz-column-gap: var(--sns-gap-sm);
          column-gap: var(--sns-gap-sm);
  row-gap: 5px;
}
.sns-link-default.small ul li {
  font-size: var(--sns-font-size-sm);
}

.sns-link-default.medium ul {
  -webkit-column-gap: var(--sns-gap-md);
     -moz-column-gap: var(--sns-gap-md);
          column-gap: var(--sns-gap-md);
  row-gap: 5px;
}
.sns-link-default.medium ul li {
  font-size: var(--sns-font-size-md);
}

.sns-link-default.large ul {
  -webkit-column-gap: var(--sns-gap-lg);
     -moz-column-gap: var(--sns-gap-lg);
          column-gap: var(--sns-gap-lg);
  row-gap: 5px;
}
.sns-link-default.large ul li {
  font-size: var(--sns-font-size-lg);
}

.sns-link-default.huge ul {
  -webkit-column-gap: var(--sns-gap-xl);
     -moz-column-gap: var(--sns-gap-xl);
          column-gap: var(--sns-gap-xl);
  row-gap: 5px;
}
.sns-link-default.huge ul li {
  font-size: var(--sns-font-size-xl);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link Default - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - Circle - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sns-link-circle ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sns-link-circle ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sns-circle-color);
  line-height: 1;
  text-decoration: none;
  border-radius: 50%;
  background-color: var(--sns-circle-bg);
}
.sns-link-circle ul li a:hover {
  color: var(--sns-circle-color-hover);
  background-color: var(--sns-circle-bg-hover);
}

.sns-link-circle.left ul {
  justify-content: flex-start;
}

.sns-link-circle.center ul {
  justify-content: center;
}

.sns-link-circle.right ul {
  justify-content: flex-end;
}

.sns-link-circle.small ul {
  -webkit-column-gap: var(--sns-circle-gap-sm);
     -moz-column-gap: var(--sns-circle-gap-sm);
          column-gap: var(--sns-circle-gap-sm);
  row-gap: 5px;
}
.sns-link-circle.small ul a {
  width: var(--sns-circle-size-sm);
  height: var(--sns-circle-size-sm);
  font-size: var(--sns-circle-font-size-sm);
}

.sns-link-circle.medium ul {
  -webkit-column-gap: var(--sns-circle-gap-md);
     -moz-column-gap: var(--sns-circle-gap-md);
          column-gap: var(--sns-circle-gap-md);
  row-gap: 5px;
}
.sns-link-circle.medium ul a {
  width: var(--sns-circle-size-md);
  height: var(--sns-circle-size-md);
  font-size: var(--sns-circle-font-size-md);
}

.sns-link-circle.large ul {
  -webkit-column-gap: var(--sns-circle-gap-lg);
     -moz-column-gap: var(--sns-circle-gap-lg);
          column-gap: var(--sns-circle-gap-lg);
  row-gap: 5px;
}
.sns-link-circle.large ul a {
  width: var(--sns-circle-size-lg);
  height: var(--sns-circle-size-lg);
  font-size: var(--sns-circle-font-size-lg);
}

.sns-link-circle.huge ul {
  -webkit-column-gap: var(--sns-circle-gap-xl);
     -moz-column-gap: var(--sns-circle-gap-xl);
          column-gap: var(--sns-circle-gap-xl);
  row-gap: 5px;
}
.sns-link-circle.huge ul a {
  width: var(--sns-circle-size-xl);
  height: var(--sns-circle-size-xl);
  font-size: var(--sns-circle-font-size-xl);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link Circle - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - Square - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sns-link-square ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sns-link-square ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sns-square-color);
  line-height: 1;
  text-decoration: none;
  border-radius: var(--border-radius);
  background-color: var(--sns-square-bg);
}
.sns-link-square ul li a:hover {
  color: var(--sns-square-color-hover);
  background-color: var(--sns-square-bg-hover);
}

.sns-link-square.left ul {
  justify-content: flex-start;
}

.sns-link-square.center ul {
  justify-content: center;
}

.sns-link-square.right ul {
  justify-content: flex-end;
}

.sns-link-square.small ul {
  -webkit-column-gap: var(--sns-square-gap-sm);
     -moz-column-gap: var(--sns-square-gap-sm);
          column-gap: var(--sns-square-gap-sm);
  row-gap: 5px;
}
.sns-link-square.small ul a {
  width: var(--sns-square-size-sm);
  height: var(--sns-square-size-sm);
  font-size: var(--sns-square-font-size-sm);
}

.sns-link-square.medium ul {
  -webkit-column-gap: var(--sns-square-gap-md);
     -moz-column-gap: var(--sns-square-gap-md);
          column-gap: var(--sns-square-gap-md);
  row-gap: 5px;
}
.sns-link-square.medium ul a {
  width: var(--sns-square-size-md);
  height: var(--sns-square-size-md);
  font-size: var(--sns-square-font-size-md);
}

.sns-link-square.large ul {
  -webkit-column-gap: var(--sns-square-gap-lg);
     -moz-column-gap: var(--sns-square-gap-lg);
          column-gap: var(--sns-square-gap-lg);
  row-gap: 5px;
}
.sns-link-square.large ul a {
  width: var(--sns-square-size-lg);
  height: var(--sns-square-size-lg);
  font-size: var(--sns-square-font-size-lg);
}

.sns-link-square.huge ul {
  -webkit-column-gap: var(--sns-square-gap-xl);
     -moz-column-gap: var(--sns-square-gap-xl);
          column-gap: var(--sns-square-gap-xl);
  row-gap: 5px;
}
.sns-link-square.huge ul a {
  width: var(--sns-square-size-xl);
  height: var(--sns-square-size-xl);
  font-size: var(--sns-square-font-size-xl);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link Square - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Share Link - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.share-links {
  display: flex;
  align-items: center;
  gap: var(--sns-gap-md);
  line-height: 1;
}

.share-link {
  display: inline-block;
}

.share-link-default {
  font-size: var(--sns-font-size-md);
  color: var(--sns-color);
}
.share-link-default:hover {
  color: var(--sns-color-hover);
}

.share-link-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sns-circle-size-md);
  height: var(--sns-circle-size-md);
  color: var(--sns-circle-color);
  border-radius: 50%;
  background-color: var(--sns-circle-bg);
  transition: var(--transition-200);
}
.share-link-circle:hover {
  color: var(--sns-circle-color-hover);
  background-color: var(--sns-circle-bg-hover);
}

.share-link-square {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sns-square-size-md);
  height: var(--sns-square-size-md);
  color: var(--sns-square-color);
  border-radius: var(--border-radius);
  background-color: var(--sns-square-bg);
  transition: var(--transition-200);
}
.share-link-square:hover {
  color: var(--sns-square-color-hover);
  background-color: var(--sns-square-bg-hover);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Share Link - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Social Media - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sns-style-1 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 5px;
  -webkit-column-gap: var(--sns-gap-md);
     -moz-column-gap: var(--sns-gap-md);
          column-gap: var(--sns-gap-md);
}
.sns-style-1 a {
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  color: var(--sns-color);
  font-size: var(--sns-font-size-md);
}
.sns-style-1 a > i {
  display: block;
  transition: var(--transition-200);
}
.sns-style-1 a > i:first-of-type {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.sns-style-1 a > i:last-of-type {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.sns-style-1 a:hover {
  color: var(--sns-color-hover);
}
.sns-style-1 a:hover > i:first-of-type {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.sns-style-1 a:hover > i:last-of-type {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sns-style-1.is-circle ul {
  -webkit-column-gap: var(--sns-circle-gap-md);
     -moz-column-gap: var(--sns-circle-gap-md);
          column-gap: var(--sns-circle-gap-md);
}
.sns-style-1.is-circle a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sns-circle-size-md);
  height: var(--sns-circle-size-md);
  font-size: var(--sns-circle-font-size-md);
  color: var(--sns-circle-color);
  line-height: 1;
  border-radius: 50%;
  background-color: var(--sns-circle-bg);
}
.sns-style-1.is-circle a:hover {
  color: var(--sns-circle-color-hover);
  background-color: var(--sns-circle-bg-hover);
}

.sns-style-1.is-square ul {
  -webkit-column-gap: var(--sns-square-gap-md);
     -moz-column-gap: var(--sns-square-gap-md);
          column-gap: var(--sns-square-gap-md);
}
.sns-style-1.is-square a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--sns-square-size-md);
  height: var(--sns-square-size-md);
  font-size: var(--sns-square-font-size-md);
  color: var(--sns-square-color);
  line-height: 1;
  background-color: var(--sns-square-bg);
}
.sns-style-1.is-square a:hover {
  color: var(--sns-square-color-hover);
  background-color: var(--sns-square-bg-hover);
}
.sns-style-1.is-square.is-rounded a {
  border-radius: var(--sns-rounded-square-radius);
}

.sns-style-1.is-sm ul {
  -webkit-column-gap: var(--sns-gap-sm);
     -moz-column-gap: var(--sns-gap-sm);
          column-gap: var(--sns-gap-sm);
}
.sns-style-1.is-sm a {
  font-size: var(--sns-font-size-sm);
}
.sns-style-1.is-sm.is-circle ul {
  -webkit-column-gap: var(--sns-circle-gap-sm);
     -moz-column-gap: var(--sns-circle-gap-sm);
          column-gap: var(--sns-circle-gap-sm);
}
.sns-style-1.is-sm.is-circle a {
  width: var(--sns-circle-size-sm);
  height: var(--sns-circle-size-sm);
  font-size: var(--sns-circle-font-size-sm);
}
.sns-style-1.is-sm.is-square ul {
  -webkit-column-gap: var(--sns-square-gap-sm);
     -moz-column-gap: var(--sns-square-gap-sm);
          column-gap: var(--sns-square-gap-sm);
}
.sns-style-1.is-sm.is-square a {
  width: var(--sns-square-size-sm);
  height: var(--sns-square-size-sm);
  font-size: var(--sns-square-font-size-sm);
}
.sns-style-1.is-md ul {
  -webkit-column-gap: var(--sns-gap-md);
     -moz-column-gap: var(--sns-gap-md);
          column-gap: var(--sns-gap-md);
}
.sns-style-1.is-md a {
  font-size: var(--sns-font-size-md);
}
.sns-style-1.is-md.is-circle ul {
  -webkit-column-gap: var(--sns-circle-gap-md);
     -moz-column-gap: var(--sns-circle-gap-md);
          column-gap: var(--sns-circle-gap-md);
}
.sns-style-1.is-md.is-circle a {
  width: var(--sns-circle-size-md);
  height: var(--sns-circle-size-md);
  font-size: var(--sns-circle-font-size-md);
}
.sns-style-1.is-md.is-square ul {
  -webkit-column-gap: var(--sns-square-gap-md);
     -moz-column-gap: var(--sns-square-gap-md);
          column-gap: var(--sns-square-gap-md);
}
.sns-style-1.is-md.is-square a {
  width: var(--sns-square-size-md);
  height: var(--sns-square-size-md);
  font-size: var(--sns-square-font-size-md);
}
.sns-style-1.is-lg ul {
  -webkit-column-gap: var(--sns-gap-lg);
     -moz-column-gap: var(--sns-gap-lg);
          column-gap: var(--sns-gap-lg);
}
.sns-style-1.is-lg a {
  font-size: var(--sns-font-size-lg);
}
.sns-style-1.is-lg.is-circle ul {
  -webkit-column-gap: var(--sns-circle-gap-lg);
     -moz-column-gap: var(--sns-circle-gap-lg);
          column-gap: var(--sns-circle-gap-lg);
}
.sns-style-1.is-lg.is-circle a {
  width: var(--sns-circle-size-lg);
  height: var(--sns-circle-size-lg);
  font-size: var(--sns-circle-font-size-lg);
}
.sns-style-1.is-lg.is-square ul {
  -webkit-column-gap: var(--sns-square-gap-lg);
     -moz-column-gap: var(--sns-square-gap-lg);
          column-gap: var(--sns-square-gap-lg);
}
.sns-style-1.is-lg.is-square a {
  width: var(--sns-square-size-lg);
  height: var(--sns-square-size-lg);
  font-size: var(--sns-square-font-size-lg);
}
.sns-style-1.is-xl ul {
  -webkit-column-gap: var(--sns-gap-xl);
     -moz-column-gap: var(--sns-gap-xl);
          column-gap: var(--sns-gap-xl);
}
.sns-style-1.is-xl a {
  font-size: var(--sns-font-size-xl);
}
.sns-style-1.is-xl.is-circle ul {
  -webkit-column-gap: var(--sns-circle-gap-xl);
     -moz-column-gap: var(--sns-circle-gap-xl);
          column-gap: var(--sns-circle-gap-xl);
}
.sns-style-1.is-xl.is-circle a {
  width: var(--sns-circle-size-xl);
  height: var(--sns-circle-size-xl);
  font-size: var(--sns-circle-font-size-xl);
}
.sns-style-1.is-xl.is-square ul {
  -webkit-column-gap: var(--sns-square-gap-xl);
     -moz-column-gap: var(--sns-square-gap-xl);
          column-gap: var(--sns-square-gap-xl);
}
.sns-style-1.is-xl.is-square a {
  width: var(--sns-square-size-xl);
  height: var(--sns-square-size-xl);
  font-size: var(--sns-square-font-size-xl);
}
.sns-style-1.is-xxl ul {
  -webkit-column-gap: var(--sns-gap-xxl);
     -moz-column-gap: var(--sns-gap-xxl);
          column-gap: var(--sns-gap-xxl);
}
.sns-style-1.is-xxl a {
  font-size: var(--sns-font-size-xxl);
}
.sns-style-1.is-xxl.is-circle ul {
  -webkit-column-gap: var(--sns-circle-gap-xxl);
     -moz-column-gap: var(--sns-circle-gap-xxl);
          column-gap: var(--sns-circle-gap-xxl);
}
.sns-style-1.is-xxl.is-circle a {
  width: var(--sns-circle-size-xxl);
  height: var(--sns-circle-size-xxl);
  font-size: var(--sns-circle-font-size-xxl);
}
.sns-style-1.is-xxl.is-square ul {
  -webkit-column-gap: var(--sns-square-gap-xxl);
     -moz-column-gap: var(--sns-square-gap-xxl);
          column-gap: var(--sns-square-gap-xxl);
}
.sns-style-1.is-xxl.is-square a {
  width: var(--sns-square-size-xxl);
  height: var(--sns-square-size-xxl);
  font-size: var(--sns-square-font-size-xxl);
}

.sns-style-1.is-left ul {
  justify-content: flex-start;
}
.sns-style-1.is-center ul {
  justify-content: center;
}
.sns-style-1.is-right ul {
  justify-content: flex-end;
}
.sns-style-1.is-stretch ul {
  justify-content: space-between;
}

.sns-style-1.is-primary a {
  color: var(--primary);
}
.sns-style-1.is-primary a:hover {
  color: var(--primary-6);
}
.sns-style-1.is-primary.is-circle a, .sns-style-1.is-primary.is-square a {
  color: var(--white);
  background-color: var(--primary);
}
.sns-style-1.is-primary.is-circle a:hover, .sns-style-1.is-primary.is-square a:hover {
  color: var(--white);
  background-color: var(--primary-6);
}
.sns-style-1.is-primary-light a {
  color: var(--primary-1);
}
.sns-style-1.is-primary-light a:hover {
  color: var(--primary-6);
}
.sns-style-1.is-primary-light.is-circle a, .sns-style-1.is-primary-light.is-square a {
  color: var(--white);
  background-color: var(--primary-1);
}
.sns-style-1.is-primary-light.is-circle a:hover, .sns-style-1.is-primary-light.is-square a:hover {
  color: var(--white);
  background-color: var(--primary-6);
}
.sns-style-1.is-secondary a {
  color: var(--secondary);
}
.sns-style-1.is-secondary a:hover {
  color: var(--secondary-6);
}
.sns-style-1.is-secondary.is-circle a, .sns-style-1.is-secondary.is-square a {
  color: var(--white);
  background-color: var(--secondary);
}
.sns-style-1.is-secondary.is-circle a:hover, .sns-style-1.is-secondary.is-square a:hover {
  color: var(--white);
  background-color: var(--secondary-6);
}
.sns-style-1.is-secondary-light a {
  color: var(--secondary-1);
}
.sns-style-1.is-secondary-light a:hover {
  color: var(--secondary-6);
}
.sns-style-1.is-secondary-light.is-circle a, .sns-style-1.is-secondary-light.is-square a {
  color: var(--white);
  background-color: var(--secondary-1);
}
.sns-style-1.is-secondary-light.is-circle a:hover, .sns-style-1.is-secondary-light.is-square a:hover {
  color: var(--white);
  background-color: var(--secondary-6);
}
.sns-style-1.is-third a {
  color: var(--third);
}
.sns-style-1.is-third a:hover {
  color: var(--third-6);
}
.sns-style-1.is-third.is-circle a, .sns-style-1.is-third.is-square a {
  color: var(--white);
  background-color: var(--third);
}
.sns-style-1.is-third.is-circle a:hover, .sns-style-1.is-third.is-square a:hover {
  color: var(--white);
  background-color: var(--third-6);
}
.sns-style-1.is-third-light a {
  color: var(--third-1);
}
.sns-style-1.is-third-light a:hover {
  color: var(--third-6);
}
.sns-style-1.is-third-light.is-circle a, .sns-style-1.is-third-light.is-square a {
  color: var(--white);
  background-color: var(--third-1);
}
.sns-style-1.is-third-light.is-circle a:hover, .sns-style-1.is-third-light.is-square a:hover {
  color: var(--white);
  background-color: var(--third-6);
}
.sns-style-1.is-fourth a {
  color: var(--fourth);
}
.sns-style-1.is-fourth a:hover {
  color: var(--fourth-6);
}
.sns-style-1.is-fourth.is-circle a, .sns-style-1.is-fourth.is-square a {
  color: var(--white);
  background-color: var(--fourth);
}
.sns-style-1.is-fourth.is-circle a:hover, .sns-style-1.is-fourth.is-square a:hover {
  color: var(--white);
  background-color: var(--fourth-6);
}
.sns-style-1.is-fourth-light a {
  color: var(--fourth-1);
}
.sns-style-1.is-fourth-light a:hover {
  color: var(--fourth-6);
}
.sns-style-1.is-fourth-light.is-circle a, .sns-style-1.is-fourth-light.is-square a {
  color: var(--white);
  background-color: var(--fourth-1);
}
.sns-style-1.is-fourth-light.is-circle a:hover, .sns-style-1.is-fourth-light.is-square a:hover {
  color: var(--white);
  background-color: var(--fourth-6);
}
.sns-style-1.is-white a {
  color: var(--white);
}
.sns-style-1.is-white a:hover {
  color: var(--primary-6);
}
.sns-style-1.is-white.is-circle a, .sns-style-1.is-white.is-square a {
  color: var(--text-color);
  background-color: var(--white);
}
.sns-style-1.is-white.is-circle a:hover, .sns-style-1.is-white.is-square a:hover {
  color: var(--white);
  background-color: var(--primary-6);
}
.sns-style-1.is-light a {
  color: var(--light);
}
.sns-style-1.is-light a:hover {
  color: var(--primary-6);
}
.sns-style-1.is-light.is-circle a, .sns-style-1.is-light.is-square a {
  color: var(--text-color);
  background-color: var(--light);
}
.sns-style-1.is-light.is-circle a:hover, .sns-style-1.is-light.is-square a:hover {
  color: var(--white);
  background-color: var(--primary-6);
}
.sns-style-1.is-gray a {
  color: var(--gray);
}
.sns-style-1.is-gray a:hover {
  color: var(--primary-6);
}
.sns-style-1.is-gray.is-circle a, .sns-style-1.is-gray.is-square a {
  color: var(--text-color);
  background-color: var(--gray);
}
.sns-style-1.is-gray.is-circle a:hover, .sns-style-1.is-gray.is-square a:hover {
  color: var(--white);
  background-color: var(--primary-6);
}
.sns-style-1.is-dark a {
  color: var(--dark);
}
.sns-style-1.is-dark a:hover {
  color: var(--primary-6);
}
.sns-style-1.is-dark.is-circle a, .sns-style-1.is-dark.is-square a {
  color: var(--white);
  background-color: var(--dark);
}
.sns-style-1.is-dark.is-circle a:hover, .sns-style-1.is-dark.is-square a:hover {
  color: var(--white);
  background-color: var(--primary-6);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Social Media - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.accordion-style-1 .accordion-header {
  font-size: 18px;
  margin-top: -1px;
  margin-bottom: 0;
}
.accordion-style-1 .accordion-header button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  width: 100%;
  padding: 20px 0;
  font-weight: var(--font-weight-semi-bold);
  text-align: left;
  white-space: pre-line;
  border-top: 1px solid var(--gray-4);
  border-bottom: 1px solid var(--gray-4);
}
.accordion-style-1 .accordion-header i {
  font-size: 18px;
  transition: var(--transition-500);
}
.accordion-style-1 .accordion-panel {
  display: none;
}
.accordion-style-1 .accordion-panel-inner {
  padding-top: 20px;
  padding-bottom: 1px;
}
.accordion-style-1.active .accordion-header i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion-style-1.active .accordion-header i.fa-plus {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.accordion-style-2 {
  margin-bottom: 10px;
}
.accordion-style-2 .accordion-wrap {
  border-radius: var(--border-radius);
}
.accordion-style-2 .accordion-header {
  margin-bottom: 0;
  font-size: 18px;
}
.accordion-style-2 .accordion-header button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  width: 100%;
  padding: 20px 20px 20px 30px;
  font-weight: var(--font-weight-semi-bold);
  text-align: left;
  white-space: pre-line;
}
.accordion-style-2 .accordion-header i {
  font-size: 18px;
  transition: var(--transition-500);
}
.accordion-style-2 .accordion-panel {
  display: none;
  border-top: 1px solid var(--border-color-dark);
}
.accordion-style-2 .accordion-panel-inner {
  padding: 30px 30px 5px;
}
.accordion-style-2.active .accordion-header i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion-style-2.active .accordion-header i.fa-plus {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabs-style-1 {
  margin-bottom: 30px;
}
.tabs-style-1 .tabs-navs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.tabs-style-1 .tabs-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 15px 20px;
  text-align: left;
  white-space: pre-line;
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius);
  background-color: var(--gray-2);
}
.tabs-style-1 .tabs-nav:hover, .tabs-style-1 .tabs-nav.active {
  color: var(--white);
  background-color: var(--primary);
}
.tabs-style-1 .tabs-nav-icon {
  font-size: 14px;
}
.tabs-style-1 .tabs-panel {
  display: none;
}
.tabs-style-1 .tabs-panel.active {
  display: block;
}

@media (max-width: 991px) {
  .tabs-style-1.is-vertical .tabs-navs {
    flex-direction: column;
  }
}
.tabs-style-1.is-vertical .tabs-panels {
  padding-top: 30px;
}

.tabs-style-1.is-horizontal .tabs-wrap {
  display: flex;
  flex-wrap: wrap;
}
.tabs-style-1.is-horizontal .tabs-navs {
  flex-direction: column;
  flex: 0 0 20%;
  max-width: 20%;
  width: 100%;
}
@media (max-width: 991px) {
  .tabs-style-1.is-horizontal .tabs-navs {
    flex: 0 0 auto;
    max-width: none;
  }
}
.tabs-style-1.is-horizontal .tabs-panels {
  flex: 0 0 80%;
  max-width: 80%;
  width: 100%;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .tabs-style-1.is-horizontal .tabs-panels {
    flex: 0 0 auto;
    max-width: none;
    padding-left: 0;
    padding-top: 25px;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabs-style-2 {
  margin-bottom: 30px;
}
.tabs-style-2 .tabs-wrap {
  overflow: hidden;
  border-radius: var(--border-radius);
  /* background-color: var(--gray-1); */
}
.tabs-style-2 .tabs-navs {
  display: flex;
  flex-wrap: wrap;
}
.tabs-style-2 .tabs-nav {
  overflow: hidden;
  position: relative;
  text-align: left;
  font-weight: var(--font-weight-bold);
  border-radius: 20px 20px 0 0;
  font-size: 14px;
  color: var(--primary);
}
.tabs-style-2 .tabs-nav span {
  display: block;
  position: relative;
  white-space: pre-line;
}
.tabs-style-2 .tabs-panel {
  display: none;
  padding: 30px 0 1px;
}
.tabs-style-2 .tabs-panel.active {
  display: block;
}

.tabs-style-2.is-vertical .tabs-navs {
  border-bottom: 1px solid var(--border-color-dark);
}
@media (max-width: 991px) {
  .tabs-style-2.is-vertical .tabs-navs {
    flex-direction: column;
    border-bottom: 0;
  }
}
.tabs-style-2.is-vertical .tabs-nav {
  padding: 15px 0;
}
@media (max-width: 991px) {
  .tabs-style-2.is-vertical .tabs-nav {
    padding: 0 30px;
  }
}
.tabs-style-2.is-vertical .tabs-nav span {
  padding: 0 30px;
  /* border-right: 1px solid var(--border-color-dark); */
}
@media (max-width: 991px) {
  .tabs-style-2.is-vertical .tabs-nav span {
    padding: 15px 0;
    border-right: 0;
    border-bottom: 1px solid var(--border-color-dark);
  }
}
.tabs-style-2.is-vertical .tabs-nav:hover, .tabs-style-2.is-vertical .tabs-nav.active {
  color: var(--white);
  background-color: var(--primary);
}

.tabs-style-2.is-horizontal .tabs-wrap {
  display: flex;
  flex-wrap: wrap;
}
.tabs-style-2.is-horizontal .tabs-navs {
  flex-direction: column;
  flex: 0 0 20%;
  max-width: 20%;
  width: 100%;
  border-right: 1px solid var(--border-color-dark);
}
@media (max-width: 991px) {
  .tabs-style-2.is-horizontal .tabs-navs {
    flex: 0 0 auto;
    max-width: none;
    border-right: none;
  }
}
.tabs-style-2.is-horizontal .tabs-nav {
  padding: 0 30px;
}
.tabs-style-2.is-horizontal .tabs-nav span {
  padding: 15px 0;
  border-bottom: 1px solid var(--border-color-dark);
}
.tabs-style-2.is-horizontal .tabs-nav:hover, .tabs-style-2.is-horizontal .tabs-nav.active {
  color: var(--white);
  background-color: var(--primary);
}
.tabs-style-2.is-horizontal .tabs-panels {
  flex: 0 0 80%;
  max-width: 80%;
  width: 100%;
}
@media (max-width: 991px) {
  .tabs-style-2.is-horizontal .tabs-panels {
    flex: 0 0 auto;
    max-width: none;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Icon - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabs-style-3 {
  margin-bottom: 30px;
}
.tabs-style-3 .tabs-header {
  position: relative;
  margin-bottom: 30px;
}
.tabs-style-3 .tabs-nav-indicator {
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: var(--border-color-dark);
}
@media (max-width: 991px) {
  .tabs-style-3 .tabs-nav-indicator {
    display: none;
  }
}
.tabs-style-3 .tabs-nav-indicator span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--primary);
  transition: var(--transition-360);
}
.tabs-style-3 .tabs-navs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .tabs-style-3 .tabs-navs {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .tabs-style-3 .tabs-navs {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tabs-style-3 .tabs-nav {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  text-align: center;
  white-space: pre-line;
  font-weight: var(--font-weight-bold);
  transition: var(--transition-200);
}
@media (max-width: 991px) {
  .tabs-style-3 .tabs-nav {
    padding: 30px;
    border-radius: var(--border-radius);
    background-color: var(--gray-2);
  }
}
.tabs-style-3 .tabs-nav img {
  width: auto;
  height: 60px;
  margin-bottom: 15px;
  transition: var(--transition-200);
}
.tabs-style-3 .tabs-nav:hover, .tabs-style-3 .tabs-nav.active {
  color: var(--primary);
}
@media (max-width: 991px) {
  .tabs-style-3 .tabs-nav:hover, .tabs-style-3 .tabs-nav.active {
    color: var(--white);
    background-color: var(--primary);
  }
}
@media (max-width: 991px) {
  .tabs-style-3 .tabs-nav:hover img, .tabs-style-3 .tabs-nav.active img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
}
.tabs-style-3 .tabs-panel {
  display: none;
}
.tabs-style-3 .tabs-panel.active {
  display: block;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Icon - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Modal Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.modal-style-1 .modal-container {
  z-index: 510;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 60px 15px;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-style-1 .modal-dialog {
  position: relative;
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
}
.modal-style-1 .modal-inner {
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-2);
}
.modal-style-1 .modal-close-btn {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  right: -12px;
  width: 30px;
  height: 30px;
  color: var(--white);
  border-radius: 50%;
  background: var(--dark);
  box-shadow: var(--shadow-2);
}
.modal-style-1 .modal-close-btn:hover {
  background: var(--primary);
}

.modal-style-1.is-sm .modal-dialog {
  max-width: 570px;
}

.modal-style-1.is-md .modal-dialog {
  max-width: 770px;
}

.modal-style-1.is-lg .modal-dialog {
  max-width: 970px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Modal Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Popup - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.popup-style-1 .popup-container {
  z-index: 510;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 60px 15px;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup-style-1 .popup-dialog {
  position: relative;
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
}
.popup-style-1 .popup-inner {
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-2);
}
.popup-style-1 .popup-close-btn {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  right: -12px;
  width: 30px;
  height: 30px;
  color: var(--white);
  border-radius: 50%;
  background: var(--dark);
  box-shadow: var(--shadow-2);
}
.popup-style-1 .popup-close-btn:hover {
  background: var(--primary);
}

.popup-style-1.is-sm .popup-dialog {
  max-width: 570px;
}

.popup-style-1.is-md .popup-dialog {
  max-width: 770px;
}

.popup-style-1.is-lg .popup-dialog {
  max-width: 970px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Popup - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Block - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.icon-blocks-style-1 .icon-blocks-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .icon-blocks-style-1 .icon-blocks-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .icon-blocks-style-1 .icon-blocks-wrap {
    grid-template-columns: 1fr;
  }
}
.icon-blocks-style-1 .icon-blocks-item:nth-of-type(even) .icon-blocks-item-wrap {
  background-color: var(--light);
}
@media (max-width: 992px) and (min-width: 576px) {
  .icon-blocks-style-1 .icon-blocks-item:nth-of-type(3) .icon-blocks-item-wrap {
    background-color: var(--light);
  }
  .icon-blocks-style-1 .icon-blocks-item:nth-of-type(4) .icon-blocks-item-wrap {
    background-color: var(--white);
  }
}
.icon-blocks-style-1 .icon-blocks-item-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
  padding: 30px 30px 1px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  background-color: var(--white);
}
.icon-blocks-style-1 .icon-blocks-item-img {
  width: auto;
  height: 65px;
  margin-bottom: 20px;
  transition: var(--transition-200);
}
.icon-blocks-style-1 .icon-blocks-item-title {
  margin-bottom: 10px;
  font-size: 22px;
  color: var(--heading-color);
  overflow-wrap: break-word;
  transition: var(--transition-200);
}
.icon-blocks-style-1 .icon-blocks-item-des {
  font-size: 16px;
  color: var(--text-color);
  transition: var(--transition-200);
}
@media (min-width: 992px) {
  .icon-blocks-style-1 .icon-blocks-item-des {
    opacity: 0;
  }
}
.icon-blocks-style-1 .icon-blocks-item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.icon-blocks-style-1 .icon-blocks-item-wrap:hover .icon-blocks-item-img,
.icon-blocks-style-1 .icon-blocks-item-wrap:hover .icon-blocks-item-title,
.icon-blocks-style-1 .icon-blocks-item-wrap:hover .icon-blocks-item-des, .icon-blocks-style-1 .icon-blocks-item-wrap:focus-within .icon-blocks-item-img,
.icon-blocks-style-1 .icon-blocks-item-wrap:focus-within .icon-blocks-item-title,
.icon-blocks-style-1 .icon-blocks-item-wrap:focus-within .icon-blocks-item-des {
  opacity: 1;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Block - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon and Text - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.icon-text-style-1 .icon-text-wrap {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
.icon-text-style-1 .icon-text-icon {
  flex: 0 0 auto;
  margin-bottom: 30px;
}
.icon-text-style-1 .icon-text-text {
  flex: 1;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon and Text - Style 1 - End
 |

 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Card - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.icon-card-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.icon-card-style-1 .icon-card-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 40px 40px 30px;
  border-radius: var(--border-radius);
  transition: var(--transition-200);
  box-shadow: var(--shadow-6);
  background-image: radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
@media (max-width: 1365px) {
  .icon-card-style-1 .icon-card-wrap {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 575px) {
  .icon-card-style-1 .icon-card-wrap {
    padding: 30px 30px 1px;
  }
}
.icon-card-style-1 .icon-card-icon {
  margin-bottom: 30px;
}
.icon-card-style-1 .icon-card-icon img {
  width: auto;
  height: 80px;
  transition: var(--transition-200);
}
.icon-card-style-1 .icon-card-title {
  margin-bottom: 15px;
  transition: var(--transition-200);
}
.icon-card-style-1 .icon-card-btn {
  margin-top: auto;
  margin-bottom: 30px;
}
.icon-card-style-1 .icon-card-btn i {
  margin-left: 10px;
  transition: -webkit-transform var(--transition-200);
  transition: transform var(--transition-200);
  transition: transform var(--transition-200), -webkit-transform var(--transition-200);
}
.icon-card-style-1 .icon-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-card-style-1:hover .icon-card-wrap {
  box-shadow: var(--shadow-6-hover);
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.icon-card-style-1:hover .icon-card-btn i {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.icon-card-style-1.is-primary .icon-card-wrap,
.icon-card-style-1.is-primary .icon-card-title {
  color: var(--text-color-on-primary);
}
.icon-card-style-1.is-primary .icon-card-wrap {
  background-color: var(--primary);
}
.icon-card-style-1.is-primary .icon-card-icon img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.icon-card-style-1.is-primary:hover .icon-card-wrap {
  background-color: var(--primary-6);
}
.icon-card-style-1.is-secondary .icon-card-wrap,
.icon-card-style-1.is-secondary .icon-card-title {
  color: var(--text-color-on-secondary);
}
.icon-card-style-1.is-secondary .icon-card-wrap {
  background-color: var(--secondary);
}
.icon-card-style-1.is-secondary .icon-card-icon img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.icon-card-style-1.is-secondary:hover .icon-card-wrap {
  background-color: var(--secondary-6);
}
.icon-card-style-1.is-third .icon-card-wrap,
.icon-card-style-1.is-third .icon-card-title {
  color: var(--text-color-on-third);
}
.icon-card-style-1.is-third .icon-card-wrap {
  background-color: var(--third);
}
.icon-card-style-1.is-third .icon-card-icon img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.icon-card-style-1.is-third:hover .icon-card-wrap {
  background-color: var(--third-6);
}
.icon-card-style-1.is-fourth .icon-card-wrap,
.icon-card-style-1.is-fourth .icon-card-title {
  color: var(--text-color-on-fourth);
}
.icon-card-style-1.is-fourth .icon-card-wrap {
  background-color: var(--fourth);
}
.icon-card-style-1.is-fourth .icon-card-icon img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.icon-card-style-1.is-fourth:hover .icon-card-wrap,
.icon-card-style-1.is-fourth:hover .icon-card-title {
  color: var(--white);
}
.icon-card-style-1.is-fourth:hover .icon-card-wrap {
  background-color: var(--fourth-6);
}
.icon-card-style-1.is-fourth:hover .icon-card-icon img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.icon-card-style-1.is-white .icon-card-wrap {
  color: var(--text-color);
  background-color: var(--white);
}
.icon-card-style-1.is-white .icon-card-title {
  color: var(--heading-color);
}
.icon-card-style-1.is-white .icon-card-btn {
  color: var(--primary);
}
.icon-card-style-1.is-white:hover .icon-card-wrap {
  background-color: var(--light);
}
.icon-card-style-1.is-dark .icon-card-wrap,
.icon-card-style-1.is-dark .icon-card-title {
  color: var(--white);
}
.icon-card-style-1.is-dark .icon-card-wrap {
  background-color: var(--dark);
}
.icon-card-style-1.is-dark:hover .icon-card-wrap {
  background-color: var(--primary-7);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Card - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Count Up - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.count-up-style-1 .count-up-icon {
  width: auto;
  height: 80px;
  margin-bottom: 35px;
}
.count-up-style-1 .count-up-number {
  display: flex;
  margin-bottom: 15px;
  color: var(--primary);
  font-size: 38px;
  line-height: 1;
}
.count-up-style-1._text-center .count-up-number {justify-content:center;}
/* Number size — picked in the template's "Number Size" option (default Medium = 38px).
   Older count-ups saved before this option have no size class and keep the 38px base. */
.count-up-style-1:after {content:"";width: 50%;height: 3px;background:var(--secondary);position: relative;display: block;margin: 0 auto 30px;}
.count-up-style-1.count-up-size-sm .count-up-number { font-size: 28px; }
.count-up-style-1.count-up-size-md .count-up-number {font-size: 68px;}
.count-up-style-1.count-up-size-lg .count-up-number { font-size: clamp(44px, 6vw, 56px); }
.count-up-style-1.count-up-size-xl .count-up-number { font-size: clamp(54px, 8vw, 76px); }
.count-up-style-1 .count-up-label {
  display: block;
  white-space: pre-line;
  color: var(--text-color);
  font-size: 18px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Count Up - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Count Up - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.count-up-style-2 {
  position: relative;
  text-align: center;
}
.count-up-style-2 .count-up-icon {
  width: auto;
  height: 80px;
  margin-bottom: 35px;
}
.count-up-style-2 .count-up-number {
  display: block;
  margin-bottom: 15px;
  font-size: 50px;
  line-height: 1;
}
.count-up-style-2 .count-up-number > span {
  display: inline-block;
}
.count-up-style-2 .count-up-label {
  display: block;
  white-space: pre-line;
  font-size: 16px;
  font-weight: var(--font-weight-normal);
}

.count-up-style-2 .count-up-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 30px;
}
@media (max-width: 767px) {
  .count-up-style-2 .count-up-item {
    padding: 30px 15px;
  }
}
.count-up-style-2 .count-up-item:nth-child(1) .count-up-icon {
  height: 150px;
}
.count-up-style-2 .count-up-item:nth-child(1) .count-up-number {
  font-size: 70px;
}
.count-up-style-2 .count-up-item:nth-child(1) .count-up-label {
  font-size: 22px;
  font-weight: var(--font-weight-bold);
}
.count-up-style-2 .count-up-item-wrap {
  margin-bottom: 0;
}

.count-up-style-2 .count-up-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .count-up-style-2 .count-up-wrap {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
.count-up-style-2 .count-up-item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/3;
}
@media (max-width: 767px) {
  .count-up-style-2 .count-up-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.count-up-style-2.is-card .count-up-wrap {
  gap: 30px;
}
.count-up-style-2.is-card .count-up-item {
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-6);
  transition: var(--transition-200);
  background-image: radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
}

.count-up-style-2.is-line .count-up-item:nth-child(1) {
  border: 1px solid var(--white);
}
@media (max-width: 767px) {
  .count-up-style-2.is-line .count-up-item:nth-child(1) {
    border-bottom: 0;
  }
}
.count-up-style-2.is-line .count-up-item:nth-child(2), .count-up-style-2.is-line .count-up-item:nth-child(3) {
  border-top: 1px solid var(--white);
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}
.count-up-style-2.is-line .count-up-item:nth-child(4), .count-up-style-2.is-line .count-up-item:nth-child(5) {
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}
@media (max-width: 767px) {
  .count-up-style-2.is-line .count-up-item:nth-child(2), .count-up-style-2.is-line .count-up-item:nth-child(4) {
    border-left: 1px solid;
  }
}

.count-up-style-2.is-card.is-primary .count-up-number {
  color: var(--text-color-on-primary);
}
.count-up-style-2.is-card.is-primary .count-up-label {
  color: var(--text-color-on-primary);
}
.count-up-style-2.is-card.is-primary .count-up-item {
  background-color: var(--primary);
}
.count-up-style-2.is-card.is-primary .count-up-item:hover {
  background-color: var(--primary-6);
}
.count-up-style-2.is-card.is-secondary .count-up-number {
  color: var(--text-color-on-secondary);
}
.count-up-style-2.is-card.is-secondary .count-up-label {
  color: var(--text-color-on-secondary);
}
.count-up-style-2.is-card.is-secondary .count-up-item {
  background-color: var(--secondary);
}
.count-up-style-2.is-card.is-secondary .count-up-item:hover {
  background-color: var(--secondary-6);
}
.count-up-style-2.is-card.is-third .count-up-number {
  color: var(--text-color-on-third);
}
.count-up-style-2.is-card.is-third .count-up-label {
  color: var(--text-color-on-third);
}
.count-up-style-2.is-card.is-third .count-up-item {
  background-color: var(--third);
}
.count-up-style-2.is-card.is-third .count-up-item:hover {
  background-color: var(--third-6);
}
.count-up-style-2.is-card.is-fourth .count-up-number {
  color: var(--text-color-on-fourth);
}
.count-up-style-2.is-card.is-fourth .count-up-label {
  color: var(--text-color-on-fourth);
}
.count-up-style-2.is-card.is-fourth .count-up-item {
  background-color: var(--fourth);
}
.count-up-style-2.is-card.is-fourth .count-up-item:hover {
  background-color: var(--fourth-6);
}
.count-up-style-2.is-card.is-white .count-up-number {
  color: var(--primary);
}
.count-up-style-2.is-card.is-white .count-up-label {
  color: var(--text-color);
}
.count-up-style-2.is-card.is-white .count-up-item {
  background-color: var(--white);
}
.count-up-style-2.is-card.is-white .count-up-item:hover {
  background-color: var(--light);
}
.count-up-style-2.is-card.is-dark .count-up-number {
  color: var(--primary);
}
.count-up-style-2.is-card.is-dark .count-up-label {
  color: var(--white);
}
.count-up-style-2.is-card.is-dark .count-up-item {
  background-color: var(--dark);
}
.count-up-style-2.is-card.is-dark .count-up-item:hover {
  background-color: var(--primary-7);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Count Up - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-card-style-1 {
  margin-bottom: 30px;
}
.content-card-style-1 .content-card-wrap {
  overflow: hidden;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius);
  background-color: var(--white);
}
.content-card-style-1 .content-card-header {
  padding: 15px 30px;
  border-bottom: 1px solid var(--border-color-dark);
  background-color: var(--gray-2);
  word-break: break-word;
}
@media (max-width: 575px) {
  .content-card-style-1 .content-card-header {
    padding: 15px;
  }
}
.content-card-style-1 .content-card-header h1, .content-card-style-1 .content-card-header h2, .content-card-style-1 .content-card-header h3, .content-card-style-1 .content-card-header h4, .content-card-style-1 .content-card-header h5, .content-card-style-1 .content-card-header h6, .content-card-style-1 .content-card-header p, .content-card-style-1 .content-card-header ul, .content-card-style-1 .content-card-header ol, .content-card-style-1 .content-card-header dl, .content-card-style-1 .content-card-header table, .content-card-style-1 .content-card-header .btn {
  margin-bottom: 0;
}
.content-card-style-1 .content-card-body {
  padding: 30px 30px 1px;
  word-break: break-word;
}
@media (max-width: 575px) {
  .content-card-style-1 .content-card-body {
    padding: 15px 15px 1px;
  }
}
.content-card-style-1 .content-card-footer {
  padding: 15px 30px 5px;
  border-top: 1px solid var(--border-color-dark);
  background-color: var(--gray-2);
}
@media (max-width: 575px) {
  .content-card-style-1 .content-card-footer {
    padding: 15px 15px 5px;
  }
}
.content-card-style-1 .content-card-footer h1, .content-card-style-1 .content-card-footer h2, .content-card-style-1 .content-card-footer h3, .content-card-style-1 .content-card-footer h4, .content-card-style-1 .content-card-footer h5, .content-card-style-1 .content-card-footer h6, .content-card-style-1 .content-card-footer p, .content-card-style-1 .content-card-footer ul, .content-card-style-1 .content-card-footer ol, .content-card-style-1 .content-card-footer dl, .content-card-style-1 .content-card-footer table, .content-card-style-1 .content-card-footer .btn {
  margin-bottom: 10px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-card-style-2 {
  margin-bottom: 30px;
}
.content-card-style-2 .content-card-wrap {
  padding: 30px 30px 1px;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--light);
}
@media (max-width: 575px) {
  .content-card-style-2 .content-card-wrap {
    padding: 20px 20px 1px;
  }
}
.content-card-style-2 .content-card-title {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--gray);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 1 Landscape - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.img-card-style-1-landscape {
  margin-bottom: 30px;
}
.img-card-style-1-landscape h1, .img-card-style-1-landscape h2, .img-card-style-1-landscape h3, .img-card-style-1-landscape h4, .img-card-style-1-landscape h5, .img-card-style-1-landscape h6, .img-card-style-1-landscape p, .img-card-style-1-landscape ul, .img-card-style-1-landscape ol, .img-card-style-1-landscape table {
  margin-bottom: 15px;
}
.img-card-style-1-landscape .img-card-wrap {
  overflow: hidden;
  display: block;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
@media (min-width: 576px) {
  .img-card-style-1-landscape .img-card-wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
.img-card-style-1-landscape .img-card-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.img-card-style-1-landscape .img-card-wrap:hover .img-card-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (min-width: 576px) {
  .img-card-style-1-landscape .img-card-header {
    width: 100%;
    max-width: 38.2%;
    flex: 1 1 38.2%;
  }
}
.img-card-style-1-landscape .img-card-body {
  padding: 30px 30px 1px;
}
@media (min-width: 576px) {
  .img-card-style-1-landscape .img-card-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 0 0 61.8%;
    max-width: 61.8%;
  }
}
.img-card-style-1-landscape .img-card-img {
  overflow: hidden;
  position: relative;
  padding-bottom: 80%; /* Due to side-by-side layout, use padding instead of aspect-ratio */
  background-color: var(--primary-1);
}
@media (min-width: 576px) {
  .img-card-style-1-landscape .img-card-img {
    height: 100%;
  }
}
.img-card-style-1-landscape .img-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.img-card-style-1-landscape .img-card-title {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .img-card-style-1-landscape .img-card-btn {
    margin-top: auto;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 1 Landscape - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 1 Portrait - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.img-card-style-1-portrait {
  margin-bottom: 30px;
}
.img-card-style-1-portrait h1, .img-card-style-1-portrait h2, .img-card-style-1-portrait h3, .img-card-style-1-portrait h4, .img-card-style-1-portrait h5, .img-card-style-1-portrait h6, .img-card-style-1-portrait p, .img-card-style-1-portrait ul, .img-card-style-1-portrait ol, .img-card-style-1-portrait table {
  margin-bottom: 15px;
}
.img-card-style-1-portrait .img-card-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
.img-card-style-1-portrait .img-card-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.img-card-style-1-portrait .img-card-wrap:hover .img-card-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.img-card-style-1-portrait .img-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 1px;
}
.img-card-style-1-portrait .img-card-img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/4;
  background-color: var(--primary-1);
}
.img-card-style-1-portrait .img-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.img-card-style-1-portrait .img-card-title {
  margin-bottom: 15px;
}
.img-card-style-1-portrait .img-card-des {
  color: var(--text-color);
}
.img-card-style-1-portrait .img-card-btn {
  margin-top: auto;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 1 Portrait - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.img-card-style-2 {
  padding-bottom: 30px;
}
.img-card-style-2 .img-card-wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 457px!important;
  padding: 80px 30px 50px;
  border-radius: 0 20px 0 0;
  margin-bottom: 30px;
}
.img-card-style-2 .img-card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 427px;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-card-style-2 .img-card-bg {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  border-radius: 0 20px 0 0;
  transition: var(--transition-300);
  bottom: 0;
}
.img-card-style-2 .img-card-inner {
  position: relative;
  max-width: 350px;
  /* text-align: center; */
  background-color: transparent;
}
.img-card-style-2 .img-card-title > span {
  display: block;
  transition: var(--transition-300);
}
.img-card-style-2 .img-card-des,
.img-card-style-2 .img-card-btn {
  transition: var(--transition-300);
}
.img-card-style-2 .img-card-des p strong {font-size:22px;}
.img-card-style-2 .img-card-des p {font-size: 16px;font-weight:600;color: inherit;margin-bottom: 15px;}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.img-card-style-3 {
  font-size: 16px;
  color: var(--white);
  margin-bottom: 30px;
}
.img-card-style-3 .img-card-wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 470px;
}
.img-card-style-3 .img-card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-card-style-3 .img-card-body {
  flex: 1;
  position: relative;
  padding: 60px 30px 1px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
@media (max-width: 575px) {
  .img-card-style-3 .img-card-body {
    padding: 40px 20px 1px;
  }
}
.img-card-style-3 .img-card-title {
  position: relative;
  padding-top: 30px;
  color: var(--white);
}
@media (min-width: 992px) {
  .img-card-style-3 .img-card-title {
    -webkit-transform: translateY(calc(var(--des-height) + var(--link-height)));
            transform: translateY(calc(var(--des-height) + var(--link-height))); /* variables generated by image_card.style_3.php */
    transition: var(--transition-300);
  }
}
.img-card-style-3 .img-card-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: var(--primary);
}
.img-card-style-3 .img-card-des {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .img-card-style-3 .img-card-des {
    opacity: 0;
    transition: var(--transition-300);
  }
}
.img-card-style-3 .img-card-link {
  text-decoration: underline;
  font-weight: var(--font-weight-semi-bold);
}
@media (min-width: 992px) {
  .img-card-style-3 .img-card-link {
    opacity: 0;
    -webkit-transform: translateY(calc(100% + 30px));
            transform: translateY(calc(100% + 30px));
    transition: var(--transition-300);
  }
}
.img-card-style-3 .img-card-wrap:hover .img-card-title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.img-card-style-3 .img-card-wrap:hover .img-card-des {
  opacity: 1;
}
.img-card-style-3 .img-card-wrap:hover .img-card-link {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Style 3 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Items List - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.items-list-style-1 a {
  text-decoration: none;
}
.items-list-style-1 .item-wrap {
  display: none;
}
.items-list-style-1 .badge-type {
  text-transform: capitalize;
}

.items-list-style-1.grid-view p {
  margin-bottom: 15px;
}
.items-list-style-1.grid-view .item {
  margin-bottom: 30px;
}
.items-list-style-1.grid-view .item-wrap.is-grid {
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: box-shadow var(--transition-200);
}
.items-list-style-1.grid-view .item-wrap.is-grid:hover {
  box-shadow: var(--shadow-1-hover);
}
.items-list-style-1.grid-view .item-img {
  overflow: hidden;
  position: relative;
  height: 100%;
  padding-bottom: 56%; /* Due to side-by-side layout, use padding instead of aspect-ratio */
  background-color: var(--light);
}
.items-list-style-1.grid-view .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.items-list-style-1.grid-view .item-top-right {
  padding: 25px 25px 5px;
}
.items-list-style-1.grid-view .item-bottom {
  padding: 10px 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background-color: var(--light);
}
.items-list-style-1.grid-view .item-title {
  margin-bottom: 10px;
  word-break: break-word;
  font-size: 20px;
}
.items-list-style-1.grid-view .item-date {
  font-size: 12px;
  margin-bottom: 10px;
  color: var(--text-color-light);
}
.items-list-style-1.grid-view .item-metas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.items-list-style-1.grid-view .item-des {
  font-size: 14px;
}
.items-list-style-1.grid-view .item-btn {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}
.items-list-style-1.grid-view .item-btn i {
  font-size: 12px;
  margin-left: 5px;
}
@media (min-width: 576px) {
  .items-list-style-1.grid-view .item-wrap.is-grid {
    display: flex;
    flex-direction: column;
  }
  .items-list-style-1.grid-view .item-top {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .items-list-style-1.grid-view .item-top-left {
    width: 100%;
    max-width: 36%;
    flex: 0 0 36%;
  }
  .items-list-style-1.grid-view .item-top-right {
    flex: 1;
  }
}
.items-list-style-1.grid-view .item[data-type=doc] .item-top-left, .items-list-style-1.grid-view .item[data-type=document] .item-top-left, .items-list-style-1.grid-view .item[data-type=video] .item-top-left, .items-list-style-1.grid-view .item[data-type=unknown] .item-top-left, .items-list-style-1.grid-view .item[data-type=other] .item-top-left {
  display: none;
}

.items-list-style-1.list-view {
  font-size: 14px;
}
.items-list-style-1.list-view p {
  margin-bottom: 0;
}
.items-list-style-1.list-view .items-list-wrap {
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
}
.items-list-style-1.list-view .item-title {
  font-size: 16px;
  margin-bottom: 0;
}
.items-list-style-1.list-view .item-btn i {
  font-size: 16px;
}
.items-list-style-1.list-view .items-list-wrap {
  display: table;
  table-layout: auto;
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
}
.items-list-style-1.list-view .item {
  display: table-row-group;
  vertical-align: inherit;
  transition: background-color linear 100ms;
}
.items-list-style-1.list-view .item:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.items-list-style-1.list-view .item:hover {
  background-color: var(--primary-1);
}
.items-list-style-1.list-view .item-wrap.is-list {
  display: table-row;
  vertical-align: inherit;
}
.items-list-style-1.list-view .item-title,
.items-list-style-1.list-view .item-date,
.items-list-style-1.list-view .item-metas,
.items-list-style-1.list-view .item-des,
.items-list-style-1.list-view .item-btn {
  display: table-cell;
  width: auto;
  padding: 12px 10px;
  vertical-align: inherit;
}
.items-list-style-1.list-view .item-date,
.items-list-style-1.list-view .item-metas,
.items-list-style-1.list-view .item-btn {
  width: 0;
  white-space: nowrap;
}
.items-list-style-1.list-view .item-title {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .items-list-style-1.list-view .item-date {
    display: none;
  }
}
@media (max-width: 575px) {
  .items-list-style-1.list-view .item-metas {
    display: none;
  }
}
.items-list-style-1.list-view .item-des {
  max-width: 300px;
}
@media (max-width: 991px) {
  .items-list-style-1.list-view .item-des {
    display: none;
  }
}
.items-list-style-1.list-view .item-btn {
  padding-right: 20px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Items Cards - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Item Card - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.item-card-style-1 {
  margin-bottom: 30px;
}
.item-card-style-1 a {
  text-decoration: none;
}
.item-card-style-1 p {
  margin-bottom: 15px;
}
.item-card-style-1 .badge-type {
  text-transform: capitalize;
}
.item-card-style-1 .item-card-wrap {
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: box-shadow var(--transition-200);
}
.item-card-style-1 .item-card-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.item-card-style-1 .item-card-img {
  overflow: hidden;
  position: relative;
  height: 100%;
  padding-bottom: 56%; /* Due to side-by-side layout, use padding instead of aspect-ratio */
  background-color: var(--light);
}
.item-card-style-1 .item-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-card-style-1 .item-card-body {
  padding: 25px 25px 5px;
}
.item-card-style-1 .item-card-footer {
  padding: 10px 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background-color: var(--light);
}
.item-card-style-1 .item-card-title {
  margin-bottom: 10px;
  word-break: break-word;
  font-size: 20px;
}
.item-card-style-1 .item-card-date {
  font-size: 12px;
  margin-bottom: 10px;
  color: var(--text-color-light);
}
.item-card-style-1 .item-card-metas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.item-card-style-1 .item-card-des {
  font-size: 14px;
}
.item-card-style-1 .item-card-btn {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}
.item-card-style-1 .item-card-btn i {
  font-size: 12px;
  margin-left: 5px;
}

@media (min-width: 576px) {
  .item-card-style-1 .item-card-wrap {
    display: flex;
    flex-direction: column;
  }
  .item-card-style-1 .item-card-inner {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .item-card-style-1 .item-card-header {
    width: 100%;
    max-width: 36%;
    flex: 0 0 36%;
  }
  .item-card-style-1 .item-card-body {
    flex: 1;
  }
}

.item-card-style-1[data-type=doc] .item-card-header, .item-card-style-1[data-type=document] .item-card-header, .item-card-style-1[data-type=video] .item-card-header, .item-card-style-1[data-type=unknown] .item-card-header, .item-card-style-1[data-type=other] .item-card-header {
  display: none;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Item Card - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Magnific Image - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.magnific-img-style-1 {
  margin-bottom: 30px;
}
.magnific-img-style-1 .magnific-img-container {
  z-index: 510;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 60px 15px;
  background-color: rgba(0, 0, 0, 0.5);
}
.magnific-img-style-1 .magnific-img-dialog {
  position: relative;
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
}
.magnific-img-style-1 .magnific-img-inner {
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-2);
}
.magnific-img-style-1 .magnific-img-thumb {
  position: relative;
}
.magnific-img-style-1 .magnific-img-thumb._ratio-34, .magnific-img-style-1 .magnific-img-thumb._ratio-169, .magnific-img-style-1 .magnific-img-thumb._ratio-43 {
  overflow: hidden;
}
.magnific-img-style-1 .magnific-img-thumb._ratio-34 img, .magnific-img-style-1 .magnific-img-thumb._ratio-169 img, .magnific-img-style-1 .magnific-img-thumb._ratio-43 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.magnific-img-style-1 .magnific-img-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.magnific-img-style-1 .magnific-img-thumb-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  color: var(--white);
  font-size: 20px;
  border-radius: 0 0 0 10px;
  background-color: rgba(0, 0, 0, 0.8);
  transition: var(--transition-200);
}
@media (min-width: 992px) {
  .magnific-img-style-1.active .magnific-img-thumb-overlay,
  .magnific-img-style-1 .magnific-img-thumb:hover .magnific-img-thumb-overlay {
    width: 100%;
    height: 100%;
    font-size: 50px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.magnific-img-style-1 .magnific-img-close-btn {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  right: -12px;
  width: 30px;
  height: 30px;
  color: var(--white);
  border-radius: 50%;
  background: var(--dark);
  box-shadow: var(--shadow-2);
}
.magnific-img-style-1 .magnific-img-close-btn:hover {
  background: var(--primary);
}

.magnific-img-style-1.is-sm .magnific-img-dialog {
  max-width: 570px;
}

.magnific-img-style-1.is-md .magnific-img-dialog {
  max-width: 770px;
}

.magnific-img-style-1.is-lg .magnific-img-dialog {
  max-width: 970px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Magnific Image - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.page-banner-style-1 .page-banner-wrap {
  position: relative;
}
.page-banner-style-1 .page-banner-inner {
  display: flex;
  position: relative;
  padding: 80px 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.3);
}
.has-overlap-header .page-banner-style-1 .page-banner-inner {
  padding-top: calc(80px + var(--header-main-wrap-height));
}
.page-banner-style-1 .page-banner-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-banner-style-1 .page-banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-banner-style-1 .page-banner-title {
  color: var(--white);
  font-size: 60px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .page-banner-style-1 .page-banner-title {
    font-size: 51px;
  }
}
.page-banner-style-1 .page-banner-des {
  color: var(--white);
  font-size: 20px;
  max-width: 670px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .page-banner-style-1 .page-banner-des {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .page-banner-style-1 .page-banner-des {
    font-size: 16px;
  }
}
.page-banner-style-1 .page-banner-des:empty {
  display: none;
}
.page-banner-style-1 .page-banner-des p {
  margin-bottom: 0;
}
.page-banner-style-1 .page-banner-des p + p {
  margin-top: 15px;
}

.page-banner-style-1.is-text-center .page-banner-inner {
  align-items: center;
  text-align: center;
}
.page-banner-style-1.is-text-center .page-banner-des {
  margin-left: auto;
  margin-right: auto;
}
.page-banner-style-1.is-text-left .page-banner-inner {
  align-items: center;
  text-align: left;
}
.page-banner-style-1.is-text-right .page-banner-inner {
  align-items: center;
  text-align: right;
}
.page-banner-style-1.is-text-right .page-banner-des {
  margin-left: auto;
}
.page-banner-style-1.is-text-top-center .page-banner-inner {
  align-items: flex-start;
  text-align: center;
}
.page-banner-style-1.is-text-top-center .page-banner-des {
  margin-left: auto;
  margin-right: auto;
}
.page-banner-style-1.is-text-top-left .page-banner-inner {
  align-items: flex-start;
  text-align: left;
}
.page-banner-style-1.is-text-top-right .page-banner-inner {
  align-items: flex-start;
  text-align: right;
}
.page-banner-style-1.is-text-top-right .page-banner-des {
  margin-left: auto;
}
.page-banner-style-1.is-text-bottom-center .page-banner-inner {
  align-items: flex-end;
  text-align: center;
}
.page-banner-style-1.is-text-bottom-center .page-banner-des {
  margin-left: auto;
  margin-right: auto;
}
.page-banner-style-1.is-text-bottom-left .page-banner-inner {
  align-items: flex-end;
  text-align: left;
}
.page-banner-style-1.is-text-bottom-right .page-banner-inner {
  align-items: flex-end;
  text-align: right;
}
.page-banner-style-1.is-text-bottom-right .page-banner-des {
  margin-left: auto;
}

.page-banner-style-1.is-img-center .page-banner-img img {
  -o-object-position: center;
     object-position: center;
}
.page-banner-style-1.is-img-top .page-banner-img img {
  -o-object-position: center top;
     object-position: center top;
}
.page-banner-style-1.is-img-bottom .page-banner-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.page-banner-style-1.is-md .page-banner-inner {
  min-height: 480px;
}
@media (max-width: 991px) {
  .page-banner-style-1.is-md .page-banner-inner {
    min-height: 320px;
  }
}
.page-banner-style-1.is-sm .page-banner-inner {
  min-height: 320px;
}
.page-banner-style-1.is-lg .page-banner-inner {
  min-height: 650px;
}
@media (max-width: 991px) {
  .page-banner-style-1.is-lg .page-banner-inner {
    min-height: 480px;
  }
}
@media (max-width: 575px) {
  .page-banner-style-1.is-lg .page-banner-inner {
    min-height: 320px;
  }
}
.page-banner-style-1.is-fullscreen .page-banner-inner {
  height: calc(100vh - var(--header-height));
  height: calc(var(--vh, 1vh) * 100 - var(--header-height));
  min-height: 500px;
  max-height: 1080px;
}
@media (max-width: 991px) {
  .page-banner-style-1.is-fullscreen .page-banner-inner {
    min-height: 480px;
  }
}
@media (max-width: 575px) {
  .page-banner-style-1.is-fullscreen .page-banner-inner {
    min-height: 320px;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Style 1  - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.page-banner-style-2 .page-banner-wrap {
  display: flex;
  align-items: flex-end;
  position: relative;
  text-align: left;
  margin-bottom: 50px;
}
.page-banner-style-2 .page-banner-img {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background-color: var(--primary-1);
  
}

.page-banner-style-2.is-md .page-banner-img {height:500px}
.page-banner-style-2.is-lg .page-banner-img {height:650px}
.page-banner-style-2.is-sm .page-banner-img {height:350px}

.page-banner-style-2 .page-banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-banner-style-2 .container {
  position: relative;
}
.page-banner-style-2 .page-banner-inner {
  position: relative;
  padding: 50px 60px;
  max-width: 740px;
  border-radius: 20px 20px 0 0;
  bottom: -50px;
}
.page-banner-style-2 .page-banner-inner:before {content:"";background:url(/images/banner-bottom-line.png);width:100%;height:3px;display:block;position:absolute;bottom: 0px;left: 0;z-index: 8;}
@media (max-width: 991px) {

  .page-banner-style-2 .page-banner-img, .page-banner-style-2.is-lg .page-banner-img, .page-banner-style-2.is-md .page-banner-img, .page-banner-style-2.is-sm .page-banner-img {height:300px}
  .page-banner-style-2 .page-banner-inner {
    padding: 30px 15px;
  }
}
.page-banner-style-2 .page-banner-inner-bg {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  border-radius: 20px 20px 0 0;
  text-align: left;
}
.page-banner-style-2 .page-banner-title {
  position: relative;
  margin-bottom: 0;
  font-size: 56px;
}
.page-banner-style-2 .page-banner-des {
  position: relative;
  max-width: 670px;
  margin: 30px auto 0;
  font-size: 18px;
}
@media (max-width: 991px) {
  .page-banner-style-2 .page-banner-des {
    font-size: 16px;
  }
}
.page-banner-style-2 .page-banner-des:empty {
  display: none;
}
.page-banner-style-2 .page-banner-des p {
  margin-bottom: 0;
}
.page-banner-style-2 .page-banner-des p + p {
  margin-top: 15px;
}

.page-banner-style-2.is-img-center .page-banner-img img {
  -o-object-position: center;
     object-position: center;
}
.page-banner-style-2.is-img-top .page-banner-img img {
  -o-object-position: center top;
     object-position: center top;
}
.page-banner-style-2.is-img-bottom .page-banner-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.page-banner-style-2.is-md .page-banner-wrap {
  min-height: 500px;
}
@media (max-width: 767px) {
  .page-banner-style-2.is-md .page-banner-wrap {
    min-height: 300px;
    /* padding-top: 220px; */
  }
}
.page-banner-style-2.is-sm .page-banner-wrap {
  min-height: 350px;
}
@media (max-width: 767px) {
  .page-banner-style-2.is-sm .page-banner-wrap {
    min-height: auto;
    padding-top: 220px;
  }

}
.page-banner-style-2.is-lg .page-banner-wrap {
  min-height: 650px;
}
@media (max-width: 991px) {
  .page-banner-style-2.is-lg .page-banner-wrap {
    min-height: auto;
    padding-top: 220px;
  }
}
.page-banner-style-2.is-fullscreen .page-banner-wrap {
  height: calc(100vh - var(--header-height));
  height: calc(var(--vh, 1vh) * 100 - var(--header-height));
  min-height: 500px;
  max-height: 1080px;
}
@media (max-width: 767px) {
  .page-banner-style-2.is-fullscreen .page-banner-wrap {
    min-height: auto;
    padding-top: 220px;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.page-banner-style-3 .page-banner-top {
  position: relative;
}
.page-banner-style-3 .page-banner-bottom {
  position: relative;
}
.page-banner-style-3 .page-banner-top-inner {
  display: flex;
  align-items: center;
  position: relative;
  padding: 80px 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.has-overlap-header .page-banner-style-3 .page-banner-top-inner {
  padding-top: calc(80px + var(--header-main-wrap-height));
}
.page-banner-style-3 .page-banner-bottom-inner {
  padding: 60px 80px 30px;
}
@media (max-width: 991px) {
  .page-banner-style-3 .page-banner-bottom-inner {
    padding: 30px 30px 1px;
  }
}
.page-banner-style-3 .page-banner-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 150px);
  background-color: var(--primary-1);
}
.page-banner-style-3 .page-banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-banner-style-3 .page-banner-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.page-banner-style-3 .page-banner-title {
  color: var(--white);
  font-size: 60px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .page-banner-style-3 .page-banner-title {
    font-size: 51px;
  }
}
.page-banner-style-3 .page-banner-des {
  color: var(--white);
  font-size: 20px;
  max-width: 670px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .page-banner-style-3 .page-banner-des {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .page-banner-style-3 .page-banner-des {
    font-size: 16px;
  }
}
.page-banner-style-3 .page-banner-des:empty {
  display: none;
}
.page-banner-style-3 .page-banner-des p {
  margin-bottom: 0;
}
.page-banner-style-3 .page-banner-des p + p {
  margin-top: 15px;
}

.page-banner-style-3.is-text-center .page-banner-top-inner {
  text-align: center;
}
.page-banner-style-3.is-text-center .page-banner-des {
  margin-left: auto;
  margin-right: auto;
}
.page-banner-style-3.is-text-left .page-banner-top-inner {
  text-align: left;
}
.page-banner-style-3.is-text-right .page-banner-top-inner {
  text-align: right;
}
.page-banner-style-3.is-text-right .page-banner-des {
  margin-left: auto;
}

.page-banner-style-3.is-img-center .page-banner-img img {
  -o-object-position: center;
     object-position: center;
}
.page-banner-style-3.is-img-top .page-banner-img img {
  -o-object-position: center top;
     object-position: center top;
}
.page-banner-style-3.is-img-bottom .page-banner-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.page-banner-style-3.is-md .page-banner-top-inner {
  min-height: 400px;
}
@media (max-width: 991px) {
  .page-banner-style-3.is-md .page-banner-top-inner {
    min-height: 300px;
  }
}
.page-banner-style-3.is-sm .page-banner-top-inner {
  min-height: 300px;
}
.page-banner-style-3.is-lg .page-banner-top-inner {
  min-height: 500px;
}
@media (max-width: 991px) {
  .page-banner-style-3.is-lg .page-banner-top-inner {
    min-height: 400px;
  }
}
@media (max-width: 575px) {
  .page-banner-style-3.is-lg .page-banner-top-inner {
    min-height: 300px;
  }
}
.page-banner-style-3.is-fullscreen .page-banner-top-inner {
  height: calc(100vh - var(--header-height));
  height: calc(var(--vh, 1vh) * 100 - var(--header-height));
  min-height: 500px;
  max-height: 1080px;
}
@media (max-width: 991px) {
  .page-banner-style-3.is-fullscreen .page-banner-top-inner {
    min-height: 400px;
  }
}
@media (max-width: 575px) {
  .page-banner-style-3.is-fullscreen .page-banner-top-inner {
    min-height: 300px;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Style 3 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Scrolling Banner - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.scrolling-banner-style-1 {
  --h1-font-size: 62px;
  --h1-font-size-mobile: calc(var(--h1-font-size) * 0.85);
  --scrolling-banner-1-gap: 30px;
  --scrolling-banner-1-speed: 50s;
  --scrolling-banner-1-height: 750px;
}
@media (max-width: 575px) {
  .scrolling-banner-style-1 {
    --scrolling-banner-1-gap: 15px;
  }
}

.scrolling-banner-style-1 {
  overflow: hidden;
}
.scrolling-banner-style-1 .scrolling-banner-img {
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius-md);
}
.scrolling-banner-style-1 .scrolling-banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1200px) {
  .scrolling-banner-style-1 {
    font-size: 20px;
  }
  .has-overlap-header .scrolling-banner-style-1 .scrolling-banner-content {
    padding-top: var(--header-main-wrap-height);
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs {
    display: flex;
    gap: var(--scrolling-banner-1-gap);
    height: var(--scrolling-banner-1-height);
  }
  .has-overlap-header .scrolling-banner-style-1 .scrolling-banner-imgs {
    height: calc(var(--scrolling-banner-1-height) + var(--header-main-wrap-height));
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs-wrap {
    flex: 1;
    display: flex;
    gap: var(--scrolling-banner-1-gap);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs-wrap:nth-child(2n+1) {
    flex-direction: column;
    -webkit-animation: scrollingBannerStyle1Up var(--scrolling-banner-1-speed) infinite linear;
            animation: scrollingBannerStyle1Up var(--scrolling-banner-1-speed) infinite linear;
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs-wrap:nth-child(2n) {
    align-self: flex-end;
    flex-direction: column-reverse;
    -webkit-animation: scrollingBannerStyle1Down var(--scrolling-banner-1-speed) infinite linear;
            animation: scrollingBannerStyle1Down var(--scrolling-banner-1-speed) infinite linear;
  }
  .scrolling-banner-style-1 .scrolling-banner-img {
    aspect-ratio: 3/4;
  }
}
@media (max-width: 1199px) {
  .scrolling-banner-style-1 .scrolling-banner-wrap {
    padding-top: 80px;
    padding-bottom: var(--scrolling-banner-1-gap);
  }
  .has-overlap-header .scrolling-banner-style-1 .scrolling-banner-wrap {
    padding-top: calc(80px + var(--header-main-wrap-height));
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs {
    display: flex;
    flex-direction: column;
    gap: var(--scrolling-banner-1-gap);
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs-wrap {
    display: flex;
    gap: var(--scrolling-banner-1-gap);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs-wrap:nth-child(2n+1) {
    -webkit-animation: scrollingBannerStyle1Left var(--scrolling-banner-1-speed) infinite linear;
            animation: scrollingBannerStyle1Left var(--scrolling-banner-1-speed) infinite linear;
  }
  .scrolling-banner-style-1 .scrolling-banner-imgs-wrap:nth-child(2n) {
    align-self: flex-end;
    -webkit-animation: scrollingBannerStyle1Right var(--scrolling-banner-1-speed) infinite linear;
            animation: scrollingBannerStyle1Right var(--scrolling-banner-1-speed) infinite linear;
  }
  .scrolling-banner-style-1 .scrolling-banner-img {
    width: 300px;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 575px) {
  .scrolling-banner-style-1 .scrolling-banner-img {
    width: 250px;
  }
}
@-webkit-keyframes scrollingBannerStyle1Up {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@keyframes scrollingBannerStyle1Up {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@-webkit-keyframes scrollingBannerStyle1Down {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
@keyframes scrollingBannerStyle1Down {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
@-webkit-keyframes scrollingBannerStyle1Left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes scrollingBannerStyle1Left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes scrollingBannerStyle1Right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@keyframes scrollingBannerStyle1Right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Scrolling Banner - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.gallery-style-1 {
  margin-bottom: 30px;
}
.gallery-style-1 .gallery-wrap {
  display: grid;
}
.gallery-style-1 .gallery-wrap.is-2-col {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-style-1 .gallery-wrap.is-3-col {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-style-1 .gallery-wrap.is-4-col {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .gallery-style-1 .gallery-wrap.is-3-col, .gallery-style-1 .gallery-wrap.is-4-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gallery-style-1 .gallery-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/4;
  background-color: var(--primary-1);
}
.gallery-style-1 .gallery-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.gallery-style-1 .gallery-item-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  opacity: 0;
  text-align: center;
  transition: var(--transition-360);
  background-color: rgba(0, 0, 0, 0.7);
}
.gallery-style-1 .gallery-item-icon {
  font-size: 22px;
  color: var(--white);
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.gallery-style-1 .gallery-item-title {
  color: var(--white);
}
.gallery-style-1 .gallery-item-img:hover .gallery-item-overlay, .gallery-style-1 .gallery-item-img:focus-within .gallery-item-overlay {
  opacity: 1;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.gallery-style-2 .gallery-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(0, 1fr);
  gap: 5px;
}
.gallery-style-2 .gallery-wrap._gap-5 {
  padding: 5px 0;
}
.gallery-style-2 .gallery-wrap._gap-10 {
  padding: 10px 0;
}
.gallery-style-2 .gallery-wrap._gap-30 {
  padding: 30px 0;
}
.gallery-style-2 .gallery-item::after {
  display: table;
  clear: both;
  content: "";
}
@media (max-width: 991px) {
  .gallery-style-2 .gallery-item:nth-child(5n+1) {
    grid-column: span 2;
  }
}
@media (max-width: 575px) {
  .gallery-style-2 .gallery-item:nth-child(5n+1) {
    grid-row: span 1;
    grid-column: span 4;
  }
}
.gallery-style-2 .gallery-item:nth-child(5n+1) .gallery-item-img {
  aspect-ratio: 4/3;
}
.gallery-style-2 .gallery-item:nth-child(5n+2) {
  grid-row: span 2;
}
@media (max-width: 991px) {
  .gallery-style-2 .gallery-item:nth-child(5n+2) {
    grid-column: span 2;
  }
}
@media (max-width: 575px) {
  .gallery-style-2 .gallery-item:nth-child(5n+2) {
    grid-row: span 1;
    grid-column: span 4;
  }
}
.gallery-style-2 .gallery-item:nth-child(5n+3) {
  grid-column: span 2;
}
@media (max-width: 575px) {
  .gallery-style-2 .gallery-item:nth-child(5n+3) {
    grid-row: span 1;
    grid-column: span 4;
  }
}
@media (max-width: 991px) {
  .gallery-style-2 .gallery-item:nth-child(5n+4) {
    grid-column: span 2;
  }
}
@media (max-width: 575px) {
  .gallery-style-2 .gallery-item:nth-child(5n+4) {
    grid-row: span 1;
    grid-column: span 4;
  }
}
.gallery-style-2 .gallery-item:nth-child(5n+5) {
  grid-column: span 2;
}
@media (max-width: 575px) {
  .gallery-style-2 .gallery-item:nth-child(5n+5) {
    grid-row: span 1;
    grid-column: span 4;
  }
}
.gallery-style-2 .gallery-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%;
  background-color: var(--primary-1);
}
.gallery-style-2 .gallery-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-style-2 .gallery-item-backdrop {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  transition: var(--transition-360);
  background-color: rgba(0, 0, 0, 0.7);
}
.gallery-style-2 .gallery-item-title {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 30px;
  margin-bottom: 0;
  color: var(--white);
  text-align: center;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  transition: var(--transition-360);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gallery-style-2 .gallery-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  color: var(--white);
  font-size: 22px;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.gallery-style-2 .gallery-item-img:hover .gallery-item-backdrop, .gallery-style-2 .gallery-item-img:focus-within .gallery-item-backdrop {
  width: 100%;
  height: 100%;
}
.gallery-style-2 .gallery-item-img:hover .gallery-item-title, .gallery-style-2 .gallery-item-img:focus-within .gallery-item-title {
  opacity: 1;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Scrolling Gallery - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.scrolling-gallery-style-1 {
  --scrolling-gallery-1-gap: 30px;
  --scrolling-gallery-1-speed: 50s;
  --scrolling-gallery-1-size: 360px;
}
@media (max-width: 575px) {
  .scrolling-gallery-style-1 {
    --scrolling-gallery-1-gap: 15px;
  }
}

.scrolling-gallery-style-1 {
  overflow: hidden;
}
.scrolling-gallery-style-1 .scrolling-gallery-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--scrolling-gallery-1-gap);
}
.scrolling-gallery-style-1 .scrolling-gallery-imgs {
  display: flex;
  gap: var(--scrolling-gallery-1-gap);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.scrolling-gallery-style-1 .scrolling-gallery-imgs:nth-child(2n+1) {
  -webkit-animation: scrollingGalleryStyle1Left var(--scrolling-gallery-1-speed) infinite linear;
          animation: scrollingGalleryStyle1Left var(--scrolling-gallery-1-speed) infinite linear;
}
.scrolling-gallery-style-1 .scrolling-gallery-imgs:nth-child(2n) {
  align-self: flex-end;
  -webkit-animation: scrollingGalleryStyle1Right var(--scrolling-gallery-1-speed) infinite linear;
          animation: scrollingGalleryStyle1Right var(--scrolling-gallery-1-speed) infinite linear;
}
.scrolling-gallery-style-1 .scrolling-gallery-img {
  overflow: hidden;
  position: relative;
  width: var(--scrolling-gallery-1-size);
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-md);
}
.scrolling-gallery-style-1 .scrolling-gallery-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@-webkit-keyframes scrollingGalleryStyle1Left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.3333%);
            transform: translateX(-33.3333%);
  }
}

@keyframes scrollingGalleryStyle1Left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.3333%);
            transform: translateX(-33.3333%);
  }
}
@-webkit-keyframes scrollingGalleryStyle1Right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(33.3333%);
            transform: translateX(33.3333%);
  }
}
@keyframes scrollingGalleryStyle1Right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(33.3333%);
            transform: translateX(33.3333%);
  }
}
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Scrolling Gallery - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Stack Gallery - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
@media (max-width: 575px) {
  .stack-gallery-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .stack-gallery-style-1 .stack-gallery-wrap.is-desktop {
    display: none;
  }
}
.stack-gallery-style-1 .stack-gallery-wrap.is-mobile {
  display: none;
}
@media (max-width: 991px) {
  .stack-gallery-style-1 .stack-gallery-wrap.is-mobile {
    display: block;
  }
}
.stack-gallery-style-1 .stack-gallery-item {
  margin-bottom: 30px;
}
.stack-gallery-style-1 .stack-gallery-item-wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  color: var(--white);
  border-radius: 30px;
  background-color: var(--primary-7);
}
.stack-gallery-style-1 .stack-gallery-item-left {
  order: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 30px 1px;
}
@media (min-width: 576px) {
  .stack-gallery-style-1 .stack-gallery-item-left {
    padding: 60px 60px 30px;
  }
}
@media (min-width: 992px) {
  .stack-gallery-style-1 .stack-gallery-item-left {
    order: 1;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .stack-gallery-style-1 .stack-gallery-item-left {
    padding: 100px 100px 70px;
  }
}
.stack-gallery-style-1 .stack-gallery-item-right {
  order: 1;
  width: 100%;
}
@media (min-width: 992px) {
  .stack-gallery-style-1 .stack-gallery-item-right {
    order: 2;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.stack-gallery-style-1 .stack-gallery-item-title {
  position: relative;
  color: var(--white);
  padding-bottom: 30px;
}
.stack-gallery-style-1 .stack-gallery-item-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: var(--secondary);
}
.stack-gallery-style-1 .stack-gallery-item-title .tagline {
  margin-bottom: 0;
  color: var(--white);
  font-size: 18px;
  font-weight: var(--font-weight-thin);
  font-family: var(--font-family-sans-serif);
}
@media (min-width: 992px) {
  .stack-gallery-style-1 .stack-gallery-item-title .tagline {
    margin-bottom: 5px;
    font-size: 22px;
  }
}
.stack-gallery-style-1 .stack-gallery-item-img {
  overflow: hidden;
  position: relative;
  height: 100%;
  padding-bottom: 56%;
}
.stack-gallery-style-1 .stack-gallery-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Stack Gallery - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carousel-style-1 .carousel-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.carousel-style-1 .carousel-wrap.slick-initialized {
  opacity: 1;
}
.carousel-style-1 .carousel-item {
  position: relative;
  margin: 15px;
}
.carousel-style-1 .carousel-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
  border-radius: var(--border-radius);
  background-color: var(--primary-1);
}
.carousel-style-1 .carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.carousel-style-1 .carousel-item-popup-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carousel-style-2 .carousel-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.carousel-style-2 .carousel-wrap.slick-initialized {
  opacity: 1;
}
.carousel-style-2 .carousel-item {
  position: relative;
  opacity: 0.3;
  margin: 0 30px;
  transition: opacity ease-in-out 1s;
}
@media (max-width: 991px) {
  .carousel-style-2 .carousel-item {
    margin: 0 25px;
  }
}
@media (max-width: 575px) {
  .carousel-style-2 .carousel-item {
    margin: 0 15px;
  }
}
.carousel-style-2 .carousel-item.slick-current {
  opacity: 1;
}
.carousel-style-2 .carousel-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
  border-radius: var(--border-radius);
  background-color: var(--primary-1);
}
.carousel-style-2 .carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.carousel-style-2 .carousel-item-popup-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.carousel-style-2 .slick-slider .slick-prev {
  left: calc(25% - 18px);
}
@media (max-width: 991px) {
  .carousel-style-2 .slick-slider .slick-prev {
    left: 64px;
  }
}
@media (max-width: 767px) {
  .carousel-style-2 .slick-slider .slick-prev {
    left: 70px;
  }
}
@media (max-width: 575px) {
  .carousel-style-2 .slick-slider .slick-prev {
    left: 30px;
  }
}
.carousel-style-2 .slick-slider .slick-next {
  right: calc(25% - 18px);
}
@media (max-width: 991px) {
  .carousel-style-2 .slick-slider .slick-next {
    right: 64px;
  }
}
@media (max-width: 767px) {
  .carousel-style-2 .slick-slider .slick-next {
    right: 70px;
  }
}
@media (max-width: 575px) {
  .carousel-style-2 .slick-slider .slick-next {
    right: 30px;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Card - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-card-style-1 .team-card-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  margin-bottom: 15px;
  border-radius: var(--border-radius);
  background-color: var(--gray-1);
}
.team-card-style-1 .team-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-card-style-1 .team-card-name {
  margin-bottom: 5px;
  font-size: 20px;
}
.team-card-style-1 .team-card-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-card-style-1 .team-card-open-btn:hover {
  color: var(--primary);
}
.team-card-style-1 .team-card-title {
  font-size: 16px;
  white-space: pre-line;
}

.team-card-style-1 .team-card-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-card-style-1 .team-card-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-card-style-1 .team-card-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-card-style-1 .team-card-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-card-style-1 .team-card-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-card-style-1 .team-card-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-card-style-1 .team-card-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-card-style-1 .team-card-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-card-style-1 .team-card-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-card-style-1 .team-card-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-card-style-1 .team-card-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-card-style-1 .team-card-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}
.team-card-style-1 .team-card-dialog-name {
  margin-bottom: 5px;
}
.team-card-style-1 .team-card-dialog-contact {
  margin-bottom: 30px;
}

.team-card-style-1 .team-card-wrap:hover .team-card-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Card - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Card - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-card-style-2 {
  margin-bottom: 30px;
}
.team-card-style-2 .team-card-wrap {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
.team-card-style-2 .team-card-body {
  padding: 20px;
}
.team-card-style-2 .team-card-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  background-color: var(--gray-1);
}
.team-card-style-2 .team-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-card-style-2 .team-card-name {
  margin-bottom: 5px;
  font-size: 18px;
}
.team-card-style-2 .team-card-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-card-style-2 .team-card-open-btn:hover {
  color: var(--primary);
}
.team-card-style-2 .team-card-title {
  margin-bottom: 0;
  font-size: 16px;
  white-space: pre-line;
}

.team-card-style-2 .team-card-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-card-style-2 .team-card-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-card-style-2 .team-card-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-card-style-2 .team-card-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-card-style-2 .team-card-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-card-style-2 .team-card-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-card-style-2 .team-card-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-card-style-2 .team-card-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-card-style-2 .team-card-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-card-style-2 .team-card-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-card-style-2 .team-card-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-card-style-2 .team-card-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}
.team-card-style-2 .team-card-dialog-name {
  margin-bottom: 5px;
}
.team-card-style-2 .team-card-dialog-contact {
  margin-bottom: 30px;
}

.team-card-style-2 .team-card-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.team-card-style-2 .team-card-wrap:hover .team-card-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Card - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team List - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-list-style-1 .team-list-item-wrap {
  position: relative;
}
.team-list-style-1 .team-list-item-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  margin-bottom: 15px;
  border-radius: var(--border-radius);
  background-color: var(--gray-1);
}
.team-list-style-1 .team-list-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-list-style-1 .team-list-item-name {
  margin-bottom: 5px;
  font-size: 20px;
}
.team-list-style-1 .team-list-item-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-list-style-1 .team-list-item-job {
  font-size: 14px;
}

.team-list-style-1 .team-list-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-list-style-1 .team-list-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-list-style-1 .team-list-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-list-style-1 .team-list-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-list-style-1 .team-list-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-list-style-1 .team-list-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-list-style-1 .team-list-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-list-style-1 .team-list-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-list-style-1 .team-list-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-list-style-1 .team-list-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-list-style-1 .team-list-dialog-name {
  margin-bottom: 5px;
}
.team-list-style-1 .team-list-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-list-style-1 .team-list-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}

.team-list-style-1 .team-list-item:hover .team-list-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team List - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team List - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-list-style-2 .team-list-item {
  margin-bottom: 30px;
}
.team-list-style-2 .team-list-item-wrap {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
.team-list-style-2 .team-list-item-bottom {
  padding: 20px;
  background-color: var(--white);
}
.team-list-style-2 .team-list-item-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  background-color: var(--gray-1);
}
.team-list-style-2 .team-list-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-list-style-2 .team-list-item-name {
  margin-bottom: 5px;
  font-size: 18px;
}
.team-list-style-2 .team-list-item-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-list-style-2 .team-list-item-job {
  margin-bottom: 0;
  font-size: 14px;
}

.team-list-style-2 .team-list-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-list-style-2 .team-list-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-list-style-2 .team-list-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-list-style-2 .team-list-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-list-style-2 .team-list-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-list-style-2 .team-list-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-list-style-2 .team-list-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-list-style-2 .team-list-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-list-style-2 .team-list-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-list-style-2 .team-list-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-list-style-2 .team-list-dialog-name {
  margin-bottom: 5px;
}
.team-list-style-2 .team-list-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-list-style-2 .team-list-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}

.team-list-style-2 .team-list-item-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.team-list-style-2 .team-list-item-wrap:hover .team-list-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team List - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team List - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-list-style-3 .team-list-item {
  margin-bottom: 30px;
}
.team-list-style-3 .team-list-item-wrap {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.team-list-style-3 .team-list-item-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  background-color: var(--gray-1);
}
.team-list-style-3 .team-list-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-list-style-3 .team-list-item-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 80px 30px 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
}
.team-list-style-3 .team-list-item-name {
  margin-bottom: 5px;
  font-size: 18px;
  color: var(--white);
}
.team-list-style-3 .team-list-item-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-list-style-3 .team-list-item-job {
  color: var(--white);
  font-size: 14px;
}

.team-list-style-3 .team-list-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-list-style-3 .team-list-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-list-style-3 .team-list-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-list-style-3 .team-list-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-list-style-3 .team-list-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-list-style-3 .team-list-dialog-right {
  position: absolute;

  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-list-style-3 .team-list-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-list-style-3 .team-list-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-list-style-3 .team-list-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-list-style-3 .team-list-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-list-style-3 .team-list-dialog-name {
  margin-bottom: 5px;
}
.team-list-style-3 .team-list-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-list-style-3 .team-list-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}

.team-list-style-3 .team-list-item-wrap:hover .team-list-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team List - Style 3 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Carousel - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-carousel-style-1 .slick-track {
  display: flex;
}
.team-carousel-style-1 .team-carousel-items {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.team-carousel-style-1 .team-carousel-items.slick-initialized {
  opacity: 1;
}
.team-carousel-style-1 .team-carousel-item {
  position: relative;
  height: auto;
  margin: 0 15px;
}
.team-carousel-style-1 .team-carousel-item-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  margin-bottom: 15px;
  border-radius: var(--border-radius);
  background-color: var(--gray-1);
}
.team-carousel-style-1 .team-carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-carousel-style-1 .team-carousel-item-name {
  margin-bottom: 5px;
  font-size: 20px;
}
.team-carousel-style-1 .team-carousel-item-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.team-carousel-style-1 .team-carousel-item-job {
  font-size: 14px;
}

.team-carousel-style-1 .team-carousel-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-carousel-style-1 .team-carousel-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-carousel-style-1 .team-carousel-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-carousel-style-1 .team-carousel-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-carousel-style-1 .team-carousel-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-carousel-style-1 .team-carousel-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-carousel-style-1 .team-carousel-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-carousel-style-1 .team-carousel-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-carousel-style-1 .team-carousel-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-carousel-style-1 .team-carousel-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-carousel-style-1 .team-carousel-dialog-name {
  margin-bottom: 5px;
}
.team-carousel-style-1 .team-carousel-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-carousel-style-1 .team-carousel-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}

.team-carousel-style-1 .team-carousel-item:hover .team-carousel-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Carousel - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Carousel - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-carousel-style-2 .slick-track {
  display: flex;
}
.team-carousel-style-2 .team-carousel-items {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.team-carousel-style-2 .team-carousel-items.slick-initialized {
  opacity: 1;
}
.team-carousel-style-2 .team-carousel-item {
  position: relative;
  overflow: hidden;
  height: auto;
  margin: 15px;
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-carousel);
  transition: var(--transition-200);
}
.team-carousel-style-2 .team-carousel-item-bottom {
  padding: 20px;
  background-color: var(--white);
}
.team-carousel-style-2 .team-carousel-item-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  background-color: var(--primary-1);
}
.team-carousel-style-2 .team-carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-carousel-style-2 .team-carousel-item-name {
  margin-bottom: 5px;
  font-size: 18px;
}
.team-carousel-style-2 .team-carousel-item-open-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-carousel-style-2 .team-carousel-item-job {
  margin-bottom: 0;
  font-size: 14px;
}

.team-carousel-style-2 .team-carousel-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-carousel-style-2 .team-carousel-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-carousel-style-2 .team-carousel-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-carousel-style-2 .team-carousel-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-carousel-style-2 .team-carousel-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-carousel-style-2 .team-carousel-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-carousel-style-2 .team-carousel-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-carousel-style-2 .team-carousel-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-carousel-style-2 .team-carousel-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-carousel-style-2 .team-carousel-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-carousel-style-2 .team-carousel-dialog-name {
  margin-bottom: 5px;
}
.team-carousel-style-2 .team-carousel-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-carousel-style-2 .team-carousel-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}

.team-carousel-style-2 .team-carousel-item:hover {
  box-shadow: var(--shadow-carousel-hover);
}
.team-carousel-style-2 .team-carousel-item:hover .team-carousel-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Carousel - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Carousel - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.team-carousel-style-3 .slick-track {
  display: flex;
}
.team-carousel-style-3 .team-carousel-items {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.team-carousel-style-3 .team-carousel-items.slick-initialized {
  opacity: 1;
}
.team-carousel-style-3 .team-carousel-item {
  position: relative;
  overflow: hidden;
  height: auto;
  margin: 0 15px;
  border-radius: var(--border-radius);
}
.team-carousel-style-3 .team-carousel-item-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  background-color: var(--primary-1);
}
.team-carousel-style-3 .team-carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-carousel-style-3 .team-carousel-item-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 80px 30px 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.team-carousel-style-3 .team-carousel-item-name {
  margin-bottom: 5px;
  font-size: 18px;
  color: var(--white);
}
.team-carousel-style-3 .team-carousel-item-open-btn {
  position: absolute;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-carousel-style-3 .team-carousel-item-job {
  color: var(--white);
  font-size: 14px;
}

.team-carousel-style-3 .team-carousel-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .team-carousel-style-3 .team-carousel-dialog {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 70px 30px 10px;
  }
}
.team-carousel-style-3 .team-carousel-dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .team-carousel-style-3 .team-carousel-dialog-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    padding-bottom: 125%;
    margin-bottom: 30px;
  }
}
.team-carousel-style-3 .team-carousel-dialog-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.team-carousel-style-3 .team-carousel-dialog-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 80px 80px 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .team-carousel-style-3 .team-carousel-dialog-right {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 767px) {
  .team-carousel-style-3 .team-carousel-dialog-right {
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    height: unset;
    padding: unset;
    overflow-x: unset;
    overflow-y: unset;
  }
}
.team-carousel-style-3 .team-carousel-dialog-right-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 767px) {
  .team-carousel-style-3 .team-carousel-dialog-right-inner {
    display: unset;
    flex-direction: unset;
    justify-content: unset;
    min-height: unset;
  }
}
.team-carousel-style-3 .team-carousel-dialog-name {
  margin-bottom: 5px;
}
.team-carousel-style-3 .team-carousel-dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.team-carousel-style-3 .team-carousel-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}

.team-carousel-style-3 .team-carousel-item:hover .team-carousel-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Carousel - Style 3 - End
 |
 |

 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonials Carousel - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.testimonials-carousel-style-1 {
  margin-bottom: 30px;
  color: var(--primary);
}
.testimonials-carousel-style-1 .testimonials-carousel-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.testimonials-carousel-style-1 .testimonials-carousel-wrap.slick-initialized {
  opacity: 1;
}
.testimonials-carousel-style-1 .testimonials-carousel-item {
  margin: 0 30px;
}
.testimonials-carousel-style-1 .testimonials-carousel-item-top,
.testimonials-carousel-style-1 .testimonials-carousel-item-bottom {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.testimonials-carousel-style-1 .testimonials-carousel-item-top {
  position: relative;
  padding: 15px 60px 15px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .testimonials-carousel-style-1 .testimonials-carousel-item-top {
    padding: 15px 40px 15px;
  }
}
@media (max-width: 575px) {
  .testimonials-carousel-style-1 .testimonials-carousel-item-top {
    padding: 15px 0 15px;
  }
}
.testimonials-carousel-style-1 .testimonials-carousel-quote-left,
.testimonials-carousel-style-1 .testimonials-carousel-quote-right {
  position: absolute;
}
@media (max-width: 991px) {
  .testimonials-carousel-style-1 .testimonials-carousel-quote-left,
  .testimonials-carousel-style-1 .testimonials-carousel-quote-right {
    opacity: 0.3;
  }
}
.testimonials-carousel-style-1 .testimonials-carousel-quote-left svg,
.testimonials-carousel-style-1 .testimonials-carousel-quote-right svg {
  width: 40px;
  height: auto;
}
.testimonials-carousel-style-1 .testimonials-carousel-quote-left {
  top: 0;
  left: 0;
}
.testimonials-carousel-style-1 .testimonials-carousel-quote-right {
  bottom: 0;
  right: 0;
}
.testimonials-carousel-style-1 .testimonials-carousel-des {
  position: relative;
  font-size: 26px;
  font-style: italic;
}
@media (max-width: 991px) {
  .testimonials-carousel-style-1 .testimonials-carousel-des {
    font-size: 20px;
  }
}
.testimonials-carousel-style-1 .testimonials-carousel-des p:last-of-type {
  margin-bottom: 0;
}
.testimonials-carousel-style-1 .testimonials-carousel-name {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonials Carousel - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonials Carousel - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.testimonials-carousel-style-2 {
  margin-bottom: 30px;
}
.testimonials-carousel-style-2 .testimonials-carousel-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.testimonials-carousel-style-2 .testimonials-carousel-wrap.slick-initialized {
  opacity: 1;
}
.testimonials-carousel-style-2 .testimonials-carousel-item {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 15px 60px;
}
.testimonials-carousel-style-2 .testimonials-carousel-item-left {
  z-index: 1;
  flex: 0 0 50%;
  width: 100%;
  max-width: 50%;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .testimonials-carousel-style-2 .testimonials-carousel-item-left {
    flex: 0 0 auto;
    max-width: none;
    margin-bottom: 0;
  }
}
.testimonials-carousel-style-2 .testimonials-carousel-item-right {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 50%;
  width: 100%;
  max-width: 50%;
  padding: 80px 60px 50px;
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .testimonials-carousel-style-2 .testimonials-carousel-item-right {
    padding: 60px 40px 30px;
  }
}
@media (max-width: 767px) {
  .testimonials-carousel-style-2 .testimonials-carousel-item-right {
    flex: 0 0 auto;
    max-width: none;
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .testimonials-carousel-style-2 .testimonials-carousel-item-right {
    padding: 30px 30px 0;
  }
}
.testimonials-carousel-style-2 .testimonials-carousel-item-right:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 65px;
  height: 100%;
  background-color: inherit;
}
@media (max-width: 767px) {
  .testimonials-carousel-style-2 .testimonials-carousel-item-right:before {
    display: none;
  }
}
.testimonials-carousel-style-2 .testimonials-carousel-item-right:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 0 0 40px;
  border-color: var(--light) transparent transparent transparent;
}
.testimonials-carousel-style-2 .testimonials-carousel-img {
  overflow: hidden;
  position: relative;
  height: 100%;
  /* aspect-ratio: 5/4; */
  background-color: var(--gray-2);
}
.testimonials-carousel-style-2 .testimonials-carousel-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: var(--transition-200);
}
.testimonials-carousel-style-2 .testimonials-carousel-des {
  margin-bottom: 30px;
  font-size: 28px;
  font-style: italic;
  font-family: var(--font-family-serif);
}
@media (max-width: 1199px) {
  .testimonials-carousel-style-2 .testimonials-carousel-des {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.testimonials-carousel-style-2 .testimonials-carousel-name {
  text-align: right;
}
.testimonials-carousel-style-2 .testimonials-carousel-item:hover .testimonials-carousel-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.testimonials-carousel-style-2.is-bg-primary .testimonials-carousel-item-right {
  background-color: var(--primary);
}
.testimonials-carousel-style-2.is-bg-primary .testimonials-carousel-item-right:after {
  border-top-color: var(--primary);
}
.testimonials-carousel-style-2.is-bg-secondary .testimonials-carousel-item-right {
  background-color: var(--secondary);
}
.testimonials-carousel-style-2.is-bg-secondary .testimonials-carousel-item-right:after {
  border-top-color: var(--secondary);
}
.testimonials-carousel-style-2.is-bg-third .testimonials-carousel-item-right {
  background-color: var(--third);
}
.testimonials-carousel-style-2.is-bg-third .testimonials-carousel-item-right:after {
  border-top-color: var(--third);
}
.testimonials-carousel-style-2.is-bg-fourth .testimonials-carousel-item-right {
  background-color: var(--fourth);
}
.testimonials-carousel-style-2.is-bg-fourth .testimonials-carousel-item-right:after {
  border-top-color: var(--fourth);
}
.testimonials-carousel-style-2.is-bg-primary-light .testimonials-carousel-item-right {
  background-color: var(--primary-1);
}
.testimonials-carousel-style-2.is-bg-primary-light .testimonials-carousel-item-right:after {
  border-top-color: var(--primary-1);
}
.testimonials-carousel-style-2.is-bg-secondary-light .testimonials-carousel-item-right {
  background-color: var(--secondary-1);
}
.testimonials-carousel-style-2.is-bg-secondary-light .testimonials-carousel-item-right:after {
  border-top-color: var(--secondary-1);
}
.testimonials-carousel-style-2.is-bg-third-light .testimonials-carousel-item-right {
  background-color: var(--third-1);
}
.testimonials-carousel-style-2.is-bg-third-light .testimonials-carousel-item-right:after {
  border-top-color: var(--third-1);
}
.testimonials-carousel-style-2.is-bg-fourth-light .testimonials-carousel-item-right {
  background-color: var(--fourth-1);
  border-radius: 0 50px 0 0;
}
.testimonials-carousel-style-2.is-bg-fourth-light .testimonials-carousel-item-right:after {
  border-top-color: var(--fourth-1);
}
.testimonials-carousel-style-2.is-bg-white .testimonials-carousel-item-right {
  background-color: var(--white);
}
.testimonials-carousel-style-2.is-bg-white .testimonials-carousel-item-right:after {
  border-top-color: var(--white);
}
.testimonials-carousel-style-2.is-bg-light .testimonials-carousel-item-right {
  background-color: var(--light);
}
.testimonials-carousel-style-2.is-bg-light .testimonials-carousel-item-right:after {
  border-top-color: var(--light);
}
.testimonials-carousel-style-2.is-bg-dark .testimonials-carousel-item-right {
  background-color: var(--dark);
}
.testimonials-carousel-style-2.is-bg-dark .testimonials-carousel-item-right:after {
  border-top-color: var(--dark);
}
.testimonials-carousel-style-2.is-text-primary {
  color: var(--primary);
}
.testimonials-carousel-style-2.is-text-secondary {
  color: var(--secondary);
}
.testimonials-carousel-style-2.is-text-third {
  color: var(--third);

}
.testimonials-carousel-style-2.is-text-fourth {
  color: var(--fourth);
}
.testimonials-carousel-style-2.is-text-primary-light {
  color: var(--primary-1);
}
.testimonials-carousel-style-2.is-text-secondary-light {
  color: var(--secondary-1);
}
.testimonials-carousel-style-2.is-text-third-light {
  color: var(--third-1);
}
.testimonials-carousel-style-2.is-text-fourth-light {
  color: var(--fourth-1);
}
.testimonials-carousel-style-2.is-text-white {
  color: var(--white);
}
.testimonials-carousel-style-2.is-text-light {
  color: var(--light);
}
.testimonials-carousel-style-2.is-text-dark {
  color: var(--dark);
}

.testimonials-carousel-style-2 .testimonials-carousel-img {
  opacity: 0;
  transition: ease-in-out 600ms;
  transition-delay: 600ms;
}
.testimonials-carousel-style-2 .testimonials-carousel-item-right {
  opacity: 0;
  transition: ease-in-out 360ms;
}
.testimonials-carousel-style-2 .testimonials-carousel-des,
.testimonials-carousel-style-2 .testimonials-carousel-name {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: ease-in-out 360ms;
}
.testimonials-carousel-style-2 .slick-current .testimonials-carousel-img {
  opacity: 1;
  transition-delay: 100ms;
}
.testimonials-carousel-style-2 .slick-current .testimonials-carousel-item-right {
  opacity: 1;
  transition-delay: 300ms;
}
.testimonials-carousel-style-2 .slick-current .testimonials-carousel-des,
.testimonials-carousel-style-2 .slick-current .testimonials-carousel-name {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.testimonials-carousel-style-2 .slick-current .testimonials-carousel-des {
  transition-delay: 300ms;
}
.testimonials-carousel-style-2 .slick-current .testimonials-carousel-name {
  transition-delay: 500ms;
}

.testimonials-carousel-style-2  .slick-slider .slick-dots.dot-style-minimal button:hover,
.testimonials-carousel-style-2  .slick-slider .slick-dots.dot-style-minimal li.slick-active button {
  background-color: var(--primary);
}

.testimonials-carousel-style-2 .slick-slider .slick-dots.dot-style-minimal button {
  border-color: var(--primary);
}

@media(max-width:991px) {
  .testimonials-carousel-style-2.is-bg-fourth-light .testimonials-carousel-item-right {
  background-color: var(--fourth-1);
  border-radius: 0;
}
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonials Carousel - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Logo Carousel - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.logo-carousel-style-1 .slick-track {
  display: flex;
}
.logo-carousel-style-1 .logo-carousel-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.logo-carousel-style-1 .logo-carousel-wrap.slick-initialized {
  opacity: 1;
}
.logo-carousel-style-1 .logo-carousel-item {
  position: relative;
  height: auto;
  margin: 10px 10px 15px;
}
.logo-carousel-style-1 .logo-carousel-item-wrap {
  padding: 30px;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-carousel);
  transition: var(--transition-200);
}
@media (max-width: 575px) {
  .logo-carousel-style-1 .logo-carousel-item-wrap {
    padding: 15px;
  }
}
.logo-carousel-style-1 .logo-carousel-item-wrap:hover {
  box-shadow: var(--shadow-carousel-hover);
}
.logo-carousel-style-1 .logo-carousel-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
}
.logo-carousel-style-1 .logo-carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: var(--transition-200);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Logo Carousel - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.slider-style-1 .slider-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.slider-style-1 .slider-wrap.slick-initialized {
  opacity: 1;
}
.slider-style-1 .slider-item {
  position: relative;
  height: 800px;
}
.slider-style-1 .slider-item-img {
  height: 740px;
  overflow: hidden;
  position: relative;
  background-color: var(--primary-1);
}
@media (min-width: 992px) {
  
  .has-overlap-header .slider-style-1 .slider-item-img {
    height: calc(650px + var(--header-main-wrap-height));
  }
}
@media (max-width: 991px) {
  .slider-style-1 .slider-item {height:auto}
  .slider-style-1 .slider-item-img {
    height: auto;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 575px) {
  .slider-style-1 .slider-item-img {
    aspect-ratio: 4/3;
  }
}
@media (min-width: 992px) {
  .slider-style-1 .slider-item-img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  }
}
.slider-style-1 .slider-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .slider-style-1 .slider-item-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .slider-style-1 .slider-item-wrap .container {
    max-width: none;
    padding: 0;
  }
}
.slider-style-1 .slider-item-inner {
  width: 740px;
  padding: 40px 40px 20px;
  /* border-top: 10px solid rgba(0, 0, 0, 0.3); */
  background: rgba(0,104,177,0.8);
  border-radius: 20px 20px 0 0;position:relative;
}
.slider-style-1 .slider-item-inner:after {content:"";background:url(/images/banner-bottom-line.png) center center no-repeat;background-size:contain;height:10px;position:absolute;left:0;bottom: -2px;width: 100%;}
@media (max-width: 1199px) {
  .slider-style-1 .slider-item-inner {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .slider-style-1 .slider-item-inner {
    width: auto;
    padding: 30px 30px 1px;
    border-radius: 0;
  }
}
.slider-style-1 .slider-item-des a {
  display: inline-block;
  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
  color: var(--white);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  border: 1px solid var(--white);
  border-radius: var(--border-radius);
}
.slider-style-1 .slider-item-des a:hover {
  color: var(--primary);
  border-color: var(--white);
  background: var(--white);
}

.slider-style-1.is-img-center .slider-item-img img {
  -o-object-position: center;
     object-position: center;
}
.slider-style-1.is-img-top .slider-item-img img {
  -o-object-position: center top;
     object-position: center top;
}
.slider-style-1.is-img-bottom .slider-item-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.slider-style-1 .slick-slider.slick-dotted {
  margin-bottom: 0;
}
.slider-style-1 .slick-dots {
  width: auto;
}

.slider-style-1.is-text-left .slick-dots {
  left: auto;
  right: 30px;
  top: 50%;
  bottom: 50%;
  flex-direction: column;
}
.slider-style-1.is-text-right .slider-item-inner {
  margin-left: auto;
}
.slider-style-1.is-text-right .slick-dots {
  left: calc(var(--slider-nav-size) * 2);
  bottom: 30px;
}

.slider-style-1 .slider-item-img {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: ease-in-out 600ms;
  transition-delay: 600ms;
}
.slider-style-1 .slider-item-inner {
  opacity: 0;
  transition: ease-in-out 360ms;
}
.slider-style-1 .slider-item-title {font-size:68px;}

@media (max-width:991px) {
 .slider-style-1 .slider-item-title {font-size:38px;} 
}

.slider-style-1 .slider-item-title,
.slider-style-1 .slider-item-des,
.slider-style-1 .slider-item-btn {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: ease-in-out 360ms;
}
.slider-style-1 .slick-current .slider-item-img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-delay: 100ms;
}
.slider-style-1 .slick-current .slider-item-inner {
  opacity: 1;
  transition-delay: 300ms;
}
.slider-style-1 .slick-current .slider-item-title,
.slider-style-1 .slick-current .slider-item-des,
.slider-style-1 .slick-current .slider-item-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.slider-style-1 .slick-current .slider-item-title {
  transition-delay: 300ms;
}
.slider-style-1 .slick-current .slider-item-des {
  transition-delay: 500ms;
}
.slider-style-1 .slick-current .slider-item-btn {
  transition-delay: 700ms;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
@media (min-width: 1440px) {
  .slider-style-2 .container-fluid {
    max-width: 1320px;
  }
}
.slider-style-2 .slider-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.slider-style-2 .slider-wrap.slick-initialized {
  opacity: 1;
}
.slider-style-2 .slider-item {
  position: relative;
}
.slider-style-2 .slider-item-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider-style-2 .slider-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-style-2 .slider-item-wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 650px;
  padding: 100px 0 70px;
  background: rgba(0, 0, 0, 0.3);
}
@media (max-width: 575px) {
  .slider-style-2 .slider-item-wrap {
    min-height: 380px;
  }
}
.has-overlap-header .slider-style-2 .slider-item-wrap {
  min-height: calc(650px + var(--header-main-wrap-height));
  padding-top: calc(100px + var(--header-main-wrap-height));
}
@media (max-width: 575px) {
  .has-overlap-header .slider-style-2 .slider-item-wrap {
    min-height: calc(380px + var(--header-main-wrap-height));
  }
}
.slider-style-2 .slider-item-inner {
  max-width: 900px;
}
@media (max-width: 1439px) {
  .slider-style-2 .slider-item-inner {
    padding: 0 80px;
  }
}
@media (max-width: 991px) {
  .slider-style-2 .slider-item-inner {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .slider-style-2 .slider-item-inner {
    padding: 0 15px;
  }
}
.slider-style-2 .slider-item-title {
  font-size: 50px;
  color: var(--white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  .slider-style-2 .slider-item-title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .slider-style-2 .slider-item-title {
    font-size: 30px;
  }
}
.slider-style-2 .slider-item-des {
  color: var(--white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.slider-style-2 .slider-item-des a {
  display: inline-block;
  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
  color: var(--white);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  text-shadow: none;
  border-radius: var(--border-radius);
  background-color: var(--primary);
}
.slider-style-2 .slider-item-des a:hover {
  background: var(--primary-6);
}

.slider-style-2.is-img-center .slider-item-img img {
  -o-object-position: center;
     object-position: center;
}
.slider-style-2.is-img-top .slider-item-img img {
  -o-object-position: center top;
     object-position: center top;
}
.slider-style-2.is-img-bottom .slider-item-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.slider-style-2 .slick-prev svg:not(.svg-arrow-mobile),
.slider-style-2 .slick-next svg:not(.svg-arrow-mobile) {
  width: 26px;
  height: 26px;
}
@media (min-width: 992px) {
  .slider-style-2 .slick-prev,
  .slider-style-2 .slick-next {
    left: 30px;
    right: auto;
  }
  .slider-style-2 .slick-prev {
    -webkit-transform: rotate(90deg) translateX(-30px);
            transform: rotate(90deg) translateX(-30px);
  }
  .slider-style-2 .slick-next {
    -webkit-transform: rotate(90deg) translateX(30px);
            transform: rotate(90deg) translateX(30px);
  }
}

.slider-style-2 .slick-slider.slick-dotted {
  margin-bottom: 0;
}
.slider-style-2 .slick-dots {
  flex-direction: column;
  top: 50%;
  left: auto;
  right: 25px;
  bottom: auto;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slider-style-2.is-text-right .slider-item-wrap {
  text-align: right;
  justify-content: flex-end;
}

.slider-style-2 .slider-item-img {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: ease-in-out 600ms;
  transition-delay: 600ms;
}
.slider-style-2 .slider-item-title,
.slider-style-2 .slider-item-des,
.slider-style-2 .slider-item-btn {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: ease-in-out 360ms;
}
.slider-style-2 .slick-current .slider-item-img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-delay: 100ms;
}
.slider-style-2 .slick-current .slider-item-title,
.slider-style-2 .slick-current .slider-item-des,
.slider-style-2 .slick-current .slider-item-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.slider-style-2 .slick-current .slider-item-title {
  transition-delay: 300ms;
}
.slider-style-2 .slick-current .slider-item-des {
  transition-delay: 500ms;
}
.slider-style-2 .slick-current .slider-item-btn {
  transition-delay: 700ms;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
@media (min-width: 1440px) {
  .slider-style-3 .container-fluid {
    max-width: 1320px;
  }
}
.slider-style-3 .slider-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.slider-style-3 .slider-wrap.slick-initialized {
  opacity: 1;
}
.slider-style-3 .slider-item {
  position: relative;
}
.slider-style-3 .slider-item-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider-style-3 .slider-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-style-3 .slider-item-wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 650px;
  padding: 100px 0 70px;
  background: rgba(0, 0, 0, 0.3);
}
@media (max-width: 575px) {
  .slider-style-3 .slider-item-wrap {
    min-height: 380px;
  }
}
.has-overlap-header .slider-style-3 .slider-item-wrap {
  min-height: calc(650px + var(--header-main-wrap-height));
  padding-top: calc(100px + var(--header-main-wrap-height));
}
@media (max-width: 575px) {
  .has-overlap-header .slider-style-3 .slider-item-wrap {
    min-height: calc(380px + var(--header-main-wrap-height));
  }
}
.slider-style-3 .slider-item-inner {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .slider-style-3 .slider-item-inner {
    padding: 0 15px;
  }
}
.slider-style-3 .slider-item-title {
  font-size: 50px;
  color: var(--white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  .slider-style-3 .slider-item-title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .slider-style-3 .slider-item-title {
    font-size: 30px;
  }
}
.slider-style-3 .slider-item-des {
  color: var(--white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.slider-style-3 .slider-item-des a {
  display: inline-block;
  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
  color: var(--white);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  text-shadow: none;
  border-radius: var(--border-radius);
  background-color: var(--primary);
}
.slider-style-3 .slider-item-des a:hover {
  background: var(--primary-6);
}

.slider-style-3.is-img-center .slider-item-img img {
  -o-object-position: center;
     object-position: center;
}
.slider-style-3.is-img-top .slider-item-img img {
  -o-object-position: center top;
     object-position: center top;
}
.slider-style-3.is-img-bottom .slider-item-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.slider-style-3 .slick-slider.slick-dotted {
  margin-bottom: 0;
}
.slider-style-3 .slick-dots {
  bottom: 30px;
}

.slider-style-3 .slider-item-img {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: ease-in-out 600ms;
  transition-delay: 600ms;
}
.slider-style-3 .slider-item-title,
.slider-style-3 .slider-item-des,
.slider-style-3 .slider-item-btn {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: ease-in-out 360ms;
}
.slider-style-3 .slick-current .slider-item-img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-delay: 100ms;
}
.slider-style-3 .slick-current .slider-item-title,
.slider-style-3 .slick-current .slider-item-des,
.slider-style-3 .slick-current .slider-item-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.slider-style-3 .slick-current .slider-item-title {
  transition-delay: 300ms;
}
.slider-style-3 .slick-current .slider-item-des {
  transition-delay: 500ms;
}
.slider-style-3 .slick-current .slider-item-btn {
  transition-delay: 700ms;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 3 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 4 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.slider-style-4 .slider-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.slider-style-4 .slider-wrap.slick-initialized {
  opacity: 1;
}
.slider-style-4 .slider-item {
  position: relative;
}
.slider-style-4 .slider-item-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider-style-4 .slider-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-style-4 .slider-item-wrap {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 600px;
  min-height: 650px;
  padding: 100px 0 70px;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 991px) {
  .slider-style-4 .slider-item-wrap {
    max-width: 480px;
  }
}
@media (max-width: 767px) {
  .slider-style-4 .slider-item-wrap {
    max-width: none;
  }
}
@media (max-width: 575px) {
  .slider-style-4 .slider-item-wrap {
    min-height: 380px;
  }
}
.has-overlap-header .slider-style-4 .slider-item-wrap {
  min-height: calc(650px + var(--header-main-wrap-height));
  padding-top: calc(100px + var(--header-main-wrap-height));
}
@media (max-width: 575px) {
  .has-overlap-header .slider-style-4 .slider-item-wrap {
    min-height: calc(380px + var(--header-main-wrap-height));
  }
}
.slider-style-4 .slider-item-title {
  font-size: 50px;
  color: var(--white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  .slider-style-4 .slider-item-title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .slider-style-4 .slider-item-title {
    font-size: 30px;
  }
}
.slider-style-4 .slider-item-des {
  color: var(--white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.slider-style-4 .slider-item-des a {
  display: inline-block;
  padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
  color: var(--white);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  text-shadow: none;
  border-radius: var(--border-radius);
  background-color: var(--primary);
}
.slider-style-4 .slider-item-des a:hover {
  background: var(--primary-6);
}

.slider-style-4.is-img-center .slider-item-img img {
  -o-object-position: center;
     object-position: center;
}
.slider-style-4.is-img-top .slider-item-img img {
  -o-object-position: center top;
     object-position: center top;
}
.slider-style-4.is-img-bottom .slider-item-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.slider-style-4 .slick-slider.slick-dotted {
  margin-bottom: 0;
}
.slider-style-4 .slick-dots {
  bottom: 30px;
}

.slider-style-4.is-text-left .slider-item-inner {
  padding: 0 80px 0 120px;
}
@media (max-width: 991px) {
  .slider-style-4.is-text-left .slider-item-inner {
    padding: 0 60px;
  }
}
@media (max-width: 575px) {
  .slider-style-4.is-text-left .slider-item-inner {
    padding: 0 30px;
  }
}
.slider-style-4.is-text-right .slider-item-wrap {
  margin-left: auto;
}
.slider-style-4.is-text-right .slider-item-inner {
  padding: 0 120px 0 80px;
}
@media (max-width: 991px) {
  .slider-style-4.is-text-right .slider-item-inner {
    padding: 0 60px;
  }
}
@media (max-width: 575px) {
  .slider-style-4.is-text-right .slider-item-inner {
    padding: 0 30px;
  }
}

.slider-style-4 .slider-item-img {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: ease-in-out 600ms;
  transition-delay: 600ms;
}
.slider-style-4 .slider-item-title,
.slider-style-4 .slider-item-des,
.slider-style-4 .slider-item-btn {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: ease-in-out 360ms;
}
.slider-style-4 .slick-current .slider-item-img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-delay: 100ms;
}
.slider-style-4 .slick-current .slider-item-title,
.slider-style-4 .slick-current .slider-item-des,
.slider-style-4 .slick-current .slider-item-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.slider-style-4 .slick-current .slider-item-title {
  transition-delay: 300ms;
}
.slider-style-4 .slick-current .slider-item-des {
  transition-delay: 500ms;
}
.slider-style-4 .slick-current .slider-item-btn {
  transition-delay: 700ms;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Style 4 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.posts-list .row > div[style]:not([class]),
.posts-list .row > .blogs_posts_list_ajax_position,
.posts-list .row > .blogs-show-more,
.posts-list .items-list-wrap > div[style]:not([class]),
.posts-list .items-list-wrap > .blogs_posts_list_ajax_position,
.posts-list .items-list-wrap > .blogs-show-more {
  display: none !important;
}
.posts-list .posts-no-result {
  max-width: 300px;
  padding: 30px 50px;
  margin: 0 auto;
  font-size: 22px;
  text-align: center;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.posts-list .posts-list-load-btn {
  display: none;
  text-align: center;
}
.posts-list .posts-list-loader {
  text-align: center;
}
.posts-list .blogs-post-crop-icon {
  display: none !important;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Style 1 Landscape - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.posts-list-style-1-landscape .posts-list-item {
  margin-bottom: 30px;
}
.posts-list-style-1-landscape .posts-list-item-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  color: var(--text-color);
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
@media (min-width: 576px) {
  .posts-list-style-1-landscape .posts-list-item-wrap {
    flex-direction: row;
  }
}
@media (min-width: 576px) {
  .posts-list-style-1-landscape .posts-list-item-header {
    width: 100%;
    max-width: 38.2%;
    flex: 1 1 38.2%;
  }
}
.posts-list-style-1-landscape .posts-list-item-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 1px;
}
@media (min-width: 576px) {
  .posts-list-style-1-landscape .posts-list-item-body {
    width: 100%;
    flex: 0 0 61.8%;
    max-width: 61.8%;
  }
}
.posts-list-style-1-landscape .posts-list-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: 56%; /* Due to side-by-side layout, use padding instead of aspect-ratio */
  background-color: var(--gray-2);
}
@media (min-width: 576px) {
  .posts-list-style-1-landscape .posts-list-item-img {
    height: 100%;
  }
}
.posts-list-style-1-landscape .posts-list-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.posts-list-style-1-landscape .posts-list-item-title {
  margin-bottom: 15px;
  font-size: 20px;
}
.posts-list-style-1-landscape .posts-list-item-date {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
}
.posts-list-style-1-landscape .posts-list-item-date i {
  margin-right: 5px;
}
.posts-list-style-1-landscape .posts-list-item-des {
  font-size: 16px;
}
.posts-list-style-1-landscape .posts-list-item-btn {
  display: block;
  margin-top: auto;
}
.posts-list-style-1-landscape .posts-list-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.posts-list-style-1-landscape.hide-date .posts-list-item-date {
  display: none;
}
.posts-list-style-1-landscape.hide-btn .posts-list-item-btn {
  display: none;
}
.posts-list-style-1-landscape.hide-thumb .posts-list-item-header {
  display: none;
}
@media (min-width: 576px) {
  .posts-list-style-1-landscape.hide-thumb .posts-list-item-body {
    width: 100%;
    flex: 0 0 auto;
    max-width: none;
  }
}
.posts-list-style-1-landscape .posts-list-item-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.posts-list-style-1-landscape .posts-list-item-wrap:hover .posts-list-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Style 1 Landscape - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Style 1 Portrait - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.posts-list-style-1-portrait .posts-list-item {
  margin-bottom: 30px;
}
.posts-list-style-1-portrait .posts-list-item-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  color: var(--text-color);
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
.posts-list-style-1-portrait .posts-list-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/4;
  background-color: var(--gray-2);
}
.posts-list-style-1-portrait .posts-list-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.posts-list-style-1-portrait .posts-list-item-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 1px;
}
.posts-list-style-1-portrait .posts-list-item-title {
  margin-bottom: 15px;
  font-size: 20px;
}
.posts-list-style-1-portrait .posts-list-item-date {
  margin-bottom: 15px;
  font-size: 14px;
}
.posts-list-style-1-portrait .posts-list-item-date i {
  margin-right: 5px;
}
.posts-list-style-1-portrait .posts-list-item-des {
  font-size: 16px;
}
.posts-list-style-1-portrait .posts-list-item-btn {
  margin-top: auto;
}
.posts-list-style-1-portrait .posts-list-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.posts-list-style-1-portrait.hide-date .posts-list-item-date {
  display: none;
}
.posts-list-style-1-portrait.hide-btn .posts-list-item-btn {
  display: none;
}
.posts-list-style-1-portrait.hide-thumb .posts-list-item-header {
  display: none;
}
.posts-list-style-1-portrait .posts-list-item-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.posts-list-style-1-portrait .posts-list-item-wrap:hover .posts-list-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Style 1 Portrait - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.posts-list-style-2 .posts-list-item {
  margin-bottom: 30px;
}
.posts-list-style-2 .posts-list-item-wrap {
  display: flex;
  gap: 30px;
  color: var(--text-color);
}
@media (max-width: 767px) {
  .posts-list-style-2 .posts-list-item-wrap {
    flex-wrap: wrap;
  }
}
.posts-list-style-2 .posts-list-item-header {
  flex: 0 0 auto;
  width: 190px;
}
@media (max-width: 767px) {
  .posts-list-style-2 .posts-list-item-header {
    width: 100%;
  }
}
.posts-list-style-2 .posts-list-item-body {
  flex: 1 1 auto;
  padding: 15px 0 0;
  border-bottom: 1px solid var(--border-color-dark);
}
@media (max-width: 767px) {
  .posts-list-style-2 .posts-list-item-body {
    padding: 0;
  }
}
.posts-list-style-2 .posts-list-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%;
  padding-bottom: 80%; /* Due to side-by-side layout, use padding instead of aspect-ratio */
  background-color: var(--gray-2);
}
@media (max-width: 767px) {
  .posts-list-style-2 .posts-list-item-img {
    height: auto;
    padding-bottom: 56%; /* Due to side-by-side layout, use padding instead of aspect-ratio */
  }
}
.posts-list-style-2 .posts-list-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.posts-list-style-2 .posts-list-item-title {
  margin-bottom: 15px;
  font-size: 20px;
  transition: var(--transition-200);
}
.posts-list-style-2 .posts-list-item-date {
  margin-bottom: 15px;
  font-size: 14px;
}
.posts-list-style-2 .posts-list-item-date i {
  margin-right: 5px;
}
.posts-list-style-2 .posts-list-item-des {
  font-size: 16px;
}
.posts-list-style-2 .posts-list-item-btn {
  margin-top: auto;
}
.posts-list-style-2.hide-date .posts-list-item-date {
  display: none;
}
.posts-list-style-2.hide-btn .posts-list-item-btn {
  display: none;
}
.posts-list-style-2.hide-thumb .posts-list-item-header {
  display: none;
}
.posts-list-style-2 .posts-list-item-wrap:hover .posts-list-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 | Resources List (Styles 1, 2 & Simple) — resource library cards, filters, badges,
 | file-type colour map, and the media (video/image/embed) modal.
 |
 | Ported from the thememembercommons reference build (replaces the earlier, smaller
 | Resources List Style 1/2 block). Pairs with templates/blogs/custom_tab_resources.php
 | and templates/blogs/posts/resources_list.style_{1,2,simple}.php. Brand colours use the
 | site --primary/--secondary tokens; file-type colours are intentionally semantic.
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Resources List - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.res-list-style-1 {
  --form-subcontrol-color: var(--text-color);
  --form-subcontrol-color-hover: var(--text-color);
  --form-subcontrol-bg: trasparent;
  --form-subcontrol-bg-hover: trasparent;
}

.res-list-style-1 .res-list-banner-wrap {
  position: relative;
}
.res-list-style-1 .banner-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.res-list-style-1 .banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.res-list-style-1 .banner-img:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.res-list-style-1 .banner-inner {
  position: relative;
  padding: 180px 0 80px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 575px) {
  .res-list-style-1 .banner-inner {
    padding: 80px 0 30px;
  }
}
.res-list-style-1 .banner-title {
  color: var(--white);
  font-size: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .res-list-style-1 .banner-title {
    font-size: calc(60px * 0.85);
  }
}
.res-list-style-1 .banner-des {
  color: var(--white);
  font-size: 18px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto 60px;
}
.res-list-style-1 .banner-des:empty {
  display: none;
}
.res-list-style-1 .res-list-banner.is-img-center .banner-img img {
  -o-object-position: center;
     object-position: center;
}
.res-list-style-1 .res-list-banner.is-img-top .banner-img img {
  -o-object-position: center top;
     object-position: center top;
}
.res-list-style-1 .res-list-banner.is-img-bottom .banner-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.res-list-style-1 .filters-list {
  text-shadow: none;
}

.res-list-style-1 .toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 20px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color-dark);
}
.res-list-style-1 .toolbar-left,
.res-list-style-1 .toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 991px) {
  .res-list-style-1 .toolbar-right {
    width: 100%;
  }
}
.res-list-style-1 .toolbar-divider {
  height: 27px;
  width: 1px;
  background-color: var(--border-color-dark);
}
.res-list-style-1 .toolbar-count {
  font-size: 18px;
  margin-bottom: 0;
}
.res-list-style-1 .toolbar-view {
  display: flex;
  align-items: center;
  gap: 5px;
}
.res-list-style-1 .toolbar-view button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.07);
}
.res-list-style-1 .toolbar-view svg {
  width: 16px;
  height: auto;
}
.res-list-style-1 .toolbar-view svg path {
  fill: var(--text-color);
  transition: fill var(--transition-200);
}
.res-list-style-1 .toolbar-view button:hover,
.res-list-style-1 .toolbar-view button.active {
  background-color: rgba(0, 0, 0, 0.8);
}
.res-list-style-1 .toolbar-view button:hover svg path,
.res-list-style-1 .toolbar-view button.active svg path {
  fill: var(--white);
}
.res-list-style-1 .toolbar-sort {
  --form-font-size: 14px;
  --form-input-height: 36px;
  --form-border-radius: 3px;
  --form-bg: rgba(0,0,0,0.07);
  --form-bg-hover: rgba(0,0,0,0.8);
  --form-text-color-hover: var(--white);
  --form-subcontrol-color-hover: var(--white);
  --form-shadow: none;
  --form-shadow-focus: none;
  flex: 1;
  font-size: 14px;
}
.res-list-style-1 .toolbar-sort .mwInput {
  min-width: 150px;
}
.is-focus-keyboard .res-list-style-1 .toolbar-sort .mwInput.focus {
  outline: var(--outline);
}

.res-list-style-1 .items-list {
  margin-bottom: 30px;
}

.res-list-style-1 .items-list.grid-view .items-list-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1199px) {
  .res-list-style-1 .items-list.grid-view .items-list-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .res-list-style-1 .items-list.grid-view .items-list-wrap {
    grid-template-columns: 1fr;
  }
}
.res-list-style-1 .items-list.grid-view .items-list-wrap .item {
  margin-bottom: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Resources List - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Resources List - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.res-list-style-2 {
  --form-subcontrol-color: var(--text-color);
  --form-subcontrol-color-hover: var(--text-color);
  --form-subcontrol-bg: trasparent;
  --form-subcontrol-bg-hover: trasparent;
}

/* Banner — image with darkening overlay, centered title/description.
   No filter is embedded here in style_2 (filters live in the sidebar). */
.res-list-style-2 .res-list-banner-wrap {
  position: relative;
}
.res-list-style-2 .banner-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.res-list-style-2 .banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.res-list-style-2 .banner-img:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.res-list-style-2 .banner-inner {
  position: relative;
  padding: 220px 0 80px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 575px) {
  .res-list-style-2 .banner-inner {
    padding: 100px 0 30px;
  }
}
.res-list-style-2 .banner-title {
  color: var(--white);
  font-size: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .res-list-style-2 .banner-title {
    font-size: calc(60px * 0.85);
  }
}
.res-list-style-2 .banner-des {
  color: var(--white);
  font-size: 18px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
.res-list-style-2 .banner-des:empty {
  display: none;
}
.res-list-style-2 .res-list-banner.is-img-center .banner-img img {
  -o-object-position: center;
     object-position: center;
}
.res-list-style-2 .res-list-banner.is-img-top .banner-img img {
  -o-object-position: center top;
     object-position: center top;
}
.res-list-style-2 .res-list-banner.is-img-bottom .banner-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

/* Sidebar layout — filter column on the left (or right) of the items list.
   Sticks while the main list scrolls on large screens; stacks above the
   list on tablets/phones. is-sidebar-right reverses the flex order. */
.res-list-style-2 .rl-layout {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-top: 30px;
}
.res-list-style-2.is-sidebar-right .rl-layout {
  flex-direction: row-reverse;
}
.res-list-style-2 .rl-sidebar {
  flex: 0 0 280px;
  max-width: 280px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}
/* Slot below the sticky site header when one is present (matches the
   pattern used by .sidebar-default.is-sticky elsewhere in this file). */
.has-sticky-header .res-list-style-2 .rl-sidebar {
  top: calc(var(--header-main-wrap-height) + 20px);
}
.res-list-style-2 .rl-main {
  flex: 1 1 auto;
  min-width: 0; /* let grid items inside shrink properly */
}

.res-list-style-2 .rl-sidebar-inner {
  padding: 20px;
  background: var(--white);
  border: 1px solid var(--gray-3);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.res-list-style-2 .rl-sidebar-title {
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gray-3);
  font-size: 16px;
  font-weight: 600;
  color: var(--gray-9);
}
.res-list-style-2 .rl-sidebar-section {
  margin-bottom: 18px;
}
.res-list-style-2 .rl-sidebar-section:last-of-type {
  margin-bottom: 0;
}
.res-list-style-2 .rl-sidebar-section > label {
  display: block;
  margin-bottom: 6px;

  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--gray-6);
}
.res-list-style-2 .rl-sidebar-section .rl-keyword {
  width: 100%;
  padding: 9px 14px;
  font-size: 13px;
  border: 1px solid var(--gray-4);
  border-radius: 8px;
  background: var(--white);
  box-sizing: border-box;
}
.res-list-style-2 .rl-sidebar-section .rl-keyword:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: var(--form-shadow-focus);
}
.res-list-style-2 .rl-sidebar-actions {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--gray-3);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.res-list-style-2 .rl-sidebar-actions .checkbox-toggle {
  margin-bottom: 0;
}
.res-list-style-2 .rl-sidebar-actions .btn {
  margin-left: 0;
}

@media (max-width: 991.98px) {
  .res-list-style-2 .rl-layout,
  .res-list-style-2.is-sidebar-right .rl-layout {
    flex-direction: column;
    gap: 20px;
  }
  .res-list-style-2 .rl-sidebar {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    position: static;
  }
}

/* Toolbar — same visual treatment as style_1, just lives inside .rl-main. */
.res-list-style-2 .toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 0 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color-dark);
}
.res-list-style-2 .toolbar-left,
.res-list-style-2 .toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 991px) {
  .res-list-style-2 .toolbar-right {
    width: 100%;
  }
}
.res-list-style-2 .toolbar-divider {
  height: 27px;
  width: 1px;
  background-color: var(--border-color-dark);
}
.res-list-style-2 .toolbar-count {
  font-size: 18px;
  margin-bottom: 0;
}
.res-list-style-2 .toolbar-view {
  display: flex;
  align-items: center;
  gap: 5px;
}
.res-list-style-2 .toolbar-view button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.07);
}
.res-list-style-2 .toolbar-view svg {
  width: 16px;
  height: auto;
}
.res-list-style-2 .toolbar-view svg path {
  fill: var(--text-color);
  transition: fill var(--transition-200);
}
.res-list-style-2 .toolbar-view button:hover,
.res-list-style-2 .toolbar-view button.active {
  background-color: rgba(0, 0, 0, 0.8);
}
.res-list-style-2 .toolbar-view button:hover svg path,
.res-list-style-2 .toolbar-view button.active svg path {
  fill: var(--white);
}
.res-list-style-2 .toolbar-sort {
  --form-font-size: 14px;
  --form-input-height: 36px;
  --form-border-radius: 3px;
  --form-bg: rgba(0,0,0,0.07);
  --form-bg-hover: rgba(0,0,0,0.8);
  --form-text-color-hover: var(--white);
  --form-subcontrol-color-hover: var(--white);
  --form-shadow: none;
  --form-shadow-focus: none;
  flex: 1;
  font-size: 14px;
}
.res-list-style-2 .toolbar-sort .mwInput {
  min-width: 150px;
}
.is-focus-keyboard .res-list-style-2 .toolbar-sort .mwInput.focus {
  outline: var(--outline);
}
.res-list-style-2 .toolbar-sort select {
  padding: 4px 8px;
  font-size: 13px;
  border: 1px solid var(--gray-3);
  border-radius: 6px;
  background: var(--white);
}

/* Items list — narrower main column means 2 cols by default, 1 on phones.
   The sidebar takes ~280px so 3 cols feels cramped on most screens. */
.res-list-style-2 .items-list {
  margin-bottom: 30px;
}
.res-list-style-2 .items-list.grid-view .items-list-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 767px) {
  .res-list-style-2 .items-list.grid-view .items-list-wrap {
    grid-template-columns: 1fr;
  }
}
.res-list-style-2 .items-list.grid-view .items-list-wrap .item {
  margin-bottom: 0;
}

/* Active filter chips — shown above the items list when any filter is on. */
.res-list-style-2 .rl-active-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding: 10px 14px;
  background: var(--gray-1);
  border: 1px solid var(--gray-2);
  border-radius: 10px;
}
.res-list-style-2 .rl-active-filters[hidden] { display: none; }
.res-list-style-2 .rl-active-filters-label {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gray-6);
}
.res-list-style-2 .rl-active-filters-chips {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.res-list-style-2 .rl-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 4px 4px 12px;
  font-size: 13px;
  background: var(--white);
  border: 1px solid var(--gray-3);
  border-radius: 999px;
  color: var(--primary-7);
  white-space: nowrap;
}
.res-list-style-2 .rl-filter-chip-featured {
  background: var(--warning-1);
  border-color: var(--warning-3);
  color: var(--warning-7);
}
.res-list-style-2 .rl-filter-chip-featured i {
  color: var(--type-image);
}
.res-list-style-2 .rl-chip-label {
  color: var(--gray-6);
  font-weight: 500;
}
.res-list-style-2 .rl-filter-chip strong {
  font-weight: 700;
}
.res-list-style-2 .rl-chip-close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--gray-6);
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.res-list-style-2 .rl-chip-close:hover {
  background: var(--gray-2);
  color: var(--primary-7);
}
.res-list-style-2 .rl-active-filters-clear {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--primary-4);
  background: transparent;
  border: 0;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.res-list-style-2 .rl-active-filters-clear:hover {
  color: var(--primary-5);
}

/* "No results" message */
.res-list-style-2 .rl-no-results {
  margin: 30px 0;
  padding: 24px;
  text-align: center;
  font-size: 15px;
  color: var(--gray-6);
  background: var(--gray-1);
  border: 1px dashed var(--gray-3);
  border-radius: 8px;
}

/* Item button labels/icons — swap based on file type / external-link.
   Same logic as style_1: only one label+icon visible per item. */
.res-list-style-2 .item-btn-label-read,
.res-list-style-2 .item-btn-label-watch,
.res-list-style-2 .item-btn-label-listen,
.res-list-style-2 .item-btn-label-view,
.res-list-style-2 .item-btn-label-link,
.res-list-style-2 .item-btn-icon-read,
.res-list-style-2 .item-btn-icon-watch,
.res-list-style-2 .item-btn-icon-listen,
.res-list-style-2 .item-btn-icon-view,
.res-list-style-2 .item-btn-icon-link { display: none; }

.res-list-style-2 .item[data-file-type="Article"] .item-btn-label-download,
.res-list-style-2 .item[data-file-type="Article"] .item-btn-icon-download { display: none; }
.res-list-style-2 .item[data-file-type="Article"] .item-btn-label-read,
.res-list-style-2 .item[data-file-type="Article"] .item-btn-icon-read { display: inline-block; }

.res-list-style-2 .item[data-file-type="Video"] .item-btn-label-download,
.res-list-style-2 .item[data-file-type="Video"] .item-btn-icon-download { display: none; }
.res-list-style-2 .item[data-file-type="Video"] .item-btn-label-watch,
.res-list-style-2 .item[data-file-type="Video"] .item-btn-icon-watch { display: inline-block; }

.res-list-style-2 .item[data-file-type="Audio"] .item-btn-label-download,
.res-list-style-2 .item[data-file-type="Audio"] .item-btn-icon-download { display: none; }
.res-list-style-2 .item[data-file-type="Audio"] .item-btn-label-listen,
.res-list-style-2 .item[data-file-type="Audio"] .item-btn-icon-listen { display: inline-block; }

.res-list-style-2 .item[data-file-type="Image"] .item-btn-label-download,
.res-list-style-2 .item[data-file-type="Image"] .item-btn-icon-download { display: none; }
.res-list-style-2 .item[data-file-type="Image"] .item-btn-label-view,
.res-list-style-2 .item[data-file-type="Image"] .item-btn-icon-view { display: inline-block; }

.res-list-style-2 .item[data-file-type="Link"] .item-btn-label-download,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-label-read,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-label-watch,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-label-listen,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-label-view,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-icon-download,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-icon-read,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-icon-watch,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-icon-listen,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-icon-view,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-download,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-read,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-watch,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-listen,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-view,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-download,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-read,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-watch,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-listen,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-view { display: none; }
.res-list-style-2 .item[data-file-type="Link"] .item-btn-label-link,
.res-list-style-2 .item[data-file-type="Link"] .item-btn-icon-link,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-link,
.res-list-style-2 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-link { display: inline-block; }

/* Featured indicators — gold flag corner badge, gold meta pill, soft outline.
   Gold tone comes from --type-image (#E5AF36) — closest amber in the palette. */
.res-list-style-2 .item-img { position: relative; }
.res-list-style-2 .item-featured-flag,
.res-list-style-2 .item-meta-featured { display: none; }
.res-list-style-2 .item[data-featured="1"] .item-featured-flag {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px 3px 7px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--white);
  background: var(--type-image);
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
  line-height: 1.4;
  pointer-events: none;
  z-index: 2;
}
.res-list-style-2 .item[data-featured="1"] .item-featured-flag i { font-size: 10px; }
.res-list-style-2 .item[data-featured="1"] .item-meta-featured {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--type-image);
  color: var(--white);
}
.res-list-style-2 .item[data-featured="1"] .item-wrap {
  /* Soft gold ring + glow. RGB matches --type-image (#E5AF36); CSS vars
     can't be interpolated into rgba() without modern relative-color
     syntax, so the channel values are inlined to keep the alpha layers. */
  box-shadow: 0 0 0 2px rgba(229, 175, 54, .35), 0 4px 14px rgba(229, 175, 54, .12);
  border-radius: 8px;
}

/* Meta badges — Resource Type / File Type / Topic. */
.res-list-style-2 .item-meta-resource-type {
  background: var(--primary-7);
  color: var(--white);
}
.res-list-style-2 .item-meta-file-type {
  /* base color provided by .mp-recent-file-type-* modifier */
  color: var(--white);
}
.res-list-style-2 .item-meta-topic {
  background: transparent;
  color: var(--gray-6);
  box-shadow: inset 0 0 0 1px var(--gray-3);
}
.res-list-style-2 .item-meta-resource-type:empty,
.res-list-style-2 .item-meta-topic:empty,
.res-list-style-2 .item-meta-file-type:empty { display: none; }

/* Admin-toggleable image visibility + thumbnail-failure fallback. */
.res-list-style-2.hide-images .item-top-left,
.res-list-style-2.hide-images .item-img       { display: none !important; }
.res-list-style-2.hide-images .item-top-right { flex: 1 1 100% !important; max-width: 100% !important; }
.res-list-style-2 .item-top-left:has(.item-img._img-placeholder) { display: none !important; }
.res-list-style-2 .item-top:has(.item-img._img-placeholder) .item-top-right { flex: 1 1 100% !important; max-width: 100% !important; }

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Resources List - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/

/* Resources List - Style 1 — active filter chips above the items list.
   Renders only when one or more filters are applied; each chip has an
   × button that clears just that filter, plus a "Clear all" button. */
.res-list-style-1 .rl-active-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding: 10px 14px;
  background: var(--gray-1);
  border: 1px solid var(--gray-2);
  border-radius: 10px;
}
.res-list-style-1 .rl-active-filters[hidden] { display: none; }
.res-list-style-1 .rl-active-filters-label {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gray-6);
}
.res-list-style-1 .rl-active-filters-chips {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.res-list-style-1 .rl-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 4px 4px 12px;
  font-size: 13px;
  background: var(--white);
  border: 1px solid var(--gray-3);
  border-radius: 999px;
  color: var(--primary-7);
  white-space: nowrap;
}
.res-list-style-1 .rl-filter-chip-featured {
  background: var(--warning-1);
  border-color: var(--warning-3);
  color: var(--warning-7);
}
.res-list-style-1 .rl-filter-chip-featured i {
  color: var(--type-image);
}
.res-list-style-1 .rl-chip-label {
  color: var(--gray-6);
  font-weight: 500;
}
.res-list-style-1 .rl-filter-chip strong {
  font-weight: 700;
}
.res-list-style-1 .rl-chip-close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--gray-6);
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.res-list-style-1 .rl-chip-close:hover {
  background: var(--gray-2);
  color: var(--primary-7);
}
.res-list-style-1 .rl-active-filters-clear {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--primary-4);
  background: transparent;
  border: 0;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.res-list-style-1 .rl-active-filters-clear:hover {
  color: var(--primary-5);
}

/* Resources List - Style 1 — inline action row (Featured-only + Reset).
   Replaces the previous split between the featured row and a separate
   footer row containing the Reset button. */
.res-list-style-1 .rl-filter-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 14px;
}
.res-list-style-1 .rl-filter-actions .btn {
  margin-left: auto;
}
.res-list-style-1 .rl-filter-actions .checkbox-toggle {
  margin-bottom: 0;
}

/* Toolbar sort dropdown — small select alongside view toggle */
.res-list-style-1 .toolbar-sort select {
  padding: 4px 8px;
  font-size: 13px;
  border: 1px solid var(--gray-3);
  border-radius: 6px;
  background: var(--white);
}

/* "No results" message */
.res-list-style-1 .rl-no-results {
  margin: 30px 0;
  padding: 24px;
  text-align: center;
  font-size: 15px;
  color: var(--gray-6);
  background: var(--gray-1);
  border: 1px dashed var(--gray-3);
  border-radius: 8px;
}

/* Resources List - Style 1 — Sticky compact filter bar.
   The bar is moved to <body> by JS so position:fixed isn't trapped
   by transformed/containing-block ancestors, so these rules are
   scoped on the .rl-sticky-* classes directly (no .res-list-style-1
   ancestor). Hidden by default; .is-visible is toggled by JS once
   the banner filter scrolls above the viewport top. Override
   --rl-sticky-top if the site has a fixed header to slot under. */
.rl-sticky-filters {
  position: fixed;
  top: var(--rl-sticky-top, 0);
  left: 0;
  right: 0;
  z-index: 100;
  padding: 10px 0;
  background: var(--white);
  border-bottom: 1px solid var(--gray-3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform .25s ease, opacity .25s ease;
}
/* When the site's sticky header is active, slot the bar underneath
   it instead of letting it hide behind. --rl-sticky-top still wins
   if set explicitly. */
.has-sticky-header .rl-sticky-filters {
  top: var(--rl-sticky-top, var(--header-main-wrap-height, 0));
}
.rl-sticky-filters.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.rl-sticky-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rl-sticky-keyword,
.rl-sticky-filter {
  height: 36px;
  padding: 4px 10px;
  font-size: 13px;
  color: var(--primary-7);
  background: var(--white);
  border: 1px solid var(--gray-3);
  border-radius: 6px;
}
.rl-sticky-keyword {
  flex: 1 1 220px;
  min-width: 160px;
}
.rl-sticky-filter {
  flex: 0 1 auto;
  min-width: 140px;
}
.rl-sticky-keyword:focus,
.rl-sticky-filter:focus {
  outline: none;
  border-color: var(--primary-4);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}
.rl-sticky-featured {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0 4px;
  font-size: 13px;
  color: var(--gray-7);
  cursor: pointer;
  user-select: none;
}
.rl-sticky-featured input {
  margin: 0;
}
.rl-sticky-featured i {
  color: var(--type-image);
}
.rl-sticky-reset {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-6);
  background: transparent;
  border: 1px solid var(--gray-3);
  border-radius: 6px;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.rl-sticky-reset:hover {
  color: var(--primary-7);
  background: var(--gray-2);
  border-color: var(--gray-4);
}
@media (max-width: 768px) {
  .rl-sticky-inner {
    gap: 6px;
  }
  .rl-sticky-keyword {
    flex: 1 1 100%;
  }
  .rl-sticky-filter {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
  }
  .rl-sticky-featured,
  .rl-sticky-reset {
    flex: 0 0 auto;
  }
}

/* Resources List - Style 1 — Video modal (opens when a Video item is clicked) */
.rl-video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.rl-video-modal[aria-hidden="false"] {
  display: flex;
}
.rl-video-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .85);
  cursor: pointer;
}
.rl-video-modal-dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 960px;
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}
.rl-video-modal-close {
  position: absolute;

  top: -44px;
  right: -4px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  color: var(--white);
  background: transparent;
  border: 0;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color .15s ease;
}
.rl-video-modal-close:hover {
  background: rgba(255, 255, 255, .15);
}
.rl-video-modal .rl-video-modal-title {
  margin: 0 0 8px;
  padding: 0 0 0 2px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  letter-spacing: .02em;
}
.rl-video-modal .rl-video-modal-title:empty {
  display: none;
}
.rl-video-modal-frame {
  position: relative;
  background: var(--black);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}

/* Hide all three media elements by default; the active mode controls
   which one shows. */
.rl-video-modal-video,
.rl-video-modal-iframe,
.rl-video-modal-image { display: none; }

/* Mode: video file */
.rl-video-modal[data-mode="video"] .rl-video-modal-video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 80vh;
  background: var(--black);
  outline: none;
}

/* Mode: iframe (YouTube / Vimeo / etc.) — 16:9 aspect-ratio */
.rl-video-modal[data-mode="iframe"] .rl-video-modal-iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  /* fallback if browser doesn't support aspect-ratio */
  height: 56.25vw;
  max-height: 80vh;
  background: var(--black);
  border: 0;
}
@supports (aspect-ratio: 16 / 9) {
  .rl-video-modal[data-mode="iframe"] .rl-video-modal-iframe {
    height: auto;
  }
}

/* Mode: image — fit-contain inside dialog */
.rl-video-modal[data-mode="image"] .rl-video-modal-frame {
  background: transparent;
  box-shadow: none;
  text-align: center;
}
.rl-video-modal[data-mode="image"] .rl-video-modal-image {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 120px);
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
  object-fit: contain;
}

/* Lock body scroll when modal is open */
body.rl-modal-open {
  overflow: hidden;
}

/* Resources List - Style 1 — action button label/icon swap.
   Picks a verb that matches the file format:
     Article → "Read Article" + document icon  (links to /{post_page}/{alias})
     Video   → "Watch Video"  + play icon
     Audio   → "Listen"       + headphones icon
     Image   → "View"         + eye icon
     Link / has external link → "Open Link" + outbound arrow
     Anything else → "Download" + download icon (default)
   Source order matters — later rules override earlier ones for ties. */

/* 1. Default state: only "Download" label + icon are visible */
.res-list-style-1 .item-btn-label-read,
.res-list-style-1 .item-btn-label-watch,
.res-list-style-1 .item-btn-label-listen,
.res-list-style-1 .item-btn-label-view,
.res-list-style-1 .item-btn-label-link,
.res-list-style-1 .item-btn-icon-read,
.res-list-style-1 .item-btn-icon-watch,
.res-list-style-1 .item-btn-icon-listen,
.res-list-style-1 .item-btn-icon-view,
.res-list-style-1 .item-btn-icon-link { display: none; }

/* 2. Article → Read Article */
.res-list-style-1 .item[data-file-type="Article"] .item-btn-label-download,
.res-list-style-1 .item[data-file-type="Article"] .item-btn-icon-download { display: none; }
.res-list-style-1 .item[data-file-type="Article"] .item-btn-label-read,
.res-list-style-1 .item[data-file-type="Article"] .item-btn-icon-read { display: inline-block; }

/* 3. Video → Watch Video */
.res-list-style-1 .item[data-file-type="Video"] .item-btn-label-download,
.res-list-style-1 .item[data-file-type="Video"] .item-btn-icon-download { display: none; }
.res-list-style-1 .item[data-file-type="Video"] .item-btn-label-watch,
.res-list-style-1 .item[data-file-type="Video"] .item-btn-icon-watch { display: inline-block; }

/* 4. Audio → Listen */
.res-list-style-1 .item[data-file-type="Audio"] .item-btn-label-download,
.res-list-style-1 .item[data-file-type="Audio"] .item-btn-icon-download { display: none; }
.res-list-style-1 .item[data-file-type="Audio"] .item-btn-label-listen,
.res-list-style-1 .item[data-file-type="Audio"] .item-btn-icon-listen { display: inline-block; }

/* 5. Image → View */
.res-list-style-1 .item[data-file-type="Image"] .item-btn-label-download,
.res-list-style-1 .item[data-file-type="Image"] .item-btn-icon-download { display: none; }
.res-list-style-1 .item[data-file-type="Image"] .item-btn-label-view,
.res-list-style-1 .item[data-file-type="Image"] .item-btn-icon-view { display: inline-block; }

/* 6. Link OR has external link → "Open Link" wins over everything above */
.res-list-style-1 .item[data-file-type="Link"] .item-btn-label-download,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-label-read,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-label-watch,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-label-listen,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-label-view,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-icon-download,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-icon-read,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-icon-watch,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-icon-listen,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-icon-view,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-download,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-read,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-watch,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-listen,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-view,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-download,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-read,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-watch,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-listen,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-view { display: none; }
.res-list-style-1 .item[data-file-type="Link"] .item-btn-label-link,
.res-list-style-1 .item[data-file-type="Link"] .item-btn-icon-link,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-label-link,
.res-list-style-1 .item[data-external-link]:not([data-external-link=""]) .item-btn-icon-link { display: inline-block; }

/* Resources List - Style 1 — Featured indicators (driven by data-featured attribute).
   Hidden by default on every item, only revealed when data-featured="1". */
.res-list-style-1 .item-img { position: relative; }

.res-list-style-1 .item-featured-flag,
.res-list-style-1 .item-meta-featured { display: none; }

.res-list-style-1 .item[data-featured="1"] .item-featured-flag {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px 3px 7px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--white);
  background: var(--type-image);
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
  line-height: 1.4;
  pointer-events: none;
  z-index: 2;
}
.res-list-style-1 .item[data-featured="1"] .item-featured-flag i { font-size: 10px; }

/* Featured meta badge (gold) — shows in the meta row alongside other badges */
.res-list-style-1 .item[data-featured="1"] .item-meta-featured {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--type-image);
  color: var(--white);
}

/* Subtle gold outline + soft glow on the whole item when featured.
   RGB matches --type-image (#E5AF36); inlined for the alpha layers
   since CSS vars don't compose into rgba() without modern relative-
   color syntax. */
.res-list-style-1 .item[data-featured="1"] .item-wrap {
  box-shadow: 0 0 0 2px rgba(229, 175, 54, .35), 0 4px 14px rgba(229, 175, 54, .12);
  border-radius: 8px;
}

/* Resources List - Style 1 — meta badges (Resource Type / File Type / Topic) */
.res-list-style-1 .item-meta-resource-type {
  background: var(--primary-7);
  color: var(--white);
}
.res-list-style-1 .item-meta-file-type {
  /* base color provided by .mp-recent-file-type-* modifier */
  color: var(--white);
}
.res-list-style-1 .item-meta-topic {
  background: transparent;
  color: var(--gray-6);
  box-shadow: inset 0 0 0 1px var(--gray-3);
}

/* Auto-hide any meta badge that wasn't filled in for a given post */
.res-list-style-1 .item-meta-resource-type:empty,
.res-list-style-1 .item-meta-topic:empty,
.res-list-style-1 .item-meta-file-type:empty { display: none; }

/* Hide the file-type badge when the placeholder value didn't get replaced */
.res-list-style-1 .mp-recent-file-type:not([class*="mp-recent-file-type-"]) { display: none; }

/* Resources List - Simple — fields from custom_tab_resources.php */
.res-list-style-simple .mp-recent-list li {
  flex-wrap: wrap;
  row-gap: 4px;
  font-size: 15px;
  padding: 14px 0;
}
.res-list-style-simple .mp-recent-type {
  font-size: 12px;
}
.res-list-style-simple .mp-recent-date {
  font-size: 13px;
}
.res-list-style-simple .mp-card-badge {
  font-size: 11px;
  padding: 3px 10px;
}
.res-list-style-simple .mp-recent-action-icon {
  font-size: 13px;
}
.res-list-style-simple .mp-recent-link {
  flex: 1 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--primary-7);
  font-weight: 600;
  text-decoration: none;
}
.res-list-style-simple .mp-recent-link:hover {
  color: var(--primary-5);
  text-decoration: underline;
}
.res-list-style-simple .mp-recent-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.res-list-style-simple .mp-recent-download-icon {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--gray-5);
}

/* File Type badge — color-coded by custom_post_file_type. All colors
   resolve to root.css palette tokens so site-wide theme changes flow
   through automatically. Mappings chosen for closest hue/value match
   to the previous tailwind-derived palette. */
.mp-recent-file-type {
  background: var(--gray-6);
  color: var(--white);
}
.mp-recent-file-type-Document     { background: var(--primary-4);  color: var(--white); }
.mp-recent-file-type-PDF          { background: var(--danger);     color: var(--white); }
.mp-recent-file-type-Spreadsheet  { background: var(--success);    color: var(--white); }
.mp-recent-file-type-Presentation { background: var(--third-4);    color: var(--white); }
.mp-recent-file-type-Image        { background: var(--teal);       color: var(--white); }
.mp-recent-file-type-Video        { background: var(--purple);     color: var(--white); }
.mp-recent-file-type-Audio        { background: var(--pink);       color: var(--white); }
.mp-recent-file-type-Archive      { background: var(--warning-7);  color: var(--white); }
.mp-recent-file-type-Link         { background: var(--info-3);     color: var(--white); }
.mp-recent-file-type-Other        { background: var(--gray-6);     color: var(--white); }

/* Topic — neutral outlined pill */
.mp-recent-topic {
  background: transparent;
  color: var(--gray-6);
  box-shadow: inset 0 0 0 1px var(--gray-3);
}

/* Featured star (Resources List - Simple) — CSS-driven via data-featured */
.res-list-style-simple .mp-recent-featured { display: none; }
.res-list-style-simple .mp-recent-item[data-featured="1"] .mp-recent-featured {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  color: var(--white);
  background: var(--type-image);
  border-radius: 50%;
  /* RGB matches --type-image (#E5AF36); inlined for the alpha layer. */
  box-shadow: 0 0 0 3px rgba(229, 175, 54, .15);
}

/* Action icon next to the title — swaps based on file format */
.res-list-style-simple .mp-recent-action-icon {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--gray-5);
}

/* 1. Default: only the download icon is visible */
.res-list-style-simple .mp-recent-action-icon-read,
.res-list-style-simple .mp-recent-action-icon-watch,
.res-list-style-simple .mp-recent-action-icon-listen,
.res-list-style-simple .mp-recent-action-icon-view,
.res-list-style-simple .mp-recent-action-icon-link { display: none; }

/* 2. Article → read */
.res-list-style-simple .mp-recent-item[data-file-type="Article"] .mp-recent-action-icon-download { display: none; }
.res-list-style-simple .mp-recent-item[data-file-type="Article"] .mp-recent-action-icon-read     { display: inline-block; }

/* 3. Video → watch */
.res-list-style-simple .mp-recent-item[data-file-type="Video"] .mp-recent-action-icon-download { display: none; }
.res-list-style-simple .mp-recent-item[data-file-type="Video"] .mp-recent-action-icon-watch    { display: inline-block; }

/* 4. Audio → listen */
.res-list-style-simple .mp-recent-item[data-file-type="Audio"] .mp-recent-action-icon-download { display: none; }
.res-list-style-simple .mp-recent-item[data-file-type="Audio"] .mp-recent-action-icon-listen   { display: inline-block; }

/* 5. Image → view */
.res-list-style-simple .mp-recent-item[data-file-type="Image"] .mp-recent-action-icon-download { display: none; }
.res-list-style-simple .mp-recent-item[data-file-type="Image"] .mp-recent-action-icon-view     { display: inline-block; }

/* 6. Link OR has external link → link icon overrides everything above */
.res-list-style-simple .mp-recent-item[data-file-type="Link"] .mp-recent-action-icon-download,
.res-list-style-simple .mp-recent-item[data-file-type="Link"] .mp-recent-action-icon-read,
.res-list-style-simple .mp-recent-item[data-file-type="Link"] .mp-recent-action-icon-watch,
.res-list-style-simple .mp-recent-item[data-file-type="Link"] .mp-recent-action-icon-listen,
.res-list-style-simple .mp-recent-item[data-file-type="Link"] .mp-recent-action-icon-view,
.res-list-style-simple .mp-recent-item[data-external-link]:not([data-external-link=""]) .mp-recent-action-icon-download,
.res-list-style-simple .mp-recent-item[data-external-link]:not([data-external-link=""]) .mp-recent-action-icon-read,
.res-list-style-simple .mp-recent-item[data-external-link]:not([data-external-link=""]) .mp-recent-action-icon-watch,
.res-list-style-simple .mp-recent-item[data-external-link]:not([data-external-link=""]) .mp-recent-action-icon-listen,
.res-list-style-simple .mp-recent-item[data-external-link]:not([data-external-link=""]) .mp-recent-action-icon-view { display: none; }
.res-list-style-simple .mp-recent-item[data-file-type="Link"] .mp-recent-action-icon-link,
.res-list-style-simple .mp-recent-item[data-external-link]:not([data-external-link=""]) .mp-recent-action-icon-link { display: inline-block; }

/* Field-level visibility toggles — apply in BOTH list and grid views.
   !important guarantees these win over any view-specific layout rules
   that may set display elsewhere. */
.res-list-style-simple.hide-resource-type .mp-recent-type      { display: none !important; }
.res-list-style-simple.hide-file-type     .mp-recent-file-type { display: none !important; }
.res-list-style-simple.hide-topic         .mp-recent-topic     { display: none !important; }
.res-list-style-simple.hide-featured      .mp-recent-featured  { display: none !important; }
.res-list-style-simple.hide-date          .mp-recent-date      { display: none !important; }
.res-list-style-simple.hide-images        .mp-recent-cover     { display: none !important; }

/* Resources List - Style 1 — admin-toggleable image visibility.
   Hiding .item-top-left collapses the entire image column so the
   text side fills the card width in grid view. Also hides
   .item-img directly (defense in depth — any media-type-specific
   override from earlier in this file can't outweigh !important). */
.res-list-style-1.hide-images .item-top-left,
.res-list-style-1.hide-images .item-img       { display: none !important; }
.res-list-style-1.hide-images .item-top-right { flex: 1 1 100% !important; max-width: 100% !important; }

/* Resources List - Style 1 — auto-hide image column when the
   underlying thumbnail failed to load. The framework's onerror
   handler on the <img> adds ._img-placeholder to .item-img when
   the src 404s; this rule then collapses the empty image column
   so resources without thumbnails don't show a logo placeholder.
   Uses :has() — supported in all modern browsers (Chrome 105+,
   Safari 15.4+, Firefox 121+). Older browsers fall back to the
   default behavior (placeholder shown). */
.res-list-style-1 .item-top-left:has(.item-img._img-placeholder) { display: none !important; }
.res-list-style-1 .item-top:has(.item-img._img-placeholder) .item-top-right { flex: 1 1 100% !important; max-width: 100% !important; }

/* Cover image — hidden in list view, shown at the top of each grid card */
.res-list-style-simple .mp-recent-cover { display: none; }

/* Grid view — 3 columns (2 on tablet, 1 on mobile) */
.res-list-style-simple.view-grid .mp-recent-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .res-list-style-simple.view-grid .mp-recent-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .res-list-style-simple.view-grid .mp-recent-list { grid-template-columns: 1fr; }
}

/* Each item becomes a vertical card */
.res-list-style-simple.view-grid .mp-recent-list li.mp-recent-item {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
  row-gap: 6px;
  padding: 14px 16px;
  background: var(--white);
  border: 1px solid #f3f4f6;
  border-top: 1px solid #f3f4f6;
  border-radius: 12px;
  overflow: hidden;
}
.res-list-style-simple.view-grid .mp-recent-list li.mp-recent-item:first-child {
  padding-top: 14px;
}
/* Lock direct children to their natural height — prevents the
   list-view's `flex: 1` rule on .mp-recent-link from making the
   link absorb leftover vertical space and creating phantom gaps. */
.res-list-style-simple.view-grid .mp-recent-list li.mp-recent-item > * {
  flex: 0 0 auto;
}

/* Cover image at top of grid card — extends to card edges */
.res-list-style-simple.view-grid .mp-recent-cover {
  display: block;
  width: calc(100% + 32px);
  height: 130px;
  margin: -14px -16px 6px;
  background-color: #f3f4f6;
  overflow: hidden;
}
.res-list-style-simple.view-grid .mp-recent-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* When the thumbnail is missing, the onerror hides the broken <img>
   and adds ._img-placeholder to the parent. The framework's global
   ._img-placeholder rule (utilities.css) then shows the site logo
   centered on a gray background — same behavior as resources_list.style_1. */

/* Title link spans full width with vertical wrapping */
.res-list-style-simple.view-grid .mp-recent-link {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 2px 0 4px;
}
.res-list-style-simple.view-grid .mp-recent-title-text {
  flex: 1 1 auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.4;
}
.res-list-style-simple.view-grid .mp-recent-action-icon {
  flex: 0 0 auto;
  margin-top: 3px;
  font-size: 13px;
}

/* Featured star floats in the top-right corner, over the cover image */
.res-list-style-simple.view-grid .mp-recent-item[data-featured="1"] .mp-recent-featured {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  box-shadow: 0 0 0 3px rgba(212, 160, 23, .15), 0 2px 6px rgba(0, 0, 0, .25);
}

/* Resource Type sits under the title in a small muted style */
.res-list-style-simple.view-grid .mp-recent-type {
  width: auto;
  font-size: 12px;
}

/* File Type badge sits at the top of the card */
.res-list-style-simple.view-grid .mp-recent-file-type {
  align-self: flex-start;
}

/* Topic badge — separate row */
.res-list-style-simple.view-grid .mp-recent-topic {
  align-self: flex-start;
}

/* Date pinned to the bottom of the card */
.res-list-style-simple.view-grid .mp-recent-date {
  margin-top: auto;
  padding-top: 6px;
  font-size: 13px;
  align-self: flex-end;
}

/* Auto-hide fields the admin hasn't filled in for that post */
.mp-recent-type:empty,
.mp-recent-file-type:empty,
.mp-recent-topic:empty { display: none; }

/* Card-level badges — small pills used inside event/announcement/resource cards */
.mp-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.mp-card-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.5;
  border-radius: 999px;
  white-space: nowrap;
}

/* Status / urgency */
.mp-card-badge-new       { background: #10b981; color: var(--white); }
.mp-card-badge-updated   { background: var(--primary-4); color: var(--white); }
.mp-card-badge-time      { background: #ef4444; color: var(--white); }
.mp-card-badge-soldout   { background: #ef4444; color: var(--white); }
.mp-card-badge-almostfull{ background: #f59e0b; color: var(--white); }
.mp-card-badge-featured  { background: #d4a017; color: var(--white); }
.mp-card-badge-pinned    { background: #d4a017; color: var(--white); }

/* Pricing / access */
.mp-card-badge-earlybird { background: var(--third-4); color: var(--white); }
.mp-card-badge-free      { background: transparent; color: #047857; box-shadow: inset 0 0 0 1px #047857; }
.mp-card-badge-paid      { background: transparent; color: #6b7280; box-shadow: inset 0 0 0 1px #d1d5db; }
.mp-card-badge-members   { background: var(--primary-7); color: var(--white); }
.mp-card-badge-public    { background: transparent; color: #6b7280; box-shadow: inset 0 0 0 1px #d1d5db; }
.mp-card-badge-premium   { background: #d4a017; color: var(--white); }

/* Recent-list inline badge sits between title and date */
.mp-recent-list .mp-card-badge {
  flex: 0 0 auto;
}

/* Recently Added — compact resource list */
.mp-recent-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mp-recent-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid #f3f4f6;
  font-size: 14px;
}
.mp-recent-list li:first-child {
  border-top: 0;
  padding-top: 0;
}
.mp-recent-type {
  flex: 0 0 70px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--primary-4);
}
.mp-recent-list a {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--primary-7);
  font-weight: 600;
  text-decoration: none;
}
.mp-recent-list a:hover {
  color: var(--primary-5);
  text-decoration: underline;
}
.mp-recent-date {
  flex: 0 0 auto;
  font-size: 12px;
  color: #9ca3af;
  white-space: nowrap;
}

@media (max-width: 575px) {
  .mp-recent-list li { flex-wrap: wrap; }
  .mp-recent-date { width: 100%; padding-left: 84px; }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directories List - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.dir-list-style-1 {
  --toggle-switch-height: 26px;
  --form-border-color: var(--form-bg);
  --form-subcontrol-color: var(--text-color);
  --form-subcontrol-color-hover: var(--text-color);
  --form-subcontrol-bg: trasparent;
  --form-subcontrol-bg-hover: trasparent;
}

.dir-list-style-1 .content-area-wrap {
  padding-bottom: 60px;
}

.dir-list-style-1 .dir-list-banner-wrap {
  position: relative;
}
.dir-list-style-1 .dir-list-banner-inner {
  display: flex;
  align-items: flex-end;
  position: relative;
  min-height: 480px;
  padding: 80px 0 0;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-banner-inner {
    min-height: 320px;
  }
}
.has-overlap-header .dir-list-style-1 .dir-list-banner-inner {
  padding-top: calc(200px + var(--header-main-wrap-height));
}
@media (max-width: 1199px) {
  .has-overlap-header .dir-list-style-1 .dir-list-banner-inner {
    padding-top: calc(80px + var(--header-main-wrap-height));
  }
}
.dir-list-style-1 .dir-list-banner-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dir-list-style-1 .dir-list-banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dir-list-style-1 .dir-list-banner-title {
  color: var(--white);
  font-size: 60px;
  margin-bottom: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-banner-title {
    font-size: 51px;
  }
}
.dir-list-style-1 .dir-list-banner-des {
  color: var(--white);
  font-size: 20px;
  max-width: 670px;
  margin-top: 30px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1199px) {
  .dir-list-style-1 .dir-list-banner-des {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-banner-des {
    font-size: 16px;
  }
}
.dir-list-style-1 .dir-list-banner-des:empty {
  display: none;
}
.dir-list-style-1 .dir-list-banner-des p {
  margin-bottom: 0;
}
.dir-list-style-1 .dir-list-banner-des p + p {
  margin-top: 15px;
}
.dir-list-style-1 .dir-list-banner.is-img-center .dir-list-banner-img img {
  -o-object-position: center;
     object-position: center;
}
.dir-list-style-1 .dir-list-banner.is-img-top .dir-list-banner-img img {
  -o-object-position: center top;
     object-position: center top;
}
.dir-list-style-1 .dir-list-banner.is-img-bottom .dir-list-banner-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.dir-list-style-1 .dir-list-filter {
  font-size: var(--form-font-size);
  margin-top: 50px;
}
.dir-list-style-1 .dir-list-filter-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  padding: 40px 60px;
  border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
  background-color: var(--primary);
}
@media (max-width: 1199px) {
  .dir-list-style-1 .dir-list-filter-form {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .dir-list-style-1 .dir-list-filter-form {
    padding: 30px 20px;
  }
}
.dir-list-style-1 .dir-list-filter-item {
  flex: 1;
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-filter-item {
    flex: 0 0 100%;
    width: 100%;
  }
}
.dir-list-style-1 .dir-list-filter-title {
  flex: 0;
  margin-bottom: 0;
  margin-right: 30px;
  color: var(--text-color-on-primary);
  font-size: 26px;
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-filter-title {
    font-size: 22px;
    flex: 0 0 100%;
    width: 100%;
    margin-right: 0;
  }
}
.dir-list-style-1 .dir-list-filter-btns {
  flex: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-filter-btns {
    flex: 0 0 100%;
    width: 100%;
  }
}
.dir-list-style-1 .dir-list-filter-btns button {
  height: var(--form-input-height);
  padding: 0 var(--btn-md-padding-x);
  font-weight: var(--font-weight-bold);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--btn-border-radius-rounded);
}
.dir-list-style-1 .dir-list-filter-btns button.search-btn {
  color: var(--text-color-on-primary);
  border-color: var(--primary-6);
  background-color: var(--primary-6);
}
.dir-list-style-1 .dir-list-filter-btns button.search-btn:hover {
  color: var(--text-color);
  border-color: var(--white);
  background-color: var(--white);
}
.dir-list-style-1 .dir-list-filter-btns button.reset-btn {
  color: var(--white);
  border-color: var(--white);
  background-color: transparent;
}
.dir-list-style-1 .dir-list-filter-btns button.reset-btn:hover {
  color: var(--text-color-on-primary);
  border-color: var(--primary-6);
  background-color: var(--primary-6);
}

.dir-list-style-1 .dir-list-top-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 10px;
  padding: 45px 0;
}

.dir-list-style-1 .view-toggle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 15px;
}
.dir-list-style-1 .view-toggle-switch {
  position: relative;
  width: calc(var(--toggle-switch-height) * 2);
  height: var(--toggle-switch-height);
  border-radius: calc(var(--toggle-switch-height) / 2);
  background-color: var(--light);
  box-shadow: inset 0 0 0 1px var(--border-color-dark);
  transition: var(--transition-200);
}
.dir-list-style-1 .view-toggle-switch > span {
  position: absolute;
  top: 0;
  right: var(--toggle-switch-height);
  height: var(--toggle-switch-height);
  width: var(--toggle-switch-height);
  border-radius: 50%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-color: var(--primary);
  transition: var(--transition-200);
}
.dir-list-style-1 .view-toggle.active .view-toggle-switch > span {
  right: 0;
}

.dir-list-style-1 .dir-list-item {
  margin-bottom: 30px;
}
.dir-list-style-1 .dir-list-item-wrap {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  min-height: 200px;
  border-radius: var(--border-radius-md);
  background-color: var(--light);
}
.dir-list-style-1 .dir-list-item-header {
  flex: 0 0 38.2%;
  width: 100%;
  max-width: 38.2%;
  min-height: 170px;
  padding: 10px;
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-item-header {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
  }
}
.dir-list-style-1 .dir-list-item-body {
  flex: 0 0 61.8%;
  width: 100%;
  max-width: 61.8%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 30px;
}
@media (max-width: 991px) {
  .dir-list-style-1 .dir-list-item-body {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    padding: 20px 30px 30px;
  }
}
@media (max-width: 575px) {
  .dir-list-style-1 .dir-list-item-body {
    padding: 10px 20px 20px;
  }
}
.dir-list-style-1 .dir-list-item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 15px;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-1);
  transition: box-shadow var(--transition-200);
}
.dir-list-style-1 .dir-list-item-img img {
  width: 100%;
  max-width: 250px;
}
.dir-list-style-1 .dir-list-item-title {
  font-size: 23px;
  margin-bottom: 15px;
}
.dir-list-style-1 .dir-list-item-title a {
  text-decoration: none;
}
.dir-list-style-1 .dir-list-item-metas {
  margin-bottom: 20px;
  font-size: 16px;
}
.dir-list-style-1 .dir-list-item-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
}
.dir-list-style-1 .dir-list-item-link {
  margin-top: auto;
  margin-bottom: 0;
}
.dir-list-style-1 .dir-list-item:hover .dir-list-item-img {
  box-shadow: var(--shadow-1-hover);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directories List - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directory Details - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.dir-details-style-1 {
  background-color: var(--light);
}

.dir-details-style-1 h2 {
  margin-bottom: 15px;
}
.dir-details-style-1 h3, .dir-details-style-1 h4, .dir-details-style-1 h5, .dir-details-style-1 h6 {
  margin-top: 45px;
  margin-bottom: 15px;
  font-size: 25px;
  color: var(--primary);
}
@media (max-width: 991px) {
  .dir-details-style-1 h3, .dir-details-style-1 h4, .dir-details-style-1 h5, .dir-details-style-1 h6 {
    margin-top: 0;
    font-size: 20px;
  }
}

.dir-details-style-1 .dir-details-top-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 10px;
  padding: 45px 0;
}

.dir-details-style-1 .dir-details-return {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  color: var(--text-color);
  text-decoration: none;
}
.dir-details-style-1 .dir-details-return svg {
  height: 24px;
  width: auto;
}
.dir-details-style-1 .dir-details-return path {
  transition: var(--transition-200);
}
.dir-details-style-1 .dir-details-return:hover {
  color: var(--third);
}
.dir-details-style-1 .dir-details-return:hover path {
  fill: var(--third);
}

.dir-details-style-1 .dir-details-side {
  order: 0;
}
.dir-details-style-1 .dir-details-main {
  order: 1;
  margin-bottom: 30px;
}

.dir-details-style-1 .dir-details-gallery {
  margin-top: 30px;
}

.dir-details-style-1 .dir-details-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 285px;
  padding: 20px;
  margin-bottom: 30px;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-1);
}
.dir-details-style-1 .dir-details-img img {
  width: 100%;
  max-width: 250px;
}

.dir-details-style-1 .dir-details-des ul {
  list-style: none;
  padding-left: 0;
}
@media (min-width: 768px) {
  .dir-details-style-1 .dir-details-des ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.dir-details-style-1 .dir-details-des ul li {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.dir-details-style-1 .dir-details-des ul li::before {
  content: "▶";
  font-size: 10px;
  margin-top: 6px;
}

.dir-details-style-1 .dir-details-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
}
.dir-details-style-1 .dir-details-meta p {
  margin-bottom: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directory Details - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Carousel - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.posts-carousel .row > div[style]:not([class]),
.posts-carousel .row > .blogs_posts_list_ajax_position,
.posts-carousel .row > .blogs-show-more {
  display: none !important;
}
.posts-carousel .posts-no-result {
  max-width: 300px;
  padding: 30px 50px;
  margin: 0 auto;
  font-size: 22px;
  text-align: center;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.posts-carousel .posts-carousel-load-btn {
  display: none;
  text-align: center;
}
.posts-carousel .posts-carousel-loader {
  text-align: center;
}
.posts-carousel .blogs-post-crop-icon {
  display: none !important;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Carousel - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts Carousel - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.posts-carousel-style-1 .slick-track {
  display: flex;
}
.posts-carousel-style-1 .posts-carousel-wrap {
  opacity: 0;
  transition: opacity var(--transition-500);
}
.posts-carousel-style-1 .posts-carousel-wrap.slick-initialized {
  opacity: 1;
}
.posts-carousel-style-1 .posts-carousel-item {
  height: auto;
  margin: 15px;
}
.posts-carousel-style-1 .posts-carousel-item-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
.posts-carousel-style-1 .posts-carousel-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/4;
  background-color: var(--gray-2);
}
.posts-carousel-style-1 .posts-carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.posts-carousel-style-1 .posts-carousel-item-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 1px;
}
.posts-carousel-style-1 .posts-carousel-item-title {
  margin-bottom: 15px;
  font-size: 20px;
}
.posts-carousel-style-1 .posts-carousel-item-date {
  display: none;
  margin-bottom: 15px;
  font-size: 14px;
}
.posts-carousel-style-1 .posts-carousel-item-date i {
  margin-right: 5px;
}
.posts-carousel-style-1 .posts-carousel-item-des {
  font-size: 16px;
}
.posts-carousel-style-1 .posts-carousel-item-btn {
  display: none;
  margin-top: auto;
}
.posts-carousel-style-1.show-date .posts-carousel-item-date {
  display: block;
}
.posts-carousel-style-1.show-btn .posts-carousel-item-btn {
  display: block;
}
.posts-carousel-style-1 .posts-carousel-item-wrap:hover {
  box-shadow: 0 7px 8px rgba(0, 0, 0, 0.15);
}
.posts-carousel-style-1 .posts-carousel-item-wrap:hover .posts-carousel-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts Carousel - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts Carousel - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.posts-carousel-style-2 {
  position: relative;
  background-color: var(--dark);
}
.posts-carousel-style-2 .slick-slider {
  margin-bottom: 0;
}
.posts-carousel-style-2 .slick-track {
  display: flex;
}
.posts-carousel-style-2 .slick-dots {
  position: relative;
  bottom: 0px;
  justify-content: flex-start;
}
.posts-carousel-style-2 .posts-carousel-bg {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition-500);
}
.posts-carousel-style-2 .posts-carousel-bg.active {
  opacity: 1;
  visibility: visible;
}
.posts-carousel-style-2 .posts-carousel-wrap {
  padding-top: var(--content-area-xxl-p-t);
  padding-bottom: var(--content-area-xxl-p-b);
  backdrop-filter: blur(30px);
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity var(--transition-500);
}
@media (max-width: 991px) {
  .posts-carousel-style-2 .posts-carousel-wrap {
    padding-top: var(--content-area-xxl-p-t-tablet);
    padding-bottom: var(--content-area-xxl-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .posts-carousel-style-2 .posts-carousel-wrap {
    padding-top: var(--content-area-xxl-p-t-phone);
    padding-bottom: var(--content-area-xxl-p-b-phone);
  }
}
.posts-carousel-style-2 .posts-carousel-wrap.slick-initialized {
  opacity: 1;
}
.has-overlap-header .posts-carousel-style-2 .posts-carousel-wrap {
  padding-top: calc(var(--content-area-xl-p-t) + var(--header-main-wrap-height));
}
@media (max-width: 991px) {
  .has-overlap-header .posts-carousel-style-2 .posts-carousel-wrap {
    padding-top: calc(var(--content-area-xl-p-t-tablet) + var(--header-main-wrap-height));
  }
}
@media (max-width: 767px) {
  .has-overlap-header .posts-carousel-style-2 .posts-carousel-wrap {
    padding-top: calc(var(--content-area-xl-p-t-phone) + var(--header-main-wrap-height));
  }
}
.posts-carousel-style-2 .posts-carousel-item {
  padding: 20px 0;
}
.posts-carousel-style-2 .posts-carousel-item-wrap {
  padding-left: var(--content-area-p-x);
  padding-right: var(--content-area-p-x);
}
@media (max-width: 991px) {
  .posts-carousel-style-2 .posts-carousel-item-wrap {
    padding-left: var(--content-area-p-x-tablet);
    padding-right: var(--content-area-p-x-tablet);
  }
}
@media (max-width: 767px) {
  .posts-carousel-style-2 .posts-carousel-item-wrap {
    padding-left: var(--content-area-p-x-phone);
    padding-right: var(--content-area-p-x-phone);
  }
}
.posts-carousel-style-2 .posts-carousel-item-wrap > .container .row {
  position: relative;
}
.posts-carousel-style-2 .posts-carousel-item-tagline {
  display: block;
  margin-bottom: 10px;
  color: var(--white);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
}
.posts-carousel-style-2 .posts-carousel-item-title {
  color: var(--white);
  font-size: 45px;
}
@media (max-width: 1365px) {
  .posts-carousel-style-2 .posts-carousel-item-title {
    font-size: 35px;
  }
}
.posts-carousel-style-2 .posts-carousel-item-date i {
  margin-right: 5px;
}
.posts-carousel-style-2 .posts-carousel-item-des {
  font-size: 16px;
}
.posts-carousel-style-2 .posts-carousel-item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.posts-carousel-style-2 .posts-carousel-item-img {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-lg);
  background-color: var(--gray-2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.posts-carousel-style-2 .posts-carousel-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.posts-carousel-style-2.show-date .posts-carousel-item-date {
  display: block;
}
.posts-carousel-style-2.show-btn .posts-carousel-item-btn {
  display: block;
}
.posts-carousel-style-2 .posts-carousel-item-wrap > .container > .row:hover .posts-carousel-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts Carousel - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.post-details-style-1 .post-details-header-inner {
  padding-top: 100px;
  margin-left: auto;
  margin-right: auto;
  max-width: 670px;
}
@media (min-width: 992px) {
  .has-overlap-header .post-details-style-1 .post-details-header-inner {
    padding-top: calc(100px + var(--header-main-wrap-height));
  }
}
.post-details-style-1 .post-details-title {
  color: var(--text-color);
}

.post-details-style-1 .post-details-subheader-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0;
  max-width: 670px;
  border-bottom: 1px solid var(--border-color-dark);
}
.post-details-style-1 .post-details-metas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.post-details-style-1 .post-details-meta-divider {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--text-color);
}
.post-details-style-1 .post-details-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.post-details-style-1 .post-details-author-avatar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  color: var(--white);
  font-weight: var(--font-weight-thin);
  background-color: var(--primary);
}
.post-details-style-1 .post-details-author-avatar-img {
  overflow: hidden;
  position: relative;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.post-details-style-1 .post-details-author-avatar-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.post-details-style-1 .post-details-author-text {
  flex: 1 1 auto;
}
.post-details-style-1 .post-details-author-name {
  display: block;
  overflow-wrap: break-word;
  font-size: 20px;
  font-weight: var(--font-weight-bold);
}
.post-details-style-1 .post-details-author-date {
  display: block;
  font-size: 14px;
}
.post-details-style-1 .post-details-author-date i {
  margin-right: 5px;
}
.post-details-style-1 .post-details-date i {
  margin-right: 10px;
}

.post-details-style-1 .post-details-body-inner {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  max-width: 670px;
}

.post-details-style-1 .post-details-banner {
  margin-left: auto;
  margin-right: auto;
  max-width: 870px;
}
.post-details-style-1 .post-details-banner img {
  width: 100%;
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}
.post-details-style-1.no-header-img .post-details-header {
  background-color: var(--primary-1);
}
.post-details-style-1.no-header-img .post-details-header-inner {
  padding-bottom: 60px;
}
.post-details-style-1.has-header-img .post-details-header {
  position: relative;
}
.post-details-style-1.has-header-img .post-details-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  background-color: var(--primary-1);
  z-index: -1;
}
.post-details-style-1.has-header-img .post-details-header-inner {
  padding-bottom: 30px;
}

.post-details-style-1.has-gallery .post-details-subheader-inner {
  border-bottom: 0;
}
.post-details-style-1 .gallery {
  margin: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.post-details-style-2 .post-details-header {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("/images/static/bg/gradient_01_600.webp");
}
.post-details-style-2 .post-details-header-left,
.post-details-style-2 .post-details-header-right {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .post-details-style-2 .post-details-header-left {
    margin-bottom: 50px;
  }
}
.post-details-style-2 .post-details-header-wrap {
  padding-top: 150px;
  padding-bottom: 90px;
  backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 991px) {
  .post-details-style-2 .post-details-header-wrap {
    padding-top: 90px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .post-details-style-2 .post-details-header-wrap {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.has-overlap-header .post-details-style-2 .post-details-header-wrap {
  padding-top: calc(120px + var(--header-main-wrap-height));
}
@media (max-width: 991px) {
  .has-overlap-header .post-details-style-2 .post-details-header-wrap {
    padding-top: calc(90px + var(--header-main-wrap-height));
  }
}
@media (max-width: 767px) {
  .has-overlap-header .post-details-style-2 .post-details-header-wrap {
    padding-top: calc(60px + var(--header-main-wrap-height));
  }
}

.post-details-style-2 .post-details-tagline {
  display: block;
  font-size: 14px;
  font-weight: var(--font-weight-semi-bold);
  color: var(--secondary);
  text-transform: uppercase;
}
.post-details-style-2 .post-details-metas {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: var(--font-weight-semi-bold);
}
.post-details-style-2 .post-details-title {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-size: 50px;
}
@media (max-width: 1365px) {
  .post-details-style-2 .post-details-title {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .post-details-style-2 .post-details-title {
    font-size: 32px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .post-details-style-2 .post-details-title {
    padding-bottom: 0;
  }
}
.post-details-style-2 .post-details-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 65px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--secondary);
}
@media (max-width: 991px) {
  .post-details-style-2 .post-details-title:after {
    width: 40px;
  }
}
@media (max-width: 575px) {
  .post-details-style-2 .post-details-title:after {
    display: none;
  }
}
.post-details-style-2 .post-details-author {
  position: relative;
  left: -2px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 991px) {
  .post-details-style-2 .post-details-author {
    gap: 15px;
  }
}
.post-details-style-2 .post-details-author-avatar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  color: var(--white);
  font-weight: var(--font-weight-thin);
  background-color: var(--primary);
}
.post-details-style-2 .post-details-author-avatar-img {
  overflow: hidden;
  position: relative;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .post-details-style-2 .post-details-author-avatar-img {
    width: 50px;
    height: 50px;
  }
}
.post-details-style-2 .post-details-author-avatar-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.post-details-style-2 .post-details-author-text {
  flex: 1 1 auto;
}
.post-details-style-2 .post-details-author-name {
  display: block;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
}
.post-details-style-2 .post-details-author-date {
  display: block;
  font-size: 14px;
  font-weight: var(--font-weight-thin);
}

.post-details-style-2 .post-details-banner {
  display: block;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-lg);
  background-color: var(--gray-2);
  box-shadow: 15px 15px 0 var(--dark);
  transition: var(--transition-200);
}
@media (max-width: 575px) {
  .post-details-style-2 .post-details-banner {
    box-shadow: 5px 5px 0 var(--dark);
  }
}
.post-details-style-2 .post-details-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 576px) {
  .post-details-style-2 .post-details-banner:hover {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
    box-shadow: 25px 25px 0 var(--dark);
  }
}

.post-details-style-2 .post-details-subheader-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 20px 30px;
  color: var(--white);
  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
  background-color: var(--dark);
}
.post-details-style-2 .post-details-breadcrumb a,
.post-details-style-2 .post-details-share a {
  color: var(--white);
  text-decoration: none;
}
.post-details-style-2 .post-details-breadcrumb a:hover,
.post-details-style-2 .post-details-share a:hover {
  color: var(--primary);
}
.post-details-style-2 .post-details-breadcrumb {
  font-size: 16px;
}
.post-details-style-2 .post-details-breadcrumb ul, .post-details-style-2 .post-details-breadcrumb li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.post-details-style-2 .post-details-breadcrumb i {
  font-size: 12px;
}
.post-details-style-2 .post-details-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .post-details-style-2 .post-details-share > span {
    display: none;
  }
}

@media (max-width: 1199px) {
  .post-details-style-2 .sidebar-side {
    display: none;
  }
}

.post-details-style-2 .post-details-side-block {
  padding: 40px 40px 30px;
  margin-bottom: 30px;
  border-radius: var(--border-radius-lg);
}
.post-details-style-2 .post-details-side-img {
  margin-bottom: 30px;
}
.post-details-style-2 .post-details-side-img img {
  width: 100%;
  border-radius: var(--border-radius-lg);
}

.post-details-style-2 .post-details-toc {
  position: relative;
  box-shadow: 2px 5px 0 var(--dark);
}
.post-details-style-2 .post-details-toc li {
  position: relative;
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 10px;
  margin-bottom: 10px;
}
.post-details-style-2 .post-details-toc a {
  display: block;
  font-size: 16px;
  color: var(--text-color);
  text-decoration: none;
}
.post-details-style-2 .post-details-toc a:hover {
  text-decoration: underline;
}
.post-details-style-2 .post-details-toc a.active {
  font-weight: var(--font-weight-bold);
}
.post-details-style-2 .post-details-toc-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--secondary);
}
.post-details-style-2 .post-details-toc-title {
  font-size: 20px;
}

.post-details-style-2 .gallery {
  margin: 0 0 60px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-style-1 .events-item {
  margin-bottom: 30px;
}
.eshop-events-style-1 .events-item-wrap {
  display: flex;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--light);
}
.eshop-events-style-1 .events-item-left,
.eshop-events-style-1 .events-item-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 25px;
}
.eshop-events-style-1 .events-item-left {
  color: var(--white);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  background-color: var(--primary);
}
.eshop-events-style-1 .events-item-right {
  gap: 5px;
}
.eshop-events-style-1 .events-item-right > * {
  margin-bottom: 0;
}
.eshop-events-style-1 .events-item-release {
  line-height: 1.2;
  text-align: center;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.eshop-events-style-1 .events-item-release span {
  display: block;
}
.eshop-events-style-1 .events-item-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-style-1 .events-item-release span:last-of-type {
  font-size: 30px;
}
.eshop-events-style-1 .events-item-title a {
  text-decoration: underline;
  text-decoration-color: transparent;
}
.eshop-events-style-1 .events-item-title a:hover {
  text-decoration-color: var(--primary);
}
.eshop-events-style-1 .events-item-datetime {
  font-size: 14px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-calendar-style-1 .mwCalendar {
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: var(--shadow-6);
}
.eshop-events-calendar-style-1 .mwCalendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;

  border-bottom: 1px solid var(--border-color-dark);
}
.eshop-events-calendar-style-1 .mwCalendar-header button {
  font-size: 18px;
}
.eshop-events-calendar-style-1 .mwCalendar-header button:hover {
  color: var(--primary);
}
.eshop-events-calendar-style-1 .mwCalendar-currentMonth {
  margin-bottom: 0;
  font-size: 18px;
  color: var(--text-color);
  font-weight: var(--font-weight-bold);
}
.eshop-events-calendar-style-1 .mwCalendar-weeksList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  list-style: none;
  padding: 0 10px;
  margin-bottom: 0;
  line-height: 1;
}
.eshop-events-calendar-style-1 .mwCalendar-weeksList li {
  padding: 8px 0;
  text-align: center;
  margin: 0;
}
.eshop-events-calendar-style-1 .mwCalendar-weeksList abbr {
  cursor: text;
  font-size: 16px;
  text-decoration: none;
}
.eshop-events-calendar-style-1 .mwCalendar-daysList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  padding: 0 10px 10px;
}
.eshop-events-calendar-style-1 .mwCalendar-day {
  width: auto;
  height: auto;
  padding: 8px 0;
  text-align: center;
  border: 0;
  border-radius: var(--border-radius);
}
.eshop-events-calendar-style-1 .mwCalendar-day time {
  display: block;
  font-size: 16px;
  line-height: 1;
}
.eshop-events-calendar-style-1 .mwCalendar-day.prevMonth time, .eshop-events-calendar-style-1 .mwCalendar-day.nextMonth time {
  display: none;
}
.eshop-events-calendar-style-1 .mwCalendar-day.weekend {
  color: inherit;
}
.eshop-events-calendar-style-1 .mwCalendar-day.today {
  background-color: var(--light);
}
.eshop-events-calendar-style-1 .mwCalendar-day.today time {
  font-weight: var(--font-weight-bold);
}
.eshop-events-calendar-style-1 .mwCalendar-day.event {
  background-color: var(--primary);
}
.eshop-events-calendar-style-1 .mwCalendar-day.event time {
  color: var(--white);
  font-weight: var(--font-weight-bold);
}

.eshop-events-calendar-style-1 .mwCalendar-search {
  display: flex;
  margin-bottom: 30px;
}
.eshop-events-calendar-style-1 .mwCalendar-search .mwInput {
  z-index: 1;
  flex: 1 1 auto;
  border-right-width: 0;
  border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);
}
.eshop-events-calendar-style-1 .mwCalendar-search .btn {
  flex: 0 0 auto;
  margin-bottom: 0;
}
.eshop-events-calendar-style-1 .mwCalendar-search button {
  height: var(--form-input-height);
  padding: 0 var(--btn-sm-padding-x);
  border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;
}
.eshop-events-calendar-style-1 .mwCalendar-list ul {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-1 .mwCalendar-list li {
  margin-bottom: var(--li-margin-bottom);
}
.eshop-events-calendar-style-1 .mwCalendar-list-title {
  margin-bottom: 15px;
  font-size: 22px;
  color: var(--text-color);
  font-weight: var(--font-weight-bold);
}

.eshop-events-calendar-style-1 .events-item {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-1 .events-item:hover .events-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.eshop-events-calendar-style-1 .events-item-wrap {
  overflow: hidden;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--white);
}
.eshop-events-calendar-style-1 .events-item-header {
  position: relative;
}
.eshop-events-calendar-style-1 .events-item-img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/3;
}
.eshop-events-calendar-style-1 .events-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-calendar-style-1 .events-item-body {
  padding: 20px 20px 5px;
}
.eshop-events-calendar-style-1 .events-item-release {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 20px;
  color: var(--white);
  text-align: center;
  border-radius: 0 0 var(--border-radius) 0;
  background-color: var(--primary);
}
.eshop-events-calendar-style-1 .events-item-release span {
  display: block;
  line-height: 1;
}
.eshop-events-calendar-style-1 .events-item-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-calendar-style-1 .events-item-release span:last-of-type {
  font-size: 30px;
}
.eshop-events-calendar-style-1 .events-item-title {
  margin-bottom: 15px;
}
.eshop-events-calendar-style-1 .events-item-title a {
  text-decoration: none;
}
.eshop-events-calendar-style-1 .events-item-des {
  font-size: 16px;
}
.eshop-events-calendar-style-1 .events-item-btn {
  margin-bottom: 15px;
}

.eshop-events-calendar-style-1.show-thumb-0 .events-item-header {
  padding: 0 20px;
}
.eshop-events-calendar-style-1.show-thumb-0 .events-item-img {
  display: none;
}
.eshop-events-calendar-style-1.show-thumb-0 .events-item-release {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  padding: 10px 20px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.eshop-events-calendar-style-1 .events-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-calendar-style-2 .eshop-events-top {
  margin-bottom: 60px;
}
@media (max-width: 575px) {
  .eshop-events-calendar-style-2 .eshop-events-top {
    margin-bottom: 30px;
  }
}

.eshop-events-calendar-style-2 .mwCalendar {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-2 .mwCalendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  border-radius: var(--border-radius);
  background-color: var(--light);
}
.eshop-events-calendar-style-2 .mwCalendar-header button {
  font-size: 18px;
}
.eshop-events-calendar-style-2 .mwCalendar-header button:hover {
  color: var(--primary);
}
.eshop-events-calendar-style-2 .mwCalendar-currentMonth {
  margin-bottom: 0;
  font-size: 30px;
  color: var(--text-color);
  font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-currentMonth {
    font-size: 20px;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  list-style: none;
  padding: 30px 0;
  margin-bottom: 0;
  line-height: 1;
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList li {
  padding: 0;
  margin: 0;
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList abbr {
  cursor: auto;
  font-size: 18px;
  text-decoration: none;
  font-weight: var(--font-weight-semi-bold);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-weeksList abbr:first-of-type {
    display: none;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-weeksList abbr:last-of-type {
  display: none;
  text-align: center;
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-weeksList abbr:last-of-type {
    display: block;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-daysList {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
.eshop-events-calendar-style-2 .mwCalendar-day {
  width: auto;
  height: auto;
  min-height: 160px;
  padding: 15px 10px;
  border: 0;
  border-radius: var(--border-radius);
  background-color: var(--light);
  transition: var(--transition-200);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-day {
    min-height: 0;
    padding: 8px 0;
    text-align: center;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-day:hover {
  background-color: var(--primary-1);
}
.eshop-events-calendar-style-2 .mwCalendar-date {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 1;
  font-weight: var(--font-weight-normal);
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-date {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .eshop-events-calendar-style-2 .mwCalendar-itemsList {
    display: none;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-item {
  position: relative;
  margin-bottom: 8px;
  padding-left: 10px;
}
@media (max-width: 1199px) {
  .eshop-events-calendar-style-2 .mwCalendar-item {
    padding-left: 0;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-item:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--secondary);
}
@media (max-width: 1199px) {
  .eshop-events-calendar-style-2 .mwCalendar-item:before {
    display: none;
  }
}
.eshop-events-calendar-style-2 .mwCalendar-item-title {
  margin-bottom: 2px;
  font-size: 13px;
  line-height: 1.1;
  font-weight: var(--font-weight-normal);
}
.eshop-events-calendar-style-2 .mwCalendar-item-title a {
  color: var(--black);
  text-decoration: none;
}
.eshop-events-calendar-style-2 .mwCalendar-item-title a:hover {
  color: var(--black);
  text-decoration: underline;
}
.eshop-events-calendar-style-2 .mwCalendar-item-dateTime {
  margin-bottom: 0;
  font-size: 11px;
}
.eshop-events-calendar-style-2 .mwCalendar-day.prevMonth, .eshop-events-calendar-style-2 .mwCalendar-day.nextMonth {
  background-color: transparent;
}
.eshop-events-calendar-style-2 .mwCalendar-day.prevMonth > *, .eshop-events-calendar-style-2 .mwCalendar-day.nextMonth > * {
  display: none;
}
.eshop-events-calendar-style-2 .mwCalendar-day.weekend {
  color: inherit;
}
.eshop-events-calendar-style-2 .mwCalendar-day.today .mwCalendar-date {
  color: var(--primary);
  font-weight: var(--font-weight-bold);
}
.eshop-events-calendar-style-2 .mwCalendar-day.event {
  background-color: var(--primary-1);
}
.eshop-events-calendar-style-2 .mwCalendar-day.event:hover {
  background-color: var(--primary-2);
}

.eshop-events-calendar-style-2 .events-item {
  margin-bottom: 30px;
}
.eshop-events-calendar-style-2 .events-item:hover .events-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.eshop-events-calendar-style-2 .events-item-wrap {
  overflow: hidden;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--white);
}
.eshop-events-calendar-style-2 .events-item-header {
  position: relative;
}
.eshop-events-calendar-style-2 .events-item-img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/3;
}
.eshop-events-calendar-style-2 .events-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-calendar-style-2 .events-item-body {
  padding: 20px 20px 5px;
}
.eshop-events-calendar-style-2 .events-item-release {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 20px;
  color: var(--white);
  text-align: center;
  border-radius: 0 0 var(--border-radius) 0;
  background-color: var(--primary);
}
.eshop-events-calendar-style-2 .events-item-release span {
  display: block;
  line-height: 1;
}
.eshop-events-calendar-style-2 .events-item-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-calendar-style-2 .events-item-release span:last-of-type {
  font-size: 30px;
}
.eshop-events-calendar-style-2 .events-item-title {
  margin-bottom: 15px;
}
.eshop-events-calendar-style-2 .events-item-title a {
  text-decoration: none;
}
.eshop-events-calendar-style-2 .events-item-des {
  font-size: 16px;
}
.eshop-events-calendar-style-2 .events-item-btn {
  margin-bottom: 15px;
}

.eshop-events-calendar-style-2.show-thumb-0 .events-item-header {
  padding: 0 20px;
}
.eshop-events-calendar-style-2.show-thumb-0 .events-item-img {
  display: none;
}
.eshop-events-calendar-style-2.show-thumb-0 .events-item-release {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  padding: 10px 20px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.eshop-events-calendar-style-2 .events-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events - Calendar - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-details-style-1 .tabs-panel {
  --h2-font-size: 30px;
  --h3-font-size: 24px;
  --h4-font-size: 20px;
  --h5-font-size: 18px;
  --h6-font-size: 18px;
  --h1-font-size-mobile: calc(var(--h1-font-size) * 0.85);
  --h2-font-size-mobile: calc(var(--h2-font-size) * 0.85);
  --h3-font-size-mobile: calc(var(--h3-font-size) * 0.85);
  --h4-font-size-mobile: calc(var(--h4-font-size) * 0.85);
  --h5-font-size-mobile: 18px;
  --h6-font-size-mobile: 18px;
}

.eshop-events-details-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.eshop-events-details-style-1 .events-details-header .content-card-wrap {
  padding-top: 0;
}
.eshop-events-details-style-1 .events-details-subheader {
  padding: 0 30px 1px;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .eshop-events-details-style-1 .events-details-subheader {
    padding: 0 20px 1px;
  }
}
.eshop-events-details-style-1 .events-details-release {
  display: inline-block;
  padding: 15px 30px;
  margin-bottom: 30px;
  line-height: 1.2;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--primary);
}
.eshop-events-details-style-1 .events-details-release span {
  display: block;
}
.eshop-events-details-style-1 .events-details-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-details-style-1 .events-details-release span:last-of-type {
  font-size: 30px;
}

.eshop-events-details-style-1 .events-details-banner, .eshop-events-details-style-1 .events-details-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--gray-2);
}
.eshop-events-details-style-1 .events-details-banner img, .eshop-events-details-style-1 .events-details-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-details-style-1 .events-details-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .eshop-events-details-style-1 .events-details-banner {
    display: none;
  }
}
.eshop-events-details-style-1 .events-details-banner-mobile {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .eshop-events-details-style-1 .events-details-banner-mobile {
    display: block;
  }
}
.eshop-events-details-style-1 .gallery-item-img {
  border-radius: var(--border-radius);
}

.eshop-events-details-style-1 .events-details-rsvp {
  padding-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid var(--gray);
}
.eshop-events-details-style-1 .events-details-price {
  margin-bottom: 15px;
}
.eshop-events-details-style-1 .events-details-cart-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.eshop-events-details-style-1 .events-details-qty {
  display: flex;
  align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-bottom: 0;
}
.eshop-events-details-style-1 .events-details-qty .mwInput {
  max-width: 80px;
}
.eshop-events-details-style-1 .events-details-qty .mwInput input {
  text-align: center;
}
.eshop-events-details-style-1 .events-details-qty-inc, .eshop-events-details-style-1 .events-details-qty-dec {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--white);
  border-radius: 50%;
  background-color: var(--primary);
}
.eshop-events-details-style-1 .events-details-qty-inc:hover, .eshop-events-details-style-1 .events-details-qty-dec:hover {
  background-color: var(--primary-6);
}
.eshop-events-details-style-1 .events-details-btn-rsvp {
  margin-bottom: 0;
}

.eshop-events-details-style-1 .events-details-metas {
  margin-bottom: 30px;
}
.eshop-events-details-style-1 .events-details-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 15px;
}
.eshop-events-details-style-1 .events-details-meta p, .eshop-events-details-style-1 .events-details-meta ul, .eshop-events-details-style-1 .events-details-meta .btn {
  margin-bottom: 0;
}
.eshop-events-details-style-1 .events-details-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.eshop-events-details-style-1 .events-details-meta > i {
  flex: 0 0 auto;
}
.eshop-events-details-style-1 .events-details-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}

.eshop-events-details-style-1 .tabs-panel h3, .eshop-events-details-style-1 .tabs-panel h4, .eshop-events-details-style-1 .tabs-panel h5, .eshop-events-details-style-1 .tabs-panel h6, .eshop-events-details-style-1 .tabs-panel .h3, .eshop-events-details-style-1 .tabs-panel .h4, .eshop-events-details-style-1 .tabs-panel .h5, .eshop-events-details-style-1 .tabs-panel .h6 {
  margin-bottom: 15px;
}

.eshop-events-details-style-1 .events-details-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 10px 0;
  border-top: 1px solid var(--gray);
}
.eshop-events-details-style-1 .events-details-share-title {
  font-size: 14px;
  color: var(--text-color-light);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Submit - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eshop-events-submit-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.eshop-events-submit-style-1 .events-submit-header .content-card-wrap {
  padding-top: 0;
}
.eshop-events-submit-style-1 .events-submit-release {
  display: inline-block;
  padding: 15px 30px;
  margin-bottom: 30px;
  line-height: 1.2;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--primary);
}
.eshop-events-submit-style-1 .events-submit-release span {
  display: block;
}
.eshop-events-submit-style-1 .events-submit-release span:first-of-type {
  font-size: 18px;
}
.eshop-events-submit-style-1 .events-submit-release span:last-of-type {
  font-size: 30px;
}
@media (max-width: 991px) {
  .eshop-events-submit-style-1 .section-hq {
    display: none;
  }
}
.eshop-events-submit-style-1 .mwPayment-billing {
  overflow: visible !important;
}

.eshop-events-submit-style-1 .events-submit-banner, .eshop-events-submit-style-1 .events-submit-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--gray-2);
}
.eshop-events-submit-style-1 .events-submit-banner img, .eshop-events-submit-style-1 .events-submit-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.eshop-events-submit-style-1 .events-submit-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .eshop-events-submit-style-1 .events-submit-banner {
    display: none;
  }
}
.eshop-events-submit-style-1 .events-submit-banner-mobile {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .eshop-events-submit-style-1 .events-submit-banner-mobile {
    display: block;
  }
}

.eshop-events-submit-style-1 .events-submit-metas {
  margin-bottom: 30px;
}
.eshop-events-submit-style-1 .events-submit-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 15px;
}
.eshop-events-submit-style-1 .events-submit-meta p, .eshop-events-submit-style-1 .events-submit-meta ul, .eshop-events-submit-style-1 .events-submit-meta .btn {
  margin-bottom: 0;
}
.eshop-events-submit-style-1 .events-submit-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.eshop-events-submit-style-1 .events-submit-meta > i {
  flex: 0 0 auto;
}
.eshop-events-submit-style-1 .events-submit-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Submit - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.job-portal-style-1 .job-portal-item {
  margin-bottom: 30px;
}
.job-portal-style-1 .job-portal-item-wrap {
  overflow: hidden;
  height: 100%;
  border-left: 5px solid var(--primary);
  border-radius: var(--border-radius);
  background-color: var(--white);
}
.job-portal-style-1 .job-portal-item-body {
  padding: 20px 20px 10px;
}
.job-portal-style-1 .job-portal-item-title {
  margin-bottom: 5px;
}
.job-portal-style-1 .job-portal-item-title a {
  text-decoration: none;
}
.job-portal-style-1 .job-portal-item-location {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 0;
  font-size: 14px;
}
.job-portal-style-1 .job-portal-item-location ul {
  display: flex;
  flex-wrap: wrap;
}
.job-portal-style-1 .job-portal-item-location li > span {
  margin: 0 5px;
}
.job-portal-style-1 .job-portal-item-location li:last-of-type > span, .job-portal-style-1 .job-portal-item-location li:only-of-type > span {
  display: none;
}
.job-portal-style-1 .job-portal-item-date {
  margin-bottom: 10px;
  font-size: 14px;
}
.job-portal-style-1 .job-portal-item-type {
  margin-bottom: 10px;
}
.job-portal-style-1 .job-portal-item-type ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.job-portal-style-1 .job-portal-item-type .badge {
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}
.job-portal-style-1 .job-portal-item-des {
  font-size: 16px;
  margin-bottom: 15px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.job-portal-style-2 a {
  text-decoration: none;
}
.job-portal-style-2 .filters-list-style-2 .filters-list-body {
  border-radius: var(--border-radius-lg);
  border: none;
}
.job-portal-style-2 .job-portal-item {
  margin-bottom: 30px;
}
.job-portal-style-2 .job-portal-item-wrap {
  position: relative;
  height: 100%;
  padding: 30px 30px 10px;
  border-radius: var(--border-radius-lg);
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  transition: var(--transition-200);
}
@media (max-width: 575px) {
  .job-portal-style-2 .job-portal-item-wrap {
    padding: 20px 20px 1px;
  }
}
.job-portal-style-2 .job-portal-item-wrap:hover {
  box-shadow: var(--shadow-1-hover);
}
.job-portal-style-2 .job-portal-item-featured {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 20px;
  padding: 8px 12px;
  background-image: linear-gradient(45deg, var(--secondary-3) 0%, var(--secondary-4) 100%);
  border-radius: 0 var(--border-radius-lg) 0 var(--border-radius-lg);
}
.job-portal-style-2 .job-portal-item-featured i {
  text-shadow: 0 1px 2px #C45B3B;
}
.job-portal-style-2 .job-portal-item-title {
  font-size: 22px;
  margin-bottom: 0;
}
.job-portal-style-2 .job-portal-item-date {
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--gray-6);
}
.job-portal-style-2 .job-portal-item-date i {
  margin-right: 2px;
}
.job-portal-style-2 .job-portal-item-date time {
  font-size: 16px;
  color: var(--text-color-light);
  font-weight: var(--font-weight-medium);
}
.job-portal-style-2 .job-portal-item-metas {
  margin-bottom: 20px;
}
.job-portal-style-2 .job-portal-item-metas ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.job-portal-style-2 .job-portal-item-des {
  font-size: 16px;
  color: var(--text-color-light);
  margin-bottom: 20px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Details - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.job-portal-details-style-1 .job-portal-details-body {
  --h2-font-size: 30px;
  --h3-font-size: 24px;
  --h4-font-size: 20px;
  --h5-font-size: 18px;
  --h6-font-size: 18px;
  --h1-font-size-mobile: calc(var(--h1-font-size) * 0.85);
  --h2-font-size-mobile: calc(var(--h2-font-size) * 0.85);
  --h3-font-size-mobile: calc(var(--h3-font-size) * 0.85);
  --h4-font-size-mobile: calc(var(--h4-font-size) * 0.85);
  --h5-font-size-mobile: 18px;
  --h6-font-size-mobile: 18px;
}

.job-portal-details-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.job-portal-details-style-1 .job-portal-details-header .content-card-wrap {
  border-top: 5px solid var(--primary);
}
.job-portal-details-style-1 .job-portal-details-subheader {
  padding: 0 30px 1px;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .job-portal-details-style-1 .job-portal-details-subheader {
    padding: 0 20px 1px;
  }
}
.job-portal-details-style-1 .job-portal-details-body h3, .job-portal-details-style-1 .job-portal-details-body h4, .job-portal-details-style-1 .job-portal-details-body h5, .job-portal-details-style-1 .job-portal-details-body h6, .job-portal-details-style-1 .job-portal-details-body .h3, .job-portal-details-style-1 .job-portal-details-body .h4, .job-portal-details-style-1 .job-portal-details-body .h5, .job-portal-details-style-1 .job-portal-details-body .h6 {
  margin-bottom: 15px;
}
.job-portal-details-style-1 .job-portal-details-title {
  margin-bottom: 15px;
}

.job-portal-details-style-1 .job-portal-details-banner, .job-portal-details-style-1 .job-portal-details-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--gray-2);
}
.job-portal-details-style-1 .job-portal-details-banner img, .job-portal-details-style-1 .job-portal-details-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.job-portal-details-style-1 .job-portal-details-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .job-portal-details-style-1 .job-portal-details-banner {
    display: none;
  }
}
.job-portal-details-style-1 .job-portal-details-banner-mobile {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .job-portal-details-style-1 .job-portal-details-banner-mobile {
    display: block;
  }
}
.job-portal-details-style-1 .gallery-item-img {
  border-radius: var(--border-radius);
}

.job-portal-details-style-1 .job-portal-details-metas {
  margin-bottom: 30px;
}
.job-portal-details-style-1 .job-portal-details-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 15px;
}
.job-portal-details-style-1 .job-portal-details-meta p, .job-portal-details-style-1 .job-portal-details-meta ul, .job-portal-details-style-1 .job-portal-details-meta .btn {
  margin-bottom: 0;
}
.job-portal-details-style-1 .job-portal-details-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.job-portal-details-style-1 .job-portal-details-type ul {
  gap: 5px;
  margin-top: 5px;
  margin-left: -5px; /* offset rounded edge */
}
.job-portal-details-style-1 .job-portal-details-location li > span {
  margin: 0 5px;
}
.job-portal-details-style-1 .job-portal-details-location li:last-of-type > span, .job-portal-details-style-1 .job-portal-details-location li:only-of-type > span {
  display: none;
}
.job-portal-details-style-1 .job-portal-details-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Details - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Details - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.job-portal-details-style-2 .job-portal-details-body {
  --h2-font-size: 30px;
  --h3-font-size: 24px;
  --h4-font-size: 20px;
  --h5-font-size: 18px;
  --h6-font-size: 18px;
  --h1-font-size-mobile: calc(var(--h1-font-size) * 0.85);
  --h2-font-size-mobile: calc(var(--h2-font-size) * 0.85);
  --h3-font-size-mobile: calc(var(--h3-font-size) * 0.85);
  --h4-font-size-mobile: calc(var(--h4-font-size) * 0.85);
  --h5-font-size-mobile: 18px;
  --h6-font-size-mobile: 18px;
}

.job-portal-details-style-2 {
  font-size: 16px;
  margin-bottom: 30px;
}
.job-portal-details-style-2 .job-portal-details-header {
  position: relative;
  margin-bottom: 30px;
  padding: 30px 30px 1px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-lg);
  background-color: rgba(46, 183, 160, 0.08);
}
@media (max-width: 575px) {
  .job-portal-details-style-2 .job-portal-details-header {
    padding: 20px 20px 1px;
  }
}
.job-portal-details-style-2 .job-portal-details-subheader {
  padding: 30px 30px 1px;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-lg);
  background-color: var(--white);
}
@media (max-width: 575px) {
  .job-portal-details-style-2 .job-portal-details-subheader {
    padding: 20px 20px 1px;
  }
}
.job-portal-details-style-2 .job-portal-details-body {
  padding: 30px 30px 1px;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-lg);
  background-color: var(--white);
}
@media (max-width: 575px) {
  .job-portal-details-style-2 .job-portal-details-body {
    padding: 20px 20px 1px;
  }
}
.job-portal-details-style-2 .job-portal-details-body h3, .job-portal-details-style-2 .job-portal-details-body h4, .job-portal-details-style-2 .job-portal-details-body h5, .job-portal-details-style-2 .job-portal-details-body h6, .job-portal-details-style-2 .job-portal-details-body .h3, .job-portal-details-style-2 .job-portal-details-body .h4, .job-portal-details-style-2 .job-portal-details-body .h5, .job-portal-details-style-2 .job-portal-details-body .h6 {
  margin-bottom: 15px;
}
.job-portal-details-style-2 .job-portal-details-featured {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 20px;
  padding: 8px 12px;
  background-image: linear-gradient(45deg, var(--secondary-3) 0%, var(--secondary-4) 100%);
  border-radius: 0 var(--border-radius-lg) 0 var(--border-radius-lg);
}
.job-portal-details-style-2 .job-portal-details-featured i {
  text-shadow: 0 1px 2px #C45B3B;
}
.job-portal-details-style-2 .job-portal-details-title {
  margin-bottom: 15px;
}
.job-portal-details-style-2 .job-portal-details-rsvp .eShop-action.button {
  width: 100%;
}
.job-portal-details-style-2 .job-portal-details-metas {
  margin-bottom: 30px;
}
.job-portal-details-style-2 .job-portal-details-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 15px;
}
.job-portal-details-style-2 .job-portal-details-meta p, .job-portal-details-style-2 .job-portal-details-meta ul, .job-portal-details-style-2 .job-portal-details-meta .btn {
  margin-bottom: 0;
}
.job-portal-details-style-2 .job-portal-details-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.job-portal-details-style-2 .job-portal-details-meta > i {
  flex: 0 0 auto;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  border-radius: 50%;
  color: var(--primary-7);
  background-color: var(--primary-1);
}
.job-portal-details-style-2 .job-portal-details-type ul {
  gap: 5px;
  margin-top: 5px;
  margin-left: -5px; /* offset rounded edge */
}
.job-portal-details-style-2 .job-portal-details-location li > span {
  margin: 0 5px;
}
.job-portal-details-style-2 .job-portal-details-location li:last-of-type > span, .job-portal-details-style-2 .job-portal-details-location li:only-of-type > span {
  display: none;
}
.job-portal-details-style-2 .job-portal-details-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}
.job-portal-details-style-2 .job-portal-details-banner, .job-portal-details-style-2 .job-portal-details-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius-lg);
  background-color: var(--gray-2);
}
.job-portal-details-style-2 .job-portal-details-banner img, .job-portal-details-style-2 .job-portal-details-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.job-portal-details-style-2 .job-portal-details-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .job-portal-details-style-2 .job-portal-details-banner {
    display: none;
  }
}
.job-portal-details-style-2 .job-portal-details-banner-mobile {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .job-portal-details-style-2 .job-portal-details-banner-mobile {
    display: block;
  }
}
.job-portal-details-style-2 .gallery-item-img {
  border-radius: var(--border-radius-lg);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Details - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Submit - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.job-portal-submit-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.job-portal-submit-style-1 .job-portal-submit-header .content-card-wrap {
  border-top: 5px solid var(--primary);
}
.job-portal-submit-style-1 .job-portal-submit-release {
  display: inline-block;
  padding: 15px 30px;
  margin-bottom: 30px;
  line-height: 1.2;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--primary);
}
.job-portal-submit-style-1 .job-portal-submit-release span {
  display: block;
}
.job-portal-submit-style-1 .job-portal-submit-release span:first-of-type {
  font-size: 18px;
}
.job-portal-submit-style-1 .job-portal-submit-release span:last-of-type {
  font-size: 30px;
}
@media (max-width: 991px) {
  .job-portal-submit-style-1 .section-hq {
    display: none;
  }
}

.job-portal-submit-style-1 .job-portal-submit-banner, .job-portal-submit-style-1 .job-portal-submit-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  background-color: var(--gray-2);
}
.job-portal-submit-style-1 .job-portal-submit-banner img, .job-portal-submit-style-1 .job-portal-submit-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.job-portal-submit-style-1 .job-portal-submit-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .job-portal-submit-style-1 .job-portal-submit-banner {
    display: none;
  }
}
.job-portal-submit-style-1 .job-portal-submit-banner-mobile {
  display: none;
  margin-bottom: 10px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .job-portal-submit-style-1 .job-portal-submit-banner-mobile {
    display: block;
  }
}

.job-portal-submit-style-1 .job-portal-submit-metas {
  margin-bottom: 30px;
}
.job-portal-submit-style-1 .job-portal-submit-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 20px;
}
.job-portal-submit-style-1 .job-portal-submit-meta p, .job-portal-submit-style-1 .job-portal-submit-meta ul, .job-portal-submit-style-1 .job-portal-submit-meta .btn {
  margin-bottom: 0;
}
.job-portal-submit-style-1 .job-portal-submit-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.job-portal-submit-style-1 .job-portal-submit-meta > i {
  flex: 0 0 auto;
}
.job-portal-submit-style-1 .job-portal-submit-type ul {
  gap: 5px;
  margin-top: 5px;
  margin-left: -5px; /* offset rounded edge */
}
.job-portal-submit-style-1 .job-portal-submit-location li > span {
  margin: 0 5px;
}
.job-portal-submit-style-1 .job-portal-submit-location li:last-of-type > span, .job-portal-submit-style-1 .job-portal-submit-location li:only-of-type > span {
  display: none;
}
.job-portal-submit-style-1 .job-portal-submit-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Submit - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Submit - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.job-portal-submit-style-2 {
  font-size: 16px;
  margin-bottom: 30px;
}
.job-portal-submit-style-2 .job-portal-submit-header {
  position: relative;
  margin-bottom: 30px;
  padding: 30px 30px 1px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-lg);
  background-color: rgba(46, 183, 160, 0.08);
}
@media (max-width: 575px) {
  .job-portal-submit-style-2 .job-portal-submit-header {
    padding: 20px 20px 1px;
  }
}
.job-portal-submit-style-2 .job-portal-submit-subheader {
  padding: 30px 30px 1px;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-lg);
  background-color: var(--white);
}
@media (max-width: 575px) {
  .job-portal-submit-style-2 .job-portal-submit-subheader {
    padding: 20px 20px 1px;
  }
}
.job-portal-submit-style-2 .job-portal-submit-body {
  padding: 30px 30px 1px;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius-lg);
  background-color: var(--white);
}
@media (max-width: 575px) {
  .job-portal-submit-style-2 .job-portal-submit-body {
    padding: 20px 20px 1px;
  }
}
.job-portal-submit-style-2 .job-portal-submit-title {
  margin-bottom: 15px;
}
.job-portal-submit-style-2 .job-portal-submit-subheader-title {
  margin-bottom: 15px;
}
.job-portal-submit-style-2 .job-portal-submit-body-title {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--border-color-dark);
}
.job-portal-submit-style-2 .job-portal-submit-release {
  display: inline-block;
  padding: 15px 30px;
  margin-bottom: 30px;
  line-height: 1.2;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--primary);
}
.job-portal-submit-style-2 .job-portal-submit-release span {
  display: block;
}
.job-portal-submit-style-2 .job-portal-submit-release span:first-of-type {
  font-size: 18px;
}
.job-portal-submit-style-2 .job-portal-submit-release span:last-of-type {
  font-size: 30px;
}
@media (max-width: 991px) {
  .job-portal-submit-style-2 .section-hq {
    display: none;
  }
}

.job-portal-submit-style-2 .job-portal-submit-metas {
  margin-bottom: 30px;
}
.job-portal-submit-style-2 .job-portal-submit-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 15px;
}
.job-portal-submit-style-2 .job-portal-submit-meta p, .job-portal-submit-style-2 .job-portal-submit-meta ul, .job-portal-submit-style-2 .job-portal-submit-meta .btn {
  margin-bottom: 0;
}
.job-portal-submit-style-2 .job-portal-submit-meta ul {
  display: flex;
  flex-wrap: wrap;
}
.job-portal-submit-style-2 .job-portal-submit-meta > i {
  flex: 0 0 auto;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  border-radius: 50%;
  color: var(--white);
  background-color: var(--primary);
}
.job-portal-submit-style-2 .job-portal-submit-type ul {
  gap: 5px;
  margin-top: 5px;
  margin-left: -5px; /* offset rounded edge */
}
.job-portal-submit-style-2 .job-portal-submit-location li > span {
  margin: 0 5px;
}
.job-portal-submit-style-2 .job-portal-submit-location li:last-of-type > span, .job-portal-submit-style-2 .job-portal-submit-location li:only-of-type > span {
  display: none;
}
.job-portal-submit-style-2 .job-portal-submit-meta-title {
  font-size: 18px;
  margin-bottom: 0;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Job Portal Submit - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Crowdfunding - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.crowdfunding-style-1 .filters-list-style-2 .filters-list-body {
  border-bottom: 0;
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-3);
}

.crowdfunding-style-1 {
  font-size: 16px;
}
.crowdfunding-style-1 p {
  transition: color var(--transition-300);
}

.crowdfunding-style-1 .crowdfunding-item {
  margin-bottom: 30px;
}
.crowdfunding-style-1 .crowdfunding-item-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-lg);
  transition: background-color var(--transition-300);
}
.crowdfunding-style-1 .crowdfunding-item-header {
  position: relative;
  overflow: hidden;
  padding: 0 0 20px;
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}
.crowdfunding-style-1 .crowdfunding-item-body {
  position: relative;
  flex: 1;
  padding: 0 20px 20px;
}
.crowdfunding-style-1 .crowdfunding-item-footer {
  position: relative;
  padding: 0 20px 20px;
}
.crowdfunding-style-1 .crowdfunding-item-backdrop {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-lg);
  transition: opacity var(--transition-300);
  background-color: rgb(0, 0, 0);
}
.crowdfunding-style-1 .crowdfunding-item-backdrop span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  -webkit-filter: saturate(0.7) blur(10px);
          filter: saturate(0.7) blur(10px);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.crowdfunding-style-1 .crowdfunding-item-img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/3;
  border-radius: var(--border-radius-lg);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  transition: box-shadow var(--transition-300);
}
.crowdfunding-style-1 .crowdfunding-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: -webkit-transform var(--transition-300);
  transition: transform var(--transition-300);
  transition: transform var(--transition-300), -webkit-transform var(--transition-300);
}
.crowdfunding-style-1 .crowdfunding-item-cats {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 30px;
}
.crowdfunding-style-1 .crowdfunding-item-cats ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.crowdfunding-style-1 .crowdfunding-item-title {
  font-size: 20px;
  margin-bottom: 0;
  text-decoration: none;
  transition: color var(--transition-300);
}
.crowdfunding-style-1 .crowdfunding-item-des {
  margin-top: 10px;
  margin-bottom: 0;
}
.crowdfunding-style-1 .crowdfunding-item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-lg);
}
.crowdfunding-style-1 .crowdfunding-item-progress {
  margin-bottom: 10px;
  font-weight: var(--font-weight-bold);
}
.crowdfunding-style-1 .crowdfunding-item-bar {
  overflow: hidden;
  height: 10px;
  border-radius: 10px;
  background-color: var(--primary-1);
}
.crowdfunding-style-1 .crowdfunding-item-bar span {
  display: block;
  height: 100%;
  border-radius: 10px;
  background-color: var(--primary);
}
.crowdfunding-style-1 .crowdfunding-item-stats {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 15px;
}
.crowdfunding-style-1 .crowdfunding-item-stat {
  flex: 1 1 auto;
  margin-bottom: 0;
  padding: 0 10px;
}
.crowdfunding-style-1 .crowdfunding-item-stat:not(:last-of-type) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.crowdfunding-style-1 .crowdfunding-item-stat span {
  display: block;
}
.crowdfunding-style-1 .crowdfunding-item-stat span:nth-of-type(2) {
  color: var(--primary);
  font-weight: var(--font-weight-bold);
}

.crowdfunding-style-1 .crowdfunding-featured-items {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
@media (min-width: 768px) {
  .crowdfunding-style-1 .crowdfunding-featured-items {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(0, 1fr);
  }
}
@media (min-width: 1200px) {
  .crowdfunding-style-1 .crowdfunding-featured-items {
    grid-template-columns: repeat(4, 1fr);
  }
  .crowdfunding-style-1 .crowdfunding-featured-items .crowdfunding-item:nth-last-child(-n+4) .crowdfunding-item-des,
  .crowdfunding-style-1 .crowdfunding-featured-items .crowdfunding-item:nth-last-child(-n+4) .crowdfunding-item-stats {
    display: none;
  }
  .crowdfunding-style-1 .crowdfunding-featured-items .crowdfunding-item:nth-child(1) {
    grid-row: span 2;
    grid-column: span 2;
  }
  .crowdfunding-style-1 .crowdfunding-featured-items .crowdfunding-item:nth-child(1) .crowdfunding-item-img {
    aspect-ratio: 5/3.5;
  }
  .crowdfunding-style-1 .crowdfunding-featured-items .crowdfunding-item:nth-child(1) .crowdfunding-item-progress span:nth-of-type(2) {
    display: none;
  }
}

.crowdfunding-style-1 .crowdfunding-hero {
  z-index: 1;
  position: relative;
}
.crowdfunding-style-1 .crowdfunding-hero > .content-area {
  margin-top: -70px;
}
.crowdfunding-style-1 .crowdfunding-hero p, .crowdfunding-style-1 .crowdfunding-hero .btn {
  margin-bottom: 15px;
}
.crowdfunding-style-1 .crowdfunding-hero-img {
  position: relative;
  height: 320px;
}
@media (max-width: 575px) {
  .crowdfunding-style-1 .crowdfunding-hero-img {
    height: 250px;
  }
}
.crowdfunding-style-1 .crowdfunding-hero-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.crowdfunding-style-1 .crowdfunding-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.crowdfunding-style-1 .crowdfunding-hero-inner {
  padding: 30px 40px 15px;
  border-radius: var(--border-radius-lg);
  background-color: var(--white);
  box-shadow: var(--shadow-3);
}
@media (min-width: 1200px) {
  .crowdfunding-style-1 .crowdfunding-hero-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media (max-width: 767px) {
  .crowdfunding-style-1 .crowdfunding-hero-inner {
    padding: 30px 30px 15px;
  }
}
@media (max-width: 1199px) {
  .crowdfunding-style-1 .crowdfunding-hero-inner-left {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color-dark);
  }
}
.crowdfunding-style-1 .crowdfunding-hero-inner-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
.crowdfunding-style-1 .crowdfunding-hero-title {
  margin-bottom: 5px;
}
.crowdfunding-style-1 .crowdfunding-hero-des {
  color: var(--gray-6);
}
.crowdfunding-style-1 .crowdfunding-hero-stat {
  margin-bottom: 15px;
}
.crowdfunding-style-1 .crowdfunding-hero-stat span {
  display: block;
  line-height: var(--heading-line-height);
}
.crowdfunding-style-1 .crowdfunding-hero-stat span:first-of-type {
  font-size: 26px;
  font-weight: var(--font-weight-bold);
}
.crowdfunding-style-1 .crowdfunding-hero-stat span:last-of-type {
  color: var(--gray-6);
}
.crowdfunding-style-1 .crowdfunding-hero.is-img-center .crowdfunding-hero-img img {
  -o-object-position: center;
     object-position: center;
}
.crowdfunding-style-1 .crowdfunding-hero.is-img-top .crowdfunding-hero-img img {
  -o-object-position: center top;
     object-position: center top;
}
.crowdfunding-style-1 .crowdfunding-hero.is-img-bottom .crowdfunding-hero-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.crowdfunding-style-1 .crowdfunding-item-wrap:hover {
  color: var(--white);
}
.crowdfunding-style-1 .crowdfunding-item-wrap:hover .crowdfunding-item-backdrop {
  opacity: 1;
}
.crowdfunding-style-1 .crowdfunding-item-wrap:hover .crowdfunding-item-img {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);
}
.crowdfunding-style-1 .crowdfunding-item-wrap:hover .crowdfunding-item-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.crowdfunding-style-1 .crowdfunding-item-wrap:hover .crowdfunding-item-title {
  color: var(--white);
}
.crowdfunding-style-1 .crowdfunding-item-wrap:hover .crowdfunding-item-stat:not(:last-of-type) {
  border-color: rgba(255, 255, 255, 0.2);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Crowdfunding - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Crowdfunding Details - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.crowdfunding-details-style-1 .crowdfunding-details-body {
  --h2-font-size: 30px;
  --h3-font-size: 24px;
  --h4-font-size: 20px;
  --h5-font-size: 18px;
  --h6-font-size: 18px;
  --h1-font-size-mobile: calc(var(--h1-font-size) * 0.85);
  --h2-font-size-mobile: calc(var(--h2-font-size) * 0.85);
  --h3-font-size-mobile: calc(var(--h3-font-size) * 0.85);
  --h4-font-size-mobile: calc(var(--h4-font-size) * 0.85);
  --h5-font-size-mobile: 18px;
  --h6-font-size-mobile: 18px;
}

.crowdfunding-details-style-1 {
  font-size: 16px;
  margin-bottom: 30px;
}
.crowdfunding-details-style-1 .crowdfunding-details-header {
  position: relative;
  margin-bottom: 30px;
  padding: 30px 30px 1px;
  border-radius: var(--border-radius-lg);
  background-color: var(--white);
  box-shadow: var(--shadow-3);
}
@media (max-width: 575px) {
  .crowdfunding-details-style-1 .crowdfunding-details-header {
    padding: 20px 20px 1px;
  }
}
.crowdfunding-details-style-1 .crowdfunding-details-body h3, .crowdfunding-details-style-1 .crowdfunding-details-body h4, .crowdfunding-details-style-1 .crowdfunding-details-body h5, .crowdfunding-details-style-1 .crowdfunding-details-body h6, .crowdfunding-details-style-1 .crowdfunding-details-body .h3, .crowdfunding-details-style-1 .crowdfunding-details-body .h4, .crowdfunding-details-style-1 .crowdfunding-details-body .h5, .crowdfunding-details-style-1 .crowdfunding-details-body .h6 {
  margin-bottom: 15px;
}
.crowdfunding-details-style-1 .crowdfunding-details-featured {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 20px;
  padding: 8px 12px;
  background-image: linear-gradient(45deg, var(--secondary-3) 0%, var(--secondary-4) 100%);
  border-radius: 0 var(--border-radius-lg) 0 var(--border-radius-lg);
}
.crowdfunding-details-style-1 .crowdfunding-details-featured i {
  text-shadow: 0 1px 2px #C45B3B;
}
.crowdfunding-details-style-1 .crowdfunding-details-title {
  margin-bottom: 15px;
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-bar {
  position: relative;
  margin-top: 55px;
  margin-bottom: 15px;
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-bar > span:first-of-type {
  overflow: hidden;
  display: block;
  height: 10px;
  border-radius: 10px;
  background-color: var(--primary-1);
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-bar > span:first-of-type span {
  display: block;
  height: 100%;
  border-radius: 10px;
  background-color: var(--primary);
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-bar > span:last-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  border-radius: 50px;
  background-color: var(--primary);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-bar > span:last-of-type:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--primary);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 30px;
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-stat {
  margin-bottom: 0;
  line-height: var(--heading-line-height);
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-stat:nth-of-type(2) {
  text-align: center;
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-stat:last-of-type {
  text-align: right;
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-stat span {
  display: block;
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-stat span:first-of-type {
  font-size: 26px;
  font-weight: var(--font-weight-bold);
}
@media (max-width: 1199px) {
  .crowdfunding-details-style-1 .crowdfunding-details-progress-stat span:first-of-type {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .crowdfunding-details-style-1 .crowdfunding-details-progress-stat span:first-of-type {
    font-size: 18px;
  }
}
.crowdfunding-details-style-1 .crowdfunding-details-progress-stat span:last-of-type {
  color: var(--gray-6);
}
.crowdfunding-details-style-1 .crowdfunding-details-metas {
  margin-bottom: 30px;
}
.crowdfunding-details-style-1 .crowdfunding-details-meta-title {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--gray-6);
  font-weight: var(--font-weight-normal);
}
.crowdfunding-details-style-1 .crowdfunding-details-meta {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}
.crowdfunding-details-style-1 .crowdfunding-details-meta p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: var(--font-weight-bold);
}
.crowdfunding-details-style-1 .crowdfunding-details-meta > i {
  flex: 0 0 auto;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  border-radius: 50%;
  color: var(--text-color);
  background-color: var(--light);
}
.crowdfunding-details-style-1 .crowdfunding-details-rsvp {
  flex: 1;
}
.crowdfunding-details-style-1 .crowdfunding-details-rsvp .eShop-action.button {
  width: 100%;
}
.crowdfunding-details-style-1 .crowdfunding-details-banner, .crowdfunding-details-style-1 .crowdfunding-details-banner-mobile {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  border-radius: var(--border-radius-lg);
  background-color: var(--gray-2);
}
.crowdfunding-details-style-1 .crowdfunding-details-banner img, .crowdfunding-details-style-1 .crowdfunding-details-banner-mobile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.crowdfunding-details-style-1 .crowdfunding-details-banner {
  padding-bottom: 56%;
}
@media (max-width: 991px) {
  .crowdfunding-details-style-1 .crowdfunding-details-banner {
    display: none;
  }
}
.crowdfunding-details-style-1 .crowdfunding-details-banner-mobile {
  display: none;
  margin-bottom: 15px;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  .crowdfunding-details-style-1 .crowdfunding-details-banner-mobile {
    display: block;
  }
}
.crowdfunding-details-style-1 .gallery-item-img {
  border-radius: var(--border-radius-lg);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Crowdfunding Details - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Dialog - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.search-dialog-style-1 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 510;
}
.search-dialog-style-1 .search-dialog-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.search-dialog-style-1 .search-dialog-close-btn {
  position: fixed;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.search-dialog-style-1 .search-dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}
.search-dialog-style-1 .search-dialog-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 600px;
  padding: 0 15px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.search-dialog-style-1 .search-dialog-form {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.search-dialog-style-1 .search-dialog-form ::-webkit-input-placeholder {
  opacity: 1;
  letter-spacing: 0.5px;
  color: var(--gray-5);
}
.search-dialog-style-1 .search-dialog-form :-ms-input-placeholder {
  opacity: 1;
  letter-spacing: 0.5px;
  color: var(--gray-5);
}
.search-dialog-style-1 .search-dialog-form ::-ms-input-placeholder {
  opacity: 1;
  letter-spacing: 0.5px;
  color: var(--gray-5);
}
.search-dialog-style-1 .search-dialog-form ::placeholder {
  opacity: 1;
  letter-spacing: 0.5px;
  color: var(--gray-5);
}
.search-dialog-style-1 .search-dialog-form input {
  flex: 1 1 auto;
  height: var(--form-input-height);
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}
.search-dialog-style-1 .search-dialog-form button {
  flex: 0 0 auto;
  height: var(--form-input-height);
  color: var(--text-color);
}
.search-dialog-style-1 .search-dialog-form button:hover {
  color: var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Dialog - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mobile Menu - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mobile-menu-style-1 {
  pointer-events: none;
  visibility: hidden;
}
.mobile-menu-style-1 .mobile-menu-backdrop {
  z-index: 510;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.mobile-menu-style-1 .mobile-menu-wrap {
  z-index: 520;
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  max-width: 480px;
  padding: 15px;
}
.mobile-menu-style-1 .mobile-menu-inner {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  height: 100%;
  padding: 80px 0 30px;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
@media (max-width: 575px) {
  .mobile-menu-style-1 .mobile-menu-inner {
    padding: 80px 0 30px;
  }
}
.mobile-menu-style-1 .mobile-menu-close-btn {
  position: absolute;
  top: 25px;
  right: 30px;
}
.mobile-menu-style-1 .mobile-menu-header {
  padding: 0 50px;
}
@media (max-width: 575px) {
  .mobile-menu-style-1 .mobile-menu-header {
    padding: 0 30px;
  }
}
.mobile-menu-style-1 .mobile-menu-body {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 50px;
}
@media (max-width: 575px) {
  .mobile-menu-style-1 .mobile-menu-body {
    padding: 0 30px;
  }
}
.mobile-menu-style-1 .mobile-menu-footer {
  padding: 15px 50px 0;
}
@media (max-width: 575px) {
  .mobile-menu-style-1 .mobile-menu-footer {
    padding: 0 30px;
  }
}
.mobile-menu-style-1 .mobile-menu-nav ul li {
  margin: 0 0 10px 0;
}
.mobile-menu-style-1 .mobile-menu-nav ul li:last-of-type {
  margin-bottom: 0;
}
.mobile-menu-style-1 .mobile-menu-nav ul li a {
  width: 100%;
  color: var(--text-color);
  font-size: 22px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}
.mobile-menu-style-1 .mobile-menu-nav ul li a:hover {
  color: var(--primary);
}
.mobile-menu-style-1 .mobile-menu-nav ul li a > i {
  font-size: 16px;
  transition: var(--transition-200);
}
.mobile-menu-style-1 .mobile-menu-nav ul li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-menu-style-1 .mobile-menu-nav ul li ul {
  display: none;
  margin: 15px 0 0;
  padding: 0 0 0 15px;
  border-left: 1px solid var(--text-color);
}
.mobile-menu-style-1 .mobile-menu-nav ul li ul li a {
  color: var(--text-color);
  font-size: 16px;
  font-weight: var(--font-weight-normal);
}
.mobile-menu-style-1 .mobile-menu-nav ul li ul li a:hover {
  color: var(--primary);
}
.mobile-menu-style-1 .mobile-menu-nav ul li ul li a > i {
  font-size: 14px;
}
.mobile-menu-style-1 .mobile-menu-nav ul li.active > a {
  color: var(--primary);
}
.mobile-menu-style-1 .mobile-menu-nav ul li.active > a i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.mobile-menu-style-1 .mobile-menu-btns ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}
.mobile-menu-style-1 .mobile-menu-btns ul li {
  flex: 1;
}
.mobile-menu-style-1 .mobile-menu-btns ul li a {
  display: block;
}
.mobile-menu-style-1 .btn {
  margin-bottom: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mobile Menu - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Anchor Menu - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.anchor-menu-style-1 {
  z-index: 1;
  position: relative;
}
.anchor-menu-style-1 .anchor-menu-wrap {
  width: 100%;
}
.anchor-menu-style-1 nav {
  text-align: center;
}
.anchor-menu-style-1 nav ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
@media (min-width: 1200px) {
  .anchor-menu-style-1 nav ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 100px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: var(--white);
  }
}
@media (max-width: 575px) {
  .anchor-menu-style-1 nav ul {
    row-gap: 5px;
  }
}
@media (min-width: 1200px) {
  .anchor-menu-style-1 nav ul li:not(:nth-last-of-type(-n+2)) {
    border-right: 1px solid var(--border-color-dark);
  }
}
@media (max-width: 1199px) {
  .anchor-menu-style-1 nav ul li {
    padding: 0 5px;
    flex: 0 0 33.333333%;
    width: 100%;
    max-width: 33.333333%;
  }
}
@media (max-width: 767px) {
  .anchor-menu-style-1 nav ul li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .anchor-menu-style-1 nav ul li {
    padding: 0;
    flex: 0 0 auto;
    max-width: none;
  }
}
.anchor-menu-style-1 nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--text-color);
  text-decoration: none;
  font-weight: var(--font-weight-semi-bold);
}
@media (min-width: 1200px) {
  .anchor-menu-style-1 nav ul li a {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .anchor-menu-style-1 nav ul li a {
    height: 100%;
    padding: 10px 20px;
    text-align: left;
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--border-color-dark);
  }
}
.anchor-menu-style-1 nav ul li a img {
  width: auto;
  height: 30px;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  transition: inherit;
}
.anchor-menu-style-1 nav ul li a:hover, .anchor-menu-style-1 nav ul li a.active {
  color: var(--primary);
}
.anchor-menu-style-1 nav ul li a:hover img, .anchor-menu-style-1 nav ul li a.active img {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

.anchor-menu-style-1 .back-to-top {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  -webkit-transform: translate(-15px, -50%);
          transform: translate(-15px, -50%);
  transition: var(--transition-200);
}
@media (max-width: 1199px) {
  .anchor-menu-style-1 .back-to-top {
    display: none;
  }
}
.anchor-menu-style-1 .back-to-top button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--white);
  background-color: var(--primary);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16);
}
.anchor-menu-style-1 .back-to-top button:hover {
  background-color: var(--primary-6);
}

.anchor-menu-style-1.is-stuck .anchor-menu-wrap {
  position: fixed;
  left: 0;
  top: calc(var(--header-main-wrap-height) + 5px);
}
.anchor-menu-style-1.is-stuck .back-to-top {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Anchor Menu - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mwPageBlock.SimplePayment form > .mwFormStatus {
  display: none;
}

.donation-form .recurring-count {
  display: none;
}

.donation-form .amounts-btns {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
.donation-form .amounts-btn {
  color: var(--text-color);
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.1);
}
.donation-form .amounts-btn:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.donation-form .amounts-btn.selected {
  color: var(--white);
  font-weight: var(--font-weight-bold);
  background-color: var(--primary);
}
.donation-form .amounts-btn.small {
  grid-column: span 3;
  padding: 10px;
}
@media (max-width: 767px) {
  .donation-form .amounts-btn.small {
    grid-column: span 4;
  }
}
@media (max-width: 375px) {
  .donation-form .amounts-btn.small {
    grid-column: span 6;
  }
}
.donation-form .amounts-btn.medium {
  grid-column: span 4;
  padding: 15px;
}
@media (max-width: 375px) {
  .donation-form .amounts-btn.medium {
    grid-column: span 6;
  }
}
.donation-form .amounts-btn.large {
  grid-column: span 6;
  font-size: 18px;
  padding: 20px;
}
.donation-form .amounts-btn.round {
  border-radius: 50px;
}
.donation-form .amounts-btn.border {
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px var(--border-color-dark), var(--shadow-1);
}
.donation-form .amounts-btn.border:hover {
  background-color: var(--primary-1);
  box-shadow: inset 0 0 0 1px transparent, 0 0 0 1px var(--primary), var(--shadow-1-hover);
}
.donation-form .amounts-btn.border.selected {
  color: var(--text-color);
  background-color: var(--primary-1);
  box-shadow: inset 0 0 0 1px var(--primary), 0 0 0 1px var(--primary), var(--shadow-1);
}
.donation-form .amounts-btn.border.selected:hover {
  box-shadow: inset 0 0 0 1px var(--primary), 0 0 0 1px var(--primary), var(--shadow-1-hover);
}

.donation-form .eCard-btns {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 5px;
}
.donation-form .eCard-btns.active .eCard-btn img {
  opacity: 0.25;
}
.donation-form .eCard-btns.active .eCard-btn:hover img,
.donation-form .eCard-btns.active .eCard-btn:focus-within img {
  opacity: 1;
}
.donation-form .eCard-btns.active .eCard-btn.active img {
  opacity: 1;
}
.donation-form .eCard-btn {
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
  grid-column: span 4;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px) {
  .donation-form .eCard-btn {
    grid-column: span 6;
  }
}
.donation-form .eCard-btn img {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.donation-form .eCard-btn.active {
  border: 2px solid var(--primary);
}

.donation-form .eCard-preview-open-btn {
  display: none;
}
.donation-form .eCard-preview-dialog {
  z-index: 510;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 60px 15px;
  background-color: rgba(0, 0, 0, 0.7);
}
.donation-form .eCard-preview-dialog .dialog-close-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: var(--white);
}
.donation-form .eCard-preview-dialog .dialog-close-btn:hover {
  color: var(--white);
  background-color: var(--primary);
}
.donation-form .eCard-preview-dialog .dialog-inner {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
  max-width: 800px;
  aspect-ratio: 4/3;
  border-radius: 10px;
  background-color: var(--white);
  box-shadow: var(--shadow-2);
}
.donation-form .eCard-preview-dialog .dialog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.donation-form .eCard-preview-dialog .dialog-body {
  position: relative;
  width: 100%;
  max-width: 60%;
  padding: 40px 30px 10px;
  text-align: center;
  font-family: var(--font-family-serif);
}
.donation-form .eCard-preview-dialog .dialog-title {
  font-size: clamp(0px, 4vw, 32px);
  font-family: var(--font-family-serif);
  margin-bottom: clamp(0px, 3.75vw, 30px);
}
.donation-form .eCard-preview-dialog .dialog-paragraph {
  font-size: clamp(0px, 2.25vw, 18px);
  font-style: italic;
  white-space: pre-line;
  margin-bottom: clamp(0px, 3.75vw, 30px);
}
.donation-form .eCard-preview-dialog[data-color-scheme=light] .dialog-title,
.donation-form .eCard-preview-dialog[data-color-scheme=light] .dialog-paragraph {
  color: var(--dark);
}
.donation-form .eCard-preview-dialog[data-color-scheme=dark] .dialog-title,
.donation-form .eCard-preview-dialog[data-color-scheme=dark] .dialog-paragraph {
  color: var(--white);
}

.donation-form .gateway-btns {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 5px;
}
.donation-form .gateway-btns .mwInput.button {
  grid-column: span 4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: auto;
  padding: 10px 15px;
  margin-bottom: 0;
  color: var(--text-color);
  border-color: var(--border-color-dark);
  background-color: rgba(0, 0, 0, 0.1);
}
.donation-form .gateway-btns .mwInput.button:hover, .donation-form .gateway-btns .mwInput.button.selected {
  border-color: var(--border-color-dark);
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .donation-form .gateway-btns .mwInput.button {
    grid-column: span 6;
  }
}
@media (max-width: 375px) {
  .donation-form .gateway-btns .mwInput.button {
    grid-column: span 12;
  }
}
.donation-form .gateway-btns .mwInput.AuthorizeNetCard {
  color: var(--white);
  border-color: var(--info);
  background-color: var(--info);
}
.donation-form .gateway-btns .mwInput.AuthorizeNetCard:hover, .donation-form .gateway-btns .mwInput.AuthorizeNetCard.selected {
  border-color: var(--info-6);
  background-color: var(--info-6);
}
.donation-form .gateway-btns .mwInput.gPay {
  color: var(--white);
  border-color: var(--black);
  background-color: var(--black);
  padding: 12px 15px 8px;
}
.donation-form .gateway-btns .mwInput.gPay svg {
  width: auto;
  height: 20px;
}
.donation-form .gateway-btns .mwInput.gPay:hover, .donation-form .gateway-btns .mwInput.gPay.selected {
  border-color: #3c4043;
  background-color: #3c4043;
}
.donation-form .gateway-btns .mwInput.PayPal_checkout {
  color: var(--white);
  border-color: #ffc439;
  background-color: #ffc439;
  padding: 12px 15px 8px;
}
.donation-form .gateway-btns .mwInput.PayPal_checkout svg {
  width: auto;
  height: 20px;
}
.donation-form .gateway-btns .mwInput.PayPal_checkout:hover, .donation-form .gateway-btns .mwInput.PayPal_checkout.selected {
  border-color: #f2ba36;
  background-color: #f2ba36;
}
.donation-form .gateway-btns .mwInput.PayFlow,
.donation-form .gateway-btns .mwInput.PayFlowPro {
  border-color: #ffc439;
  background-color: #ffc439;
  padding: 10px 15px;
}
.donation-form .gateway-btns .mwInput.PayFlow:hover, .donation-form .gateway-btns .mwInput.PayFlow.selected,
.donation-form .gateway-btns .mwInput.PayFlowPro:hover,
.donation-form .gateway-btns .mwInput.PayFlowPro.selected {
  border-color: #f2ba36;
  background-color: #f2ba36;
}
.donation-form .mwPayment-billing {
  overflow: visible !important;
}
.donation-form .mwPayment-gateway.gPay, .donation-form .mwPayment-gateway.PayPal_checkout {
  padding-top: 0;
}
.donation-form .mwPayment-gateway.gPay .mwPayment-gateway-wrap, .donation-form .mwPayment-gateway.PayPal_checkout .mwPayment-gateway-wrap {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}
.donation-form .mwPayment-gateway.PayPal_checkout .mwPayment-gateway-wrap {
  padding-top: 30px;
  padding-bottom: 15px;
}
.donation-form .mwPayment-gateway.gPay .mwPayment-gateway-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
}

.donation-form .mwPayment-hint {
  display: none;
}

.donation-form button.mwPayment-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.donation-form-style-1 {
  --donation-form-offset: 60px;
}

.donation-form-style-1 {
  font-size: var(--form-font-size);
}
.donation-form-style-1 .alert {
  font-size: var(--form-font-size);
  border-radius: var(--border-radius);
}
.donation-form-style-1 .alert-icon {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.donation-form-style-1 .Dialog {
  margin-bottom: 15px;
}

.donation-form-style-1 .form-banner {
  margin-bottom: calc(var(--donation-form-offset) * -1);
}
.donation-form-style-1 .form-banner .container {
  position: relative;
}
.donation-form-style-1 .form-banner-wrap {
  position: relative;
}
.donation-form-style-1 .banner-inner {
  position: relative;
  padding: 200px 0 80px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.4);
}
.donation-form-style-1 .banner-inner:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.donation-form-style-1 .banner-img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.donation-form-style-1 .banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.donation-form-style-1 .banner-title {
  color: var(--white);
  font-size: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .donation-form-style-1 .banner-title {
    font-size: 51px;
  }
}
.donation-form-style-1 .banner-des {
  color: var(--white);
  font-size: 18px;
  text-align: center;
}
.donation-form-style-1 .banner-des:empty {
  display: none;
}
.donation-form-style-1 .form-banner.is-img-center .banner-img img {
  -o-object-position: center;
     object-position: center;
}
.donation-form-style-1 .form-banner.is-img-top .banner-img img {
  -o-object-position: center top;
     object-position: center top;
}
.donation-form-style-1 .form-banner.is-img-bottom .banner-img img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.donation-form-style-1 .form-section {
  margin-bottom: 15px;
}
.donation-form-style-1 .section-styled {
  padding: 30px 30px 15px;
  border-radius: calc(var(--border-radius) * 2);
  box-shadow: var(--shadow-1);
  background-color: var(--white);
}
@media (max-width: 575px) {
  .donation-form-style-1 .section-styled {
    padding: 15px 15px 1px;
  }
}
.donation-form-style-1 .section-fundraising::before {
  display: table;
  clear: both;
  content: "";
}
.donation-form-style-1 .section-your-gift {
  overflow: hidden;
  border-radius: calc(var(--border-radius) * 2);
  box-shadow: var(--shadow-1);
  background-color: var(--white);
}
.donation-form-style-1 .section-your-gift .section-wrap {
  padding: 30px 30px 15px;
}
@media (max-width: 575px) {
  .donation-form-style-1 .section-your-gift .section-wrap {
    padding: 15px 15px 1px;
  }
}
.donation-form-style-1 .section-your-gift .recurring-radios {
  margin-bottom: 0;
}
.donation-form-style-1 .section-your-gift .recurring-radios .radio-btns {
  gap: 0;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
}
.donation-form-style-1 .section-your-gift .recurring-radios .mwInput.checkbox {
  height: var(--donation-form-offset);
  padding: 0 15px;
  font-size: 20px;
  border-radius: 0;
  background-color: var(--primary-1);
}
.donation-form-style-1 .section-your-gift .recurring-radios .mwInput.checkbox:hover {
  background-color: var(--primary-2);
}
.donation-form-style-1 .section-your-gift .recurring-radios .mwInput.checkbox.checked {
  color: var(--white);
  background-color: var(--primary);
}

.donation-form-style-1 .fundraising-progress {
  margin-top: 37px;
  margin-bottom: 15px;
  padding: 3px;
  border-radius: 13px;
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.08);
  background: linear-gradient(to bottom, #ddd 0%, #fefefe 100%);
  transition: var(--transition-200);
}
.donation-form-style-1 .fundraising-progress-wrap {
  position: relative;
}
.donation-form-style-1 .fundraising-bar {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: inset -5px -5px 10px rgba(0, 0, 0, 0.05);
  background: linear-gradient(to bottom, #fefefe 0%, #eee 100%);
}
.donation-form-style-1 .fundraising-bar-inner {
  position: relative;
  width: 0;
  height: 20px;
  box-shadow: inset 2px -8px 7px rgba(0, 0, 0, 0.25);
  background-color: var(--primary);
}
.donation-form-style-1 .fundraising-bar-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.donation-form-style-1 .fundraising-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  padding: 8px 15px;
  font-size: 14px;
  color: var(--white);
  line-height: 1;
  border-radius: 50px;
  background-color: var(--primary);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2), inset 5px -7px 7px var(--primary-5);
  text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.16);
}
.donation-form-style-1 .fundraising-counter:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--primary-5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.donation-form-style-1 .fundraising-nums {
  display: flex;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  padding: 0 5px;
}
.donation-form-style-1 .fundraising-goal,
.donation-form-style-1 .fundraising-raised,
.donation-form-style-1 .fundraising-remain {
  margin-bottom: 15px;
  font-size: 16px;
  color: var(--white);
  text-transform: uppercase;
  font-weight: var(--font-weight-normal);
}
.donation-form-style-1 .fundraising-goal span,
.donation-form-style-1 .fundraising-raised span,
.donation-form-style-1 .fundraising-remain span {
  display: block;
  font-size: 26px;
  font-weight: var(--font-weight-bold);
}
.donation-form-style-1 .fundraising-raised {
  text-align: center;
}
.donation-form-style-1 .fundraising-remain {
  text-align: right;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.donation-form-style-2 {
  font-size: var(--form-font-size);
}
.donation-form-style-2 h1 {
  font-size: 68px;
}
@media (max-width: 1199px) {
  .donation-form-style-2 h1 {
    font-size: var(--h1-font-size);
  }
}
@media (max-width: 991px) {
  .donation-form-style-2 h1 {
    font-size: var(--h1-font-size-mobile);
  }
}
.donation-form-style-2 .alert {
  font-size: var(--form-font-size);
  border-radius: var(--border-radius);
}
.donation-form-style-2 .alert-icon {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.donation-form-style-2 .Dialog {
  margin-bottom: 15px;
}

.donation-form-style-2 .form-aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
@media (max-width: 991px) {
  .donation-form-style-2 .form-aside {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
  }
}
.donation-form-style-2 .form-main {
  width: 50%;
  margin-left: 50%;
}
@media (max-width: 991px) {
  .donation-form-style-2 .form-main {
    width: auto;
    margin-left: 0;
    padding-top: 30px;
  }
}
.donation-form-style-2 .form-aside-inner, .donation-form-style-2 .form-main-inner {
  padding: var(--content-area-md-p-t) var(--content-area-p-x) var(--content-area-md-p-b);
}
@media (max-width: 991px) {
  .donation-form-style-2 .form-aside-inner, .donation-form-style-2 .form-main-inner {
    padding-left: var(--content-area-p-x-tablet);
    padding-right: var(--content-area-p-x-tablet);
  }
}
@media (max-width: 767px) {
  .donation-form-style-2 .form-aside-inner, .donation-form-style-2 .form-main-inner {
    padding-left: var(--content-area-p-x-phone);
    padding-right: var(--content-area-p-x-phone);
  }
}
.donation-form-style-2 .form-aside-inner {
  position: relative;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.donation-form-style-2 .form-aside-inner .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.donation-form-style-2 .form-banner {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.donation-form-style-2 .form-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.donation-form-style-2 .form-banner.is-img-center img {
  -o-object-position: center;
     object-position: center;
}
.donation-form-style-2 .form-banner.is-img-top img {
  -o-object-position: center top;
     object-position: center top;
}
.donation-form-style-2 .form-banner.is-img-bottom img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.donation-form-style-2 .form-header {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .donation-form-style-2 .form-header {
    margin-bottom: 200px;
  }
}
.donation-form-style-2 .form-logo img {
  width: 240px;
}
@media (max-width: 767px) {
  .donation-form-style-2 .form-logo img {
    width: 200px;
  }
}

.donation-form-style-2 .form-section {
  margin-bottom: 45px;
}
.donation-form-style-2 .section-fundraising {
  padding-bottom: 45px;
  border-bottom: 1px solid var(--border-color-dark);
}
.donation-form-style-2 .section-fundraising::before {
  display: table;
  clear: both;
  content: "";
}

.donation-form-style-2 .fundraising-progress {
  margin-top: 37px;
  margin-bottom: 15px;
  padding: 3px;
  border-radius: 13px;
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.08);
  background: linear-gradient(to bottom, #ddd 0%, #fefefe 100%);
  transition: var(--transition-200);
}
.donation-form-style-2 .fundraising-progress-wrap {
  position: relative;
}
.donation-form-style-2 .fundraising-bar {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: inset -5px -5px 10px rgba(0, 0, 0, 0.05);
  background: linear-gradient(to bottom, #fefefe 0%, #eee 100%);
}
.donation-form-style-2 .fundraising-bar-inner {
  position: relative;
  width: 0;
  height: 20px;
  box-shadow: inset 2px -8px 7px rgba(0, 0, 0, 0.25);
  background-color: var(--primary);
}
.donation-form-style-2 .fundraising-bar-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.donation-form-style-2 .fundraising-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  padding: 8px 15px;
  font-size: 14px;
  color: var(--white);
  line-height: 1;
  border-radius: 50px;
  background-color: var(--primary);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2), inset 5px -7px 7px var(--primary-5);
  text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.16);
}
.donation-form-style-2 .fundraising-counter:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--primary-5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.donation-form-style-2 .fundraising-nums {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  padding: 0 5px;
}
.donation-form-style-2 .fundraising-goal,
.donation-form-style-2 .fundraising-raised,
.donation-form-style-2 .fundraising-remain {
  margin-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--font-weight-normal);
}
.donation-form-style-2 .fundraising-goal span,
.donation-form-style-2 .fundraising-raised span,
.donation-form-style-2 .fundraising-remain span {
  display: block;
  font-size: 26px;
  font-weight: var(--font-weight-bold);
}
.donation-form-style-2 .fundraising-raised {
  text-align: center;
}
.donation-form-style-2 .fundraising-remain {
  text-align: right;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.donation-form-style-3 {
  font-size: var(--form-font-size);
}
.donation-form-style-3 .Dialog {
  margin-bottom: 15px;
}
.donation-form-style-3 .alert {
  font-size: var(--form-font-size);
  border-radius: var(--border-radius);
}
.donation-form-style-3 .alert-icon {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.donation-form-style-3 .form-step {
  display: none;
  box-shadow: var(--shadow-1);
  border-radius: calc(var(--border-radius) * 2);
  background-color: var(--white);
  transition: var(--transition-400);
}
.donation-form-style-3 .form-step.active {
  display: block;
}
.donation-form-style-3 .step-body {
  padding: 40px 40px 25px;
}
@media (max-width: 575px) {
  .donation-form-style-3 .step-body {
    padding: 15px 15px 1px;
  }
}
.donation-form-style-3 .step-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.donation-form-style-3 .step-nav .btn {
  flex: 1;
  margin-bottom: 0;
}
.donation-form-style-3 .step-nav .btn > a,
.donation-form-style-3 .step-nav .btn > button,
.donation-form-style-3 .step-nav .btn > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.donation-form-style-3 .section-fundraising::before {
  display: table;
  clear: both;
  content: "";
}

.donation-form-style-3 .recurring-radios {
  overflow: hidden;
  margin-bottom: 0;
  border-radius: calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) 0 0;
}
.donation-form-style-3 .recurring-radios .radio-btns {
  gap: 0;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
}
.donation-form-style-3 .recurring-radios .radio-btns .mwInput.checkbox {
  font-size: 20px;
  border-radius: 0;
  padding: 15px;
  background-color: var(--primary-1);
}
.donation-form-style-3 .recurring-radios .radio-btns .mwInput.checkbox:hover {
  background-color: var(--primary-2);
}
.donation-form-style-3 .recurring-radios .radio-btns .mwInput.checkbox.checked {
  color: var(--white);
  background-color: var(--primary);
}

.donation-form-style-3 .fundraising-progress {
  margin-top: 37px;
  margin-bottom: 15px;
  padding: 3px;
  border-radius: 13px;
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.08);
  background: linear-gradient(to bottom, #ddd 0%, #fefefe 100%);
  transition: var(--transition-200);
}
.donation-form-style-3 .fundraising-progress-wrap {
  position: relative;
}
.donation-form-style-3 .fundraising-bar {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: inset -5px -5px 10px rgba(0, 0, 0, 0.05);
  background: linear-gradient(to bottom, #fefefe 0%, #eee 100%);
}
.donation-form-style-3 .fundraising-bar-inner {
  position: relative;
  width: 0;
  height: 20px;
  box-shadow: inset 2px -8px 7px rgba(0, 0, 0, 0.25);
  background-color: var(--primary);
}
.donation-form-style-3 .fundraising-bar-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.donation-form-style-3 .fundraising-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  padding: 8px 15px;
  font-size: 14px;
  color: var(--white);
  line-height: 1;
  border-radius: 50px;
  background-color: var(--primary);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2), inset 5px -7px 7px var(--primary-5);
  text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.16);
}
.donation-form-style-3 .fundraising-counter:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--primary-5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.donation-form-style-3 .fundraising-nums {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  padding: 0 5px;
}
.donation-form-style-3 .fundraising-goal,
.donation-form-style-3 .fundraising-raised,
.donation-form-style-3 .fundraising-remain {
  margin-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--font-weight-normal);
}
.donation-form-style-3 .fundraising-goal span,
.donation-form-style-3 .fundraising-raised span,
.donation-form-style-3 .fundraising-remain span {
  display: block;
  font-size: 26px;
  font-weight: var(--font-weight-bold);
}
.donation-form-style-3 .fundraising-raised {
  text-align: center;
}
.donation-form-style-3 .fundraising-remain {
  text-align: right;
}

.donation-form-style-3 .gateway-btns .mwInput.button {
  grid-column: span 6;
}
@media (max-width: 375px) {
  .donation-form-style-3 .gateway-btns .mwInput.button {
    grid-column: span 12;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 3 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 4 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.donation-form-style-4 {
  --border-radius: 6px;
  --form-border-radius: 6px;
  --btn-border-radius: 6px;
  --form-input-height: 46px;
  --form-checkbox-size: 20px;
  --form-checkbox-icon-size: 10px;
}

.donation-form-style-4 {
  font-size: var(--form-font-size);
}
.donation-form-style-4 .Dialog {
  margin-bottom: 15px;
}
.donation-form-style-4 .alert {
  font-size: var(--form-font-size);
  border-radius: var(--border-radius);
}
.donation-form-style-4 .alert-icon {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.donation-form-style-4 .donation-form-wrap {
  margin: 0 auto;
  max-width: 400px;
}

.donation-form-style-4 .form-step {
  display: none;
  flex-direction: column;
  min-height: 460px;
  border-radius: calc(var(--border-radius) * 2);
  background-color: var(--white);
  transition: var(--transition-400);
  box-shadow: var(--shadow-1);
}
.donation-form-style-4 .form-step.active {
  display: flex;
}
.donation-form-style-4 .step-header {
  display: flex;
  align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding: 30px 22px 25px;
}
@media (max-width: 375px) {
  .donation-form-style-4 .step-header {
    padding: 25px 8px 20px;
  }
}
.donation-form-style-4 .step-body {
  padding: 1px 30px 1px;
}
@media (max-width: 375px) {
  .donation-form-style-4 .step-body {
    padding: 1px 15px 1px;
  }
}
.donation-form-style-4 .step-footer {
  margin-top: auto;
  padding: 20px 30px 10px;
}
@media (max-width: 375px) {
  .donation-form-style-4 .step-footer {
    padding: 15px 15px 1px;
  }
}
.donation-form-style-4 .step-footer .btn {
  margin-bottom: 15px;
}
.donation-form-style-4 .step-footer .btn > a,
.donation-form-style-4 .step-footer .btn > button,
.donation-form-style-4 .step-footer .btn > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.donation-form-style-4 .step-title {
  flex: 1;
  margin-bottom: 0;
  text-align: center;
}
.donation-form-style-4 .step-prev-btn {
  display: flex;
  padding: 8px 9px;
  font-size: 20px;
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 2px transparent;
}
.donation-form-style-4 .step-prev-btn:hover {
  color: var(--black);
  background-color: var(--primary-1);
  box-shadow: inset 0 0 0 2px var(--primary-2);
}
.donation-form-style-4 .step-prev-btn + .step-title {
  padding-right: 51px;
}

.donation-form-style-4 .steps-indicator {
  position: relative;
  margin: 0 auto 30px;
  max-width: 130px;
}
.donation-form-style-4 .steps-indicator:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--gray);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.donation-form-style-4 .steps-indicator ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.donation-form-style-4 .steps-indicator button {
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 50%;
  border: 2px solid var(--gray);
  background-color: var(--white);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
}
.donation-form-style-4 .steps-indicator button:after {
  opacity: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--white);
  transition: var(--transition-200);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.donation-form-style-4 .steps-indicator button:hover {
  background-color: var(--light);
}
.donation-form-style-4 .steps-indicator button.active {
  border-color: var(--secondary-5);
  background-color: var(--secondary);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.donation-form-style-4 .steps-indicator button.active:after {
  opacity: 1;
}

.donation-form-style-4 .section-fundraising::before {
  display: table;
  clear: both;
  content: "";
}

.donation-form-style-4 .recurring-radios .mwInput.checkbox {
  padding-top: 13px;
  padding-bottom: 13px;
}

.donation-form-style-4 .fundraising-progress {
  margin-top: 37px;
  margin-bottom: 20px;
  padding: 3px;
  border-radius: 13px;
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.08);
  background: linear-gradient(to bottom, #ddd 0%, #fefefe 100%);
  transition: var(--transition-200);
}
.donation-form-style-4 .fundraising-progress-wrap {
  position: relative;
}
.donation-form-style-4 .fundraising-bar {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: inset -5px -5px 10px rgba(0, 0, 0, 0.05);
  background: linear-gradient(to bottom, #fefefe 0%, #eee 100%);
}
.donation-form-style-4 .fundraising-bar-inner {
  position: relative;
  width: 0;
  height: 20px;
  box-shadow: inset 2px -8px 7px rgba(0, 0, 0, 0.25);
  background-color: var(--primary);
}
.donation-form-style-4 .fundraising-bar-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.donation-form-style-4 .fundraising-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  padding: 8px 15px;
  font-size: 14px;
  color: var(--white);
  line-height: 1;
  border-radius: 50px;
  background-color: var(--primary);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2), inset 5px -7px 7px var(--primary-5);
  text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.16);
}
.donation-form-style-4 .fundraising-counter:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--primary-5);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.donation-form-style-4 .fundraising-nums {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  padding: 0 5px;
}
.donation-form-style-4 .fundraising-goal,
.donation-form-style-4 .fundraising-raised,
.donation-form-style-4 .fundraising-remain {
  margin-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--font-weight-normal);
}
.donation-form-style-4 .fundraising-goal span,
.donation-form-style-4 .fundraising-raised span,
.donation-form-style-4 .fundraising-remain span {
  display: block;
  font-size: 26px;
  font-weight: var(--font-weight-bold);
}
.donation-form-style-4 .fundraising-raised {
  text-align: center;
}
.donation-form-style-4 .fundraising-remain {
  text-align: right;
}

.donation-form-style-4 .cover-processing .has-tooltip {
  justify-content: center;
}

.donation-form-style-4 .amounts-btns {
  gap: 5px;
}

.donation-form-style-4 .gateway-btns .mwInput.button {
  grid-column: span 6;
}
@media (max-width: 375px) {
  .donation-form-style-4 .gateway-btns .mwInput.button {
    grid-column: span 12;
  }
}

.donation-form-style-4 .hint-wrap {
  padding: 10px 20px 1px;
  margin-bottom: 15px;
  text-align: center;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.1);
}
.donation-form-style-4 .hint-wrap p {
  margin-bottom: 10px;
}

.donation-form-style-4 .mwCaptcha {
  padding: 0;
  margin-bottom: 5px;
  background-color: transparent;
  background-image: none;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Style 4 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files List - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.files-list-style-1 .files-list-item {
  margin-bottom: 30px;
}
.files-list-style-1 .files-list-item a {
  position: relative;
  display: block;
  padding: 2px 0 0 32px;
}
.files-list-style-1 .files-list-item a > i {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--primary);
  font-size: 30px;
}
.files-list-style-1 .files-list-item a > span {
  display: block;
  overflow-wrap: break-word;
  color: var(--text-color);
  text-decoration: underline;
  transition: var(--transition-200);
}
.files-list-style-1 .files-list-item a:hover > span {
  color: var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files List - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files List - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files List - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | File Link - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.file-link-style-1 {
  margin-bottom: 30px;
}
.file-link-style-1 a {
  position: relative;
  display: block;
  padding: 2px 0 0 32px;
}
.file-link-style-1 a > i {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--primary);
  font-size: 30px;
}
.file-link-style-1 a > span {
  display: block;
  overflow-wrap: break-word;
  color: var(--text-color);
  text-decoration: underline;
  transition: var(--transition-200);
}
.file-link-style-1 a:hover > span {
  color: var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | File Link - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | File Link - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | File Link - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Timeline - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.timeline-style-1 {
  --timeline-dot-size: 15px;
  --timeline-dot-offset: 12px;
}
@media (max-width: 991px) {
  .timeline-style-1 {
    --timeline-dot-size: 10px;
    --timeline-dot-offset: 12px;
  }
}

.timeline-style-1 {
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .timeline-style-1 {
    padding-left: 15px;
  }
}
.timeline-style-1 h1, .timeline-style-1 h2, .timeline-style-1 h3, .timeline-style-1 h4, .timeline-style-1 h5, .timeline-style-1 h6 {
  margin-bottom: 15px;
  line-height: 1;
}
.timeline-style-1 .timeline-line {
  position: absolute;
  top: var(--timeline-dot-offset);
  left: 50%;
  width: 1px;
  height: calc(100% + 30px);
  background-color: var(--border-color-dark);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .timeline-style-1 .timeline-line {
    left: 0;
  }
}
.timeline-style-1 .timeline-dot {
  position: absolute;
  top: var(--timeline-dot-offset);
  left: 50%;
  width: var(--timeline-dot-size);
  height: var(--timeline-dot-size);
  border-radius: 50%;
  background-color: var(--primary);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .timeline-style-1 .timeline-dot {
    left: 0;
  }
}
.timeline-style-1 .timeline-dot:after {
  opacity: 0.2;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: calc(var(--timeline-dot-size) * 2);
  height: calc(var(--timeline-dot-size) * 2);
  border-radius: 50%;
  background-color: var(--primary);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.timeline-style-1.is-left {
  text-align: right;
}
@media (max-width: 767px) {
  .timeline-style-1.is-left {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .timeline-style-1.is-right .timeline-inner-left {
    order: 2;
  }
}
@media (max-width: 767px) {
  .timeline-style-1.is-right .timeline-inner-right {
    order: 1;
  }
}
.timeline-style-1.is-last .timeline-line {
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--border-color-dark) 60%, rgba(0, 0, 0, 0) 100%);
}
.timeline-style-1 .mwPageBlock.File .mwFileEmbed.Image {
  margin-bottom: 30px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Timeline - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Timeline - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.timeline-style-2 .timeline-container {
  overflow: hidden;
  position: sticky;
  top: 0;
  width: 100%;
}
.has-sticky-header .timeline-style-2 .timeline-container {
  top: var(--header-main-wrap-height);
}
.timeline-style-2 .timeline-track {
  display: inline-flex;
  flex-wrap: nowrap;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.timeline-style-2 .timeline-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 30px 1px;
  width: 50vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 1199px) {
  .timeline-style-2 .timeline-item {
    width: 100vw;
  }
}
.has-sticky-header .timeline-style-2 .timeline-item {
  height: calc(100vh - var(--header-main-wrap-height));
  height: calc(var(--vh, 1vh) * 100 - var(--header-main-wrap-height));
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Timeline - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | PDF Viewer - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.pdf-viewer-style-1 .pdf-viewer-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1.41;
  margin-bottom: 30px;
}
.pdf-viewer-style-1 .pdf-viewer-wrap embed,
.pdf-viewer-style-1 .pdf-viewer-wrap object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | PDF Viewer - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.video-player-style-1 {
  margin-bottom: 30px;
}
.video-player-style-1 .video-player-wrap {
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius);
}
.video-player-style-1 video,
.video-player-style-1 .video-player-inner,
.video-player-style-1 .video-player-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-player-style-1 video {
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
  outline-offset: -3px;
  border-radius: var(--border-radius);
}
.video-player-style-1 .video-player-poster {
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.video-player-style-1 .video-player-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  transition: var(--transition-200);
}
.video-player-style-1 .video-player-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: var(--dark);
  font-size: 18px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
}
.video-player-style-1 .video-player-btn:hover {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.8);
}
.video-player-style-1:hover .video-player-poster {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.video-player-style-1.active video {
  opacity: 1;
}
.video-player-style-1.active .video-player-poster,
.video-player-style-1.active .video-player-inner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Banner - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.video-banner-style-1 .video-banner-wrap {
  position: relative;
  overflow: hidden;
}
.video-banner-style-1 .video-banner-play-btn {
  z-index: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
}
.video-banner-style-1 .video-banner-play-btn svg {
  width: 16px;
  height: auto;
}
.video-banner-style-1 .video-banner-play-btn path {
  fill: var(--dark);
}
.video-banner-style-1 .video-banner-play-btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.video-banner-style-1 .video-banner-play-btn:hover path {

  fill: var(--white);
}
.video-banner-style-1 video {
  position: absolute;
  top: 0;

  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-banner-style-1 .video-banner-inner {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
}
.video-banner-style-1 .video-banner-title {
  color: var(--white);
  line-height: 1;
  font-size: 70px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
  .video-banner-style-1 .video-banner-title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .video-banner-style-1 .video-banner-title {
    font-size: 36px;
  }
}
.video-banner-style-1 .video-banner-caption {
  display: block;
  margin-bottom: 15px;
  font-size: 30px;
}
@media (max-width: 991px) {
  .video-banner-style-1 .video-banner-caption {
    font-size: 18px;
  }
}
.video-banner-style-1 .video-banner-des {
  color: var(--white);
  margin-left: auto;
  margin-right: auto;
  max-width: 620px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
  .video-banner-style-1 .video-banner-des {
    max-width: 495px;
  }
}
@media (max-width: 575px) {
  .video-banner-style-1 .video-banner-des {
    max-width: 375px;
  }
}
.video-banner-style-1 .video-banner-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.video-banner-style-1 .video-banner-btns .btn {
  flex: 0 0 auto;
  margin-bottom: 10px;
}

.video-banner-style-1.is-large .video-banner-inner {
  height: calc(var(--vh, 1vh) * 100 - var(--header-height));
  min-height: 600px;
  max-height: 1200px;
}
@media (max-width: 991px) {
  .video-banner-style-1.is-large .video-banner-inner {
    height: auto;
  }
}
.video-banner-style-1.is-medium .video-banner-inner {
  min-height: 480px;
}
@media (max-width: 991px) {
  .video-banner-style-1.is-medium .video-banner-inner {
    height: auto;
  }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Banner - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Youtube Player - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.youtube-player-style-1 {
  margin-bottom: 30px;
}
.youtube-player-style-1 .youtube-player-wrap {
  overflow: hidden;
  display: block;
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius);
}
.youtube-player-style-1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Youtube Player - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Youtube Player - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.youtube-player-style-2 {
  margin-bottom: 30px;
}
.youtube-player-style-2 .youtube-player-wrap {
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--border-radius);
}
.youtube-player-style-2 .youtube-player-poster,
.youtube-player-style-2 .youtube-player-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtube-player-style-2 .youtube-player-poster {
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--transition-200);
}
.youtube-player-style-2 .youtube-player-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
}
.youtube-player-style-2 .youtube-player-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: var(--dark);
  font-size: 18px;
  text-decoration: none;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
}
.youtube-player-style-2 .youtube-player-btn:hover {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.8);
}
.youtube-player-style-2 .youtube-player-wrap:hover .youtube-player-poster {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Youtube Player - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Results Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.search-results-default .search-no-result {
  display: none;
}

.search-results-default .search-results-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.search-results-default .search-results-title {
  font-size: 28px;
  margin-bottom: 10px;
}
.search-results-default .search-results-keyword {
  color: var(--primary);
}
.search-results-default .search-results-total {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  color: var(--gray-6);
  margin-bottom: 10px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Results - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Account Hub - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.account-hub .content-card-footer {
  position: relative;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Account Hub - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.header-style-1 {
  z-index: 500;
  position: relative;
}
.header-style-1 a {
  text-decoration: none;
}

.header-style-1 .header-main,
.header-style-1 .header-main-wrap {
  height: var(--header-main-height);
}
@media (max-width: 767px) {
  .header-style-1 .header-main,
  .header-style-1 .header-main-wrap {
    height: var(--header-main-height-mobile);
  }
}
.header-style-1 .header-main-wrap {
  z-index: 1;
  /* position: relative; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 80px;
  background-color: var(--white);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: var(--transition-200);
}
@media (max-width: 1439px) {
  .header-style-1 .header-main-wrap {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .header-style-1 .header-main-wrap {
    padding: 0 15px;
  }
}
.header-style-1 .header-main-left {
  flex: 0 0 auto;
}
.header-style-1 .header-main-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 15px;
}

.header-style-1 .header-logo {
  display: block;
  width: 300px;
  max-width: 300px;
  height: 170px;
  position: absolute;
  top: 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
@media (max-width: 767px) {
  .header-style-1 .header-logo {
    max-width: 200px;
    height: 110px;
  }
}
.header-style-1 .header-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: var(--transition-200);
  padding: 30px;
}
@media (max-width: 767px) {
  .header-style-1 .header-logo img {
    padding: 0 30px;
    /* width: 90%; */
    margin: 0 auto;
  }
}
@media (max-width: 1365px) {
  .header-style-1 .header-menu {
    display: none;
  }
}
.header-style-1 .header-menu li, .header-style-1 .header-menu a {
  position: relative;
}
.header-style-1 .header-menu nav > ul {
  display: flex;
  align-items: center;
}
.header-style-1 .header-menu nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-main-height);
  padding: 0 20px;
  color: var(--primary);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
}
@media (max-width: 1659px) {
  .header-style-1 .header-menu nav > ul > li > a {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .header-style-1 .header-menu nav > ul > li > a {
    height: var(--header-main-height-mobile);
  }
}
.header-style-1 .header-menu nav > ul > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--secondary);
  transition: height var(--transition-200);
}
.header-style-1 .header-menu nav > ul > li.has-children > a {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.header-style-1 .header-menu ul ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  background-color: var(--white);
  transition: var(--transition-200);
  border-radius: 0 0 15px 15px;
  box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.header-style-1 .header-menu ul ul li a {
  display: block;
  min-width: 260px;
  margin: 15px 30px;
  padding-bottom: 13px;
  color: var(--primary);
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
}
.header-style-1 .header-menu ul ul li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.header-style-1 .header-menu ul ul li.has-children > a:after {
  content: "\f0da";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-1 .header-menu ul ul ul {
  top: 0;
  left: 100%;
}
.header-style-1 .header-menu nav > ul > li:nth-last-child(-n+2) ul {
  left: auto;
  right: 0;
}
.header-style-1 .header-menu nav > ul > li:nth-last-child(-n+2) ul ul {
  right: 100%;
}
.header-style-1 .header-menu nav > ul > li:hover > a:before,
.header-style-1 .header-menu nav > ul > li.active > a:before {
  height: 5px;
}
.header-style-1 .header-menu ul ul li:hover > a,
.header-style-1 .header-menu ul ul li.active > a {
  /* background-color: rgba(0, 0, 0, 0.2); */
  color: var(--secondary);
}
.header-style-1 .header-menu li.has-children.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 1365px) {
  .header-style-1 .megamenu {
    display: none;
  }
}
.header-style-1 ul.megamenu-level-1 > li > a {
  height: var(--header-main-height);
}
@media (max-width: 767px) {
  .header-style-1 ul.megamenu-level-1 > li > a {
    height: var(--header-main-height-mobile);
  }
}

.header-style-1 .search-btn {
  color: var(--primary);
  font-size: 16px;
  margin-right: 15px;
}
.header-style-1 .search-btn:hover, .header-style-1 .search-btn.active {
  color: var(--primary-6);
}

.header-style-1 .burger {
  display: none;
}
@media (max-width: 1365px) {
  .header-style-1 .burger {
    display: block;
  }
}
@media (max-width: 767px) {
  .header-style-1 .burger-text {
    display: none;
  }
}

.header-style-1 .header-btns ul {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .header-style-1 .header-btns {
    display: none;
  }
}
.header-style-1 .header-btns .btn {
  margin-bottom: 0;
}
.header-style-1 .header-btns li:first-of-type .btn > a {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.header-style-1 .header-btns li:first-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded) 0 0 var(--btn-border-radius-rounded);
}
.header-style-1 .header-btns li:last-of-type .btn > a {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.header-style-1 .header-btns li:last-of-type .btn.is-rounded > a {
  border-radius: 0 var(--btn-border-radius-rounded) var(--btn-border-radius-rounded) 0;
}
.header-style-1 .header-btns li:only-of-type .btn > a {
  border-radius: var(--border-radius);
}
.header-style-1 .header-btns li:only-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded);
}

.header-style-1 .header-utility {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-utility-bar-height);
  /* padding: 0 80px; */
  background-color: var(--primary);
}
@media (max-width: 1439px) {
  .header-style-1 .header-utility {
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  .header-style-1 .header-utility {
    height: 5px;
  }
}
.header-style-1 .header-utility a {
  color: var(--white);
}
.header-style-1 .header-utility a:hover {
  color: var(--primary-6);
}
.header-style-1 .header-utility-left {
  flex: 0 1 auto;
}
@media (max-width: 575px) {
  .header-style-1 .header-utility-left {
    display: none;
  }
}
.header-style-1 .header-utility-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .header-style-1 .header-utility-right {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-style-1 .header-utility-menu {
    display: none;
  }
}
.header-style-1 .header-utility-menu ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-style-1 .header-utility-menu ul li a {
  font-size: 16px;
  font-weight: 600;
}
.header-style-1 .header-utility-menu ul li:last-child a {background:#FFCA08;padding: 9px 20px;color:var(--primary-5);transition:0.3s ease;}
.header-style-1 .header-utility-menu ul li:last-child a:hover {background:#d8a900;color:var(--primary-6)!important;}
.header-style-1 .header-utility-menu ul li ul {
  display: none;
}
.header-style-1 .google-translate {
  color: white;
  font-size: 14px;
}
.header-style-1 .google-translate:hover {
  color: var(--primary-6);
}

.header-style-1 .alert {
  position: relative;
  display: none;
  margin-bottom: 0;
}
.header-style-1 .alert.is-top, .header-style-1 .alert.is-bottom {
  border-radius: 0;
}
.header-style-1 .alert.is-float-left, .header-style-1 .alert.is-float-right {
  position: absolute;
  top: calc(100% + 15px);
  max-width: 480px;
  box-shadow: var(--shadow-1);
}
.header-style-1 .alert.is-float-left {
  left: 15px;
}
.header-style-1 .alert.is-float-right {
  right: 15px;
}
.header-style-1 .alert.active {
  display: block;
}

html.header-stuck .header-style-1 .header-main-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

html.header-scrolled .header-style-1 .header-main-wrap {
  height: var(--header-main-height-mobile);
}
html.header-scrolled .header-style-1 .header-logo {
  /* height: calc(var(--header-main-height-mobile) * 0.618); */
  box-shadow: none;
  max-width: 125px;
  height: unset;background:none
}
html.header-scrolled .header-style-1 .header-logo img {padding:5px 0}
html.header-scrolled .header-style-1 .header-menu nav > ul > li > a {
  height: var(--header-main-height-mobile);
}
html.header-scrolled .header-style-1 ul.megamenu-level-1 > li > a {
  height: var(--header-main-height-mobile);
}

.liveEdBlock .header-style-1 .burger {
  display: block;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.header-style-2 {
  z-index: 500;
  position: relative;
}
.header-style-2 a {
  text-decoration: none;
}

.header-style-2 .header-main,
.header-style-2 .header-main-wrap {
  height: var(--header-main-height);
}
@media (max-width: 1199px) {
  .header-style-2 .header-main,
  .header-style-2 .header-main-wrap {
    height: var(--header-main-height-mobile);
  }
}
.header-style-2 .header-main-wrap {
  z-index: 1;
}
.header-style-2 .header-main-top {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  height: var(--header-main-top-height);
  padding: 0 80px;
  background-color: var(--white);
  transition: var(--transition-200);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media (max-width: 1439px) {
  .header-style-2 .header-main-top {
    padding: 0 30px;
  }
}
@media (max-width: 1199px) {
  .header-style-2 .header-main-top {
    height: var(--header-main-top-height-mobile);
  }
}
@media (max-width: 767px) {
  .header-style-2 .header-main-top {
    padding: 0 15px;
  }
}
.header-style-2 .header-main-top-center {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-style-2 .header-main-top-left,
.header-style-2 .header-main-top-right {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 767px) {
  .header-style-2 .header-main-top-left,
  .header-style-2 .header-main-top-right {
    display: none;
  }
}
.header-style-2 .header-main-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  height: var(--header-main-bottom-height);
  padding: 0 0 0 80px;
  background-color: var(--primary);
  transition: var(--transition-200);
}
@media (max-width: 1439px) {
  .header-style-2 .header-main-bottom {
    padding: 0 0 0 30px;
  }
}
@media (max-width: 1199px) {
  .header-style-2 .header-main-bottom {
    height: var(--header-main-bottom-height-mobile);
  }
}
@media (max-width: 767px) {
  .header-style-2 .header-main-bottom {
    padding: 0 15px;
  }
}
.header-style-2 .header-main-bottom-left,
.header-style-2 .header-main-bottom-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

.header-style-2 .header-logo {
  display: block;
  width: auto;
  max-width: 360px;
  height: calc(var(--header-main-top-height) * 0.618);
  transition: var(--transition-200);

}
@media (max-width: 1199px) {
  .header-style-2 .header-logo {
    max-width: 260px;
    height: calc(var(--header-main-top-height-mobile) * 0.618);
  }
}
.header-style-2 .header-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1199px) {
  .header-style-2 .header-menu {
    display: none;
  }
}
.header-style-2 .header-menu li, .header-style-2 .header-menu a {
  position: relative;
}
.header-style-2 .header-menu nav > ul {
  display: flex;
  align-items: center;
}
.header-style-2 .header-menu nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-main-bottom-height);
  padding: 0 20px;
  color: var(--white);
}
@media (max-width: 1365px) {
  .header-style-2 .header-menu nav > ul > li > a {
    padding: 0 15px;
  }
}
@media (max-width: 1199px) {
  .header-style-2 .header-menu nav > ul > li > a {
    height: var(--header-main-bottom-height-mobile);
  }
}
.header-style-2 .header-menu nav > ul > li.has-children > a {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.header-style-2 .header-menu nav > ul > li.has-children > a:after {
  content: "\f0d7";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-2 .header-menu ul ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  background-color: var(--primary-5);
  transition: var(--transition-200);
}
.header-style-2 .header-menu ul ul li a {
  display: block;
  min-width: 260px;
  padding: 10px 20px;
  color: var(--white);
  font-size: 16px;
}
.header-style-2 .header-menu ul ul li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.header-style-2 .header-menu ul ul li.has-children > a:after {
  content: "\f0da";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-2 .header-menu ul ul ul {
  top: 0;
  left: 100%;
}
.header-style-2 .header-menu nav > ul > li:hover > a,
.header-style-2 .header-menu nav > ul > li.active > a {
  background-color: var(--primary-5);
}
.header-style-2 .header-menu ul ul li:hover > a,
.header-style-2 .header-menu ul ul li.active > a {
  background-color: rgba(0, 0, 0, 0.2);
}
.header-style-2 .header-menu li.has-children.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 1199px) {
  .header-style-2 .megamenu {
    display: none;
  }
}
.header-style-2 ul.megamenu-level-1 > li > a {
  height: var(--header-main-bottom-height);
  color: var(--white);
}
@media (max-width: 1199px) {
  .header-style-2 ul.megamenu-level-1 > li > a {
    height: var(--header-main-bottom-height-mobile);
  }
}
.header-style-2 ul.megamenu-level-1 > li > a:after {
  display: none;
}
.header-style-2 ul.megamenu-level-1 > li:hover > a, .header-style-2 ul.megamenu-level-1 > li.active > a {
  background-color: var(--primary-5);
}
.header-style-2 ul.megamenu-level-1 > li.has-1-menu.no-intro:nth-last-of-type(-n+2) .megamenu-panel {
  left: 0;
  right: auto;
}
.header-style-2 ul.megamenu-level-1 > li.has-1-menu.no-intro:nth-last-of-type(-n+3) .megamenu-menu ul ul {
  left: 100%;
  right: auto;
}
.header-style-2 .megamenu:not(.is-fullwidth) ul.megamenu-level-1 > li:not(.has-1-menu.no-intro) {
  position: relative;
}
.header-style-2 .megamenu:not(.is-fullwidth) ul.megamenu-level-1 > li:not(.has-1-menu.no-intro) .megamenu-panel {
  width: auto;
  text-align: left;
}

.header-style-2 .burger {
  display: none;
}
@media (max-width: 1199px) {
  .header-style-2 .burger {
    display: block;
  }
}
.header-style-2 .burger-lines span,
.header-style-2 .burger-slashes span {
  background-color: var(--white);
}
.header-style-2 .burger-text {
  color: var(--white);
}
.header-style-2 .burger:hover .burger-lines span,
.header-style-2 .burger:hover .burger-slashes span,
.header-style-2 .burger.active .burger-lines span,
.header-style-2 .burger.active .burger-slashes span {
  background-color: var(--white);
}
.header-style-2 .burger:hover .burger-text,
.header-style-2 .burger.active .burger-text {
  color: var(--white);
}

.header-style-2 .header-main-top .search-btn {
  color: var(--dark);
  font-size: 18px;
}
.header-style-2 .header-main-top .search-btn:hover, .header-style-2 .header-main-top .search-btn.active {
  color: var(--primary);
}
.header-style-2 .header-main-bottom .search-btn {
  display: none;
  color: var(--white);
}
@media (max-width: 767px) {
  .header-style-2 .header-main-bottom .search-btn {
    display: block;
  }
}
.header-style-2 .header-main-bottom .search-btn:hover, .header-style-2 .header-main-bottom .search-btn.active {
  color: var(--primary-6);
}

@media (max-width: 767px) {
  .header-style-2 .header-btns {
    display: none;
  }
}
.header-style-2 .header-btns ul {
  display: flex;
  align-items: center;
}
.header-style-2 .header-btns .btn {
  margin-bottom: 0;
}
.header-style-2 .header-btns .btn > a {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  border: 0;
  line-height: var(--header-main-bottom-height);
}
@media (max-width: 1199px) {
  .header-style-2 .header-btns .btn > a {
    line-height: var(--header-main-bottom-height-mobile);
  }
}

.header-style-2 .alert {
  position: relative;
  display: none;
  margin-bottom: 0;
}
.header-style-2 .alert.is-top, .header-style-2 .alert.is-bottom {
  border-radius: 0;
}
.header-style-2 .alert.is-float-left, .header-style-2 .alert.is-float-right {
  position: absolute;
  top: calc(100% + 15px);
  max-width: 480px;
  box-shadow: var(--shadow-1);
}
.header-style-2 .alert.is-float-left {
  left: 15px;
}
.header-style-2 .alert.is-float-right {
  right: 15px;
}
.header-style-2 .alert.active {
  display: block;
}

.header-style-2 .google-translate {
  color: var(--link-color);
}
@media (max-width: 767px) {
  .header-style-2 .google-translate {
    display: none;
  }
}
.header-style-2 .google-translate:hover {
  color: var(--link-color-hover);
}

html.header-stuck .header-style-2 .header-main-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

html.header-scrolled .header-style-2 .header-main-wrap {
  height: var(--header-main-height-mobile);
}
html.header-scrolled .header-style-2 .header-main-top {
  height: var(--header-main-top-height-mobile);
}
html.header-scrolled .header-style-2 .header-main-bottom {
  height: var(--header-main-bottom-height-mobile);
}
html.header-scrolled .header-style-2 .header-logo {
  max-width: 260px;
  height: calc(var(--header-main-top-height-mobile) * 0.618);
}
html.header-scrolled .header-style-2 .header-menu nav > ul > li > a {
  height: var(--header-main-bottom-height-mobile);
}
html.header-scrolled .header-style-2 ul.megamenu-level-1 > li > a {
  height: var(--header-main-bottom-height-mobile);
}
html.header-scrolled .header-style-2 .header-btns .btn > a {
  line-height: var(--header-main-bottom-height-mobile);
}

.liveEdBlock .header-style-2 .burger {
  display: block;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 3 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.header-style-3 {
  z-index: 500;
  position: relative;
}
.header-style-3 a {
  text-decoration: none;
}

.header-style-3 .header-main {
  position: relative;
}
.header-style-3 .header-main-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--header-main-height);
  padding: 0 60px;
  margin-top: var(--header-scrolled-offset);
  transition: var(--transition-200);
}
@media (max-width: 1439px) {
  .header-style-3 .header-main-wrap {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .header-style-3 .header-main-wrap {
    height: var(--header-main-height-mobile);
    padding: 0 15px;
    margin-top: 0;
  }
}
.header-style-3 .header-main-left,
.header-style-3 .header-main-right {
  z-index: 1;
  flex: 0 0 auto;
}
.header-style-3 .header-main-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header-style-3 .header-backdrop,
.header-style-3 .header-bg {
  pointer-events: none;
  position: absolute;
  top: calc(var(--header-scrolled-offset) * -1);
  left: 0;
  width: 100%;
  transition: var(--transition-360);
}
@media (max-width: 767px) {
  .header-style-3 .header-backdrop,
  .header-style-3 .header-bg {
    top: 0;
  }
}
.header-style-3 .header-backdrop {
  height: calc(150% + var(--header-scrolled-offset));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 767px) {
  .header-style-3 .header-backdrop {
    height: 130%;
  }
}
.header-style-3 .header-bg {
  height: 0;
  background-color: var(--white);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0);
}

.header-style-3 .header-logo {
  display: block;
  width: auto;
  max-width: 300px;
  height: calc(var(--header-main-height) * 0.618);
}
@media (max-width: 767px) {
  .header-style-3 .header-logo {
    max-width: 200px;
    height: calc(var(--header-main-height-mobile) * 0.618);
  }
}
.header-style-3 .header-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-style-3 .logo-color {
  display: none;
}

@media (max-width: 1365px) {
  .header-style-3 .header-menu {
    display: none;
  }
}
.header-style-3 .header-menu li, .header-style-3 .header-menu a {
  position: relative;
}
.header-style-3 .header-menu nav > ul {
  display: flex;
  align-items: center;
}
.header-style-3 .header-menu nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-main-height);
  padding: 0 20px;
  color: var(--white);
}
@media (max-width: 1659px) {
  .header-style-3 .header-menu nav > ul > li > a {
    padding: 0 15px;
  }
}
@media (max-width: 1439px) {
  .header-style-3 .header-menu nav > ul > li > a {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .header-style-3 .header-menu nav > ul > li > a {
    height: var(--header-main-height-mobile);
  }
}
.header-style-3 .header-menu nav > ul > li.has-children > a {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.header-style-3 .header-menu nav > ul > li.has-children > a:after {
  content: "\f0d7";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-3 .header-menu ul ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  background-color: var(--secondary);
  transition: var(--transition-200);
}
.header-style-3 .header-menu ul ul li a {
  display: block;
  min-width: 260px;
  padding: 10px 20px;
  color: var(--white);
  font-size: 16px;
}
.header-style-3 .header-menu ul ul li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.header-style-3 .header-menu ul ul li.has-children > a:after {
  content: "\f0da";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-3 .header-menu nav > ul > li:nth-last-child(-n+2) ul {
  left: auto;
  right: 0;
}
.header-style-3 .header-menu nav > ul > li:nth-last-child(-n+2) ul ul {
  right: 100%;
}
.header-style-3 .header-menu ul ul ul {
  top: 0;
  left: 100%;
}
.header-style-3 .header-menu nav > ul > li:hover > a,
.header-style-3 .header-menu nav > ul > li.active > a {
  color: var(--primary);
}
.header-style-3 .header-menu ul ul li:hover > a,
.header-style-3 .header-menu ul ul li.active > a {
  background-color: rgba(0, 0, 0, 0.2);
}
.header-style-3 .header-menu li.has-children.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 1365px) {
  .header-style-3 .megamenu {
    display: none;
  }
}
.header-style-3 ul.megamenu-level-1 > li > a {
  color: var(--white);
  height: var(--header-main-height);
}
@media (max-width: 767px) {
  .header-style-3 ul.megamenu-level-1 > li > a {
    height: var(--header-main-height-mobile);
  }
}

.header-style-3 .search-btn {
  font-size: 22px;
  color: var(--white);
}
.header-style-3 .search-btn:hover, .header-style-3 .search-btn.active {
  color: var(--primary);
}

.header-style-3 .google-translate svg {
  width: 22px;
  height: auto;
}
.header-style-3 .google-translate path {
  fill: var(--white);
  transition: var(--transition-200);
}
.header-style-3 .google-translate:hover path {
  fill: var(--primary);
}
@media (max-width: 575px) {
  .header-style-3 .google-translate {
    display: none;
  }
}

.header-style-3 .burger {
  display: none;
}
@media (max-width: 1365px) {
  .header-style-3 .burger {
    display: block;
  }
}
.header-style-3 .burger-lines span,
.header-style-3 .burger-slashes span {
  background-color: var(--white);
}
.header-style-3 .burger-text {
  display: none;
}
.header-style-3 .burger:hover .burger-lines span,
.header-style-3 .burger:hover .burger-slashes span,
.header-style-3 .burger.active .burger-lines span,
.header-style-3 .burger.active .burger-slashes span {
  background-color: var(--primary);
}

.header-style-3 .header-btns ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .header-style-3 .header-btns {
    display: none;
  }
}
.header-style-3 .header-btns .btn {
  margin-bottom: 0;
}

.header-style-3 .header-utility {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-utility-bar-height);
  padding: 0 80px;
  background-color: var(--primary);
}
@media (max-width: 1439px) {
  .header-style-3 .header-utility {
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  .header-style-3 .header-utility {
    height: 5px;
  }
}
.header-style-3 .header-utility a {
  color: var(--white);
}
.header-style-3 .header-utility a:hover {
  color: var(--primary-6);
}
.header-style-3 .header-utility-left {
  flex: 0 1 auto;
}
@media (max-width: 575px) {
  .header-style-3 .header-utility-left {
    display: none;
  }
}
.header-style-3 .header-utility-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .header-style-3 .header-utility-right {
    display: none;
  }
}
@media (max-width: 767px) {
  .header-style-3 .header-utility-menu {
    display: none;
  }
}
.header-style-3 .header-utility-menu ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-style-3 .header-utility-menu ul li a {
  font-size: 14px;
}
.header-style-3 .header-utility-menu ul li ul {
  display: none;
}
.header-style-3 .google-translate {
  color: white;
  font-size: 14px;
}
.header-style-3 .google-translate:hover {
  color: var(--primary-6);
}
.header-style-3 .search-btn {
  color: var(--white);
}
.header-style-3 .search-btn:hover, .header-style-3 .search-btn.active {
  color: var(--primary-6);
}

.header-style-3 .alert {
  position: relative;
  display: none;
  margin-bottom: 0;
}
.header-style-3 .alert.is-top, .header-style-3 .alert.is-bottom {
  border-radius: 0;
}
.header-style-3 .alert.is-float-left, .header-style-3 .alert.is-float-right {
  position: absolute;
  top: calc(var(--header-main-height) + var(--header-scrolled-offset));
  max-width: 480px;
  box-shadow: var(--shadow-1);
}
@media (max-width: 767px) {
  .header-style-3 .alert.is-float-left, .header-style-3 .alert.is-float-right {
    top: var(--header-main-height-mobile);
  }
}
.header-style-3 .alert.is-float-left {
  left: 15px;
}
.header-style-3 .alert.is-float-right {
  right: 15px;
}
.header-style-3 .alert.active {
  display: block;
}

html.header-stuck .header-style-3 .header-main-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

html.header-scrolled .header-style-3 .header-main-wrap {
  height: var(--header-main-height-mobile);
  margin-top: 0;
}
html.header-scrolled .header-style-3 .header-backdrop {
  height: 0;
}
html.header-scrolled .header-style-3 .header-bg {
  height: calc(100% + var(--header-scrolled-offset));
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media (max-width: 767px) {
  html.header-scrolled .header-style-3 .header-bg {
    height: 100%;
  }
}
html.header-scrolled .header-style-3 .header-logo {
  height: calc(var(--header-main-height-mobile) * 0.618);
}
html.header-scrolled .header-style-3 .logo-color {
  display: block;
}
html.header-scrolled .header-style-3 .logo-white {
  display: none;
}
html.header-scrolled .header-style-3 .header-menu nav > ul > li > a {
  color: var(--text-color);
  height: var(--header-main-height-mobile);
}
html.header-scrolled .header-style-3 .header-menu nav > ul > li:hover > a, html.header-scrolled .header-style-3 .header-menu nav > ul > li.active > a {
  color: var(--primary);
}
html.header-scrolled .header-style-3 ul.megamenu-level-1 > li > a {
  color: var(--text-color);
  height: var(--header-main-height-mobile);
}
html.header-scrolled .header-style-3 ul.megamenu-level-1 > li:hover > a, html.header-scrolled .header-style-3 ul.megamenu-level-1 > li.active > a {
  color: var(--primary);
}
html.header-scrolled .header-style-3 .burger-lines span,
html.header-scrolled .header-style-3 .burger-slashes span {
  background-color: var(--text-color);
}
html.header-scrolled .header-style-3 .burger-text {
  color: var(--text-color);
}
html.header-scrolled .header-style-3 .burger:hover .burger-lines span,
html.header-scrolled .header-style-3 .burger:hover .burger-slashes span,
html.header-scrolled .header-style-3 .burger.active .burger-lines span,
html.header-scrolled .header-style-3 .burger.active .burger-slashes span {
  background-color: var(--primary);
}
html.header-scrolled .header-style-3 .burger:hover .burger-text,
html.header-scrolled .header-style-3 .burger.active .burger-text {
  color: var(--primary);
}
html.header-scrolled .header-style-3 .search-btn {
  color: var(--text-color);
}
html.header-scrolled .header-style-3 .search-btn:hover, html.header-scrolled .header-style-3 .search-btn.active {
  color: var(--primary);
}
html.header-scrolled .header-style-3 .google-translate path {
  fill: var(--text-color);
}
html.header-scrolled .header-style-3 .google-translate:hover path {
  fill: var(--primary);
}

.liveEdBlock .header-style-3 .header-main {
  height: calc(var(--header-main-height) + var(--header-scrolled-offset) * 2);
  background-color: var(--black);
}
.liveEdBlock .header-style-3 .burger {
  display: block;
}
.liveEdBlock .header-style-3 .alert.is-float-left, .liveEdBlock .header-style-3 .alert.is-float-right {
  top: calc(100% + 15px);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 3 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 4 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.header-style-4 {
  z-index: 500;
  position: relative;
}
.header-style-4 a {
  text-decoration: none;
}

.header-style-4 .header-main {
  height: var(--header-main-height);
}
@media (max-width: 767px) {
  .header-style-4 .header-main {
    height: var(--header-main-height-mobile);
  }
}
.header-style-4 .header-main-wrap {
  z-index: 1;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 20px;
  background-color: var(--white);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.header-style-4 .header-main-left {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: var(--header-padding);
}
@media (max-width: 1439px) {
  .header-style-4 .header-main-left {
    padding-left: var(--header-padding-tablet);
  }
}
@media (max-width: 767px) {
  .header-style-4 .header-main-left {
    padding-left: var(--header-padding-mobile);
  }
}
.header-style-4 .header-main-right-top {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  height: var(--header-main-right-top-height);
  padding-right: var(--header-padding);
  font-size: 16px;
  color: var(--text-color);
  transition: height linear 200ms;
}
@media (max-width: 1439px) {
  .header-style-4 .header-main-right-top {
    padding-right: var(--header-padding-tablet);
  }
}
@media (max-width: 1199px) {
  .header-style-4 .header-main-right-top {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .header-style-4 .header-main-right-top {
    display: none;
    height: var(--header-main-right-top-height-mobile);
    padding-right: var(--header-padding-mobile);
  }
}
.header-style-4 .header-main-right-top:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(227, 227, 222, 0) 0%, rgb(227, 227, 222) 60%);
}
.header-style-4 .header-main-right-top a {
  color: var(--text-color);
}
.header-style-4 .header-main-right-top a:hover {
  color: var(--primary);
}

.header-style-4 .header-main-right-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  height: var(--header-main-right-bottom-height);
  padding-right: var(--header-padding);
  transition: height var(--transition-200);
}
@media (max-width: 1439px) {
  .header-style-4 .header-main-right-bottom {
    padding-right: var(--header-padding-tablet);
  }
}
@media (max-width: 767px) {
  .header-style-4 .header-main-right-bottom {
    height: var(--header-main-right-bottom-height-mobile);
    padding-right: var(--header-padding-mobile);
  }
}

.header-style-4 .header-logo {
  display: block;
  width: auto;
  max-width: 350px;
  height: calc(var(--header-main-height) * 0.618);
  transition: linear 200ms;
}
@media (max-width: 991px) {
  .header-style-4 .header-logo {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .header-style-4 .header-logo {
    max-width: 230px;
    height: calc(var(--header-main-height-mobile) * 0.618);
  }
}
.header-style-4 .header-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 991px) {
  .header-style-4 .header-utility-menu {
    display: none;
  }
}
.header-style-4 .header-utility-menu ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .header-style-4 .header-utility-menu ul {
    gap: 10px;
  }
}
.header-style-4 .header-utility-menu ul ul {
  display: none;
}

@media (max-width: 1365px) {
  .header-style-4 .header-menu {
    display: none;
  }
}
.header-style-4 .header-menu li, .header-style-4 .header-menu a {
  position: relative;
}
.header-style-4 .header-menu nav > ul {
  display: flex;
  align-items: center;
}
.header-style-4 .header-menu nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-main-right-bottom-height);
  padding: 0 20px;
  color: var(--text-color);
}
@media (max-width: 1659px) {
  .header-style-4 .header-menu nav > ul > li > a {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .header-style-4 .header-menu nav > ul > li > a {
    height: var(--header-main-right-bottom-height-mobile);
  }
}
.header-style-4 .header-menu nav > ul > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--primary-5);
  transition: height var(--transition-200);
}
.header-style-4 .header-menu nav > ul > li.has-children > a {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.header-style-4 .header-menu nav > ul > li.has-children > a:after {
  content: "\f078";
  font-size: 80%;
  color: var(--primary);
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-4 .header-menu ul ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  background-color: var(--primary-5);
  transition: var(--transition-200);
}
.header-style-4 .header-menu ul ul li a {
  display: block;
  min-width: 260px;
  padding: 10px 20px;
  color: var(--white);
  font-size: 16px;
}
.header-style-4 .header-menu ul ul li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.header-style-4 .header-menu ul ul li.has-children > a:after {
  content: "\f054";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-4 .header-menu ul ul ul {
  top: 0;
  left: 100%;
}
.header-style-4 .header-menu nav > ul > li:nth-last-child(-n+2) ul {
  left: auto;
  right: 0;
}

.header-style-4 .header-menu nav > ul > li:nth-last-child(-n+2) ul ul {
  right: 100%;
}
.header-style-4 .header-menu nav > ul > li:hover > a:before,
.header-style-4 .header-menu nav > ul > li.active > a:before {
  height: 5px;
}
.header-style-4 .header-menu ul ul li:hover > a,
.header-style-4 .header-menu ul ul li.active > a {
  background-color: rgba(0, 0, 0, 0.2);
}
.header-style-4 .header-menu li.has-children.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 1365px) {
  .header-style-4 .megamenu {
    display: none;
  }
}
.header-style-4 ul.megamenu-level-1 > li > a {
  height: var(--header-main-right-bottom-height);
}
@media (max-width: 767px) {
  .header-style-4 ul.megamenu-level-1 > li > a {
    height: var(--header-main-right-bottom-height-mobile);
  }
}
.header-style-4 ul.megamenu-level-1 > li > a:after {
  background-color: var(--primary-5);
}
.header-style-4 ul.megamenu-level-1 > li > a i {
  font-size: 80%;
  color: var(--primary);
}

.header-style-4 .google-translate:hover {
  color: var(--primary);
}

.header-style-4 .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: var(--shadow-1);
}
.header-style-4 .search-btn:hover, .header-style-4 .search-btn.active {
  color: var(--white);
  background-color: var(--primary);
}

.header-style-4 .burger {
  display: none;
}
@media (max-width: 1365px) {
  .header-style-4 .burger {
    display: block;
  }
}
@media (max-width: 575px) {
  .header-style-4 .burger-text {
    display: none;
  }
}

.header-style-4 .header-btns ul {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .header-style-4 .header-btns {
    display: none;
  }
}
.header-style-4 .header-btns .btn {
  margin-bottom: 0;
}
.header-style-4 .header-btns li:first-of-type .btn > a {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.header-style-4 .header-btns li:first-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded) 0 0 var(--btn-border-radius-rounded);
}
.header-style-4 .header-btns li:last-of-type .btn > a {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.header-style-4 .header-btns li:last-of-type .btn.is-rounded > a {
  border-radius: 0 var(--btn-border-radius-rounded) var(--btn-border-radius-rounded) 0;
}
.header-style-4 .header-btns li:only-of-type .btn > a {
  border-radius: var(--border-radius);
}
.header-style-4 .header-btns li:only-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded);
}

.header-style-4 .alert {
  position: relative;
  display: none;
  margin-bottom: 0;
}
.header-style-4 .alert.is-top, .header-style-4 .alert.is-bottom {
  border-radius: 0;
}
.header-style-4 .alert.is-float-left, .header-style-4 .alert.is-float-right {
  position: absolute;
  top: calc(100% + 15px);
  max-width: 480px;
  box-shadow: var(--shadow-1);
}
.header-style-4 .alert.is-float-left {
  left: 15px;
}
.header-style-4 .alert.is-float-right {
  right: 15px;
}
.header-style-4 .alert.active {
  display: block;
}

html.header-stuck .header-style-4 .header-main-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

html.header-scrolled .header-style-4 .header-main-right-top {
  height: var(--header-main-right-top-height-mobile);
}
html.header-scrolled .header-style-4 .header-main-right-bottom {
  height: var(--header-main-right-bottom-height-mobile);
}
html.header-scrolled .header-style-4 .header-logo {
  max-width: 230px;
  height: calc(var(--header-main-height-mobile) * 0.618);
}
html.header-scrolled .header-style-4 .header-menu nav > ul > li > a {
  height: var(--header-main-right-bottom-height-mobile);
}
html.header-scrolled .header-style-4 ul.megamenu-level-1 > li > a {
  height: var(--header-main-right-bottom-height-mobile);
}

.liveEdBlock .header-style-4 .burger {
  display: block;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 4 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 5 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.header-style-5 {
  z-index: 500;
  position: relative;
}
.header-style-5 a {
  text-decoration: none;
}

.header-style-5 .header-main {
  position: relative;
}
.header-style-5 .header-main-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color linear 200ms;
  backdrop-filter: blur(5px);
}
.header-style-5 .header-main-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.header-style-5 .header-main-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 90%);
}
.header-style-5 .header-main-left {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: var(--header-padding);
}
@media (max-width: 1439px) {
  .header-style-5 .header-main-left {
    padding-left: var(--header-padding-tablet);
  }
}
@media (max-width: 767px) {
  .header-style-5 .header-main-left {
    padding-left: var(--header-padding-mobile);
  }
}
.header-style-5 .header-main-right-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  height: var(--header-main-right-top-height);
  padding-right: var(--header-padding);
  font-size: 16px;
  color: var(--white);
  transition: height linear 200ms;
}
@media (max-width: 1439px) {
  .header-style-5 .header-main-right-top {
    padding-right: var(--header-padding-tablet);
  }
}
@media (max-width: 1199px) {
  .header-style-5 .header-main-right-top {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .header-style-5 .header-main-right-top {
    display: none;
    height: var(--header-main-right-top-height-mobile);
    padding-right: var(--header-padding-mobile);
  }
}
.header-style-5 .header-main-right-top:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 60%);
}
.header-style-5 .header-main-right-top a {
  color: var(--white);
}
.header-style-5 .header-main-right-top a:hover {
  color: var(--primary);
}

.header-style-5 .header-main-right-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  height: var(--header-main-right-bottom-height);
  padding-right: var(--header-padding);
  transition: height var(--transition-200);
}
@media (max-width: 1439px) {
  .header-style-5 .header-main-right-bottom {
    padding-right: var(--header-padding-tablet);
  }
}
@media (max-width: 767px) {
  .header-style-5 .header-main-right-bottom {
    height: var(--header-main-right-bottom-height-mobile);
    padding-right: var(--header-padding-mobile);
  }
}

.header-style-5 .header-logo {
  display: block;
  width: auto;
  max-width: 350px;
  height: calc(var(--header-main-height) * 0.618);
  transition: linear 200ms;
}
@media (max-width: 991px) {
  .header-style-5 .header-logo {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .header-style-5 .header-logo {
    max-width: 230px;
    height: calc(var(--header-main-height-mobile) * 0.618);
  }
}
.header-style-5 .header-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 991px) {
  .header-style-5 .header-utility-menu {
    display: none;
  }
}
.header-style-5 .header-utility-menu ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .header-style-5 .header-utility-menu ul {
    gap: 10px;
  }
}
.header-style-5 .header-utility-menu ul ul {
  display: none;
}

@media (max-width: 1365px) {
  .header-style-5 .header-menu {
    display: none;
  }
}
.header-style-5 .header-menu li, .header-style-5 .header-menu a {
  position: relative;
}
.header-style-5 .header-menu nav > ul {
  display: flex;
  align-items: center;
}
.header-style-5 .header-menu nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-main-right-bottom-height);
  padding: 0 20px;
  color: var(--white);
}
@media (max-width: 1659px) {
  .header-style-5 .header-menu nav > ul > li > a {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .header-style-5 .header-menu nav > ul > li > a {
    height: var(--header-main-right-bottom-height-mobile);
  }
}
.header-style-5 .header-menu nav > ul > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--primary-5);
  transition: height var(--transition-200);
}
.header-style-5 .header-menu nav > ul > li.has-children > a {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.header-style-5 .header-menu nav > ul > li.has-children > a:after {
  content: "\f078";
  font-size: 80%;
  color: var(--primary);
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-5 .header-menu ul ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  background-color: var(--primary-5);
  transition: var(--transition-200);
}
.header-style-5 .header-menu ul ul li a {
  display: block;
  min-width: 260px;
  padding: 10px 20px;
  color: var(--white);
  font-size: 16px;
}
.header-style-5 .header-menu ul ul li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.header-style-5 .header-menu ul ul li.has-children > a:after {
  content: "\f054";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-5 .header-menu ul ul ul {
  top: 0;
  left: 100%;
}
.header-style-5 .header-menu nav > ul > li:nth-last-child(-n+2) ul {
  left: auto;
  right: 0;
}
.header-style-5 .header-menu nav > ul > li:nth-last-child(-n+2) ul ul {
  right: 100%;
}
.header-style-5 .header-menu nav > ul > li:hover > a:before,
.header-style-5 .header-menu nav > ul > li.active > a:before {
  height: 5px;
}
.header-style-5 .header-menu ul ul li:hover > a,
.header-style-5 .header-menu ul ul li.active > a {
  background-color: rgba(0, 0, 0, 0.2);
}
.header-style-5 .header-menu li.has-children.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 1365px) {
  .header-style-5 .megamenu {
    display: none;
  }
}
.header-style-5 ul.megamenu-level-1 > li > a {
  color: var(--white);
  height: var(--header-main-right-bottom-height);
}
@media (max-width: 767px) {
  .header-style-5 ul.megamenu-level-1 > li > a {
    height: var(--header-main-right-bottom-height-mobile);
  }
}
.header-style-5 ul.megamenu-level-1 > li > a:after {
  background-color: var(--primary-5);
}
.header-style-5 ul.megamenu-level-1 > li > a i {
  font-size: 80%;
  color: var(--primary);
}

.header-style-5 .google-translate:hover {
  color: var(--primary);
}

.header-style-5 .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  color: var(--text-color);
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: var(--shadow-1);
}
.header-style-5 .search-btn:hover, .header-style-5 .search-btn.active {
  color: var(--white);
  background-color: var(--primary);
}

.header-style-5 .burger {
  display: none;
}
@media (max-width: 1365px) {
  .header-style-5 .burger {
    display: block;
  }
}
@media (max-width: 575px) {
  .header-style-5 .burger-text {
    display: none;
  }
}

.header-style-5 .header-btns ul {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .header-style-5 .header-btns {
    display: none;
  }
}
.header-style-5 .header-btns .btn {
  margin-bottom: 0;
}
.header-style-5 .header-btns li:first-of-type .btn > a {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.header-style-5 .header-btns li:first-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded) 0 0 var(--btn-border-radius-rounded);
}
.header-style-5 .header-btns li:last-of-type .btn > a {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.header-style-5 .header-btns li:last-of-type .btn.is-rounded > a {
  border-radius: 0 var(--btn-border-radius-rounded) var(--btn-border-radius-rounded) 0;
}
.header-style-5 .header-btns li:only-of-type .btn > a {
  border-radius: var(--border-radius);
}
.header-style-5 .header-btns li:only-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded);
}

.header-style-5 .alert {
  position: relative;
  display: none;
  margin-bottom: 0;
}
.header-style-5 .alert.is-top, .header-style-5 .alert.is-bottom {
  border-radius: 0;
}
.header-style-5 .alert.is-float-left, .header-style-5 .alert.is-float-right {
  position: absolute;
  top: calc(var(--header-main-height) + 15px);
  max-width: 480px;
  box-shadow: var(--shadow-1);
}
@media (max-width: 767px) {
  .header-style-5 .alert.is-float-left, .header-style-5 .alert.is-float-right {
    top: calc(var(--header-main-height-mobile) + 15px);
  }
}
.header-style-5 .alert.is-float-left {
  left: 15px;
}
.header-style-5 .alert.is-float-right {
  right: 15px;
}
.header-style-5 .alert.active {
  display: block;
}

html.header-stuck .header-style-5 .header-main-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

html.header-scrolled .header-style-5 .header-main-wrap {
  background-color: rgba(0, 0, 0, 0.9);
}
html.header-scrolled .header-style-5 .header-main-right-top {
  overflow: hidden;
  height: var(--header-main-right-top-height-mobile);
}
html.header-scrolled .header-style-5 .header-main-right-bottom {
  height: var(--header-main-right-bottom-height-mobile);
}
html.header-scrolled .header-style-5 .header-logo {
  max-width: 230px;
  height: calc(var(--header-main-height-mobile) * 0.618);
}
html.header-scrolled .header-style-5 .header-menu nav > ul > li > a {
  height: var(--header-main-right-bottom-height-mobile);
}
html.header-scrolled .header-style-5 ul.megamenu-level-1 > li > a {
  height: var(--header-main-right-bottom-height-mobile);
}

.liveEdBlock .header-style-5 .header-main {
  height: var(--header-main-height);
  background-color: var(--black);
}
.liveEdBlock .header-style-5 .burger {
  display: block;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 5 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 6 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.header-style-6 {
  z-index: 500;
  position: relative;
}
.header-style-6 a {
  text-decoration: none;
}

.header-style-6 .header-main {
  position: relative;
}
.header-style-6 .header-main-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.header-style-6 .header-main-left {
  z-index: 1;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: var(--header-padding);
}
@media (max-width: 1439px) {
  .header-style-6 .header-main-left {
    padding-left: var(--header-padding-tablet);
  }
}
@media (max-width: 767px) {
  .header-style-6 .header-main-left {
    padding-left: var(--header-padding-mobile);
  }
}
.header-style-6 .header-main-right {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.header-style-6 .header-main-right-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  height: var(--header-main-right-top-height);
  padding-left: 30px;
  padding-right: var(--header-padding);
  font-size: 16px;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 0 0 0 25px;
  transition: height linear 200ms;
}
@media (max-width: 1439px) {
  .header-style-6 .header-main-right-top {
    padding-right: var(--header-padding-tablet);
  }
}
@media (max-width: 1199px) {
  .header-style-6 .header-main-right-top {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .header-style-6 .header-main-right-top {
    display: none;
    height: var(--header-main-right-top-height-mobile);
    padding-right: var(--header-padding-mobile);
  }
}
.header-style-6 .header-main-right-top a {
  color: var(--white);
}
.header-style-6 .header-main-right-top a:hover {
  color: var(--primary-6);
}

.header-style-6 .header-main-right-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  height: var(--header-main-right-bottom-height);
  padding-right: var(--header-padding);
  transition: height var(--transition-200);
}
@media (max-width: 1439px) {
  .header-style-6 .header-main-right-bottom {
    padding-right: var(--header-padding-tablet);
  }
}
@media (max-width: 767px) {
  .header-style-6 .header-main-right-bottom {
    height: var(--header-main-right-bottom-height-mobile);
    padding-right: var(--header-padding-mobile);
  }
}

.header-style-6 .header-backdrop,
.header-style-6 .header-bg {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: var(--transition-360);
}
.header-style-6 .header-backdrop {
  height: 150%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 767px) {
  .header-style-6 .header-backdrop {
    height: 130%;
  }
}
.header-style-6 .header-bg {
  height: 0;
  background-color: var(--white);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0);
}

.header-style-6 .header-logo {
  display: block;
  width: auto;
  max-width: 350px;
  height: calc(var(--header-main-height) * 0.618);
  transition: linear 200ms;
}
@media (max-width: 991px) {
  .header-style-6 .header-logo {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .header-style-6 .header-logo {
    max-width: 230px;
    height: calc(var(--header-main-height-mobile) * 0.618);
  }
}
.header-style-6 .header-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-style-6 .logo-color {
  display: none;
}

@media (max-width: 991px) {
  .header-style-6 .header-utility-menu {
    display: none;
  }
}
.header-style-6 .header-utility-menu ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .header-style-6 .header-utility-menu ul {
    gap: 10px;
  }
}
.header-style-6 .header-utility-menu ul ul {
  display: none;
}

@media (max-width: 1365px) {
  .header-style-6 .header-menu {
    display: none;
  }
}
.header-style-6 .header-menu li, .header-style-6 .header-menu a {
  position: relative;
}
.header-style-6 .header-menu nav > ul {
  display: flex;
  align-items: center;
}
.header-style-6 .header-menu nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-main-right-bottom-height);
  padding: 0 20px;
  color: var(--white);
}
@media (max-width: 1659px) {
  .header-style-6 .header-menu nav > ul > li > a {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .header-style-6 .header-menu nav > ul > li > a {
    height: var(--header-main-right-bottom-height-mobile);
  }
}
.header-style-6 .header-menu nav > ul > li.has-children > a {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.header-style-6 .header-menu nav > ul > li.has-children > a:after {
  content: "\f078";
  font-size: 80%;
  color: var(--primary);
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-6 .header-menu ul ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  background-color: var(--primary-5);
  transition: var(--transition-200);
}
.header-style-6 .header-menu ul ul li a {
  display: block;
  min-width: 260px;
  padding: 10px 20px;
  color: var(--white);
  font-size: 16px;
}
.header-style-6 .header-menu ul ul li.has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.header-style-6 .header-menu ul ul li.has-children > a:after {
  content: "\f054";
  font-family: var(--font-family-icon);
  font-weight: 900;
}
.header-style-6 .header-menu ul ul ul {
  top: 0;
  left: 100%;
}
.header-style-6 .header-menu nav > ul > li:nth-last-child(-n+2) ul {
  left: auto;
  right: 0;
}
.header-style-6 .header-menu nav > ul > li:nth-last-child(-n+2) ul ul {
  right: 100%;
}
.header-style-6 .header-menu nav > ul > li:hover > a,
.header-style-6 .header-menu nav > ul > li.active > a {
  color: var(--primary);
}
.header-style-6 .header-menu ul ul li:hover > a,
.header-style-6 .header-menu ul ul li.active > a {
  background-color: rgba(0, 0, 0, 0.2);
}
.header-style-6 .header-menu li.has-children.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 1365px) {
  .header-style-6 .megamenu {
    display: none;
  }
}
.header-style-6 ul.megamenu-level-1 > li > a {
  color: var(--white);
  height: var(--header-main-right-bottom-height);
}
@media (max-width: 767px) {
  .header-style-6 ul.megamenu-level-1 > li > a {
    height: var(--header-main-right-bottom-height-mobile);
  }
}
.header-style-6 ul.megamenu-level-1 > li > a:after {
  background-color: var(--primary-5);
}
.header-style-6 ul.megamenu-level-1 > li > a i {
  font-size: 80%;
  color: var(--primary);
}

.header-style-6 .google-translate:hover {
  color: var(--primary-6);
}

.header-style-6 .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  color: var(--text-color);
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: var(--shadow-1);
}
.header-style-6 .search-btn:hover, .header-style-6 .search-btn.active {
  color: var(--white);
  background-color: var(--primary-6);
}

.header-style-6 .burger {
  display: none;
}
@media (max-width: 1365px) {
  .header-style-6 .burger {
    display: block;
  }
}
@media (max-width: 575px) {
  .header-style-6 .burger-text {
    display: none;
  }
}

.header-style-6 .header-btns ul {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .header-style-6 .header-btns {
    display: none;
  }
}
.header-style-6 .header-btns .btn {
  margin-bottom: 0;
}
.header-style-6 .header-btns li:first-of-type .btn > a {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.header-style-6 .header-btns li:first-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded) 0 0 var(--btn-border-radius-rounded);
}
.header-style-6 .header-btns li:last-of-type .btn > a {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.header-style-6 .header-btns li:last-of-type .btn.is-rounded > a {
  border-radius: 0 var(--btn-border-radius-rounded) var(--btn-border-radius-rounded) 0;
}
.header-style-6 .header-btns li:only-of-type .btn > a {
  border-radius: var(--border-radius);
}
.header-style-6 .header-btns li:only-of-type .btn.is-rounded > a {
  border-radius: var(--btn-border-radius-rounded);
}

.header-style-6 .alert {
  position: relative;
  display: none;
  margin-bottom: 0;
}
.header-style-6 .alert.is-top, .header-style-6 .alert.is-bottom {
  border-radius: 0;
}
.header-style-6 .alert.is-float-left, .header-style-6 .alert.is-float-right {
  position: absolute;
  top: calc(var(--header-main-height) + 15px);
  max-width: 480px;
  box-shadow: var(--shadow-1);
}
@media (max-width: 767px) {
  .header-style-6 .alert.is-float-left, .header-style-6 .alert.is-float-right {
    top: var(--header-main-height-mobile);
  }
}
.header-style-6 .alert.is-float-left {
  left: 15px;
}
.header-style-6 .alert.is-float-right {
  right: 15px;
}
.header-style-6 .alert.active {
  display: block;
}

html.header-stuck .header-style-6 .header-main-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

html.header-scrolled .header-style-6 .header-main-right-top {
  overflow: hidden;
  height: var(--header-main-right-top-height-mobile);
}
html.header-scrolled .header-style-6 .header-main-right-bottom {
  height: var(--header-main-right-bottom-height-mobile);
}
html.header-scrolled .header-style-6 .header-logo {
  max-width: 230px;
  height: calc(var(--header-main-height-mobile) * 0.618);
}
html.header-scrolled .header-style-6 .header-backdrop {
  height: 0;
}
html.header-scrolled .header-style-6 .header-bg {
  height: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
html.header-scrolled .header-style-6 .logo-color {
  display: block;
}
html.header-scrolled .header-style-6 .logo-white {
  display: none;
}
html.header-scrolled .header-style-6 .header-menu nav > ul > li > a {
  color: var(--text-color);
  height: var(--header-main-right-bottom-height-mobile);
}
html.header-scrolled .header-style-6 .header-menu nav > ul > li:hover > a, html.header-scrolled .header-style-6 .header-menu nav > ul > li.active > a {
  color: var(--primary);
}
html.header-scrolled .header-style-6 ul.megamenu-level-1 > li > a {
  color: var(--text-color);
  height: var(--header-main-right-bottom-height-mobile);
}
html.header-scrolled .header-style-6 ul.megamenu-level-1 > li:hover > a, html.header-scrolled .header-style-6 ul.megamenu-level-1 > li.active > a {
  color: var(--primary);
}
html.header-scrolled .header-style-6 .burger-lines span,
html.header-scrolled .header-style-6 .burger-slashes span {
  background-color: var(--text-color);
}
html.header-scrolled .header-style-6 .burger-text {
  color: var(--text-color);
}
html.header-scrolled .header-style-6 .burger:hover .burger-lines span,
html.header-scrolled .header-style-6 .burger:hover .burger-slashes span,
html.header-scrolled .header-style-6 .burger.active .burger-lines span,
html.header-scrolled .header-style-6 .burger.active .burger-slashes span {
  background-color: var(--primary);
}
html.header-scrolled .header-style-6 .burger:hover .burger-text,
html.header-scrolled .header-style-6 .burger.active .burger-text {
  color: var(--primary);
}

.liveEdBlock .header-style-6 .header-main {
  height: var(--header-main-height);
  background-color: var(--black);
}
.liveEdBlock .header-style-6 .burger {
  display: block;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header - Style 6 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.footer-style-1 {
  font-size: 16px;
}
.footer-style-1:before {content:"";background:url(/images/footer-line.png);width:100%;height:3px;background-size:cover;display:block;}
.mobile-footer {display:none;}
@media (max-width:991px) {
  .mobile-footer {display:block;}  
}
.footer-style-1._bg-primary {background-color:var(--primary-5)}
@media (max-width: 991px) {
  .footer-style-1 {
    text-align: center;
  }
}
.footer-style-1 a, .footer-style-1 button {
  color: var(--text-color);
}
.footer-style-1 a:hover, .footer-style-1 button:hover {
  color: var(--primary);
}

.footer-style-1 .footer-main {
  padding: 80px 0 55px;
}
@media (max-width: 575px) {
  .footer-style-1 .footer-main {
    padding: 60px 0 35px;
  }
}
.footer-style-1 .footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color-dark);
}
@media (max-width:991px) {
  .footer-style-1 .footer-top {display:none;}
}
.footer-style-1 .footer-top .top-col-3 {display:flex;justify-content:space-between;}
@media (max-width: 575px) {
  .footer-style-1 .footer-top {
    justify-content: center;
  }
}
.footer-style-1 .footer-bottom h1, .footer-style-1 .footer-bottom h2, .footer-style-1 .footer-bottom h3, .footer-style-1 .footer-bottom h4, .footer-style-1 .footer-bottom h5, .footer-style-1 .footer-bottom h6, .footer-style-1 .footer-bottom p, .footer-style-1 .footer-bottom ul, .footer-style-1 .footer-bottom ol, .footer-style-1 .footer-bottom dl {
  margin-bottom: 20px;
  color: #fff;
}
@media (max-width: 1199px) {
  .footer-style-1 .footer-col {
    margin-bottom: 15px;
  }
}
.footer-style-1 .footer-logo {
  flex: 0 0 auto;
  margin-bottom: 30px;
  min-width: 190px;
}
@media (max-width: 575px) {
  .footer-style-1 .footer-logo {
    margin-bottom: 15px;
  }
}
.footer-style-1 .footer-sns {
  flex: 0 0 auto;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .footer-style-1 .footer-sns {
    width: 100%;
  }
}
.footer-style-1 .footer-logo img {
  /* width: 210px; */
  /* height: auto; */
  max-width: 100%;
}
.footer-style-1 .footer-col-newsletter .mwFormStatus {
  margin: 0 0 15px 0;
}
.footer-style-1 .footer-col-newsletter .Dialog {
  margin: 0;
}
.footer-style-1 .footer-col-newsletter .mwInput.text {
  height: 50px;
  border-radius: 0;
  border: 1px solid var(--border-color-dark);
  box-shadow: none;
}
.footer-style-1 .footer-col-newsletter .mwInput.text input {
  padding: 0 18px;
  color: var(--text-color);
}
.footer-style-1 .footer-col-newsletter .mwInput.text input::-webkit-input-placeholder {
  color: var(--text-color);
}
.footer-style-1 .footer-col-newsletter .mwInput.text input:-ms-input-placeholder {
  color: var(--text-color);
}
.footer-style-1 .footer-col-newsletter .mwInput.text input::-ms-input-placeholder {
  color: var(--text-color);
}
.footer-style-1 .footer-col-newsletter .mwInput.text input::placeholder {
  color: var(--text-color);
}
.footer-style-1 .footer-col-newsletter .mwInput.button {
  width: 100%;
  display: block;
}
.footer-style-1 .Menu li {
  margin-bottom: 5px;
}
.footer-style-1 .Menu a {
  text-decoration: none;
}

.footer-style-1 .footer-copyright {
  background-color: var(--gray-2);
  padding: 21px 0;
}
@media (max-width: 1199px) {
  .footer-style-1 .footer-copyright {
    padding: 15px 0;
  }
}

.footer-style-1 .footer-copyright .row {justify-content:space-between;}

.footer-style-1 .footer-copyright-left {
  text-align: left;
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
@media (max-width:1199px) {
  .footer-style-1 .footer-copyright-left {text-align:center;justify-content: center;}
}
@media (max-width: 767px) {
  .footer-style-1 .footer-copyright-left {
    text-align: center;
  }
}
.footer-style-1 .footer-powered-by-right {
  text-align: right;
}
@media (max-width: 1199px) {
  .footer-style-1 .footer-powered-by-right {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-style-1 .footer-powered-by-right {
    text-align: center;
  }
}
.footer-style-1 .footer-powered-by-right a {
  text-decoration: none;
}

.footer-style-1._bg-primary .footer-top, .footer-style-1._bg-secondary .footer-top, .footer-style-1._bg-third .footer-top, .footer-style-1._bg-fourth .footer-top, .footer-style-1._bg-dark .footer-top {
  border-bottom: 1px solid var(--white);
}
.footer-style-1._bg-primary .footer-col-newsletter .mwInput.text, .footer-style-1._bg-secondary .footer-col-newsletter .mwInput.text, .footer-style-1._bg-third .footer-col-newsletter .mwInput.text, .footer-style-1._bg-fourth .footer-col-newsletter .mwInput.text, .footer-style-1._bg-light .footer-col-newsletter .mwInput.text, .footer-style-1._bg-dark .footer-col-newsletter .mwInput.text {
  border-color: var(--white);
}
.footer-style-1._bg-primary .footer-col-newsletter .mwInput.button, .footer-style-1._bg-secondary .footer-col-newsletter .mwInput.button, .footer-style-1._bg-third .footer-col-newsletter .mwInput.button, .footer-style-1._bg-fourth .footer-col-newsletter .mwInput.button, .footer-style-1._bg-light .footer-col-newsletter .mwInput.button, .footer-style-1._bg-dark .footer-col-newsletter .mwInput.button {
  border: 1px solid var(--white);
}
.footer-style-1._bg-primary .footer-col-newsletter .mwInput.button input, .footer-style-1._bg-secondary .footer-col-newsletter .mwInput.button input, .footer-style-1._bg-third .footer-col-newsletter .mwInput.button input, .footer-style-1._bg-fourth .footer-col-newsletter .mwInput.button input, .footer-style-1._bg-light .footer-col-newsletter .mwInput.button input, .footer-style-1._bg-dark .footer-col-newsletter .mwInput.button input {
  color: var(--white);
  border: 0;
}
.footer-style-1._bg-primary .footer-col-newsletter .mwInput.button:hover input, .footer-style-1._bg-secondary .footer-col-newsletter .mwInput.button:hover input, .footer-style-1._bg-third .footer-col-newsletter .mwInput.button:hover input, .footer-style-1._bg-fourth .footer-col-newsletter .mwInput.button:hover input, .footer-style-1._bg-light .footer-col-newsletter .mwInput.button:hover input, .footer-style-1._bg-dark .footer-col-newsletter .mwInput.button:hover input {
  color: var(--text-color);
  background-color: var(--white);
}
.footer-style-1._bg-primary .footer-copyright, .footer-style-1._bg-secondary .footer-copyright, .footer-style-1._bg-third .footer-copyright, .footer-style-1._bg-fourth .footer-copyright, .footer-style-1._bg-white .footer-copyright, .footer-style-1._bg-light .footer-copyright {
  background-color: var(--primary-5);
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.footer-style-1._bg-dark .footer-copyright {
  background-color: transparent;
  border-top: 1px solid var(--border-color-light);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tooltip - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
[data-tooltip] {
  position: relative;
}
[data-tooltip]:before, [data-tooltip]:after {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  transition: ease-in 0.2s;
}
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 4px 12px;
  font-family: sans-serif;
  white-space: nowrap;
  font-size: 14px;
  color: var(--white);
  border-radius: 6px;
  background-color: var(--dark);
}
[data-tooltip]:after {
  content: "";
  width: 0;
  height: 0;
}

[data-tooltip][data-tooltip-location=top]:before, [data-tooltip][data-tooltip-location=top]:after {
  left: 50%;
  transition: ease-in 0.2s;
  -webkit-transform: translate(-50%, 5px);
          transform: translate(-50%, 5px);
}
[data-tooltip][data-tooltip-location=top]:before {
  bottom: calc(100% + 4px);
}
[data-tooltip][data-tooltip-location=top]:after {
  bottom: 100%;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--dark);
}
[data-tooltip][data-tooltip-location=top]:hover:before, [data-tooltip][data-tooltip-location=top]:hover:after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

[data-tooltip][data-tooltip-location=right]:before, [data-tooltip][data-tooltip-location=right]:after {
  top: 50%;
  -webkit-transform: translate(-5px, -50%);
          transform: translate(-5px, -50%);
}
[data-tooltip][data-tooltip-location=right]:before {
  left: calc(100% + 4px);
}
[data-tooltip][data-tooltip-location=right]:after {
  left: 100%;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid var(--dark);
}
[data-tooltip][data-tooltip-location=right]:hover:before, [data-tooltip][data-tooltip-location=right]:hover:after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tooltip - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Form Tooltip - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.has-form-tooltip {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
.has-form-tooltip .checkbox-toggle {
  flex: 1;
}

.form-tooltip .form-tooltip-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: help;
  position: relative;
  font-size: var(--form-checkbox-size);
  color: var(--info-1);
  transition: var(--transition-200);
}
.form-tooltip .form-tooltip-icon:after {
  opacity: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--dark);
  transition: var(--transition-200);
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
}
.form-tooltip .form-tooltip-dialog {
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  padding-bottom: 10px;
}
.form-tooltip .form-tooltip-inner {
  opacity: 0;
  padding: 20px 25px 15px;
  font-size: 13px;
  color: var(--white);
  border-radius: var(--border-radius);
  background-color: var(--dark);
  transition: var(--transition-200);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.form-tooltip .form-tooltip-inner p {
  margin-bottom: 5px;
}

.form-tooltip:hover .form-tooltip-icon {
  color: var(--info);
}
.form-tooltip:hover .form-tooltip-icon:after {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.form-tooltip:hover .form-tooltip-dialog {
  pointer-events: auto;
}
.form-tooltip:hover .form-tooltip-inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.is-focus-keyboard .form-tooltip:focus .form-tooltip-icon {
  color: var(--info);
}
.is-focus-keyboard .form-tooltip:focus .form-tooltip-icon:after {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.is-focus-keyboard .form-tooltip:focus .form-tooltip-dialog {
  pointer-events: auto;
}
.is-focus-keyboard .form-tooltip:focus .form-tooltip-inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Form Tooltip - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Back to Top Button - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
#back-to-top-btn {
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  bottom: 0;
  right: 5%;
}
#back-to-top-btn > span:first-of-type {
  overflow: hidden;
}
#back-to-top-btn > span:first-of-type span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 16px;
  color: var(--white);
  border-radius: 3px 3px 0 0;
  background-color: var(--primary);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition: var(--transition-200);
}
#back-to-top-btn > span:last-of-type {
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 100%;
  padding: 5px 10px;
  font-size: 12px;
  color: var(--white);
  white-space: nowrap;
  border-radius: 3px;
  background-color: var(--dark);
  -webkit-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px);
  transition: var(--transition-200);
}
#back-to-top-btn > span:last-of-type:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--dark);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#back-to-top-btn.active {
  visibility: visible;
  pointer-events: auto;
}
#back-to-top-btn.active > span:first-of-type span {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#back-to-top-btn.active:hover > span:first-of-type span {
  color: var(--white);
  background-color: var(--primary-6);
}
#back-to-top-btn.active:hover > span:last-of-type {
  opacity: 1;
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
}
.is-focus-keyboard #back-to-top-btn.active:focus {
  outline: var(--outline);
}
.is-focus-keyboard #back-to-top-btn.active:focus > span:first-of-type span {
  color: var(--white);
  background-color: var(--primary-6);
}
.is-focus-keyboard #back-to-top-btn.active:focus > span:last-of-type {
  opacity: 1;
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Back to Top Button - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accessibility Tool - Visually Hidden Heading - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mwPageBlock .a11y-visually-hidden-heading {
  margin-bottom: 30px;
}
.mwPageBlock .a11y-visually-hidden-heading .a11y-visually-hidden-heading-wrap {
  position: relative;
  padding: 30px 20px 6px;
  background-color: var(--warning-1);
  border-radius: 4px;
  border: 2px dashed var(--warning-3);
}
.mwPageBlock .a11y-visually-hidden-heading .a11y-visually-hidden-heading-wrap:before {
  content: attr(data-tpl-tooltip);
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 4px 4px 0 0;
  background-color: var(--warning-3);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mwPageBlock .a11y-visually-hidden-heading .heading-text {
  margin-bottom: 0;
}

.mwPageBlock:not(.liveEdBlock) .a11y-visually-hidden-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accessibility Tool - Visually Hidden Heading - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Collections - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mwCollection-addItem {
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: calc(100% - 15px);
  left: 50%;
  height: 30px;
  padding: 0 20px;
  font-size: 14px;
  color: var(--white);
  border-radius: 15px;
  background-color: var(--info);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mwCollection-addItem:hover {
  background-color: var(--info-6);
}

.mwPageBlock.liveEdBlock.Hover > .blockContents > .mwCollection-addItem {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Collections - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Teams - Style 1 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Teams - Style 1 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Teams - Style 2 - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Teams - Style 2 - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------------------------
 |
 | School site overrides — typography refinements + component skins
 |
 | Merged in from the former override.css. Layered on top of root.css + essential.css and the
 | skin rules above. Web fonts (Literata + Public Sans) load via <link> in the page templates.
 |
 |-----------------------------------------------------------------------------------------------------------
*/
/* -----------------------------------------------------------------------------
   2. Body baseline
*/
html {
  font-size: var(--font-size-root);
}

body {
  font-family: var(--font-family-sans-serif);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size);
  line-height: var(--line-height);
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
}

/* -----------------------------------------------------------------------------
   3. Headings — default serif, refined tracking, correct optical weight
*/
h1, h2, h3, h4, h5, h6,
._tpl-heading-text,
.heading-text {
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing-default);
  font-feature-settings: "kern" 1, "liga" 1, "dlig" 1;
}

/* Display sizes want slightly tighter tracking — at large sizes
   default tracking looks loose with a serif. Literata's opsz axis
   automatically picks display-cut proportions at large sizes. */
h1, .h1,
h2, .h2 {
  letter-spacing: var(--heading-letter-spacing-display);
  font-optical-sizing: auto;
}

h1, .h1 { line-height: var(--line-height-display); }
h2, .h2 { line-height: 1.1; }
h3, .h3 { line-height: 1.15; }
h4, .h4,
h5, .h5,
h6, .h6 { line-height: 1.25; }

/* When an editor opts into sans-serif for a heading via the Morweb
   utility class, bump the weight a notch — Public Sans 600 reads at
   the same visual weight as Literata 500 at display sizes. */
h1._font-sans-serif, .h1._font-sans-serif,
h2._font-sans-serif, .h2._font-sans-serif {
  font-weight: var(--font-weight-semi-bold);
  letter-spacing: -0.015em;
}

/* -----------------------------------------------------------------------------
   4. Eyebrow / tagline — small-caps label above a heading
   Used in Welcome/Mission ("WELCOME TO [SCHOOL NAME]") and elsewhere.
*/
.tagline,
._eyebrow,
.heading-tagline {
  display: block;
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.2;
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

/* -----------------------------------------------------------------------------
   5. Line-length cap on long-form prose
   Only constrains paragraphs inside the content/block wrappers — does NOT
   touch card text, hero copy, or full-width marketing blocks.
*/
.blockContents p,
._content-style p,
.mwText p,
.heading-tagline + p {
  /* max-width: var(--body-max-width); */
}

/* Centered content still needs the max-width to auto-center */
.blockContents ._text-center p,
._content-style ._text-center p,
._text-center > p {
  margin-left: auto;
  margin-right: auto;
}

/* Wider contexts (hero subheads, CTA sublines) get a different cap —
   still readable but allow the line to breathe. */
.hero p,
.video-banner p,
.cta p,
[class*="video_banner"] p,
[class*="cta-style"] p {
  max-width: 48ch;
}

/* -----------------------------------------------------------------------------
   6. Numbers — tabular figures where alignment matters
   By the Numbers stat block, event date badges, count-ups.
*/
.count-up,
.count-up-number,
[class*="count_up"] .number,
[class*="count_up"] strong,
.event-date-badge,
.date-badge,
.stat-number,
.tabular {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1, "kern" 1;
}

/* Count-up numbers specifically — big navy-on-gold moments.
   Use the display face with optical sizing and tight tracking. */
[class*="count_up"] .number,
.count-up-number,
.stat-number {
  font-family: var(--font-family-display);
  font-weight: var(--font-weight-semi-bold);
  letter-spacing: -0.02em;
  line-height: 1;
  font-optical-sizing: auto;
}

/* -----------------------------------------------------------------------------
   7. Lead paragraph — for intro/mission copy that wants more weight
*/
.lead,
._lead,
.intro-paragraph {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-normal);
  line-height: 1.55;
  color: var(--text-color);
}

/* -----------------------------------------------------------------------------
   8. Small label / helper text
*/
.caption,
._caption,
small,
.form-text {
  font-size: var(--font-size-sm);
  line-height: 1.5;
  color: var(--text-color-light);
  letter-spacing: 0.005em;
}

/* -----------------------------------------------------------------------------
   9. Buttons — rely on Public Sans, slight tracking for presence at small sizes
*/
.btn,
button._btn,
._btn {
  font-family: var(--font-family-sans-serif);
  font-weight: var(--font-weight-semi-bold);
  letter-spacing: 0.01em;
  font-feature-settings: "kern" 1, "liga" 1;
}

/* -----------------------------------------------------------------------------
   10. Nav / header type — institutional, quiet authority
*/
.mainNav a,
.mainNav button,
[class*="header-style"] nav a {
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  /* letter-spacing: 0.01em; */
}

/* Utility bar — smaller and quieter than main nav, but sentence-case */
.utilityBar,
.utilityBar a,
[class*="utility"] a {
  font-size: var(--font-size-xs);
  letter-spacing: 0.01em;
  font-weight: var(--font-weight-medium);
}

/* Utility bar hover — the skin sets link hover to var(--primary-6), which is
   deep navy and effectively invisible against the utility bar's navy
   background. Shift the hover to the gold accent (--secondary) so it is
   legible and on-brand, with a subtle transition for polish. */
[class*="header-style"] .header-utility a,
[class*="header-style"] .header-utility-menu ul li a,
[class*="header-style"] .google-translate {
  transition: color var(--transition-200), text-decoration-color var(--transition-200);
}
[class*="header-style"] .header-utility a:hover,
[class*="header-style"] .header-utility a:focus-visible,
[class*="header-style"] .header-utility-menu ul li a:hover,
[class*="header-style"] .header-utility-menu ul li a:focus-visible,
[class*="header-style"] .google-translate:hover,
[class*="header-style"] .google-translate:focus-visible {
  color: var(--primary-1);
  /* text-decoration: underline; */
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

/* -----------------------------------------------------------------------------
   10b. Footer (footer.style_1) — hover state repair
   -----------------------------------------------------------------------------
   The skin + utilities.css cascade pushes every hover in the footer to a
   darker shade of the same color family as the background. On the default
   navy footer that's navy-on-navy — invisible. Same problem on _bg-dark,
   _bg-primary-dark, _bg-secondary (gold-on-gold), _bg-third, _bg-fourth.
   Fix: shift hovers to the brand's accent complement and add a subtle
   underline + transition so the state is legible and feels intentional. */
.footer.footer-style-1 a,
.footer.footer-style-1 button,
.footer.footer-style-1 .sns-link-default ul li a,
.footer.footer-style-1 .sns-link-circle ul li a,
.footer.footer-style-1 .sns-link-square ul li a {
  transition: color var(--transition-200), background-color var(--transition-200), text-decoration-color var(--transition-200);
}

/* Dark-context backgrounds (navy / deep navy / dark):
   hover = gold (--secondary), on-brand and high contrast. */
.footer.footer-style-1._bg-primary a:hover,
.footer.footer-style-1._bg-primary a:focus-visible,
.footer.footer-style-1._bg-primary button:hover,
.footer.footer-style-1._bg-primary button:focus-visible,
.footer.footer-style-1._bg-primary-dark a:hover,
.footer.footer-style-1._bg-primary-dark a:focus-visible,
.footer.footer-style-1._bg-primary-dark button:hover,
.footer.footer-style-1._bg-primary-dark button:focus-visible,
.footer.footer-style-1._bg-dark a:hover,
.footer.footer-style-1._bg-dark a:focus-visible,
.footer.footer-style-1._bg-dark button:hover,
.footer.footer-style-1._bg-dark button:focus-visible,
.footer.footer-style-1._bg-third a:hover,
.footer.footer-style-1._bg-third a:focus-visible,
.footer.footer-style-1._bg-third button:hover,
.footer.footer-style-1._bg-third button:focus-visible {
  color: var(--secondary);
}

/* Dark-context: menu-style links get a subtle underline for accessibility
   (color alone isn't enough for users with reduced color perception). Skip
   the logo wrapper and the newsletter submit (styled as a button). */
.footer.footer-style-1._bg-primary .Menu a:hover,
.footer.footer-style-1._bg-primary .Menu a:focus-visible,
.footer.footer-style-1._bg-primary .footer-copyright a:hover,
.footer.footer-style-1._bg-primary .footer-copyright a:focus-visible,
.footer.footer-style-1._bg-primary-dark .Menu a:hover,
.footer.footer-style-1._bg-primary-dark .Menu a:focus-visible,
.footer.footer-style-1._bg-primary-dark .footer-copyright a:hover,
.footer.footer-style-1._bg-primary-dark .footer-copyright a:focus-visible,
.footer.footer-style-1._bg-dark .Menu a:hover,
.footer.footer-style-1._bg-dark .Menu a:focus-visible,
.footer.footer-style-1._bg-dark .footer-copyright a:hover,
.footer.footer-style-1._bg-dark .footer-copyright a:focus-visible,
.footer.footer-style-1._bg-third .Menu a:hover,
.footer.footer-style-1._bg-third .Menu a:focus-visible,
.footer.footer-style-1._bg-third .footer-copyright a:hover,
.footer.footer-style-1._bg-third .footer-copyright a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.22em;
  text-decoration-thickness: 1px;
}

/* Social icon hovers on dark backgrounds — shift to gold instead of
   collapsing into a darker shade of the bg. */
.footer.footer-style-1._bg-primary .sns-link-default ul li a:hover,
.footer.footer-style-1._bg-primary .sns-link-default ul li a:focus-visible,
.footer.footer-style-1._bg-primary-dark .sns-link-default ul li a:hover,
.footer.footer-style-1._bg-primary-dark .sns-link-default ul li a:focus-visible,
.footer.footer-style-1._bg-dark .sns-link-default ul li a:hover,
.footer.footer-style-1._bg-dark .sns-link-default ul li a:focus-visible,
.footer.footer-style-1._bg-third .sns-link-default ul li a:hover,
.footer.footer-style-1._bg-third .sns-link-default ul li a:focus-visible {
  color: var(--secondary);
}
.footer.footer-style-1._bg-primary .sns-link-circle ul li a:hover,
.footer.footer-style-1._bg-primary .sns-link-circle ul li a:focus-visible,
.footer.footer-style-1._bg-primary .sns-link-square ul li a:hover,
.footer.footer-style-1._bg-primary .sns-link-square ul li a:focus-visible,
.footer.footer-style-1._bg-primary-dark .sns-link-circle ul li a:hover,
.footer.footer-style-1._bg-primary-dark .sns-link-circle ul li a:focus-visible,
.footer.footer-style-1._bg-primary-dark .sns-link-square ul li a:hover,
.footer.footer-style-1._bg-primary-dark .sns-link-square ul li a:focus-visible,
.footer.footer-style-1._bg-dark .sns-link-circle ul li a:hover,
.footer.footer-style-1._bg-dark .sns-link-circle ul li a:focus-visible,
.footer.footer-style-1._bg-dark .sns-link-square ul li a:hover,
.footer.footer-style-1._bg-dark .sns-link-square ul li a:focus-visible,
.footer.footer-style-1._bg-third .sns-link-circle ul li a:hover,
.footer.footer-style-1._bg-third .sns-link-circle ul li a:focus-visible,
.footer.footer-style-1._bg-third .sns-link-square ul li a:hover,
.footer.footer-style-1._bg-third .sns-link-square ul li a:focus-visible {
  color: var(--primary);
  background-color: var(--secondary);
}

/* Gold background (_bg-secondary): hover = navy for max contrast. */
.footer.footer-style-1._bg-secondary a:hover,
.footer.footer-style-1._bg-secondary a:focus-visible,
.footer.footer-style-1._bg-secondary button:hover,
.footer.footer-style-1._bg-secondary button:focus-visible,
.footer.footer-style-1._bg-secondary .sns-link-default ul li a:hover,
.footer.footer-style-1._bg-secondary .sns-link-default ul li a:focus-visible {
  color: var(--primary);
}
.footer.footer-style-1._bg-secondary .sns-link-circle ul li a:hover,
.footer.footer-style-1._bg-secondary .sns-link-circle ul li a:focus-visible,
.footer.footer-style-1._bg-secondary .sns-link-square ul li a:hover,
.footer.footer-style-1._bg-secondary .sns-link-square ul li a:focus-visible {
  color: var(--secondary);
  background-color: var(--primary);
}
.footer.footer-style-1._bg-secondary .Menu a:hover,
.footer.footer-style-1._bg-secondary .Menu a:focus-visible,
.footer.footer-style-1._bg-secondary .footer-copyright a:hover,
.footer.footer-style-1._bg-secondary .footer-copyright a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.22em;
  text-decoration-thickness: 1px;
}

/* Sky-blue background (_bg-fourth): hover = navy. */
.footer.footer-style-1._bg-fourth a:hover,
.footer.footer-style-1._bg-fourth a:focus-visible,
.footer.footer-style-1._bg-fourth button:hover,
.footer.footer-style-1._bg-fourth button:focus-visible,
.footer.footer-style-1._bg-fourth .sns-link-default ul li a:hover,
.footer.footer-style-1._bg-fourth .sns-link-default ul li a:focus-visible {
  color: var(--primary);
}
.footer.footer-style-1._bg-fourth .sns-link-circle ul li a:hover,
.footer.footer-style-1._bg-fourth .sns-link-circle ul li a:focus-visible,
.footer.footer-style-1._bg-fourth .sns-link-square ul li a:hover,
.footer.footer-style-1._bg-fourth .sns-link-square ul li a:focus-visible {
  color: var(--white);
  background-color: var(--primary);
}
.footer.footer-style-1._bg-fourth .Menu a:hover,
.footer.footer-style-1._bg-fourth .Menu a:focus-visible,
.footer.footer-style-1._bg-fourth .footer-copyright a:hover,
.footer.footer-style-1._bg-fourth .footer-copyright a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.22em;
  text-decoration-thickness: 1px;
}

/* Light backgrounds (white / light / gray / *-light): the existing
   --primary hover is legible on these, so we only add an underline for
   accessibility and a transition for polish. */
.footer.footer-style-1._bg-white a:hover,
.footer.footer-style-1._bg-white a:focus-visible,
.footer.footer-style-1._bg-light a:hover,
.footer.footer-style-1._bg-light a:focus-visible,
.footer.footer-style-1._bg-gray a:hover,
.footer.footer-style-1._bg-gray a:focus-visible,
.footer.footer-style-1._bg-primary-light a:hover,
.footer.footer-style-1._bg-primary-light a:focus-visible,
.footer.footer-style-1._bg-secondary-light a:hover,
.footer.footer-style-1._bg-secondary-light a:focus-visible,
.footer.footer-style-1._bg-third-light a:hover,
.footer.footer-style-1._bg-third-light a:focus-visible,
.footer.footer-style-1._bg-fourth-light a:hover,
.footer.footer-style-1._bg-fourth-light a:focus-visible {
  color: var(--primary);
}
.footer.footer-style-1._bg-white .Menu a:hover,
.footer.footer-style-1._bg-white .Menu a:focus-visible,
.footer.footer-style-1._bg-light .Menu a:hover,
.footer.footer-style-1._bg-light .Menu a:focus-visible,
.footer.footer-style-1._bg-gray .Menu a:hover,
.footer.footer-style-1._bg-gray .Menu a:focus-visible,
.footer.footer-style-1._bg-primary-light .Menu a:hover,
.footer.footer-style-1._bg-primary-light .Menu a:focus-visible,
.footer.footer-style-1._bg-secondary-light .Menu a:hover,
.footer.footer-style-1._bg-secondary-light .Menu a:focus-visible,
.footer.footer-style-1._bg-third-light .Menu a:hover,
.footer.footer-style-1._bg-third-light .Menu a:focus-visible,
.footer.footer-style-1._bg-fourth-light .Menu a:hover,
.footer.footer-style-1._bg-fourth-light .Menu a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.22em;
  text-decoration-thickness: 1px;
}

/* "Website by morweb.org" powered-by link — already has underline from
   skin. Keep the underline; just honor the corrected hover color above. */
.footer.footer-style-1 .footer-powered-by-right a {
  transition: color var(--transition-200);
}

/* -----------------------------------------------------------------------------
   11. Links in body copy — keep underline but refine its position
*/
.blockContents a:not(.btn):not(._btn),
._content-style a:not(.btn):not(._btn) {
  /* text-decoration-thickness: 1px; */
  /* text-underline-offset: 0.18em; */
  /* text-decoration-color: color-mix(in oklab, var(--link-color) 45%, transparent); */
  /* transition: text-decoration-color var(--transition-200), color var(--transition-200); */
}
.blockContents a:not(.btn):not(._btn):hover,
._content-style a:not(.btn):not(._btn):hover {
  /* text-decoration-color: var(--link-color-hover); */
}

/* -----------------------------------------------------------------------------
   12. Italic in headings — Literata italic has real character; make sure it's
       rendered as a true italic, not a synthesized slant.
*/
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
.heading-text em,
._font-italic {
  font-style: italic;
  font-synthesis-style: none;
}

/* -----------------------------------------------------------------------------
   13. Dense UI surfaces (nav, buttons, inputs) — 1.6 body line-height is too
       airy here.
*/
.btn, ._btn,
nav, .mainNav,
.form-control,
input, select, textarea {
  line-height: 1.4;
}

/* -----------------------------------------------------------------------------
   14. Icon blocks (icon_blocks.style_1) — FA icon variant
   -----------------------------------------------------------------------------
   The template renders icons as <span class="icon-blocks-item-img
   icon-blocks-item-icon"><i class="fa-solid fa-*"></i></span>. Existing CSS
   sets height: 65px on the span; these rules center the <i>, pick a display
   font-size, and set the school palette color.
*/
.icon-blocks-style-1 .icon-blocks-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 72px;
  font-size: 52px;
  line-height: 1;
  color: var(--primary);
}

.icon-blocks-style-1 .icon-blocks-item-icon > i {
  display: block;
  line-height: 1;
}

/* On hover/focus within the card the existing rules bring the description up
   and fade the group in — the icon already inherits that transition via the
   shared .icon-blocks-item-img class. Pick a warmer hover color so the icon
   reacts visibly to the interaction. */
.icon-blocks-style-1 .icon-blocks-item-wrap:hover .icon-blocks-item-icon,
.icon-blocks-style-1 .icon-blocks-item-wrap:focus-within .icon-blocks-item-icon {
  color: var(--secondary);
}

/* -----------------------------------------------------------------------------
   15. Form submit buttons — match the pill shape used elsewhere
   -----------------------------------------------------------------------------
   The Morweb form engine renders submit buttons as
     <div class="mwInput button mwFormSubmit">
       <input type="submit" class="mw">
     </div>
   This is separate from the `.btn.is-rounded` template system, so we apply
   the rounded token directly to both the wrapper and the inner control.
*/
.mwInput.button,
.mwInput.button.mwFormSubmit,
._content-style div.mwInput.button,
._content-style div.mwInput.button.mwFormSubmit {
  overflow: hidden;
  border-radius: var(--btn-border-radius-rounded);
}

.mwInput.button > input,
.mwInput.button > button,
.mwInput.button.mwFormSubmit > input,
.mwInput.button.mwFormSubmit > button,
._content-style div.mwInput.button input,
._content-style div.mwInput.button button {
  border-radius: var(--btn-border-radius-rounded);
}

/* -----------------------------------------------------------------------------
   15. CTA (cta.style_1) — polish pass
   -----------------------------------------------------------------------------
   What the skin ships:
   - A 10px dark "border-top" on .cta-inner (and on .cta-text-area at mobile)
     that reads as a stray outline, not a design decision.
   - Top-heavy padding (50 / 50 / 20) and a 30 / 15 / 1 mobile padding that
     is almost certainly a bug ("1px" bottom).
   - .btn-group Bootstrap class gluing the two CTA buttons into a connected
     toolbar segment. Primary + secondary should read as peers.
   - No elevation on the panel; sharp 90° corners; static surface.
   - Flat --primary-1 placeholder under the image while it lazy-loads.

   This polish pass fixes those without touching the template. Uses existing
   tokens (--border-radius-lg, --shadow-6/7, --transition-300), and respects
   prefers-reduced-motion for the hover micro-interactions. */

.cta.cta-style-1 {
  /* Establish a stacking context so the panel shadow and the image
     overlay layer predictably. */
  position: relative;
  isolation: isolate;
  border-radius: 0;
}

/* 1. Remove the ugly 10px dark border-top separator everywhere it appears. */
.cta.cta-style-1 .cta-text-area,
.cta.cta-style-1 .cta-inner {
  border-top: 0;
}

/* 2. Image — rounded corners, a tinted fallback for the lazy-load skeleton,
   and a smooth transform for the hover zoom below. */
.cta.cta-style-1 .cta-img {
  border-radius: 0;
  background: linear-gradient(
    135deg,
    color-mix(in oklab, var(--primary) 8%, transparent),
    color-mix(in oklab, var(--primary) 16%, transparent)
  );
}
.cta.cta-style-1 .cta-img img {
  /* transition: transform 600ms var(--transition-style-1); */
  /* will-change: transform; */
}

/* 3. Soft image-to-panel seam on desktop — a gradient dimming the bottom
   half of the image where the panel overlaps. Lifts text contrast and
   creates depth. Pseudo-element so no template change. */
@media (min-width: 992px) {
  .cta.cta-style-1 .cta-img::after {
    content: "";
    position: absolute;
    inset: 40% 0 0 0;
    background: linear-gradient(
      to bottom,
      transparent 0%,
      color-mix(in oklab, var(--primary) 18%, transparent) 55%,
      color-mix(in oklab, var(--primary) 40%, transparent) 100%
    );
    pointer-events: none;
    z-index: 1;
    border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
  }
  .cta.cta-style-1 .cta-text-area {
    z-index: 2;
  }
}

/* 4. Panel — real elevation, rhythmic padding, rounded corners. */
.cta.cta-style-1 .cta-inner {
  padding: 60px 60px 60px;
  border-radius: 20px 20px 0 0;
  box-shadow: var(--shadow-6);
  transition:
    transform var(--transition-300),
    box-shadow var(--transition-300);
  background: rgba(234, 20, 141, 0.8);
}

/* Hover micro-interaction — subtle image zoom + panel lift. Triggered on
   the whole CTA block so both move together, not just the element hovered. */
.cta.cta-style-1:hover .cta-img img,
.cta.cta-style-1:focus-within .cta-img img {
  /* transform: scale(1.035); */
}
.cta.cta-style-1:hover .cta-inner,
.cta.cta-style-1:focus-within .cta-inner {
  /* transform: translateY(-2px); */
  /* box-shadow: var(--shadow-6-hover); */
}

/* 5. Mobile — replace the buggy 1px bottom padding with real rhythm, and
   lift the panel up to overlap the image so the floating-card feel carries
   to narrow viewports. Side margin keeps the card off the page edges. */
@media (max-width: 991px) {
  .cta.cta-style-1 .cta-text-area {
    /* margin-top: -48px; */
    position: absolute;
    z-index: 2;
    bottom: 0;
  }
  .cta.cta-style-1 .cta-inner {
    padding: 32px 28px;
    margin: 0 16px;
  }
}
@media (max-width: 575px) {
  .cta.cta-style-1 .cta-text-area {
    margin-top: -36px;
  }
  .cta.cta-style-1 .cta-inner {
    padding: 26px 22px;
    margin: 0 12px;
  }
}

/* 6. Buttons — break Bootstrap's connected .btn-group look. CTA primary +
   secondary should read as two distinct peers with a gap, not a toolbar. */
.cta.cta-style-1 .cta-btns.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
  box-shadow: none;
  border-radius: 0;
}
.cta.cta-style-1 .cta-btns.btn-group > * {
  margin-left: 0;
}
.cta.cta-style-1 .cta-btns.btn-group .btn,
.cta.cta-style-1 .cta-btns.btn-group button,
.cta.cta-style-1 .cta-btns.btn-group input[type="button"],
.cta.cta-style-1 .cta-btns.btn-group input[type="submit"] {
  border-radius: var(--border-radius-md);
}

/* Focus ring — keyboard focus scoped to CTA buttons. Gold ring on any bg. */
.cta.cta-style-1 .cta-btns :is(a, button, input):focus-visible {
  outline: 2px solid var(--secondary);
  outline-offset: 3px;
  border-radius: var(--border-radius-md);
}

/* 7. Typography inside the panel — constrained measure on body copy for
   readability, tighter heading leading. Tokens from the rest of override.css
   already handle family/weight, so we only tune rhythm here. */
.cta.cta-style-1 .cta-inner h1,
.cta.cta-style-1 .cta-inner h2,
.cta.cta-style-1 .cta-inner h3 {
  margin: 0 0 12px;
  line-height: 1.15;
  letter-spacing: -0.005em;
  font-size: 36px;
}
.cta.cta-style-1 .cta-inner p {
  max-width: 52ch;
  line-height: 1.55;
  margin: 0 0 8px;
}
.cta.cta-style-1 .cta-content > :last-child {
  margin-bottom: 0;
}

/* 8. Reduced motion — honor user preference. Keep state feedback (shadow
   change) on hover, but drop translate/scale. */
@media (prefers-reduced-motion: reduce) {
  .cta.cta-style-1 .cta-img img,
  .cta.cta-style-1 .cta-inner {
    transition: box-shadow var(--transition-200);
  }
  .cta.cta-style-1:hover .cta-img img,
  .cta.cta-style-1:focus-within .cta-img img,
  .cta.cta-style-1:hover .cta-inner,
  .cta.cta-style-1:focus-within .cta-inner {
    transform: none;
  }
}

/* -----------------------------------------------------------------------------
   16. eShop Events - Style 2
   -----------------------------------------------------------------------------
   Variant of eshop-events-style-1 that leads with an event thumbnail image
   on the list.php view. Date badge is overlaid on the image (top-left) so
   the at-a-glance date scan from style 1 is preserved. Card shell reuses
   the same tokens as the style-1 row (radius, light surface, primary date
   background) and the rest of the site (shadow-6, transition tokens).
*/
/* Spacing for every item (independent of column width). */
.eshop-events-style-2 .events-item {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}
/* Column fallback — the template variable {custom_col} is picked in the
   page editor and resolves to Bootstrap col-* classes. If an existing
   instance was saved before that option existed, {custom_col} is empty
   and the item has no col-* class, so items would stack full-width.
   Force a 3-across default only when no col-* class is present; the
   :not() guard means Bootstrap's own col-* rules handle the real case. */
.eshop-events-style-2 .events-item:not([class*="col-"]) {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
@media (max-width: 991px) {
  .eshop-events-style-2 .events-item:not([class*="col-"]) {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .eshop-events-style-2 .events-item:not([class*="col-"]) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.eshop-events-style-2 .events-item-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--border-radius-lg);
  background-color: var(--light);
  overflow: hidden;
  box-shadow: var(--shadow-6);
  transition: transform var(--transition-300), box-shadow var(--transition-300);
}
.eshop-events-style-2 .events-item-wrap:hover,
.eshop-events-style-2 .events-item-wrap:focus-within {
  transform: translateY(-3px);
  box-shadow: var(--shadow-6-hover);
}

/* Image — 3:2 aspect, lazy-load placeholder gradient matches CTA polish */
.eshop-events-style-2 .events-item-img {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    color-mix(in oklab, var(--primary) 8%, transparent),
    color-mix(in oklab, var(--primary) 16%, transparent)
  );
}
.eshop-events-style-2 .events-item-img,
.eshop-events-style-2 .events-item-img a {
  display: block;
}
.eshop-events-style-2 .events-item-img a {
  width: 100%;
  height: 100%;
}
.eshop-events-style-2 .events-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms var(--transition-style-1);
  will-change: transform;
}
.eshop-events-style-2 .events-item-wrap:hover .events-item-img img,
.eshop-events-style-2 .events-item-wrap:focus-within .events-item-img img {
  transform: scale(1.04);
}
/* Graceful empty state when the image 404s (onerror adds _img-placeholder) */
.eshop-events-style-2 .events-item-img._img-placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg,
      color-mix(in oklab, var(--primary) 10%, transparent),
      color-mix(in oklab, var(--primary) 22%, transparent));
}

/* Date badge — overlaid on the image (top-left). Same type sizes and
   uppercase rhythm as style-1, but as a compact corner badge. */
.eshop-events-style-2 .events-item-release {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  min-width: 56px;
  padding: 8px 10px;
  line-height: 1.1;
  text-align: center;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-1);
}
.eshop-events-style-2 .events-item-release span {
  display: block;
}
.eshop-events-style-2 .events-item-release span:first-of-type {
  font-size: 12px;
  letter-spacing: 0.04em;
  opacity: 0.9;
}
.eshop-events-style-2 .events-item-release span:last-of-type {
  font-size: 22px;
  letter-spacing: -0.01em;
}

/* Body — title + datetime. Flex column so the card stretches consistently
   across a row of varying-height titles. */
.eshop-events-style-2 .events-item-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px 20px;
  flex: 1 1 auto;
}
.eshop-events-style-2 .events-item-body > * {
  margin-bottom: 0;
}
.eshop-events-style-2 .events-item-title {
  line-height: 1.3;
}
.eshop-events-style-2 .events-item-title a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.18em;
  transition: text-decoration-color var(--transition-200), color var(--transition-200);
}
.eshop-events-style-2 .events-item-title a:hover,
.eshop-events-style-2 .events-item-title a:focus-visible {
  color: var(--primary);
  text-decoration-color: var(--primary);
}
.eshop-events-style-2 .events-item-datetime {
  font-size: 14px;
  color: var(--muted, var(--text-color));
}

/* Featured variant — gold star sitting on a white circular badge in the
   top-right corner of the card. The white disc + drop-shadow + thin outline
   keeps the star readable on top of bright, dark, or busy images.
   The card wrapper uses ::before for the disc and ::after for the star,
   both position:absolute so they don't affect the flex layout. */
.eshop-events-style-2 .events-item-wrap.is-featured-1::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--white);
  box-shadow:
    0 2px 5px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(0, 0, 0, 0.08);
  pointer-events: none;
}
.eshop-events-style-2 .events-item-wrap.is-featured-1::after {
  content: "";
  position: absolute;
  top: 16px;   /* 10 (badge top) + (32 - 20) / 2 */
  right: 16px;
  z-index: 5;
  width: 20px;
  height: 20px;
  background-color: var(--secondary);
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>") center / contain no-repeat;
}

/* Featured legend — rendered at the top of the list so visitors know what
   the star means. Uses the same disc-and-star construction as the card
   badge, at a smaller size. */
.eshop-events-style-2 .eshop-events-legend {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 6px 12px 6px 8px;
  font-size: 13px;
  color: var(--text-color);
  background-color: var(--light);
  border-radius: 999px;
}
.eshop-events-style-2 .eshop-events-legend-star {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--white);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}
.eshop-events-style-2 .eshop-events-legend-star::before {
  content: "";
  position: absolute;
  inset: 4px;
  background-color: var(--secondary);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/></svg>") center / contain no-repeat;
}

/* Reduced motion — honor user preference. */
@media (prefers-reduced-motion: reduce) {
  .eshop-events-style-2 .events-item-wrap,
  .eshop-events-style-2 .events-item-img img {
    transition: none;
  }
  .eshop-events-style-2 .events-item-wrap:hover,
  .eshop-events-style-2 .events-item-wrap:focus-within,
  .eshop-events-style-2 .events-item-wrap:hover .events-item-img img,
  .eshop-events-style-2 .events-item-wrap:focus-within .events-item-img img {
    transform: none;
  }
}

/* -----------------------------------------------------------------------------
   17. Posts List - Style 1 Portrait
   -----------------------------------------------------------------------------
   Match the card shell of eshop-events-style-2 so the two grids share a
   visual language: larger radius, deeper shadow on the shadow-6 ramp, and
   the same subtle lift on hover/focus.
*/
.posts-list-style-1-portrait .posts-list-item-wrap {
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-6);
  transition: transform var(--transition-300), box-shadow var(--transition-300);
}
.posts-list-style-1-portrait .posts-list-item-img {
  aspect-ratio: 3 / 2;
}
.posts-list-style-1-portrait .posts-list-item-wrap:hover,
.posts-list-style-1-portrait .posts-list-item-wrap:focus-within {
  transform: translateY(-3px);
  box-shadow: var(--shadow-6-hover);
}

@media (prefers-reduced-motion: reduce) {
  .posts-list-style-1-portrait .posts-list-item-wrap {
    transition: none;
  }
  .posts-list-style-1-portrait .posts-list-item-wrap:hover,
  .posts-list-style-1-portrait .posts-list-item-wrap:focus-within {
    transform: none;
  }
}

/* -----------------------------------------------------------------------------
   18. Image Card - Style 1 Portrait
   -----------------------------------------------------------------------------
   Same card-shell treatment as posts-list-style-1-portrait and
   eshop-events-style-2 — keeps the three grids visually consistent.
*/
.img-card-style-1-portrait .img-card-wrap {
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-6);
  transition: transform var(--transition-300), box-shadow var(--transition-300);
}
.img-card-style-1-portrait .img-card-img {
  aspect-ratio: 3 / 2;
}
.img-card-style-1-portrait .img-card-wrap:hover,
.img-card-style-1-portrait .img-card-wrap:focus-within {
  transform: translateY(-3px);
  box-shadow: var(--shadow-6-hover);
}

@media (prefers-reduced-motion: reduce) {
  .img-card-style-1-portrait .img-card-wrap {
    transition: none;
  }
  .img-card-style-1-portrait .img-card-wrap:hover,
  .img-card-style-1-portrait .img-card-wrap:focus-within {
    transform: none;
  }
}

/* -----------------------------------------------------------------------------
   19. Tabs - Style 1
   -----------------------------------------------------------------------------
   Match the tab buttons to the site button radius (--btn-border-radius)
   instead of the generic --border-radius, so tab triggers and CTA buttons
   share the same corner shape.
*/
.tabs-style-1 .tabs-nav {
  border-radius: var(--btn-border-radius);
}

/* -----------------------------------------------------------------------------
   20. Footer - Style 1 - Copyright Menu
   -----------------------------------------------------------------------------
   Lay out the three copyright-row items on a single line at xl: copyright text
   left, inline menu centered between, powered-by text right. Override the
   default Bootstrap col widths from the template (col-xl-9 / col-xl-3) since
   they were sized for a 2-item row and leave no room for the new menu.
   Stack and center on smaller screens — matches the existing breakpoint logic
   for footer-copyright-left / footer-powered-by-right.
*/
.footer-style-1 .footer-copyright .row {
  align-items: center;
}

@media (min-width: 1200px) {
  /* Bootstrap col-* sets width:100% in its base rule (essential.css), and
     when we relax flex to auto the items revert to full width and stack.
     Force width:auto so each child sizes to its content. */
  .footer-style-1 .footer-copyright-left,
  .footer-style-1 .footer-powered-by-right {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .footer-style-1 .footer-copyright-menu {
    flex: 1 1 auto;
    width: auto;
    text-align: center;
  }
}

/* Below xl: menu sits on its own row, centered, just above the stacked
   copyright/powered-by text. */
@media (max-width: 1199px) {
  .footer-style-1 .footer-copyright-menu {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    /* order: -1; */
  }
}

/* Inline menu rendering — pipe separators, no per-item bottom margin
   (overrides the global .footer-style-1 .Menu li { margin-bottom: 20px }). */
.footer-style-1 .footer-copyright-menu .Menu ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-style-1 .footer-copyright-menu .Menu li {
  position: relative;
  margin: 0;
  line-height: 1.4;
  /* Inherit font-size so the menu matches copyright-left / powered-by-right */
}
.footer-style-1 .footer-copyright-menu .Menu li + li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 1px;
  height: 12px;
  background-color: currentColor;
  opacity: 0.4;
  transform: translateY(-50%);
  pointer-events: none;
}
.footer-style-1 .footer-copyright-menu .Menu a {
  text-decoration: none;
  opacity: 0.85;
  transition: opacity var(--transition-200);
}
.footer-style-1 .footer-copyright-menu .Menu a:hover,
.footer-style-1 .footer-copyright-menu .Menu a:focus-visible {
  opacity: 1;
  text-decoration: underline;
}

/* -----------------------------------------------------------------------------
   21. Header - Style 1 - Mobile search + mobile utility menu
   -----------------------------------------------------------------------------
   - Show the duplicate .search-btn-mobile next to the burger only when the
     utility bar's search has been hidden (≤575px). Above that, the original
     utility-bar search is still visible, so the duplicate stays hidden.
   - Style the mobile-menu-utility (mirror of the desktop utility menu) as a
     secondary list under the main mobile nav.
*/
.header-style-1 .search-btn-mobile {
  display: none;
}
@media (max-width: 575px) {
  .header-style-1 .search-btn-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* The base .header-style-1 .search-btn uses color:var(--white) for the
       utility bar (primary background). The mobile duplicate sits on the
       main header surface, so use the header text color (matches the
       burger). */
    color: var(--text-color);
    background: transparent;
    border: 0;
    padding: 6px 8px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
  }
  .header-style-1 .search-btn-mobile:hover,
  .header-style-1 .search-btn-mobile:focus-visible,
  .header-style-1 .search-btn-mobile.active {
    color: var(--primary);
  }
}

.mobile-menu-style-1 .mobile-menu-utility {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
}
.mobile-menu-style-1 .mobile-menu-utility ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu-style-1 .mobile-menu-utility ul li {
  margin: 0 0 10px 0;
}
.mobile-menu-style-1 .mobile-menu-utility ul li:last-of-type {
  margin-bottom: 0;
}
.mobile-menu-style-1 .mobile-menu-utility ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: var(--font-weight-medium, 500);
  color: var(--text-color);
  text-decoration: none;
}
.mobile-menu-style-1 .mobile-menu-utility ul li a:hover,
.mobile-menu-style-1 .mobile-menu-utility ul li a:focus-visible {
  color: var(--primary);
}
/* Hide any nested submenus — utility links are flat in the mobile drawer */
.mobile-menu-style-1 .mobile-menu-utility ul ul {
  display: none;
}

/* -----------------------------------------------------------------------------
   22. Icon Card - Style 2
   -----------------------------------------------------------------------------
   Same shell as icon-card-style-1, but the icon slot renders a Font Awesome
   glyph picked from a preset list (see icon_card.style_2.php). The style-1
   color modifiers used `filter: brightness(0) invert(1)` to recolor the
   uploaded image — for an actual font icon we just set `color` directly.
*/
.icon-card-style-2 {
  font-size: 16px;
  margin-bottom: 30px;
}
.icon-card-style-2 .icon-card-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 40px 40px 30px;
  border-radius: var(--border-radius);
  transition: var(--transition-200);
  box-shadow: var(--shadow-6);
  background-image: radial-gradient(
    ellipse at top right,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
}
@media (max-width: 1365px) {
  .icon-card-style-2 .icon-card-wrap {
    padding: 40px 40px 10px;
  }
}
@media (max-width: 575px) {
  .icon-card-style-2 .icon-card-wrap {
    padding: 30px 30px 1px;
  }
}

.icon-card-style-2 .icon-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 30px;
  border-radius: 50%;
  background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  color: var(--primary);
  font-size: 36px;
  line-height: 1;
  transition: var(--transition-200);
}
.icon-card-style-2 .icon-card-icon i {
  line-height: 1;
}

.icon-card-style-2 .icon-card-title {
  margin-bottom: 15px;
  transition: var(--transition-200);
}
.icon-card-style-2 .icon-card-btn {
  margin-top: auto;
  margin-bottom: 30px;
}
.icon-card-style-2 .icon-card-btn i {
  margin-left: 10px;
  transition: transform var(--transition-200);
}
.icon-card-style-2 .icon-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-card-style-2:hover .icon-card-wrap {
  box-shadow: var(--shadow-6-hover);
  transform: translateY(-15px);
}
.icon-card-style-2:hover .icon-card-btn i {
  transform: translateX(10px);
}

/* Color variants — match the is-* tokens used by style-1 ------------- */
.icon-card-style-2.is-white .icon-card-wrap {
  color: var(--text-color);
  background-color: var(--white);
}
.icon-card-style-2.is-white .icon-card-title {
  color: var(--heading-color);
}
.icon-card-style-2.is-white .icon-card-btn {
  color: var(--primary);
}
.icon-card-style-2.is-white .icon-card-icon {
  background-color: color-mix(in oklab, var(--primary) 10%, transparent);
  color: var(--primary);
}
.icon-card-style-2.is-white:hover .icon-card-wrap {
  background-color: var(--light);
}

.icon-card-style-2.is-dark .icon-card-wrap,
.icon-card-style-2.is-dark .icon-card-title {
  color: var(--white);
}
.icon-card-style-2.is-dark .icon-card-wrap {
  background-color: var(--dark);
}
.icon-card-style-2.is-dark .icon-card-icon {
  background-color: rgba(255, 255, 255, 0.12);
  color: var(--white);
}
.icon-card-style-2.is-dark:hover .icon-card-wrap {
  background-color: var(--primary-7);
}

.icon-card-style-2.is-primary .icon-card-wrap,
.icon-card-style-2.is-primary .icon-card-title {
  color: var(--text-color-on-primary);
}
.icon-card-style-2.is-primary .icon-card-wrap {
  background-color: var(--primary);
}
.icon-card-style-2.is-primary .icon-card-icon {
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--white);
}
.icon-card-style-2.is-primary:hover .icon-card-wrap {
  background-color: var(--primary-6);
}

.icon-card-style-2.is-secondary .icon-card-wrap,
.icon-card-style-2.is-secondary .icon-card-title {
  color: var(--text-color-on-secondary);
}
.icon-card-style-2.is-secondary .icon-card-wrap {
  background-color: var(--secondary);
}
.icon-card-style-2.is-secondary .icon-card-icon {
  background-color: rgba(255, 255, 255, 0.18);
  color: var(--white);
}
.icon-card-style-2.is-secondary:hover .icon-card-wrap {
  background-color: var(--secondary-6);
}

.icon-card-style-2.is-third .icon-card-wrap,
.icon-card-style-2.is-third .icon-card-title {
  color: var(--text-color-on-third);
}
.icon-card-style-2.is-third .icon-card-wrap {
  background-color: var(--third);
}
.icon-card-style-2.is-third .icon-card-icon {
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--white);
}
.icon-card-style-2.is-third:hover .icon-card-wrap {
  background-color: var(--third-6);
}

.icon-card-style-2.is-fourth .icon-card-wrap,
.icon-card-style-2.is-fourth .icon-card-title {
  color: var(--text-color-on-fourth);
}
.icon-card-style-2.is-fourth .icon-card-wrap {
  background-color: var(--fourth);
}
.icon-card-style-2.is-fourth .icon-card-icon {
  background-color: rgba(0, 0, 0, 0.12);
  color: var(--text-color-on-fourth);
}
.icon-card-style-2.is-fourth:hover .icon-card-wrap,
.icon-card-style-2.is-fourth:hover .icon-card-title {
  color: var(--white);
}
.icon-card-style-2.is-fourth:hover .icon-card-wrap {
  background-color: var(--fourth-6);
}
.icon-card-style-2.is-fourth:hover .icon-card-icon {
  background-color: rgba(255, 255, 255, 0.18);
  color: var(--white);
}

/* Alignment variants — text-align handles the inline content inside the
   block children (title, description, button text). The icon badge is a
   flex item in a column flex container, so text-align doesn't move it;
   it needs align-self on the cross axis. Set both. */
.icon-card-style-2.is-align-left .icon-card-wrap   { text-align: left; }
.icon-card-style-2.is-align-center .icon-card-wrap { text-align: center; }
.icon-card-style-2.is-align-right .icon-card-wrap  { text-align: right; }

.icon-card-style-2.is-align-left .icon-card-icon   { align-self: flex-start; }
.icon-card-style-2.is-align-center .icon-card-icon { align-self: center; }
.icon-card-style-2.is-align-right .icon-card-icon  { align-self: flex-end; }

/* -----------------------------------------------------------------------------
   23. Content Area - Border Radius
   -----------------------------------------------------------------------------
   The content area uses an absolute-positioned .content-area-bg-img layer for
   background images, so a radius on the wrapper alone leaves the image with
   square corners. Add overflow:hidden so the bg layer is clipped to the
   rounded shape too.
*/
.content-area.is-radius-sm,
.content-area.is-radius-md,
.content-area.is-radius-lg {
  overflow: hidden;
}
.content-area.is-radius-sm { border-radius: var(--border-radius); }       /* 4px */
.content-area.is-radius-md { border-radius: var(--border-radius-md); }    /* 8px */
.content-area.is-radius-lg { border-radius: var(--border-radius-lg); }    /* 16px */

/* -----------------------------------------------------------------------------
   24. Detailed Map - Full template (templates/maps/full.php)
   -----------------------------------------------------------------------------
   Two-column layout: a filter rail on the left (point-type toggles + Show All
   / Hide All), and the map surface on the right. Stacks on mobile. Pill-style
   filter chips reuse the site's rounded-pill language; the map surface gets
   the same radius + shadow token used for cards elsewhere so it reads as a
   first-class content block, not a raw embed.
*/
.detailed-map-full .detailed-map-wrap {
  display: grid;
  grid-template-columns: minmax(220px, 260px) 1fr;
  gap: 24px;
  align-items: start;
}
@media (max-width: 767px) {
  .detailed-map-full .detailed-map-wrap {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* Filter rail */
.detailed-map-full .detailed-map-navs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  background-color: var(--light);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-6);
}

/* Nav item (point type filter) — rendered as a clickable row with icon + label */
.detailed-map-full .detailed-map-nav {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  color: var(--dark);
  font-family: var(--font-family-sans-serif);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-medium, 500);
  line-height: 1.3;
  cursor: pointer;
  transition: background-color var(--transition-200),
              color var(--transition-200),
              transform var(--transition-200);
  user-select: none;
}
.detailed-map-full .detailed-map-nav:hover,
.detailed-map-full .detailed-map-nav:focus-visible {
  background-color: var(--primary-1);
  color: var(--primary-6);
  outline: none;
}
.detailed-map-full .detailed-map-nav:active {
  transform: translateY(1px);
}
/* Active state — the map JS toggles .active (or aria-pressed) on the item.
   Cover both so we work with either wiring. */
.detailed-map-full .detailed-map-nav.active,
.detailed-map-full .detailed-map-nav[aria-pressed="true"] {
  background-color: var(--primary);
  color: var(--text-color-on-primary, #fff);
}

.detailed-map-full .detailed-map-nav-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  object-fit: contain;
}

.detailed-map-full .detailed-map-nav-title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Show All / Hide All — quieter secondary buttons, grouped at the bottom with
   a hairline separator so they read as bulk-actions, not peers of the types. */
.detailed-map-full .detailed-map-navs > button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--primary);
  border-radius: 999px;
  background-color: transparent;
  color: var(--primary);
  font-family: var(--font-family-sans-serif);
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold, 600);
  letter-spacing: 0.02em;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color var(--transition-200),
              color var(--transition-200),
              border-color var(--transition-200);
}
.detailed-map-full .detailed-map-navs > button:first-of-type {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 0;
  position: relative;
}
.detailed-map-full .detailed-map-navs > button:first-of-type::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 12px;
  right: 12px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
}
.detailed-map-full .detailed-map-navs > button:hover,
.detailed-map-full .detailed-map-navs > button:focus-visible {
  background-color: var(--primary);
  color: var(--text-color-on-primary, #fff);
  outline: none;
}

/* Map surface — rounded, shadowed, clips the embed to the rounded shape. */
.detailed-map-full .detailed-map-main {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-6);
  background-color: var(--light);
}
.detailed-map-full .detailed-map-main > * {
  display: block;
  width: 100%;
}

/* -----------------------------------------------------------------------------
   25. Cookie Banner (cookie_banner.style_1)
   -----------------------------------------------------------------------------
   Full-width consent banner. Two visual variants (`dark` / `light`) swap
   the surface; position variants (`top` / `bottom`) flip the anchor point
   and the accent border. The banner sits hidden until JS adds .active on
   the root element — we use transform+opacity+visibility instead of
   display:none so the reveal can slide rather than snap.

   Accept / Decline use the site's native `.btn` component (wrapped in a
   parent div), so typography, radius, and hover states come from skin.css
   for free. On the dark surface we repaint the outline decline button
   with white so it stays legible against the dark background.
*/
.cookie-banner { position: relative; }

.cookie-banner-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  /* Above everything else in the project. Other fixed layers (modals, popups,
     magnific images, sticky headers) top out at 510; consent UI should sit
     on top of all of them so users always have a visible way to respond. */
  z-index: 1050;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
  transition:
    transform var(--transition-400),
    opacity var(--transition-400),
    visibility 0s linear var(--transition-400);
}
.cookie-banner.top .cookie-banner-container {
  top: 0;
  bottom: auto;
  transform: translateY(-100%);
}
.cookie-banner.active .cookie-banner-container {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition:
    transform var(--transition-400),
    opacity var(--transition-400),
    visibility 0s;
}

/* Surface — variants swap background + contrast. Shadow lifts the bar off
   the page content regardless of position. */
.cookie-banner-dialog {
  position: relative;
  background: linear-gradient(135deg, var(--gray-9) 0%, var(--gray-8) 100%);
  color: var(--white);
  border-top: 3px solid var(--primary);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.25);
}
.cookie-banner.light .cookie-banner-dialog {
  background: var(--white);
  color: var(--dark);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.08);
}
.cookie-banner.top .cookie-banner-dialog {
  border-top: none;
  border-bottom: 3px solid var(--primary);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.cookie-banner.top.light .cookie-banner-dialog {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.cookie-banner-inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 56px 18px 24px;        /* right padding reserves space for the close (X) */
  font-family: var(--font-family-sans-serif);
}
.cookie-banner-inner p { margin: 0; }

/* Leading icon badge — tinted by the surface; on light, paint with primary
   so the cookie glyph reads as a brand moment rather than a gray smudge. */
.cookie-icon {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  font-size: 24px;
  color: currentColor;
}
.cookie-banner.light .cookie-icon {
  background: var(--primary-1);
  color: var(--primary);
}

.cookie-content {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 720px;                     /* keep the message from stretching on ultrawide */
}
.cookie-message {
  line-height: 1.55;
  font-size: 0.9375rem;
  opacity: 0.92;
}

/* Policy link — sits just below the message as a secondary affordance.
   Inherits the surface's text color so it reads correctly on both variants;
   slightly dimmed at rest, fully opaque on hover/focus. */
.cookie-policy-link {
  display: inline-block;
  margin-top: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  color: inherit;
  opacity: 0.85;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity var(--transition-200);
}
.cookie-policy-link:hover,
.cookie-policy-link:focus-visible {
  opacity: 1;
  color: inherit;
  outline: none;
}
.cookie-banner.light .cookie-policy-link:hover,
.cookie-banner.light .cookie-policy-link:focus-visible {
  color: var(--primary);
}

/* Actions — use the site's .btn component; just lay them out and space. */
.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
  align-items: center;
}
.cookie-actions .btn { margin: 0; }

/* On the dark surface, the site's default is-outline.is-primary paints a
   primary-blue border+text that disappears against the dark bg. Repaint
   the INNER <button>/<a> (the wrapper .btn is a pure container with no
   shape of its own — painting it produces a rectangular halo behind the
   rounded pill). Light surface keeps the site default. */
.cookie-banner:not(.light) .cookie-actions .btn.is-outline.is-primary > button,
.cookie-banner:not(.light) .cookie-actions .btn.is-outline.is-primary > a {
  color: var(--white);
  border-color: rgba(255, 255, 255, 0.45);
  background: transparent;
}
/* Neutralize the slide-up fill (::before pseudo) so hover stays in the
   dark-surface aesthetic instead of snapping to primary blue. */
.cookie-banner:not(.light) .cookie-actions .btn.is-outline.is-primary > button::before,
.cookie-banner:not(.light) .cookie-actions .btn.is-outline.is-primary > a::before {
  display: none;
}
.cookie-banner:not(.light) .cookie-actions .btn.is-outline.is-primary > button:hover,
.cookie-banner:not(.light) .cookie-actions .btn.is-outline.is-primary > a:hover {
  color: var(--white);
  border-color: var(--white);
  background: rgba(255, 255, 255, 0.12);
}

/* Close (X) — inline top-right inside the dialog, proper 32px hit target. */
.cookie-close-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: currentColor;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.6;
  font-size: 14px;
  transition: opacity var(--transition-200), background-color var(--transition-200);
}
.cookie-close-btn:hover,
.cookie-close-btn:focus-visible {
  opacity: 1;
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}
.cookie-banner.light .cookie-close-btn:hover,
.cookie-banner.light .cookie-close-btn:focus-visible {
  background: rgba(0, 0, 0, 0.06);
}

/* Mobile — grid layout so the icon sits next to the message (not floating
   alone on its own row), and the actions span the full width below. The
   close button stays absolute top-right; right padding reserves space. */
@media (max-width: 768px) {
  .cookie-banner-inner {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "icon    content"
      "actions actions";
    column-gap: 14px;
    row-gap: 14px;
    padding: 16px 48px 16px 16px;
  }
  .cookie-icon {
    grid-area: icon;
    align-self: start;
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .cookie-content {
    grid-area: content;
    max-width: none;
  }
  .cookie-actions {
    grid-area: actions;
    width: 100%;
  }
  .cookie-actions .btn {
    flex: 1 1 calc(50% - 5px);         /* two buttons side-by-side, 50/50 */
  }
  .cookie-close-btn {
    top: 10px;
    right: 10px;
  }
  .cookie-message {
    font-size: 0.9rem;
  }
}

/* Very small phones — stack the buttons vertically so labels don't wrap
   or get squeezed. */
@media (max-width: 400px) {
  .cookie-actions {
    flex-direction: column;
  }
  .cookie-actions .btn {
    flex: 1 1 auto;
    width: 100%;
  }
}


/*!
 |-----------------------------------------------------------------------------------------------------------
 |
 | Search — autocomplete dropdown, search-form widget, and search-results page
 |
 | Ported from the dayafoundation reference build. Pairs with js/search-autocomplete.js,
 | templates/search/default.php, and templates/search_form.style_1.php. Brand greens/tans
 | from the source were remapped to this site's navy (--primary) + gold (--secondary) tokens.
 |
 |-----------------------------------------------------------------------------------------------------------
*/
/* ============================================================
   Search Form — Style 1 (CMS-droppable widget)
   Used by: templates/search_form.style_1.php
   Renders as a single white pill with a circular dark button on
   the right (mirrors the header search-dialog look). When dropped
   into page bodies (e.g. on the 404 recovery section).
   ============================================================ */
.search-form-style-1 form {
  position: relative;
  max-width: 540px;
}

.search-form-style-1 .Dialog {
  margin: 0;
}
/* The visible pill (Morweb wraps the inputs in .input-inline > .mwInput) */
.search-form-style-1 .input-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 6px 6px 6px 24px;
  background-color: var(--white);
  border: 1px solid #d8dde3;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.search-form-style-1 .input-inline:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 15%, transparent);
}
.search-form-style-1 .mwInput.text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.search-form-style-1 input[type="text"] {
  width: 100%;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-7);
  letter-spacing: .04em;
}
.search-form-style-1 input[type="text"]::placeholder {
  color: #9ca3af;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: 1;
}
/* Submit — circular brand button with a magnifier icon (a real <button> + <i>) */
.search-form-style-1 .mwInput.button {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  background: transparent;
}
.search-form-style-1 .mwFormSubmit,
.search-form-style-1 button[type="submit"],
.search-form-style-1 input[type="submit"] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: var(--primary);
  color: var(--white) !important;
  font-size: 16px !important;
  line-height: 1;
  cursor: pointer;
  transition: background-color .15s ease, transform .15s ease;
}
.search-form-style-1 .mwFormSubmit:hover,
.search-form-style-1 button[type="submit"]:hover,
.search-form-style-1 input[type="submit"]:hover {
  background-color: var(--primary-6);
}
.search-form-style-1 .mwFormSubmit:active,
.search-form-style-1 button[type="submit"]:active {
  transform: scale(0.96);
}
.search-form-style-1 .mwFormSubmit i {
  line-height: 1;
}
/* Lay the pill out correctly even before/without Morweb's form-style JS wraps
   the controls in .mwInput.* (i.e. raw .input-inline children in the widget). */
.search-form-style-1 .input-inline > input[type="text"] {
  flex: 1 1 auto;
  min-width: 0;
}
.search-form-style-1 .input-inline > .mwFormSubmit {
  flex: 0 0 auto;
}

/* Hero variant — stretches to full width of the hero card */
.search-form-style-1.sr-hero-form form {
  max-width: none;
}
/* Empty-state variant — centered horizontally inside the empty card */
.search-form-style-1.sr-empty-form {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
}
.search-form-style-1.sr-empty-form form {
  width: 100%;
}

/* Search autocomplete dropdown — appended into the same <form> as
   the input by the JS in search_form.style_1.php. Positioned just
   below the pill so it visually "extends" the input. Attaches to
   header dialog form, widget form, and search-page refine form.   */
.sa-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 100;
  max-height: 360px;
  overflow-y: auto;
  background-color: var(--white);
  border: 1px solid #d8dde3;
  border-radius: 18px;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .14);
  padding: 6px;
  /* Always left-aligned regardless of parent context — the empty-state
     cards use text-align: center which would otherwise center each row. */
  text-align: left;
}
.sa-dropdown[hidden] {
  display: none;
}
.sa-suggestion {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--primary-7);
  transition: background-color .12s ease;
}
.sa-suggestion + .sa-suggestion {
  margin-top: 2px;
}
.sa-suggestion:hover,
.sa-suggestion.is-active {
  background-color: var(--secondary-1);
}
.sa-suggestion-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
.sa-suggestion-title strong {
  font-weight: 700;
  color: var(--primary-4);
  background-color: color-mix(in oklab, var(--primary) 8%, transparent);
  padding: 0 2px;
  border-radius: 3px;
}
.sa-suggestion-path {
  font-size: 11px;
  color: #6b7280;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

/* ============================================================
   Search Results — Default
   Used by: templates/search/default.php
   Brand-aligned successor to the older .search-results-default
   markup (vanilla Morweb scaffolding with .item-card-style-1).
   ============================================================ */
.sr-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 24px 60px;
  font-family: var(--font-family-sans-serif);
  color: var(--text-color);
}

/* Hero card — eyebrow, title, total count, inline refine input */
.sr-hero {
  background: var(--white);
  border-radius: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
  padding: 36px 36px 32px;
  margin-bottom: 24px;
  border: 1px solid #f3f4f6;
}
.sr-eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--third-4);
  margin-bottom: 8px;
}
.sr-hero .sr-title {
  margin: 0 0 6px;
  font-family: var(--heading-font-family);
  font-size: 32px;
  line-height: 1.15;
  color: var(--primary-7);
  font-weight: 700;
  word-break: break-word;
}
.sr-query {
  color: var(--primary-4);
}
.sr-meta {
  margin: 0 0 22px;
  font-size: 14px;
  color: #6b7280;
}
.sr-total {
  font-weight: 600;
}

/* Refine forms — search hero, empty-state cards, and 404 recovery
   all use the shared .search-form-style-1 markup (see widget block
   above). Variant tweaks: .sr-hero-form removes the max-width cap,
   .sr-empty-form centers the form inside the empty card. */

/* Filter + Sort row — pills on the left, sort dropdown on the right */
.sr-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}
.sr-filter-pills {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Sort dropdown — native <select> styled to match the filter-pill aesthetic */
.sr-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.sr-sort-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b7280;
}
.sr-sort-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 8px 36px 8px 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--primary-7);
  background-color: var(--white);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23163022' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 1 6 6 11 1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px;
  border: 1px solid #d8dde3;
  border-radius: 999px;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.sr-sort-select:hover {
  border-color: var(--primary-4);
}
.sr-sort-select:focus {
  outline: none;
  border-color: var(--primary-4);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 15%, transparent);
}
.sr-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--primary-7);
  background-color: var(--white);
  border: 1px solid #d8dde3;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.sr-filter-pill:hover {
  background-color: var(--secondary-1);
  border-color: var(--third-4);
}
.sr-filter-pill.is-active {
  color: var(--white);
  background-color: var(--primary-7);
  border-color: var(--primary-7);
}
.sr-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  background-color: rgba(0, 0, 0, .08);
  border-radius: 999px;
  color: inherit;
}
.sr-filter-pill.is-active .sr-filter-count {
  background-color: rgba(255, 255, 255, .18);
}

/* Results grid — single column of cards */
.sr-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Result card — base style shared across all subtemplate variants */
.sr-card {
  display: flex;
  gap: 20px;
  padding: 22px 24px;
  background: var(--white);
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.sr-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
}
.sr-card-page {
  flex-direction: column;
  gap: 8px;
}
.sr-card-type {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--third-4);
}
.sr-card-type svg,
.sr-card-type i {
  flex: 0 0 auto;
}
.sr-card-size {
  color: #6b7280;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.sr-grid .sr-card-title {
  margin: 0;
  font-family: var(--heading-font-family);
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--primary-7);
  word-break: break-word;
}
.sr-card-meta {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}
.sr-card-snippet {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #4b5563;
  word-break: break-word;
}
.sr-card-snippet[data-hide-if-empty=""] {
  display: none;
}
.sr-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--primary-4);
  text-decoration: none;
  transition: color .15s ease, gap .15s ease;
}
.sr-card-link:hover {
  color: var(--primary-7);
  gap: 10px;
}

/* Thumbnail variant — file + post cards have an image to the left */
.sr-card-thumb {
  flex: 0 0 180px;
  height: 132px;
  overflow: hidden;
  border-radius: 12px;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sr-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sr-card-thumb.is-placeholder {
  background: linear-gradient(135deg, var(--secondary-1) 0%, var(--white) 100%);
  border: 1px dashed var(--secondary-3);
  position: relative;
}
.sr-card-thumb.is-placeholder::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C97A1E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 38% auto;
  opacity: .45;
}
/* Type-specific placeholder icons override the generic image icon */
.sr-card-post .sr-card-thumb.is-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C97A1E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8'/%3E%3Cpath d='M15 18h-5'/%3E%3Cpath d='M10 6h8v4h-8z'/%3E%3C/svg%3E");
}
.sr-card-file .sr-card-thumb.is-placeholder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C97A1E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E");
}
.sr-card-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Image lightbox — appended to <body> by JS when image-type results
   are clicked. Dark backdrop, centered image, close button + ESC +
   backdrop-click all dismiss. */
.sr-image-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background-color: rgba(15, 23, 42, 0.88);
  -webkit-tap-highlight-color: transparent;
}
.sr-image-modal[aria-hidden="false"] {
  display: flex;
}
.sr-image-modal-figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  max-width: 100%;
  max-height: 100%;
}
.sr-image-modal-img {
  max-width: 100%;
  max-height: calc(100vh - 140px);
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
  background: #fff;
}
.sr-image-modal-caption {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  letter-spacing: .02em;
  max-width: 640px;
  line-height: 1.4;
}
.sr-image-modal-caption:empty {
  display: none;
}
.sr-image-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.92);
  color: var(--primary-7);
  cursor: pointer;
  transition: background-color .15s ease, transform .15s ease;
}
.sr-image-modal-close:hover {
  background-color: var(--white);
  transform: scale(1.05);
}
.sr-image-modal-close:focus-visible {
  outline: 3px solid var(--white);
  outline-offset: 3px;
}
body.sr-image-modal-open {
  overflow: hidden;
}
@media (max-width: 575px) {
  .sr-image-modal {
    padding: 16px;
  }
  .sr-image-modal-img {
    max-height: calc(100vh - 100px);
  }
}

/* Keyword highlight — peach accent on matched terms */
.sr-card mark {
  background-color: var(--secondary-2);
  color: inherit;
  padding: 1px 3px;
  border-radius: 3px;
  font-weight: 600;
}

/* No-filter-result fallback (sits inside the results grid) */
.sr-no-result {
  text-align: center;
  padding: 48px 24px;
  background: var(--white);
  border: 1px dashed #d8dde3;
  border-radius: 16px;
  color: #6b7280;
}
.sr-no-result svg {
  color: #cbd5e1;
  margin-bottom: 12px;
}
.sr-page .sr-no-result h3 {
  margin: 0 0 6px;
  font-family: var(--heading-font-family);
  font-size: 18px;
  color: var(--primary-7);
}
.sr-no-result p {
  margin: 0;
  font-size: 14px;
}

/* ===== Empty state (no-results / no-query) ===== */
.sr-page-empty {
  padding: 60px 24px;
}
.sr-empty-card {
  max-width: 640px;
  margin: 0 auto;
  padding: 48px 40px;
  background: var(--white);
  border: 1px solid #f3f4f6;
  border-radius: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
  text-align: center;
}
.sr-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 20px;
  border-radius: 999px;
  background: var(--secondary-1);
  color: var(--third-4);
}
.sr-empty-card .sr-empty-title {
  margin: 0 0 10px;
  font-family: var(--heading-font-family);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--primary-7);
  word-break: break-word;
}
.sr-empty-query {
  color: var(--primary-4);
}
.sr-empty-sub {
  margin: 0 0 28px;
  font-size: 15px;
  color: #6b7280;
}

/* 403 action buttons — primary Login + secondary Return Home pills */
.sr-403-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.sr-403-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 999px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.sr-403-btn-primary {
  background-color: var(--primary-7);
  color: var(--white);
  border-color: var(--primary-7);
}
.sr-403-btn-primary:hover {
  background-color: var(--primary-4);
  border-color: var(--primary-4);
  color: var(--white);
  transform: translateY(-1px);
}
.sr-403-btn-secondary {
  background-color: transparent;
  color: var(--primary-7);
  border-color: #d8dde3;
}
.sr-403-btn-secondary:hover {
  border-color: var(--primary-7);
  background-color: var(--secondary-1);
  color: var(--primary-7);
  transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 991px) {
  .sr-page {
    padding: 28px 16px 48px;
  }
  .sr-hero {
    padding: 28px 24px 24px;
  }
  .sr-hero .sr-title {
    font-size: 26px;
  }
  .sr-card-thumb {
    flex-basis: 140px;
    height: 108px;
  }
}
@media (max-width: 575px) {
  .sr-hero {
    padding: 24px 20px 20px;
  }
  .sr-hero .sr-title {
    font-size: 22px;
  }
  .sr-card {
    flex-direction: column;
    padding: 18px 18px;
    gap: 14px;
  }
  .sr-card-thumb {
    flex-basis: auto;
    width: 100%;
    height: 180px;
  }
  .sr-empty-card {
    padding: 32px 22px;
  }
  .sr-empty-card .sr-empty-title {
    font-size: 22px;
  }
}

/* Anchor the autocomplete dropdown (position:absolute, appended into the form)
   to the header search dialog form. */
.search-dialog-style-1 .search-dialog-form {
  position: relative;
}


/* ===========================================================================
   Mobile megamenu mirror (header.style_*) — re-show the cloned Menu widget's
   UL that the base ".mobile-menu-nav ul li ul { display:none }" rule hides,
   and reset list styling on the mirror columns. Completes the desktop->mobile
   megamenu clone wired up in the header templates.
   =========================================================================== */
/* ===========================================================================
   DAYA — Mobile megamenu mirror (header.style_1)
   Re-show the cloned Menu widget's UL that the base ".mobile-menu-nav ul li ul
   { display:none }" rule hides, and reset list styling on the mirror columns.
   =========================================================================== */
.mobile-menu.mobile-menu-style-1 .mobile-menu-nav-megamenu .mobile-megamenu-col > .mwPageBlock.Menu > .blockContents > ul {
  display: block;
}
.mobile-menu.mobile-menu-style-1 .mobile-menu-nav-megamenu .mobile-megamenu-sub,
.mobile-menu.mobile-menu-style-1 .mobile-menu-nav-megamenu .mobile-megamenu-col {
  list-style: none;
  margin: 0;
  padding: 0;
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 | Search results refine form + Header language (Google Translate) trigger
 |
 |-----------------------------------------------------------------------------------------
*/

/* The search-results refine forms (templates/search/default.php) are plain HTML
   <form><input><button> with no Morweb .input-inline wrapper, so the pill from
   the .search-form-style-1 widget rules never lands. Paint the pill on the form
   itself for the hero + empty-state variants. */
.search-form-style-1.sr-hero-form form,
.search-form-style-1.sr-empty-form form {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 6px 6px 24px;
  background-color: var(--white);
  border: 1px solid #d8dde3;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.search-form-style-1.sr-hero-form form:focus-within,
.search-form-style-1.sr-empty-form form:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 15%, transparent);
}
.search-form-style-1.sr-hero-form form > input[type="text"],
.search-form-style-1.sr-empty-form form > input[type="text"] {
  flex: 1 1 auto;
  min-width: 0;
}

/* Header "Translate" trigger (opens the Google Translate modal picker).
   Lives in the utility bar next to the search button; inherits the bar's
   text colour and shifts to the gold accent on hover. */
.header-translate {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.header-translate i { font-size: 15px; }
.header-translate:hover,
.header-translate:focus-visible { color: var(--secondary); }