@charset "UTF-8";
/*!
Theme Name: Rodio
Theme URI: http://gfxpartner.com/rodio/
Author: GFXPARTNER
Author URI: https://themeforest.net/user/gfxpartner
Description: Rodio is the best Creative Multipurpose WordPress Theme
Version: 1.0.11
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rodio
Domain Path: /inc/languages
Tags: flexible-header, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
:root {
  --color-primary: #0099ff;
  --color-primary-light: #d0ecff;
  --color-primary-light-2: #6dc5ff;
  --color-primary-light-3: rgba(0,153,255,.6);
  --color-paragraph: #4e5055;
  --color-paragraph-1: #6a727f;
  --color-paragraph-2: #787c84;
  --color-dark: #141b25;
  --color-dark-rgba-60: rgba(20,27,37,.6);
  --color-dark-2: #1b2330;
  --color-dark-3: #1f2734;
  --color-grey: #dde2e9;
  --color-grey-1: #f1f4f8;
  --color-grey-2: #eeeeee;
  --color-white: #ffffff;
  --color-white-rgba-6: rgba( 255, 255, 255, .6 );
  --color-black: #000000;
  --color-black-1: #101721;
  --color-black-2: #141a25;
  --color-error: #d74546;
  --color-warning: #ff9f00;
  --color-success: #61b931;
  --color-copyright: #54595F;
  --color-navigation-border: #797F87;
  --color-stripe-table-row: #f0f0f0;
  --color-white-60: rgba(255,255,255,.1);
}

:root {
  --paragraph-size: 1.6rem;
  --paragraph-weight: 500;
  --paragraph-line-height: 1.8;
}

:root {
  --border-radius: 10px;
  --column-width: 1170px;
  --blog-detail-thumbnail-height: 44.5rem;
}

.elementor-social-icon::before, .team-member-content li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  display: block;
  background-color: var(--color-primary);
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transform-origin: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  z-index: -1;
  opacity: 0;
}

.elementor-social-icon:hover::before, .team-member-content li:hover a::before, .team-member-content li:focus a::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  font-family: "Spartan", sans-serif;
}
body.custom-scrollbar {
  overflow: hidden;
}
body.custom-scrollbar > .os-scrollbar.hamburger-shown {
  visibility: hidden;
}
body.custom-scrollbar > .os-scrollbar.os-scrollbar-vertical {
  width: 13px;
}
@media (max-width: 991px) {
  body.custom-scrollbar > .os-scrollbar.os-scrollbar-vertical {
    width: 8px;
  }
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  --color: var(--color-primary);
  --hover-color: var(--color-dark);
  background-color: var(--color);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background-color: var(--hover-color);
}

body:not(.elementor-page) .elementor-icon {
  display: inline-flex !important;
}

.main-wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 991px) {
  .has-large-font-size {
    font-size: 24px !important;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: var(--column-width);
  }
}
.glightbox-container + .elementor-lightbox {
  display: none !important;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0;
  font-weight: 600;
}

h1 {
  font-size: 6rem;
  line-height: 8rem;
}

h2 {
  font-size: 5rem;
  line-height: 7rem;
}

h3 {
  font-size: 4.5rem;
  line-height: 6.5rem;
}

h4 {
  font-size: 4rem;
  line-height: 6rem;
}

h5 {
  font-size: 3.5rem;
  line-height: 5.5rem;
}

h6 {
  font-size: 3rem;
  line-height: 5rem;
}

.image-box-content .content a, .wp-block-embed__wrapper, .blog-detail-content-wrapper > div, .blog-detail-content-wrapper a, figure figcaption, .widget.widget_rss li .rssSummary, dd, cite, address, code, pre, .elementor-widget-text-editor, p {
  font-size: var(--paragraph-size);
  font-weight: var(--paragraph-weight);
  line-height: var(--paragraph-line-height);
  color: var(--color-paragraph);
}

.elementor-widget-text-editor * {
/*   font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important; */
}

code {
  display: inline-block;
  background-color: var(--color-grey-2);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
}

address {
  font-style: italic;
}

strong {
  color: var(--color-dark);
}

.default-footer .logo-text.logo, .site-header .logo-text.logo {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  color: var(--color-white);
}
.default-footer .logo a, .site-header .logo a {
  color: inherit;
}

@media (max-width: 991px) {
  .has-drop-cap:first-letter {
    font-size: 4.5rem !important;
  }
}

.has-background {
  border-radius: var(--border-radius);
}

.wp-block-preformatted {
  white-space: revert;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

.wp-block-quote.is-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p, blockquote:not(.twitter-tweet) p {
  font-size: 2rem;
  line-height: 4rem;
  font-weight: 600;
  color: var(--color-dark);
  font-style: italic;
}

blockquote:not(.twitter-tweet) {
  padding: 5.5rem !important;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--color-grey-1);
}
blockquote:not(.twitter-tweet) * {
  z-index: 10;
  position: relative;
}
blockquote:not(.twitter-tweet) code {
  background-color: var(--color-white);
}
blockquote:not(.twitter-tweet)::before {
  content: "“";
  display: block;
  font-size: 40rem;
  line-height: 0;
  font-weight: bold;
  color: var(--color-primary);
  position: absolute;
  top: 20rem;
  left: 0;
  opacity: 0.2;
  z-index: 1;
}
@media (max-width: 991px) {
  blockquote:not(.twitter-tweet)::before {
    font-size: calc(20rem + 20 * (100vw - 250px) / 1150);
    top: calc(10rem + 10 * (100vw - 250px) / 1150);
  }
}
@media (max-width: 991px) {
  blockquote:not(.twitter-tweet) {
    padding: 3rem !important;
  }
}

.wp-block-column blockquote:not(.twitter-tweet) {
  padding: 2.5rem !important;
}

.wp-block-pullquote.is-style-solid-color {
  padding: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote {
  margin: 0;
  max-width: 100%;
}

cite {
  font-size: 1.5rem;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  border-radius: var(--border-radius);
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
  font-size: var(--paragraph-size);
  font-weight: var(--paragraph-weight);
  line-height: var(--paragraph-line-height);
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 4.4rem;
  color: var(--color-dark);
}

dd {
  margin: 0 1.5em 1.5em;
}

.pagination-container span, .pagination-container a, .pagination li, .page-links span, .page-links a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-paragraph) !important;
  fill: var(--color-paragraph);
  background-color: var(--color-grey-1);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pagination-container span:hover, .pagination-container a:hover, .pagination li:hover, .page-links span:hover, .page-links a:hover, .pagination-container span:focus, .pagination-container a:focus, .pagination li:focus, .page-links span:focus, .page-links a:focus {
  color: var(--color-white) !important;
  background-color: var(--color-dark);
}

.pagination-container .current, .pagination li *.current, .page-links .current {
  color: var(--color-white) !important;
  background-color: var(--color-dark);
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

.wp-block-media-text figure {
  height: 100%;
}
.wp-block-media-text figure img {
  height: 100%;
  object-fit: cover;
}
.wp-block-media-text .has-large-font-size {
  font-size: 2.5rem !important;
}
@media (max-width: 991px) {
  .wp-block-media-text {
    grid-template-columns: auto;
    grid-template-rows: 1fr 1fr;
  }
  .wp-block-media-text .wp-block-media-text__content {
    grid-column: auto;
    grid-row: 2;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.mejs-container,
.mejs-container .mejs-controls {
  border-radius: calc(var(--border-radius) / 2);
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
  background-color: var(--color-primary) !important;
}

.wp-block-audio audio {
  min-width: unset;
}

.table-wrapper {
  border-radius: calc(var(--border-radius) / 2);
  max-width: 100%;
  overflow: auto;
}

.table-outer-wrapper > caption {
  display: block;
}

.wp-block-table.is-style-stripes .table-wrapper {
  border-color: var(--color-stripe-table-row);
}

.wp-block-calendar tbody td, .wp-block-calendar th {
  padding: 1rem 1rem 0.4rem 1rem;
}

table {
  width: 100%;
  max-width: 100%;
  word-break: normal !important;
  border-style: hidden;
}
table * {
  word-break: normal !important;
}
table th,
table td {
  border: 1px solid var(--color-grey);
  padding: 1rem;
}
table th {
  border-color: var(--color-primary);
  padding: 1rem 1rem 0.4rem 1rem;
}
table td {
  background-color: var(--color-white);
}
table thead th {
  background-color: var(--color-primary);
  font-weight: 700;
  color: var(--color-white);
}
table thead th a {
  color: inherit;
}
table th a,
table td a {
  color: var(--color-dark);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
table th a:hover,
table td a:hover {
  color: var(--color-dark);
}
table thead th {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-white);
  background: var(--color-primary) !important;
}
table tbody td, table tbody th {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-paragraph);
}
table tbody th {
  border: 1px solid var(--color-grey);
}
table tbody tr {
  height: 3rem;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
  text-decoration: none;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
.wp-block-search__button, #cancel-comment-reply-link, .comment-list .comment--content .reply-button a,
.comment-list .children--content .reply-button a, .button {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  fill: var(--color-white) !important;
  border-radius: var(--border-radius);
  --button-padding-vertical-top: 2.3rem;
  --button-padding-vertical-bottom: 2.3rem;
  --button-padding-horizontal: 5rem;
  padding: var(--button-padding-vertical-top) var(--button-padding-horizontal) var(--button-padding-vertical-bottom) var(--button-padding-horizontal);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  line-height: normal;
  transition: all 0.25s ease, color 0.1s ease;
}
.wp-block-search__button .button-inner, #cancel-comment-reply-link .button-inner, .comment-list .comment--content .reply-button a .button-inner,
.comment-list .children--content .reply-button a .button-inner, .button .button-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  color: inherit;
  fill: inherit;
  margin: 0 auto;
  transition: all 0.25s ease, color 0s ease;
}
.wp-block-search__button span, #cancel-comment-reply-link span, .comment-list .comment--content .reply-button a span,
.comment-list .children--content .reply-button a span, .button span {
  display: inline-block;
  color: inherit;
  transition: transform 0.25s ease, color 0s ease;
  margin: 0 auto;
  padding-top: 0.1rem;
}
.wp-block-search__button .icon, #cancel-comment-reply-link .icon, .comment-list .comment--content .reply-button a .icon,
.comment-list .children--content .reply-button a .icon, .button .icon {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transform: translateX(-20px);
  visibility: hidden;
  color: inherit;
  fill: inherit;
  transition: transform 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, color 0s ease;
  max-height: 100%;
  vertical-align: baseline;
}
.wp-block-search__button:hover, #cancel-comment-reply-link:hover, .comment-list .comment--content .reply-button a:hover,
.comment-list .children--content .reply-button a:hover, .button:hover, .wp-block-search__button:focus, #cancel-comment-reply-link:focus, .comment-list .comment--content .reply-button a:focus,
.comment-list .children--content .reply-button a:focus, .button:focus, .wp-block-search__button:active, #cancel-comment-reply-link:active, .comment-list .comment--content .reply-button a:active,
.comment-list .children--content .reply-button a:active, .button:active {
  background-color: var(--color-dark);
}
.wp-block-search__button:hover span, #cancel-comment-reply-link:hover span, .comment-list .comment--content .reply-button a:hover span,
.comment-list .children--content .reply-button a:hover span, .button:hover span, .wp-block-search__button:focus span, #cancel-comment-reply-link:focus span, .comment-list .comment--content .reply-button a:focus span,
.comment-list .children--content .reply-button a:focus span, .button:focus span, .wp-block-search__button:active span, #cancel-comment-reply-link:active span, .comment-list .comment--content .reply-button a:active span,
.comment-list .children--content .reply-button a:active span, .button:active span {
  transform: translateX(-20px);
}
.wp-block-search__button:hover .icon, #cancel-comment-reply-link:hover .icon, .comment-list .comment--content .reply-button a:hover .icon,
.comment-list .children--content .reply-button a:hover .icon, .button:hover .icon, .wp-block-search__button:focus .icon, #cancel-comment-reply-link:focus .icon, .comment-list .comment--content .reply-button a:focus .icon,
.comment-list .children--content .reply-button a:focus .icon, .button:focus .icon, .wp-block-search__button:active .icon, #cancel-comment-reply-link:active .icon, .comment-list .comment--content .reply-button a:active .icon,
.comment-list .children--content .reply-button a:active .icon, .button:active .icon {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
@media (max-width: 991px) {
  .wp-block-search__button, #cancel-comment-reply-link, .comment-list .comment--content .reply-button a,
  .comment-list .children--content .reply-button a, .button {
    --button-padding-horizontal: 3rem;
  }
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
}

.icon-submit {
  background-color: transparent;
  border: 3px solid var(--color-primary);
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  font-size: 3rem;
  color: var(--color-primary);
  padding: 0;
  margin: 3.4rem 0 0 0;
}
@media (max-width: 991px) {
  .icon-submit {
    width: 6rem;
    height: 6rem;
    font-size: 2.4rem;
  }
}

.icon-submit-1 {
  padding: 0;
  font-size: 2rem;
  background-color: transparent;
  color: var(--color-primary) !important;
}

.wp-block-button__link,
.blog-detail-content-wrapper .wp-block-button__link,
.wp-block-file .wp-block-file__button {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 3rem;
  border-radius: var(--border-radius);
  padding: 1rem 2rem 0.7rem 2rem;
  color: var(--color-white);
}

label, textarea, input:not([type=submit]):not([type=checkbox]):not([type=radio]), .form-control {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-paragraph);
  border-radius: none;
  border: 0;
  border-bottom: 1px solid var(--color-grey);
  background-color: transparent;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
label:focus, textarea:focus, input:focus:not([type=submit]):not([type=checkbox]):not([type=radio]), .form-control:focus, label:focus-visible, textarea:focus-visible, input:focus-visible:not([type=submit]):not([type=checkbox]):not([type=radio]), .form-control:focus-visible {
  box-shadow: none;
  border-color: var(--color-primary);
  outline: none;
}

.form-floating {
  height: 100%;
}

.form-control {
  height: 100%;
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  height: 4.8rem;
}

textarea {
  width: 100%;
  resize: none;
  max-height: 100%;
  padding: 0.375rem 0.75rem;
}
textarea.wpcf7-textarea {
  height: 15rem;
}

label {
  border: none;
}

.form-floating > .form-control ~ label,
.form-floating > .form-control ~ label,
.form-floating > .form-select ~ label {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-2rem) translateX(0.15rem);
  top: 0;
}

.wpcf7 form.invalid .footer-form .wpcf7-not-valid, .contact-form .wpcf7-not-valid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff9f00'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.contact-form {
  margin-top: -2rem;
}
.contact-form input {
  margin-top: 2rem;
}
.contact-form textarea {
  margin-top: 3rem;
}
.contact-form .wpcf7-not-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.contact-form .wpcf7-not-valid-tip {
  display: none;
}
.contact-form .wpcf7 form .wpcf7-response-output {
  width: 100%;
  background-color: var(--color-primary);
  border: none;
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-size: 1.4rem;
  font-weight: 500;
  text-align: left;
  padding: 2rem 2rem 1.7rem 2rem;
  margin-left: 0;
}
.contact-form .wpcf7 form.invalid .wpcf7-response-output {
  background-color: var(--color-warning);
}
.contact-form .wpcf7 form.failed .wpcf7-response-output {
  background-color: var(--color-error);
}
.contact-form .wpcf7 form.success .wpcf7-response-output {
  background-color: var(--color-success);
}

.footer-form {
  position: relative;
}
.footer-form .icon-submit-1 {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.footer-form br {
  display: none;
}
.footer-form .form-control {
  background-position: right 2.2rem center;
}
.footer-form .wpcf7-not-valid {
  background-image: unset;
  background-position: right 2.2rem center;
  background-size: 2rem 2rem;
}

.wpcf7 form.invalid .footer-form .icon-submit-1 {
  opacity: 0;
}
.wpcf7-spinner {
  display: none;
}

.reveal {
  position: relative;
  cursor: pointer;
  background-color: var(--color-primary);
  border-radius: 50%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  --size: 20px;
  --width: calc(var(--size) * 0.6);
  --height: calc(var(--size) * 0.1);
  width: var(--size);
  height: var(--size);
}
.reveal::after, .reveal::before {
  position: absolute;
  display: inline-block;
  background-color: var(--color-black);
  content: "";
  width: 10px;
  height: 2px;
  width: var(--width);
  height: var(--height);
  top: calc(var(--size) / 2);
  left: 10px;
  transform: translate(-10px, -10px);
  transition: transform 0.5s ease;
  border-radius: 3px;
}
.reveal:not(.plus)::after {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px) rotate(90deg);
}
.reveal:not(.plus)::before {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px);
}
.reveal.plus {
  background-color: var(--color-paragraph-1);
}
.reveal.plus::before, .reveal.plus::after {
  background-color: var(--color-dark);
}
.reveal.plus::after {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px) rotate(180deg);
}
.reveal.plus::before {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px) rotate(-180deg);
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.search-wrapper {
  padding: 15rem 0;
}
@media (max-width: 991px) {
  .search-wrapper {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .search-wrapper {
    padding: 50px 15px 50px 15px;
  }
}
.search .pagination {
  margin-top: 5rem;
}
@media (max-width: 991px) {
  .search .pagination {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.search .col-lg-12 .pagination {
  width: 100%;
}
.search .col-lg-12 .pagination ul {
  margin-left: auto;
  margin-right: auto;
}

.search-error {
  text-align: center;
}
.search-error .icon {
  width: 12rem;
  height: 12rem;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-primary);
  border-radius: var(--border-radius);
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-error .icon svg {
  height: 5rem;
  fill: var(--color-white);
}
.search-error .heading {
  margin-top: 4.3rem;
}
.search-error .heading::after {
  margin-left: auto;
  margin-right: auto;
}
.search-error p {
  margin-top: 3.5rem;
  padding: 0 10%;
}
@media (max-width: 991px) {
  .search-error p {
    padding: 0;
  }
}
.search-error .search-form {
  background-color: var(--color-grey-1);
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.5rem;
}
.search-error .button {
  margin-top: 3rem;
}
@media (max-width: 991px) {
  .search-error .button {
    width: 100%;
  }
}

@media (max-width: 991px) {
  body:not(.elementor-page) .blog-detail-content-wrapper h1, .comment-list .comment--content h1,
  .comment-list .children--content h1, .default-page .entry-content h1 {
    font-size: calc(3.8rem + 2.2 * (100vw - 250px) / 741);
    line-height: calc(6rem + 2 * (100vw - 250px) / 741);
  }
  body:not(.elementor-page) .blog-detail-content-wrapper h2, .comment-list .comment--content h2,
  .comment-list .children--content h2, .default-page .entry-content h2 {
    font-size: calc(3.5rem + 1.5 * (100vw - 250px) / 741);
    line-height: calc(5.5rem + 1.5 * (100vw - 250px) / 741);
  }
  body:not(.elementor-page) .blog-detail-content-wrapper h3, .comment-list .comment--content h3,
  .comment-list .children--content h3, .default-page .entry-content h3 {
    font-size: calc(3rem + 1.5 * (100vw - 250px) / 741);
    line-height: calc(5rem + 1.5 * (100vw - 250px) / 741);
  }
  body:not(.elementor-page) .blog-detail-content-wrapper h4, .comment-list .comment--content h4,
  .comment-list .children--content h4, .default-page .entry-content h4 {
    font-size: calc(2.75rem + 1.25 * (100vw - 250px) / 741);
    line-height: calc(5.75rem + 0.25 * (100vw - 250px) / 741);
  }
  body:not(.elementor-page) .blog-detail-content-wrapper h5, .comment-list .comment--content h5,
  .comment-list .children--content h5, .default-page .entry-content h5 {
    font-size: calc(2.75rem + 0.75 * (100vw - 250px) / 741);
    line-height: calc(5.75rem + -0.25 * (100vw - 250px) / 741);
  }
  body:not(.elementor-page) .blog-detail-content-wrapper h6, .comment-list .comment--content h6,
  .comment-list .children--content h6, .default-page .entry-content h6 {
    font-size: calc(2.75rem + 0.25 * (100vw - 250px) / 741);
    line-height: calc(5.75rem + -0.75 * (100vw - 250px) / 741);
  }
}

.default-page {
  padding-top: 15rem;
}
@media (max-width: 991px) {
  .default-page {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.default-page.no-comments {
  padding-bottom: 15rem;
}
@media (max-width: 991px) {
  .default-page.no-comments {
    padding-bottom: 5rem;
  }
}
@media (max-width: 991px) {
  .default-page.only-comment-form {
    padding-bottom: 0;
    margin-bottom: -2.5rem;
  }
}
.default-page .entry-content * {
  word-break: break-word;
}
.default-page .entry-content > *:nth-child(n+2) {
  margin-top: 1.5rem;
}
.default-page .entry-content iframe,
.default-page .entry-content video,
.default-page .entry-content img {
  border-radius: var(--border-radius);
}
.default-page .entry-content::after {
  content: "";
  display: table;
  clear: both;
}
.default-page .entry-content .wp-block-calendar {
  padding: 0;
}
@media (max-width: 991px) {
  .default-page .entry-content {
    padding: 0 5rem;
  }
}
@media (max-width: 767px) {
  .default-page .entry-content {
    padding: 0 1.5rem;
  }
}

.page-links {
  margin-top: 3rem !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 1.8rem;
  color: var(--color-dark);
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* header
--------------------------------------------- */
.navigation-menu {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
.navigation-menu-wrapper {
  height: 100%;
}
.navigation-menu ul {
  margin: 0;
}
.navigation-menu > li > a {
  padding: 0 25px;
}
.navigation-menu li {
  height: 100%;
  list-style: none;
}
.navigation-menu a {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  outline: 0;
}
.navigation-menu a .icon {
  width: 6px;
  height: 11px;
  margin-left: 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.navigation-menu a .icon svg {
  vertical-align: top;
}
.navigation-menu .menu-item-has-children {
  position: relative;
}
.navigation-menu .sub-menu {
  position: absolute;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  padding: 2rem 0;
  border-radius: var(--border-radius);
  min-width: 28rem;
  margin-top: 15px;
  margin-left: -25px;
}
.navigation-menu .sub-menu li {
  padding: 0 1rem;
}
.navigation-menu .sub-menu li a {
  opacity: 0;
  visibility: hidden;
  padding: 1.4rem 3rem 0.8rem 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-paragraph);
  border-radius: var(--border-radius);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.navigation-menu .sub-menu li:hover > a,
.navigation-menu .sub-menu li.current-menu-item > a {
  background-color: var(--color-grey-1);
  color: var(--color-dark);
}
.navigation-menu .sub-menu .sub-menu {
  top: 0;
  left: calc(100% - 1px);
  background-color: var(--color-white);
  box-shadow: inset 25px 0px 25px -25px rgba(0, 0, 0, 0.2), 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
  margin-left: 0;
  transform: translateY(100%);
}
.navigation-menu .sub-menu .sub-menu a {
  color: var(--color-black);
}
.navigation-menu > .menu-item-has-children {
  position: relative;
}
.navigation-menu > .menu-item-has-children::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
}
.navigation-menu > .menu-item-has-children .menu-item-has-children {
  position: static;
}

.nav-dropdown-bg {
  position: absolute;
  background-color: var(--color-white);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  transform-origin: center center;
  border-radius: var(--border-radius);
  pointer-events: none;
  display: block;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}
.nav-dropdown-bg-icon, .nav-dropdown-bg .icon {
  position: absolute;
  top: -16px;
  left: 50px;
  z-index: inherit;
  transform: scale(1);
  display: block;
  pointer-events: none;
}
.nav-dropdown-bg-icon svg, .nav-dropdown-bg .icon svg {
  width: 30px;
  height: 30px;
  fill: var(--color-white);
}
.nav-dropdown-bg-icon {
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
.nav-dropdown-bg .icon {
  opacity: 0;
}

.sticky-nav {
  position: fixed !important;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.sticky-nav.scrolled {
  top: 0 !important;
}
.sticky-nav .elementor-container {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.elementor-widget-rodio_menu .elementor-widget-container {
  height: 100%;
}

@media (max-width: 991px) {
  .header-wrapper.desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-wrapper.mobile {
    display: none;
  }
}

.mobile.navigation-menu {
  display: block;
  position: relative;
  padding: 0;
  --item-font-size: 18px;
  --item-font-weight: 500;
  --item-line-height: 60px;
  --item-color-normal: var(--color-paragraph-1);
}
.mobile.navigation-menu li {
  width: 100%;
  height: auto;
  display: block;
}
.mobile.navigation-menu li a {
  padding-right: 15px;
  padding-left: 0;
}
.mobile.navigation-menu a {
  font-size: var(--item-font-size);
  font-weight: var(--item-font-weight);
  line-height: var(--item-line-height);
  color: var(--item-color-normal);
}
.mobile.navigation-menu li:hover,
.mobile.navigation-menu li:focus,
.mobile.navigation-menu li:active,
.mobile.navigation-menu li.current-menu-item,
.mobile.navigation-menu li.current-menu-ancestor {
  color: var(--color-white);
}
.mobile.navigation-menu li:hover > a,
.mobile.navigation-menu li:focus > a,
.mobile.navigation-menu li:active > a,
.mobile.navigation-menu li.current-menu-item > a,
.mobile.navigation-menu li.current-menu-ancestor > a {
  background-color: transparent;
  color: inherit !important;
}
.mobile.navigation-menu li:hover > a .icon,
.mobile.navigation-menu li:focus > a .icon,
.mobile.navigation-menu li:active > a .icon,
.mobile.navigation-menu li.current-menu-item > a .icon,
.mobile.navigation-menu li.current-menu-ancestor > a .icon {
  fill: var(--color-primary);
}
.mobile.navigation-menu .icon {
  fill: var(--item-color-normal);
  width: 10px;
  height: 15px;
  pointer-events: none;
}
.mobile.navigation-menu .menu-item-has-children {
  position: static;
}
.mobile.navigation-menu .sub-menu {
  top: 0;
  width: 100%;
  left: 100%;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  min-width: 100%;
}
.mobile.navigation-menu .sub-menu li a {
  padding: 0;
  font-size: var(--item-font-size);
  font-weight: var(--item-font-weight);
  line-height: var(--item-line-height);
  color: var(--item-color-normal);
}
.mobile.navigation-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  background-color: transparent;
  box-shadow: none;
}
.mobile.navigation-menu .back-button a {
  justify-content: initial;
  align-items: center;
  color: var(--color-white) !important;
}
.mobile.navigation-menu .back-button a .icon {
  transform: rotate(180deg);
  fill: var(--color-primary);
  margin-right: 0.8rem;
}

.desktop.navigation-menu {
  padding: 0;
}
.desktop.navigation-menu > .menu-item-has-children > a .icon {
  width: 9px;
  height: auto;
  margin-left: 0.5rem;
  fill: var(--color-primary);
  display: inline-flex;
}
.desktop.navigation-menu > li {
  position: relative;
}
.desktop.navigation-menu > li::after {
  content: "";
  width: 85%;
  height: 3px;
  display: none;
  background-color: var(--color-primary);
  position: absolute;
  top: 0;
  left: calc(50% - 2.25rem);
  transform: translateX(-50%);
  z-index: -1;
}
.desktop.navigation-menu > .current-menu-ancestor::after,
.desktop.navigation-menu > .current-menu-item::after {
  display: block;
}
.desktop.navigation-menu > li {
  padding: 0;
  padding-right: 4.5rem;
}
.desktop.navigation-menu > li > a {
  justify-content: flex-start;
  padding: 0;
}

.desktop-wrapper.navigation-menu-wrapper.swiper-container {
  max-width: 100%;
  overflow: visible;
}
.desktop-wrapper.navigation-menu-wrapper.swiper-container:not(.swiper-backface-hidden) {
  clip-path: inset(0 0 -100vw 0);
}
.desktop-wrapper.navigation-menu-wrapper.swiper-container .swiper-wrapper {
  max-width: 100%;
}
.desktop-wrapper.navigation-menu-wrapper.swiper-container .swiper-slide:last-child::after {
  width: calc(85% + 3rem);
  left: calc(50% + 1rem);
}
.desktop-wrapper.navigation-menu-wrapper .swiper-slide {
  width: auto;
}
.desktop-wrapper.navigation-menu-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
  padding-right: 0;
}
.desktop-wrapper.navigation-menu-wrapper .swiper-slide-active,
.desktop-wrapper.navigation-menu-wrapper .swiper-slide-active ~ .swiper-slide {
  opacity: 1;
  visibility: visible;
}

.navigation-menu {
  flex-wrap: unset;
}

.default-navigation {
  width: 80%;
}

.navigation-slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.menu-slider-nav {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-top: -0.2rem;
}
.menu-slider-nav svg {
  height: 20px;
  fill: var(--color-white);
}
.menu-slider-nav-prev {
  margin-right: 3rem;
}
.menu-slider-nav-next {
  margin-left: 3rem;
}
.menu-slider-nav.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
.menu-slider-nav .swiper-button-lock {
  display: none;
}

.page-header-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-dark);
  background-position: top center;
  padding: 20rem 0 9rem 0;
}
@media (max-width: 991px) {
  .page-header-wrapper {
    padding: 113px 0 40px 0;
  }
}
.page-header-content {
  text-align: center;
}
.page-header-content h1 {
  color: var(--color-white);
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .page-header-content h1 {
    font-size: calc(3.5rem + 2.5 * (100vw - 250px) / 1150);
    line-height: calc(5.5rem + 2.5 * (100vw - 250px) / 1150);
  }
}
.page-header-content .breadcrumbs {
  padding: 0 1rem;
}
.page-header-content ul {
  padding: 0;
}
.page-header-content ul li {
  display: inline-block;
  color: var(--color-primary);
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.page-header-content ul li a {
  color: inherit;
}
.page-header-content ul li:nth-child(n+2)::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-size: 1.2rem;
  margin: 0 1rem;
}

body.header-default .page-header-wrapper {
  padding-top: 9rem;
}
@media (max-width: 991px) {
  body.header-default .page-header-wrapper {
    padding-top: 113px;
  }
}

.hamburger-icon {
  cursor: pointer;
  padding: 0 1rem;
}
.hamburger-icon .bar {
  width: 18px;
  height: 3px;
  background-color: var(--color-white);
}
.hamburger-icon .bar:nth-child(n+2) {
  margin-top: 3px;
}
.hamburger-icon .bar:nth-child(2) {
  margin-left: 2px;
}
@media (max-width: 991px) {
  .hamburger-icon .bar {
    height: 2px;
  }
}
.hamburger-content {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999999;
  transition: all 0.5s ease-in-out;
}
.hamburger.direction-left .hamburger-content {
  left: -100%;
}
.hamburger.direction-right .hamburger-content {
  right: -100%;
}
.hamburger.shown.direction-left .hamburger-content {
  left: 0;
}
.hamburger.shown.direction-right .hamburger-content {
  right: 0;
}
.hamburger-close {
  font-size: 22px;
  height: 22px;
  color: var(--color-white);
  fill: var(--color-white);
  cursor: pointer;
}
.hamburger-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-dark-rgba-60);
  opacity: 0;
  visibility: hidden;
  z-index: 9999999;
  transition: all 0.5s ease-in-out;
}
.hamburger.shown .hamburger-overlay {
  opacity: 1;
  visibility: visible;
}

.hamburger-content {
  --padding-left: 3.8rem;
  --padding-right: 3.8rem;
}
.hamburger-content-wrapper {
  width: 100%;
  height: 100%;
  background-color: var(--color-dark);
  display: flex;
  flex-direction: column;
  padding: 2.3rem 0;
}
.hamburger-content-header {
  display: flex;
  justify-content: space-between;
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
}
.hamburger-content-main {
  margin-top: 5.5rem;
}
.hamburger-content-main .navigation-menu > li::after {
  display: none;
}
.hamburger-content-main .navigation-menu > li > a {
  padding: 0 0;
}
.hamburger-content-main .navigation-menu .sub-menu {
  margin-top: 0;
  margin-left: 3.8rem;
}
.hamburger-content-main ul {
  padding: 0 var(--padding-left) 0 var(--padding-right) !important;
}
.hamburger-content-footer {
  margin-top: auto;
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
}
.hamburger-content-social ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.hamburger-content-social li {
  width: 3.1rem;
  height: 3.1rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--color-dark-3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hamburger-content-social li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hamburger-content-social li .icon {
  font-size: 1.4rem;
  height: 1.4rem;
  color: var(--color-paragraph-1);
  fill: var(--color-paragraph-1);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hamburger-content-social li:hover, .hamburger-content-social li:focus, .hamburger-content-social li:active {
  background-color: var(--color-primary);
}
.hamburger-content-social li:hover .icon, .hamburger-content-social li:focus .icon, .hamburger-content-social li:active .icon {
  color: var(--color-white);
  fill: var(--color-white);
}
.hamburger-content .bottom-text {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: normal;
  color: var(--color-paragraph-1);
  margin-top: 2.3rem;
}

body.elementor-editor-active .hamburger.shown .hamburger-content {
  left: 0;
}

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.site-header .site-branding {
  min-width: 20%;
}
.site-header .logo {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.site-header.scrolled {
  min-height: 7rem;
  border-color: transparent;
  background-color: var(--color-dark);
}
@media (max-width: 991px) {
  .site-header {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .site-header {
    padding: 0 2.5rem;
  }
}

.header-wrapper.mobile .site-header {
  border-bottom: 1px solid var(--color-white-60);
}

.default-navigation {
  height: 100%;
}
@media (max-width: 991px) {
  .default-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .default-navigation > .navigation-slider-wrapper {
    display: none;
  }
}
@media (min-width: 992px) {
  .default-navigation .hamburger {
    display: none;
  }
}
.default-navigation .mobile-wrapper {
  max-height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.header-wrapper-default,
.header-wrapper-default .header {
  background-color: var(--color-dark);
  border-bottom: 1px solid var(--color-white-60);
}

.header-wrapper-default.desktop .navigation-menu > li > a {
  font-size: 1.4rem;
}

.site-header {
  height: 9.2rem;
}
.site-header .logo {
  padding: 0;
}
@media (max-width: 991px) {
  .site-header {
    height: 7rem;
  }
}

.header-wrapper-default.desktop .default-navigation .navigation-menu > li > a {
  height: 9.2rem;
}

/* footer
--------------------------------------------- */
.default-footer {
  margin-top: auto;
}
.default-footer-wrapper {
  background-color: var(--color-dark);
  padding: 5rem 0;
}
@media (max-width: 991px) {
  .default-footer-wrapper {
    padding: 5rem 0;
  }
}
.default-footer .copyright {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: right;
  color: var(--color-copyright);
}
@media (max-width: 991px) {
  .default-footer-wrapper {
    padding: 5rem;
  }
  .default-footer .copyright {
    margin-top: 1rem;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .default-footer-wrapper {
    padding: 5rem 1.5rem;
  }
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.pagination {
  margin-top: 9.2rem;
}
@media (max-width: 991px) {
  .pagination {
    margin-top: 3rem;
  }
}
.pagination ul {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.pagination li svg {
  width: 1rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pagination li > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  color: inherit;
  background-color: inherit;
}
.pagination li > *:not(.prev):not(.next) {
  padding-top: 0.5rem;
}
.pagination li *.prev,
.pagination li *.next {
  background-color: var(--color-primary);
  fill: var(--color-white);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pagination li *.prev:hover,
.pagination li *.next:hover {
  fill: var(--color-white);
  background-color: var(--color-dark);
}
.pagination li:hover, .pagination li:focus {
  fill: var(--color-white);
}

/* Comments
--------------------------------------------- */
.comments-title {
  font-size: 3.4rem;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 4.5rem;
}
@media (max-width: 991px) {
  .comments-title {
    margin-bottom: 0;
  }
}

.comment-list {
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .comment-list {
    margin-top: 4rem;
  }
  .comment-list .container {
    padding: 0;
  }
}
.comment-list .comment-reply-title {
  font-size: 2.5rem;
  line-height: 4.5rem;
}
.comment-list .parent--comment {
  display: flex;
  border-bottom: 1px solid var(--color-grey);
  padding-bottom: 3.9rem;
}
@media (max-width: 500px) {
  .comment-list .parent--comment {
    display: block;
  }
}
@media (max-width: 991px) {
  .comment-list .parent--comment {
    padding-bottom: 0.6rem;
  }
}
.comment-list .comment,
.comment-list .children {
  position: relative;
}
.comment-list .comment:not(:first-child),
.comment-list .children:not(:first-child) {
  margin-top: 5rem;
}
@media (max-width: 991px) {
  .comment-list .comment:not(:first-child),
  .comment-list .children:not(:first-child) {
    margin-top: 2.5rem;
  }
}
.comment-list .comment .comment,
.comment-list .children .comment {
  margin-top: 5rem;
}
.comment-list .comment .comment .parent--comment,
.comment-list .children .comment .parent--comment {
  padding-left: 15%;
}
@media (max-width: 991px) {
  .comment-list .comment .comment,
  .comment-list .children .comment {
    margin-left: 3.5%;
  }
  .comment-list .comment .comment .parent--comment,
  .comment-list .children .comment .parent--comment {
    padding-left: 2.5%;
  }
}
.comment-list .comment .comment-inner-wrapper,
.comment-list .children .comment-inner-wrapper {
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .comment-list .comment .comment--content > *:not(.comment-inner-wrapper):not(.reply-button):not(.parent--comment),
  .comment-list .children .comment--content > *:not(.comment-inner-wrapper):not(.reply-button):not(.parent--comment) {
    margin-left: 0;
  }
  .comment-list .comment .comment-inner-wrapper,
  .comment-list .children .comment-inner-wrapper {
    margin-bottom: 0rem;
  }
}
.comment-list .comment--avatar,
.comment-list .children--avatar {
  margin-right: 3.8rem;
  border-radius: var(--border-radius);
}
.comment-list .comment--avatar img,
.comment-list .children--avatar img {
  border-radius: inherit;
}
@media (max-width: 991px) {
  .comment-list .comment--avatar,
  .comment-list .children--avatar {
    margin-right: 2.5rem;
  }
}
@media (max-width: 500px) {
  .comment-list .comment--avatar,
  .comment-list .children--avatar {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.comment-list .comment--content,
.comment-list .children--content {
  width: 85%;
}
@media (max-width: 500px) {
  .comment-list .comment--content,
  .comment-list .children--content {
    width: 95%;
  }
}
.comment-list .comment--content > h2,
.comment-list .children--content > h2 {
  margin-bottom: -1rem;
}
.comment-list .comment--content > h2:nth-child(n+2),
.comment-list .children--content > h2:nth-child(n+2) {
  margin-top: 2rem;
}
.comment-list .comment--content > *:nth-child(n+2),
.comment-list .children--content > *:nth-child(n+2) {
  margin-top: 1.5rem;
}
.comment-list .comment--content img,
.comment-list .children--content img {
  border-radius: var(--border-radius);
}
.comment-list .comment--content a,
.comment-list .children--content a {
  text-decoration: none;
}
.comment-list .comment--content .name,
.comment-list .children--content .name {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: var(--color-dark);
  letter-spacing: normal;
  position: relative;
  width: max-content;
  max-width: 70%;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-decoration-color: var(--color-primary) !important;
}
.comment-list .comment--content .name:hover,
.comment-list .children--content .name:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--color-primary) !important;
  text-decoration-thickness: 2px !important;
}
.comment-list .comment--content .date,
.comment-list .children--content .date {
  font-size: 1.2rem;
  line-height: initial;
  font-weight: 500;
  color: var(--color-paragraph);
  letter-spacing: initial;
  background: none;
  text-align: left;
  margin-top: 0.7rem;
}
.comment-list .comment--content p,
.comment-list .children--content p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 3rem;
  color: var(--color-dark);
  margin-top: 1.5rem;
}
.comment-list .comment--content .reply-button,
.comment-list .children--content .reply-button {
  position: absolute;
  top: 5px;
  right: 10px;
  margin-top: 0;
}
.comment-list .comment--content .reply-button a,
.comment-list .children--content .reply-button a {
  padding: 1.7rem 1.8rem 1.3rem 1.8rem;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.2rem;
  border-radius: calc(var(--border-radius) / 2);
  background-color: var(--color-grey-1);
  color: var(--color-dark) !important;
}
.comment-list .comment--content .reply-button a:hover, .comment-list .comment--content .reply-button a:focus, .comment-list .comment--content .reply-button a:active,
.comment-list .children--content .reply-button a:hover,
.comment-list .children--content .reply-button a:focus,
.comment-list .children--content .reply-button a:active {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}
.comment-list .comment:last-child:not(:nth-child(-n+2)) .parent--comment,
.comment-list .children:last-child:not(:nth-child(-n+2)) .parent--comment {
  border-bottom: none;
  padding-bottom: 0;
}
.comment-list .pingback .name, .comment-list .trackback .name {
  max-width: 100%;
  line-height: 4rem;
}

.comments-area {
  padding-top: 14.3rem;
}
@media (max-width: 991px) {
  .comments-area {
    padding: 50px 50px 44px 50px;
  }
}
@media (max-width: 767px) {
  .comments-area {
    padding: 50px 25px 44px 25px;
  }
}

/****************************************
comment respond form
****************************************/
.comment-respond {
  margin-top: 2.5rem;
}
.comment-respond .comment-reply-title {
  margin-top: 2rem;
}
.comment-respond .comment-reply-title small {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.comment-respond .comment-reply-title small a {
  font-size: 1.6rem;
  text-decoration: none;
}
.comment-respond .comment-reply-title span {
  display: block;
}
@media (max-width: 991px) {
  .comment-respond .comment-reply-title {
    margin-top: 0;
  }
}

.comment-form--wrapper {
  padding: 7rem 0 14rem 0;
}
.comment-form--wrapper .heading {
  font-size: 3.4rem;
  font-weight: 600;
  color: var(--color-dark);
  margin-bottom: 2rem;
  line-height: 1.5;
}
.comment-form--wrapper h3 {
  margin-bottom: 6.2rem;
}
@media (max-width: 991px) {
  .comment-form--wrapper {
    padding: 0 50px 40px 50px;
  }
  .comment-form--wrapper.no-comments {
    padding-top: 50px;
  }
  .comment-form--wrapper .comment-respond {
    margin: 0 0 0 0;
  }
  .comment-form--wrapper h3 {
    margin-bottom: 0;
  }
  .comment-form--wrapper .container {
    padding: 0;
  }
  .comment-form--wrapper:not(.logged-in-form) .comment-form {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .comment-form--wrapper {
    padding: 0 25px 40px 25px;
  }
  .comment-form--wrapper.no-comments {
    padding-top: 50px;
  }
}

.comment-form--inner {
  display: flex;
}
.comment-form .cookies-consent {
  margin-top: 2.4rem;
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
@media (max-width: 250px) {
  .comment-form .cookies-consent {
    padding-left: 0;
    padding-top: 35px;
  }
}
@media (max-width: 991px) {
  .comment-form .cookies-consent {
    margin-top: 5rem;
  }
}
.comment-form .cookies-consent input {
  height: initial;
  margin-right: 1rem;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.comment-form .cookies-consent .paragraph {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-paragraph);
  line-height: initial;
}
@media (max-width: 575px) {
  .comment-form .cookies-consent .paragraph {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
.comment-form .cookies-consent .checkmark {
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  background-color: transparent;
  border: 2px solid var(--color-grey);
}
@media (max-width: 575px) {
  .comment-form .cookies-consent .checkmark {
    top: 0;
  }
}
.comment-form .cookies-consent input:checked ~ .checkmark {
  background-color: var(--color-grey);
}
.comment-form .cookies-consent .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.comment-form .cookies-consent input:checked ~ .checkmark:after {
  display: block;
}
.comment-form .cookies-consent .checkmark:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.comment-form .field-group > input {
  display: block;
  width: 100%;
}
.comment-form .field-group > input:not(:first-child) {
  margin-top: 2.7rem;
}
@media (max-width: 991px) {
  .comment-form .field-group.second-field-group {
    margin-top: 3rem;
  }
}
.comment-form .textarea-group {
  height: 100%;
  margin-top: 2rem;
}
.comment-form .textarea-group textarea {
  width: 100%;
  height: 100%;
  height: 11rem;
}
@media (max-width: 991px) {
  .comment-form .textarea-group:not(.single) {
    margin-top: 3.3rem;
  }
}
.comment-form .form-submit {
  padding: 0;
}
.comment-form .form-submit input {
  padding: 2.3rem 6.5rem 2rem 6.5rem;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  background-color: inherit;
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .comment-form .form-submit {
    width: 100%;
  }
}
.comment-form .form-submit-row {
  margin-top: 2.6rem;
}
.comment-form .cancel {
  display: none;
}

.logged-in-form .comment-reply-title {
  margin-bottom: 0;
}
.logged-in-form .textarea-group {
  width: 100%;
  height: 20rem;
  margin: 3.5rem 0 0 0;
}
.logged-in-form .textarea-group textarea {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .logged-in-form .textarea-group {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .logged-in-form .form-submit {
    margin-top: 0;
  }
}

.logged-in-as {
  font-size: 1.4rem;
  font-weight: 500;
}
.logged-in-as * {
  font-size: inherit;
  font-weight: inherit;
}
.logged-in-as a:first-child {
  color: var(--color-paragraph);
}
.logged-in-as a:nth-child(n+2) {
  color: var(--color-dark);
  font-weight: 700;
}

.comment-pagination {
  margin-top: 2rem;
}
.comment-pagination a {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0.1rem;
  text-decoration: none;
  color: var(--color-dark);
  margin: 0 0.5rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.comment-pagination a:hover {
  color: var(--rodio-main-color);
}
.comment-pagination span {
  color: var(--color-black);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0 0.5rem;
  letter-spacing: 0.1rem;
}

/****************************************
comment form inside comment
****************************************/
.comment-list .comment-form--inner {
  margin-top: 3rem;
}
.comment-list .comment-form .logged-in-as {
  margin-top: 1.5rem;
}
.comment-list .comment-form .logged-in-as a {
  color: inherit;
}
.comment-list .comment-form .form-submit-row .form-submit {
  width: 100%;
}
.comment-list .comment-form .form-submit-row .cancel {
  display: block;
}

#cancel-comment-reply-link {
  width: 100%;
  height: 6.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  background-color: var(--color-grey-1);
  color: var(--color-dark) !important;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#cancel-comment-reply-link:hover {
  color: var(--color-white) !important;
  background-color: var(--color-dark);
}
@media (max-width: 991px) {
  #cancel-comment-reply-link {
    width: 100%;
    transform: translateY(0);
  }
}

/* Widgets
--------------------------------------------- */
.widget {
  background-color: var(--color-grey-1);
  padding: 3.8rem;
  border-radius: var(--border-radius);
}
.widget:not(:last-child) {
  margin: 0 0 3rem 0;
}
@media (max-width: 991px) {
  .widget {
    padding: 2rem 2.5rem;
  }
}
.widget * {
  word-break: break-word;
}
.widget select {
  max-width: 100%;
}
.widget-title, .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-dark);
  margin-bottom: 2.5rem;
}
.widget-title *, .widget h1 *, .widget h2 *, .widget h3 *, .widget h4 *, .widget h5 *, .widget h6 * {
  line-height: inherit;
}
.widget-title::after, .widget h1::after, .widget h2::after, .widget h3::after, .widget h4::after, .widget h5::after, .widget h6::after {
  content: "";
  width: 4.3rem;
  height: 0.2rem;
  display: block;
  margin-top: 1rem;
  background-color: var(--color-primary);
}
.widget ul {
  list-style: none;
  padding: 0;
}
.widget ul li {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-paragraph);
}
.widget ul li a {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-dark);
  display: flex;
  padding: 1.2rem 0;
  flex: 1;
  position: relative;
  text-transform: capitalize;
  padding-right: 1rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: transparent;
}
.widget ul li a::before {
  content: "";
  position: relative;
  top: 13px;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 4px;
  transform: translateY(-50%);
  margin-right: 1.5rem;
  border-radius: 50%;
  background-color: var(--color-primary);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget ul li .children {
  width: 100%;
}
.widget ul li a:hover, .widget ul li a:focus, .widget ul li a:active {
  color: var(--color-primary);
  text-decoration-color: var(--color-primary);
}
.widget ul li:last-child {
  padding-bottom: 0;
}
.widget ul li li {
  border-top: 1px solid var(--color-grey);
}
.widget ul li li a::before {
  border-radius: 0;
  transform: translateY(-50%) rotate(45deg);
}
.widget ul li li li a::before {
  border-radius: 0;
  transform: translateY(-50%) rotate(0deg);
}
.widget ul ul {
  margin: 0;
}
.widget ul ul ul li a,
.widget ul ul a {
  padding-left: 10%;
}
.widget ul ul ul li a {
  padding-left: 15%;
}
.widget .wp-block-group__inner-container > ul > li:nth-child(n+2),
.widget .wp-block-group__inner-container > ol > li:nth-child(n+2),
.widget > ul > li:nth-child(n+2),
.widget > ol > li:nth-child(n+2) {
  border-top: 1px solid var(--color-grey);
}
.widget .gallery {
  margin-bottom: 0;
}
.widget table, .widget table * {
  word-break: normal;
}
.widget img {
  border-radius: calc(var(--border-radius) / 2) !important;
}

.widget > li > a::before,
.widget > ul > li > a::before,
.widget_block > li > a::before,
.widget_block > ul > li > a::before,
.widget_nav_menu > div > ul > li > a::before,
.widget_nav_menu > div > ul > ul > li > a::before,
.wp-block-latest-posts > li > a::before,
.wp-block-latest-posts > ul > li > a::before {
  display: none !important;
}

.gallery-item, .gallery-icon {
  border-radius: var(--border-radius);
}
.gallery-item a, .gallery-icon a {
  border-radius: inherit;
}

.widget_recent_entries ul li a {
  padding: 1.5rem 0 1.5rem calc(1.5rem + 4px);
}
.widget_recent_entries ul li a::before {
  position: absolute;
  top: calc(1.5rem + 11px);
  transform: none;
}

.widget .search, .search-error .search-form {
  position: relative;
  border-radius: var(--border-radius);
}
.widget .search input, .search-error .search-form input {
  width: 100%;
  border-bottom: none !important;
  padding: 0 5rem 0 3rem;
  border-radius: var(--border-radius);
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-paragraph);
}
.widget .search input:not([type=submit]):not([type=checkbox]):not([type=radio]), .search-error .search-form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  height: 6rem;
}
.widget .search button, .search-error .search-form button {
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  font-size: 1.6rem;
  color: var(--color-primary);
}

.widget.widget_search {
  padding: 0;
}
.widget.widget_text {
  padding: 3.8rem 3.8rem 3.4rem 3.8rem;
}
.widget.widget_text p:last-child {
  margin-bottom: 0;
}

.widget.widget_nav_menu ul li {
  display: block;
}
.widget.widget_nav_menu ul li:hover a {
  color: unset;
  text-decoration: none;
}
.widget.widget_nav_menu ul li a .icon {
  display: none;
}
.widget.widget_nav_menu ul li a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.widget.widget_nav_menu ul.sub-menu {
  margin-left: 0;
}
.widget.widget_nav_menu ul.sub-menu li {
  border-top: 1px solid var(--color-grey);
  padding-left: 1rem;
}

.widget.rodio-form-widget {
  background-color: var(--color-dark);
}
.widget.rodio-form-widget .widget-title {
  font-size: 2rem;
  text-align: center;
  color: var(--color-white);
}
.widget.rodio-form-widget .widget-title::after {
  margin-left: auto;
  margin-right: auto;
}
.widget.rodio-form-widget .form-control, .widget.rodio-form-widget input:not([type=submit]):not([type=checkbox]):not([type=radio]), .widget.rodio-form-widget textarea, .widget.rodio-form-widget label {
  color: var(--color-white);
  border-color: var(--color-paragraph);
}
.widget.rodio-form-widget .form-control:focus, .widget.rodio-form-widget input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus, .widget.rodio-form-widget textarea:focus, .widget.rodio-form-widget label:focus {
  border-color: var(--color-white);
}
.widget.rodio-form-widget .button {
  width: 100%;
  margin-top: 3rem;
}
.widget.rodio-form-widget .button:hover, .widget.rodio-form-widget .button:focus, .widget.rodio-form-widget .button:active {
  color: var(--color-dark) !important;
  background-color: var(--color-white);
}

.widget.widget_categories > li > a::before,
.widget.widget_categories > ul > li > a::before,
.widget.widget_archive > li > a::before,
.widget.widget_archive > ul > li > a::before,
.wp-block-categories > li > a::before,
.wp-block-categories > ul > li > a::before,
.wp-block-archives > li > a::before,
.wp-block-archives > ul > li > a::before {
  display: none !important;
}

.widget.widget_archive a {
  text-decoration: none;
}

.widget.widget_calendar,
.wp-block-calendar {
  overflow: hidden;
  padding: 3.6rem;
}
@media (max-width: 991px) {
  .widget.widget_calendar,
  .wp-block-calendar {
    padding: 2rem;
  }
}
.widget.widget_calendar table thead th,
.wp-block-calendar table thead th {
  text-align: center;
}
.widget.widget_calendar table tbody td,
.wp-block-calendar table tbody td {
  text-align: center;
}
.widget.widget_calendar table tbody td:not(#today) a,
.wp-block-calendar table tbody td:not(#today) a {
  position: relative;
  text-decoration: none;
}
.widget.widget_calendar table tbody td:not(#today) a::after,
.wp-block-calendar table tbody td:not(#today) a::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 1.2rem);
  height: 0.2rem;
  background-color: transparent;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget.widget_calendar table tbody td:not(#today) a:hover,
.wp-block-calendar table tbody td:not(#today) a:hover {
  color: var(--color-dark);
}
.widget.widget_calendar table tbody td:not(#today) a:hover::after,
.wp-block-calendar table tbody td:not(#today) a:hover::after {
  background-color: var(--color-primary);
}
.widget.widget_calendar table #today,
.wp-block-calendar table #today {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-dark);
}
.widget.widget_calendar caption,
.wp-block-calendar caption {
  caption-side: initial;
  font-size: 1.5rem;
  line-height: 3rem;
  font-weight: 500;
  margin: 0;
  color: var(--color-dark);
  font-weight: 700;
}
.widget.widget_calendar .wp-calendar-nav,
.wp-block-calendar .wp-calendar-nav {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}
.widget.widget_calendar .wp-calendar-nav a,
.wp-block-calendar .wp-calendar-nav a {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-paragraph);
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
}
.widget.widget_calendar .wp-calendar-nav a:hover,
.wp-block-calendar .wp-calendar-nav a:hover {
  color: var(--color-dark);
  font-weight: 700;
}

.widget.widget_recent_comments li, .wp-block-latest-comments li {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-paragraph);
  line-height: 2.8rem;
  margin: 0;
}
.widget.widget_recent_comments li span, .wp-block-latest-comments li span {
  color: var(--color-dark);
  font-weight: 700;
}
.widget.widget_recent_comments li a, .wp-block-latest-comments li a {
  font-size: inherit;
  color: var(--color-dark);
  font-weight: 700;
  text-decoration: none;
}
.widget.widget_recent_comments li a::before, .wp-block-latest-comments li a::before {
  display: none;
}
.widget.widget_recent_comments li:nth-child(n+2), .wp-block-latest-comments li:nth-child(n+2) {
  margin-top: 1.7rem;
  padding-top: 2rem;
}
.widget.widget_recent_comments li:hover a, .widget.widget_recent_comments li:focus a, .widget.widget_recent_comments li:active a, .wp-block-latest-comments li:hover a, .wp-block-latest-comments li:focus a, .wp-block-latest-comments li:active a {
  text-decoration: none;
}

.widget.rodio-recent-posts .recent-posts-single {
  list-style: none;
}
.widget.rodio-recent-posts .recent-posts-single h6::after {
  display: none;
}
.widget.rodio-recent-posts .recent-posts-single--thumbnail {
  width: 7rem;
  height: 7rem;
  border-radius: calc(var(--border-radius) / 2);
  position: relative;
  overflow: hidden;
}
.widget.rodio-recent-posts .recent-posts-single--thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.widget.rodio-recent-posts .recent-posts-single--thumbnail .hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 60%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary-light-3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget.rodio-recent-posts .recent-posts-single--thumbnail .hover svg {
  fill: var(--color-white);
  height: 2.5rem;
}
.widget.rodio-recent-posts .recent-posts-single a {
  display: flex;
  align-items: center;
  gap: 2rem;
  text-decoration: none;
}
.widget.rodio-recent-posts .recent-posts-single a::before {
  display: none;
}
.widget.rodio-recent-posts .recent-posts-single a:hover, .widget.rodio-recent-posts .recent-posts-single a:focus, .widget.rodio-recent-posts .recent-posts-single a:active {
  text-decoration: none;
}
.widget.rodio-recent-posts .recent-posts-single a:hover .hover, .widget.rodio-recent-posts .recent-posts-single a:focus .hover, .widget.rodio-recent-posts .recent-posts-single a:active .hover {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.widget.rodio-recent-posts .recent-posts-single--content {
  flex: 1;
}
.widget.rodio-recent-posts .recent-posts-single--content h6 {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--color-dark);
  line-height: 2.6rem;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .widget.rodio-recent-posts .recent-posts-single a {
    flex-direction: column;
    align-items: flex-start;
  }
}

.widget.widget_archive li a {
  text-transform: uppercase;
  display: block;
}
.widget.widget_archive li a sup {
  font-weight: 600;
  margin-left: 0.4rem;
  font-size: 1rem;
}
.widget.widget_archive li a::before {
  top: 50%;
}
.widget.widget_archive li a:hover, .widget.widget_archive li a:focus, .widget.widget_archive li a:active {
  text-decoration: none;
}
.widget.widget_archive li a:hover span, .widget.widget_archive li a:focus span, .widget.widget_archive li a:active span {
  text-decoration: underline;
}
.widget.widget_archive li a:hover sup, .widget.widget_archive li a:focus sup, .widget.widget_archive li a:active sup {
  text-decoration-color: transparent;
}

.widget.widget_rss .widget-title a {
  color: inherit;
}
.widget.widget_rss li {
  display: block;
}
.widget.widget_rss li a {
  display: block;
  text-decoration: none;
  padding: 2.5rem 0 0 0;
}
.widget.widget_rss li a::before {
  display: none;
}
.widget.widget_rss li .rsswidget {
  font-size: 1.8rem;
}
.widget.widget_rss li .rss-date {
  font-size: 1.2rem;
  display: block;
  margin: 1rem 0;
}
.widget.widget_rss li:hover a, .widget.widget_rss li:focus a, .widget.widget_rss li:active a {
  text-decoration: none;
}
.widget.widget_rss li:first-child a {
  padding-top: 0;
}
.widget.widget_rss li:not(:first-child) {
  margin-top: 2rem;
}

.widget.widget_tag_cloud .tagcloud,
.wp-block-tag-cloud .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.widget.widget_tag_cloud a,
.wp-block-tag-cloud a {
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.5rem !important;
  font-weight: 500;
  background-color: var(--color-white);
  color: var(--color-dark);
  border-radius: calc(var(--border-radius) / 2);
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.widget.widget_tag_cloud a:hover,
.wp-block-tag-cloud a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.wp-block-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.wp-block-tag-cloud a {
  background-color: var(--color-grey);
}

.wp-block-latest-comments {
  padding-left: 0;
}

.widget_block.widget_search {
  background-color: transparent;
}

.wp-block-search__label {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-paragraph);
}
.wp-block-search__inside-wrapper {
  display: block;
}
.wp-block-search__input {
  width: 100%;
}
.wp-block-search__button {
  width: 100%;
  text-transform: uppercase;
  margin: 2rem 0 0 0;
}

.widget_recent_entries ul li a {
  padding-left: 0;
}

.widget_media_audio {
  padding: 0;
  background-color: unset;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

.wp-block-cover {
  border-radius: var(--border-radius);
}
.wp-block-cover::before {
  border-radius: inherit;
}
.wp-block-cover video {
  border-radius: inherit;
}
.wp-block-cover.has-background-dim .wp-block-cover-text {
  color: var(--color-white);
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image > h2 {
  line-height: 2;
}
.wp-block-cover-image .wp-block-cover-image-text *,
.wp-block-cover .wp-block-cover-text *,
section.wp-block-cover-image > h2 * {
  font-size: inherit;
  color: inherit;
}
@media (max-width: 991px) {
  .wp-block-cover-image .wp-block-cover-image-text,
  .wp-block-cover .wp-block-cover-text,
  section.wp-block-cover-image > h2 {
    font-size: 2rem;
  }
}

.wp-block-group.has-background {
  padding: 2rem;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption img {
  border-radius: var(--border-radius);
}

.wp-caption-text {
  text-align: center;
  margin-top: 1.5rem;
}

figure.aligncenter {
  text-align: center;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
  font-size: 1.4rem;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Back to top
--------------------------------------------- */
.back-to-top {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 999999;
  padding: 1.5rem;
  background-color: var(--color-primary);
  fill: var(--color-white);
  border-radius: var(--border-radius);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.back-to-top-inner {
  width: 2rem;
  height: 2rem;
  fill: inherit;
}
.back-to-top svg {
  width: 100%;
  height: 100%;
  fill: inherit;
}
.back-to-top.scrolled {
  opacity: 1;
  visibility: visible;
}
.back-to-top:hover {
  background-color: var(--color-grey);
  fill: var(--color-primary);
}

/* Blog
--------------------------------------------- */
.single-blog-post .post-thumbnail {
  width: 100%;
  max-width: 100%;
  height: 29.6rem;
  border-radius: var(--border-radius);
  display: block;
  overflow: hidden;
}
.single-blog-post .post-thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.single-blog-post .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.single-blog-post .content {
  padding: 0 2rem;
}
@media (max-width: 991px) {
  .single-blog-post .content {
    padding: 0 1rem;
  }
}
.single-blog-post .details {
  display: flex;
  align-items: flex-end;
  margin-top: -3rem;
  gap: 2rem;
  transform: scale(1);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.single-blog-post h4 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 4rem;
  color: var(--color-dark);
  margin-top: 1.4rem;
  letter-spacing: -0.1rem;
  word-break: break-word;
}
@media (max-width: 991px) {
  .single-blog-post h4 {
    font-size: 2rem;
    line-height: 3.5rem;
  }
}
.single-blog-post h6 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-paragraph);
  line-height: 2rem;
}
.single-blog-post .date {
  background-color: var(--color-primary);
  color: var(--color-white);
  fill: var(--color-white);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  border-radius: var(--border-radius);
  text-align: center;
  position: relative;
  overflow: hidden;
  min-width: 84.3px;
}
.single-blog-post .date a {
  color: inherit;
  display: block;
  text-align: center;
}
.single-blog-post .date a .wrapper {
  aspect-ratio: 1/1;
  padding: 1.9rem 2.1rem 1rem 2.1rem;
}
.single-blog-post .date a .default {
  padding: 1.3rem 2.1rem 1rem 2.1rem;
}
.single-blog-post .date a span {
  display: block;
}
.single-blog-post .date a span.day {
  font-size: 2.4rem;
}
.single-blog-post .date a span.month {
  font-weight: 700;
  text-transform: uppercase;
}
.single-blog-post .date .hover {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  fill: inherit;
  background-color: inherit;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-blog-post .date .hover svg {
  fill: inherit;
  height: 4rem;
  max-height: 100%;
}
.single-blog-post .date-default .date {
  margin-top: 1rem;
}
.single-blog-post .date-default h6 {
  margin-top: 0.4rem;
}
.single-blog-post .no-thumbnail .date-default .date {
  margin-top: 0;
}
.single-blog-post.hover:hover .post-thumbnail img {
  transform: scale(1.1);
}
.single-blog-post.hover:hover .details {
  transform: translateX(20px) scale(1);
}
.single-blog-post.hover:hover .date .hover {
  top: 0;
}
.single-blog-post.no-mt .content {
  padding: 0;
}
.single-blog-post.no-mt .details {
  margin-top: 0;
  align-items: flex-start;
}
.single-blog-post.no-mt .details h4 {
  text-align: left;
  margin-top: 0.7rem;
}

.sticky {
  padding: 3rem 3.5rem 2.5rem 3.5rem;
  border-radius: var(--border-radius);
  background-color: var(--color-grey-1);
}
@media (max-width: 991px) {
  .sticky {
    padding: 1.5rem 1rem;
  }
}

.blog-detail-wrapper {
  padding: 10rem 0 15rem 0;
}
@media (max-width: 991px) {
  .blog-detail-wrapper {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .blog-detail-wrapper {
    padding: 50px 18px;
  }
}
.blog-detail.related-off-comments-on .blog-detail-wrapper {
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .blog-detail.related-off-comments-on .blog-detail-wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .blog-detail.related-off-comments-on .blog-detail-wrapper {
    padding-bottom: 0;
  }
}
.blog-detail-thumbnail {
  margin-bottom: 4.2rem;
}
.blog-detail-thumbnail .post-thumbnail {
  height: 44.5rem;
}
.blog-detail-thumbnail .details {
  margin-left: 2rem;
}
.blog-detail-thumbnail.no-thumbnail .details {
  margin-top: 0;
  margin-left: 0;
  align-items: center;
}
@media (max-width: 991px) {
  .blog-detail-thumbnail {
    margin-bottom: 2.2rem;
  }
  .blog-detail-thumbnail .post-thumbnail {
    height: 30rem;
  }
  .blog-detail-thumbnail .details {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 1rem;
  }
}
.blog-detail-content {
  margin-bottom: 2rem;
}
.blog-detail-content h1 {
  font-size: 5rem;
  line-height: 7rem;
  word-break: break-word;
}
@media (max-width: 991px) {
  .blog-detail-content h1 {
    font-size: 3rem;
    line-height: 4rem;
  }
}
.blog-detail-content-wrapper > *:nth-child(n+2) {
  margin-top: 2rem;
}
.blog-detail-content-wrapper a {
  color: var(--color-dark);
  font-weight: 700;
}
.blog-detail-content-wrapper .selectify .active {
  background-color: var(--color-grey-1);
}
.blog-detail-content-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.blog-detail-content-wrapper iframe {
  width: 100%;
}

.pagination-container {
  margin-top: 3rem;
}
.pagination-container h6 {
  color: var(--color-dark);
}
.pagination-container .post-nav-links-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .pagination-container {
    margin-top: 3rem;
  }
}

.post-password-form input[type=submit] {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 20;
  border: none;
  display: inline-block;
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: 700;
  background-color: var(--color-primary);
  width: 15rem;
  height: 5rem;
  border-radius: calc(var(--border-radius) / 2);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.post-password-form input[type=submit]:hover, .post-password-form input[type=submit]:focus, .post-password-form input[type=submit]:active {
  background-color: var(--color-dark);
}
@media (max-width: 991px) {
  .post-password-form input {
    width: 100%;
  }
  .post-password-form input[type=submit] {
    width: 100%;
    margin-top: 1rem;
  }
}

.post_format-post-format-chat > p {
  padding: 2rem;
  background-color: var(--color-primary);
  color: var(--color-white);
  max-width: 70% !important;
  width: max-content;
  font-size: 1.6rem;
  line-height: 3rem;
  border-radius: var(--border-radius);
}
@media (max-width: 991px) {
  .post_format-post-format-chat > p {
    max-width: 90% !important;
  }
}
.post_format-post-format-chat > p:nth-child(odd) {
  margin-right: 0;
  background-color: var(--color-grey-1);
  color: var(--color-dark);
}
.post_format-post-format-chat > p:nth-child(even) {
  margin-left: auto;
  text-align: right;
}
.post_format-post-format-chat > p:not(:first-child) {
  margin-top: 2rem;
}

.post-tags {
  margin-top: 2rem;
}
.post-tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0;
  margin-top: 1rem;
}
.post-tags li {
  font-size: 1.4rem;
  font-weight: 500;
  background-color: var(--color-grey-1);
  color: var(--color-dark);
  border-radius: calc(var(--border-radius) / 2);
  text-decoration: none;
  list-style: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.post-tags li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1rem 2rem;
  color: inherit;
}
.post-tags li:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.post_format-post-format-aside > p {
  position: relative;
  padding-left: 3rem;
}
.post_format-post-format-aside > p::before {
  content: "";
  width: 0.5rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-primary);
}

body:not(.elementor-page) .blog-detail-content-wrapper * {
  word-break: break-word;
}
body:not(.elementor-page) .blog-detail-content-wrapper img {
  border-radius: var(--border-radius);
}
body:not(.elementor-page) .blog-detail-content-wrapper iframe,
body:not(.elementor-page) .blog-detail-content-wrapper video {
  border-radius: var(--border-radius);
}
body:not(.elementor-page) .blog-detail-content-wrapper .wp-block-calendar {
  padding: 0;
}

.related-blog {
  padding: 14.5rem 0;
  background-color: var(--color-grey-1);
}
.related-blog.mobile {
  display: none;
}
.related-blog .swiper-container {
  overflow: hidden;
}
@media (max-width: 991px) {
  .related-blog {
    padding: 43px 50px 40px 50px;
  }
  .related-blog.desktop {
    display: none;
  }
  .related-blog.mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  .related-blog {
    padding: 43px 15px 40px 15px;
  }
}
.related-blog .swiper-button-lock {
  opacity: 0;
  visibility: hidden;
}

/* Project
--------------------------------------------- */
.project-single {
  position: relative;
  z-index: 2;
  margin: 4rem 0 0 1rem;
}
.project-single .post-thumbnail {
  max-width: 100%;
  width: 56.1rem;
  height: 45.6rem;
  border-radius: var(--border-radius);
  position: relative;
  top: -4rem;
  left: -1rem;
  z-index: 2;
}
.project-single .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.project-single .project-reveal {
  position: absolute;
  bottom: 1rem;
  right: 2rem;
  font-size: 2rem;
  color: var(--color-white);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  opacity: 0;
  transform: translateY(2rem);
  z-index: 2;
}
.project-single .project-bg {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-primary);
  border-radius: var(--border-radius);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 25px;
  z-index: 1;
}
.project-single .project-content {
  margin-top: -2rem;
  z-index: 2;
  position: relative;
  height: 0;
  pointer-events: none;
}
.project-single .project-content-inner {
  padding: 0 3.5rem 1.8rem 3.5rem;
}
.project-single .project-content .categories {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--color-white-rgba-6);
  text-transform: uppercase;
  line-height: 2rem;
  letter-spacing: 0.2rem;
  margin-bottom: 1rem;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  opacity: 0;
  transform: translateY(2rem);
}
.project-single .project-content h4 {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-white);
  line-height: 3.4rem;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  opacity: 0;
  transform: translateY(2rem);
}
@media (max-width: 991px) {
  .project-single .project-bg {
    left: 0 !important;
    opacity: 1 !important;
  }
  .project-single .post-thumbnail {
    width: 100%;
    height: auto;
  }
  .project-single .project-content {
    height: auto !important;
  }
  .project-single .project-content-inner {
    padding: 0 2.5rem 1.8rem 3.5rem;
  }
  .project-single .project-content .categories, .project-single .project-content h4 {
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%) !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

.load-more-row {
  margin-top: 5rem;
}

.project-detail {
  padding: 15rem 0;
}
@media (max-width: 991px) {
  .project-detail {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .project-detail {
    padding: 50px 17px;
  }
}
.project-detail-thumbnail {
  height: 45.7rem;
}
.project-detail-thumbnail .post-thumbnail {
  height: 100%;
}
.project-detail-thumbnail a {
  display: block;
  height: 100%;
}
.project-detail-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius);
}
@media (max-width: 991px) {
  .project-detail-thumbnail {
    height: 30rem;
  }
}
.project-detail-title {
  margin-top: 5rem;
  margin-bottom: 2.6rem;
}
.project-detail-title .heading {
  font-size: 4rem;
  font-weight: 600;
  line-height: 7rem;
  color: var(--color-black-2);
}
@media (max-width: 991px) {
  .project-detail-title .heading {
    font-size: 3rem;
    line-height: 4rem;
  }
}
.project-detail-sidebar .detail span.title {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--color-black-2);
}
.project-detail-sidebar .detail span:not(.title) {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-paragraph);
}
.project-detail-sidebar .detail:nth-child(n+2) {
  margin-top: 0.3rem;
}

.related-projects-wrapper {
  padding: 15rem 0;
}
@media (max-width: 991px) {
  .related-projects-wrapper {
    padding: 44px 50px 50px 50px;
  }
}
@media (max-width: 767px) {
  .related-projects-wrapper {
    padding: 44px 25px 50px 25px;
  }
}

/* Selectify
--------------------------------------------- */
.selectify {
  max-width: 100%;
  position: relative;
}
.selectify .active {
  display: block;
  padding: 2rem;
  max-width: 100%;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--color-dark);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  cursor: pointer;
}
.selectify .active * {
  pointer-events: none;
}
.selectify .active-wrapper {
  position: relative;
}
.selectify .active-wrapper .arrow-icon {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  fill: var(--color-paragraph);
  pointer-events: none;
  transform-origin: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.selectify .active-wrapper .arrow-icon svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  fill: inherit;
}
.selectify ul {
  position: absolute;
  top: 120%;
  opacity: 0;
  visibility: hidden;
  max-height: 50rem;
  width: 100%;
  border-radius: var(--border-radius);
  background-color: var(--color-grey-1);
  list-style: none;
  pointer-events: none;
  z-index: 999999;
  margin: 1rem 0 0 0;
  padding: 2rem 0;
  font-size: 1.8rem;
  color: var(--color-black);
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.selectify ul li {
  padding: 1.5rem 2rem;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: var(--color-paragraph);
  margin: 0 0.75rem;
  border-radius: var(--border-radius);
}
.selectify ul li * {
  pointer-events: none;
}
.selectify ul li:hover, .selectify ul li:focus {
  background-color: var(--color-white);
}
.selectify ul li.selected {
  background-color: var(--color-white);
  font-weight: 600;
  color: var(--color-dark);
}
.selectify-wrapper select {
  height: 0;
}
.selectify.shown .active-wrapper .arrow-icon {
  transform: translateY(-50%) rotate(180deg);
}
.selectify.shown ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* Preloader
--------------------------------------------- */
.preloader {
  position: fixed;
  top: 0;
  left: 50%;
  width: 200vw;
  height: 200vh;
  transform: translateX(-50%);
  background-color: var(--color-dark);
  z-index: 999999999;
}
@media (max-width: 991px) {
  .preloader {
    width: 100vh;
    height: 100vh;
  }
}

.preloader-icon {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.preloader .preloader-icon-container {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin: auto;
  --icon-color: var(--color-primary);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader .preloader-icon-container .animated-preloader {
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--icon-color);
  border-radius: 50%;
}
.preloader .preloader-icon-container .animated-preloader:after {
  content: "";
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: var(--color-dark);
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-out infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
.preloader .preloader-icon-container .animated-preloader:before {
  content: "";
  display: inline-block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50%;
  background: var(--icon-color);
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}
@media (max-width: 991px) {
  .preloader .preloader-icon-container {
    width: 50px;
    height: 50px;
  }
}

/* Animations */
@keyframes preloader-inside-white {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-red {
  0% {
    transform: scale(0, 0);
  }
  30% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px !important;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0 !important;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.bypostauthor {
  visibility: visible;
}

/* Embeds
--------------------------------------------- */
.wp-block-embed {
  margin-bottom: 0;
  word-break: break-word;
}

.wp-block-embed-twitter {
  width: 100%;
}
.wp-block-embed-twitter iframe {
  width: 100%;
}
.wp-block-embed-twitter.alignwide .twitter-tweet,
.wp-block-embed-twitter.alignwide iframe {
  width: 100%;
  min-width: 100%;
}
.wp-block-embed-twitter.alignwide .r-y54riw {
  min-width: 100%;
}

.wp-block-embed-youtube,
.wp-block-embed-wordpress-tv {
  width: 100%;
  text-align: center;
}
.wp-block-embed-youtube iframe,
.wp-block-embed-wordpress-tv iframe {
  width: 100%;
  min-height: 40rem;
}

.twitter-tweet {
  max-width: 100% !important;
}
.twitter-tweet iframe {
  width: 100%;
}
.twitter-tweet div {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Elementor
--------------------------------------------------------------*/
.heading > * {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.heading::after {
  content: "";
  display: block;
  position: relative;
  width: 8.9rem;
  height: 0.3rem;
  background-color: var(--color-primary);
  margin-top: 1.2rem;
}

.heading.small {
  font-size: 4rem;
  line-height: 6rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
}
@media (max-width: 991px) {
  .heading.small {
    font-size: calc(3.5rem + 1.5 * (100vw - 250px) / 1150);
    line-height: calc(5.5rem + 1.5 * (100vw - 250px) / 1150);
  }
}

.heading.normal {
  font-size: 5rem;
  line-height: 7rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
}
@media (max-width: 991px) {
  .heading.normal {
    font-size: calc(3.5rem + 1.5 * (100vw - 250px) / 1150);
    line-height: calc(5.5rem + 1.5 * (100vw - 250px) / 1150);
  }
}

.heading.large {
  font-size: 8rem;
  line-height: 10rem;
  font-weight: 600;
  font-size: 8rem;
  line-height: 10rem;
}

.slider-header {
  margin-bottom: 5rem;
}
@media (max-width: 991px) {
  .slider-header {
    margin-bottom: 3rem;
  }
}

.slider-nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.slider-nav-btn {
  cursor: pointer;
  padding: 1.4rem;
  border-radius: 50%;
  background-color: var(--color-white);
  color: var(--color-paragraph);
  fill: var(--color-paragraph);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  font-size: 3rem;
  aspect-ratio: 1/1;
  min-width: 4.4rem;
  min-height: 4.4rem;
  flex-basis: min-content;
}
.slider-nav-btn .icon {
  position: relative;
  z-index: 2;
}
.slider-nav-btn .icon-svg {
  height: 2.2rem;
  fill: inherit;
  display: inline-flex;
  position: relative;
  z-index: 2;
}
.slider-nav-btn::after {
  content: "";
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: center center;
  background-color: var(--color-primary);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.slider-nav-btn:hover, .slider-nav-btn:active {
  color: var(--color-white);
  fill: var(--color-white);
}
.slider-nav-btn:hover::after, .slider-nav-btn:active::after {
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 1;
}
.slider-nav-btn:first-child {
  margin-right: 2rem;
}
@media (max-width: 991px) {
  .slider-nav {
    margin-top: 3rem;
  }
}

.slider-pagination {
  width: max-content !important;
  margin: 5rem auto 0 auto;
}
.slider-pagination .swiper-pagination-bullet {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: var(--color-grey-1);
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.slider-pagination .swiper-pagination-bullet:hover, .slider-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-primary);
}
@media (max-width: 991px) {
  .slider-pagination {
    margin: 3rem auto 0 auto;
  }
}

.testimonial-slide {
  display: flex;
  align-items: flex-end;
}
.testimonial-slide .image {
  width: 20rem;
  height: 36.4rem;
  border-radius: var(--border-radius);
}
.testimonial-slide .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.testimonial-slide .content {
  width: calc(100% - 17rem);
  margin-left: -3rem;
  margin-bottom: -0.8rem;
}
.testimonial-slide .content-wrapper {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: 4rem 3.3rem;
}
.testimonial-slide .details {
  margin-top: 3rem;
  margin-left: 6rem;
}
.testimonial-slide .details h5 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.4rem;
  color: var(--color-black);
}
.testimonial-slide .details h6 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: var(--color-primary);
  letter-spacing: 0.1rem;
  margin-top: 0.3rem;
}
@media (max-width: 991px) {
  .testimonial-slide {
    flex-direction: column;
    align-items: center;
  }
  .testimonial-slide .image {
    width: 100%;
  }
  .testimonial-slide .content {
    width: 90%;
    margin: -8rem 0 0 0;
  }
  .testimonial-slide .details {
    margin-left: 0;
  }
}

.client-slide {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 11.7rem;
}
.client-slide a {
  display: inherit;
  justify-content: inherit;
  align-items: inherit;
  width: 100%;
  min-height: inherit;
  object-fit: cover;
  border-radius: inherit;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.client-slide img {
  opacity: 0.2;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.client-slide:hover img, .client-slide:focus img {
  opacity: 1;
}

.accordion-item {
  background-color: transparent;
  border: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.accordion-item:nth-child(n+2) {
  margin-top: 1rem;
}
.accordion-item, .accordion-item:first-of-type, .accordion-item:last-of-type {
  border-radius: calc(var(--border-radius) / 2);
}
.accordion-button {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 0;
  --size: 20px;
  --width: calc(var(--size) * 0.6);
  --height: calc(var(--size) * 0.1);
}
.accordion-button.keep-open[aria-expanded=true] {
  pointer-events: none;
}
.accordion-button, .accordion-button:focus {
  box-shadow: none;
}
.accordion-button span {
  display: inline-block;
}
.accordion-button::after {
  display: none;
}
.accordion-button, .accordion-button:not(.collapsed) {
  color: var(--color-white);
  box-shadow: none;
  background-color: transparent;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.accordion-button.collapsed::after, .accordion-button:not(.collapsed)::after {
  background-image: none;
}
.accordion-button .icon {
  display: inline-block;
  position: relative;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  aspect-ratio: 1/1;
  background-color: var(--color-primary);
}
.accordion-button .icon::after, .accordion-button .icon::before {
  position: absolute;
  display: inline-block;
  background-color: var(--color-black);
  content: "";
  width: 10px;
  height: 2px;
  width: var(--width);
  height: var(--height);
  top: calc(var(--size) / 2);
  left: 10px;
  transform: translate(-10px, -10px);
  transition: transform 0.5s ease;
  border-radius: 3px;
}
.accordion-button.collapsed .icon::after {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px) rotate(90deg);
}
.accordion-button.collapsed .icon::before {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px);
}
.accordion-button:not(.collapsed) .icon::after {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px) rotate(180deg);
}
.accordion-button:not(.collapsed) .icon::before {
  transform: translate3d(calc((var(--size) - var(--width)) / 2), calc((var(--size) - var(--height)) / 2), 0) translate(-10px, -10px) rotate(-180deg);
}
.accordion-collapse {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.accordion-body {
  padding: 1rem 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.accordion-body p {
  color: var(--color-paragraph-1);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.rodio-tabs {
  --gap: 1.5rem;
  --width: 50%;
}
.rodio-tabs .nav-tabs {
  border: none;
  max-width: 100%;
  margin: 0;
  display: flex;
  gap: 3rem;
}
@media (max-width: 991px) {
  .rodio-tabs .nav-tabs {
    gap: 1rem;
  }
}
.rodio-tabs .nav-item {
  width: calc(50% - 1.5rem);
}
@media (max-width: 399px) {
  .rodio-tabs .nav-item {
    width: 100%;
  }
}
.rodio-tabs .nav-link {
  background-color: var(--color-dark-2);
  color: var(--color-paragraph-1);
  fill: var(--color-paragraph-1);
  border-radius: var(--border-radius);
  width: 100%;
  max-width: 100%;
  padding: 3.5rem 3rem 2.1rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rodio-tabs .nav-link .icon-wrapper {
  margin-bottom: 3rem;
}
.rodio-tabs .nav-link .icon {
  font-size: 5rem;
}
.rodio-tabs .nav-link .icon-svg {
  height: 5rem;
  fill: inherit;
}
.rodio-tabs .nav-link span {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.rodio-tabs .nav-link:hover, .rodio-tabs .nav-link.active {
  border-color: transparent;
  color: var(--color-black);
  background-color: var(--color-white);
}
.rodio-tabs .nav-link:hover i, .rodio-tabs .nav-link.active i {
  color: var(--color-primary);
}
.rodio-tabs .nav-link:hover .icon-svg, .rodio-tabs .nav-link.active .icon-svg {
  fill: var(--color-primary);
}
.rodio-tabs .tab-content {
  position: relative;
  margin: calc(var(--gap) / 2 * -1);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.rodio-tabs .tab-pane {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  padding: var(--gap) 0 var(--gap) var(--gap);
  width: 100%;
}
.rodio-tabs .tab-pane.active {
  opacity: 1;
}
.rodio-tabs .tab-pane h3 {
  font-size: 3rem;
  font-weight: 600;
  color: var(--color-white);
  margin-bottom: 3rem;
}
.rodio-tabs .tab-pane > div {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-25px);
}
.rodio-tabs .tab-pane.tab-text .text-pane p:not(:last-child) {
  margin-bottom: 3rem;
}
.rodio-tabs .tab-pane.first-render {
  opacity: 1;
  visibility: visible;
}
.rodio-tabs .tab-pane.first-render .tab-pane-inner {
  transform: translate(0, 0);
  opacity: inherit;
  visibility: inherit;
}
@media (max-width: 991px) {
  .rodio-tabs .tab-pane {
    padding: 5rem 0;
  }
  .rodio-tabs .tab-pane h3 {
    margin-bottom: 1.5rem;
  }
  .rodio-tabs .tab-pane.tab-template {
    padding: 0;
  }
}
.rodio-tabs .mobile-hidden {
  display: flex;
}
@media (max-width: 991px) {
  .rodio-tabs .mobile-hidden {
    display: none !important;
  }
}
.rodio-tabs .selectify-wrapper {
  display: none;
}
.rodio-tabs .selectify-wrapper .active,
.rodio-tabs .selectify-wrapper ul li {
  display: flex;
  align-items: center;
}
.rodio-tabs .selectify-wrapper .active .button-list-text,
.rodio-tabs .selectify-wrapper ul li .button-list-text {
  flex: 1;
}
.rodio-tabs .selectify-wrapper .active .icon-wrapper,
.rodio-tabs .selectify-wrapper ul li .icon-wrapper {
  flex: 0.1;
}
.rodio-tabs .selectify-wrapper .selected .icon-wrapper,
.rodio-tabs .selectify-wrapper .active .icon-wrapper {
  color: var(--color-primary);
  fill: var(--color-primary);
  flex: 0.1;
}
.rodio-tabs .selectify-wrapper .icon {
  margin-right: 1.3rem;
  font-size: 3rem;
  height: 3rem;
}
@media (max-width: 991px) {
  .rodio-tabs .selectify-wrapper {
    display: block;
  }
}
.rodio-tabs.tab-landscape {
  --gap: 1rem;
}
.rodio-tabs.tab-landscape .nav-tabs {
  gap: var(--gap);
  margin-bottom: var(--gap);
  width: max-content;
  display: block;
}
.rodio-tabs.tab-landscape .nav-item {
  width: auto;
  flex: 1;
  display: inline-block;
}
.rodio-tabs.tab-landscape .tab-content, .rodio-tabs.tab-landscape .tab-pane {
  margin: 0;
  padding: 0;
}
.rodio-tabs.tab-landscape .nav-link {
  flex-direction: row;
  align-items: center;
  padding: 2.4rem 2.5rem 2.2rem 2.5rem;
  border: none;
  border-radius: var(--border-radius);
  position: relative;
}
.rodio-tabs.tab-landscape .nav-link .button-list-text {
  flex: 1;
  text-align: left;
}
.rodio-tabs.tab-landscape .nav-link .icon-wrapper {
  margin-bottom: 0;
  display: block;
}
.rodio-tabs.tab-landscape .nav-link .icon {
  margin-right: 1.3rem;
  font-size: 3rem;
}
.rodio-tabs.tab-landscape .nav-link .icon-svg {
  height: 3rem;
}
.rodio-tabs.tab-landscape .nav-link::after {
  content: "";
  display: none;
  position: absolute;
  top: calc(100% - 1rem);
  left: 0;
  width: 100%;
  height: 0;
  background-color: inherit;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.rodio-tabs.tab-landscape .nav-link.active .icon {
  color: var(--color-primary);
}
.rodio-tabs.tab-landscape .nav-link.active::after {
  transition-delay: 0.25s;
  height: calc(var(--gap) * 4);
}

.tab-content > .active {
  display: block !important;
  z-index: 50;
}

.team-member {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.team-member-image {
  max-width: 100%;
  height: 44rem;
  border-radius: var(--border-radius);
  position: relative;
  top: -4rem;
  left: -1rem;
  z-index: 2;
}
.team-member-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  border-radius: inherit !important;
}
.team-member-bg {
  width: 100%;
  height: 100%;
  background-color: var(--color-dark);
  border-radius: var(--border-radius);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.team-member-content {
  margin-top: -2rem;
  z-index: 2;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.team-member-content-inner {
  padding: 0 3.5rem 1.8rem 3.5rem;
}
@media (max-width: 991px) {
  .team-member-content-inner {
    padding: 0 1.5rem 1.8rem 1.5rem;
  }
}
.team-member-content h4 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-white);
  line-height: 2.8rem;
}
.team-member-content h5 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-paragraph-1);
  line-height: 2.8rem;
}
.team-member-content ul {
  margin: 0px;
  padding: 0;
  height: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.team-member-content .reveal {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}
@media (max-width: 991px) {
  .team-member-content .reveal {
    bottom: 1rem;
    right: 1rem;
  }
}
.team-member-content li {
  list-style: none;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: var(--color-dark-3);
  color: var(--color-paragraph-1);
  fill: var(--color-paragraph-1);
  text-align: center;
  display: inline-block;
  transform: translateY(50px);
  opacity: 0;
}
.team-member-content li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  fill: inherit;
  font-size: 1.8rem;
  border-radius: inherit;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.team-member-content li a i {
  vertical-align: middle;
}
.team-member-content li a svg {
  height: 1.8rem;
}
.team-member-content li:hover a, .team-member-content li:focus a {
  color: var(--color-white);
  fill: var(--color-white);
}
@media (max-width: 991px) {
  .team-member-content li {
    width: 3.5rem;
    height: 3.5rem;
  }
  .team-member-content li a {
    font-size: 1.4rem;
  }
}
@media (max-width: 991px) {
  .team-member-image {
    width: 100%;
  }
  .team-member-image img {
    object-position: top;
  }
}

.team-slider .slider-header {
  margin-bottom: 9rem;
}
@media (max-width: 991px) {
  .team-slider .slider-header {
    margin-bottom: 7rem;
  }
}

.team-list-wrapper .team-member {
  margin-top: 4rem;
}

.image-box {
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-top: 4rem;
}
.image-box-image {
  max-width: 100%;
  height: 24.7rem;
  border-radius: var(--border-radius);
  position: relative;
  top: -4rem;
  left: -1rem;
  z-index: 2;
}
.image-box-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  border-radius: inherit !important;
}
.image-box-bg {
  width: 100%;
  height: 100%;
  background-color: var(--color-dark-2);
  border-radius: var(--border-radius);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.image-box-content {
  z-index: 2;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.image-box-content-inner {
  padding: 0 3.9rem 2rem 3.9rem;
}
@media (max-width: 991px) {
  .image-box-content-inner {
    padding: 0 3rem 3rem 3rem;
  }
}
.image-box-content .icon {
  width: max-content;
  font-size: 7rem;
  height: 7rem;
  color: var(--color-primary);
  fill: var(--color-primary);
}
@media (max-width: 991px) {
  .image-box-content .icon {
    font-size: 5rem;
    height: 5rem;
  }
}
.image-box-content h4 {
  font-size: 2.4rem;
  line-height: 4rem;
  font-weight: 600;
  color: var(--color-white);
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .image-box-content h4 {
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 3rem;
  }
}
.image-box-content .reveal {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}
.image-box-content .content {
  opacity: 0;
  transform: translateY(25px);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  height: 0;
  margin-bottom: 0;
}
.image-box-content .content p {
  margin-bottom: 0;
  color: var(--color-primary-light);
}
.image-box-content .content a {
  color: var(--color-white);
  display: inline-block;
  position: relative;
  margin-top: 20px;
}
.image-box-content .content a::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-white);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.image-box-content .content a:hover::after {
  width: 100%;
  opacity: 1;
}
.image-box.dropped .image-box-content,
.image-box.dropped .image-box-bg {
  background-color: var(--color-primary);
}
.image-box.dropped .image-box-content .icon {
  color: var(--color-white);
  fill: var(--color-white);
}
.image-box.dropped .image-box-content .reveal {
  background-color: var(--color-primary-light-2);
}
.image-box.dropped .image-box-content .reveal::before, .image-box.dropped .image-box-content .reveal::after {
  background-color: var(--color-primary);
}
.image-box.dropped .image-box-content .content p {
  color: var(--color-primary-light);
}
@media (max-width: 991px) {
  .image-box-image {
    width: 100%;
  }
}

.icon-box {
  display: flex;
  font-size: 6rem;
  width: 17.1rem;
  height: 16.7rem;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius);
  background-color: var(--color-primary);
}

.icon-svg {
  display: block;
}

.icon-svg svg {
  width: auto;
  height: 100%;
  fill: inherit;
  vertical-align: top;
}

.icon-box-alt {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: var(--color-primary);
  border-radius: var(--border-radius);
  padding: 3.4rem 3rem 2.7rem 3rem;
}
.icon-box-alt .icon {
  font-size: 3.4rem;
  height: 3.4rem;
  color: var(--color-white);
  fill: var(--color-white);
}
.icon-box-alt .sub {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-primary-light);
}
.icon-box-alt .main {
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--color-white);
  word-break: break-word;
}
@media (max-width: 991px) {
  .icon-box-alt {
    flex-direction: column;
    text-align: center;
  }
  .icon-box-alt .main {
    font-size: 2rem;
  }
}

.elementor-social-icon {
  position: relative;
}
.elementor-progress-wrapper::after, .elementor-progress-text {
  font-size: 1.6rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .elementor-progress-wrapper::after, .elementor-progress-text {
    font-size: 1.3rem;
  }
}

.elementor-progress-bar {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  border-radius: inherit !important;
}
.elementor-progress-text {
  position: absolute;
  right: var(--content-margin);
  color: var(--color-white);
}
.elementor-progress-percentage {
  font-size: 1.4rem;
  font-weight: 700;
  margin-left: var(--content-margin);
  letter-spacing: 0.1rem;
}
.elementor-progress-wrapper {
  z-index: -1;
  --content-margin: 3rem;
}
.elementor-progress-wrapper::after {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  right: var(--content-margin);
  transform: translateY(-50%);
  z-index: -1;
  color: var(--color-paragraph-2);
}
@media (max-width: 991px) {
  .elementor-progress-wrapper {
    --content-margin: 10px;
  }
  .elementor-progress-percentage {
    margin-left: 10px;
  }
}

.hs2-image-wrapper {
  width: 75%;
}
@media (max-width: 991px) {
  .hs2-image-wrapper {
    width: 100%;
    padding: 0 50px;
  }
}
@media (max-width: 767px) {
  .hs2-image-wrapper {
    padding: 0 25px;
  }
}
.hs2-image .swiper-container {
  overflow: visible;
}
.hs2-image .image {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  transition-delay: 0.3s;
}
@media (max-width: 991px) {
  .hs2-image .image {
    height: 30rem;
  }
  .hs2-image .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.hs2-image .swiper-slide-active .image {
  transform: translateY(11rem);
}
@media (max-width: 991px) {
  .hs2-image .swiper-slide-active .image {
    transform: translateY(5rem);
  }
}

.hs2-content-wrapper {
  width: 100%;
}
@media (max-width: 991px) {
  .hs2-content-wrapper {
    width: 100%;
  }
}
.hs2-content .swiper-slide {
  opacity: 1 !important;
}
.hs2-content .content {
  opacity: 0;
  visibility: hidden;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  position: relative;
}
.hs2-content .content.first-render {
  opacity: 1;
  visibility: visible;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.hs2-content .content-inner.text > * {
  font-size: 7rem;
  line-height: 10rem;
  font-weight: 600;
  color: var(--color-white);
}
@media (max-width: 991px) {
  .hs2-content .content-inner.text > * {
    font-size: calc(4rem + 3 * (100vw - 250px) / 1150);
    line-height: calc(6rem + 4 * (100vw - 250px) / 1150);
  }
}
@media (max-width: 991px) {
  .hs2-content {
    padding: 0 50px;
  }
  .hs2-content .slider-nav {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .hs2-content {
    padding: 0 25px;
  }
}

.hs1-content .content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 26.8rem 0 33.2rem 0;
  background-position: center;
  background-size: 100% 100%;
}
.hs1-content .content .text {
  font-size: 8rem;
  line-height: 10rem;
  font-weight: 600;
  color: var(--color-white);
}
.hs1-content .content .text * {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
@media (max-width: 991px) {
  .hs1-content .content {
    padding: 17.8rem 50px 25rem 50px;
  }
  .hs1-content .content .text {
    font-size: 4rem;
    line-height: 6rem;
  }
}
@media (max-width: 757px) {
  .hs1-content .content {
    padding: 17.8rem 25px 25rem 25px;
  }
}
.hs1-content .hs1-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hs1-content .hs1-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  animation-name: bgAnim1;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-direction: alternate;
  animation-timing-function: linear;
}
.hs1-content-wrapper {
  position: relative;
}
.hs1-content-wrapper .slider-nav-wrapper {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 20;
}
@media (max-width: 991px) {
  .hs1-content-wrapper .slider-nav-wrapper {
    display: none;
  }
}

@keyframes bgAnim {
  0% {
    background-size: 100% 100%;
    transform: translateZ(0px);
  }
  100% {
    background-size: 120% 120%;
    transform: translateZ(1px);
  }
}
@keyframes bgAnim1 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.hs1-box {
  margin-top: -22.3rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hs1-box .slider-nav {
  position: absolute;
  bottom: calc(100% + 5rem);
  left: 0;
  z-index: 2;
  display: none;
  justify-content: space-between;
}
.hs1-box .slider-nav-prev {
  margin-right: 1rem;
}
.hs1-box .slider-nav > div {
  background-color: var(--color-dark);
  color: var(--color-white);
  fill: var(--color-white);
}
@media (max-width: 991px) {
  .hs1-box .slider-nav {
    display: flex;
    justify-content: flex-start;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .hs1-box .slider-nav {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 991px) {
  .hs1-box {
    padding-top: 5rem;
  }
}
.hs1-box .swiper-container {
  overflow: visible;
}
.hs1-box .swiper-container .swiper-wrapper {
  align-items: center;
}
.hs1-box .image-box {
  margin-top: 0;
}
.hs1-box .image-box h4 {
  margin-top: 7.4rem;
}
.hs1-box .image-box-content {
  margin-top: 0;
  border-radius: var(--border-radius);
}
.hs1-box .image-box-content p {
  color: var(--color-primary-light);
}
.hs1-box .image-box-content-inner {
  padding: 5rem 5rem 2.5rem 5rem;
}
.hs1-box .image-box-bg {
  background-color: var(--color-dark);
}
@media (max-width: 991px) {
  .hs1-box .image-box h4 {
    margin-top: 3rem;
  }
  .hs1-box .image-box .icon {
    font-size: 6rem;
    height: 6rem;
  }
  .hs1-box .image-box-content-inner {
    padding: 3rem 3rem 2.5rem 3rem;
  }
}
.hs1-box .dropped .image-box-content {
  background-color: var(--color-primary);
}
.hs1-box .dropped .image-box-content .icon {
  color: var(--color-white);
}
.hs1-box .dropped .image-box-content .icon-svg {
  fill: var(--color-white);
}
.hs1-box .dropped .image-box-content .reveal {
  background-color: var(--color-primary-light-2);
}
.hs1-box .dropped .image-box-content .reveal::before, .hs1-box .dropped .image-box-content .reveal::after {
  background-color: var(--color-primary);
}

div.elementor-widget-video div.elementor-widget-container {
  overflow: visible !important;
}
div.elementor-widget-video div.elementor-widget-container div.elementor-wrapper.elementor-open-inline {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
div.elementor-widget-video .rodio-overlay-text {
  text-align: left;
  pointer-events: none;
  --bg-color: var(--color-primary);
}
div.elementor-widget-video .rodio-overlay-text span {
  --box-shadow-size: 11px;
  font-size: 5rem;
  font-weight: 600;
  color: var(--color-white);
  line-height: 9rem;
  background-color: var(--bg-color);
  box-shadow: var(--box-shadow-size) 0 0 var(--bg-color), calc(var(--box-shadow-size) * -1) 0 0 var(--bg-color);
  border-radius: 1rem;
  box-decoration-break: clone;
  margin: 0 var(--box-shadow-size);
  padding: 0.7rem 0;
}
div.elementor-widget-video .icon-box {
  position: absolute;
  right: 0;
  bottom: 0;
}
div.elementor-widget-video .icon-box i {
  font-size: inherit;
  text-shadow: none;
}
div.elementor-widget-video .elementor-custom-embed-play {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
div.elementor-widget-video .elementor-custom-embed-play > i {
  display: none;
}
div.elementor-widget-video .elementor-custom-embed-play svg {
  width: inherit;
  height: inherit;
  filter: none;
  opacity: 1;
  vertical-align: initial;
  display: none;
}

.rodio-overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.masonry-item {
  width: calc(50% - 5px);
  margin-bottom: 10px;
  border-radius: var(--border-radius);
}
.masonry-item img {
  border-radius: inherit !important;
  width: 100%;
  object-fit: cover;
}

.single-icon-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-primary);
  border-radius: var(--border-radius);
  padding: 1.3rem 2rem 1.3rem 3rem;
  width: 100%;
  height: 100%;
}
.single-icon-box .content {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.4rem;
  color: var(--color-white);
  width: 70%;
}
.single-icon-box .icon-wrapper {
  width: max-content;
}
.single-icon-box .icon-inner {
  border-radius: 50%;
  background-color: var(--color-white);
  color: var(--color-primary);
  fill: var(--color-primary);
  font-size: 2.4rem;
  padding: 1.3rem 1.3rem;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-icon-box .icon-inner .icon-svg {
  height: 2.5rem;
}

.rodio-elementor-template-wrapper {
  margin: 15rem 0;
}

.r-image {
  height: 100%;
  border-radius: inherit;
}
.r-image-inner {
  position: absolute;
  border-radius: inherit;
}
.r-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  border-radius: inherit !important;
}

.fadeInUp {
  animation-name: rodiofadeInUp !important;
}
@media (max-width: 991px) {
  .fadeInUp {
    animation-name: rodiofadeInUpMobile !important;
  }
}

@keyframes rodiofadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes rodiofadeInUpMobile {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rodio-logo a {
  position: relative;
  display: block;
}
.rodio-logo .normal-logo {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.rodio-logo .scrolled-logo {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.sticky-nav.scrolled .rodio-logo.scrollable .normal-logo {
  opacity: 0;
  visibility: hidden;
}
.sticky-nav.scrolled .rodio-logo.scrollable .scrolled-logo {
  opacity: 1;
  visibility: visible;
}

.elementor-icon-list-items li a .elementor-icon-list-text {
  position: relative;
  width: max-content;
}
.elementor-icon-list-items li a .elementor-icon-list-text::after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.elementor-icon-list-items li:hover a .elementor-icon-list-text::after {
  width: 100%;
  opacity: 1;
}

.gallery .filter-wrapper {
  margin-bottom: 2.5rem;
}
.gallery .filter-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.gallery .filter-list a {
  border-radius: var(--border-radius);
  color: var(--color-paragraph);
  display: block;
  padding: 1.5rem 3rem 1rem 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.gallery .filter-list a.selected {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-weight: 700;
}
.gallery .filter-list a:not(.selected):hover, .gallery .filter-list a:not(.selected):focus {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.gallery .selectify-wrapper {
  display: none;
}
.gallery .selectify-wrapper .active {
  background-color: var(--color-grey-1);
}
.gallery .selectify-wrapper ul {
  background-color: var(--color-grey-1);
}
.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.gallery-item img {
  border-radius: inherit;
}
.gallery-item .hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 60%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary-light-3);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.gallery-item .hover svg {
  fill: var(--color-white);
  height: 5rem;
}
.gallery-item:hover .hover {
  top: 0;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .gallery .filter-list {
    display: none;
  }
  .gallery .selectify-wrapper {
    display: block;
  }
  .gallery .filter-wrapper {
    margin-bottom: -1.5rem;
  }
}

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