/* Tüm elementlerde caret gizle */
* {
    caret-color: transparent;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-ring-offset-color {
    syntax: "<color>";
    inherits: false;
    initial-value: #fff;
}

/* ================================
   GRADIENT SYSTEM
================================ */
@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}



/* ================================
   TRANSLATE (ENTER / EXIT)
================================ */
@property --tw-enter-translate-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-enter-translate-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-exit-translate-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-exit-translate-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

/* ================================
   OPACITY / BLUR
================================ */
@property --tw-enter-opacity {
    syntax: "<number>";
    inherits: false;
    initial-value: 1;
}

@property --tw-exit-opacity {
    syntax: "<number>";
    inherits: false;
    initial-value: 1;
}

@property --tw-enter-blur {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-exit-blur {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

/* ================================
   ANIMATION CONTROL
================================ */
@property --tw-animation-delay {
    syntax: "<time>";
    inherits: false;
    initial-value: 0s;
}

@property --tw-animation-direction {
    syntax: "*";
    inherits: false;
    initial-value: normal;
}

@property --tw-animation-fill-mode {
    syntax: "*";
    inherits: false;
    initial-value: none;
}

@property --tw-animation-iteration-count {
    syntax: "<number>";
    inherits: false;
    initial-value: 1;
}

/* ================================
   LAYOUT / MISC
================================ */
@property --tw-space-x-reverse {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

@property --tw-space-y-reverse {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: "";
}

/* A */
.about-active-brand .about-desc {
    font-size: 22px;
    transition: opacity 0.45s ease, transform 0.45s ease;
    opacity: 1;
    transform: translateY(0);
}

.about-active-brand .about-desc.slide-in {
    opacity: 1;
    transform: translateY(0);
}

.about-active-brand .about-desc.slide-out {
    opacity: 0;
    transform: translateY(-20px);
}

.about-active-brand img {
    transition: opacity 0.45s ease, transform 0.45s ease;
    opacity: 1;
    transform: translateY(0);
}

.about-active-brand img.slide-in {
    opacity: 1;
    transform: translateY(0);
}

.about-active-brand img.slide-out {
    opacity: 0;
    transform: translateY(-20px);
}

.about-brand.active {
    transform: scale(1.1);
}

.about-brand.active .about-bg {
    box-shadow: inset 0px 0px 40px 7px #4bb9e2;
}

.align-content-center {
    align-content: center;
}

.align-content-end {
    align-content: end;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-\[spin_60s_linear_infinite\] {
    animation: spin 60s linear infinite;
}

.animate-\[spin_40s_linear_infinite_reverse\] {
    animation: spin 40s linear infinite reverse;
}

.articleSwiper .swiper-slide {
    opacity: 0.4;
}

.articleSwiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
}

.aspect-\[4\/4\] {
    aspect-ratio: 4 / 4;
}

.aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
}

/* B */
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.bg-\[\#080b14\] {
    --tw-bg-opacity: 1;
    background-color: #080b14
}

.bg-\[\#171717\] {
    --tw-bg-opacity: 1;
    background-color: #181818
}

.bg-\[\#0c0f1a\] {
    background-color: #0c0f1a;
}

.bg-\[\#0c0f1a\]\/90 {
    background-color: color-mix(in oklab, #0c0f1a 90%, transparent);
}

.bg-\[\#8b1e3f\] {
    background-color: #c5433a;
}

.bg-\[\#8b1e3f\]\/20 {
    background-color: color-mix(in oklab, #c5433a 20%, transparent);
}

.bg-\[\#13161c\] {
    background-color: #13161c;
}

.bg-\[\#0f1115\] {
    background-color: #0f1115;
}

.bg-\[\#0f1115\]\/80 {
    background-color: color-mix(in oklab, #0f1115 80%, transparent);
}

.bg-\[\#eda154\] {
    background-color: #eda154;
}

.bg-\[\#c4a35a\] {
    background-color: #c4a35a;
}

.bg-\[\#c4a35a\]\/20 {
    background-color: color-mix(in oklab, #c4a35a 20%, transparent);
}

.bg-\[\#DDDDDD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(221 221 221 / var(--tw-bg-opacity));
}

.bg-amber-900\/40 {
    background-color: rgb(120 53 15 / 0.4);
}

.bg-background {
    background-color: hsl(0 0% 4%);
}

.bg-background\/80 {
    background-color:
        color-mix(in oklab, hsl(0 0% 4%) 80%, transparent);
}

.bg-background\/90 {
    background-color:
        color-mix(in oklab, hsl(0 0% 4%) 90%, transparent);
}

.bg-gradient {
    --tw-gradient-from-position: 0%;
    --tw-gradient-to-position: 100%;
    --tw-gradient-stops: var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
}

.bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-900\/10 {
    background-color: color-mix(in oklab, #1c398e 10%, transparent);
}

.bg-bottom-triangle {
    clip-path: polygon(50% 85%, 0 0, 100% 0);
}

.bg-card {
    background-color: hsl(0 0% 6%);
}

.bg-card\/90 {
    background-color: color-mix(in oklab, hsl(0 0% 6%) 90%, transparent);
}

.bg-center {
    background-position: center;
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

.bg-cover {
    background-size: cover;
}

.bg-collective {
    background-color: #c5433a;
}

.bg-os {
    background-color: #eda154;
}

.bg-collective\/10 {
    background-color: color-mix(in oklab, #c5433a 10%, transparent);
}

.bg-collective\/20 {
    background-color: color-mix(in oklab, #c5433a 20%, transparent);
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-green-500 {
    background-color: #00c951;
}

.bg-left-triangle {
    clip-path: polygon(15% 50%, 100% 100%, 100% 0);
}

.bg-main-color {
    background-color: #393939;
}

.bg-primary-gradient {
    background: linear-gradient(200deg, #074ea0 42.93%, #052e5e 77.7%);
}

.bg-purple-500\/10 {
    background-color: color-mix(in oklab, rgb(173 70 255) 10%, transparent);
}

.bg-right-triangle {
    clip-path: polygon(85% 50%, 0 100%, 0 0);
}

.bg-secondary\/20 {
    background-color: color-mix(in oklab, hsl(0 0% 12%) 20%, transparent);
}

.bg-secondary\/30 {
    background-color: color-mix(in oklab, hsl(0 0% 12%) 30%, transparent);
}

.bg-secondary\/50 {
    background-color: color-mix(in oklab, hsl(0 0% 12%) 50%, transparent);
}

.bg-teal {
    --tw-bg-opacity: 1;
    background-color: rgb(237 161 84 / var(--tw-bg-opacity, 1));
}

.bg-white\/5 {
    background-color: color-mix(in oklab, #fff 5%, transparent);
}

.bg-violet-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.bg-zinc-900 {
    background-color: #1b1718;
}

.bg-zinc-950 {
    background-color: #0b0809;
}

.border-b {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.border-collective {
    border-color: #c5433a;
}

.border-collective\/20 {
    border-color: color-mix(in oklab, #c5433a 20%, transparent);
}

.border-collective\/30 {
    border-color: color-mix(in oklab, #c5433a 30%, transparent);
}

.border-collective\/40 {
    border-color: color-mix(in oklab, #c5433a 40%, transparent);
}

.border-collective\/50 {
    border-color: color-mix(in oklab, #c5433a 50%, transparent);
}

.border-gray {
    border-color: #606365;
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-t {
    border-top-style: solid;
    border-top-width: 1px;
}

.border-t-\[4px\] {
    border-top-style: solid;
    border-top-width: 4px;
}

.border-t-0 {
    border-top-width: 0;
}

.border-x-0 {
    border-right-width: 0;
    border-left-width: 0;
}

.border-purple-400 {
    border-color: #c27aff;
}

.border-purple-500\/30 {
    border-color: color-mix(in oklab, rgb(173 70 255) 30%, transparent);
}

.border-r {
    border-right-style: solid;
    border-right-width: 1px;
}

.border-l-2 {
    border-left-style: solid;
    border-left-width: 2px;
}

.border-l-4 {
    border-left-style: solid;
    border-left-width: 4px;
}

.border-\[\#059669\] {
    border-color: #059669;
}

.border-\[\#c4a35a\] {
    border-color: #c4a35a;
}

.border-\[\#eda154\] {
    border-color: #eda154;
}

.border-\[\#8b1e3f\] {
    border-color: #c5433a;
}

.border-\[\#d97706\] {
    border-color: #d97706;
}

.border-\[1px\]-\[\#2b2b2b\] {
    border: 1px solid #2b2b2b;
}

.border-y {
    border-block-style: solid;
    border-block-width: 1px;
}

.border-white\/5 {
    border-color: color-mix(in oklab, #fff 5%, transparent);
}

.border-white\/10 {
    border-color: color-mix(in oklab, #fff 10%, transparent);
}

.border-white\/20 {
    border-color: color-mix(in oklab, #fff 20%, transparent);
}

.border-white\/30 {
    border-color: color-mix(in oklab, #fff 30%, transparent);
}

.box-shadow-envelope {
    box-shadow: 0 0 3px #ccb56f;
}

.box-shadow-phone {
    box-shadow: 0 0 3px #82e5f8;
}

.box-shadow-whatsapp {
    box-shadow: 0 0 3px #1daa61;
}

.breadcrumb-gradient {
    background: linear-gradient(-45deg, #000000, #6e6e6e, #565656, #222222);
    background-size: 400% 400%;
    animation: gradient 7s ease-out infinite;
    z-index: 1;
    position: relative;
}

.btn-small {
    padding: 10px 15px;
    font-size: 15px;
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.blur-\[64px\] {
    --tw-blur: blur(64px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.blur-\[100px\] {
    --tw-blur: blur(100px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

/* C */
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 12px;
}

.card-text:last-child {
    margin-bottom: 0
}

.card-title {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 16px;
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.collective-button {
    background-color: #c5433a;
    color: #fff;
    border-radius: 50px;
    padding: 5px 10px;
    transition: all .5s ease;
}

.collective-button:hover {
    box-shadow: 0 0 10px #c5433a;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.os-button {
    background-color: #c5433a;
    color: #fff;
    border-radius: 50px;
    padding: 5px 10px;
    transition: all .5s ease;
}

.os-button:hover {
    box-shadow: 0 0 10px #c5433a;
}

.color-envelope {
    color: #fbde86;
}

.color-phone {
    color: #82e5f8;
}

.color-whatsapp {
    color: #1daa61;
}

.contact-circle {
    position: relative;
    z-index: 1;
}

.contact-circle:after {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 200%;
    background-color: #181818db;
    border-radius: 15px;
    z-index: -1;
    box-shadow: inset 0px 0px 10px 11px #252525;
}

.contrast-125 {
    --tw-contrast: contrast(125%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.cookie-alert {
    left: 30px;
    bottom: 15px;
    max-width: 610px;
    width: 100%;
    /* min-height: 195px; */
    background-color: #191919;
    border: 1px solid #171717;
    box-shadow: inset 0 0 65px #000000;
    border-radius: 15px;
}

.creative-cards {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.creative-cards .card-details {
    width: 100%;
    margin: auto;
    position: relative;
    align-content: center;
    z-index: 0;
    padding: 10px;
    transition: .3s ease-in-out;
}

.creative-cards .card-details h3 {
    margin-bottom: 15px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: rgb(255, 255, 255, 0.8);
}

.creative-cards .card-details h3 a {
    color: #000;
    text-decoration: none;
}

.creative-cards .card-details p {
    font-size: 15px;
    line-height: 30px;
    color: #444;
    font-weight: 400;
    margin-bottom: 30px;
    color: rgb(255, 255, 255, 0.5);
}

.creative-cards .card-details:before {
    content: "";
    /* width: 170px;
    height: calc(100% - 20px); */
    /* background: #000; */
    /* border: 1px solid #2b2b2b; */
    border-radius: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    background: url('../img/logo/collective-icon-color.png') center/contain no-repeat;
    background-size: auto 70%;
    opacity: 0.2;
    border-radius: 15px;
}

.creative-cards .card-details:hover .read-more-btn {
    /* transform: translateX(0); */
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
}

.creative-cards .card-details:hover:before {
    box-shadow: 0 0 40px #c5433ab2;
}

.creative-cards .read-more-btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 100%;
    /* margin: auto; */
    background: #171717;
    transform: translateX(-10px);
    opacity: 0;
    visibility: hidden;
    border-color: #c3c3c3;
    transition: .3s ease-in-out;
    text-decoration: none;
    position: absolute;
    bottom: -25px;
    left: 50%;
}

.creative-cards .read-more-btn i {
    color: #ffffff;
    font-size: 12px;
}

.creative-cards .row {
    display: flex;
    flex-wrap: wrap;
}

.creative-cards .row .card-column {
    flex: 0 0 auto;
    text-align: center;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.cycle-wrapper {
    position: relative;
}

.cycle-list {
    transition: transform .7s cubic-bezier(.65, .05, .36, 1);
}

.cycle-item {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* opacity sırası SABİT */
.cycle-item:nth-child(1) {
    opacity: 1;
}

.cycle-item:nth-child(2) {
    opacity: .6;
}

.cycle-item:nth-child(3) {
    opacity: .4;
}

.cycle-item:nth-child(4) {
    opacity: .2;
}

.drop-shadow-\[0_0_15px_rgba\(217\,119\,6\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 15px rgb(217 119 6 / 50%));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.drop-shadow-\[0_0_15px_rgba\(37\,99\,235\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 15px rgb(37 99 235 / 50%));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.drop-shadow-\[0_0_15px_rgba\(5\,150\,105\,0\.5\)\] {
    --tw-drop-shadow-size: drop-shadow(0 0 15px rgb(5 150 105 / 50%));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

/* E */
.ease-out {
    --tw-ease: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.editor {
    color: #374151;
}

.editor h1 {
    --tw-text-opacity: 1;
    color: #1c396a;
    font-size: 64px;
    margin-bottom: 50px;
    line-height: 1.1;
    font-weight: 400;
}

.editor h3 {
    --tw-text-opacity: 1;
    color: #c1c1c1;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: 400;
}

.editor p {
    color: #c1c1c1bf;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.5 !important;
    --tw-space-y-reverse: 0;
    margin-bottom: -webkit-calc(60px* var(--tw-space-y-reverse));
    margin-bottom: -moz-calc(60px* var(--tw-space-y-reverse));
    margin-bottom: calc(60px* var(--tw-space-y-reverse));
    margin-top: -webkit-calc(60px*(1 - var(--tw-space-y-reverse)));
    margin-top: -moz-calc(60px*(1 - var(--tw-space-y-reverse)));
    margin-top: calc(60px*(1 - var(--tw-space-y-reverse)));
}

/* F */
.flex-grow {
    flex-grow: 1;
}

.fill-amber-400 {
    fill: #fbbf24;
}

.focus\:border-collective\/50:focus {
    border-color: color-mix(in oklab, #c5433a 50%, transparent);
}

.focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
}

.focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(#c5433a, #fff);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: #c5433a;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.form-el input,
.form-el select,
.form-el textarea {
    border-radius: 15px;
}

.from-\[\#0f1115\] {
    --tw-gradient-from: #0f1115;
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.from-\[\#080b14\] {
    --tw-gradient-from: #080b14;
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.from-background {
    --tw-gradient-from: hsl(0 0% 4%);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.from-background\/90 {
    --tw-gradient-from: color-mix(in oklab, hsl(0 0% 4%) 90%, transparent);
}

.from-black\/20 {
    --tw-gradient-from: color-mix(in oklab, #000 20%, transparent);
}

.from-black\/80 {
    --tw-gradient-from: color-mix(in oklab, #000 80%, transparent);
}

/* Gradient stops */
.from-background\/90,
.via-background\/80,
.to-background {
    --tw-gradient-stops:
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);
}

.from-collective {
    --tw-gradient-from: #c5433a;
}

.from-collective\/20 {
    --tw-gradient-from: color-mix(in oklab, #c5433a 20%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.from-collective\/30 {
    --tw-gradient-from: color-mix(in oklab, #c5433a 30%, transparent);
}

.from-gray-700 {
    --tw-gradient-from: #364153;
}

.from-purple-400 {
    --tw-gradient-from: #c27aff;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.from-zinc-900 {
    --tw-gradient-from: #1b1718;
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

/* G */
.gap-5 {
    gap: 1.25rem;
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

.gap-y-7\.5 {
    row-gap: 1.875rem;
}

.gap-y-\[20px\] {
    row-gap: 20px;
}

.gap-y-\[30px\] {
    row-gap: 30px;
}

.gradient-bg {
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.9) 0%,
            rgba(0, 0, 0, 0.8) 40%,
            rgba(0, 0, 0, 0) 100%);
}

.gradient-color-border {
    animation: border-color-gradient 5s linear infinite;
    border: 3px solid transparent;
}

.gradient-color-text {
    background-size: 200% 100%;
    background-image: linear-gradient(90deg, #363636 0%, #5f5f5f 12.5%, #d1463c 25%, #d1463c 37.5%, #d1463c 50%, #5f5f5f 62.5%, #363636 75%, #5f5f5f 87.5%, #d1463c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    animation: text-color-gradient 3s linear infinite;
    color: transparent !important;
}

.grid-cols-\[minmax\(0\2c 3fr\)_minmax\(0\2c 6fr\)_minmax\(0\2c 3fr\)\] {
    grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr);
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.group:hover .group-hover\:\!block {
    display: block !important;
}

.group:hover .group-hover\:hidden {
    display: none;
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0;
}

.group:hover .group-hover\:opacity-20 {
    opacity: 20%;
}

.group:hover .group-hover\:opacity-75 {
    opacity: 75%;
}

.group:hover .group-hover\:opacity-100 {
    opacity: 100%;
}

.group:hover .group-hover\:bg-collective {
    background-color: #c5433a;
}

.group:hover .group-hover\:bg-white\/10 {
    background-color: color-mix(in oklab, #fff 10%, transparent);
}

.group:hover .group-hover\:bg-transparent {
    background-color: transparent;
}

.group:hover .group-hover\:border-collective {
    border-color: #c5433a
}

.group:hover .group-hover\:border-white\/10 {
    border-color: color-mix(in oklab, #fff 10%, transparent);
}

.group:hover .group-hover\:border-white {
    border-color: #fff
}

.group:hover .group-hover\:float {
    animation: float-y 2s ease-in-out infinite;
}

.group:hover .group-hover\:translate-x-2 {
    --tw-translate-x: 8px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

.group:hover .group-hover\:text-teal {
    --tw-text-opacity: 1;
    color: rgb(237 161 84 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.group:hover .group-hover\:grayscale-0 {
    --tw-grayscale: grayscale(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.group:hover .group-hover\:gap-\[12px\] {
    gap: 12px;
}

.group:hover .group-hover\:text-collective {
    color: #c5433a
}

.group:hover .group-hover\:text-white {
    color: #fff
}

.group:hover .group-hover\:text-gray-200 {
    color: #ebe6e7
}

.group:hover .group-hover\:translate-x-\[4px\] {
    --tw-translate-x: 4px;
}

.group:hover .group-hover\:translate-x-\[4px\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -moz-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group-hover-float {
    animation: none;
}

.group\/button.has-child.active .group-hover\/button\:active {
    color: #eda154 !important;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.group\/button:hover .group-hover\/button\:text-collective {
    color: #c5433a;
}

.group\/button:hover .group-hover\/button\:text-\[\#eda154\] {
    color: #eda154;
}

.group\/link:hover .group-hover\/link\:text-main-500,
.group\/link:hover .group-hover\/link\:text-main-600 {
    color: #074d9d;
}

.group\/link:hover .group-hover\/link\:translate-x-1 {
    --tw-translate-x: 0.25rem;
}

.group\/link:hover .group-hover\/link\:translate-x-1,
.group\/marker:hover .group-hover\/marker\:-translate-y-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/menuli.is-active .group-\[\&\.is-active\]\/menuli\:opacity-100 {
    opacity: 1;
}

.group\/menuli.is-active .group-\[\&\.is-active\]\/menuli\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.group\/menuli.is-active .group-\[\&\.is-active\]\/menuli\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* H */

.h-1 {
    height: 1px
}

.h-6\.5 {
    height: 1.625rem;
}

.header-contact-icon {
    position: relative;
}

.header-contact-icon .header-contact-desc {
    position: absolute;
    left: 50%;
    top: 40px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    background-color: #000000;
    color: #fff;
    border: 1px solid #171717;
    padding: 5px 10px;
    border-radius: 25px;
    transform: translateX(-50%);
    font-size: 13px;
    transition: all .5s ease;
}

.header-contact-icon:hover .header-contact-desc {
    opacity: 1;
    visibility: visible;
}

.height140 {
    height: 140px;
}

.height160 {
    height: 160px;
}


.hover-active .group-\[\.active\]\/dot\:fill-\[\#e20514\] {
    fill: #e20514;
}

.hover-active .group-\[\.active\]\/dot\:opacity-100 {
    opacity: 1;
}

.hover-active text {
    fill: #fff;
}

.hover-bg-image .hover-image {
    transform: scale(1.1);
    transition: transform .5s ease;
}

.hover-bg-image:hover .hover-image {
    transform: scale(1);
}

.hover-block-text-type .hover-block-text {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transform: translateY(150%);
    transition: all .5s ease;
}

.hover-block-text-type:hover .hover-block-text {
    opacity: 1;
    visibility: visible;
    height: 100%;
    transform: translateY(0);
}

.hover-image-opacity\/50:hover .hover-image {
    opacity: .5;
}

.hover-image-opacity\/80:hover .hover-image {
    opacity: .8;
}

.hover-logo {
    position: absolute;

    /* BAŞLANGIÇ KONUMU (Sol Alt) */
    left: 20px;

    /* Bottom yerine Top referansı kullanıyoruz ki animasyon bozulmasın */
    bottom: 20px;

    /* top: 100% elementi kartın en altına iter.
       Y ekseninde (-100% - 20px) diyerek kendi boyu kadar yukarı + 20px boşluk bırakıyoruz.
       Böylece tam olarak bottom: 20px gibi görünür ama top referanslıdır.
    */
    transform: translate(0, 0);

    /* Sadece transform değil, left ve top da değişeceği için 'all' diyoruz */
    transition: all 0.9s cubic-bezier(.22, .61, .36, 1);
}

/* HOVER DURUMU (Üst Orta) */
.hover-logo-type:hover .hover-logo {
    /* Yatayda ortaya */
    left: 50%;

    /* Dikeyde en tepeye */
    bottom: 100%;

    /* Yatayda %50 geri çekerek tam ortala (-50%).
       Dikeyde yukarıdan 15px boşluk bırak (15px).
       Kendi boyunu hesaplamaya gerek yok çünkü top:0 yaptık.
    */
    transform: translate(-50%, calc(135%));
}

.hover\:bg-\[\#343434\]:hover {
    background-color: #343434;
}

.hover\:bg-\[\#8b1e3f\]:hover {
    background-color: #c5433a;
}

.hover\:bg-\[\#c4a35a\]:hover {
    background-color: #c4a35a;
}

.hover\:bg-collective\/90:hover {
    background-color: color-mix(in oklab, rgb(198, 67, 57) 90%, transparent);
}

.hover\:bg-\[\#20a6aa\]\/90:hover {
    background-color: color-mix(in oklab, #20a6aa 90%, transparent);
}

.hover\:bg-gray-200:hover {
    background-color: #ebe6e7;
}


.hover\:bg-white\/5:hover {
    background-color: color-mix(in oklab, #fff 5%, transparent);
}

.hover\:bg-white\/10:hover {
    background-color: color-mix(in oklab, #fff 10%, transparent);
}

.hover\:border-\[\#059669\]\/50:hover {
    border-color: color-mix(in oklab, #059669 50%, transparent);
}

.hover\:border-\[\#eda154\]\/50:hover {
    border-color: color-mix(in oklab, #eda154 50%, transparent);
}

.hover\:border-\[\#d97706\]\/50:hover {
    border-color: color-mix(in oklab, #d97706 50%, transparent);
}

.hover\:border-white\/10:hover {
    border-color: color-mix(in oklab, #fff 10%, transparent);
}

.hover\:border-white\/20:hover {
    border-color: color-mix(in oklab, #fff 20%, transparent);
}

.hover\:border-white\/30:hover {
    border-color: color-mix(in oklab, #fff 30%, transparent);
}

.hover\:border-collective\/30:hover {
    border-color: color-mix(in oklab, #c5433a 30%, transparent);
}

.hover\:border-color-collective:hover {
    border-color: color-mix(in oklab, #c5433a 50%, transparent);
}

.hover\:border-color-collective\/50:hover {
    border-color: color-mix(in oklab, #c5433a 50%, transparent);
}

.hover\:border-color-consulting:hover {
    border-color: color-mix(in oklab, #1c398e 50%, transparent);
}

.hover\:border-color-os:hover {
    border-color: color-mix(in oklab, oklch(41.4% 0.112 45.904) 50%, transparent);
}

.hover\:grayscale-0 {
    --tw-grayscale: grayscale(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

.hover\:scale-105:hover {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.hover\:shadow-\[0_0_30px_-5px_hsl\(4\,55\%\,50\%\,0\.6\)\]:hover {
    --tw-shadow: 0 0 30px -5px var(--tw-shadow-color, hsl(4, 55%, 50%, 0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.hover\:text-\[\#eda154\]:hover {
    color: #eda154
}

.hover\:text-\[\#8b1e3f\]:hover {
    color: #c5433a
}

.hover\:text-collective:hover {
    color: #c5433a !important
}

.hover\:text-consulting:hover {
    color: #c49663 !important
}

.hover\:text-os:hover {
    color: #24d4da !important
}

.hover\:text-purple-400:hover {
    color: #c27aff;
}

.hover\:-translate-y-2:hover {
    --tw-translate-y: calc(0.25rem * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

html {
    scroll-behavior: smooth;
}

/* I */
.-inset-0\.5 {
    inset: calc(0.25rem * -0.5);
}

.-inset-4 {
    inset: calc(0.25rem * -4);
}

.index-about-desc {
    height: calc(100% - 220px);
    overflow: hidden;
    align-content: center;
}

.index-about-desc .enter-text {
    max-height: calc(100% - 130px);
    overflow: hidden;
}

input,
textarea {
    caret-color: auto !important;
}

.inset-0 {
    inset: 0px;
}

.inset-\[32px\] {
    inset: 32px;
}

/* L */
.leader-item {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: all 0.8s ease;
    overflow: hidden;
}

.leader-hidden {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    pointer-events: none;
}

.publication-item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.8s ease;
}

.publication-hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
}

.left-\[calc\(100\%\+20px\)\] {
    left: calc(100% + 20px);
}

.left-\[calc\(100\%\+50px\)\] {
    left: calc(100% + 50px);
}

.left-\[calc\(100\%\+150px\)\] {
    left: calc(100% + 150px);
}

.logo-button {
    border-radius: 10px;
    padding: 20px;
    background-color: #101010;
    box-shadow: inset 0px 0px 11px 8px #252525;
    width: 145px;
    object-fit: contain;
    transition: all .5s ease;
}

.logo-button:hover {
    transform: scale(1.05);
    box-shadow: inset 0px 0px 13px 15px #1b1b1b;
}

/* M */
.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.map-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../img/world-map.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
    pointer-events: none;
    z-index: 0;
}

.max-w-none {
    max-width: none;
}

.max-w-100 {
    max-width: 100% !important;
}

.max-w-md {
    max-width: 448px;
}

.max-w-lg {
    max-width: 512px;
}

.max-w-xl {
    max-width: 576px;
}

.max-w-2xl {
    max-width: 672px;
}

.max-w-3xl {
    max-width: 768px;
}

.max-w-4xl {
    max-width: 896px;
}

.max-w-5xl {
    max-width: 1024px;
}

.max-w-6xl {
    max-width: 1152px;
}

.max-w-7xl {
    max-width: 1280px;
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-7\.5 {
    margin-top: 1.875rem;
}

.mt-auto {
    margin-top: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

/* O */
.our-service-list ul {
    counter-reset: index;
    padding: 0;
    /* max-width: 300px; */
    list-style: none;
}

/* List element */
.our-service-list ul li {
    counter-increment: index;
    display: flex;
    align-items: center;
    padding: 12px 0;
    box-sizing: border-box;
    color: rgb(255, 255, 255, 0.8);
}

/* Element counter */
.our-service-list ul li::before {
    content: counters(index, ".", decimal-leading-zero);
    font-size: 1.5rem;
    text-align: right;
    font-weight: bold;
    min-width: 50px;
    padding-right: 12px;
    font-variant-numeric: tabular-nums;
    background-image: linear-gradient(to bottom, orangered, rgb(255, 255, 255));
    background-attachment: fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Element separation */
.our-service-list ul li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.outline-primary {
    /* border: 1px solid #000000; */
    color: #dbdbdb !important;
    background-color: #565656;
}

/* P */
.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pe-0 {
    padding-right: 0
}

.pe-1 {
    padding-right: .25rem
}

.pe-2 {
    padding-right: .5rem
}

.pe-3 {
    padding-right: 1rem
}

.pe-4 {
    padding-right: 1.5rem
}

.pe-5 {
    padding-right: 3rem !important
}

.position-sticky {
    position: sticky;
}

.primary-btn {
    /* background: linear-gradient(270deg, #000000 0.64%, #3a3a3a 100%); */
    background-color: #000;
    position: relative;
    z-index: 1;
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem
}

.pt-5 {
    padding-top: 3rem
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

/* R */
.rotate-90 {
    --tw-rotate: 90deg
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
}

.row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: var(--bs-gutter-y)
}

/* S */
.scroll-mt-\[128px\] {
    scroll-margin-top: 128px;
}

.scroll-mt-\[150px\] {
    scroll-margin-top: 150px;
}

.shadow-\[\#000000\] {
    box-shadow: 0 0 20px #000000
}

.shadow-\[0_0_30px_-10px_rgba\(220\,20\,60\,0\.3\)\] {
    --tw-shadow: 0 0 30px -10px var(--tw-shadow-color, #c5433a4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-\[0_0_30px_rgba\(37\,99\,235\,0\.3\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(37, 99, 235, 0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.slow-grow {
    transform: scale(0.2);
    transform-origin: right bottom;
    animation: slowGrowIn 1s ease-out forwards;
}

.slow-grow .index-about-desc {
    opacity: 1;
    animation: eyeText 4s ease;
}

.swiper-button-next.article-button-next,
.swiper-button-prev.article-button-prev {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.swiper-button-next.article-button-next {
    right: 10px;
    left: auto
}

.swiper-button-next.article-button-next:after,
.swiper-button-prev.article-button-prev:after {
    font-size: 20px;
    color: white;
    font-weight: 900;
}

.swiper-button-next.article-button-next:hover,
.swiper-button-prev.article-button-prev:hover {
    background: rgba(255, 255, 255, 0.2);
}

.swiper-button-prev.article-button-prev {
    left: 10px;
    right: auto
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: linear-gradient(135deg, #ff4444, #ff8844);
    width: 30px;
    border-radius: 6px;
}

/* T */
.tab-active {
    border-bottom: 3px solid #393939;
    z-index: 1;
}

.tab-active.title-field {
    color: #fff;
}

.tab-content {
    display: none;
    animation: fadeIn .3s;
}

.tab-content.active {
    display: block;
}

.template-btn {
    display: inline-block;
    font-family: inherit;
    font-weight: 600;
    font-size: 12px;
    border-radius: 5px;
    padding: 16px 32px;
    color: #dbdbdb;
    vertical-align: middle;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.template-btn:hover {
    transform: scale(1.05);
}

.text-5 {
    font-size: 1.25rem;
}

.text-6 {
    font-size: 1.5rem;
}

.text-6\.5 {
    font-size: 1.625rem;
}

.text-7 {
    font-size: 1.75rem;
}

.text-8 {
    font-size: 2rem;
}

.text-\[\#eda154\] {
    color: #eda154;
}

.text-\[\#86888A\] {
    --tw-text-opacity: 1;
    color: rgb(134 136 138 / var(--tw-text-opacity));
}

.text-\[\#a4c0ff\] {
    --tw-text-opacity: 1;
    color: #a4c0ff;
}

.text-\[\#ffdbf1\] {
    --tw-text-opacity: 1;
    color: #ffdbf1;
}

.text-\[\#ffedb6\] {
    --tw-text-opacity: 1;
    color: #ffedb6;
}

.text-amber-300 {
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-blue-100 {
    color: #dbeafe
}

.text-blue-200\/80 {
    color: color-mix(in oklab, #bedbff 80%, transparent)
}

.text-collective {
    color: #c5433a !important
}

.text-collective\/50 {
    color: #c5433a80 !important
}

.text-collective-foreground\/90 {
    color: color-mix(in oklab, hsl(0 0% 100%) 90%, transparent);
}

.text-consulting {
    color: #c49663 !important
}

.text-consulting\/50 {
    color: #c4966380 !important
}

.text-gradient-collective {
    background-image: linear-gradient(to right,
            #c5433a,
            #f55549);
    background-clip: text;
    -webkit-background-clip: text;
    /* Safari / Chrome */
    color: transparent;
    -webkit-text-fill-color: transparent;
}


.text-gradient-number .digit,
.text-gradient-number .joint {
    background-size: 400% 400%;
    background-image: linear-gradient(90deg,
            #363636 0%,
            #5f5f5f 12.5%,
            #a3a3a3 25%,
            #ffffff 37.5%,
            #a3a3a3 50%,
            #5f5f5f 62.5%,
            #363636 75%,
            #5f5f5f 87.5%,
            #a3a3a3 100%);
    ;
    -webkit-background-clip: text;
    animation: text-color-gradient 4s linear infinite;
    color: transparent !important;
}

.text-gradient-white-black {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;

    background-image: linear-gradient(to bottom,
            #ffffff 0%,
            #ffffff 35%,
            rgba(255, 255, 255, 0.6) 60%,
            rgba(255, 255, 255, 0.15) 80%,
            rgba(255, 255, 255, 0) 100%);
}

.text-gray {
    color: #707070;
}

.text-gray-200 {
    color: #ebe6e7;
}

.text-gray-300 {
    color: #d1d5dc;
}

.text-gray-400 {
    color: #99a1af;
}

.text-gray-500 {
    color: #6a7282;
}

.text-gray-600 {
    color: #4a5565;
}

.text-justify {
    text-align: justify;
}

.text-limit-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.text-limit-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.text-limit-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.text-limit-8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.text-main-500 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-muted-foreground {
    color: hsl(0 0% 60%);
}

.text-purple-400 {
    color: rgb(194 122 255);
}

.text-orange-100 {
    color: #ffe9ce;
}

.text-os {
    color: #24d4da !important
}

.text-os\/50 {
    color: #24d4da80 !important
}

.text-rose-100 {
    color: #ffe4e6;
}

.text-tobot {
    color: #998061 !important
}

.text-transparent {
    color: transparent;
}

.title-field {
    padding-bottom: 15px;
}

.tracking-widest {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
}

.tracking-wide {
    --tw-tracking: 0.025em;
    letter-spacing: 0.025em;
}

.tracking-tight {
    --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
}

.tracking-tighter {
    --tw-tracking: -0.05em;
    letter-spacing: -0.05em;
}

.transform-none {
    transform: none !important;
}

.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
    transition-duration: 500ms;
}

.transition-all {
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -moz-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.to-\[\#0f1115\] {
    --tw-gradient-to: #0f1115;
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.to-background {
    --tw-gradient-to: hsl(0 0% 4%);
}

.to-black {
    --tw-gradient-to: #000;
}

.to-blue-400 {
    --tw-gradient-to: #51a2ff;
}

.to-collective {
    --tw-gradient-to: color-mix(in oklab, #c5433a, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.to-collective\/10 {
    --tw-gradient-to: color-mix(in oklab, #c5433a 10%, transparent);
}

.to-gray-900 {
    --tw-gradient-to: #101828;
}

.to-purple-900 {
    --tw-gradient-to: #59168b;
}

.to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.to-white\/40 {
    --tw-gradient-to: color-mix(in oklab, #fff 40%, transparent);
}

/* V */
.vh-100 {
    height: 100vh !important;
}

.via-\[\#0f1115\]\/80 {
    --tw-gradient-via: color-mix(in oklab, #0f1115 80%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-\[\#080b14\]\/60 {
    --tw-gradient-via: color-mix(in oklab, #080b14 60%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-background\/80 {
    --tw-gradient-via: color-mix(in oklab, hsl(0 0% 4%) 80%, transparent);
}

.via-background\/95 {
    --tw-gradient-via: color-mix(in oklab, hsl(0 0% 4%) 95%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-collective\/20 {
    --tw-gradient-via: color-mix(in oklab, #c5433a 20%, transparent);
}

.via-purple-500 {
    --tw-gradient-via: #ad46ff;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.via-white\/10 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-via: color-mix(in oklab, #fff 10%, transparent);
}

.vps-script-item {
    /* border: 1px solid rgba(220, 220, 220, .5); */
    padding: 25px;
    border-radius: 10px;
    background: #000;
    box-shadow: 0 0 20px #000000
}

.vps-scripts-wrapper {
    border-radius: 10px;
    padding-left: 40px;
    padding-right: 40px
}

.vps_scripts_slider_wrapper {
    overflow: hidden;
    padding: 0 20px
}

.vps_scripts_slider_wrapper .vps-scripts-slider .swiper-control-btn {
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    background: #001042;
    color: #fff;
    z-index: 10;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.vps_scripts_slider_wrapper .vps-scripts-slider .swiper-control-btn.swiper-next {
    right: -15px;
    left: auto
}

.vps_scripts_slider_wrapper .vps-scripts-slider .swiper-control-btn:hover {
    background: #074d9d
}

/* W */
.w-1\/4 {
    width: 25%;
}

.w-\[200px\] {
    width: 200px
}

.width-\[calc\(100\%\+30px\)\] {
    width: calc(100% + 30px);
}

.width-\[calc\(100\%\-65px\)\] {
    width: calc(100% - 65px);
}

/* Z */
.z-\[-1\] {
    z-index: -1;
}

/* --- SPECIAL SELECTORS --- */
.\[border-left\:1px_solid_rgb\(var\(--color-concrete-200\)\)\] {
    border-left: 1px solid rgb(var(--color-concrete-200))
}

.\[mask-image\:linear-gradient\(180deg\2c black_calc\(100\%-150px\)\2c transparent\)\] {
    -webkit-mask-image: -webkit-linear-gradient(top, #000 -webkit-calc(100% - 150px), transparent);
    mask-image: linear-gradient(180deg, #000 -moz-calc(100% - 150px), transparent);
    mask-image: linear-gradient(180deg, #000 calc(100% - 150px), transparent)
}

/* --- PSEUDO ELEMENTS --- */
::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-thumb {
    background: #747474;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8b8b8b;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d4d4d4;
    background-color: #d4d4d4;
    border-radius: 10px;
}

/* --- KEYFRAMES --- */
@keyframes border-color-gradient {
    0% {
        border-color: #000000;
    }

    25% {
        border-color: #5f5f5f;
    }

    50% {
        border-color: #4f92eb;
    }

    75% {
        border-color: #2f80ec;
    }

    100% {
        border-color: #000000;
    }
}

@keyframes eyeText {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes float-y {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes slowGrowIn {
    from {
        transform: scale(0.2);
    }

    to {
        transform: scale(1);
    }
}

@keyframes text-color-gradient {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: -200% center;
    }
}

/* --- MEDIA QUERIES --- */
@media (max-width:1400px) {
    /* .cookie-alert {
        left: 30% !important;
    } */

    .xl\:text-5\.5 {
        font-size: 1.375rem;
    }

    .xl\:text-7 {
        font-size: 1.75rem;
    }
}

@media (max-width: 1280px) {
    .lg\:gap-5 {
        gap: 1.25rem;
    }

    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:text-5 {
        font-size: 1.25rem;
    }

    .lg\:text-6 {
        font-size: 1.5rem;
    }
}

@media (max-width: 1024px) {
    .md\:gap-4 {
        gap: 1rem;
    }

    .md\:mt-5 {
        margin-top: 1.25rem;
    }

    .md\:text-5 {
        font-size: 1.25rem;
    }
}

@media (max-width:900px) {
    /* .cookie-alert {
        left: 25% !important;
    } */

    .editor h1 {
        font-size: 50px;
    }

    .editor h5 {
        font-size: 25px;
    }

    .editor p {
        font-size: 20px;
        margin-top: 30px !important;
    }
}

@media (max-width:850px) {
    /* .cookie-alert {
        left: 20% !important;
    } */
}

@media (max-width:767px) {
    .cookie-alert {
        left: 10px !important;
        width: calc(100% - 20px);
    }

    .sm\:text-4 {
        font-size: 1rem;
    }
}

@media (max-width:680px) {
    .cookie-alert {
        left: 10px !important;
        width: calc(100% - 20px);
    }
}

@media (max-width: 575.98px) {
    .vps-scripts-wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 480px) {
    .creative-cards .card-details {
        width: 100%;
    }

    .creative-cards .read-more-btn {
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
    }

    .creative-cards .row .card-column {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
}


@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .container {
        max-width: 768px;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        width: 8.333333%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        width: 75%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        width: none
    }

    .creative-cards .row .card-column {
        flex: 0 0 auto;
        /* margin-bottom: 40px; */
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width:1400px) {
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}