@charset "UTF-8";
/*!
Theme Name: Ramod
Theme URI: http://zii.agency/wordpress/themes/
Author: Ulziibat Nansaltsog
Author URI: http://zii.agency
Description: WordPress Theme for Agency
Version: 1.0.1
Requires at least: 5.5
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ramod
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Generic
## Normalize
## Box Sizing
## Reset
## Shared
*/
:root {
  --spacing-64: 64px;
  --spacing-128: 128px;
}
@media only screen and (max-width: 960px) {
  :root {
    --spacing-64: 48px;
    --spacing-128: 96px;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --spacing-64: 36px;
    --spacing-128: 72px;
  }
}
@media only screen and (max-width: 599px) {
  :root {
    --spacing-64: 32px;
    --spacing-128: 64px;
  }
}

/*--------------------------------------------------------------
# Generic.
--------------------------------------------------------------*/
@font-face {
  font-family: Rubik;
  src: local("Rubik Medium"), local("Rubik-Medium"), url("assets/theme/fonts/Rubik-Medium.woff2") format("woff2"), url("assets/theme/fonts/Rubik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Rubik;
  src: local("Rubik Regular"), local("Rubik-Regular"), url("assets/theme/fonts/Rubik-Regular.woff2") format("woff2"), url("assets/theme/fonts/Rubik-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Rubik;
  src: local("Rubik Italic"), local("Rubik-Italic"), url("assets/theme/fonts/Rubik-Italic.woff2") format("woff2"), url("assets/theme/fonts/Rubik-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Rubik;
  src: local("Rubik Medium Italic"), local("Rubik-MediumItalic"), url("assets/theme/fonts/Rubik-MediumItalic.woff2") format("woff2"), url("assets/theme/fonts/Rubik-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* Normalize
 * normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
--------------------------------------------- */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Box Sizing
 * @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
--------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/* Reset
--------------------------------------------- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}

/* Shared
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
  margin-bottom: 30px;
}

ul,
ol,
dd {
  padding-left: 30px;
}

ul + h1,
ul + h2,
ol + h1,
ol + h2,
dl + h1,
dl + h2,
blockquote + h1,
blockquote + h2,
p + h1,
p + h2,
address + h1,
address + h2,
hr + h1,
hr + h2,
table + h1,
table + h2,
fieldset + h1,
fieldset + h2,
figure + h1,
figure + h2,
pre + h1,
pre + h2 {
  margin-top: 60px;
}
ul + h3,
ul + h4,
ol + h3,
ol + h4,
dl + h3,
dl + h4,
blockquote + h3,
blockquote + h4,
p + h3,
p + h4,
address + h3,
address + h4,
hr + h3,
hr + h4,
table + h3,
table + h4,
fieldset + h3,
fieldset + h4,
figure + h3,
figure + h4,
pre + h3,
pre + h4 {
  margin-top: 45px;
}
ul + h5,
ul + h6,
ol + h5,
ol + h6,
dl + h5,
dl + h6,
blockquote + h5,
blockquote + h6,
p + h5,
p + h6,
address + h5,
address + h6,
hr + h5,
hr + h6,
table + h5,
table + h6,
fieldset + h5,
fieldset + h6,
figure + h5,
figure + h6,
pre + h5,
pre + h6 {
  margin-top: 37.5px;
}

/*--------------------------------------------------------------
# Elements.
--------------------------------------------------------------*/
html,
body {
  background: #fff;
  font-family: Rubik, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizelegibility;
  color: #3c4043;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Rubik, sans-serif;
  color: #0f1d24;
}

/* Form
--------------------------------------------- */
input,
textarea,
select,
button,
.button {
  padding: 1rem 1.35rem;
  border: none;
  border-radius: 3px;
  outline: none;
  background-color: #fff;
  font-size: 0.9rem;
  color: #3c4044;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  font-weight: 400;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
.button:focus {
  outline: none;
}

::-moz-placeholder {
  opacity: 1;
}

input:disabled {
  opacity: 0.7;
}
input[type=search]:focus {
  outline-offset: 0;
}
input[type=search]:focus {
  outline-offset: 0;
}
.--is-scheme-dark input input[type=date]::-webkit-calendar-picker-indicator,
.--is-scheme-dark input input[type=month]::-webkit-calendar-picker-indicator,
.--is-scheme-dark input input[type=week]::-webkit-calendar-picker-indicator,
.--is-scheme-dark input input[type=time]::-webkit-calendar-picker-indicator,
.--is-scheme-dark input input[type=datetime]::-webkit-calendar-picker-indicator,
.--is-scheme-dark input input[type=datetime-local]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
input[type=email], input[type=url] {
  /*rtl:ignore*/
  direction: ltr;
}
input[type=checkbox], input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  top: 0.2rem;
  margin-right: 0.25rem;
  display: inline-flex;
}
input[type=checkbox]:disabled, input[type=radio]:disabled {
  opacity: 0.7;
}
input[type=checkbox] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
input[type=checkbox]:focus {
  outline-offset: 0;
}
input[type=checkbox]::after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==");
  background-size: contain;
  transition: opacity 0.3s ease-in-out;
}
input[type=checkbox]:checked::after {
  opacity: 1;
}
input[type=radio] {
  border-radius: 50%;
}
input[type=radio]::after {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  background-color: #3c4044;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
input[type=radio]:checked::after {
  opacity: 1;
}

textarea::placeholder,
input::placeholder {
  color: #3c4044;
  font-weight: 400;
}

select {
  position: relative;
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center right 1.05rem;
  padding-right: 3rem;
  max-width: 100%;
}
select::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  background-color: #0f1d24;
  color: #3c4044;
  cursor: pointer;
  font-weight: 500;
}
.button:disabled,
button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

a {
  color: #009b8e;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
a:hover {
  color: #00685f;
}

hr {
  border-top: none;
  border-bottom: 1px solid #000;
}

ul,
ol,
dl {
  margin-bottom: 30px;
  list-style-position: outside;
  line-height: 1.6;
}

ul,
ol {
  margin-left: 1.25rem;
}

code,
kbd,
pre,
samp {
  font-size: 14px;
}

pre {
  white-space: pre;
  overflow-x: auto;
  padding: 30px;
  border-radius: 2px;
  background-color: #f9f9f9;
}

table {
  width: 100%;
}
table thead {
  width: 100%;
}
table td,
table th {
  padding: 0.5rem 0.25rem;
}
table td:first-child,
table th:first-child {
  padding-left: 0;
}
table th {
  text-align: left;
}
table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

figure > a {
  display: block;
}
figure figcaption {
  opacity: 0.7;
  margin-top: 0.25rem;
}
figure figcaption a {
  border-bottom: 1px dotted;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Site.
--------------------------------------------- */
.site {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.site-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 0;
}

/* Container.
--------------------------------------------- */
.container {
  max-width: 1328px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
.container-small {
  max-width: 725px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.site.is-coming-soon {
  height: 100vh;
}
.site.is-coming-soon .site-bg {
  height: 80dvh;
  object-fit: cover;
}

.coming-soon {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  height: 100dvh;
}
.coming-soon div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.coming-soon div > svg {
  width: 150px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}
.coming-soon h1 {
  font-size: 20px;
}
.coming-soon p {
  margin: 0;
  margin-bottom: 12px;
  color: #3c4044;
  opacity: 0.7;
}
.coming-soon p:last-child {
  margin-top: 1rem;
  opacity: 1;
}
.coming-soon a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  line-height: 1;
  padding-right: 28px;
  border: 1px solid #0f1d24;
  color: #0f1d24;
  border-radius: 100px;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.coming-soon a:hover {
  background-color: #0f1d24;
  color: #fff;
}
.coming-soon a svg {
  width: 16px;
  height: auto;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.coming-soon a svg path {
  fill: currentcolor;
}

/* Header.
--------------------------------------------- */
.site-header {
  padding-top: 48px;
  position: relative;
}
.site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}
html.is-mobile-menu-open .site-header .container {
  z-index: 100;
}

.header-buttons {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media only screen and (max-width: 767px) {
  .header-buttons {
    gap: 16px;
  }
}
.header-menu-open {
  display: block;
}
.is-mobile-menu-open .header-menu-open {
  display: none;
}
.header-menu-close {
  display: none;
}
.is-mobile-menu-open .header-menu-close {
  display: block;
  z-index: 1000;
}
.header-button {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 1;
}
.header-button svg {
  width: 20px;
  height: 20px;
  position: relative;
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .header-button svg {
    width: 24px;
    height: 24px;
  }
}
.header-button.is-menu {
  border: none;
  background: transparent;
  border-radius: none;
  padding: 0.5rem;
  border-radius: 3px;
  border: 1px solid rgba(0, 155, 142, 0.2);
  display: none;
}
@media only screen and (max-width: 991px) {
  .header-button.is-menu {
    display: flex;
  }
}
.header-button.is-menu svg {
  stroke: #009b8e;
  color: #009b8e;
}
.header-button.is-login {
  color: #2a9dde;
}
@media only screen and (max-width: 767px) {
  .header-button.is-login span {
    display: none;
  }
  .header-button.is-login svg {
    width: 32px;
    height: 32px;
  }
}
.header-button.is-link {
  color: #009b8e;
  background-color: #ecf9f8;
  padding: 8px 24px;
  padding-right: 20px;
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .header-button.is-link {
    font-size: 15px;
  }
}
.header-button.is-link:hover svg {
  transform: translateX(3px);
}
@media only screen and (max-width: 599px) {
  .header-button.is-link {
    display: none;
  }
}

/* Branding.
--------------------------------------------- */
.branding {
  margin-left: 0;
  margin-right: 0;
}
.branding a {
  display: block;
}
.branding svg {
  width: 100%;
  height: auto;
  max-width: 160px;
}
.branding-name, .branding-description {
  display: none;
}

/* Menu Primary.
--------------------------------------------- */
.menu-primary {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .menu-primary {
    display: none;
  }
}
.menu-primary ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 24px;
}
.menu-primary ul li.current-menu-item a {
  padding: 8px 24px;
  background-color: #fff;
  border-radius: 100px;
}
.menu-primary a {
  color: #0f1d24;
  font-weight: 400;
  font-size: 14px;
}

.menu-item {
  position: relative;
}
.menu-item:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}

.sub-menu {
  position: absolute;
  left: -24px;
  top: auto;
  width: 400px;
  padding: 0;
  margin: 0;
  gap: 0;
  padding-top: 8px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}
.sub-menu ul {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.sub-menu ul li {
  width: 100%;
  position: relative;
}
.sub-menu ul li::after {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 1px;
  margin-left: 24px;
  margin-right: 24px;
  background-color: rgba(60, 64, 68, 0.1);
  bottom: 0;
}
.sub-menu ul li:last-child::after {
  display: none;
}
.sub-menu ul li a {
  display: flex;
  gap: 1rem;
  padding: 24px !important;
  color: #3c4044;
}
.sub-menu ul li a:hover {
  color: #009b8e;
}
.sub-menu-image {
  width: 32px;
  height: 32px;
}
.sub-menu-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex: 1;
}
.sub-menu-description {
  font-size: 12px;
  opacity: 0.7;
}

html.is-mobile-menu-open {
  position: fixed;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}

.header-mobile-menu {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 102px;
  padding-bottom: 2rem;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
html.is-mobile-menu-open .header-mobile-menu {
  visibility: visible;
  opacity: 1;
  z-index: 98;
}

.menu-mobile {
  display: none;
  height: 100%;
  z-index: 1;
  padding-top: 48px;
}
@media only screen and (max-width: 991px) {
  .menu-mobile {
    display: block;
  }
}
.menu-mobile-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  height: 100%;
}
.menu-mobile-list > li {
  border-top: 1px solid rgba(15, 29, 36, 0.05);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.menu-mobile-list > li > a {
  font-size: 2rem;
  font-weight: 300;
}
.menu-mobile-list > li .sub-menu {
  display: block;
  position: relative;
  opacity: 1;
  visibility: visible;
  left: unset;
  width: 100%;
  top: unset;
  max-width: 100%;
}
.menu-mobile-list > li .sub-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-mobile-list > li .sub-menu ul li {
  list-style: none;
}
.menu-mobile-list > li .sub-menu ul li a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Site Wrapper.
--------------------------------------------- */
.site-wrapper {
  position: relative;
  z-index: 1;
}

/* Site Content.
--------------------------------------------- */
.site-content.has-sidebar {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .site-content.has-sidebar {
    flex-direction: column;
  }
}
.site-content.has-left-sidebar {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1199px) {
  .site-content.has-left-sidebar {
    flex-direction: column;
  }
}

/* Site Main.
--------------------------------------------- */
.site-content.has-sidebar .site-main {
  max-width: 929.6px;
  width: 100%;
}
@media only screen and (max-width: 1599px) {
  .site-content.has-sidebar .site-main {
    max-width: 725px;
  }
}
@media only screen and (max-width: 1199px) {
  .site-content.has-sidebar .site-main {
    max-width: 100%;
  }
}

/* Footer.
--------------------------------------------- */
.site-footer {
  padding: 0;
  color: #fff;
  background-color: #0f1d24;
}
.site-footer .container > div:not(.c-cta) {
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .site-footer .container > div:not(.c-cta) {
    flex-direction: column-reverse;
  }
}
.site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .site-footer ul {
    width: 100%;
  }
}
.site-footer ul li {
  list-style: none;
  padding: 0;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .site-footer ul li {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .site-footer ul li:first-child {
    margin-left: 0;
    margin-right: auto;
  }
}
.site-footer ul li svg {
  width: 32px;
  height: 32px;
}
.site-footer ul li a {
  display: block;
}

.copyrights {
  margin-bottom: 0;
  margin-right: auto;
  opacity: 0.7;
}

.toc-link {
  margin-right: 32px;
  color: #fff;
  opacity: 0.7;
}
.toc-link:hover {
  color: #fff;
  opacity: 1;
}

.c-cta {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  max-width: 1088px;
  padding-top: 128px;
  padding-bottom: 128px;
}
@media only screen and (max-width: 960px) {
  .c-cta {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .c-cta {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media only screen and (max-width: 599px) {
  .c-cta {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.c-cta > * {
  transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.c-cta h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .c-cta h2 {
    font-size: 32px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}
@media only screen and (max-width: 499px) {
  .c-cta h2 {
    font-size: 24px;
  }
}
.c-cta p {
  margin-left: auto;
  margin-right: auto;
  max-width: 725px;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .c-cta p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 499px) {
  .c-cta p {
    font-size: 16px;
  }
}
.c-cta div {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media only screen and (max-width: 599px) {
  .c-cta div {
    flex-direction: column;
  }
}
.c-cta a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  gap: 16px;
  padding: 16px 42px;
  background: #fff;
  border-radius: 100px;
  color: #0f1d24;
}
.c-cta a.is-arrow {
  padding-right: 36px;
  color: #2a9dde;
}
.c-cta a.is-arrow svg {
  transform: translateX(0);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.c-cta a.is-arrow:hover svg {
  transform: translateX(4px);
}
.c-cta a.is-tel {
  color: #651382;
  flex-direction: row-reverse;
  padding-left: 36px;
}
.c-cta a.is-tel svg {
  transform: scale(1);
}
.c-cta a.is-tel:hover svg {
  transform: scale(1.1);
}
.c-cta svg {
  width: 24px;
  height: 24px;
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* Post Metas.
--------------------------------------------- */
.post-meta {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
}
.post-meta-category ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.post-meta-category ul li {
  display: none;
}
.post-meta-category ul li:first-child, .post-meta-category ul li:first-child:last-child {
  display: block;
}
.post-meta-category ul li a {
  display: block;
}
.post-meta-date .updated:not(.published) {
  display: none;
}

/* Singule.
--------------------------------------------- */
.single-header {
  padding-top: 150px;
  padding-bottom: 128px;
  text-align: center;
}
.single-header.is-hidden {
  display: none;
}
.single-title {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.single-title.is-hidden {
  display: none;
}
.single-excerpt {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.4;
  max-width: 800px;
  margin-bottom: 0;
  margin-top: 0;
}
.single-excerpt p {
  margin: 0;
}
.single-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.single-meta .post-meta {
  margin-right: 1rem;
  text-transform: unset;
  font-weight: 400;
  line-height: unset;
  font-size: 14px;
}
.single-meta .post-meta-date {
  opacity: 0.7;
}
.single-meta .post-meta-category a {
  padding: 6px 12px;
  background-color: #fff;
  color: #0f1d24;
  border-radius: 8px;
  line-height: 1.2;
}
.single-meta .post-meta-category a:hover {
  color: #009b8e;
}
.single-featured-image {
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 1328/632;
  object-fit: cover;
  margin-top: 64px;
}
.single-content {
  font-size: 16px;
  margin-bottom: 128px;
  margin-top: 128px;
}
.single-header + .single-content {
  margin-top: 0;
}

/* Singular.
--------------------------------------------- */
.page-header {
  padding-top: var(--spacing-128);
  padding-bottom: var(--spacing-128);
  text-align: center;
}
.page-header.is-hidden {
  display: none;
}
.page-title {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 16px;
}
.page-title.is-hidden {
  display: none;
}
.page-excerpt {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.4;
  max-width: 725px;
  margin-bottom: 0;
  margin-top: 0;
}
.page-featured-image {
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 1328/632;
  object-fit: cover;
  margin-top: var(--spacing-64);
  width: 100%;
}
.page-content {
  font-size: 16px;
  margin-bottom: var(--spacing-128);
  margin-top: var(--spacing-64);
}
.page-header:not(.is-hidden) + .page-content {
  margin-top: 0;
}

.story-list {
  background-color: #0a151a;
  color: #FFF;
  margin-top: var(--spacing-128);
  margin-bottom: calc(0 - var(--spacing-128));
  padding-bottom: var(--spacing-64);
  padding-top: var(--spacing-64);
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.story-list h2 {
  color: #FFF;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 48px;
}
@media only screen and (max-width: 960px) {
  .story-list h2 {
    font-size: 36px;
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .story-list h2 {
    font-size: 32px;
    margin-bottom: 42px;
  }
}
@media only screen and (max-width: 499px) {
  .story-list h2 {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
.story-list .article-item h3 a,
.story-list .article-link {
  color: #fff;
}
.story-list .article-item h3 a:hover,
.story-list .article-link:hover {
  color: #fff;
}
.story-list svg path {
  fill: #fff;
}
.story-list .article-row {
  margin-left: 0;
  margin-right: 0;
}
.story-list .article-column {
  padding-left: 0;
  padding-right: 0;
}
.story-list .js-story-slider {
  overflow: unset;
}

.featured-article-row {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-128);
}
.block-spacing.is-section .featured-article-row {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .featured-article-row {
    flex-direction: column;
    gap: 2rem;
  }
}
.featured-article-image {
  width: calc(66.666666% - 1rem);
  aspect-ratio: 600/450;
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .featured-article-image {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .featured-article-image {
    width: 100%;
  }
}
.featured-article-image a:not(.article-category),
.featured-article-image img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
}
.featured-article-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 64px;
  width: 33.333333%;
}
@media only screen and (max-width: 991px) {
  .featured-article-content {
    padding-left: 32px;
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .featured-article-content {
    width: 100%;
    padding-left: 0;
    align-items: center;
    text-align: center;
    margin-bottom: 1rem;
  }
}
.featured-article-content h2 {
  font-size: 24px;
  font-weight: medium;
  line-height: 1.2;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  .featured-article-content h2 {
    font-size: 20px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-article-content h2 {
    margin-left: auto;
    margin-right: auto;
  }
}
.featured-article-content h2 a {
  color: #101D24;
}
.featured-article-content h2 a:hover {
  color: #000;
}
.featured-article-content p {
  margin-bottom: 0;
  max-width: 400px;
}
.featured-article-content .article-link {
  background-color: #FFF;
  padding: 10px 24px;
  padding-right: 20px;
  border-radius: 100px;
  border: 2px solid #009B8E;
  color: #009B8E;
  margin-left: 0;
  margin-top: 1.5rem;
}
.featured-article-content .article-link svg path {
  fill: #009B8E;
}
.featured-article-content .article-link:hover {
  border-color: #3c4043;
}
.featured-article-content .article-link:hover svg path {
  fill: #3c4043;
}

.article-related {
  padding-bottom: var(--spacing-128);
}
.article-related-wrapper h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: var(--spacing-64);
  margin-top: var(--spacing-128);
  padding-top: var(--spacing-128);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .article-related-wrapper h2 {
    font-size: 36px;
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .article-related-wrapper h2 {
    font-size: 32px;
    margin-bottom: 42px;
  }
}
@media only screen and (max-width: 499px) {
  .article-related-wrapper h2 {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
.article-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
  row-gap: 64px;
}
.article-row.swiper-wrapper {
  flex-wrap: unset;
}
.js-story-slider .article-row {
  margin-left: 0;
  margin-right: 0;
}
.article-column {
  width: 33.333333%;
  padding-left: 16px;
  padding-right: 16px;
}
.js-story-slider .article-column {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 991px) {
  .article-column {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .article-column {
    width: 100%;
  }
}
.article-item {
  display: flex;
  flex-direction: column;
}
.article-item h3 {
  margin-top: 0;
  margin-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.article-item h3 a {
  color: #000;
}
.article-item p {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 16px;
}
.article-image {
  position: relative;
  aspect-ratio: 354/250;
  overflow: hidden;
  border-radius: 16px;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.article-story .article-image {
  aspect-ratio: 4/6;
}
.article-image:hover img {
  transform: scale(1.05);
}
.article-category {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: #FFF;
  z-index: 2;
  line-height: 1.3;
  color: #3c4043;
  font-weight: 600;
  font-size: 12px;
}
.article-img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  transform: scale(1);
  transition: transform 4s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 1;
}
.article-link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #3c4043;
  margin-left: 16px;
  font-weight: 600;
  font-size: 12px;
}
.article-link:hover {
  color: #000;
}
.article-link svg {
  width: 16px;
  height: 16px;
}
.article-story h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  padding: 3rem 2rem;
  font-size: 1.5rem;
  margin: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6979385504) 0%, rgba(0, 0, 0, 0.5662858894) 60%, rgba(0, 0, 0, 0) 100%);
}

.pagination-archive ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.pagination-archive ul a,
.pagination-archive ul span {
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: #0f1d24;
  border-radius: 100px;
  color: #fff;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0f1d24;
  font-weight: 500;
}
.pagination-archive ul span {
  background-color: #fff;
  color: #0f1d24;
}

/* Entry.
--------------------------------------------- */
/* Pagination.
--------------------------------------------- */
.pagination {
  display: block;
}

/* Password Form.
--------------------------------------------- */
.post-password-form label {
  display: none;
}

.tutor-wrap {
  padding-top: var(--spacing-128);
  padding-bottom: var(--spacing-128);
  max-width: calc(100% - 4rem);
  margin-left: 2rem;
  margin-right: 2rem;
}
@media only screen and (max-width: 767px) {
  .tutor-wrap {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.tutor-btn-primary {
  background-color: #2a9dde;
  border-color: #2a9dde;
}
.tutor-btn-primary:hover {
  background-color: #1d80b8;
  border-color: #1d80b8;
}

.tutor-login-wrap, #tutor-registration-wrap {
  background-color: #fff;
  padding: 2rem;
}

.lost_reset_password {
  margin-top: var(--spacing-128);
  margin-bottom: var(--spacing-128);
}

body .tutor-course-details-top,
body .tutor-course-details-ratings,
body .tutor-course-details-instructors {
  display: none;
}

.tutor-course-details-title {
  text-align: center;
  font-weight: normal;
  color: initial;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  margin-bottom: var(--spacing-64);
  display: flex;
  flex-direction: column-reverse;
}
.tutor-course-details-title span {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 16px;
  color: #0f1d24;
}
.tutor-course-details-title p {
  color: #3c4044;
}

.tutor-single-course-sidebar {
  position: sticky;
  top: var(--spacing-64);
}

.tutor-frontend-dashboard .tutor-container {
  max-width: 1328px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #fff;
  border-radius: 1rem;
  padding: var(--spacing-64);
}
@media only screen and (max-width: 767px) {
  .tutor-frontend-dashboard .tutor-container {
    padding: 3rem 2rem;
    border-radius: 0;
  }
}

.tutor-table {
  --tutor-table-border-radius: 0;
}
.tutor-table tr th {
  background: #FFF;
}
.tutor-table tr th:first-child,
.tutor-table tr td:first-child {
  border-left: none;
  padding-left: 1rem;
}
.tutor-table tr th:last-child,
.tutor-table tr td:last-child {
  border-right: none;
  padding-right: 1rem;
}

@media only screen and (max-width: 766px) {
  .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks {
    margin-right: 0;
  }
  .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks::before {
    display: none;
  }
}

.tutor-dashboard #tutor-dashboard-footer-mobile > div > div > a {
  display: none;
}
.tutor-dashboard #tutor-dashboard-footer-mobile > div > div > a:first-child, .tutor-dashboard #tutor-dashboard-footer-mobile > div > div > a:last-child {
  display: block;
  width: 50%;
}

.tutor-dashboard #tutor-dashboard-footer-mobile {
  padding: 0;
}
.tutor-dashboard #tutor-dashboard-footer-mobile .tutor-container {
  padding: 0;
  border-radius: 0;
  padding-top: 1rem;
}

.tutor-btn-primary {
  background-color: #2a9dde;
  border-color: #2a9dde;
}
.tutor-btn-primary:hover, .tutor-btn-primary:focus {
  background-color: #208fcf;
  border-color: #208fcf;
}

main.tutor-col-xl-8 {
  position: relative;
  z-index: 1;
}

aside.tutor-col-xl-4 {
  position: relative;
  z-index: 10;
}

.end-message {
  font-size: 0.8125rem;
  opacity: 0.6;
  line-height: 1.2;
  text-align: center;
  margin-top: 1rem;
}

.purchase-guide {
  display: none;
  width: 100%;
  max-width: 700px;
  background: #FFF;
  border-radius: 10px;
}
@media only screen and (max-width: 766px) {
  .purchase-guide {
    max-width: 90vw !important;
  }
}
.purchase-guide-text {
  margin-top: 1rem;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.2;
  color: rgba(60, 64, 68, 0.7);
}
.purchase-guide-text span {
  color: #2a9dde;
  font-weight: 600;
  cursor: pointer;
}
.purchase-guide img,
.purchase-guide figure {
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 5px;
}

.wc-block-checkout,
.woocommerce-cart .gutenberg-content > .woocommerce,
.woocommerce-checkout .gutenberg-content > .woocommerce,
.wp-block-woocommerce-cart {
  padding: var(--spacing-64) !important;
  background-color: #fff;
  border-radius: 1rem;
  max-width: 900px !important;
}

.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea {
  background-color: #fff;
  border: 1px solid rgba(15, 29, 36, 0.1);
  border-radius: 4px;
  padding: 1.5rem 2rem;
  height: auto;
  max-height: unset;
  width: 100%;
  margin: 0;
  font-size: 16px;
}
.woocommerce-input-wrapper input:hover, .woocommerce-input-wrapper input:focus,
.woocommerce-input-wrapper textarea:hover,
.woocommerce-input-wrapper textarea:focus {
  border: 1px solid #0f1d24;
}
.woocommerce-input-wrapper textarea {
  min-height: 10rem;
}

.woocommerce .col2-set {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-64);
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
  width: 100%;
  float: none;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last {
  width: 49%;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
  background-color: #009b8e;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:focus, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:focus, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:focus {
  background-color: #00685f;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background-color: rgba(0, 155, 142, 0.1);
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  background-color: #fff;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  display: none;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
  border-bottom-color: rgba(0, 155, 142, 0.1);
}

.woocommerce h2,
.woocommerce h3 {
  margin-bottom: 1rem;
  line-height: 1.2;
}

.woocommerce ul.order_details li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.woocommerce ul.order_details li strong {
  font-size: 1em;
}

.guide-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
body.guide-modal-open .guide-modal {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.guide-box {
  background-color: #fff;
  padding: 3rem;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  max-width: 500px;
  width: 100%;
  position: relative;
  transition: all 0.3s;
  max-height: 90dvh;
  overflow: auto;
}
@media only screen and (max-width: 575px) {
  .guide-box {
    max-width: 90vw;
    padding: 2rem;
  }
}
.guide-header {
  line-height: 1.2;
}
.guide-header h3 {
  font-size: 1.25rem;
  max-width: 300px;
}
.guide-content > p {
  font-size: 0.875rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
.guide-product {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.025);
  margin: 1.5rem 0;
  padding: 1rem 1.5rem;
}
.guide-product h3 {
  margin: 0;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 700;
}
.guide-duration {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.guide-price {
  font-size: 0.875rem;
}
.guide-price.has-opacity {
  opacity: 0.5;
}
.guide-price.has-opacity .is-regular {
  opacity: 1;
}
.guide-price.is-offer {
  color: #ec0008;
}
.guide-price.is-offer span {
  font-weight: 500;
}
.guide-price p {
  margin: 0;
}
.guide-price p.is-regular {
  opacity: 0.5;
}
.guide-price ins, .guide-price del {
  font-weight: 700;
}
.guide-form h3 {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.guide-form.is-success {
  display: none;
}
.guide-form > p {
  font-size: 0.875rem;
  margin: 0;
  margin-bottom: 1rem;
}
.guide-form legend {
  margin: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.guide-form input[type=text] {
  width: 100%;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 1rem;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.guide-form input[type=text].has-error {
  border-color: #ec0008;
}
.guide-form input[type=checkbox] {
  margin-right: 0.5rem;
  accent-color: #009b8e;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.guide-form input[type=checkbox].has-error {
  border-color: #ec0008;
}
.guide-form-submit {
  background-color: #009b8e;
  color: #fff;
  padding: 1rem 1.5rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s;
  margin-top: 1rem;
}
.guide-form-submit:hover {
  background-color: #00685f;
}
.guide-form-terms {
  display: flex;
  align-items: start;
}
.guide-form-validation {
  font-size: 0.8125rem;
  color: #ec0008;
  margin-top: 0.5rem !important;
  background-color: rgba(236, 0, 8, 0.05);
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
.guide-form-validation:empty {
  display: none;
}
.guide-terms {
  font-size: 0.875rem;
}
.guide-thanks {
  margin: 0;
  margin-top: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  max-width: 300px;
}
.guide-agreement {
  font-size: 0.875rem;
  margin-top: 1rem;
  text-align: center;
}
.guide-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
  color: #009b8e;
}
.guide-close:hover {
  transform: rotate(180deg);
}
.guide-close svg {
  width: 100%;
  height: auto;
}
.guide-payment {
  font-size: 0.875rem;
  display: none;
}
.guide-payment.is-ready {
  display: block;
}
.guide-payment h3 {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.guide-payment p {
  margin-bottom: 1rem;
}
.guide-payment p .fw-500 {
  font-weight: 500;
  color: #009b8e;
}
.guide-payment div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.guide-payment div.is-last {
  border-bottom: none;
}
.guide-payment div.is-price {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.guide-payment pre {
  padding: 0.25rem 0.5rem;
  font-family: monospace;
  border-radius: 5px;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1;
  user-select: all;
}
.guide-check {
  color: #009b8e;
  font-weight: 500;
  font-size: 0.8125rem;
  margin: 0;
}
.guide-footer {
  margin: -3rem;
  margin-top: 2rem;
  padding: 2rem 3rem;
  font-size: 0.8125rem;
  text-align: center;
  background-color: rgba(0, 155, 142, 0.05);
}
@media only screen and (max-width: 575px) {
  .guide-footer {
    margin: -2rem;
    margin-top: 1rem;
    padding: 1rem 2rem;
  }
}
.guide-footer p {
  margin: 0 auto;
  line-height: 1.3;
  max-width: 300px;
  color: #009b8e;
}
.guide-footer p a {
  font-weight: 500;
}

.topbar {
  background: #009b8e;
  color: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.topbar-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media only screen and (max-width: 575px) {
  .topbar-inner {
    flex-direction: column;
    gap: 1rem;
    justify-content: stretch;
    text-align: center;
  }
}
.topbar-inner p {
  margin: 0;
  font-size: 0.8125rem;
  flex: 1;
  line-height: 1.3;
}
.topbar-inner button {
  flex-shrink: 1;
  color: #009b8e;
  background-color: #ecf9f8;
  padding: 8px 24px;
  padding-right: 20px;
  border-radius: 100px;
  font-weight: 500;
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .topbar-inner button {
    width: 100%;
  }
}

.main-product-price {
  text-align: center;
  font-size: 1.15rem;
  margin-top: 1rem;
}
.main-product-price p {
  margin: 0;
  line-height: 1.1;
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.gutenberg-content::before, .gutenberg-content::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.gutenberg-content::after {
  clear: both;
}
.gutenberg-content:empty {
  display: none;
}
.gutenberg-content:empty::before, .gutenberg-content:empty::after {
  display: none;
}
.gutenberg-content > * {
  margin-top: 30px;
  margin-bottom: 30px;
}
.gutenberg-content > *:first-child, .gutenberg-content > *.alignleft, .gutenberg-content > *.alignright, .gutenberg-content > *.alignfull.has-background {
  margin-top: 0;
}
.gutenberg-content > *:last-child {
  margin-bottom: 0;
}
.gutenberg-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
  max-width: 725px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (max-width: 789px) {
  .gutenberg-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
    margin-left: 2rem;
    margin-right: 2rem;
    width: calc(100% - 4rem);
  }
}
.gutenberg-content > *.alignwide {
  max-width: 1328px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.gutenberg-content > *.alginfull {
  max-width: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
}
.gutenberg-content > *.alignleft {
  max-width: 362.5px;
  /*rtl:ignore*/
  margin-left: calc((100% - 725px) / 2);
  /*rtl:ignore*/
  margin-right: 30px;
  /*rtl:ignore*/
  float: left;
}
@media only screen and (max-width: 767px) {
  .gutenberg-content > *.alignleft {
    /*rtl:ignore*/
    margin-left: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .gutenberg-content > *.alignleft {
    float: none;
    width: 100%;
    max-width: 725px;
    margin-left: auto;
    margin-right: auto;
  }
}
.gutenberg-content > *.alignright {
  max-width: 362.5px;
  /*rtl:ignore*/
  margin-right: calc((100% - 725px) / 2);
  /*rtl:ignore*/
  margin-left: 30px;
  /*rtl:ignore*/
  float: right;
}
.site-content.has-sidebar .gutenberg-content > *.alignright {
  /*rtl:ignore*/
  margin-right: 102.3px;
}
@media only screen and (max-width: 1599px) {
  .site-content.has-sidebar .gutenberg-content > *.alignright {
    /*rtl:ignore*/
    margin-right: 69.1px;
  }
}
@media only screen and (max-width: 1199px) {
  .site-content.has-sidebar .gutenberg-content > *.alignright {
    /*rtl:ignore*/
    margin-right: calc((100% - 725px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .site-content.has-sidebar .gutenberg-content > *.alignright {
    /*rtl:ignore*/
    margin-left: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .site-content.has-sidebar .gutenberg-content > *.alignright {
    float: none;
    max-width: 725px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .gutenberg-content > *.alignright {
    /*rtl:ignore*/
    margin-left: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .gutenberg-content > *.alignright {
    float: none;
    max-width: 725px;
    margin-left: auto;
    margin-right: auto;
  }
}
.gutenberg-content > p + h1,
.gutenberg-content > p + h2,
.gutenberg-content > p + h3,
.gutenberg-content > p + h4,
.gutenberg-content > p + h5,
.gutenberg-content > p + h6,
.gutenberg-content > blockquote + h1,
.gutenberg-content > blockquote + h2,
.gutenberg-content > blockquote + h3,
.gutenberg-content > blockquote + h4,
.gutenberg-content > blockquote + h5,
.gutenberg-content > blockquote + h6,
.gutenberg-content > ul + h1,
.gutenberg-content > ul + h2,
.gutenberg-content > ul + h3,
.gutenberg-content > ul + h4,
.gutenberg-content > ul + h5,
.gutenberg-content > ul + h6,
.gutenberg-content > ol + h1,
.gutenberg-content > ol + h2,
.gutenberg-content > ol + h3,
.gutenberg-content > ol + h4,
.gutenberg-content > ol + h5,
.gutenberg-content > ol + h6,
.gutenberg-content > dl + h1,
.gutenberg-content > dl + h2,
.gutenberg-content > dl + h3,
.gutenberg-content > dl + h4,
.gutenberg-content > dl + h5,
.gutenberg-content > dl + h6,
.gutenberg-content > code + h1,
.gutenberg-content > code + h2,
.gutenberg-content > code + h3,
.gutenberg-content > code + h4,
.gutenberg-content > code + h5,
.gutenberg-content > code + h6,
.gutenberg-content > pre + h1,
.gutenberg-content > pre + h2,
.gutenberg-content > pre + h3,
.gutenberg-content > pre + h4,
.gutenberg-content > pre + h5,
.gutenberg-content > pre + h6 {
  margin-top: 60px;
}

.aligncenter {
  clear: both;
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.alignleft {
  /*rtl:ignore*/
  margin-right: 30px;
  /*rtl:ignore*/
  float: left;
}

.alignright {
  /*rtl:ignore*/
  margin-left: 30px;
  /*rtl:ignore*/
  float: right;
}

/* Paragraph.
--------------------------------------------- */
.has-drop-cap:not(:focus)::first-letter {
  line-height: 0.66;
  text-transform: uppercase;
  font-style: normal;
  float: left;
}

.has-drop-cap:not(:focus)::after {
  content: "";
  display: table;
  clear: both;
}

/* Image.
--------------------------------------------- */
.wp-block-image {
  text-align: left;
}
.wp-block-image figcaption {
  margin-top: 15px;
  margin-bottom: 30px;
}
.wp-block-image.is-style-rounded img {
  border-radius: 1rem !important;
}
.wp-block-image .alignright {
  /*rtl:ignore*/
  margin-left: 30px;
  /*rtl:ignore*/
  margin-right: 0;
}
.wp-block-image .alignleft {
  /*rtl:ignore*/
  margin-right: 30px;
  /*rtl:ignore*/
  margin-left: 0;
}

/* Quote.
--------------------------------------------- */
.wp-block-quote.is-style-large {
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
}
.wp-block-quote.is-style-large::before, .wp-block-quote.is-style-large::after {
  top: 30px;
}
.wp-block-quote.is-style-large p {
  font-style: normal;
  margin-bottom: 7.5px;
}
.wp-block-quote.is-style-large cite {
  font-style: normal;
}
.wp-block-quote.is-style-large cite em {
  font-style: normal;
}
.wp-block-quote.has-text-align-left {
  /*rtl:ignore*/
  padding-left: 40px;
}
.wp-block-quote.has-text-align-left::before {
  content: "“";
  position: absolute;
  /*rtl:ignore*/
  left: 0;
  top: 0;
  line-height: 1;
}
.wp-block-quote.has-text-align-right {
  /*rtl:ignore*/
  padding-right: 40px;
  position: relative;
}
.wp-block-quote.has-text-align-right::before {
  content: "”";
  /*rtl:ignore*/
  right: 0;
  /*rtl:ignore*/
  left: unset;
}
.wp-block-quote.has-text-align-center {
  padding-right: 40px;
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .wp-block-quote.has-text-align-center {
    padding-left: 0;
    padding-right: 0;
  }
}
.wp-block-quote.has-text-align-center::before {
  display: none;
}

/* Separator.
--------------------------------------------- */
.wp-block-separator {
  max-width: 725px;
  margin: 60px auto;
}
.wp-block-separator.aligncenter {
  max-width: 100px;
}
.wp-block-separator.is-style-wide {
  border-width: 2px;
}

/* Button.
--------------------------------------------- */
.wp-block-button__link {
  padding: 15px 30px;
}

.wp-block-separator.is-style-wide, .wp-block-separator.is-style-blue, .wp-block-separator.is-style-orange, .wp-block-separator.is-style-black, .wp-block-separator.is-style-cyan, .wp-block-separator.is-style-purple {
  max-width: 1328px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.block-title {
  text-align: center;
}
.block-title h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1088px;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 64px;
}
@media only screen and (max-width: 960px) {
  .block-title h2 {
    font-size: 36px;
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .block-title h2 {
    font-size: 32px;
    margin-bottom: 42px;
  }
}
@media only screen and (max-width: 499px) {
  .block-title h2 {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
.block-title h2:last-child {
  margin-bottom: 0;
}
.block-title p {
  font-size: 12px;
  opacity: 0.7;
  margin: 0;
}
.block-title.is-section h2 {
  margin-bottom: 0;
}
.block-title.is-section p {
  margin: 0;
  margin-top: 16px;
}
.block-title.is-section p.desc {
  margin-left: auto;
  margin-right: auto;
  max-width: 725px;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .block-title.is-section p.desc {
    font-size: 18px;
  }
}
@media only screen and (max-width: 499px) {
  .block-title.is-section p.desc {
    font-size: 16px;
  }
}

.logos {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  margin-top: 24px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 599px) {
  .logos {
    gap: 24px;
    margin-top: 16px;
  }
}
.logos img {
  object-fit: scale-down;
  object-position: center;
  width: auto;
  height: auto;
}
.logos img:first-child {
  max-width: 70px;
}
.logos img:nth-child(2) {
  max-height: 37px;
}
.logos img:nth-child(3) {
  max-width: 60px;
}
.logos img:last-child {
  max-width: 130px;
}

/* Serivces.
--------------------------------------------- */
.service {
  --item-index: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.service-gallery {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 16px;
  flex-basis: 25%;
  width: 100%;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  padding-bottom: 0;
  transition: opacity 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media only screen and (max-width: 1199px) {
  .service-gallery {
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .service-gallery {
    gap: 4px;
  }
}
.service-gallery.is-active {
  visibility: visible;
  opacity: 1;
  max-height: fit-content;
  padding-bottom: 64px;
}
@media only screen and (max-width: 767px) {
  .service-gallery.is-active {
    padding-bottom: 32px;
  }
}
.service-gallery-item {
  flex: 0 0 25%;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  visibility: hidden;
  opacity: 0;
  transform: translateY(128px) translateX(calc(256px * (-2 + var(--item-index)))) rotate(calc(10deg * (-2 + var(--item-index)))) scale(0.95);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-delay: calc(0.05s * var(--item-index));
  will-change: opacity, transform;
}
@media only screen and (max-width: 767px) {
  .service-gallery-item {
    transform: translateY(64px) translateX(calc(4px * (-2 + var(--item-index)))) rotate(calc(2deg * (-2 + var(--item-index)))) scale(0.95);
    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: calc(0.01s * var(--item-index));
  }
}
@media only screen and (max-width: 599px) {
  .service-gallery-item {
    border-radius: 8px;
  }
}
.service-gallery-item img {
  transition: transform 2.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: scale(1.5);
  transition-delay: calc(0.05s * var(--item-index));
}
.service-gallery.is-active .service-gallery-item {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0) rotate(0) scale(1);
}
.service-gallery.is-active .service-gallery-item img {
  transform: scale(1);
}
.service-gallery.is-active .service-gallery-item:hover img {
  transform: scale(1.05);
  transition: transform 4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-duration: 15s;
}
.service-gallery-item:nth-child(1) {
  flex: 0 0 29%;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 1199px) {
  .service-gallery-item:nth-child(1) {
    flex: 0 0 32%;
  }
}
@media only screen and (max-width: 599px) {
  .service-gallery-item:nth-child(1) {
    flex: 0 0 0%;
  }
}
.service-gallery-item:nth-child(2) {
  flex: 0 0 21%;
  aspect-ratio: 1/1;
  transform: translateY(64px) translateX(calc(256px * (-2 + var(--item-index)))) rotate(calc(10deg * (-2 + var(--item-index)))) scale(0.95);
}
@media only screen and (max-width: 1199px) {
  .service-gallery-item:nth-child(2) {
    flex: 0 0 25%;
  }
}
@media only screen and (max-width: 599px) {
  .service-gallery-item:nth-child(2) {
    flex: 0 0 32%;
    aspect-ratio: 3/4;
  }
}
.service-gallery-item:nth-child(3) {
  flex: 0 0 28%;
  aspect-ratio: 492/620;
  transform: translateY(32px) translateX(calc(256px * (-2 + var(--item-index)))) rotate(calc(10deg * (-2 + var(--item-index)))) scale(0.95);
}
@media only screen and (max-width: 1199px) {
  .service-gallery-item:nth-child(3) {
    flex: 0 0 35%;
  }
}
@media only screen and (max-width: 599px) {
  .service-gallery-item:nth-child(3) {
    flex: 0 0 50%;
  }
}
.service-gallery-item:nth-child(4) {
  flex: 0 0 21%;
  aspect-ratio: 372/461;
  transform: translateY(64px) translateX(calc(256px * (-2 + var(--item-index)))) rotate(calc(10deg * (-2 + var(--item-index)))) scale(0.95);
}
@media only screen and (max-width: 1199px) {
  .service-gallery-item:nth-child(4) {
    flex: 0 0 25%;
  }
}
@media only screen and (max-width: 599px) {
  .service-gallery-item:nth-child(4) {
    flex: 0 0 32%;
    aspect-ratio: 2.5/4;
  }
}
.service-gallery-item:nth-child(5) {
  flex: 0 0 29%;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 1199px) {
  .service-gallery-item:nth-child(5) {
    flex: 0 0 28%;
  }
}
@media only screen and (max-width: 599px) {
  .service-gallery-item:nth-child(5) {
    flex: 0 0 0%;
  }
}
.service-gallery-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-tab-gallery {
  width: 100%;
  overflow: hidden;
}
.service-tab-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid rgba(15, 29, 36, 0.1);
  margin-bottom: 32px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .service-tab-nav {
    border-bottom: none;
    gap: 6px;
    row-gap: 8px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.service-tab-nav > button {
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  padding-bottom: 32px;
  color: rgba(15, 29, 36, 0.3);
  font-weight: 400;
  font-size: 20px;
  background-image: linear-gradient(transparent, transparent);
  background-size: 0 2px;
  margin-bottom: -2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 1s cubic-bezier(0.165, 0.84, 0.44, 1), color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  will-change: background-size, color;
}
.service-tab-nav > button:hover {
  color: #0f1d24;
  background-size: 100% 2px, 100% 2px;
  background-image: linear-gradient(#0f1d24, #0f1d24), linear-gradient(transparent, transparent);
}
.service-tab-nav > button.is-active {
  transition: background-size 3s cubic-bezier(0.165, 0.84, 0.44, 1), color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  color: #2a9dde;
  background-size: 100% 2px, 100% 2px;
  background-image: linear-gradient(#2a9dde, #2a9dde), linear-gradient(transparent, transparent);
}
@media only screen and (max-width: 767px) {
  .service-tab-nav > button {
    padding: 10px 24px;
    font-size: 16px;
    border-radius: 100px;
    background: none;
    background-color: rgba(15, 29, 36, 0.03);
    transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .service-tab-nav > button:hover {
    color: #0f1d24;
    background: none;
    background-color: rgba(15, 29, 36, 0.03);
  }
  .service-tab-nav > button.is-active {
    background: none;
    background-color: #2a9dde;
    color: #fff;
    transition: background-size 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}
.service-tab-content > div {
  text-align: center;
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}
.service-tab-content > div p, .service-tab-content > div a {
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s;
}
.service-tab-content > div a {
  transition-delay: 0.2s;
}
.service-tab-content > div.is-active {
  visibility: visible;
  opacity: 1;
  max-height: fit-content;
  overflow: unset;
  transition: all 0s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.service-tab-content > div.is-active p,
.service-tab-content > div.is-active a {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.service-tab-content a {
  display: inline-flex;
  align-items: center;
  padding: 8px 24px 8px 20px;
  border-radius: 100px;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  color: #2a9dde;
  background-color: rgba(42, 157, 222, 0.1);
  transition: outline-color 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  will-change: outline-color;
  outline-offset: 0;
  outline: 1px solid transparent;
}
.service-tab-content a:hover {
  outline-color: rgba(42, 157, 222, 0.8);
}
.service-tab-content a:hover svg {
  transform: translateX(3px);
}
.service-tab-content svg {
  width: 20px;
  height: 20px;
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateX(0);
  will-change: transform;
}
.service-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 48px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1048px;
}
@media only screen and (max-width: 1199px) {
  .service-row {
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .service-row {
    gap: 64px;
  }
}
@media only screen and (max-width: 599px) {
  .service-row {
    gap: 32px;
  }
}
.service-column {
  width: calc(50% - 24px);
}
@media only screen and (max-width: 1199px) {
  .service-column {
    width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .service-column {
    width: 100%;
  }
}
.service-card {
  width: 100%;
}
.service-card-play {
  width: 56px;
  height: 56px;
  border-radius: 100px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-card-play svg {
  width: 24px;
  height: 24px;
}
.service-card-image {
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 500/300;
  position: relative;
  display: block;
}
@media only screen and (max-width: 599px) {
  .service-card-image {
    border-radius: 8px;
  }
}
.service-card-image.is-link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0f1d24;
  opacity: 0.1;
  z-index: 2;
  position: relative;
  transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.service-card-image.is-link img {
  z-index: 1;
  transform: scale(1);
  transition: transform 8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.service-card-image.is-link svg {
  transform: scale(1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.service-card-image.is-link:hover::after {
  opacity: 0.5;
}
.service-card-image.is-link:hover img {
  transform: scale(1.1);
}
.service-card-image.is-link:hover svg {
  transform: scale(1.2);
}
.service-card-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-card-content {
  text-align: center;
}
.service-card-content h3 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 599px) {
  .service-card-content h3 {
    margin-top: 16px;
  }
}
.service-card-content p {
  font-size: 14px;
  margin-top: 1rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 372px;
}
.service-card-content a {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  gap: 6px;
  color: #009b8e;
}
.service-card-content a svg {
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateX(0);
}
.service-card-content a:hover {
  color: #009b8e;
}
.service-card-content a:hover svg {
  transform: translateX(4px);
}
.service-card-content svg {
  width: 16px;
  height: 16px;
}

.block-wrapper {
  padding: var(--spacing-128) 0;
  background-color: #F1F6F8;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.block-wrapper:last-child, .block-wrapper.is-last {
  margin-bottom: calc(-1 * var(--spacing-128));
}

.block-register-header {
  text-align: center;
  margin-bottom: var(--spacing-64);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 600px;
}
.block-register-header h2 {
  font-weight: medium;
  text-align: center;
  font-size: 32px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .block-register-header h2 {
    font-size: 20px;
  }
}
.block-register-header p {
  text-align: center;
  font-size: 18px;
}
.block-register-notice {
  margin-bottom: 32px;
  font-size: 18px;
}
.block-register-date {
  display: flex;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(101, 19, 130, 0.1);
  padding: 24px;
  margin-bottom: 8px;
  border-radius: 8px;
}
@media only screen and (max-width: 575px) {
  .block-register-date {
    flex-direction: column;
    align-items: stretch;
  }
}
.block-register-date-value {
  font-weight: 700;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .block-register-date-value {
    font-size: 16px;
  }
}
.block-register-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  flex-grow: 1;
}
.block-register-text {
  font-size: 14px;
  opacity: 0.7;
  line-height: 1.2;
}
.block-register-button {
  background-color: #651382;
  color: #fff;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.block-register-button:hover {
  background-color: #54106c;
}
@media only screen and (max-width: 767px) {
  .block-register-button {
    margin-top: 12px;
    justify-content: space-between;
  }
}
.block-register-button:disabled span {
  display: block;
  text-align: center;
}
.block-register-button span {
  text-transform: uppercase;
}
.block-register-button svg {
  width: 16px;
  height: auto;
  margin-left: 12px;
}
.block-register-button svg path {
  fill: #fff;
}
.block-faq h2 {
  font-weight: medium;
  text-align: center;
  font-size: 32px;
  margin-bottom: var(--spacing-64);
}
@media only screen and (max-width: 767px) {
  .block-faq h2 {
    font-size: 20px;
  }
}
.block-faq h2 + details {
  padding-top: 0;
}
.block-faq details {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0;
  border-bottom: 1px solid rgba(42, 157, 222, 0.1);
}
.block-faq details:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.block-faq details > div {
  padding-top: 1rem;
}
@media only screen and (max-width: 767px) {
  .block-faq details > div {
    font-size: 14px;
  }
}
.block-faq details > div > *:last-child {
  margin-bottom: 0;
}
.block-faq details[open] svg {
  transform: rotate(180deg);
}
.block-faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.block-faq summary h3 {
  flex-grow: 1;
  margin: 0;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .block-faq summary h3 {
    font-size: 16px;
  }
}
.block-faq summary svg {
  width: 32px;
  height: auto;
  margin-left: 16px;
  margin-right: 0;
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media only screen and (max-width: 767px) {
  .block-faq summary svg {
    width: 24px;
  }
}
.block-plan {
  width: 100%;
}
.block-plan h2 {
  font-weight: medium;
  text-align: center;
  font-size: 32px;
  margin-bottom: var(--spacing-64);
}
@media only screen and (max-width: 767px) {
  .block-plan h2 {
    font-size: 20px;
  }
}
.block-plan-slider {
  overflow: visible;
  visibility: hidden;
}
.block-plan-slider.swiper-initialized {
  visibility: visible;
}
.block-plan-slider .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.block-plan-image {
  width: 48px;
  height: auto;
  margin-top: auto;
  position: relative;
}
.block-plan-image::after {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.block-plan-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: contain;
  object-position: center;
}
.block-plan-item {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  max-width: 40%;
}
@media only screen and (max-width: 1199px) {
  .block-plan-item {
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .block-plan-item {
    max-width: 60%;
  }
}
@media only screen and (max-width: 575px) {
  .block-plan-item {
    max-width: 90%;
  }
}
.block-plan-content {
  background-color: rgba(0, 155, 142, 0.1);
  border-radius: 8px;
  padding: 48px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 575px) {
  .block-plan-content {
    padding: 32px;
  }
}
.block-plan-content h3 {
  font-weight: medium;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .block-plan-content h3 {
    font-size: 16px;
  }
}
.block-plan-content p {
  margin: 0;
  font-size: 16px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .block-plan-content p {
    font-size: 14px;
  }
}
.block-media {
  width: 100%;
}
.block-media-image,
.block-media a {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .block-media-image,
  .block-media a {
    border-radius: 8px;
  }
}
.block-media-image::after,
.block-media a::after {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  content: "";
  display: block;
}
.block-media-image img,
.block-media a img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
.block-spacing.has-spacing.is-spacing-top.is-spacing-large {
  padding-top: var(--spacing-128);
}
.block-spacing.has-spacing.is-spacing-top.is-spacing-medium {
  padding-top: var(--spacing-64);
}
.block-spacing.has-spacing.is-spacing-bottom.is-spacing-large {
  padding-bottom: var(--spacing-128);
}
.block-spacing.has-spacing.is-spacing-bottom.is-spacing-medium {
  padding-bottom: var(--spacing-64);
}
.block-spacing.has-spacing.is-spacing-both.is-spacing-large {
  padding-top: var(--spacing-128);
  padding-bottom: var(--spacing-128);
}
.block-spacing.has-spacing.is-spacing-both.is-spacing-medium {
  padding-top: var(--spacing-64);
  padding-bottom: var(--spacing-64);
}
.block.is-last {
  margin-bottom: calc(-1 * var(--spacing-128));
}
.block-content-row {
  display: flex;
  gap: var(--spacing-64);
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1121px;
}
@media only screen and (max-width: 960px) {
  .block-content-row {
    flex-direction: column;
  }
}
.block-content-row.is-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 960px) {
  .block-content-row.is-reverse {
    flex-direction: column;
  }
}
.block-content-play {
  width: 56px;
  height: 56px;
  border-radius: 100px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-content-play svg {
  width: 24px;
  height: 24px;
}
.block-content-image {
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 600/450;
  position: relative;
  display: block;
  width: 53%;
}
@media only screen and (max-width: 960px) {
  .block-content-image {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .block-content-image {
    width: 100%;
    aspect-ratio: 500/300;
  }
}
@media only screen and (max-width: 599px) {
  .block-content-image {
    border-radius: 8px;
  }
}
.block-content-image.is-link::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0f1d24;
  opacity: 0.1;
  z-index: 2;
  position: relative;
  transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.block-content-image.is-link img {
  z-index: 1;
  transform: scale(1);
  transition: transform 8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.block-content-image.is-link svg {
  transform: scale(1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.block-content-image.is-link:hover::after {
  opacity: 0.5;
}
.block-content-image.is-link:hover img {
  transform: scale(1.1);
}
.block-content-image.is-link:hover svg {
  transform: scale(1.2);
}
.block-content-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-content-text {
  width: calc(47% - 64px);
}
@media only screen and (max-width: 960px) {
  .block-content-text {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .block-content-text {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }
}
.block-content-text.is-center {
  text-align: center;
}
.block-content-text h3 {
  font-size: 32px;
  font-weight: 500;
  color: #0f1d24;
  margin: 0;
  line-height: 1.1;
}
@media only screen and (max-width: 960px) {
  .block-content-text h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .block-content-text h3 {
    font-size: 20px;
  }
}
.block-content-text > div {
  font-size: 16px;
  color: #3c4044;
}
@media only screen and (max-width: 960px) {
  .block-content-text > div {
    font-size: 14px;
  }
}
.block-content-text > div p {
  margin: 0;
  margin-top: 16px;
}
@media only screen and (max-width: 960px) {
  .block-content-text > div p {
    margin-top: 12px;
  }
}
.block-content-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 1;
  margin-top: 24px;
  padding: 10px 24px;
  padding-right: 20px;
  border: 1.5px solid;
  color: #3c4044;
  border-radius: 100px;
}
.block-content-button svg {
  width: 20px;
  height: 20px;
  position: relative;
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateX(0);
}
.block-content-button svg path {
  fill: currentcolor;
}
@media only screen and (max-width: 767px) {
  .block-content-button svg {
    width: 24px;
    height: 24px;
  }
}
.block-content-button:hover {
  color: #0f1d24;
}
.block-content-button:hover svg {
  transform: translateX(3px);
}
.block-content-button.is-color-purple {
  color: #651382;
}
.block-content-button.is-color-blue {
  color: #2a9dde;
}
.block-content-button.is-color-red {
  color: #ec0008;
}
.block-content-button.is-color-orage {
  color: #f88502;
}
.block-content-button.is-color-emerald {
  color: #009b8e;
}
.block-icons-row {
  margin-left: auto;
  margin-right: auto;
  max-width: 944px;
  display: flex;
  justify-content: center;
  gap: 48px;
  text-align: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 960px) {
  .block-icons-row {
    max-width: 80%;
  }
}
@media only screen and (max-width: 599px) {
  .block-icons-row {
    max-width: 100%;
    gap: 32px;
  }
}
.block-icons-column {
  width: calc(25% - 36px);
}
@media only screen and (max-width: 960px) {
  .block-icons-column {
    width: calc(50% - 24px);
  }
}
@media only screen and (max-width: 349px) {
  .block-icons-column {
    width: calc(50% - 16px);
  }
}
@media only screen and (max-width: 349px) {
  .block-icons-column {
    width: 100%;
  }
}
.block-icons-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.block-icons-image {
  aspect-ratio: 1/1;
  position: relative;
  width: 32px;
  height: 32px;
}
.block-icons-img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: contain;
}
.block-icons p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}
.block-button a {
  font-size: 14px;
  line-height: 1;
  padding: 10px 24px;
  border: 1.5px solid;
  color: #3c4044;
  border-radius: 100px;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media only screen and (max-width: 575px) {
  .block-button a {
    font-size: 1rem;
    padding: 0.5rem 1.5rem;
  }
}
.block-button a.has-arrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-right: 20px;
}
.block-button a.has-arrow svg {
  width: 20px;
  height: 20px;
  position: relative;
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateX(0);
}
.block-button a:hover {
  background-color: #009b8e;
  color: white;
}
.block-button a.is-blue {
  background-color: #2a9dde;
  color: #fff;
}
.block-button a.is-blue:hover {
  background-color: #208fcf;
}
.block-button a.is-blue svg path {
  fill: #fff;
}
.block-button a.is-green {
  background-color: #009b8e;
  color: #fff;
}
.block-button a.is-green:hover {
  background-color: #008277;
}
.block-button a.is-green svg path {
  fill: #fff;
}
.block-button a.is-pink {
  background-color: #651382;
  color: #fff;
}
.block-button a.is-pink:hover {
  background-color: #54106c;
}
.block-button a.is-pink svg path {
  fill: #fff;
}
.block-button a.is-brown {
  background-color: #fbb14e;
  color: #fff;
}
.block-button a.is-brown:hover {
  background-color: #faa635;
}
.block-button a.is-brown svg path {
  fill: #fff;
}
.block-button a.is-black {
  background-color: #0f1d24;
  color: #fff;
}
.block-button a.is-black:hover {
  background-color: #080f12;
}
.block-button a.is-black svg path {
  fill: #fff;
}
.block-button a.is-red {
  background-color: #ec0008;
  color: #fff;
}
.block-button a.is-red:hover {
  background-color: #d30007;
}
.block-button a.is-red svg path {
  fill: #fff;
}
.block-contact .container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-128);
}

.gallery-row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-64);
  margin-top: calc(-1 * var(--spacing-64));
}
.gallery-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.gallery-filter button {
  border-radius: 100px;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0.75rem 1.75rem;
  background-color: #ecf9f8;
  color: #009b8e;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media only screen and (max-width: 575px) {
  .gallery-filter button {
    font-size: 1rem;
    padding: 0.5rem 1.5rem;
  }
}
.gallery-filter button:hover {
  background-color: #009b8e;
  color: white;
}
.gallery-filter button.is-active {
  background-color: #0f1d24;
  color: white;
}
.gallery-images {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.gallery-image {
  display: block;
  width: 33.333333%;
  padding: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .gallery-image {
    width: 50%;
  }
}
@media only screen and (max-width: 399px) {
  .gallery-image {
    width: 100%;
  }
}
.gallery-images:not(.temp) .gallery-image a {
  visibility: visible;
}
.gallery-image a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  visibility: hidden;
}
.gallery-image a svg {
  position: absolute;
  width: 3rem;
  height: 3rem;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  left: 50%;
  top: 50%;
  z-index: 3;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.gallery-image a svg path {
  fill: #fff;
}
.gallery-image a img {
  z-index: 0;
  position: relative;
  transition: transform 2.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: scale(1);
}
.gallery-image a::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(15, 29, 36, 0.4);
  opacity: 0;
  z-index: 2;
  transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.gallery-image a:hover svg {
  transform: scale(1);
  opacity: 1;
}
.gallery-image a:hover img {
  transform: scale(1.2);
}
.gallery-image a:hover::after {
  opacity: 1;
}

.contact-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .contact-top {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
}
.contact-map {
  width: 50%;
  aspect-ratio: 4/3;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .contact-map {
    width: 100%;
    aspect-ratio: 16/9;
    margin-bottom: var(--spacing-64);
  }
}
.contact-map iframe {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  border-radius: 8px;
  position: absolute;
  inset: 0;
}
.contact-address {
  padding-left: 4rem;
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .contact-address {
    width: 100%;
    padding-left: 0;
  }
}
.contact-address p {
  margin: 0;
  display: flex;
  gap: 0.25rem;
  font-size: 16px;
  align-items: center;
}
.contact-address p svg {
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
}
.contact-address a {
  color: #0f1d24;
}
.contact-address a:hover {
  color: #009b8e;
}
.contact-location {
  margin-bottom: 1rem;
}
.contact-location address {
  font-style: normal;
  font-size: 16px;
  margin: 0;
}
.contact-form {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .contact-form {
    width: 100%;
    min-width: 100%;
  }
}
.contact-form h2 {
  text-align: center;
  color: #009b8e;
  font-size: 2rem;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 991px) {
  .contact-form h2 {
    text-align: left;
  }
}
.contact-form form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contact-form p {
  margin: 0;
}
.contact-form p span span {
  font-size: 12px;
  margin-top: 2px;
}
.contact-form input,
.contact-form textarea {
  background-color: #fff;
  border: 1px solid rgba(15, 29, 36, 0.1);
  border-radius: 4px;
  padding: 1.5rem 2rem;
  height: auto;
  max-height: unset;
  width: 100%;
  margin: 0;
  font-size: 16px;
}
.contact-form input:hover, .contact-form input:focus,
.contact-form textarea:hover,
.contact-form textarea:focus {
  border: 1px solid #0f1d24;
}
.contact-form .wpcf7-submit {
  background-color: #009b8e;
  color: #fff;
}
.contact-form .wpcf7-submit:hover {
  background-color: #0f1d24;
}
.contact-form .wpcf7-spinner {
  display: none;
}
.contact-form .wpcf7-response-output {
  padding: 1.5rem 2rem;
  border: 1px solild #009b8e;
  border-radius: 4px;
}

#register_modal {
  overflow: hidden;
  width: 100%;
  max-width: 700px;
  border-radius: 16px;
  padding: 48px;
}
#register_modal h2 {
  color: #009b8e;
  font-size: 2rem;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 991px) {
  #register_modal h2 {
    text-align: left;
  }
}
#register_modal form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#register_modal p {
  margin: 0;
}
#register_modal p span span {
  font-size: 12px;
  margin-top: 2px;
}
#register_modal input,
#register_modal textarea,
#register_modal select {
  background-color: #fff;
  border: 1px solid rgba(15, 29, 36, 0.1);
  border-radius: 4px;
  padding: 1.5rem 2rem;
  height: auto;
  max-height: unset;
  width: 100%;
  margin: 0;
  font-size: 16px;
}
#register_modal input:hover, #register_modal input:focus,
#register_modal textarea:hover,
#register_modal textarea:focus,
#register_modal select:hover,
#register_modal select:focus {
  border: 1px solid #0f1d24;
}
#register_modal select {
  display: none;
}
#register_modal .wpcf7-submit {
  background-color: #009b8e;
  color: #fff;
  margin-top: 1rem;
}
#register_modal .wpcf7-submit:hover {
  background-color: #0f1d24;
}
#register_modal .wpcf7-spinner {
  display: none;
}
#register_modal .wpcf7-response-output {
  padding: 1.5rem 2rem;
  border: 1px solild #009b8e;
  border-radius: 4px;
}

/*# sourceMappingURL=style.css.map */