.switch {
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 3.5em;
    height: 2em;
    transform-style: preserve-3d;
    perspective: 500px;
    animation: toggle__animation 3s infinite;
  }
  
  .switch::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: blur(20px);
    z-index: -1;
    border-radius: 50px;
    background-color: #d8ff99;
    background-image: radial-gradient(at 21% 46%, hsla(183,65%,60%,1) 0px, transparent 50%),
  radial-gradient(at 23% 25%, hsla(359,74%,70%,1) 0px, transparent 50%),
  radial-gradient(at 20% 1%, hsla(267,83%,75%,1) 0px, transparent 50%),
  radial-gradient(at 86% 87%, hsla(204,69%,68%,1) 0px, transparent 50%),
  radial-gradient(at 99% 41%, hsla(171,72%,77%,1) 0px, transparent 50%),
  radial-gradient(at 55% 24%, hsla(138,60%,62%,1) 0px, transparent 50%);
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider-dark {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fdfefedc;
    transition: .4s;
    border-radius: 30px;
  }
  
  .slider-dark:before {
    position: absolute;
    content: "";
    height: 1.4em;
    width: 1.4em;
    left: 0.3em;
    bottom: 0.35em;
    transition: .4s;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -10px 10px 0px inset,
       rgba(0, 0, 0, 0.09) 0px -1px 15px -8px;
    background-color: #ff99fd;
    background-image: radial-gradient(at 81% 39%, hsla(327,79%,79%,1) 0px, transparent 50%),
    radial-gradient(at 11% 72%, hsla(264,64%,79%,1) 0px, transparent 50%),
    radial-gradient(at 23% 20%, hsla(75,98%,71%,1) 0px, transparent 50%);
  }
  
  .input__check:checked + .slider-dark {
    background-color: #17202A;
  }
  
  .input__check:checked + .slider-dark:before {
    transform: translateX(1.5em);
  }
  
  @keyframes toggle__animation {
    0%, 100% {
      transform: translateY(-10px) rotateX(15deg) rotateY(-20deg);
    }
  
    50% {
      transform: translateY(0px) rotateX(15deg) rotateY(-20deg);
    }
  }


.product-menu-toggle {
    padding: 0.4375rem 2.3rem;
}

















.gallery-section, .shop-section {
    padding: 80px 0;
    background: #0a090f;
}

.shop-page .shop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    align-items: start;
}

.shop-page {
    margin: 0;
    background: #0a090f;
}

.shop-page .main-wrapper {
    padding: 0;
}

.shop-page .shop-section {
    padding: 0 0 40px;
}

.shop-page .shop-section .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.shop-page .product-card {
    background: rgba(255, 113, 32, 0.08);
    border: 1px solid rgba(255, 113, 32, 0.45);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.shop-page .product-image {
    width: 100%;
    background: #0f1220;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop-page .product-image img {
    width: 100%;
    height: 170px;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
    background: #ffffff;
    display: block;
    margin: 0 auto;
}

.shop-page .product-info {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.shop-page .product-description {
    color: #f1f1f1;
    min-height: 44px;
    margin: 0;
}

.shop-page .product-info h3 {
    color: #ffffff;
    margin: 0;
}

.shop-page .product-price {
    color: #ff8f4a;
    margin: 0;
}

.shop-page .section-title {
    color: #ff7120;
}

.shop-page .section-subtitle {
    color: #ffffff;
}

.shop-page .product-button {
    margin-top: auto;
}

@media (max-width: 767px) {
    .shop-page .shop-grid {
        grid-template-columns: 1fr;
    }

    .shop-page .product-image img {
        height: 150px;
    }
}

.carousel {
    display: block;
    text-align: left;
    position: relative;
    margin-bottom: 22px;
    width: 100%;
    
    > input {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        
        &:nth-of-type(12):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-1100%); }
        &:nth-of-type(11):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-1000%); }
        &:nth-of-type(10):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-900%); }
        &:nth-of-type(9):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-800%); }
        &:nth-of-type(8):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-700%); }
        &:nth-of-type(7):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-600%); }
        &:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-500%); }
        &:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-400%); }
        &:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-300%); }
        &:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-200%); }
        &:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(-100%); }
        &:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type { transform: translateX(0%); }
        
        &:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(7):checked ~ .carousel__thumbnails li:nth-of-type(7) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(8):checked ~ .carousel__thumbnails li:nth-of-type(8) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(9):checked ~ .carousel__thumbnails li:nth-of-type(9) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(10):checked ~ .carousel__thumbnails li:nth-of-type(10) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(11):checked ~ .carousel__thumbnails li:nth-of-type(11) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
        &:nth-of-type(12):checked ~ .carousel__thumbnails li:nth-of-type(12) { box-shadow: 0px 0px 0px 5px rgba(255, 113, 32, 0.8); }
    }
}

.carousel__slides {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
}

.carousel__slide {
    position: relative;
    display: block;
    flex: 1 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: transform 300ms ease-out;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;
    transform: translateX(0);
    
    figure {
        display: flex;
        margin: 0;
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
        border-radius: 15px;
        overflow: hidden;
        border: 1px solid #ff7120;
        min-height: 400px;
    }
    
    div {
        position: relative;
        
        &:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 56.25%; /* 16:9 aspect ratio */
        }
        
        > img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    
    img {
        display: block;
        flex: 1 1 auto;
        object-fit: cover;
    }
    
    figcaption {
        align-self: flex-end;
        padding: 20px;
        flex: 0 0 auto;
        width: 35%;
        min-width: 200px;
        color: #ffffff;
        background: rgba(26, 26, 46, 0.9);
    }
    
    .credit {
        margin-top: 1rem;
        color: #ff7120;
        display: block;        
        font-size: 0.9em;
    }
    
    &.scrollable {
        overflow-y: scroll;
    }
}

.carousel__thumbnails {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    margin: 20px -10px 0;
    
    li {        
        flex: 1 1 auto;
        max-width: calc((100% / 12) - 20px);  
        margin: 0 10px;
        transition: all 300ms ease-in-out;
    }
    
    label {
        display: block;
        position: relative;
        
        &:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 100%; /* 1:1 aspect ratio */
        }
        
        > img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
            border: 2px solid transparent;
            transition: all 300ms ease-in-out;
        }
                  
        &:hover,
        &:focus {
            cursor: pointer;
            
            img {
                border-color: #ff7120;
                transform: scale(1.05);
            }
        }
    }
}

.product-price {
    color: #ff7120;
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 15px;
}

.product-button, .service-button {
    background: #ff7120;
    color: #ffffff;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
    width: 100%;
}

.product-button:hover, .service-button:hover {
    background: #ff8c42;
    transform: translateY(-2px);
}

.services-shop {
    padding: 80px 0;
    background: linear-gradient(135deg, #0a090f 0%, #1a1a2e 100%);
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.service-card {
    background: rgba(255, 113, 32, 0.1);
    border: 1px solid #ff7120;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    transition: transform 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
}

.service-card h3 {
    color: #ff7120;
    font-size: 1.3em;
    margin-bottom: 15px;
}

.service-card p {
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.6;
}

.service-price {
    color: #ff7120;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 20px;
}

.cta-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #ff7120 0%, #ff8c42 100%);
    text-align: center;
}

.cta-content h2 {
    color: #ffffff;
    font-size: 2.5em;
    margin-bottom: 20px;
}

.cta-content p {
    color: #ffffff;
    font-size: 1.2em;
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-button {
    background: #ffffff;
    color: #ff7120;
    border: none;
    padding: 15px 40px;
    border-radius: 50px;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.footer {
    background: #0a090f;
    padding: 50px 0 20px;
    border-top: 1px solid #ff7120;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 30px;
}

.footer-section h3, .footer-section h4 {
    color: #ff7120;
    margin-bottom: 20px;
}

.footer-section p, .footer-section ul {
    color: #ffffff;
    line-height: 1.8;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 10px;
}

.footer-section ul li a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-section ul li a:hover {
    color: #ff7120;
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 113, 32, 0.3);
    color: #ffffff;
}

/* From Uiverse.io by MuhammadHasann */ 
button {
    position: relative;
    padding: 8px 30px;
    background: #ff7120;
    font-size: 17px;
    font-weight: 550;
    
    color: #181818;
    border: 1px solid #ff7120;
    border-radius: 8px;
    box-shadow: 0 0 0 #fec1958c;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  
  .star-1 {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 25px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
  }
  
  .star-2 {
    position: absolute;
    top: 45%;
    left: 45%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
  }
  
  .star-3 {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
  }
  
  .star-4 {
    position: absolute;
    top: 20%;
    left: 40%;
    width: 8px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 0.8s cubic-bezier(0, 0.4, 0, 1.01);
  }
  
  .star-5 {
    position: absolute;
    top: 25%;
    left: 45%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 0.6s cubic-bezier(0, 0.4, 0, 1.01);
  }
  
  .star-6 {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 0.8s ease;
  }
  
  button:hover {
    background: transparent;
    color: #fec195;
    box-shadow: 0 0 25px #fec1958c;
  }
  
  button:hover .star-1 {
    position: absolute;
    top: -80%;
    left: -30%;
    width: 25px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
  }
  
  button:hover .star-2 {
    position: absolute;
    top: -25%;
    left: 10%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
  }
  
  button:hover .star-3 {
    position: absolute;
    top: 55%;
    left: 25%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
  }
  
  button:hover .star-4 {
    position: absolute;
    top: 30%;
    left: 80%;
    width: 8px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
  }
  
  button:hover .star-5 {
    position: absolute;
    top: 25%;
    left: 115%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
  }
  
  button:hover .star-6 {
    position: absolute;
    top: 5%;
    left: 60%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
  }
  
  .fil0 {
    fill: #fffdef;
  }
  




.image-1022{
    width: 35%;
    height: 100%;
    min-width: 38px;
}

.counter {
    color: #ffffff;
    font-size: 24px;
}

.gallery-page .simple-gallery {
    width: 100%;
}

.gallery-page .simple-gallery__main {
    width: 100%;
    min-height: 420px;
    border: 1px solid #ff7120;
    border-radius: 14px;
    overflow: hidden;
    background: #11131f;
}

.gallery-page .simple-gallery__main img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    display: block;
}

.gallery-page .simple-gallery__caption {
    margin-top: 12px;
    color: #ffffff;
    background: rgba(255, 113, 32, 0.12);
    border: 1px solid rgba(255, 113, 32, 0.4);
    border-radius: 10px;
    padding: 12px 14px;
    line-height: 1.5;
    display: none;
}

.gallery-page .simple-gallery__thumbs {
    margin-top: 16px;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 6px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.gallery-page .simple-gallery__thumbs::-webkit-scrollbar {
    display: none;
}

.gallery-page .simple-gallery__thumb {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    flex: 0 0 96px;
}

.gallery-page .simple-gallery__thumb img {
    width: 100%;
    height: 72px;
    object-fit: cover;
    display: block;
}

.gallery-page .simple-gallery__thumb:hover,
.gallery-page .simple-gallery__thumb.is-active {
    border-color: #ff7120;
}

@media (max-width: 991px) {
    .gallery-page .simple-gallery__main,
    .gallery-page .simple-gallery__main img {
        min-height: 280px;
    }

    .gallery-page .simple-gallery__thumb {
        flex-basis: 78px;
    }
}

.gallery-page .carousel {
    position: relative;
    width: 100%;
}

.gallery-page .carousel > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.gallery-page .carousel__slides {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transform: translateX(0%);
    transition: transform 0.35s ease;
}

.gallery-page .carousel__slide {
    flex: 0 0 100%;
    min-width: 100%;
    box-sizing: border-box;
}

.gallery-page .carousel__slide figure {
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
    border: 1px solid #ff7120;
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

.gallery-page .carousel__slide figure > div {
    position: relative;
    min-height: 360px;
}

.gallery-page .carousel__slide figure > div img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gallery-page .carousel__slide figcaption {
    color: #ffffff;
    padding: 20px;
    align-self: end;
}

.gallery-page .carousel__slide .credit {
    display: block;
    margin-top: 10px;
    color: #ff7120;
    font-weight: 600;
}

.gallery-page .carousel__thumbnails {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.gallery-page .carousel__thumbnails li {
    margin: 0;
}

.gallery-page .carousel__thumbnails label {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    cursor: pointer;
}

.gallery-page .carousel__thumbnails label img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid transparent;
}

.gallery-page .carousel > input:nth-of-type(1):checked ~ .carousel__slides { transform: translateX(0%); }
.gallery-page .carousel > input:nth-of-type(2):checked ~ .carousel__slides { transform: translateX(-100%); }
.gallery-page .carousel > input:nth-of-type(3):checked ~ .carousel__slides { transform: translateX(-200%); }
.gallery-page .carousel > input:nth-of-type(4):checked ~ .carousel__slides { transform: translateX(-300%); }
.gallery-page .carousel > input:nth-of-type(5):checked ~ .carousel__slides { transform: translateX(-400%); }
.gallery-page .carousel > input:nth-of-type(6):checked ~ .carousel__slides { transform: translateX(-500%); }
.gallery-page .carousel > input:nth-of-type(7):checked ~ .carousel__slides { transform: translateX(-600%); }
.gallery-page .carousel > input:nth-of-type(8):checked ~ .carousel__slides { transform: translateX(-700%); }
.gallery-page .carousel > input:nth-of-type(9):checked ~ .carousel__slides { transform: translateX(-800%); }
.gallery-page .carousel > input:nth-of-type(10):checked ~ .carousel__slides { transform: translateX(-900%); }
.gallery-page .carousel > input:nth-of-type(11):checked ~ .carousel__slides { transform: translateX(-1000%); }
.gallery-page .carousel > input:nth-of-type(12):checked ~ .carousel__slides { transform: translateX(-1100%); }

.gallery-page .carousel > input:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) img,
.gallery-page .carousel > input:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) img,
.gallery-page .carousel > input:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) img,
.gallery-page .carousel > input:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) img,
.gallery-page .carousel > input:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) img,
.gallery-page .carousel > input:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) img,
.gallery-page .carousel > input:nth-of-type(7):checked ~ .carousel__thumbnails li:nth-of-type(7) img,
.gallery-page .carousel > input:nth-of-type(8):checked ~ .carousel__thumbnails li:nth-of-type(8) img,
.gallery-page .carousel > input:nth-of-type(9):checked ~ .carousel__thumbnails li:nth-of-type(9) img,
.gallery-page .carousel > input:nth-of-type(10):checked ~ .carousel__thumbnails li:nth-of-type(10) img,
.gallery-page .carousel > input:nth-of-type(11):checked ~ .carousel__thumbnails li:nth-of-type(11) img,
.gallery-page .carousel > input:nth-of-type(12):checked ~ .carousel__thumbnails li:nth-of-type(12) img {
    border-color: #ff7120;
}

@media (max-width: 991px) {
    .gallery-page .carousel__slide figure {
        grid-template-columns: 1fr;
    }

    .gallery-page .carousel__slide figure > div {
        min-height: 260px;
    }

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

.brand-2{
    color: #ffffff;
    font-size: 40px;
    align-items: center;
    font-family: 'Michroma', sans-serif;
    font-weight: 600;
    
}




.videoH {
    position: relative; 
}

.videoH .capital-video {
    position: absolute;
    left: -700px; 
    top: -400px; 
    width: auto; 
}

.videoH .capital-video video {
    width: 25% !important; 
    height: auto !important;
    max-width: none !important; 
    max-height: none !important;
}










@media (min-width:992px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="da52946c-a4c6-114f-c5f2-cbcfb26bca68"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="2d214eeb-5a1c-a173-494e-1471e9a6a260"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="2d214eeb-5a1c-a173-494e-1471e9a6a263"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a1936c"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a19373"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a19393"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193a9"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193b0"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193b7"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193be"] {
        opacity: 0;
    }
}

@media (max-width:991px) and (min-width:768px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="da52946c-a4c6-114f-c5f2-cbcfb26bca68"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="2d214eeb-5a1c-a173-494e-1471e9a6a260"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="2d214eeb-5a1c-a173-494e-1471e9a6a263"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a1936c"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a19373"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a19393"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193a9"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193b0"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193b7"] {
        opacity: 0;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193be"] {
        opacity: 0;
    }
}

@media (max-width:767px) and (min-width:480px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193a0"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="609a62dd-47cd-8bad-6657-b9f754fea2ae"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="d29df282-5b64-0d93-cb12-8d93ade55d92"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }
}

@media (max-width:479px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="03001267-21de-c77d-651b-29f8c8a193a0"] {
        display: none;
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="609a62dd-47cd-8bad-6657-b9f754fea2ae"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }

    html.w-mod-js:not(.w-mod-ix) [data-w-id="d29df282-5b64-0d93-cb12-8d93ade55d92"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -moz-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        -ms-transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
        transform: translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }
}



/* hide body scroll */

body::-webkit-scrollbar {
    width: 0;
}

body::-webkit-scrollbar-thumb {
    width: 0;
    background: #fff;
    border-radius: 2px;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
    border: 0;
}

.overflow-ellipsis {
    text-overflow: ellipsis;
}

/* Lenis */

html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

/* usefull classes */

.pointer-events-none {
    pointer-events: none;
}

/* fluid fonts */

@media screen and (min-width: 1440px) {
    html {
        font-size: calc(16px + 6 * ((100vw - 1440px) / 720));
    }
}

@media screen and (min-width: 320px) and (max-width: 1439px) {
    html {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1000));
    }
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.explore-link:hover .explore-link-icon>img {
    transform: translate(0, 20%);
}

/* heading with lines */

.section-title-bordered {
    display: inline-block;
    padding: 8px 1.3125rem 2px;
    margin: 0 0 8px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .section-title-bordered {
        padding: 8px 0.57rem 2px;
    }
}

.section-title-bordered:before,
.section-title-bordered:after {
    position: absolute;
    width: 18px;
    height: 1px;
    background: #807f85;
    content: "";
}

.section-title-bordered.section-title-bordered--lg:before,
.section-title-bordered.section-title-bordered--lg:after {
    height: 2px;
}

.section-title-bordered:before {
    top: 0;
    left: -5px;
    transform: rotate(-45deg);
    transform-origin: top right;
}

.section-title-bordered--gradient.section-title-bordered:before {
    background: linear-gradient(to right, #28efce 0%, #2ce7d2 100%);
}

.section-title-bordered:after {
    bottom: 0;
    right: -5px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}

.section-title-bordered--gradient.section-title-bordered:after {
    background: linear-gradient(to right, #fb7c4f 0%, #fa7952 100%);
}

.section-title-bordered-line-1:before,
.section-title-bordered-line-1:after {
    position: absolute;
    width: calc(100% - 13px);
    height: 1px;
    background: #807f85;
    content: "";
}

.section-title-bordered--lg .section-title-bordered-line-1:before,
.section-title-bordered--lg .section-title-bordered-line-1:after {
    height: 2px;
}

.section-title-bordered-line-1:before {
    top: 0;
    left: 13px;
}

.section-title-bordered--gradient .section-title-bordered-line-1:before {
    background: linear-gradient(to right, #2be6d1 0%, #6a59e5 100%);
}

.section-title-bordered-line-1:after {
    bottom: 0;
    right: 13px;
}

.section-title-bordered--gradient .section-title-bordered-line-1:after {
    background: linear-gradient(to right, #fc914d 0%, #fb7c4f 100%);
}

.section-title-bordered-line-2:before,
.section-title-bordered-line-2:after {
    position: absolute;
    width: 1px;
    height: calc(100% - 13px);
    background: #807f85;
    content: "";
}

.section-title-bordered--gradient .section-title-bordered-line-2:before {
    background: linear-gradient(to bottom, #28efce 0%, #69e79e 100%);
}

.section-title-bordered--gradient .section-title-bordered-line-2:after {
    background: linear-gradient(to bottom, #6a59e5 0%, #fb7a52 100%);
}

.section-title-bordered--lg .section-title-bordered-line-2:before,
.section-title-bordered--lg .section-title-bordered-line-2:after {
    width: 2px;
}

.section-title-bordered-line-2:before {
    bottom: 0;
    left: 0;
}

.section-title-bordered-line-2:after {
    top: 0;
    right: 0;
}

.section-title-bordered--partial .section-title-bordered-line-1:after {
    width: 67%;
}

.section-title-bordered--partial .section-title-bordered-line-2:before {
    bottom: auto;
    top: 13px;
    left: 0;
    height: calc(100% - 30px);
}

.section-title-bordered--partial .section-title-bordered-line-2:after {
    display: none;
}

/* Gallery Page Specific Styles */
.gallery-page .page-loader {
    display: none !important;
}

.gallery-page .main-wrapper {
    display: block !important;
    opacity: 1 !important;
}

.shop-page .page-loader {
    display: none !important;
}

.shop-page .main-wrapper {
    display: block !important;
    opacity: 1 !important;
}

.gallery-section {
    padding: 80px 0;
    background: #0a090f;
    min-height: 100vh;
}

.gallery-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-heading {
    text-align: center;
    margin-bottom: 60px;
}

.section-title {
    color: #ff7120;
    font-size: 2.5em;
    margin-bottom: 20px;
    font-weight: 700;
}

.section-subtitle {
    color: #ffffff;
    font-size: 1.2em;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* button additional styles */

.btn-primary:before,
.btn-primary:after {
    position: absolute;
    width: 10px;
    height: 1px;
    content: "";
}

.btn-primary:before {
    top: 0;
    left: -3px;
    transform: rotate(-45deg);
    transform-origin: top right;
    background: linear-gradient(to right, #fb6e53 0%, #fb7454 100%);
}

.btn-primary:after {
    bottom: 0;
    right: -3px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    background: linear-gradient(to right, #74e79a 0%, #74e79a 100%);
}

.btn-primary-lines-1:before,
.btn-primary-lines-1:after {
    position: absolute;
    width: calc(100% - 8px);
    height: 1px;
    content: "";
}

.btn-primary-lines-1:before {
    top: 0;
    left: 7px;
    background: linear-gradient(to right, #fb7454 0%, #bcda68 100%);
}

.btn-primary-lines-1:after {
    bottom: 0;
    right: 7px;
    
}

.btn-primary-lines-2:before,
.btn-primary-lines-2:after {
    position: absolute;
    width: 1px;
    content: "";
}

.btn-primary-lines-2:before {
    bottom: 0;
    left: 0;
    height: 56%;
    background: linear-gradient(to bottom, #6e52e5 0%, #6072e2 100%);
}

.btn-primary-lines-2:after {
    top: 0;
    right: 0;
    height: calc(100% - 7px);
    background: linear-gradient(to bottom, #bcda68 0%, #74e79a 100%);
}

.btn-primary--grey:before,
.btn-primary--grey:after,
.btn-primary--grey .btn-primary-lines-2:after,
.btn-primary--grey .btn-primary-lines-2:before,
.btn-primary--grey .btn-primary-lines-1:before,
.btn-primary--grey .btn-primary-lines-1:after {
    background: #595959;
}

.btn-primary-text:before,
.btn-primary-text:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #efefe5;
    border-radius: 50%;
    content: "";
}

.btn-primary-text:before {
    left: 0;
}

.btn-primary-text:after {
    left: 0.4375rem;
}

.btn-primary--dropdown .btn-primary-text,
.btn-primary--no-icon .btn-primary-text,
.btn-primary--custom-icon .btn-primary-text {
    padding-left: 0;
}

.btn-primary--dropdown .btn-primary-text:before,
.btn-primary--dropdown .btn-primary-text:after,
.btn-primary--no-icon .btn-primary-text:before,
.btn-primary--no-icon .btn-primary-text:after,
.btn-primary--custom-icon .btn-primary-text:before,
.btn-primary--custom-icon .btn-primary-text:after {
    display: none;
}

/* custom slider arrows */

.custom-slider-arrow.w-slider-arrow-left,
.custom-slider-arrow.w-slider-arrow-right,
.custom-slider-arrow .w-icon-slider-left,
.custom-slider-arrow .w-icon-slider-right {
    width: 3.25rem;
    height: 3.25rem;
    z-index: 4;
}

.custom-slider-arrow .w-icon-slider-left:before,
.custom-slider-arrow .w-icon-slider-right:before {
    display: none;
}

.custom-slider-arrow[style*="display: none;"] {
    display: block !important;
    pointer-events: none;
}

.custom-slider-arrow[style*="display: none;"]>div {
    opacity: 0.3;
}

.custom-slider-arrow .w-icon-slider-left,
.custom-slider-arrow .w-icon-slider-right {
    background: url(https://cdn.prod.website-files.com/64354b8ce4872ad8cd1c7b04/6446951576624313547bb1bd_arrow-next.svg) no-repeat 50% 50% / contain;
    transition: opacity .3s;
}

.custom-slider-arrow .w-icon-slider-left {
    transform: rotate(-180deg);
}

.custom-slider-arrow--bottom.w-slider-arrow-left {
    top: auto;
    bottom: 9vh;
    left: 2.2%;
}

.custom-slider-arrow--bottom.w-slider-arrow-right {
    top: auto;
    bottom: 9vh;
    left: calc(2.2% + 4.125rem);
    right: auto;
}

.custom-slider-arrow--top.w-slider-arrow-left {
    bottom: auto;
    top: 0;
    left: -44%;
    right: auto;
}

.custom-slider-arrow--top.w-slider-arrow-right {
    bottom: auto;
    top: 0;
    left: calc(-44% + 4.125rem);
    right: auto;
}

.custom-slider-arrow .w-icon-slider-left:hover,
.custom-slider-arrow .w-icon-slider-right:hover {
    opacity: .7;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .custom-slider-arrow--bottom.w-slider-arrow-left {
        left: 6vw;
    }

    .custom-slider-arrow--bottom.w-slider-arrow-right {
        left: calc(6vw + 4.125rem);
    }

    .custom-slider-arrow--top.w-slider-arrow-left,
    .custom-slider-arrow--top.w-slider-arrow-right {
        width: 100%;
        height: 70px;
    }

    .custom-slider-arrow--top.w-slider-arrow-right {
        left: 100%;
    }
}

@media screen and (max-width: 991px) {

    .custom-slider-arrow--top.w-slider-arrow-left,
    .custom-slider-arrow--top.w-slider-arrow-right {
        top: 100%;
        border-bottom: 1px solid #353539;
    }

    .custom-slider-arrow--top.w-slider-arrow-left {
        left: 0;
    }
}

@media screen and (max-width: 767px) {

    .custom-slider-arrow.w-slider-arrow-left,
    .custom-slider-arrow.w-slider-arrow-right,
    .custom-slider-arrow .w-icon-slider-left,
    .custom-slider-arrow .w-icon-slider-right {
        width: 27px;
        height: 27px;
    }

    .custom-slider-arrow--bottom.w-slider-arrow-right {
        top: 15px;
        bottom: auto;
        left: auto;
        right: 15px;
    }

    .custom-slider-arrow--bottom.w-slider-arrow-left {
        top: 15px;
        bottom: auto;
        left: auto;
        right: 54px;
    }

    .custom-slider-arrow--top.w-slider-arrow-left,
    .custom-slider-arrow--top.w-slider-arrow-right {
        width: 50%;
        height: 60px;
    }

    .custom-slider-arrow--top.w-slider-arrow-right {
        left: 50%;
    }
}

/* hover effect */

.btn-secondary *,
.btn-primary *,
.link-more * {
    pointer-events: none;
}

.btn-primary input,
.btn-primary button {
    pointer-events: auto;
}

/* ai model tabs */

.ai-model-content-head:not(.active) .ai-model-title-h3.ai-model-title-tab {
    background: none;
}

/*Zalyva styles*/

.top-banner.hidden {
    max-height: 0;
    padding: 0;
    translate: 0 -200%;
    transition: all .2s ease-in-out;
}

.site-header {
    position: sticky;
    top: 0;
}

.faq-2 .miscellaneous-2 {
    transition: all .2s ease-in-out;
}

.faq-2 .miscellaneous-2[aria-selected="true"] * {
    color: #EFEFE5;
}

.faq-answer-2 {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

.plus-wrap-2 {
    transition: transform 0.3s ease-in-out;
}

.rotate {
    transform: rotate(45deg);
}

.custom-tabs .w--current .articles-bg,
.latest-items .w--current .articles-bg {
    display: block;
}

/*Mobile menu*/

.w-dropdown-list.w--open .w-dropdown-link {
    margin: 0;
}

@media screen and (max-width: 991px) {
    .w-nav[data-collapse=medium] .w-nav-button {
        display: flex !important;
    }

    .w-dropdown-toggle.w--open .header__icon-arrow {
        transform: scaleY(-1);
    }

    .nav-menu-2 {
        max-height: 86vh;
        overflow: auto;
    }
}

@media screen and (min-width: 992px) {
    .menu-2 .nav-link-5:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin: 0 auto;
        width: 0;
        height: 1px;
        background: #EFEFE5;
        transition: width .2s;
        content: "";
    }

    .menu-2 .nav-link-5:hover:after,
    .menu-2 .nav-link-5.w--current:after {
        width: 100%;
    }

    .menu-2 .w-dropdown-list.w--open {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        top: 100%;
        left: -20px;
    }
}

.menu-button-3.w--open .menu-icon-item.mii-1 {
    top: 50%;
    transform: rotate(45deg);
}

.menu-button-3.w--open .menu-icon-item.mii-2 {
    top: 50%;
    transform: rotate(-45deg);
}

/* responsive adjustments */

@media screen and (max-width: 991px) {
    .hero-bottom-center br {
        display: none;
    }
}

@media screen and (min-width: 1440px) {
    .body-no-banner .container.hero-flex-container {
        min-height: 91vh;
    }
}

/* team */

.team-card-bio {
    width: 100% !important;
}

.team-card-avatar img {
    clip-path: polygon(7% 0, 93% 0, 100% 7%, 100% 93%, 93% 100%, 7% 100%, 0 93%, 0 7%);
    filter: grayscale(1);
    
}

.profile-image img {
    clip-path: polygon(15% 0, 85% 0, 100% 0%, 100% 85%, 85% 100%, 15% 100%, 0 100%, 0 0%);
    filter: grayscale(1);
}

/* pricing tabs */

.pricing-tab-link:not(.w--current) .pricing-tab-text {
    background: none;
}

/* custom form */

.form-field {
    resize: vertical;
}

.form-field:required {
    background-image: url(https://cdn.prod.website-files.com/64354b8ce4872ad8cd1c7b04/645a3c7ba47fbd79366e7ccb_asterisk.svg);
    background-position: 100% 1.15rem;
    background-repeat: no-repeat;
}

.form-label {
    pointer-events: none;
    transition: opacity .2s, transform .2s;
}

.label-moved .form-label {
    transform: translate(0, -90%);
    font-size: .8125rem;
    opacity: .6;
}

.w-form-fail,
.w-form-done {
    background: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    transition-delay: 9999s;
}

/* marquee */

@keyframes marqueeScroll {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

.soliutions-image-track {
    pointer-events: none;
}

.top-banner-content:not(:first-child) {
    display: none !important;
}

/* youtube */

.youtube-video img,
.youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.youtube-video iframe {
    z-index: 4;
}

.youtube-video:before,
.youtube-video:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "";
}

.youtube-video:before {
    width: 4.2rem;
    height: 3rem;
    background-color: #353539;
    z-index: 1;
    opacity: 0.8;
    border-radius: 0.75rem;
    transition: opacity .3s;
}

.youtube-video:hover:before {
    opacity: 1;
}

.youtube-video:after {
    z-index: 2;
    border-style: solid;
    border-width: 0.625rem 0 0.625rem 1.125rem;
    border-color: transparent transparent transparent #fff;
}

.twolines-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
}

body:not(.korean-language) .korean-language {
    display: none !important;
}

body.korean-language .main-language {
    display: none;
}

body.korean-language .korean-language {
    display: block;
}

body.korean-language .korean-language.korean-language-flex {
    display: flex;
}


/* hero slides */

.home-page:not(.loaded) .cookie-popup {
    display: none !important;
}

.no-top-banner .container.hero-flex-container {
    min-height: 93vh;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translate(0, -100%);
    transition: all .3s;
}

.hero-slider-inner {
    overflow: hidden;
}

.hero-feature-slide.active,
.hero-slide.active {
    opacity: 1;
    animation: heroSlideActiveAnim .3s forwards;
}

.hero-slide.active+.hero-slide {
    opacity: 0.5;
    animation: heroSlideAnim .3s forwards;
    transition: unset;
}

@media screen and (max-width: 767px) {

    .home-page:not(.page-ready) .hero-slide:first-child,
    .home-page:not(.page-ready) .hero-flex-container {
        opacity: 1 !important;
        transform: unset !important;
    }

    .hero-slide.active+.hero-slide {
        opacity: .2;
    }

    .home-page .container.hero-flex-container {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
        min-height: auto !important;
        padding-bottom: 24px !important;
    }

    .home-page .hero {
        height: auto !important;
        min-height: 100vh;
    }

    .home-page .hero-bottom {
        padding-top: 32px !important;
    }

    .home-page .hero-bottom-center {
        position: static !important;
        left: auto !important;
        bottom: auto !important;
        margin-top: 12px;
    }

    .home-page .hero-bottom-right {
        width: 100%;
        justify-content: flex-start;
        padding-left: 0;
        margin-top: 16px;
    }

    .home-page .hero-heading,
    .home-page .heading-4 {
        font-size: 2.1rem;
        line-height: 1.15;
    }

    .home-page .brand-2 {
        gap: 8px !important;
    }

    .home-page .brand-2 img {
        width: 96px !important;
        height: 56px !important;
        object-fit: contain;
    }

    .home-page .brand-2 span {
        font-size: 16px !important;
        line-height: 1.2;
        letter-spacing: .4px !important;
    }
}

@keyframes heroSlideAnim {
    0% {
        transform: translate(0, 200%);
    }

    100% {
        transform: translate(0, 100%);
    }
}

@keyframes heroSlideActiveAnim {
    0% {
        transform: translate(0, 100%);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Solutions additional animation */

.solutions-row .solutions-actions {
    transition: opacity .3s;
}

.solutions-row[style*="opacity: 0.35;"] .solutions-actions {
    opacity: 0;
}

.solutions-row[style*="opacity: 0.35;"] .nb-default {
    filter: grayscale(1);
}

.webgl {
    pointer-events: none;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .webgl canvas {
        transform: scale(0.85);
        transform-origin: center bottom;
    }
}

@media screen and (min-width: 300px) and (max-width: 450px) {
    .webgl canvas {
        transform: scale(0.85);
        -webkit-mask-image: linear-gradient(to top, transparent 0%, #0a090f 25%, #0a090f 100%);
        mask-image: linear-gradient(to top, transparent 0%, #0a090f 25%, #0a090f 100%);
    }
}

body:not(.loaded) .page-loader {
    display: flex !important;
    opacity: 1 !important;
    border: 1px solid black;
}

/* path animations */

/*[anim-trigger-hero],*/

[anim-trigger] {
    opacity: 0;
    transform: translate(0, 50%);
    transition: opacity .3s, transform .3s;
}

/*[anim-trigger-hero].is-animated,*/

[anim-trigger].is-animated {
    transform: translate(0, 0);
    opacity: 1;
}

.path-anim {
    transition: stroke-dashoffset .3s linear;
}

.path-anim-1 {
    stroke-dasharray: 482;
    stroke-dashoffset: -482;
    transition-delay: .5s;
}

.path-anim-1.path-anim-delay-95 {
    transition-delay: .95s;
}

.path-anim-2 {
    stroke-dasharray: 270;
    stroke-dashoffset: 270;
    transition-delay: 0.9s;
}

.path-anim-2.path-anim-delay-1-1 {
    transition-delay: 1.1s;
}

.path-anim-left {
    stroke-dasharray: 138;
    stroke-dashoffset: 138;
    transition: stroke-dashoffset .15s .65s linear;
}

.path-anim-right {
    stroke-dasharray: 142;
    stroke-dashoffset: 142;
    transition: stroke-dashoffset .15s .8s linear;
}

.path-anim-left-1 {
    stroke-dasharray: 184;
    stroke-dashoffset: -184;
    transition: stroke-dashoffset .15s .6s linear;
}

.path-anim-right-2 {
    stroke-dasharray: 146;
    stroke-dashoffset: 146;
    transition: stroke-dashoffset .15s .85s linear;
}

.path-anim-sm-1 {
    stroke-dasharray: 365;
    stroke-dashoffset: -365;
    transition-delay: .5s;
}

.path-anim-sm-2 {
    stroke-dasharray: 153;
    stroke-dashoffset: 153;
    transition-delay: .75s;
}

.is-animated .path-anim-sm-1,
.is-animated .path-anim-sm-2,
.is-animated .path-anim-left-1,
.is-animated .path-anim-right-2,
.is-animated .path-anim-left,
.is-animated .path-anim-right,
.is-animated .path-anim-1,
.is-animated .path-anim-2 {
    stroke-dashoffset: 0;
}

.section-title-bordered[anim-trigger]:before,
.section-title-bordered[anim-trigger]:after,
.section-title-bordered[anim-trigger] .section-title-bordered-line:before,
.section-title-bordered[anim-trigger] .section-title-bordered-line:after {
    opacity: 0;
    transition: opacity .4s .5s;
}

.section-title-bordered[anim-trigger].is-animated:before,
.section-title-bordered[anim-trigger].is-animated:after,
.section-title-bordered[anim-trigger].is-animated .section-title-bordered-line:before,
.section-title-bordered[anim-trigger].is-animated .section-title-bordered-line:after {
    opacity: 1;
}

/* copy code styles */

.copy-code-full-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}

.copy-code-block:before {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.75);
    justify-content: center;
    align-items: center;
    content: "Copied";
    font-family: Roboto Mono, sans-serif;
    text-transform: uppercase;
    font-size: 0.875rem;
    display: none;
}

.copy-code-block.copied .copy-icon,
.copy-code-block .copied-icon {
    display: none;
}

.copy-code-block.copied .copied-icon {
    display: block;
}

.copy-code-block.copied:before {
    display: flex;
}

.contractor-action.is-active img {
    transform: scaleY(-1)
}

;


.winter-off .holydays,
.winter-off .holydays-snow {
    display: none !important;
}

/* customizable snowflake styling */

.svg-snow-icon {
    display: block;
    width: 1rem;
    height: 1rem;
    opacity: 0.7;
}

.snowflake:nth-child(2n) .svg-snow-icon {
    width: 0.75rem;
    opacity: 0.5;
}

.snowflake,
.snowflake .inner {
    pointer-events: none;
    animation-iteration-count: infinite;
    animation-play-state: running
}

@keyframes snowflakes-fall {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(110vh)
    }
}

@keyframes snowflakes-shake {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(80px)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 999;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    animation-name: snowflakes-shake;
    animation-duration: 3s;
    animation-timing-function: ease-in-out
}

.snowflake .inner {
    animation-duration: 10s;
    animation-name: snowflakes-fall;
    animation-timing-function: linear
}

.snowflake:nth-of-type(0) {
    left: 1%;
    animation-delay: 0s
}

.snowflake:nth-of-type(0) .inner {
    animation-delay: 0s
}

.snowflake:first-of-type {
    left: 10%;
    animation-delay: 1s
}

.snowflake:first-of-type .inner,
.snowflake:nth-of-type(8) .inner {
    animation-delay: 1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    animation-delay: .5s
}

.snowflake:nth-of-type(2) .inner,
.snowflake:nth-of-type(6) .inner {
    animation-delay: 6s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    animation-delay: 2s
}

.snowflake:nth-of-type(11) .inner,
.snowflake:nth-of-type(3) .inner {
    animation-delay: 4s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    animation-delay: 2s
}

.snowflake:nth-of-type(10) .inner,
.snowflake:nth-of-type(4) .inner {
    animation-delay: 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    animation-delay: 3s
}

.snowflake:nth-of-type(5) .inner {
    animation-delay: 8s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    animation-delay: 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    animation-delay: 1s
}

.snowflake:nth-of-type(7) .inner {
    animation-delay: 2.5s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    animation-delay: 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    animation-delay: 1.5s
}

.snowflake:nth-of-type(9) .inner {
    animation-delay: 3s
}

.snowflake:nth-of-type(10) {
    left: 25%;
    animation-delay: 0s
}

.snowflake:nth-of-type(11) {
    left: 65%;
    animation-delay: 2.5s
}



@media screen and (min-width: 768px) {
    .holidays-left-holder {
        position: absolute;
        top: 38vh;
        left: 0;
        z-index: 10;
        width: 6rem;
        opacity: 0;
        pointer-events: none;
        animation: holydaysLeftOpacity 1s 0.5s normal forwards;
    }

    .home-page .holidays-left-holder {
        animation: unset;
    }

    .home-page.page-ready.loaded .holidays-left-holder {
        animation: holydaysLeftOpacity 1s 0.5s normal forwards;
    }

    .holidays-right-img,
    .holidays-left-img {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        z-index: 2;
    }

    .holidays-left-img-snow {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0;
        animation: holydaysLeftSnowOpacity 0.5s 1s normal forwards;
        transform-origin: left bottom;
    }

    .home-page .holidays-left-img-snow {
        animation: unset;
    }

    .home-page.page-ready.loaded .holidays-left-img-snow {
        animation: holydaysLeftSnowOpacity 0.5s 1s normal forwards;
    }

    .holidays-right-holder {
        position: absolute;
        top: calc(100% + 1px);
        right: 3.4%;
        z-index: 10;
        width: 7.6875rem;
        overflow: hidden;
        pointer-events: none;
    }

    .holidays-right-img-balls {
        opacity: 0;
        transform: translate(0px, -50%);
        animation: holydaysRightOpacity 1s 0.5s normal forwards;
    }

    .holidays-right-img-text,
    .holidays-right-img-snow {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .holidays-right-img-snow {
        animation: holydaysOpacity 1s 1s normal forwards;
    }

    .holidays-right-img-text {
        animation: holydaysOpacity 1s 1.3s normal forwards;
    }

    .home-page .holidays-right-img-balls,
    .home-page .holidays-right-img-text,
    .home-page .holidays-right-img-snow {
        animation: unset;
    }

    .home-page.page-ready.loaded .holidays-right-img-balls {
        animation: holydaysRightOpacity 1s 0.5s normal forwards;
    }

    .home-page.page-ready.loaded .holidays-right-img-snow {
        animation: holydaysOpacity 1s 1s normal forwards;
    }

    .home-page.page-ready.loaded .holidays-right-img-text {
        animation: holydaysOpacity 1s 1.3s normal forwards;
    }
}

@media screen and (max-width: 991px) {
    .site-header .w-nav-overlay {
        z-index: 11;
    }

    .holidays-left-holder {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .holidays-right-holder {
        display: none;
    }
}

@keyframes holydaysLeftOpacity {
    0% {
        opacity: 0;
        transform: translate(-50%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0%, 0);
    }
}

@keyframes holydaysLeftSnowOpacity {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes holydaysRightOpacity {
    0% {
        opacity: 0;
        transform: translate(0, -50%);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0%);
    }
}

@keyframes holydaysOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}






/* CSS for when overflow is detected in Our Ecosystem dropdown */

.overflow-pproduct-menu-list {
    width: 26rem;
    right: 0;
    left: unset;
}

.overflow-pproduct-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
}

[data-nnav-menu-open] {
    display: flex !important;
    justify-content: start;
}



/* Default state (closed) */

.header__icon-arrow {
    transform: rotate(0deg);
    transition: transform 0.1s ease-in-out;
    /* Fast reset */
}

/* Open state */

.nav-link-5.w--open .header__icon-arrow {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
    /* Smooth opening */
}

/* Force faster transition when closing */

.nav-link-5:not(.w--open) .header__icon-arrow {
    transition: transform 0.1s ease-in-out !important;
    /* Ensure Webflow doesn't override */
}

@media screen and (max-width: 991px) {
    nav.nav-menu-2.w-nav-menu {
        overflow: visible;
    }
}



.product-menu-toggle.w--open .product-menu-icon {
    transform: rotate(45deg);
}

.product-menu-toggle.w--open .product-menu-icon .product-menu-icon-dot {
    transform: translate(0, 0);
}

@media screen and (min-width: 1280px) {
    .product-menu-toggle:hover .product-menu-icon {
        transform: rotate(45deg);
    }

    .product-menu-toggle:hover .product-menu-icon .product-menu-icon-dot {
        transform: translate(0, 0);
    }
}

@media screen and (min-width: 992px) {
    .w-dropdown-list.product-menu-list.w--open {
        left: 0;
    }
}

.product-menu-link:hover .product-menu-item-bg,
.product-menu-link:hover .product-menu-item-arrow,
.product-menu-link:hover .product-menu-link-text {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .product-menu-list.w--open {
        grid-column-gap: 2% !important;
        grid-row-gap: 0.4375rem !important;
    }
}


/* aside menu */

.aside-menu-is-opened .aside-navbar {
    animation: showFullAside 0.75s linear forwards;
}

.aside-menu-is-closed .aside-navbar {
    animation: closeFullAside 0.75s linear forwards;
}

@keyframes showFullAside {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    10% {
        opacity: 0;
        transform: translate(0, 0);
    }

    40% {
        opacity: 0;
        transform: translate(200%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes closeFullAside {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    55% {
        opacity: 0;
        transform: translate(200%, 0);
    }

    60% {
        opacity: 0;
        transform: translate(200%, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.short-mode.aside-navbar {
    pointer-events: none;
}

.short-mode.aside-navbar .aside-menu-btn,
.short-mode.aside-navbar .aside-navbar-container {
    pointer-events: auto;
}

.full-mode.aside-navbar {
    right: 12px;
    width: 14.625rem;
    z-index: 1101;
}

.full-mode .aside-navbar-inner {
    width: 100%;
    background: #09090E;
    border: 1px solid #353539;
    justify-content: flex-end;
}

.full-mode.aside-navbar .aside-menu-btn {
    display: none;
}

.full-mode .aside-nav-menu {
    margin-right: 0;
    padding: 0 16px;
    width: 100%;
}

.short-mode .aside-navbar-head {
    display: none;
}

.aside-navbar-head:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, #724CE8 -2.59%, #26F4D0 31.53%, #F8CF3E 62.52%, #FC6756 100%);
    content: "";
}

.aside-nav-item {
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap;
}

.short-mode .aside-nav-item {
    margin: 1px 0;
    width: 1.375rem;
    height: 1.3125rem;
    justify-content: center;
    transition: margin-bottom .3s .5s;
}

.short-mode .aside-nav-item.w--current {
    margin-bottom: 1.5rem;
}

.short-mode .aside-nav-item:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cdn.prod.website-files.com/6433c1e83f44a7af5475c0f3/644946e0461883b589ffbeba_current-1.png) no-repeat 0 0 / cover;
    content: "";
    opacity: 0;
    transition: opacity .3s .5s;
}

.short-mode .aside-nav-item.w--current:after {
    opacity: 1;
}

.short-mode .aside-nav-item:before {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #EFEFE5;
    opacity: 0.25;
    transition: opacity .2s;
    content: "";
}

.short-mode .aside-nav-item:hover:before {
    opacity: .7;
}

.short-mode .aside-nav-item.w--current:before {
    opacity: 1;
}

.short-mode .aside-nav-link-inner {
    position: absolute;
    top: 100%;
    right: 0;
    margin: 5px 0 0;
    opacity: 0;
    pointer-events: none;
}

.short-mode .aside-nav-item.w--current .aside-nav-link-inner {
    transition: opacity .3s .5s;
    opacity: 1;
}

.full-mode .aside-nav-link-inner {
    position: relative;
    transition: padding .3s .5s;
}

.full-mode .aside-nav-item.w--current .aside-nav-link-inner {
    padding: 0 0.75rem;
}

.full-mode .aside-nav-link-inner:after,
.full-mode .aside-nav-link-inner:before {
    position: absolute;
    width: .5rem;
    height: .5rem;
    content: "";
    background: url(https://cdn.prod.website-files.com/64354b8ce4872ad8cd1c7b04/644fa7cd9bc7d5ed92d90f21_corner-top-left.svg) no-repeat 0 0 / cover;
    opacity: 0;
    transition: opacity .3s .5s;
}

.full-mode .aside-nav-link-inner:before {
    top: 0;
    right: 0;
    transform: rotate(90deg);
}

.full-mode .aside-nav-link-inner:after {
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
}

.full-mode .aside-nav-item.w--current .aside-nav-link-inner:after,
.full-mode .aside-nav-item.w--current .aside-nav-link-inner:before {
    opacity: 1;
}

.full-mode .aside-nav-item {
    width: 100%;
    justify-content: flex-end;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    opacity: 0.35;
    transition: opacity .2s;
}

.full-mode .aside-nav-item:hover {
    opacity: .7;
}

.full-mode .aside-nav-item.w--current {
    opacity: 1;
}

.full-mode .aside-nav-item:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0.375rem;
    height: 0.375rem;
    background: url(https://cdn.prod.website-files.com/64354b8ce4872ad8cd1c7b04/6475c21b8be0c640d5a29c45_ico-bullet-bright.svg) no-repeat 0 0 / contain;
    opacity: 0;
    content: "";
}

.full-mode .aside-nav-item.w--current:before {
    opacity: 1;
    transition: opacity .2s .5s;
}

.w-nav-overlay {
    background: #09090E;
}

.aside-navbar .w-nav-overlay {
    position: fixed;
    right: -12px;
    top: -12px;
    width: 100vw;
    bottom: -12px;
    z-index: -1;
    opacity: 0;
    display: none;
}

.aside-menu-is-opened .aside-navbar .w-nav-overlay {
    display: block;
    width: 120vw;
    animation: overlayFadeIn 0.5s linear forwards;
}

@keyframes overlayFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.8;
    }
}

@media screen and (max-width: 991px) {
    .short-mode .aside-nav-item.w--current {
        margin-bottom: 0;
    }

    .short-mode .aside-nav-item .aside-nav-link-inner {
        display: none;
    }

    .short-mode .aside-nav-item:before {
        min-width: 5px;
        min-height: 5px;
    }
}

@media screen and (max-width: 767px) {
    .short-mode .aside-nav-menu {
        display: none;
    }
}



.hero-heding-top-stroke svg {
    width: 22.3125rem;
    height: auto;
}

@media screen and (max-width: 991px) {
    .hero-heding-top-stroke svg {
        width: 18rem;
    }
}

@media screen and (min-width: 1280px) {
    .hero-heding-top-stroke svg {
        width: 26.3125rem;
    }
}




.hero-heading-bottom-stroke svg {
    width: 5.7rem;
    height: auto;
}

@media screen and (max-width: 991px) {
    .hero-heading-bottom-stroke svg {
        width: 5rem;
    }
}

@media screen and (min-width: 1280px) {
    .hero-heading-bottom-stroke svg {
        width: 7.125rem;
    }
}



@media screen and (max-width: 470px) {
    .text-size-10-mobile {
        width: 10rem;
    }
}



.page-ready .awards-section .marquee-content {
    animation: marqueeScroll 30s linear infinite;
}



@media screen and (min-width: 768px) {
    #case-slider #learn-more-case {
        display: flex;
    }
}




.section-heading-top-stroke svg {
    width: 14.5rem;
    height: auto;
}

@media screen and (max-width: 991px) {
    .section-heading-top-stroke svg {
        width: 12.7rem;
    }
}

@media screen and (min-width: 1280px) {
    .section-heading-top-stroke svg {
        width: 18.875rem;
    }
}



.section-heading-bottom-stroke svg {
    width: 7.3125rem;
    height: auto;
}

@media screen and (max-width: 991px) {
    .section-heading-bottom-stroke svg {
        width: 5.3125rem;
    }
}

@media screen and (min-width: 1280px) {
    .section-heading-bottom-stroke svg {
        width: 9.3125rem;
    }
}



.token-video {
    width: 100%;
    height: 100%;
}



.page-ready .token-section .marquee-content {
    animation: marqueeScroll 40s linear infinite;
}

@media screen and (min-width: 768px) {
    #blog-slider #learn-more-blog {
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    #videos-slider #learn-more-videos {
        display: flex;
    }
}


.svg-stroke-right {
    width: 21rem;
    height: auto;
}

@media screen and (max-width: 991px) {
    .svg-stroke-right {
        width: 16.7142rem;
    }
}

@media screen and (min-width: 1280px) {
    .svg-stroke-right {
        width: 25.6875rem;
    }
}

.page-ready .tweets-marquee-content {
    animation: marqueeScroll 44s linear infinite;
}

.tweets-profile-image {
    filter: grayscale(1);
}

.tweets-marquee-text p {
    color: rgba(239, 239, 229, .6);
}

.page-ready .revolution .marquee-content {
    animation: marqueeScroll 30s linear infinite;
}

.page-ready .revolution .marquee-content.reverse {
    animation-direction: reverse;
}

.article-content strong {
    font-weight: 700;
}

.stage-site .hide-on-stage {
    display: none !important;
}

.prod-site .hide-on-prod {
    display: none !important;
}

@media(max-width: 767px) {
    .desktop-show {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }
}




.caselist-slider-item {
    position: relative;
}

.caselist-slider-item:before {
    top: -1px;
    left: -9px;
    transform: rotate(-45deg);
    transform-origin: top right;
    position: absolute;
    width: 32px;
    height: 1px;
    background: #353539;
    content: "";
}

.caselist-slider-item:after {
    top: -1px;
    left: 1px;
    position: absolute;
    width: 20px;
    height: 1px;
    background: #0a090f;
    content: "";
}

#pricing-api .card-heading-badge {
    font-size: 1.125rem;
    line-height: 1.575rem;
}

#pricing-api .card-heading-badge strong {
    font-weight: 400;
    opacity: .6;
    font-size: 0.875rem;
}

.pricing-clip-col.hidden .pricing-card-text {
    margin-bottom: 0;
}

.pricing-clip-col.active .price-slide-icon {
    transform: rotate(45deg);
}

.pricing-clip-col.active .price-slide-icon {
    transform: rotate(45deg);
}

.review-sub-text {
    opacity: 0.6 !important;
}

.section-title-bordered-line-1.stbl-pricing:after {
    left: 0;
    width: 72%;
}

.pricing-title-border {
    position: relative;
    padding-left: 1rem;
    padding-right: 1.1rem;
}

.pricing-title-border:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://cdn.prod.website-files.com/64354b8ce4872ad8cd1c7b04/670cfebba604aa3309fbe390_pricing-border.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media (max-width: 768px) {
    .pricing-title-border:before {
        top: -1px;
        bottom: -1px;
    }
}