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

:root {
    --primary-bg-color: #2262C6;
    --light-gray: #F1F2F7;
    --gray: #8C8C8C;
    --dark-gray: #404040;
    --bg-color: #ffffff;
    --buttons-gray: #E5ECF4;
}

.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.gradient-bg {
    background: #03E1FF;
    background: linear-gradient(137deg, rgba(3, 225, 255, 1) 0%, rgba(39, 186, 255, 1) 33%, rgba(65, 159, 255, 1) 69%, rgba(119, 101, 255, 1) 100%);
}

a,
label,
input,
p,
h1,
h2,
h3,
h4,
button,
div,
span {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
}

a,
button {
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: calc(0.45vw + 0.45vh + 0.45vmin);
}

h1 {
    font-size: calc(1vw + 1vh + 0.5vmin);
    font-weight: 600;
}

.white-btn {
    border: 1px solid var(--bg-color);
    border-radius: 8px;
    background-color: var(--primary-bg-color);
    color: var(--bg-color);
    padding: 0.7vh 1.5vw;
    box-shadow: 0 0 0 2px var(--primary-bg-color), 0 0 0 3px var(--bg-color);
    transition: all 300ms ease-in-out;
    font-size: calc(0.45vw + 0.45vh + 0.45vmin);
    cursor: pointer;
}

.white-btn:hover {
    background-color: var(--bg-color);
    color: var(--primary-bg-color);
}

.blue-btn {
    border: 1px solid var(--primary-bg-color);
    border-radius: 8px;
    background-color: var(--bg-color);
    color: var(--primary-bg-color);
    padding: 0.7vh 1.5vw;
    box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 3px var(--primary-bg-color);
    transition: all 300ms ease-in-out;
    font-size: calc(0.45vw + 0.45vh + 0.45vmin);
    cursor: pointer;
}

.blue-btn:hover {
    background-color: var(--primary-bg-color);
    color: var(--bg-color);
}

.blue-border {
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(34, 98, 198, 1) 0%, rgba(34, 98, 198, 0) 100%);
}

.no-bootstrap * {
    all: unset;
    all: revert;
    box-sizing: border-box;
}