:root {
    /* colors */
    --white: #ffffff;
    /* --red: #ff0001;
    --dred: #9B1C31; */
    --red: #FF0007;
    --dred: #db0000;
    --orange: #ed6657;
    --lblack: #222222;
    --dgray: #333333;
    --dblack: #000000;
    --blue: #1f75ce;
    --gray: gray;
    --lightgray: #F4F4F6;
    --transparent: transparent;
    --rgbdblackzeronine: rgba(0, 0, 0, 0.9);
    --borderonepxnone: 0.0625rem solid transparent;
    --borderonepxred: 0.0625rem solid #FF0007;
    --borderonepxdarkgray: 0.0625rem solid #222222;
    --borderonepxwhite: 0.0625rem solid #ffffff;
    --borderonepxblue: 0.0625rem solid #1f75ce;
    --borderonepxgray: 0.0625rem solid #cccccc;
    --borderonepxlightgray: 0.0625rem solid #cccccc91;
    --bordertwopxdblack: 0.0625rem solid #000000;
    --cstborderonepx: 0.0625rem solid #f3f4f6;
    /* sizes */
    --zerorem: 0rem;
    --hundred: 100%;
    --zero: 0%;
    --zeroonly: 0;
    --zeroeight: 0.8; /* opacity */
    --zeronine: 0.9; /* opacity */
    --zeroauto: 0 auto;
    --minusoneindex: -1; /* z-index */
    --oneindex: 1; /* z-index */
    --twoindex: 2; /* z-index */
    --fiftyindex: 50; /* z-index */
    --hundredindex: 100; /* z-index */
    --thousand: 1000; /* z-index */
    --tenthousand: 10000; /* z-index */
    --sevenhundred: 700;
    --auto: auto;
    --blank: "";
    --vbar: "|";
    --slash: "/";
    --downarrow: "\1F863";
    --rightarrow: "›";
    --inherit: inherit;
    --none: none;
    --point: pointer;
    --underline: underline;
    --smooth: smooth;
    --normal: normal;
    --borderbox: border-box;
    --fixed: fixed;
    --grid: grid;
    --contain: contain;
    --flex: flex;
    --space-between: space-between;
    --space-around: space-around;
    --row: row;
    --inline-flex: inline-flex;
    --column: column;
    --flex-start: flex-start;
    --flex-end: flex-end;
    --absolute: absolute;
    --sticky: sticky;
    --hidden: hidden;
    --relative: relative;
    --scroll: scroll;
    --block: block;
    --inline-block: inline-block;
    --visible: visible;
    --medium: medium;
    --bold: bold;
    --capitalize: capitalize;
    --uppercase: uppercase;
    --nowrap: nowrap;
    --wrap: wrap;
    --break-all: break-all;
    --webkit-box: -webkit-box;
    --max-content: max-content;
    --baseline: baseline;
    --vertical: vertical;
    --ellipsis: ellipsis;
    --disc: disc;
    --center: center;
    --justify: justify;
    --no-repeat: no-repeat;
    --not-allowed: not-allowed;
    --fill-available: fill-available;
    --left: left;
    --right: right;
    --table: table;
    --both: both;
    --cover: cover;
    --solid: solid;
    --middle: middle;
    --decimal: decimal;
    --outside: outside;
    --all: all;
    --list-item: list-item;
    --Overpass-Medium: 'Overpass-Medium';
    --Overpass-Bold: 'Overpass-Bold';
    --Roboto-Regular: 'Roboto-Regular';
    --Roboto-Medium: 'Roboto-Medium';
    --Roboto-Bold: 'Roboto-Bold';
    --Arial: 'Arial';
    --Arial-Medium: 'Arial-Medium';
    --Arial-Bold: 'Arial-Bold';
    --Inter: 'Inter';
    --Fa-Brands: 'Fa-Brands';
    --Fa-Regular: 'Fa-Regular';
    --Fa-Solid: 'Fa-Solid';
    --Poppins-Regular: 'Poppins-Regular';
    --Helvetica: 'Helvetica';
}


.modal-content{
    border-radius: 10px;
    padding: 2.5rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.modal-content .btn-close{
    position: var(--absolute);
    right: 1rem;
    top: 1.2rem;
    opacity: 0.9;
}
.modal-content .btn-close:hover{
    opacity: 0.6;
}
.modal-content .btn-close:focus{
    box-shadow: var(--none);
}
.modal-header .modal-title{
    color: #1E1E1E;
    font-family: var(--Poppins-Regular);
    font-style: var(--normal);
    font-weight: 600;
    line-height: 3.75rem;
    text-align: var(--center);
}
.modal-header,
.modal-footer{
    border: var(--none);
}
.modal-footer{
    justify-content: var(--center);
}

/* .brochureModalForm{
    padding: 3rem 1.875rem;
    border: 1px solid #F8F8F8;
    border-radius: 0.75rem;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
} */
/* .modal h2{
    font-weight: 600;
    font-style: var(--normal);
    line-height: 3.75rem;
    color: #1E1E1E; 
    margin-bottom: 1.25rem;
} */
.modal input::placeholder,
.modal select::placeholder,
.modal textarea::placeholder {
    color: #787878;
}
.modal button:hover,
.modal button:active,
.modal button:focus,
.modal .btn:hover,
.modal .btn:active,
.modal .btn:focus{
    border-color: var(--red);
    background-color: var(--white);
}
.modal input,
.modal input:focus,
.modal input:active,
.modal select,
.modal select:focus,
.modal select:active,
.modal textarea,
.modal textarea:focus,
.modal textarea:active{
    padding: 0.5625rem 0.625rem;
    font-size: var(--hundred);
    border-radius: 0.125rem;
    border-color: #2C333821;
    box-shadow: var(--none);
    color: #77787B;
    font-family: var(--Helvetica), sans-serif;
} 
.modal .form-check-input[type=checkbox]{
    padding: var(--zero);
    border-radius: 0.125rem;
    font-size: var(--hundred);
    border-radius: 2px;
    border-color: #2C333821;
    box-shadow: var(--none);
    color: #77787B;
    font-family: var(--Helvetica), sans-serif;
}
.modal .form-check-label,
.modal .form-check-label a{
    color: #333333;
}
.modal label{
    font-family: var(--Helvetica), sans-serif;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #77787B;
    margin-bottom: 0.25rem;
}
.modal .pr-1{
    padding-right: .25rem;
}
.modal .iti{
    width: var(--hundred);
}

/* searchModal only */
#searchModal .modal-content{
    background-color: var(--dblack);
    align-items: var(--center);
}
#searchModal .modal-content .searchClose{
    position: absolute;
    right: 1.3rem;
    top: 1.3rem;
    color: var(--white);
    opacity: 0.9;
    font-size: 2rem;
    cursor: pointer;
}
#searchModal .modal-content .searchClose:hover{
    opacity: 0.6;
}
#searchModal .modal-content .modal-body{
    display: var(--flex);
    flex-direction: var(--column);
    justify-content: var(--center);
    width: 80%;
}
#searchModal .modal-content .modal-body input{
    background-color: white;
    border-color: var(--white);
    border-right: var(--none);
    color: black;
    padding: 0 0.9375rem;
    border-radius: 1.5625rem 0 0 1.5625rem;
    font-family: var(--Roboto-Regular), sans-serif;
    font-size: 0.9375rem;
    line-height: 1;
}
#searchModal .modal-content .modal-body button{
    border-radius: 0 1.5625rem 1.5625rem 0;
    padding-left: 0.3125rem;
    padding-right: 0.9375rem;
    border-left: var(--none);
    border-color: var(--white);
    color: var(--white);
    background-color: var(--dblack);
}

@media(min-width: 768px){
    .modal-header .modal-title{
        font-size: 2.75rem;
    }
    /* brochureModal only */
    #brochureModal .modal-dialog{
        max-width: 640px;
    }
    .modal-footer button{
        width: 192px;
    }
}
@media(max-width: 768px){
    .modal-content{
        padding: 1.25rem;
    }
    .modal-content .modal-header{
        padding: var(--zero);
    }
}