/*
Theme Name: BSK
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: GorbaTech
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0.1739362059
Updated: 2025-08-06 12:07:39

*/

/**
* Title parts
**/
.bsk-title-parts {
    font-family: var(--e-global-typography-0fff93b-font-family), Sans-serif;
    font-size: var(--e-global-typography-0fff93b-font-size);
    font-weight: 700;
    line-height: var(--e-global-typography-0fff93b-line-height);
    color: var(--e-global-color-primary);
}

.bsk-title-parts .elementor-shortcode {
    display: flex;
    flex-direction: column;
}

.bsk-title-parts .elementor-shortcode>span:nth-child(2n) {
    margin-left: 10%
}

@media (max-width: 768px) {
    .bsk-title-parts {
        font-size: 20px;
    }
}

/**
* Tab background shortcode
**/
.bsk-tab-bg {
    --bsk-tab-bg-height: 70vh;
    --bsk-tab-bg-duration: 760ms;
    --bsk-tab-bg-ease: cubic-bezier(0.22, 0.74, 0.12, 1);
    position: relative;
    width: 100%;
    height: var(--bsk-tab-bg-height);
    min-height: 320px;
    overflow: hidden;
    isolation: isolate;
}

.bsk-tab-bg__layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    will-change: transform, clip-path, opacity;
    transform: translateX(0) scale(1.03);
    clip-path: inset(0 0 0 0);
    opacity: 1;
}

.bsk-tab-bg__layer.is-buffer {
    z-index: 0;
    opacity: 0;
}

.bsk-tab-bg__layer.is-active {
    z-index: 2;
}

.bsk-tab-bg__shade {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(8, 14, 28, 0.18) 0%, rgba(8, 14, 28, 0.45) 100%);
}

.bsk-tab-bg.dir-next .bsk-tab-bg__layer.is-buffer {
    transform: translateX(14%) scale(1.01);
    clip-path: inset(0 0 0 100%);
}

.bsk-tab-bg.dir-prev .bsk-tab-bg__layer.is-buffer {
    transform: translateX(-14%) scale(1.01);
    clip-path: inset(0 100% 0 0);
}

.bsk-tab-bg.is-animating .bsk-tab-bg__layer.is-buffer {
    opacity: 1;
}

.bsk-tab-bg.is-animating.dir-next .bsk-tab-bg__layer.is-in {
    transform: translateX(0) scale(1.03);
    clip-path: inset(0 0 0 0);
    transition: transform var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                clip-path var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                opacity var(--bsk-tab-bg-duration) linear;
}

.bsk-tab-bg.is-animating.dir-next .bsk-tab-bg__layer.is-out {
    transform: translateX(-10%) scale(1.06);
    clip-path: inset(0 100% 0 0);
    transition: transform var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                clip-path var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                opacity var(--bsk-tab-bg-duration) linear;
}

.bsk-tab-bg.is-animating.dir-prev .bsk-tab-bg__layer.is-in {
    transform: translateX(0) scale(1.03);
    clip-path: inset(0 0 0 0);
    transition: transform var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                clip-path var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                opacity var(--bsk-tab-bg-duration) linear;
}

.bsk-tab-bg.is-animating.dir-prev .bsk-tab-bg__layer.is-out {
    transform: translateX(10%) scale(1.06);
    clip-path: inset(0 0 0 100%);
    transition: transform var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                clip-path var(--bsk-tab-bg-duration) var(--bsk-tab-bg-ease),
                opacity var(--bsk-tab-bg-duration) linear;
}

@media (max-width: 767px) {
    .bsk-tab-bg {
        min-height: 240px;
    }

    .bsk-tab-bg.dir-next .bsk-tab-bg__layer.is-buffer {
        transform: translateX(10%) scale(1.01);
    }

    .bsk-tab-bg.dir-prev .bsk-tab-bg__layer.is-buffer {
        transform: translateX(-10%) scale(1.01);
    }
}

.elementor-carousel-image {
    transform: scale(0.95);
    transition: all 0.3s ease-in-out;
}

.elementor-carousel-image:hover {
    transform: scale(1.0);
}