@font-face {
    src: url('../fonts/Inter_18pt-Medium.ttf');
    font-family: 'Inter-Medium';
}
@font-face {
    src: url('../fonts/Inter_18pt-Bold.ttf');
    font-family: 'Inter-Bold';
}
@font-face {
    src: url('../fonts/Inter_18pt-Black.ttf');
    font-family: 'Inter-Black';
}
@font-face {
    src: url('../fonts/Inter_18pt-Regular.ttf');
    font-family: 'Inter-Regular';
}
@font-face {
    src: url('../fonts/Inter_18pt-SemiBold.ttf');
    font-family: 'Inter-SemiBold';
}
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: none;
    border: none;
    box-sizing: border-box;
    font-family: 'Inter-Medium';
    transition: all var(--transition);
}
*:hover {
    transition: all var(--transition);
}
*:focus-visible {
    outline: 2px solid var(--brandGray);
    outline-offset: 2px;
}
html {
    scroll-behavior: smooth;
}
/* .swiper-button-next,  .swiper-button-prev {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */
a {
    text-decoration: none;
    color: var(--black);
}
img, video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
:root {
    --black: #282828;
    --purpleDark: #160c45;
    --brandGray: #1e40af;
    --brandGrayBold: #1e3a8a;
    --brandGrayLight: #2563eb;
    --brandGradient: linear-gradient(135deg, var(--brandGray) 0%, var(--brandGrayLight) 100%);
    --gray: rgba(40, 40, 40, 0.60);
    --white: #fff;
    /* Design tokens */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --transition: 0.25s ease;
}
:root {
    --forteen: 14px;
    --sixteen: 16px;
    --eighteen: 18px;
    --twenty: 20px;
    --fontTwentyTwo: 22px;
    --twofour: 24px;
    --titleFont: 40px;
}
.wrapper {
    max-width: 1620px;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto;
}

.page_breadcrumb_block {
    max-width: 1620px;
    width: 100%;
    margin: 0 auto;
}
.section-spacing {
    padding-top: 96px;
    padding-bottom: 96px;
}
.sto_ {
    width: 100%;
}
.error-border {
    border-color: red !important;
}
.full_wrapper {
    max-width: 2500px;
    width: 100%;
    margin: 0 auto;
}
.d_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body{
    background: #F6F6F6;
    color: var(--black);
}
body, html{
    overflow-x: hidden;
}