body {
    font-family: 'Inter', Arial;
    color: #666;
}

h3 {
    margin: 1em 0 0.5em;
    /* font-family: sans-serif; */
    font-weight: 800;
    line-height: 1.2;
    color: #222;
    font-size: 1.5rem; /* 24px -> 1.5rem */
}

a {
    color: #6e4bdb;
}

.submit-btn {
    border-radius: 0.375rem; /* 6px -> 0.375rem */
    background-color: #007f80;
    border-color: #007f80;
    border-style: solid;
    color: #FFFFFF;
    /* font-family: 'Inter'; */
    font-size: 1rem; /* 16px -> 1rem */
    font-weight: 500;
    line-height: normal;
    padding: 0.625rem; /* 10px -> 0.625rem */
    width: fit-content;
    margin: 1.25rem 0; /* 20px -> 1.25rem */
}

.submit-btn:hover {
    background-color: #00e5d9;
    border-color: #00e5d9;
}

.container {
    display: flex;
    flex-direction: column;
    padding: 1.25rem; /* 20px -> 1.25rem */
}

.width-limiter {
    max-width: 73.125rem; /* 1170px -> 73.125rem */
    margin: 0 auto;
}

.section-container {
    margin-bottom: 6.25rem; /* 100px -> 6.25rem */
}

h1 {
    font-size: 1.5rem; /* 24px -> 1.5rem */
    color: #cb6015;
}

p {
    /* font-family: 'Inter'; */
    font-size: 1rem; /* 16px -> 1rem */
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    display: block;
    padding: 0 0.9375rem; /* 15px -> 0.9375rem */
    width: 100%;
    height: 3.125rem; /* 50px -> 3.125rem */
    line-height: 1.2;
    border: 1px solid #d4dbe0;
    background: #fff;
    box-shadow: none;
    border-radius: 0 !important;
    -webkit-appearance: none;
    box-sizing: border-box;
    transition: 0.2s;
    font-size: 1rem; /* 16px -> 1rem */
}

select {
    display: block;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 0 2.8125rem 0 0.9375rem; /* 45px -> 2.8125rem, 15px -> 0.9375rem */
    width: 100%;
    height: 3.125rem; /* 50px -> 3.125rem */
    color: #666;
    background: #fff url(../wrpr_irap/wp-content/themes/nmc_irap/assets/select-arrow.svg) calc(100% - 0.9375rem) 50% no-repeat; /* 15px -> 0.9375rem */
    background-size: auto;
    background-size: 0.9375rem 0.5625rem; /* 15px 9px -> 0.9375rem 0.5625rem */
    border: 1px solid #d4dbe0;
    border-radius: 0;
    transition: 0.2s;
    /* font-family: 'Inter', Arial, Verdana, sans-serif; */
    font-size: 1rem; /* 16px -> 1rem */
}

fieldset {
    margin-bottom: 1.5em;
    padding: 0;
    border: none;
}

/* Preference Center */
.chk-child-section {
    margin: 0.625rem 1.25rem; /* 10px -> 0.625rem, 20px -> 1.25rem */
}

.form-container {
    font-size: 1rem; /* 16px -> 1rem */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.form-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.form-section input[type="checkbox"] {
    margin: 0 0.025rem 0.1875rem 0; /* 0.4em -> 0.025rem, 3px -> 0.1875rem */
}
.preference-col-block{
    flex: 50%;
    display: flex;
    justify-content: center;
}
.fields-section {
    width: 100%;
}

.chk-group {
    margin-bottom: 1.25rem; /* 20px -> 1.25rem */
}

.form-check {
    margin-bottom: 0.625rem; /* 10px -> 0.625rem */
}

.custom-select {
    font-size: 1rem; /* 16px -> 1rem */
    margin: 0.625rem 1.25rem; /* 10px -> 0.625rem, 20px -> 1.25rem */
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
    gap: 1.25rem; /* 20px -> 1.25rem */
}

.grid-item {
    background-color: #f4f4f4;
    text-align: center;
    border-radius: 0.625rem; /* 10px -> 0.625rem */
}

.large-image-container {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem; /* 20px -> 1.25rem */
}

.large-image {
    width: 100%;
}

.grid-item img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.round-borders {
    border-radius: 0.625rem; /* 10px -> 0.625rem */
}

.grid-text {
    text-align: center;
    font-size: 1.5rem; /* 24px -> 1.5rem */
    font-weight: bold;
    margin-bottom: 1.25rem; /* 20px -> 1.25rem */
}

.double-column {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-around;
}

.bottom-margin {
    margin-bottom: 2.5rem; /* 40px -> 2.5rem */
}

.image-block {
    max-width: 39.375rem; /* 630px -> 39.375rem */
    padding: 1.25rem;
}

@media screen and (max-width: 900px) {
    .preference-col-block{
        flex: 100%;
    }
}