/* montserrat - start */
@font-face {
  font-family: "Montserrat-Black";
  src: url("../font/Montserrat/Montserrat-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-BlackItalic";
  src: url("../font/Montserrat/Montserrat-BlackItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("../font/Montserrat/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-BoldItalic";
  src: url("../font/Montserrat/Montserrat-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-ExtraBold";
  src: url("../font/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-ExtraBoldItalic";
  src: url("../font/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-ExtraLight";
  src: url("../font/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-ExtraLightItalic";
  src: url("../font/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Italic";
  src: url("../font/Montserrat/Montserrat-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Light";
  src: url("../font/Montserrat/Montserrat-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-LightItalic";
  src: url("../font/Montserrat/Montserrat-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("../font/Montserrat/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-MediumItalic";
  src: url("../font/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("../font/Montserrat/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../font/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-SemiBoldItalic";
  src: url("../font/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Thin";
  src: url("../font/Montserrat/Montserrat-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-ThinItalic";
  src: url("../font/Montserrat/Montserrat-ThinItalic.ttf") format("truetype");
}

/* montserrat - end */


:root {
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 38px;

  --font-extrabold: "Montserrat-ExtraBold", sans-serif;
  --font-bold: "Montserrat-Bold", sans-serif;
  --font-semibold: "Montserrat-SemiBold", sans-serif;
  --font-medium: "Montserrat-Medium", sans-serif;
}

b,
.b,
strong,
.strong{
    font-family: var(--font-bold);
}


/* headings - start */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  margin: 0;
}

.h1-lg {
  font-family: var(--font-bold);
  font-size: 38px;
  line-height: 150%;
  letter-spacing: 3.8px;
  text-transform: uppercase;
}

h1,
.h1-regular {
  font-family: var(--font-bold);
  font-size: 38px;
  line-height: 150%;
  letter-spacing: 2.66px;
}


.h2-lg {
  font-family: var(--font-bold);
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 3px;
  text-transform: uppercase;
}

h2,
.h2-regular {
  font-family: var(--font-bold);
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 1.8px;
}

.h2-sm {
  font-family: var(--font-bold);
  font-size: 22px;
  line-height: 150%;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}


.h3-sm {
  font-family: var(--font-bold);
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* headings - end */



/* body text - start */
.p-sm-regular {
  font-family: var(--font-medium);
  font-size: var(--text-sm);
  line-height: 19px;
  letter-spacing: 0.3px;
}

.p-sm-bold {
  font-family: var(--font-bold);
  font-size: var(--text-sm);
  line-height: 19px;
  letter-spacing: 0.3px;
}

p,
.p-md-regular {
  font-family: var(--font-medium);
  font-size: var(--text-md);
  line-height: 29px;
  letter-spacing: 0.3px;
}

.p-md-semibold { 
  font-family: var(--font-semibold);
  font-size: var(--text-md);
  line-height: 29px;
  letter-spacing: 0.3px;
}

.p-md-bold {
  font-family: var(--font-bold);
  font-size: var(--text-md);
  line-height: 29px;
  letter-spacing: 0.3px;
}

.p-lg-bold {
  font-family: var(--font-bold);
  font-size: var(--text-lg);
  line-height: 25px;
  letter-spacing: 0.9px;
}

.p-xl-extrabold {
  font-family: var(--font-extrabold);
  font-size: var(--text-xl);
  line-height: 130%;
  letter-spacing: 3.8px;
  text-transform: uppercase;
}

.nav-md-bold-up {
  font-family: var(--font-bold);
  font-size: var(--text-md);
  line-height: 20px;
  letter-spacing: -0.1px;
  text-transform: uppercase;
}

.nav-primary-up {
  font-family: var(--font-bold);
  font-size: 15px;
  letter-spacing: 2.55px;
  text-transform: uppercase;
}

.nav-md-regular {
  font-family: var(--font-medium);
  font-size: 17px;
  line-height: 17px;
  letter-spacing: -0.1px;
}

.nav-md-bold {
  font-family: var(--font-bold);
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.1px;
}

.nav-sm-regular {
  font-family: var(--font-medium);
  font-size: var(--text-md);
  line-height: 20px;
  letter-spacing: -0.1px;
}

.nav-sm-bold {
  font-family: var(--font-bold);
  font-size: var(--text-md);
  line-height: 20px;
  letter-spacing: -0.1px;
}

.nav-sm-bold {
  font-family: var(--font-semibold);
  font-size: var(--text-md);
  line-height: 20px;
  letter-spacing: -0.1px;
}

.breadcrumb-text {
  font-family: var(--font-medium);
  font-size: var(--text-sm);
  line-height: 25px;
  letter-spacing: 0.3px;
}

.dropdown-md-regular {
  font-family: var(--font-medium);
  font-size: var(--text-md);
  line-height: 21px;
  letter-spacing: 0.3px;
}

.dropdown-md-bold {
  font-family: var(--font-bold);
  font-size: var(--text-md);
  line-height: 21px;
  letter-spacing: 0.3px;
}

/* body text - end */



@media (max-width: 767.5px) {

  /* headings - start */
  .h1-lg,
  h1,
  .h1-regular,
  .h2-lg,
  h2,
  .h2-regular,
  .h2-sm,
  .h3-sm {
    line-height: 135%;
  }

  .h1-lg {
    font-size: 34px;
    letter-spacing: 3.4px;
  }

  h1,
  .h1-regular {
    font-size: 34px;
    letter-spacing: 3.4px;
  }

  .h2-lg {
    font-size: 26px;
    letter-spacing: 2.6px;
  }

  h2,
  .h2-regular {
    font-size: 26px;
    letter-spacing: 1.56px;
  }

  .h2-sm {
    font-size: 18px;
    letter-spacing: 1.8px;
  }

  .h3-sm {
    font-size: 16px;
    letter-spacing: 1.6px;
  }

  /* headings - end */



  /* body text - start */
  .p-lg-bold {
    font-size: var(--text-md);
    line-height: 23px;
    letter-spacing: 0.8px;
  }

  .p-xl-extrabold {
    font-size: 32px;
    letter-spacing: 3.2px;
  }

  /* body text - end */

}