/* @font-face {
  font-family: CustomFont;
  font-weight: 100;
  src:url("../fonts/Myraid-pro/MyriadPro-Light.otf");
}
@font-face {
  font-family: CustomFont;
  font-weight: 300;
  src:url("../fonts/Myraid-pro/MyriadPro-Light.otf");
}
@font-face {
  font-family: CustomFont;
  font-weight: 400;
  src:url("../fonts/Myraid-pro/MyriadPro-Regular.otf");
}
@font-face {
  font-family: CustomFont;
  font-weight: 700;
  src:url("../fonts/Myraid-pro/MyriadPro-SemiBold.otf");
}
@font-face {
  font-family: CustomFont;
  font-weight: 900;
  src:url("../fonts/Myraid-pro/MyriadPro-Black.otf");
} */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: CustomFont;
  font-weight: 400;
  src: url('../fonts/Montserrat/montserrat-v25-latin-regular.woff2') format('woff2');


}

/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: CustomFont;

  font-weight: 500;
  src: url('../fonts/Montserrat/montserrat-v25-latin-500.woff2') format('woff2');

}

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: CustomFont;

  font-weight: 600;
  src: url('../fonts/Montserrat/montserrat-v25-latin-600.woff2') format('woff2');

}

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: CustomFont;

  font-weight: 700;
  src: url('../fonts/Montserrat/montserrat-v25-latin-700.woff2') format('woff2');

}

/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: CustomFont;

  font-weight: 800;
  src: url('../fonts/Montserrat/montserrat-v25-latin-800.woff2') format('woff2');

}

*
,:root{
  --main-font-english: "CustomFont", sans-serif;
  --main-font-arabic: "CustomFont", sans-serif;

/* navabr */
--nav-font-size: 13px;

--primary-color: #1D3E66;
--secondary-color: var(--color-white);
--tertiary-color: #0c2335;
--quaternary-color: #fafafa;
/* navabr */
--nav-link-color: var(--quaternary-color);

/* signout btn */
--nav-btn-background: var(--primary-color);
--nav-btn-border-color: var(--secondary-color);
--nav-btn-text-color: var(--nav-link-color);
/* signout btn hover  */
--nav-btn-hover-background: var(--secondary-color);
--nav-btn-hover-border-color: var(--secondary-color);
--nav-btn-hover-text-color: var(--nav-link-color);

/* header */


--header-shadow:drop-shadow(0 0 69.5px rgba(0,0,0,0.4));
--header-background: var(--primary-color);

/* footer */

--footer-shadow:drop-shadow(0 0 69.5px rgba(0,0,0,0.4));
--footer-background: var(--primary-color);

/* main body */
--body-background: var(--primary-color);

/* status colors  */
--filled-color: rgba(24, 255, 0,0.8);
--filled-color-summary: rgba(24, 255, 0,0.8);
--incomplete-color:rgba(255, 222, 0,0.8);
--incomplete-color-summary:rgba(255, 222, 0,1);
--unfilled-color: #f77f82;
--unfilled-color-summary: #f77f82;

/* menu side color variables  */
--menu-text-background: var(--tertiary-color);
--menu-text-border-color: transparent;
--menu-text-color: var(--quaternary-color);
--menu-text-hover-background: var(--tertiary-color);
--menu-text-hover-border-color: var(--secondary-color);
--menu-text-hover-color: var(--quaternary-color);

--menu-icon-background: var(--secondary-color);
--menu-icon-left-border-color: var(--secondary-color);
--menu-icon-color: var(--quaternary-color);
--menu-icon-hover-background: var(--secondary-color);
--menu-icon-hover-left-border-color: var(--quaternary-color);
--menu-icon-hover-color: var(--quaternary-color);

--menu-dropdown-background: var(--tertiary-color);
--menu-dropdown-active-background: var(--secondary-color);
--menu-dropdown-active-text-color: var(--quaternary-color);

--menu-text-font-size: 17px;
--menu-height: 50px;  
--menu-icon-font-size: 25px;  


/* form btn variables */
--form-background: white;
--form-btn-background: var(--primary-color);
--form-btn-border-color:var(--secondary-color);
--form-btn-text-color:var(--quaternary-color);
--form-btn-hover-background : var(--secondary-color);
--form-btn-hover-text-color : var(--quaternary-color);
--form-btn-hover-border-color: transparent;

--form-text-color: var(--primary-color);
--form-error-msg-color: red;

--form-icon-color: var(--primary-color);
--form-icon-hover-color:var(--secondary-color);

--form-hr-rule-color:var(--secondary-color);

--summary-icon-color: var(--quaternary-color);
--summary-icon-background: var(--secondary-color);
--summary-icon-border-color:var(--primary-color);

/* these colors should be in rgb separated by comma */
/* form navigation btns */
--next-btn-background-color: 39, 65, 83;
--save-draft-btn-background-color:227,148,40;
--previous-btn-background-color: 127,153,15;

/* checkboxes and radio btns */
--radio-btns-color: var(--secondary-color);

--form-section-title-font-size: 17px;
--form-label-font-size: 13px;
--form-error-msg-font-size: 10px;

/*Additional variables added by Rahul for standardization*/

--page-title-bg-color:var(--tertiary-color) ;
--page-title-text-color: white;
--color-white:#ffffff;

/*END Additional variables added by Rahul for standardization*/
}