body{
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    background: #fff;
}

p {
    margin-top: 0;
    margin-bottom: 0rem;
}

hr{
    border: 0.5px solid #7A7878;
    margin: 0.8rem 0;
}

.hr-grey{
    border: 0.5px solid #D9D9D9;
}

.progress {
    background-color: #D9D9D9;
    border-radius: 0px;
    height: 18px;
  }

  .progress-bar {
    background-color: #3944BC;
    border-radius: 0px;
  }

input:focus-visible {
    outline: none;
}

input::placeholder {
    color: #C2BFBF; /* Placeholder color */
  }

button{
    all: unset;
}

.hide-this{
    display: none;
}

.hide-menu{
    display: none;
}

.show-this{
    display: block;
}

.hover-trigger:hover .hide-menu {
    display: block;
}



.custom-col-4 {
    flex: 0 0 auto;
    width: 30.333333%;
}

.custom-me-2{
    margin-right: .9rem !important;
}

.set-overflow{
    overflow:hidden;
}

.text-fit{
    white-space: nowrap;       /* Prevents text from wrapping to the next line */
    overflow: hidden;          /* Hides any text that overflows the element's box */
    text-overflow: ellipsis;
}

.clamp-text{
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.custom-gx-4 > [class*="col"] {
    padding-right: 1rem;  /* 16px, adjust as needed */
    padding-left: 1rem;   /* 16px, adjust as needed */
}


.signup-container {
    max-width: 400px;
    margin: auto;
    padding: 20px 40px 20px 40px;
    background: #fff;
    border: 3px solid #B2D8D8;
}

.signup-logo{
    max-width: 400px;
    margin: auto;
}

.signup-field{
    border: 1px solid #C2BFBF;
    padding: 15px 20px 15px 20px;
}

.signup-field-input{
    /* position: absolute;*/
    width: 270px;
    border: unset;
    height: 30px;
}

.signup-submit{
    border: 1px solid black;
    background: black;
    color: #fff;
    padding: 15px 30px 15px 30px;
}



.google-box{
    border: 1px solid #C2BFBF;
    padding: 15px 20px 15px 20px;
    cursor: pointer;
}

.width-5{
    width: 50px;
}

.width-5-plus{
    width: 54px;
}

.width-10{
    width: 100px;
}

.width-11{
    width: 110px;
}

.width-12{
    width: 120px;
}

.width-15{
    width: 150px;
}

.width-20{
    width: 200px;
}



/**************************************************************/
/********************THE ADDITIONS & REMOVALS******************/

.remove-row-padding{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.remove-row-padding-right{
    padding-right: 0px !important;
}

.remove-row-padding-left{
    padding-left: 0px !important;
}

.remove-row-margin{
    margin-left:0px !important;
    margin-right:0px !important;
}

.remove-margin-left{
    margin-left:0px !important;
}

.remove-margin-bottom{
    margin-bottom:0px !important;
}

.remove-gx-paddings > [class*="col"] {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
}

.remove-line-height{
    line-height: 0px !important;
}

.remove-cursor-pointer{
    cursor: unset !important;
}

.remove-border-top{
    border-top: unset !important;
}

.add-cursor-pointer{
    cursor: pointer;
}

.add-margin-bottom{
    margin-bottom: 0.25rem !important;
}

.add-row-padding-1-plus{
    padding-right: 14px !important;
    padding-left: 14px !important;
}

.add-row-padding-3{
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.add-padding-bottom-1{
    padding-bottom: 10px !important;
}

.add-border-top{
    border-top: 0.7px solid #B2D8D8;
    padding-top: 20px;
}

.add-border-top-color-black {
    border-top: 0.7px solid #000 !important;
}

/**************************************************************/
/**************************************************************/




.ptext-font-light{
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.ptext-font-italic{
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: italic;
}



.ptext-1{
    font-size:9px;
}

.ptext-1-plus{
    font-size:10px;
}

.ptext-2-minus{
    font-size:11px;
}

.ptext-2{
    font-size:12px;
}

.ptext-2-plus{
    font-size:13px;
}

.ptext-3{
    font-size:14px;
}

.ptext-3-plus{
    font-size:15px;
}

.ptext-4-minus{
    font-size:16px;
}

.ptext-4{
    font-size:17px;
}

.ptext-5{
    font-size:19px;
}

.ptext-6{
    font-size:21px;
}

.ptext-6-plus{
    font-size:22px;
}

.ptext-7{
    font-size:25px;
}

.ptext-8{
    font-size:28px;
}

.ptext-9{
    font-size:30px;
}

.ptext-10{
    font-size:32px;
}

.ptext-11{
    font-size:36px;
}

.ptext-16{
    font-size:64px;
}

.ptext-40{
    font-size:400px;
}



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

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

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



.ptext-color-blue{
    color: #00008B;
}

.ptext-color-grey{
    color: #43464B;
}







.margin-top-minus-2{
    margin-top: -20px;
}

.margin-top-minus-1{
    margin-top: -10px;
}

.margin-top-1-minus{
    margin-top:5px;
}

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

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

.margin-top-3{
    margin-top:30px;
}

.margin-top-4{
    margin-top:40px;
}

.margin-top-5{
    margin-top:50px;
}

.margin-top-6{
    margin-top:60px;
}

.margin-top-7{
    margin-top:70px;
}

.margin-top-8{
    margin-top:80px;
}

.margin-top-9{
    margin-top:90px;
}

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

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




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

.margin-left-1-minus{
    margin-left: 5px;
}

.margin-left-1{
    margin-left: 10px;
}

.margin-left-2{
    margin-left: 20px;
}

.margin-left-3{
    margin-left: 30px;
}



.padding-top-1{
    padding-top: 10px;
}

.padding-top-2{
    padding-top: 20px;
}

.padding-top-2-plus{
    padding-top: 25px;
}

.padding-top-3{
    padding-top: 30px;
}




.padding-left-1-minus{
    padding-left: 5px !important;
}

.padding-left-1{
    padding-left: 10px !important;
}

.padding-left-2{
    padding-left: 20px !important;
}




.padding-right-1{
    padding-right: 10px;
}

.padding-right-2{
    padding-right: 20px;
}




.center-this {
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}


/****************************************************************************************/
/*************************CUSTOM CHECKBOX AND RADIO CSS STYLES***************************/
/****************************************************************************************/

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

/* Create a custom checkbox */
.custom-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

/* The checkmark container */
.custom-checkbox .checkmark {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 0px;
    margin-right: 10px;
    border: 1px solid #C2BFBF;
}

/* Checkmark when checked */
.custom-checkbox input[type="radio"]:checked + .checkmark {
    background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid rgb(0, 0, 0);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Show the checkmark when checked */
.custom-checkbox input[type="radio"]:checked + .checkmark::after {
    display: block;
    border-color: white; /* This will make the checkmark white */
}



/*************************************************************************/



/* Hide the default checkbox */
.custom-checkbox-multi input[type="checkbox"] {
    display: none;
}

/* Create a custom checkbox */
.custom-checkbox-multi {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

/* The checkmark container */
.custom-checkbox-multi .checkmark {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 0px;
    margin-right: 10px;
    border: 1px solid #C2BFBF;
}

/* Checkmark when checked */
.custom-checkbox-multi input[type="checkbox"]:checked + .checkmark {
    background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox-multi .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid rgb(0, 0, 0);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Show the checkmark when checked */
.custom-checkbox-multi input[type="checkbox"]:checked + .checkmark::after {
    display: block;
    border-color: white; /* This will make the checkmark white */
}



/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/


.icon-div-1{
    padding: 10px 10px 10px 10px;
    background: #00008B;
}

.icon-div-2{
    padding: 10px 10px 10px 10px;
    background: #FF7900;
}

.military-icon{
    width: 60px;
    filter: invert(1);
}



.military-icon-text{
    line-height: 18.4px;
}




.info-text{
    line-height: 41.4px;
}