@import url("../../css2");
@import url("../../css2-1");

:root {
  --pbmit-global-color: #cd8c2f;
  --pbmit-secondary-color: #14103b;
  --pbmit-light-color: #f6f6f6;
  --pbmit-white-color: #ffffff;
  --pbmit-blackish-color: #27272f;
  --pbmit-link-color-normal: #14103b;
  --pbmit-link-color-hover: #cd8c2f;
  --pbmit-global-color-rgb: rgb(205, 140, 47);
  --pbmit-secondary-color-rgb: rgb(20, 16, 59);
  --pbmit-responsive-breakpoint: 1200px;
  --pbmit-body-typography-font-family: "DM Sans", sans-serif;
  --pbmit-body-typography-variant: regular;
  --pbmit-body-typography-font-size: 17px;
  --pbmit-body-typography-line-height: 1.7;
  --pbmit-body-typography-color: #666666;
  --pbmit-heading-typography-font-family: "Marcellus", serif;
  --pbmit-heading-color: #14103b;
  --pbmit-heading-font-variant: normal;
  --pbmit-btn-typography-font-family: "Marcellus", serif;
  --pbmit-btn-typography-variant: normal;
  --pbmit-btn-typography-font-size: 14px;
  --pbmit-btn-typography-line-height: 24px;
}

/*----------------------------------------*/
/* 01 - Typography 
/*----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--pbmit-heading-typography-font-family);
  font-weight: normal;
  color: var(--pbmit-heading-color);
}

.pbmit-btn {
  font-family: var(--pbmit-heading-typography-font-family);
  font-weight: var(--pbmit-btn-typography-variant);
  font-size: var(--pbmit-btn-typography-font-size);
  line-height: var(--pbmit-btn-typography-line-height);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  padding: 16px 40px;
}

.about-img,
.about-img {
  max-width: 100%;
  height: auto;
  width: 100%;
  object-fit: cover;
  max-height: 500px;
}