*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--ff-open-sans)
}

html {
    scroll-behavior: smooth
}

a {
    text-decoration: none;
    color: var(--clr-black);
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img {
    display: block;
    width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

p {
    line-height: 1.5
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

:where(input, textarea, select):focus-visible {
    outline: 0
}

.container {
    max-width: var(--container);
    margin: auto
}

.custom__h3 {
    font-size: var(--fs-xl);
    font-weight: var(--fw-semi-bold);
    line-height: 160%;
    color: var(--clr-primary);
    margin-bottom: 16px
}

.custom__h2_dk {
    font-size: var(--fs-700);
    font-weight: var(--fw-bold);
    line-height: 140%;
    color: #000;
    margin-bottom: 16px
}

.custom__h2_span {
    color: var(--clr-secondary)
}

.custom__h2 {
    font-size: var(--fs-300);
    font-weight: var(--fw-semi-bold);
    line-height: 160%;
    color: var(--clr-secondary)
}

.custom__h4 {
    font-size: var(--fs-400);
    font-weight: var(--fw-semi-bold);
    line-height: 160%;
    color: var(--clr-primary)
}

.custom__p {
    font-size: var(--fs-400);
    font-weight: var(--fw-regular);
    line-height: 160%;
    color: var(--clr-light-300)
}

.custom__btn-primary {
    width: 139px;
    height: 46px;
    background-color: var(--clr-primary-dk);
    color: #fff;
    font-size: var(--fs-500);
    font-weight: var(--fw-semi-bold);
    border-radius: 5px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.custom__btn-primary:hover {
    background-color: var(--clr-primary-dk)
}

.custom__btn-primary-lt {
    width: 139px;
    height: 46px;
    background-color: transparent;
    color: var(--clr-primary);
    font-size: var(--fs-500);
    font-weight: var(--fw-semi-bold);
    border-radius: 5px;
    border: 1px solid var(--clr-primary)
}

.custom__btn-primary-lt:hover {
    background-color: var(--clr-primary);
    color: #fff
}

.custom__btn-secondary {
    width: 160px;
    height: 50px;
    background-color: #FDD228;
    font-size: var(--fs-400);
    color: #000;
    font-weight: var(--fw-bold);
    border-radius: 5px
}

.custom__btn-secondary:hover {
    background-color: transparent;
    border: 1px solid var(--clr-secondary);
    color: var(--clr-secondary)
}

.link__btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-scroll-bar {
    overflow-y: auto;
/*     padding-right: 18px */
}

.custom-scroll-bar::-webkit-scrollbar {
    width: 6px
}

.custom-scroll-bar::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px
}

.custom-scroll-bar::-webkit-scrollbar-thumb {
    background-color: var(--clr-secondary);
    border-radius: 10px
}

:where(a, .custom__btn-primary, .custom__btn-primary-lt, .custom__btn-secondary) {
    transition: var(--transition-400)
}

/* Scrollbar */
:where(.scroll, .scroll-p > p) {overflow-y: auto;}
:where(.scroll, .scroll-p > p)::-webkit-scrollbar {width: 6px;}
:where(.scroll, .scroll-p > p)::-webkit-scrollbar-track {background-color: #F1F1F1; border-radius: 10px; visibility: hidden;}
:where(.scroll, .scroll-p > p)::-webkit-scrollbar-thumb {background-color: var(--clr-secondary); border-radius: 10px; visibility: hidden;}
:where(.scroll, .scroll-p > p):hover::-webkit-scrollbar-track,
:where(.scroll, .scroll-p > p):hover::-webkit-scrollbar-thumb {visibility: visible;}
@supports not selector(::-webkit-scrollbar) {
    :where(.scroll, .scroll-p > p) {overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--clr-secondary) #fff;}
}


:root {
    --container: 1205px;
    --ff-open-sans: 'Open Sans', sans-serif;
    --fw-bold: 700;
    --fw-semi-bold: 600;
    --fw-medium: 500;
    --fw-regular: 400;
    --fs-xl: 34px;
    --fs-700: 24px;
    --fs-600: 20px;
    --fs-500: 18px;
    --fs-400: 16px;
    --fs-300: 14px;
    --clr-primary: #0061BC;
    --clr-primary-dk: #084695;
    --clr-secondary: #FDD228;
    --clr-secondary-lt: #FDD228;
    --clr-light-50: #FAFAFA;
    --clr-light-100: #F0F7FE;
    --clr-light-200: #747474;
    --clr-light-300: #555555;
    --clr-light-400: #B5B2B2;
    --clr-light-500: #555555;
    --clr-dark-700: #2F2F2F;
    --clr-dark-500: #5a5a5a;
    --transition-400: 0.3s ease-in-out;
    --transition-600: 0.6s ease-in-out;
    --filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(100deg) brightness(111%) contrast(90%);
    --filter-yellow: brightness(0) saturate(100%) invert(85%) sepia(34%) saturate(4959%) hue-rotate(359deg) brightness(103%) contrast(105%);
    --shadow-lt: 0 3px 0 4px rgb(0 0 0 / 3%)
}