html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    background-color: #F7F8FB;
}

a, a:hover {
    text-decoration: none !important;
}

ol, ul, ul>li {
    list-style: none;
    margin: 0;
    padding: 0;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.bg-light { background-color: #F7F8FB !important; }
.bg-grad { background: linear-gradient(102.86deg, #0369ED 1.57%, #3E9CFB 100.34%); }

.btn-generic {
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 100px;
}

.btn.more {
    background-color: rgba(255, 255, 255, .2);
    color:#fff
}

.title-xl {
    font-size: 64px;
    line-height: 70px;
}

.title-l {
    font-size: 42px;
    line-height: 46px;
}

.title-m {
    font-size: 34px;
    line-height: 37px;
}

.title-s {
    font-size: 28px;
    line-height: 31px;
}

.title-xs {
    font-size: 24px;
    line-height: 36px;
}

.title-xl, .title-l, .title-m, .title-s, .title-xs {
    font-weight: 600;
}

.text-l {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}

.text-m {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.text-s {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}

a .slide-right, a:hover .slide-right {
    width: 16px;
    transition:all .2s ease-in-out
}

a:hover .slide-right {
    padding-left: 10px;
    width: 26px;
}

a:hover.text-orange-1-500 {
    color: #bf4218 !important;
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid #B7C4CD;
    border-right-color: #0088F0;
    animation: l2 1s infinite linear;
  }
  @keyframes l2 {to{transform: rotate(1turn)}}

.accordion-button:focus {
  box-shadow: none;
  outline: none;
}

.svg-icon-xs {
	height: 1em;
}

.svg-icon-s {
	height: 1.2em;
}

.svg-icon-m {
    height: 1.5em;
}

.svg-icon-l {
    height: 2em;
}

.svg-icon-xl {
    height: 2.5em;
}

.svg-icon-xxl {
    height: 3em
}

.svg-icon-xxxl {
    height: 4em;
}