/** Shopify CDN: Minification failed

Line 19:0 All "@import" rules must come first

**/
/* Scoped Reset for BKFK Sections */
[class^="bkfk-"], 
[class^="bkfk-"] *,
[class*=" bkfk-"],
[class*=" bkfk-"] * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/* BKFK Base Styles */


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');

@font-face {
    font-family: 'Brockmann Bold';
    font-style: normal;
    font-weight: 700;
    src: url('/cdn/shop/files/brockmann-bold.ttf?v=1776439127') format('truetype');
}

@font-face {
    font-family: 'Brockmann Semibold';
    font-style: normal;
    font-weight: 600;
    src: url('/cdn/shop/files/brockmann-semibold.ttf?v=1776439128') format('truetype');
}

@font-face {
    font-family: 'Brockmann Medium';
    font-style: normal;
    font-weight: 500;
    src: url('/cdn/shop/files/brockmann-medium.ttf?v=1776439127') format('truetype')
    }

@font-face {
    font-family: 'Brockmann Regular';
    font-style: normal;
    font-weight: 400;
    src: url('/cdn/shop/files/brockmann-regular.ttf?v=1776439127') format('truetype');
}

:root {

    /* Colors */
    --primary: #FF2F3C;
    --primary-2: #FF4F5A;
    --primary-3: #FF606A;
    --secondary: #02989D;
    --secondary-2: #02989D;
    --secondary-3: #3D999C;
    --yellow-color: #F7C066;
    --yellow-light: #FEE4BA;
    --yellow-light-2: #FFF5E5;
    --yellow-light-3: #FFEBCC;

    --light-gray: #7F7F7F;
    --light-green: #ACDAAF;
    --white: #ffffff;
    --black: #000000;
    --dark: #1D1D1D;
    --text-color: #322F2F;
    --text-color-2: #262626;
    --text-color-3: #2E363E;

    /* Slides Colors */
    --slide-color-1: #FFAF8F;
    --slide-color-2: #FFE2C7;
    --slide-color-3: #B8FFB4;
    --slide-color-4: #D9D9FF;

    /* Font Family */
    --secondary-font: "Manrope", sans-serif;
    --body-font: "Inter", sans-serif;
    --primary-bold: 'Brockmann Bold';
    --primary-medium: 'Brockmann Medium';
    --primary-regular: 'Brockmann Regular';
    --primary-semibold: 'Brockmann Semibold';

    /* Heading Font Sizes */
    --h1-size: clamp(40px, 6.5vw, 120px);
    --h2-size: clamp(32px, 6vw, 72px);
    --h3-size: clamp(28px, 5vw, 52px);
    --h4-size: clamp(24px, 4vw, 48px);
    --h5-size: clamp(18px, 1.6vw, 28px);
    --h6-size: clamp(18px, 1.4vw, 24px);
    --p-size: clamp(14px, 1.2vw, 20px);
    --p2-size: clamp(20px, 1.8vw, 32px);
}

@media all and (max-width: 1700px) {
    :root {
        --h1-size: clamp(40px, 6.5vw, 92px);
        --h2-size: clamp(32px, 6vw, 62px);
    }
}

@media all and (max-width: 640px) {
    :root {
        --h1-size: 38px;
        --h2-size: 30px;
        --h4-size: 22px;
        --p2-size: 16px;
    }
}

.bkfk-container {
    max-width: 1660px;
    width: 100%;
    margin: 0 auto;
}

.parallax-item {
    will-change: transform;
}


/* HTML: <div class="loader"></div> */
.bkft_loader {
 display:none;
  width: 50px;
  --b: 8px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%,#ffffff) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
}
@keyframes l4 {to{transform: rotate(1turn)}}

.loading .atc_icon{
    display:none;
}
.loading .bkft_loader{
    display:block
}