@import url("../css/fonts.css");
:root {
  --btn_blue: #0446ae;
  --primary_blue: #013b91;
  --light_blue: #e9f2ff;
  --dark_blue: #012150;
  --yellow: #fdbe00;
  --grey: #8e8e8e;
  --light_grey: #cccccc;
  --dark_grey: #606060;
  --border: #f5f5f5;
  --red: #d14545;
  --white: #ffffff;
  --black: black;
  --font_light: "noto_sanslight";
  --font_regular: "noto_sansregular";
  --font_semibold: "noto_sanssemibold";
  --font_bold: "noto_sansbold";
  --font_medium: "noto_sansmedium";
  --font_light_orange: #d66a6a;
  --card_blue_top: rgb(179 211 250);
  --card_blue_bottom: #1a58b8;
  --sky_blue:  #5096f8;
  --text_grey: #000000B3;
  --btn_blue2: #044FB3;
}

/* Common */
*,*:after,*:before { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
:active,:hover,:focus { outline: 0 !important; offset: 0;}

/* Tags */
h1,h2,h3,h4,h5 { font-family: var(--font_bold); font-weight: normal; letter-spacing: 0px; opacity: 1;}
a,a:hover { text-decoration: none;}
a:hover {color: var(--primary_blue);}
ul,ol,li { margin: 0; padding: 0;}
li {line-height: 32px;}
p {font-family: var(--font_regular);font-size: 14px;font-weight: normal;line-height: 19px;letter-spacing: 0px;opacity: 1;margin-top: 2px;}

/* Fonts Family*/
.font-medium {font-family: var(--font_medium);}
.font-regular {font-family: var(--font_regular);}
.font-bold {font-family: var(--font_bold);}
.font-semibold {font-family: var(--font_semibold);}
.font-light {font-family: var(--font_light);}

/* Font Size */
.font-size1 {font-size: 24px;line-height: 29px;}
.font-size2 {font-size: 22px;line-height: 26px;}
.font-size3 {font-size: 20px;line-height: 23px;}
.font-size4 {font-size: 18px;line-height: 21px;}
.font-size5 {font-size: 16px;line-height: 20px;}
.font-size6 {font-size: 14px;line-height: 19px;}
.font-size7 {font-size: 14px;}
.font-size8 {font-size: 12px;}
.font-size10 {font-size: 10px;}

/* Colors */
.btn-primary-blue {color: white;background-color: var(--btn_blue);}
.btn-primary-blue:hover {color: #ffffff;}
.dark-blue {color: var(--dark_blue);}
.primary-blue {color: var(--primary_blue);}
.dark-grey {color: var(--dark_grey);}
.light-grey {color: var(--light_grey);}
.light-orange {color: var(--font_light_orange);}

/* Buttons */
.btn-primary { background: var(--btn_blue) 0% 0% no-repeat padding-box; border-radius: 5px; opacity: 1; width: 100%; top: 606px; left: 15px;width: 100%;height: 40px;}

/* Padding & Margins  */
.mt-gap4 {margin-top: 3rem;}
.mt-gap1 {margin-top: 1rem;}
.mb-gap2 {margin-bottom: 2rem;}
.mb-gap1 {margin-bottom: 1rem;}
.ml-gap4 {margin-left: 4rem;}
.ml-gap2 {margin-left: 2rem;}
.p1 {padding: 4px;}
.p2 {padding: 8px;}
.pt1 {padding-top: 1px;}
.pl1 {padding-left: 4px;}
.pl2 {padding-left: 8px;}

/* Card  */
.card {background: transparent 0% 0% no-repeat padding-box;border-radius: 10px 10px 10px 10px;opacity: 1; height: 100%;}
.card-top-img {background: transparent linear-gradient(0deg, #000000 0%, #54545400 100%) 0%0% no-repeat padding-box;border-radius: 10px 10px 0px 0px;opacity: 1;width: 100%;}

/* Dropdown  */
.dropdown-item:active {color: var(--black);text-decoration: none;background-color: var(--border);}

/*--------------------------------------------------*/
.static-heading {height: 14px;color: #858585;padding: 10px 0px 10px 0px;}
.main-heading {height: 18px;color: #000000;padding: 0px 0px 40px 0px;font-family: var(--font_bold);}
.static-footer-t1 {color: #677480;font-size: 12px;}
.static-footer-t2 {color: #013b91;font-size: 12px;}