:root {
    --primary-color: #2A3274;
    --secondary-color: #F47822;
    --dark-bg-color: #05071E;
    --body-font-size: 14px;
    --star-rating: 4;
}

body,
html,
body *  {
    margin: 0px;
    padding: 0px;
    font-family: "Inter", sans-serif;
    font-size: var(--body-font-size);
}

body {
    min-width: 320px;
}

a,
button,
input,
textarea,
label {
    font-size: 1.125em;
}

input:hover,
textarea:hover {
    outline: none;
    border: 1px solid #2b2b2b;
}

input, textarea, select {
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD;
    padding: 10px 20px;
    font-size: 1em;
    resize: none;
    outline-color: var(--secondary-color);
}

input.error-input, textarea.error-input, select.error-input {
    border-color: #f50404;
}

p {
    font-size: 1em;
    line-height: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: #2A3274;
    font-weight: 700;
    margin-bottom: 28px;
}

.text-x-small {
    font-size: 12px;
}

.text-small {
    font-size: 14px;
}

.text-regular {
    font-size: 16px;
}

.text-medium {
    font-size: 18px;
}

.text-large {
    font-size: 20px;
}

.text-x-large {
    font-size: 24px;
}

span {
    font-size: inherit;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span {
    color: #F47822;
}

.display-h1 {
   font-size: 4em;
   line-height: 60px;
}

.display-h2 {
    font-size: 3em;
 }

 .display-h3 {
    font-size: 2.5em;
 }

 .display-h4 {
    font-size: 2.25em;
 }

 .display-h5 {
    font-size: 1.5em;
 }

 .display-h6 {
    font-size: 16px;
 }
 
 .font-100 {
    font-weight: 100;
 }

 .font-200 {
    font-weight: 200;
 }

 .font-300 {
    font-weight: 300;
 }

 .font-400 {
    font-weight: 400;
 }

 .font-500 {
    font-weight: 500;
 }

 .font-600 {
    font-weight: 600;
 }

 .font-700 {
    font-weight: 700;
 }

 .font-800 {
    font-weight: 800;
 }

 .font-900 {
    font-weight: 900;
 }

.btn {
    padding: 16px 20px;
    font-weight: 600;
    background-color: var(--secondary-color);
    color: #fff;
    border: none;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
} 

.btn:hover {
    opacity: 0.8;
}

section {
    margin-bottom: 100px;
}

p.ls-green,
h1.ls-green,
p.ls-yellow,
p.ls-secondary {
    position: relative;
    margin-left: 16px;
}

p.ls-green:after,
h1.ls-green:after,
p.ls-yellow:after,
p.ls-secondary:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #40DDB6;
}

p.ls-yellow:after {
    background-color: #DCDD36;
}

p.ls-secondary:after {
    background-color: var(--secondary-color);
}

.d-flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.align-item-start {
    align-items: flex-start;
}

.align-item-center {
    align-items: center;
}

.align-item-end {
    align-items: flex-end;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mr-60 {
    margin-right: 60px;
}

.w-50 {
    width: 50%;
}