:root {
    --white: #ffffff;
    --orange: #F99E20;
    --light-blue: #B6C6CF;
    --black: #000000;
    --medium-blue: #0b4e68;
    --primary-font: "Inter", sans-serif;
}
*, body{
    font-family: var(--primary-font);
    font-weight: normal;
}
body {
    height: 100vh;
    position: relative;
}
a{
    text-decoration: unset;
}
li{
    list-style: none;
}
.tr__cust-btn {
    font-size: 14px;
    color: var(--white);
    font-weight: 600;
    padding: 12px 16px;
    border-radius: 10px;
}
.tr__outline-btn {
    border: 1px solid var(--white);
    transition: all 0.2s ease-in-out;
}
.tr__outline-btn:hover {
    background-color: var(--white);
    color: #022C3D;
}
.tr__fill-btn {
    background-color: var(--white);
    color: #022C3D;
    transition: all 0.2s ease-in-out;
    border: 1px solid var(--white);
    white-space: nowrap;
}
.tr__fill-btn:hover{
    background-color: transparent;
    color: var(--white);
}