/*-----------------------------------------------------------------------------------
	somewhere_beyond_V1_2026
	Built with Blocs
-----------------------------------------------------------------------------------*/
body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container {
    overflow: hidden;
} /* Prevents unwanted scroll space when scroll FX used. */
a,
button {
    transition: background 0.3s ease-in-out;
    outline: none !important;
} /* Prevent blue selection glow on Chrome and Safari */
a:hover {
    text-decoration: none;
    cursor: pointer;
}
.scroll-fx-lock-init {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
} /* ScrollFX Lock */
.blocs-grid-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
} /* CSS Grid */
nav .dropdown-menu .nav-link {
    color: rgba(0, 0, 0, 0.6) !important;
} /* Maintain Downdown Menu Link Color in Navigation */
[data-bs-theme="dark"] nav .dropdown-menu .nav-link {
    color: var(--bs-dropdown-link-color) !important;
} /* Maintain Downdown Menu Link Color in Navigation in Darkmode */

/* Preloader */

.page-preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 100000;
    background: #ffffff url("img/pageload-spinner.gif") no-repeat center center;
    animation-name: preloader-fade;
    animation-delay: 2s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.preloader-complete {
    animation-delay: 0.1s;
}
@keyframes preloader-fade {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

/* = Web Fonts
-------------------------------------------------------------- */

@font-face {
    font-family: "WulkanDisplaySemiBold";
    src: url("./fonts/WulkanDisplaySemiBold/WulkanDisplaySemiBold.ttf");
    src: url("./fonts/WulkanDisplaySemiBold/WulkanDisplaySemiBold.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mistral";
    src: url("./fonts/Mistral/design.graffiti.mistral.ttf");
    src: url("./fonts/Mistral/design.graffiti.mistral.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "QueueMono-Book";
    src: url("./fonts/QueueMono-Book/QueueMono-Book.ttf");
    src: url("./fonts/QueueMono-Book/QueueMono-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "WulkanDisplayMediumItalic";
    src: url("./fonts/WulkanDisplayMediumItalic/WulkanDisplayMediumItalic.ttf");
    src: url("./fonts/WulkanDisplayMediumItalic/WulkanDisplayMediumItalic.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "WulkanDisplayBlackItalic";
    src: url("./fonts/WulkanDisplayBlackItalic/WulkanDisplayBlackItalic.ttf");
    src: url("./fonts/WulkanDisplayBlackItalic/WulkanDisplayBlackItalic.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "QueueMono-Medium";
    src: url("./fonts/QueueMono-Medium/QueueMono-Medium.ttf");
    src: url("./fonts/QueueMono-Medium/QueueMono-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "WulkanDisplayLight";
    src: url("./fonts/WulkanDisplayLight/WulkanDisplayLight.ttf");
    src: url("./fonts/WulkanDisplayLight/WulkanDisplayLight.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ayer-Regular";
    src: url("./fonts/Ayer-Regular/Ayer-Regular.ttf");
    src: url("./fonts/Ayer-Regular/Ayer-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TTBells-BlackItalic";
    src: url("./fonts/TTBells-BlackItalic/TTBells-BlackItalic.ttf");
    src: url("./fonts/TTBells-BlackItalic/TTBells-BlackItalic.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "WulkanDisplaySemiBoldItalic";
    src: url("./fonts/WulkanDisplaySemiBoldItalic/WulkanDisplaySemiBoldItalic.ttf");
    src: url("./fonts/WulkanDisplaySemiBoldItalic/WulkanDisplaySemiBoldItalic.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AGOldFace-Bold";
    src: url("./fonts/AGOldFace-Bold/AGOldFace-Bold.ttf");
    src: url("./fonts/AGOldFace-Bold/AGOldFace-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AGOldFace-BoldOutline";
    src: url("./fonts/AGOldFace-BoldOutline/AGOldFace-BoldOutline.ttf");
    src: url("./fonts/AGOldFace-BoldOutline/AGOldFace-BoldOutline.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ApercuCondensedPro-BoldItalic";
    src: url("./fonts/ApercuCondensedPro-BoldItalic/ApercuCondensedPro-BoldItalic.ttf");
    src: url("./fonts/ApercuCondensedPro-BoldItalic/ApercuCondensedPro-BoldItalic.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "WulkanDisplayRegular";
    src: url("./fonts/WulkanDisplayRegular/WulkanDisplayRegular.ttf");
    src: url("./fonts/WulkanDisplayRegular/WulkanDisplayRegular.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ApercuCondensedPro-Italic";
    src: url("./fonts/ApercuCondensedPro-Italic/ApercuCondensedPro-Italic.ttf");
    src: url("./fonts/ApercuCondensedPro-Italic/ApercuCondensedPro-Italic.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "QueueMono-Bold";
    src: url("./fonts/QueueMono-Bold/QueueMono-Bold.ttf");
    src: url("./fonts/QueueMono-Bold/QueueMono-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "QueueMono-Light";
    src: url("./fonts/QueueMono-Light/QueueMono-Light.ttf");
    src: url("./fonts/QueueMono-Light/QueueMono-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc {
    width: 100%;
    clear: both;
    background: 50% 50% no-repeat;
    padding: 0 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    display: flex;
}
.bloc .container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

/* Sizes */

.bloc-lg {
    padding: 100px 20px;
}
.bloc-md {
    padding: 50px 20px;
}
.bloc-sm {
    padding: 20px;
}

/* = Full Screen Blocs
-------------------------------------------------------------- */

.bloc-fill-screen {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
}
.bloc-fill-screen > .container {
    align-self: flex-middle;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row {
    flex-grow: 1;
    align-self: center;
    width: 100%;
}
.bloc-fill-screen .fill-bloc-top-edge,
.bloc-fill-screen .fill-bloc-bottom-edge {
    flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge {
    align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge {
    align-self: flex-end;
}

/* = Full Width Blocs
-------------------------------------------------------------- */

.full-width-bloc {
    padding-left: 0;
    padding-right: 0;
}
.full-width-bloc .row {
    margin-left: 0;
    margin-right: 0;
}
.full-width-bloc .container {
    width: 100%;
    max-width: 100% !important;
}
.full-width-bloc .carousel img {
    width: 100%;
    height: auto;
}

/* Group Styles */

.bloc-group {
    display: flex;
}
.bloc-tile-2 {
    width: 50%;
}
.bloc-tile-3 {
    width: 33.33333333%;
}
.bloc-tile-4 {
    width: 25%;
}
.bloc-tile-2 .container,
.bloc-tile-3 .container,
.bloc-tile-4 .container {
    width: 100%;
}

/* Edge Dividers */

.bloc-shape-divider {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 0;
    display: flex;
    pointer-events: none;
}
.svg-divider {
    width: 100%;
    height: 100px;
    fill: #000000;
}
.bloc-divider-top {
    top: -1px;
    align-items: flex-start;
}
.bloc-divider-bottom {
    bottom: -1px;
    align-items: flex-end;
}

/* Background Styles */

.bg-center,
.bg-l-edge,
.bg-r-edge,
.bg-t-edge,
.bg-b-edge,
.bg-tl-edge,
.bg-bl-edge,
.bg-tr-edge,
.bg-br-edge,
.bg-repeat {
    -webkit-background-size: auto !important;
    -moz-background-size: auto !important;
    -o-background-size: auto !important;
    background-size: auto !important;
}

/* Video Background Styles */

.video-bg-container,
.bloc-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: -50%;
    overflow: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.bloc-video,
.video-bg-container iframe {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
}

/* Background Textures */

.bloc-bg-texture::before {
    content: "";
    background-size: 2px 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.texture-darken::before {
    background: rgba(0, 0, 0, 0.5);
}

/* Background Effects */

.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.parallax {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Dark theme */

.d-bloc {
    color: rgba(255, 255, 255, 0.7);
}
.d-bloc button:hover {
    color: rgba(255, 255, 255, 0.9);
}
.d-bloc .icon-round,
.d-bloc .icon-square,
.d-bloc .icon-rounded,
.d-bloc .icon-semi-rounded-a,
.d-bloc .icon-semi-rounded-b {
    border-color: rgba(255, 255, 255, 0.9);
}
.d-bloc .divider-h span {
    border-color: rgba(255, 255, 255, 0.2);
}
.d-bloc .a-btn,
.d-bloc .navbar a,
.d-bloc a .icon-sm,
.d-bloc a .icon-md,
.d-bloc a .icon-lg,
.d-bloc a .icon-xl,
.d-bloc h1 a,
.d-bloc h2 a,
.d-bloc h3 a,
.d-bloc h4 a,
.d-bloc h5 a,
.d-bloc h6 a,
.d-bloc p a {
    color: rgba(255, 255, 255, 0.6);
}
.d-bloc .a-btn:hover,
.d-bloc .navbar a:hover,
.d-bloc a:hover .icon-sm,
.d-bloc a:hover .icon-md,
.d-bloc a:hover .icon-lg,
.d-bloc a:hover .icon-xl,
.d-bloc h1 a:hover,
.d-bloc h2 a:hover,
.d-bloc h3 a:hover,
.d-bloc h4 a:hover,
.d-bloc h5 a:hover,
.d-bloc h6 a:hover,
.d-bloc p a:hover {
    color: rgba(255, 255, 255, 1);
}
.d-bloc .navbar-toggle .icon-bar {
    background: rgba(255, 255, 255, 1);
}
.d-bloc .btn-wire,
.d-bloc .btn-wire:hover {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}
.d-bloc .card {
    color: rgba(0, 0, 0, 0.5);
}
.d-bloc .card button:hover {
    color: rgba(0, 0, 0, 0.7);
}
.d-bloc .card icon {
    border-color: rgba(0, 0, 0, 0.7);
}
.d-bloc .card .divider-h span {
    border-color: rgba(0, 0, 0, 0.1);
}
.d-bloc .card .a-btn {
    color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .a-btn:hover {
    color: rgba(0, 0, 0, 1);
}
.d-bloc .card .btn-wire,
.d-bloc .card .btn-wire:hover {
    color: rgba(0, 0, 0, 0.7);
    border-color: rgba(0, 0, 0, 0.3);
}

/* Light theme */

.d-bloc .card,
.l-bloc {
    color: rgba(0, 0, 0, 0.5);
}
.d-bloc .card button:hover,
.l-bloc button:hover {
    color: rgba(0, 0, 0, 0.7);
}
.l-bloc .icon-round,
.l-bloc .icon-square,
.l-bloc .icon-rounded,
.l-bloc .icon-semi-rounded-a,
.l-bloc .icon-semi-rounded-b {
    border-color: rgba(0, 0, 0, 0.7);
}
.d-bloc .card .divider-h span,
.l-bloc .divider-h span {
    border-color: rgba(0, 0, 0, 0.1);
}
.d-bloc .card .a-btn,
.l-bloc .a-btn,
.l-bloc .navbar a,
.l-bloc a .icon-sm,
.l-bloc a .icon-md,
.l-bloc a .icon-lg,
.l-bloc a .icon-xl,
.l-bloc h1 a,
.l-bloc h2 a,
.l-bloc h3 a,
.l-bloc h4 a,
.l-bloc h5 a,
.l-bloc h6 a,
.l-bloc p a {
    color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .a-btn:hover,
.l-bloc .a-btn:hover,
.l-bloc .navbar a:hover,
.l-bloc a:hover .icon-sm,
.l-bloc a:hover .icon-md,
.l-bloc a:hover .icon-lg,
.l-bloc a:hover .icon-xl,
.l-bloc h1 a:hover,
.l-bloc h2 a:hover,
.l-bloc h3 a:hover,
.l-bloc h4 a:hover,
.l-bloc h5 a:hover,
.l-bloc h6 a:hover,
.l-bloc p a:hover {
    color: rgba(0, 0, 0, 1);
}
.l-bloc .navbar-toggle .icon-bar {
    color: rgba(0, 0, 0, 0.6);
}
.d-bloc .card .btn-wire,
.d-bloc .card .btn-wire:hover,
.l-bloc .btn-wire,
.l-bloc .btn-wire:hover {
    color: rgba(0, 0, 0, 0.7);
    border-color: rgba(0, 0, 0, 0.3);
}

/* = NavBar
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon {
    fill: none;
    stroke: rgba(0, 0, 0, 0.5);
    stroke-width: 2px;
    fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon {
    stroke: rgba(255, 255, 255, 0.5);
}
.menu-icon-thin-bars {
    stroke-width: 1px;
}
.menu-icon-thick-bars {
    stroke-width: 5px;
}
.menu-icon-rounded-bars {
    stroke-width: 3px;
    stroke-linecap: round;
}
.menu-icon-filled {
    fill: rgba(0, 0, 0, 0.5);
    stroke-width: 0px;
}
.navbar-dark .menu-icon-filled {
    fill: rgba(255, 255, 255, 0.5);
}
.navbar-toggler-icon {
    background: none !important;
    pointer-events: none;
    width: 33px;
    height: 33px;
}

/* Nav Special Classes */
.nav-special {
    overflow-y: scroll;
}
.nav-special .site-navigation {
    top: 0;
    left: 0;
    width: 100%;
    position: relative !important;
    max-width: 100% !important;
    z-index: 1000;
}
.nav-special .nav > li {
    width: 100%;
    background: none !important;
    border: 0 !important;
}
.nav-special.collapsing {
    -webkit-transition: none;
    transition: none;
    height: 100% !important;
    background: none !important;
}
.nav-special .navbar-nav .dropdown-menu.show {
    position: relative !important;
    transform: none !important;
    float: none;
    width: 100%;
    margin-top: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}
.nav-special .nav .dropdown-menu .nav-link {
    color: #fff;
}
.blocsapp-special-menu {
    position: absolute;
    z-index: 10000;
}
.nav-special.fullscreen-nav .caret,
.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret {
    border-width: 8px;
}
.nav-special .navbar-nav .show > .nav-link {
    color: #fff;
}

/* Animate Menu Symbol */
.navbar-toggle {
    transition: all 0.1s linear;
}
.selected-nav {
    opacity: 0;
    transform: scale(0.3);
    transition: all 0.1s linear;
}

/* Special Menu Close Button */
.close-special-menu {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    top: 16px;
    right: 10px;
    z-index: 10000;
}
.nav-invert .sidebar-nav .close-special-menu {
    left: 260px;
}
.close-special-menu .close-icon {
    display: block;
    width: 100%;
    height: 1px;
    transform: rotate(45deg);
    margin-top: 12px;
}
.close-special-menu .close-icon:after {
    content: "";
    display: inherit;
    width: inherit;
    height: inherit;
    background: inherit;
    transform: rotate(90deg);
}
.lock-scroll {
    overflow: hidden;
    transition: background 0.3s linear;
}
.nav-special::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
}
.nav-special .dropdown-menu .dropdown .caret {
    border-top-color: rgba(255, 255, 255, 0.8);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin: 0 0 0 5px;
    float: none;
}
.blocsapp-special-menu .site-navigation.pull-right {
    float: none !important;
}

/* Nav Special Close Button */
.close-special-menu .close-icon {
    background: #fff;
}
.blocsapp-special-menu blocsnav {
    background: #000;
}

/* Full Screen Navigation */
.nav-special.fullscreen-nav {
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1000;
    position: fixed;
    transition: all 0.2s linear;
}
.nav-special.fullscreen-nav.open-up {
    transform: translateY(1000px);
}
.nav-special.fullscreen-nav.open-down {
    transform: translateY(-1000px);
}
.nav-special.fullscreen-nav.open-left {
    transform: translateX(-1000px);
}
.nav-special.fullscreen-nav.open-right {
    transform: translateX(1000px);
}
.nav-special.fullscreen-nav .nav > li a,
.nav-special.fullscreen-nav .nav .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 28px;
}
.nav-special.fullscreen-nav .nav > li a:hover {
    color: #fff;
}
.open.nav-special.fullscreen-nav {
    opacity: 1;
    transition: all 0.2s linear;
}
.nav-special.fullscreen-nav .site-navigation {
    text-align: center;
    margin-top: 10% !important;
}
.nav-special.fullscreen-nav .close-special-menu {
    right: 20px;
}
.open.nav-special.fullscreen-nav.open-left,
.open.nav-special.fullscreen-nav.open-right,
.open.nav-special.fullscreen-nav.open-down,
.open.nav-special.fullscreen-nav.open-up {
    transform: translateY(0);
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu {
    border: none;
}
@media (min-width: 576px) {
    .navbar-expand-sm .dropdown-menu .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, 0.15);
        position: absolute;
        left: 100%;
        top: -7px;
    }
    .navbar-expand-sm .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md .dropdown-menu .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, 0.15);
        border: 1px solid rgba(0, 0, 0, 0.15);
        position: absolute;
        left: 100%;
        top: -7px;
    }
    .navbar-expand-md .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .dropdown-menu .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, 0.15);
        position: absolute;
        left: 100%;
        top: -7px;
    }
    .navbar-expand-lg .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,
.btn-d:hover,
.btn-d:focus {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
}

.btn-rd {
    border-radius: 40px;
}
.btn-xl {
    padding: 16px 40px;
    font-size: 28px;
}
.a-block {
    width: 100%;
    text-align: left;
    display: inline-block;
}
.text-center .a-block {
    text-align: center;
}

/* = Icons
-------------------------------------------------------------- */
blocsicon {
    display: inline-block;
    width: 100%;
}
blocsicon svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Image Scale */
.img-fluid-up {
    min-width: 100%;
    height: auto;
}

/* = Text Widths
-------------------------------------------------------------- */
.text-w-80 {
    max-width: 80%;
}
.text-center.text-w-sm,
.text-center.text-w-md,
.text-center.text-w-lg,
.text-center.text-w-90,
.text-center.text-w-80,
.text-center.text-w-70,
.text-center.text-w-60,
.text-center.text-w-50 {
    margin-left: auto;
    margin-right: auto;
}

/*
    Lists
*/

.list-horizontal-layout {
    padding-left: 0px;
}

.list-horizontal-layout li {
    display: inline-block;
    margin: 0 0.5rem;
}

.list-is-0:not(.list-horizontal-layout):not(.navbar-nav) li {
    margin-bottom: 0px !important;
}

.list-is-1:not(.list-horizontal-layout):not(.navbar-nav) li {
    margin-bottom: 0.25rem !important;
}

.list-is-2:not(.list-horizontal-layout):not(.navbar-nav) li {
    margin-bottom: 0.5rem !important;
}

.list-is-3:not(.list-horizontal-layout):not(.navbar-nav) li {
    margin-bottom: 1rem !important;
}

.list-is-4:not(.list-horizontal-layout):not(.navbar-nav) li {
    margin-bottom: 1.5rem !important;
}

.list-is-5:not(.list-horizontal-layout):not(.navbar-nav) li {
    margin-bottom: 3rem !important;
}

/* --- Small (sm) --- */
@media (min-width: 576px) {
    .list-is-sm-0:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0rem !important;
    }
    .list-is-sm-1:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0.25rem !important;
    }
    .list-is-sm-2:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0.5rem !important;
    }
    .list-is-sm-3:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 1rem !important;
    }
    .list-is-sm-4:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 1.5rem !important;
    }
    .list-is-sm-5:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 3rem !important;
    }
}

/* --- Medium (md) --- */
@media (min-width: 768px) {
    .list-is-md-0:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0rem !important;
    }
    .list-is-md-1:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0.25rem !important;
    }
    .list-is-md-2:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0.5rem !important;
    }
    .list-is-md-3:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 1rem !important;
    }
    .list-is-md-4:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 1.5rem !important;
    }
    .list-is-md-5:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 3rem !important;
    }
}

/* --- Large (lg) --- */
@media (min-width: 992px) {
    .list-is-lg-0:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0rem !important;
    }
    .list-is-lg-1:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0.25rem !important;
    }
    .list-is-lg-2:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 0.5rem !important;
    }
    .list-is-lg-3:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 1rem !important;
    }
    .list-is-lg-4:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 1.5rem !important;
    }
    .list-is-lg-5:not(.list-horizontal-layout):not(.navbar-nav) li {
        margin-bottom: 3rem !important;
    }
}

/* --- Clear Botton Margin on Last List Item --- */
[class*="list-is-"]:not(.list-horizontal-layout):not(.navbar-nav)
    li:last-child {
    margin-bottom: 0 !important;
}

/* --- Small (sm) --- */
@media (min-width: 576px) {
    .list-horizontal-layout.list-is-sm-0 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-0 li {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .list-horizontal-layout.list-is-sm-1 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-1 li {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .list-horizontal-layout.list-is-sm-2 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-2 li {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .list-horizontal-layout.list-is-sm-3 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-3 li {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .list-horizontal-layout.list-is-sm-4 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-4 li {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .list-horizontal-layout.list-is-sm-5 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-sm-5 li {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

/* --- Medium (md) --- */
@media (min-width: 768px) {
    .list-horizontal-layout.list-is-md-0 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-0 li {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .list-horizontal-layout.list-is-md-1 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-1 li {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .list-horizontal-layout.list-is-md-2 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-2 li {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .list-horizontal-layout.list-is-md-3 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-3 li {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .list-horizontal-layout.list-is-md-4 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-4 li {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .list-horizontal-layout.list-is-md-5 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-md-5 li {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

/* --- Large (lg) --- */
@media (min-width: 992px) {
    .list-horizontal-layout.list-is-lg-0 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-0 li {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .list-horizontal-layout.list-is-lg-1 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-1 li {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .list-horizontal-layout.list-is-lg-2 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-2 li {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }

    .list-horizontal-layout.list-is-lg-3 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-3 li {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .list-horizontal-layout.list-is-lg-4 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-4 li {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }

    .list-horizontal-layout.list-is-lg-5 li,
    div:not(.blocsapp-special-menu) .navbar-nav.list-is-lg-5 li {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

.list-horizontal-layout.list-is-0 li,
.navbar-nav.list-is-0 li {
    margin-left: 0px;
    margin-right: 0px;
}

.list-horizontal-layout.list-is-1 li,
.navbar-nav.list-is-1 li {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.list-horizontal-layout.list-is-2 li,
.navbar-nav.list-is-2 li {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.list-horizontal-layout.list-is-3 li,
.navbar-nav.list-is-3 li {
    margin-left: 1rem;
    margin-right: 1rem;
}

.list-horizontal-layout.list-is-4 li,
.navbar-nav.list-is-4 li {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.list-horizontal-layout.list-is-5 li,
.navbar-nav.list-is-5 li {
    margin-left: 3rem;
    margin-right: 3rem;
}

/* --- Clear Left and Right Margin on First and Horizontal Last List Item --- */
.list-horizontal-layout[class*="list-is-"] li:first-child,
div:not(.blocsapp-special-menu) .navbar-nav[class*="list-is-"] li:first-child {
    margin-left: 0 !important;
}

.list-horizontal-layout[class*="list-is-"] li:last-child,
div:not(.blocsapp-special-menu) .navbar-nav[class*="list-is-"] li:last-child {
    margin-right: 0 !important;
}

/* --- Prevent Spacing on Collapsed Menu and Special Menu Items --- */
.navbar:not(.navbar-expand-sm):not(.navbar-expand-md):not(
        .navbar-expand-lg
    ):not(.navbar-expand-xl):not(.navbar-expand-xxl)
    [class*="list-is-"]
    li,
blocsnav [class*="list-is-"] li {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 991.98px) {
    .navbar-expand-lg [class*="list-is-"] li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md [class*="list-is-"] li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .navbar-expand-sm [class*="list-is-"] li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.card-sq,
.card-sq .card-header,
.card-sq .card-footer {
    border-radius: 0;
}
.card-rd {
    border-radius: 30px;
}
.card-rd .card-header {
    border-radius: 29px 29px 0 0;
}
.card-rd .card-footer {
    border-radius: 0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
/* = Classic Dividers
-------------------------------------------------------------- */
.divider-h {
    min-height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    margin: 20px 0;
}
.divider-half {
    width: 50%;
}
.dropdown-menu .divider-h {
    margin: 0;
}

/* Scroll FX */
.scroll-fx-in-range {
    will-change: opacity;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
.btn,
a {
    font-family: "QueueMono-Book";
}
.container {
    max-width: 1140px;
}
.hero-header {
    font-size: 140px;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: var(--swatch-var-4234) !important;
    line-height: 150px;
    letter-spacing: 10px;
    font-weight: 700;
    font-family: "EditorialNew";
}
.hero-row {
    margin-top: -30%;
}
.feature-icon {
    max-width: 60px;
}
.uppercase-title {
    text-transform: uppercase;
    font-weight: 700;
    font-family: "QueueMono-Book";
}
.primary-icon {
    fill: var(--swatch-var-4294) !important;
}
.hero-sub {
    text-shadow: 0px -0px 7px #000000;
    font-family: "Mistral";
    font-weight: 300;
    font-size: 54px;
    color: var(--swatch-var-4234) !important;
}
.large-icon {
    max-width: 200px;
}
.white-icon {
    fill: var(--swatch-var-4234);
}
.feature-heading {
    font-size: 60px;
    font-weight: 700;
    font-family: "WulkanDisplayMediumItalic";
}
.sm-icon {
    max-width: 30px;
}
.sm-icon-alt {
    max-width: 38px;
}
.custom-btn {
    font-size: 18px;
    font-weight: 700;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 150px;
    font-family: "QueueMono-Medium";
}
.info-text {
    font-size: 24px;
    font-family: "QueueMono-Book";
    color: var(--swatch-var-4234) !important;
}
.feature-heading-md {
    font-weight: 700;
    font-family: "Ayer-Regular";
    font-size: 56px;
    line-height: 56px;
    text-transform: uppercase;
}
.logo-style {
    font-family: "QueueMono-Book";
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.navbar-nav li a {
    font-family: "WulkanDisplayMediumItalic";
    font-weight: 700;
    font-size: 18px;
    transition: all 0.3s ease-in-out 0s;
}
.hero-top-fade {
    font-family: "AtHaussMono-Bold";
}
.hero-top-fade::before {
    content: " ";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(
        0deg,
        transparent 50%,
        var(--swatch-var-1523) 97%
    );
}
.heading-border {
    border-style: solid;
    border-color: var(--swatch-var-4294) !important;
    padding-left: 10px;
    border-width: 0px 0px 0px 6px;
}
.heading-shadow {
    text-shadow: 0px -0px 15px rgba(0, 0, 0, 0.6);
}
.hover-anim {
    transition: all 0.2s ease-in-out 0s;
}
.hover-anim:hover {
    transition: all 0.2s ease-in-out 0s;
    transform: scale(1.05);
}
.hover-grow {
    transition: all 0.3s ease-in-out 0s;
}
.hover-grow:hover {
    transition: all 0.3s ease-in-out 0s;
    transform: scale(1.05);
    filter: blur(5px);
}
.image-container {
    overflow: hidden;
    max-width: 100%;
}
.footer-link {
    transition: all 0.3s ease-in-out 0s;
    font-family: "QueueMono-Bold";
}
.footer-link:hover {
    transform: scale(1.01);
    transition: all 0.3s ease-in-out 0s;
}
.navbar-nav li a:hover {
    transition: all 0.3s ease-in-out 0s;
    transform: scale(1.1);
    color: var(--swatch-var-4234) !important;
}
.light-divider {
    background-color: rgba(255, 255, 255, 0.3);
}
.glass-card {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-width: 1px 1px 1px 1px;
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-style: solid;
    box-shadow:
        inset 0px 1px 0px rgba(255, 255, 255, 0.27),
        0px 6px 25px rgba(0, 0, 0, 0.5);
}
.custom-card {
    padding: 30px 30px 30px 30px;
    border-radius: 20px 20px 20px 20px;
}
.page-heading {
    font-size: 100px;
    font-weight: bold;
}
.news-card {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 20px 20px 20px 20px;
    border-color: rgba(0, 0, 0, 0.2) !important;
}
.news-grid {
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: 1fr;
}
.navbar-brand img {
    width: 144px;
}
.menu-style {
    font-family: "AtHaussMono-Bold";
    font-size: 16px;
}
.nav-style {
    font-family: "AtHaussMono-Bold";
}
.h1-style {
    letter-spacing: 0px;
    font-size: 140px;
    line-height: 140px;
    font-family: "WulkanDisplaySemiBold";
    padding-top: 160px;
}
.h3-style {
    width: 100%;
    font-family: "WulkanDisplayBlackItalic";
    line-height: 96px;
    font-size: 96px;
}
.paragraph {
    font-family: "QueueMono-Book";
    color: var(--swatch-var-5795) !important;
}
.h4-style {
    font-family: "QueueMono-Light";
}
.h5-style {
    font-family: "TTBells-BlackItalic";
    color: var(--swatch-var-4294) !important;
    font-size: 24px;
}
.svg-icon-hero-style {
    width: 40px !important;
    height: 40px !important;
    fill: var(--swatch-var-4294) !important;
}
.p-style {
    font-size: 56px;
    line-height: 56px;
    width: 100%;
}
.h3-feature-2-style {
    font-family: "WulkanDisplayLight";
    font-size: 80px;
    line-height: 80px;
}
.h3-feature-3-style {
    font-family: "WulkanDisplaySemiBoldItalic";
    font-size: 140px;
    line-height: 120px;
}
.h4-discord-style {
    font-family: "WulkanDisplaySemiBoldItalic";
    color: var(--swatch-var-4294) !important;
    font-size: 24px;
}
.img-style {
    width: 197px;
    height: 95px;
}
.p-features-style {
    font-family: "WulkanDisplayMediumItalic";
}
.p-3-style {
    font-family: "WulkanDisplayMediumItalic";
}
.p-4-style {
    font-family: "WulkanDisplayMediumItalic";
}
.p-5-style {
    font-family: "WulkanDisplayMediumItalic";
}
.p-6-style {
    font-family: "WulkanDisplayMediumItalic";
}
.span-footer {
    font-size: 16px;
}
.navbar-logo {
    text-transform: none;
    text-decoration: none;
    font-size: 20px;
}
.img-asset-9-style {
    height: 95px;
    width: 197px;
}
.h1-page-header-style {
    font-family: "WulkanDisplaySemiBoldItalic";
    font-size: 120px;
}
.p-contact-style {
    font-family: "QueueMono-Book";
}
.color-invert {
    filter: invert(100%);
}
.h6-style {
    font-family: "WulkanDisplayMediumItalic";
}
.p-18-style {
    font-family: "WulkanDisplayRegular";
    font-size: 56px;
    line-height: 56px;
    color: var(--swatch-var-4294) !important;
}
.span-about {
    font-size: 72px;
    color: var(--swatch-var-5795) !important;
    font-family: "ApercuCondensedPro-Italic";
}
.bold {
    font-family: "ApercuCondensedPro-BoldItalic";
    font-size: 24px;
    line-height: 24px;
}
.divider-background-color {
    background-color: var(--swatch-var-4294);
}
.large-btn {
    font-size: 32px;
    padding-left: 48px;
    padding-right: 48px;
    color: var(--swatch-var-4234) !important;
}
.h4-4-style {
    font-size: 90px;
}
.h6-page-header-style {
    font-size: 48px;
}
.span-all-caps {
    text-transform: uppercase;
}
.moneylenders-class {
    font-family: "AGOldFace-Bold";
    color: #dffe02 !important;
    font-size: 88px;
}
.outline {
    font-family: "AGOldFace-BoldOutline";
}
.h4-bloc-6-style {
    line-height: 72px;
    font-size: 72px;
}
.bloc-divider-b-fill {
    fill: var(--swatch-var-4294);
}
.news-date {
    color: var(--swatch-var-4234) !important;
    font-family: "ApercuCondensedPro-BoldItalic";
    text-align: center;
    font-size: 40px;
}
.links {
    font-family: "QueueMono-Bold";
    color: var(--swatch-var-4294) !important;
}
.img-footer {
    width: 100px;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root {
    --swatch-var-4234: rgba(255, 255, 255, 1);

    --swatch-var-1523: rgba(0, 0, 0, 1);

    --swatch-var-5795: rgba(11, 25, 43, 1);

    --swatch-var-4294: rgba(132, 61, 219, 1);

    --swatch-var-6524: rgba(255, 255, 255, 0.65);

    --swatch-var-2997: rgba(180, 192, 206, 1);
}

/* Background colour styles */

.bgc-4294 {
    background-color: var(--swatch-var-4294);
}
.bgc-1523 {
    background-color: var(--swatch-var-1523);
}
.bgc-4234 {
    background-color: var(--swatch-var-4234);
}
.bgc-2997 {
    background-color: var(--swatch-var-2997);
}

/* Text colour styles */

.tc-4234 {
    color: var(--swatch-var-4234) !important;
}
.tc-4294 {
    color: var(--swatch-var-4294) !important;
}
.tc-1523 {
    color: var(--swatch-var-1523) !important;
}
.tc-6524 {
    color: var(--swatch-var-6524) !important;
}

/* Button colour styles */

.bgc-4234 {
    background-color: var(--swatch-var-4234);
}
.tc-4234 {
    color: var(--swatch-var-4234) !important;
}
.btn-c-4234,
.btn-c-4234:focus {
    background: var(--swatch-var-4234);
    color: rgba(0, 0, 0, 0.5) !important;
}
.btn-c-4234:hover {
    background: #cccccc !important;
    color: rgba(0, 0, 0, 0.5) !important;
}
.wire-btn-c-4234 {
    color: var(--swatch-var-4234) !important;
    border-color: var(--swatch-var-4234) !important;
}
.ltc-4234 {
    color: var(--swatch-var-4234) !important;
}
.ltc-4234:hover {
    color: #cccccc !important;
}
.icon-4234 {
    color: var(--swatch-var-4234) !important;
    border-color: var(--swatch-var-4234) !important;
}
/**/
.bgc-1523 {
    background-color: var(--swatch-var-1523);
}
.tc-1523 {
    color: var(--swatch-var-1523) !important;
}
.btn-c-1523,
.btn-c-1523:focus {
    background: var(--swatch-var-1523);
    color: #ffffff !important;
}
.btn-c-1523:hover {
    background: #000000 !important;
    color: #ffffff !important;
}
.wire-btn-c-1523 {
    color: var(--swatch-var-1523) !important;
    border-color: var(--swatch-var-1523) !important;
}
.ltc-1523 {
    color: var(--swatch-var-1523) !important;
}
.ltc-1523:hover {
    color: #000000 !important;
}
.icon-1523 {
    color: var(--swatch-var-1523) !important;
    border-color: var(--swatch-var-1523) !important;
}
/**/
.bgc-5795 {
    background-color: var(--swatch-var-5795);
}
.tc-5795 {
    color: var(--swatch-var-5795) !important;
}
.btn-c-5795,
.btn-c-5795:focus {
    background: var(--swatch-var-5795);
    color: #ffffff !important;
}
.btn-c-5795:hover {
    background: #000000 !important;
    color: #ffffff !important;
}
.wire-btn-c-5795 {
    color: var(--swatch-var-5795) !important;
    border-color: var(--swatch-var-5795) !important;
}
.ltc-5795 {
    color: var(--swatch-var-5795) !important;
}
.ltc-5795:hover {
    color: #000000 !important;
}
.icon-5795 {
    color: var(--swatch-var-5795) !important;
    border-color: var(--swatch-var-5795) !important;
}
/**/
.bgc-4294 {
    background-color: var(--swatch-var-4294);
}
.tc-4294 {
    color: var(--swatch-var-4294) !important;
}
.btn-c-4294,
.btn-c-4294:focus {
    background: var(--swatch-var-4294);
    color: #ffffff !important;
}
.btn-c-4294:hover {
    background: #510aa8 !important;
    color: #ffffff !important;
}
.bgc-4234 {
    background-color: var(--swatch-var-4234);
}
.tc-4234 {
    color: var(--swatch-var-4234) !important;
}
.btn-c-4234,
.btn-c-4234:focus {
    background: var(--swatch-var-4234);
    color: rgba(0, 0, 0, 0.5) !important;
}
.btn-c-4234:hover {
    background: #cccccc !important;
    color: rgba(0, 0, 0, 0.5) !important;
}
.wire-btn-c-4234 {
    color: var(--swatch-var-4234) !important;
    border-color: var(--swatch-var-4234) !important;
}
.ltc-4234 {
    color: var(--swatch-var-4234) !important;
}
.ltc-4234:hover {
    color: #cccccc !important;
}
.icon-4234 {
    color: var(--swatch-var-4234) !important;
    border-color: var(--swatch-var-4234) !important;
}
/**/
.bgc-1523 {
    background-color: var(--swatch-var-1523);
}
.tc-1523 {
    color: var(--swatch-var-1523) !important;
}
.btn-c-1523,
.btn-c-1523:focus {
    background: var(--swatch-var-1523);
    color: #ffffff !important;
}
.btn-c-1523:hover {
    background: #000000 !important;
    color: #ffffff !important;
}
.wire-btn-c-1523 {
    color: var(--swatch-var-1523) !important;
    border-color: var(--swatch-var-1523) !important;
}
.ltc-1523 {
    color: var(--swatch-var-1523) !important;
}
.ltc-1523:hover {
    color: #000000 !important;
}
.icon-1523 {
    color: var(--swatch-var-1523) !important;
    border-color: var(--swatch-var-1523) !important;
}
/**/
.bgc-5795 {
    background-color: var(--swatch-var-5795);
}
.tc-5795 {
    color: var(--swatch-var-5795) !important;
}
.btn-c-5795,
.btn-c-5795:focus {
    background: var(--swatch-var-5795);
    color: #ffffff !important;
}
.btn-c-5795:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* Link colour styles */

.ltc-4234 {
    color: var(--swatch-var-4234) !important;
}
.ltc-4234:hover {
    color: #cccccc !important;
}

/* Bloc image backgrounds */

.bg-typography-20250930-192223 {
    background-image: url("img/typography_20250930_192223.png");
    background-image: -webkit-image-set(
        url("img/typography_20250930_192223.webp") 1x,
        url("img/typography_20250930_192223.webp") 2x
    );
    background-image: image-set(
        url("img/typography_20250930_192223.png") 1x,
        url("img/typography_20250930_192223.png") 2x,
        url("img/typography_20250930_192223.webp") 1x,
        url("img/typography_20250930_192223.webp") 2x
    );
}
.bg-typography-20250930-203217 {
    background-image: url("img/typography_20250930_203217.png");
    background-image: -webkit-image-set(
        url("img/typography_20250930_203217.webp") 1x,
        url("img/typography_20250930_203217.webp") 2x
    );
    background-image: image-set(
        url("img/typography_20250930_203217.png") 1x,
        url("img/typography_20250930_203217.png") 2x,
        url("img/typography_20250930_203217.webp") 1x,
        url("img/typography_20250930_203217.webp") 2x
    );
}
.bg-bg-MONEYLENDERS-new-album {
    background-image: url("img/bg_MONEYLENDERS_new_album.jpg");
    background-image: -webkit-image-set(
        url("img/bg_MONEYLENDERS_new_album.webp") 1x,
        url("img/bg_MONEYLENDERS_new_album.webp") 2x
    );
    background-image: image-set(
        url("img/bg_MONEYLENDERS_new_album.jpg") 1x,
        url("img/bg_MONEYLENDERS_new_album.jpg") 2x,
        url("img/bg_MONEYLENDERS_new_album.webp") 1x,
        url("img/bg_MONEYLENDERS_new_album.webp") 2x
    );
}

/* = Custom Bric Data
-------------------------------------------------------------- */

.img-hover-tilt-container {
    position: relative;
    transform-style: preserve-3d;
}
.hover-tilt-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateZ(20px);
    width: 100%;
    text-align: center;
    font-size: 40px;
}
.hover-tilt-light-text {
    color: rgba(255, 255, 255, 0.8);
}
.cocoen {
    box-sizing: border-box;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cocoen * {
    box-sizing: inherit;
}
.cocoen ::after,
.cocoen ::before {
    box-sizing: inherit;
}
.cocoen img,
.cocoen picture > img {
    max-width: none;
}
.cocoen > img,
.cocoen > picture > img {
    display: block;
    width: 100%;
}
.cocoen > div:first-child,
picture .cocoen > div {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%;
}
.cocoen-drag {
    background: #fff;
    bottom: 0;
    cursor: ew-resize;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 2px;
}
.cocoen-drag::before {
    content: "";
    height: 10%;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: 50%;
    width: 14px;
    border-radius: 3px;
    background: white;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* = Toggle Visibility
-------------------------------------------------------------- */

.toggled-item {
    transition:
        height 350ms ease-in-out,
        padding 350ms ease-in-out,
        opacity 350ms ease-in-out;
    overflow: hidden;
}
.toggled-item-hidden {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    opacity: 0;
}
.object-hidden {
    display: none;
}

/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm {
        padding: 200px 20px;
    }
    .bloc-xl-sm {
        padding: 150px 20px;
    }
    .bloc-lg-sm {
        padding: 100px 20px;
    }
    .bloc-md-sm {
        padding: 50px 20px;
    }
    .bloc-sm-sm {
        padding: 20px;
    }
    .bloc-no-padding-sm {
        padding: 0 20px;
    }
}
@media (min-width: 768px) {
    .bloc-xxl-md {
        padding: 200px 20px;
    }
    .bloc-xl-md {
        padding: 150px 20px;
    }
    .bloc-lg-md {
        padding: 100px 20px;
    }
    .bloc-md-md {
        padding: 50px 20px;
    }
    .bloc-sm-md {
        padding: 20px 20px;
    }
    .bloc-no-padding-md {
        padding: 0 20px;
    }
}
@media (min-width: 992px) {
    .bloc-xxl-lg {
        padding: 200px 20px;
    }
    .bloc-xl-lg {
        padding: 150px 20px;
    }
    .bloc-lg-lg {
        padding: 100px 20px;
    }
    .bloc-md-lg {
        padding: 50px 20px;
    }
    .bloc-sm-lg {
        padding: 20px;
    }
    .bloc-no-padding-lg {
        padding: 0 20px;
    }
}

/* = Mobile adjustments
-------------------------------------------------------------- */
@media (max-width: 1024px) {
    .bloc.full-width-bloc,
    .bloc-tile-2.full-width-bloc .container,
    .bloc-tile-3.full-width-bloc .container,
    .bloc-tile-4.full-width-bloc .container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 991px) {
    .container {
        width: 100%;
    }
    .bloc {
        padding-left: constant(safe-area-inset-left);
        padding-right: constant(safe-area-inset-right);
    } /* iPhone X Notch Support*/
    .bloc-group,
    .bloc-group .bloc {
        display: block;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .bloc-tile-2 .container,
    .bloc-tile-3 .container,
    .bloc-tile-4 .container {
        padding-left: 0;
        padding-right: 0;
    }
    .btn-dwn {
        display: none;
    }
    .voffset {
        margin-top: 5px;
    }
    .voffset-md {
        margin-top: 20px;
    }
    .voffset-lg {
        margin-top: 30px;
    }
    form {
        padding: 5px;
    }
    .close-lightbox {
        display: inline-block;
    }
    .blocsapp-device-iphone5 {
        background-size: 216px 425px;
        padding-top: 60px;
        width: 216px;
        height: 425px;
    }
    .blocsapp-device-iphone5 img {
        width: 180px;
        height: 320px;
    }
}

@media (max-width: 991px) {
    .hero-header {
        font-size: 150px;
    }
    .hero-sub {
        font-size: 48px;
    }
    .news-grid {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
    }
    .page-heading {
        font-size: 80px;
    }
    .h6-page-header-style {
        text-align: center;
    }
    .span-about {
        line-height: 72px;
    }
}

@media (max-width: 767px) {
    .hero-header {
        font-size: 120px;
        line-height: 120px;
        letter-spacing: 0px;
    }
    .hero-sub {
        font-size: 38px;
    }
    .hero-top-fade::before {
        background: linear-gradient(
            0deg,
            transparent 33%,
            var(--swatch-var-1523) 94%
        );
        content: "";
    }
    .menu-icon-hero-stroke {
        stroke: var(--swatch-var-4234) !important;
        fill: var(--swatch-var-4234) !important;
    }
    .menu-icon-bloc-0-stroke {
        stroke: var(--swatch-var-4234) !important;
        fill: var(--swatch-var-4234) !important;
    }
    .page-heading {
        font-size: 70px;
    }
    .img-style {
        width: 140px;
    }
    .menu-icon-main-header-stroke {
        stroke: var(--swatch-var-4234) !important;
        fill: var(--swatch-var-4234) !important;
    }
    .h6-page-header-style {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .footer-link {
        text-align: center;
    }
    .feature-heading {
        font-size: 40px;
    }
    .info-text {
        font-size: 20px;
    }
    .hero-sub {
        font-size: 28px;
    }
    .hero-header {
        font-size: 60px;
        line-height: 60px;
    }
    .feature-heading-md {
        font-size: 28px;
    }
    .menu-icon-stroke {
        stroke: var(--swatch-var-4234) !important;
        fill: var(--swatch-var-4234) !important;
    }
    .heading-border {
        font-size: 32px;
        line-height: 34px;
    }
    .custom-card {
        padding: 15px 15px 15px 15px;
    }
    .mob-fill {
        min-width: 100%;
    }
    .page-heading {
        font-size: 40px;
    }
    .navbar-logo {
        font-size: 18px;
    }
    .img-style {
        width: 100px;
    }
    .h3-style {
        line-height: 44px;
    }
    .p-style {
        line-height: 24px;
    }
    .h4-köse-dağ-style {
        line-height: 42px;
        font-size: 42px;
    }
    .h3-feature-2-style {
        line-height: 42px;
    }
    .h3-feature-3-style {
        line-height: 44px;
    }
    .moneylenders-class {
        font-size: 32px;
        line-height: 32px;
    }
    .h1-about-style {
        font-size: 48px;
    }
    .p-18-style {
        font-size: 32px;
        line-height: 36px;
    }
    .span-about {
        font-size: 40px;
        line-height: 40px;
    }
    .h6-page-header-style {
        font-size: 24px;
        text-align: center;
    }
    .h4-discord-style {
        line-height: 24px;
    }
    .h4-style {
    }
    .news-date {
        font-size: 32px;
        line-height: 32px;
    }
}