* {
  font-family: "DM Sans", Arial; }

.parent-container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.2); }

p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
a,
input {
  font-family: "DM Sans", Arial; }

.fh {
  min-height: 81vh; }

a:hover {
  color: inherit;
  text-decoration: none; }

.md-d-blue {
  min-height: 40px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #001c59;
  border: 0;
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", Arial;
  color: white;
  line-height: 39px;
  width: 100%; }
  .md-d-blue:hover {
    color: #fff; }

.md-l-blue {
  min-height: 40px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #3d5eef;
  border: 0;
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", Arial;
  color: white;
  line-height: 39px;
  width: 100%; }
  .md-l-blue:hover {
    color: #fff; }

.md-l-blue-o {
  min-height: 32px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  border: 1px solid #3d5eef;
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", Arial;
  color: #3d5eef;
  line-height: 31px;
  width: 100%; }

.md-l-blue-o.red {
  border: 1px solid rgba(240, 49, 31, 0.5);
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", Arial;
  color: rgba(0, 0, 0, 0.87);
  line-height: 31px; }

.lg-d-blue {
  min-height: 48px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #001c59;
  border: 0;
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", Arial;
  color: white;
  line-height: 39px;
  width: 100%; }
  .lg-d-blue:hover {
    color: #fff; }

.lg-l-blue {
  min-height: 48px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #3d5eef;
  border: 0;
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", Arial;
  color: white;
  line-height: 47px;
  width: 100%; }
  .lg-l-blue:hover {
    color: #fff; }

.lg-white {
  border: 1px solid rgba(207, 207, 207, 0.5);
  min-height: 48px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", Arial;
  color: rgba(0, 0, 0, 0.87);
  line-height: 39px;
  width: 100%; }
  .lg-white:hover {
    color: #000; }

.dashboard-container {
  max-width: 1145px;
  margin: 0 auto; }
  .dashboard-container hr {
    margin: 10px 0;
    border-top: 2px solid rgba(0, 0, 0, 0.1); }

.sec-header h2 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0; }

.brand-listing img {
  max-height: 52px; }

.bread-crum {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.66);
  font-weight: 400; }
  .bread-crum a {
    color: rgba(0, 0, 0, 0.87); }

.form-group label {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500; }

.as-container {
  border: 1px solid #dcd3d3;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding-top: 15px; }

/* font weights*/
.w300 {
  font-weight: 300; }

.w400 {
  font-weight: 400; }

.w500 {
  font-weight: 500; }

.w600 {
  font-weight: 600; }

.w700 {
  font-weight: 700; }

.w800 {
  font-weight: 800; }

/*Font size*/
.fs10 {
  font-size: 10px; }

.fs11 {
  font-size: 11px; }

.fs12 {
  font-size: 12px; }

.fs13 {
  font-size: 13px; }

.fs14 {
  font-size: 14px; }

.fs15 {
  font-size: 15px; }

.fs16 {
  font-size: 16px; }

.fs17 {
  font-size: 17px; }

.fs18 {
  font-size: 18px; }

.fs19 {
  font-size: 19px; }

.fs20 {
  font-size: 20px; }

.fs21 {
  font-size: 21px; }

.fs22 {
  font-size: 22px; }

.fs23 {
  font-size: 23px; }

.fs24 {
  font-size: 24px; }

.fs25 {
  font-size: 25px; }

.fs26 {
  font-size: 26px; }

.fs27 {
  font-size: 27px; }

.fs28 {
  font-size: 28px; }

.fs29 {
  font-size: 29px; }

.fs30 {
  font-size: 30px; }

.fs31 {
  font-size: 31px; }

.fs32 {
  font-size: 32px; }

.fs36 {
  font-size: 36px; }

.fs48 {
  font-size: 48px; }

/*colors black*/
.b87 {
  color: rgba(0, 0, 0, 0.87); }

.b77 {
  color: rgba(0, 0, 0, 0.77); }

.b66 {
  color: rgba(0, 0, 0, 0.66); }

.b54 {
  color: rgba(0, 0, 0, 0.54); }

.b33 {
  color: rgba(0, 0, 0, 0.33); }

.d-blue {
  color: #001c59; }

.l-blue {
  color: #1e5def; }

.signup-sec {
  background-color: #fafcff; }
  .signup-sec .social-btn {
    min-height: 48px;
    display: inline-block;
    padding: 0 16px;
    line-height: 47px;
    border: 1px solid rgba(140, 140, 140, 0.5);
    -webkit-border-radius: 4px;
            border-radius: 4px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.66); }
    .signup-sec .social-btn img {
      width: 42px;
      position: relative;
      left: -10px; }
    .signup-sec .social-btn .fa-facebook-square {
      font-size: 36px;
      vertical-align: middle;
      position: relative;
      left: -10px;
      color: #4267b2; }
  .signup-sec .signup-card {
    background-color: #fff;
    max-width: 526px;
    margin: 0 auto;
    border: 1px solid rgba(30, 93, 239, 0.1);
    padding: 30px;
    -webkit-border-radius: 4px;
            border-radius: 4px; }
    .signup-sec .signup-card p {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.54);
      text-align: center;
      text-transform: uppercase; }
    .signup-sec .signup-card .form-group label {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.54);
      font-weight: 500; }
    .signup-sec .signup-card .signup-header {
      border-bottom: 1px solid rgba(30, 93, 239, 0.1); }

.login-box {
  background-position: center center;
  background-repeat: repeat;
  -webkit-background-size: cover;
          background-size: cover;
  height: 768px;
  padding-top: 60px; }
  .login-box .signin-section {
    height: auto;
    max-width: 620px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: rgba(154, 161, 171, 0.24) 0px 0px 6px 0px;
            box-shadow: rgba(154, 161, 171, 0.24) 0px 0px 6px 0px;
    display: block;
    margin: 0 auto;
    background-color: #fff; }
    .login-box .signin-section .header {
      background-color: #00968808;
      border-bottom: 1px solid #efefef; }
      .login-box .signin-section .header h2 {
        font-size: 30px;
        font-weight: 600;
        font-family: "Jost", sans-serif;
        color: #3e9789;
        line-height: normal;
        text-align: center;
        padding-top: 25px;
        padding-bottom: 25px; }
    .login-box .signin-section .content {
      padding: 32px 64px; }
      .login-box .signin-section .content h4 {
        font-size: 25px;
        font-weight: 400;
        font-family: "DM Sans", Arial;
        color: #222222;
        line-height: normal;
        margin-top: 14px; }
      .login-box .signin-section .content h6 {
        font-size: 15px;
        font-weight: 400;
        font-family: "DM Sans", Arial;
        color: #999999;
        line-height: normal;
        margin-bottom: 32px; }
      .login-box .signin-section .content button {
        background-color: #3e9789;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        font-family: "DM Sans", Arial;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: 0px;
        max-width: 225px;
        width: 100%;
        min-height: 48px; }
      .login-box .signin-section .content a {
        background-color: #fff;
        color: #000000a8;
        font-size: 16px;
        font-weight: 400;
        font-family: "DM Sans", Arial;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: 0px;
        max-width: 242px;
        width: 100%;
        min-height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    .login-box .signin-section .password-container {
      position: relative;
      margin-bottom: 8px; }
      .login-box .signin-section .password-container .fa {
        position: absolute;
        right: 10px;
        top: 9px;
        font-size: 18px;
        cursor: pointer;
        color: #444444; }
      .login-box .signin-section .password-container .fa.active {
        color: dodgerblue; }