@import url('fonts.css');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    position: relative;
    background: #FEFEFE;
}

/* Individual Test Packages */
.title-test-text {
    font-family: 'cera pro mid';
    color: #ED1C24;
}

.paragraph-test-text {
    font-family: 'cera pro reg';
    color: #000;
}

.title-choose-text {
    font-family: 'cera pro bold';
    color: #000;
}

.location-button-text {
    font-family: 'cera pro mid';
    color: #000;
}

.radio-option-test {
    position: relative;
    cursor: pointer;
    padding-left: 20px;
    font-family: 'cera pro mid';
}

/* Hide the default radio button */
.radio-option-test input[type="radio"] {
    display: none;
}

.radio-btn-test {
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #AAAAAA;
    background-color: #fff;
    transition: background-color 0.3s, border-color 0.3s;
}

.radio-option-test input[type="radio"]:checked + .radio-btn-test::after {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 9px; 
    height: 9px;
    border-radius: 50%;
    background-color: #ED1C24;
}

.radio-option-test:hover input[type="radio"]:not(:checked) + .radio-btn-test {
    background-color: #ED1C24; 
    border-color: #ED1C24;
}

.radio-option-test:hover input[type="radio"]:not(:checked) + .radio-btn-test::after {
    background-color: #ED1C24; 
}

/* Dropdown Menu */
.menu {
    display: flex;
    flex-direction: column;
}

.menu-title-text {
    font-family: 'ubuntu bold';
    text-transform: uppercase;
    color: #ED1C24;
}

.menu-dropdown-sign {
    text-transform: uppercase;
    color: #ED1C24;
}

.menu .dropdown {
    display: none;
    background-color: #fff;
    border: none;
    padding: 10px;
    min-width: 150px;
}

.list-style {
    list-style-type: disc;
    padding-left: 20px;
}

.list-style li {
    font-family: 'ubuntu reg';
    text-transform: uppercase;
    color: #000;
}

.menu.open .dropdown {
    display: block;
}

/* .menu-toggle {
    background: none;
    border: none;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    text-align: left;
    width: 100%;
} */

.menu-toggle {
    cursor: pointer;
}

.menu + .menu {
    margin-top: 10px;
}

/* Sticky Notes */
.sticky-notes {
    position: sticky; /* Sticks the div in a fixed position */
    top: 0%; /* Center vertically */
    background: #FCF2F4;
}

.sticky-notes h1 {
    font-family: 'cera pro mid';
    color: #000;
    font-weight: bold;
}

.sticky-notes p {
    font-family: 'ubuntu reg';
    color: #000;
}

.sticky-notes span {
    font-weight: bold;
}

/* Mobile */
.mobile-head-bg {
    background: #FAFAFA;
}

.mobile-sticky-notes {
    background: #FCF2F4;
}

.sticky-notes-text {
    font-family: 'ubuntu bold';
}

.sticky-notes-text-1 {
    font-family: 'ubuntu mid';
}