@import "variables.css";

/* General Styles*/

* {

    letter-spacing: -0.02em;
    scroll-behavior: smooth;
}


.full-height {
    height: var(--full-height);
}

.style-svg path {
    transition: var(--transition-all-5);
}

body {
    font-family: var(--primary-font), sans-serif;
    color: var(--text-primary);
}

header.active .header-container {
    border-color: white;
    background: rgba(241, 241, 241, 0.85);
    backdrop-filter: blur(3px);
}

button, a {
    cursor: pointer;
}

.container {
    max-width: 1600px;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
}

@media (min-width: 1280px) {
    .container {
        padding: 0 80px;
    }
}

.container-sm {
    max-width: 1360px;
}

.container-xs {
    max-width: 1420px;
}

.container-md {
    max-width: 1450px;
}

.container-lg {
    max-width: 1520px;
}

/* Typography */

.letter-spacing-normal {
    letter-spacing: normal;
}

.letter-spacing-lg {
    letter-spacing: -0.04em;
}

.letter-spacing-xl {
    letter-spacing: -0.08em;
}

/* Effects */

.fade {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.fade.visible {
    opacity: 1;
}

/* Gradient Text*/

.gradient-text {
    background: var(--text-primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.industry-title-gradient {
    background: var(--ellipse-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gradient-text-mark {
    background: var(--mark-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.text-shadow-only {
    color: transparent;
    text-shadow: 0 0.6px 1.7px rgba(66, 73, 106, 0.15);
    z-index: 0;
    pointer-events: none;
}

.gradient-text--light {
    position: relative;
    z-index: 1;
    -webkit-text-stroke: 0.5px var(--text-border);
    paint-order: stroke fill;
    background: var(--primary-extra-light-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.reflection::before {
    position: absolute;
    content: attr(data-text);
    transform-origin: bottom;
    transform: rotateX(180deg);
    background: linear-gradient(180deg, #F5F8ED00 30%, #D9E8C3CC 100%);
    line-height: 0.82em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    opacity: .5;
}

.overlay,
.mobile-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: var(--transition-all-5);
}

body.open-mobile-menu {
    overflow: hidden;
}

header.hide {
    transform: translateY(-150%);
}

.gradient-ellipse {
    backdrop-filter: blur(100px);
    box-shadow: 0 -12.42px 88.75px 0 #E1EC227D;
    background: var(--ellipse-gradient);
    width: 124vw;
    height: 124vw;
    max-height: 500px;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .gradient-ellipse {
        max-height: 600px;
    }
}

@media (min-width: 1024px) {
    .gradient-ellipse {
        display: none;
    }
}

.box-shadow-card {
    box-shadow: -8px 4px 34.5px 0px #E0E3E13D inset,
    0px 0.9px 3.6px 0.9px #0000001F,
    0px 2.7px 2.92px -1.35px #00000040,
    0px 0px 0.22px 0.67px #0000000D,
    0px 0px 0.22px 0.22px #00000012,
    -8px 4px 24px 0px #E0E3E13D inset,
    -8px 4px 24px 0px #E0E3E13D inset;
}

.single-industry-title br {
    display: none;
}

/* [Block] FAQ */

.faq-question {
    transition: var(--transition-all-5);
}

.faq-question.active {
    background: var(--secondary);
}

.faq-icon {
    justify-content: center;
    align-items: center;
    min-width: 18px;
    height: 18px;
    display: flex;
    position: relative;
}

.faq-icon .plus---horizontal,
.faq-icon .plus---vertical {
    background-color: var(--text-primary);
    border-radius: 100px;
    width: 100%;
    height: 3px;
    position: absolute;
}

.faq-icon .plus---vertical {
    width: 3px;
    height: 100%;
}


.faq-question:hover {
    z-index: 1;
    box-shadow: 0 0 0.22px 0 rgba(0, 0, 0, 0.07), 0 0 0.22px 0 rgba(0, 0, 0, 0.05), 0 2.7px 2.92px 0 rgba(0, 0, 0, 0.25), 0 0.9px 3.6px 0 rgba(0, 0, 0, 0.12);
}

.faq-question.active:hover {
    box-shadow: unset;
}

.faq-question.active .faq-icon,
.faq-question.active .faq-icon .plus---horizontal,
.faq-question.active .faq-icon .plus---vertical {
    animation: iconRotateHide 0.8s ease forwards;
}

.faq-question:not(.active) .faq-icon,
.faq-question:not(.active) .faq-icon .plus---horizontal,
.faq-question:not(.active) .faq-icon .plus---vertical {
    animation: iconRotateShow 0.8s ease forwards;
}

.faq-answer,
.faq-answer-mobile {
    animation: fadeIn 1s ease-in-out;
}


@keyframes iconRotateHide {
    0% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
    100% {
        opacity: 0;
        transform: rotate(90deg) scale(0.5);
    }
}

@keyframes iconRotateShow {
    0% {
        opacity: 0;
        transform: rotate(-90deg) scale(0.5);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
}

/* [Block] Industries */

.industry-item {
    box-shadow: 4.96px 4.96px 14.88px 0 #0000000F,
    17.36px 19.84px 27.28px 0 #0000000D,
    39.67px 44.63px 37.19px 0 #00000008,
    69.43px 81.83px 42.15px 0 #00000003,
    109.1px 126.46px 47.11px 0 #00000000,
    2.48px 2.48px 4.96px 0 #FFFFFF4A inset,
    7.44px 7.44px 9.92px 0 #FFFFFF42 inset,
    17.36px 14.88px 14.88px 0 #FFFFFF26 inset,
    32.23px 27.28px 17.36px 0 #FFFFFF0A inset,
    49.59px 39.67px 17.36px 0 #FFFFFF03 inset;
}

.industry-item div {
    box-shadow: 0px 1.24px 1.24px 0px #00000026,
    0px -1.24px 1.24px 0px #FFFFFF80,
    0px 0.58px 0.43px 0px #00000033,
    0px -0.58px 0.36px 0px #FFFFFF66;

}

.industry-item--blue {
    background: var(--industry-blue);
    color: var(--industry-text-blue);
}

.industry-item--blue div {
    background: var(--industry-gradient-blue);
}

.industry-item--green {
    background: var(--industry-green);
    color: var(--industry-text-green);
}

.industry-item--green div {
    background: var(--industry-gradient-green);
}

.industry-item--lightgreen {
    background: var(--industry-lightgreen);
    color: var(--industry-text-lightgreen);
}

.industry-item--lightgreen div {
    background: var(--industry-gradient-lightgreen);
}

.industry-item--orange {
    background: var(--industry-orange);
    color: var(--industry-text-orange);
}

.industry-item--orange div {
    background: var(--industry-gradient-orange);
}

.industry-item:nth-child(1) {
    top: 68px;
    left: 2px;
    transform: rotate(-6deg);
    z-index: 2;
}

.industry-item:nth-child(2) {
    top: 32px;
    left: 2px;
    transform: rotate(8deg);
}

.industry-item:nth-child(3) {
    z-index: 2;
    top: 100px;
    left: 74px;
    transform: rotate(5deg);
}

.industry-item:nth-child(4) {
    top: 14%;
    left: 25%;
    transform: rotate(-8deg);
    z-index: 2;
}

.industry-item:nth-child(5) {
    top: 0;
    left: 40px;
    transform: rotate(13deg);
}

.industry-item:nth-child(6) {
    z-index: 1;
    top: -4%;
    right: 30%;
    transform: rotate(5deg);
}

.industry-item:nth-child(7) {
    top: 10%;
    right: 6%;
    transform: rotate(20deg);
}

.industry-item:nth-child(8) {
    z-index: 2;
    top: 25%;
    right: 2%;
    transform: rotate(10deg);
}

@media (min-width: 640px) {
    .industry-item:nth-child(1) {
        top: 35%;
        left: 6%;
        transform: rotate(-9deg);
        z-index: 2;
    }

    .industry-item:nth-child(2) {
        top: 24%;
        left: 13.5%;
        transform: rotate(8deg);
    }

    .industry-item:nth-child(3) {
        top: 42%;
        left: 29%;
        transform: rotate(5deg);
    }

    .industry-item:nth-child(4) {
        top: 29%;
        left: 30.5%;
        transform: rotate(-1deg);
        z-index: 3;
    }

    .industry-item:nth-child(5) {
        z-index: 2;
        top: 15%;
        left: 20%;
        transform: rotate(13deg);
    }

    .industry-item:nth-child(6) {
        z-index: 1;
        top: 10%;
        right: 40%;
        transform: rotate(5deg);
    }

    .industry-item:nth-child(7) {
        top: 24%;
        right: 20%;
        transform: rotate(20deg);
    }

    .industry-item:nth-child(8) {
        top: 38%;
        right: 8%;
        transform: rotate(15deg);
    }
}

@media (min-width: 1280px) {
    .industry-item:nth-child(1) {
        top: 298px;
        left: 10px;
        transform: rotate(-9deg);
        z-index: 2;
    }

    .industry-item:nth-child(2) {
        top: 196px;
        left: 108px;
        transform: rotate(8deg);
    }

    .industry-item:nth-child(3) {
        top: 354px;
        left: 318px;
        transform: rotate(5deg);
    }

    .industry-item:nth-child(4) {
        top: 252px;
        left: 358px;
        transform: rotate(-2deg);
        z-index: 2;
    }

    .industry-item:nth-child(5) {
        top: 138px;
        left: 234px;
        transform: rotate(13deg);
    }

    .industry-item:nth-child(6) {
        z-index: 2;
        top: 92px;
        right: 468px;
        transform: rotate(5deg);
    }

    .industry-item:nth-child(7) {
        top: 208px;
        right: 184px;
        transform: rotate(20deg);
    }

    .industry-item:nth-child(8) {
        top: 334px;
        right: 50px;
        transform: rotate(16deg);
    }
}

/* [Block] Advantages */

.advantages-shadow {
    box-shadow: -8px 4px 34.5px 0px #E0E3E13D inset,
    0px 0.9px 3.6px 0.9px #0000001F,
    0px 2.7px 2.92px -1.35px #00000040,
    0px 0px 0.22px 0.67px #0000000D,
    0px 0px 0.22px 0.22px #00000012,
    -8px 4px 24px 0px #E0E3E13D inset;
}

/* [Block] Meet Blaster */

.software-card {
    --rotate: 0deg;
    transform: rotate(var(--rotate));
    transition: var(--transition-all-5);
}

.software-card:nth-child(1) {
    left: 25%;
}

.software-card:nth-child(2) {
    top: 38%;
    left: 9%;
    --rotate: -4deg;
    z-index: 1;
}

.software-card:nth-child(3) {
    z-index: 1;
    top: 32%;
    right: 2%;
    --rotate: 8deg;
}

.software-card:nth-child(4) {
    top: 18%;
    left: 2%;
    --rotate: -7deg;
    z-index: 0;
}

.software-card:nth-child(5) {
    --rotate: 2deg;
    z-index: 2;
    left: 5%;
    bottom: -10%;
}

.software-card:nth-child(6) {
    --rotate: -7deg;
    bottom: -3%;
    right: 2%;
    z-index: 1;
}


@media (min-width: 768px) {
    .software-card:nth-child(1) {
        top: 0;
        left: 7.5%;
        z-index: unset;
    }

    .software-card:nth-child(2) {
        top: 14%;
        left: 28%;
        z-index: unset;
    }

    .software-card:nth-child(3) {
        right: 2%;
        top: 18%;
        z-index: unset;
    }

    .software-card:nth-child(4) {
        top: unset;
        bottom: -30%;
        left: 2%;
        z-index: unset;
    }

    .software-card:nth-child(5) {
        bottom: -33%;
        left: 19%;
        z-index: unset;
    }

    .software-card:nth-child(6) {
        right: 6.5%;
        bottom: -32%;
        z-index: unset;
    }
}

@media (min-width: 1024px) {
    .software-card:nth-child(1) {
        top: 3%;
        left: 19%;
    }

    .software-card:nth-child(2) {
        top: 19%;
        left: 42%;
    }

    .software-card:nth-child(3) {
        right: 5%;
        top: 25%;
    }

    .software-card:nth-child(4) {
        top: unset;
        bottom: -20%;
        left: 8%;
    }

    .software-card:nth-child(5) {
        bottom: -33%;
        left: 31%;
    }

    .software-card:nth-child(6) {
        right: 12%;
        bottom: -32%;
    }

    .software-card:hover {
        transform: rotate(var(--rotate)) translateY(-24px);
    }
}

/* [Block] Tabs */

.tab-item:hover {
    background: white;
}

.tab-item.active {
    background: var(--secondary);
}

.tab-item.active span {
    color: var(--text-primary);
}

.tab-item.active img,
.tab-item.active svg {
    filter: brightness(0.5);
}

.tab-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 100px;
    z-index: -1;
    filter: blur(50px);
    transition: var(--transition-all-5);
}

.tab-item.active::before {
    background: var(--secondary);
}

.tab-item-container {
    background: var(--primary-extra-soft-gradient);
}

.tab-content p {
    letter-spacing: -0.08em;
    line-height: 1.6em;
}

.tab-editor span {
    line-height: 1.42em;
}

.tab-text p:nth-child(2) {
    line-height: 0;
}

@media (min-width: 1024px) {
    .tab-editor span {
        line-height: 1.38em;
    }

    .tab-text p:nth-child(2) {
        line-height: 1.6em;
    }
}

/* [Block] Steps */

.step-card-shine::before {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 640px;
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(138deg, #7DFACD 33.89%, #75F563 63.44%);
    filter: blur(100px);
    z-index: -1;
    top: 100%;
}

.step-card-list ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.step-card-list ul li {
    position: relative;
    padding-left: 28px;
    font-size: 10px;
}

.step-card-list ul li::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.4993 11.8779L7.67664 10.1178C7.52122 9.96769 7.32547 9.89471 7.08939 9.89883C6.85332 9.90295 6.66024 9.98272 6.51015 10.1381C6.36006 10.2936 6.28708 10.4893 6.2912 10.7254C6.29532 10.9615 6.37509 11.1545 6.53051 11.3046L8.9466 13.6378C9.11615 13.8015 9.31202 13.8815 9.53421 13.8776C9.75639 13.8737 9.94935 13.787 10.1131 13.6175L14.7385 8.82767C14.8886 8.67225 14.9616 8.4765 14.9575 8.24042C14.9534 8.00435 14.8736 7.81127 14.7182 7.66118C14.5627 7.51109 14.367 7.43811 14.1309 7.44223C13.8949 7.44635 13.7018 7.52612 13.5517 7.68154L9.4993 11.8779ZM10.785 18.6898C9.63245 18.71 8.54546 18.51 7.52408 18.09C6.50271 17.67 5.61054 17.0918 4.84757 16.3556C4.08461 15.6194 3.47569 14.7479 3.02083 13.7413C2.56597 12.7346 2.32821 11.6552 2.30755 10.5032C2.28688 9.35117 2.48683 8.26418 2.90739 7.24224C3.32796 6.2203 3.90608 5.32813 4.64178 4.56573C5.37747 3.80333 6.24893 3.19442 7.25613 2.73899C8.26334 2.28357 9.34268 2.04581 10.4942 2.02571C11.6457 2.00561 12.7327 2.20556 13.7551 2.62555C14.7776 3.04555 15.6698 3.62368 16.4317 4.35994C17.1935 5.0962 17.8027 5.96764 18.2592 6.97427C18.7157 7.98091 18.9532 9.06026 18.9717 10.2123C18.9901 11.3644 18.7902 12.4514 18.3718 13.4733C17.9535 14.4952 17.3754 15.3874 16.6374 16.1498C15.8995 16.9122 15.0281 17.5214 14.0231 17.9774C13.0181 18.4333 11.9388 18.6708 10.785 18.6898Z" fill="%2337413C"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (min-width: 768px) {
    .step-card-list ul {
        gap: 8px;
    }

    .step-card-list ul li {
        padding-left: 28px;
        font-size: 16px;
    }

    .step-card-list ul li::before {
        width: 20px;
        height: 20px;
    }
}

/* [Block] Comparison */

.blaster-column::before {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border-radius: 16px;
    background: var(--white-20);
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 1280px) {
    .blaster-column::before {
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        border-radius: 30px;
    }
}

/* [Block] Sliders */

.comparison-slider .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.comparison-slider .swiper-pagination .swiper-pagination-bullet {
    transition: var(--transition-all-5);
    display: block;
    width: 64px;
    height: 8px;
    border-radius: 4px;
    background: var(--primary-semi-light);
    opacity: 1;
}

.comparison-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary);
    opacity: 1;
}

.feedbacks-slider .swiper-button,
.feedbacks-slider .blaster-btn-wrapper,
.feedbacks-slider .blaster-btn,
.feedbacks-slider .blaster-btn-wrapper::after,
.feedbacks-slider .blaster-btn::after {
    border-radius: 10px;
}

.feedbacks-slider .blaster-btn {
    padding: 0 12px;
}

/* [Block] Advantages */

.advantages-slider .swiper-slide:nth-child(1) {
    margin-right: -12px;
}

.advantages-slider .swiper-slide:nth-child(2) {
    margin-right: -18px;
}

@media (min-width: 480px) {
    .advantages-slider .swiper-slide {
        margin: 0;
    }
}


/* [Block] Mobile menu */

.mobile-menu-btn span::before,
.mobile-menu-btn span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 2px;
    background: var(--black);
    transition: var(--transition-all-5);
    border-radius: 6px;
}

.mobile-menu-btn span::before {
    top: 4px;
}

.mobile-menu-btn span::after {
    bottom: 4px;
}

.mobile-menu {
    z-index: -2;
    transform: translateY(-20%);
    transition: var(--transition-all-5);
}

.mobile-menu-content {
    transition: all 0.6s ease 0.3s;
}

body.open-mobile-menu .mobile-menu {
    transform: translateY(0);
}

body.open-mobile-menu .mobile-menu-content {
    opacity: 1;
}


body.open-mobile-menu .mobile-menu-btn span {
    background: 0 0;
}

body.open-mobile-menu .mobile-menu-btn span::before {
    top: 0;
    transform: translateX(-50%) rotate(45deg);
}

body.open-mobile-menu .mobile-menu-btn span::after {
    bottom: 0;
    transform: translateX(-50%) rotate(-45deg);
}

body.open-mobile-menu .mobile-menu,
body.open-mobile-menu .overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

body.open-mobile-menu .overlay {
    opacity: 0.4;
}

/* [Element] Primary Button */

@media (min-width: 640px) {
    .blaster-btn-container.full-width {
        width: fit-content;
    }

    .blaster-btn-container.full-width .blaster-btn-wrapper {
        width: fit-content;
    }

    .blaster-btn-container.full-width .blaster-btn {
        width: fit-content;
    }
}

.custom-ellipse {
    position: relative;
    z-index: 1;
    display: inline-block;
}

/* [Element] Ellipse*/

.custom-ellipse::before {
    content: "";
    position: absolute;
    background: linear-gradient(138deg, #7DFACD 33.89%, #75F563 63.44%);
    max-height: 139px;
    max-width: 302px;
    width: 35vw;
    height: 9vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100px;
    filter: blur(10px);
    z-index: -1;
    @media (min-width: 1024px) {
        filter: blur(20px);
        width: 19vw;
    }
}

.custom-ellipse::after {
    content: "";
    position: absolute;
    top: 4px;
    left: -18px;
    width: calc(100% + 44px);
    height: 110%;
    border-radius: 50%;
    border: 6px solid white;
    z-index: -1;
}

/*[Block] Text(Terms, Privacy Policy pages)*/

.page-text-content hr {
    display: inline-block;
    margin: 8px 0 24px;
    height: 1px;
    width: 100%;
    border-top: 2px dashed var(--border-color);
}

.page-text-content ul,
.page-text-content ol {
    list-style: initial;
    padding-inline-start: 40px;
}

/*[Block] Timeline*/

#timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: var(--text-primary);
}

@media (min-width: 768px) {
    #timeline:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        height: 2px;
        background: var(--text-primary);
    }
}

/*[Listing] Industries */

.industry-list-item a {
    outline: none;
    transition: var(--transition-all-5);
}

.industries-quantity {
    background: linear-gradient(180deg, #B8F17F 0%, #CCFF99 100%);
    -webkit-background-clip: text;
}

/*Hover effects*/

.industry-list-item::after {
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .5s ease-out;
    background: var(--text-primary);
}

.industry-list-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(100% + 40px);
    width: 100%;
    filter: blur(50px);
    transform: translateY(100%);
    transition: all 0.5s ease;
}


/* Menus */

.header-menu li > a,
.header-menu-mob li > a,
.footer-menu li > a,
.header-logo,
.footer-logo {
    transition: var(--transition-all-5);
    position: relative;
    outline: none;
}

.header-menu li > a::after,
.footer-menu li > a::after,
.header-logo::after,
.footer-logo::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 40px);
    height: calc(100% + 32px);
    border-radius: 100px;
    border: 1px solid transparent;
    transition: var(--transition-all-5);
}

.header-menu li a::before,
.header-menu-mob li a::before,
.footer-menu li a::before {
    height: 2px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .5s ease-out;
    background: linear-gradient(73.3deg, #41FD73 0%, #20FDC1 40.06%, #1EFDEB 76.44%);
}

.header-menu li.current-menu-item a,
.header-menu-mob li.current-menu-item a,
.footer-menu li.current-menu-item a {
    font-weight: 600;
}


.case-card,
.case-card img {
    transition: var(--transition-all-5);
}

.typewrite span {
    position: relative;
    padding-right: 4px;
    margin-right: 4px;
}

.typewrite span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translateY(-50%);
    width: 6px;
    height: 80%;
    border-right: 6px solid;
    animation: caret 1s steps(1) infinite;

}

@keyframes caret {
    50% {
        border-color: transparent;
    }
}

/* 404 page*/

.error404 footer {
    display: none;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.marquee span {
    text-transform: uppercase;
    will-change: transform;
    transform: translateX(0);
    white-space: nowrap;
    animation: marquee 24s linear infinite;
    line-height: 1.1em;
    color: var(--gray-ultra-dark);
}

/* Enable hover effects on desktop */
@media (min-width: 1024px) {
    .header-menu li:hover a::before,
    .footer-menu li:hover a::before,
    .industry-list-item:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .industry-list-item:hover::before {
        transform: translateY(0);
        background: #FAFAFA;
    }

    .header-menu a:focus-visible::after,
    .header-logo:focus-visible::after {
        border-color: var(--text-primary);
    }

    .footer-menu a:focus-visible::after,
    .footer-logo:focus-visible::after {
        border-color: white;
    }

    .case-card:hover {
        box-shadow: -8px 4px 24px 0 rgba(224, 227, 225, 0.24) inset,
        -8px 4px 24px 0 rgba(224, 227, 225, 0.24) inset,
        0 0 0.225px 0.225px rgba(0, 0, 0, 0.07),
        0 0 0.225px 0.675px rgba(0, 0, 0, 0.05),
        0 2.698px 2.923px -1.349px rgba(0, 0, 0, 0.25),
        0 0.899px 3.598px 0.899px rgba(0, 0, 0, 0.12),
        -8px 4px 34.5px 0 rgba(224, 227, 225, 0.24) inset;
    }

    .case-card:hover img {
        transform: scale(1.05);
    }
}

::selection {
    background: var(--secondary);
    color: var(--text-primary);
}

.grecaptcha-badge{
    display: none !important;
}