@font-face {
  font-family: "Montserrat";
  src: url("/assetsnew/font-montserrat/Montserrat-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("/assetsnew/font-montserrat/Montserrat-Italic-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: italic;
}
:root {
  --gbl-blue: #1f61a9;
  --gbl-blue-light-01: #3b87db;
  --gbl-blue-light-02: #7cafe7;
  --gbl-blue-light-03: #bed7f3;
  --gbl-blue-light-04: #e8f1fb;
  --gbl-blue-drak: #1a3263;
  --gbl-blue-drak-02: #1c1c1c;
  --gbl-blue-drak-03: #17497f;
  --gbl-blue-50: #bed7f380;
  --gbl-green: #a6cc17;
  --gbl-green-light-03: #ecf8bf;
  --gbl-white: #ffffff;
  --gbl-black: #000000;
  --gbl-gray-01: #525252;
  --gbl-gray-02: #a1a1a1;
  --gbl-gray-04: #f2f2f2;
  --gbl-gray-05: #f9f9f9;
  --gbl-gray-10: #ffffff;
  --gbl-gray-40: #a4a4a4;
  --gbl-gray-60: #767676;
  --gbl-gray-90: #333333;
  --gbl-gray-scale-500: #c2c2c2;
  --gbl-gray-scale-600: #b3b3b3;
  --gbl-bg: #eeeeee;
  --gbl-red: #af1c10;
  --Primary: #e8155b;
}

body.no-scroll {
  overflow: hidden;
}

.container {
  padding: 0;
}

body {
  font-family: "Montserrat";
  background-color: var(--gbl-bg);
}

.textHelper {
  font-weight: 400;
  font-size: 12px;
  color: var(--gbl-gray-90);
}

.bodySmall {
  font-weight: 400;
  font-size: 14px;
  color: var(--gbl-black);
}

.textBody {
  font-weight: 400;
  font-size: 16px;
  color: var(--gbl-black);
}

.textHeading4 {
  font-weight: 700;
  font-size: 24px;
  color: var(--gbl-black);
}

.textBodySmallBold {
  font-weight: 700;
  font-size: 14px;
  color: var(--gbl-gray-01);
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1440px;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}