:root {

  /* colors */
  --background-color--: #F1EEEE;
  --secondary-grey-color--: #9E9494;
  --primary-color--: #030000;
  --secondary-color--: #E23023;
  --grey-color--: #635958;
  --white-color--: #ffffff;
  --background-grey-color--: #f1eeee;
  --third-grey-color--: #E9E0E0;

  /* font size */
  --font-size-12--: 12px;
  --font-size-14--: 14px;
  --body-text-size-18--: 18px;
  --font-size-13--: 13px;
  --font-size-12--: 12px;
  --font-size-16--: 16px;
  --section-title-size-34--: 34px;
  --font-size-24--: 24px;
  --font-size-28--: 28px;
  --body-text-size-16--: 16px

  --font-style--: normal;
  --font-weight-400--: 400;
  --font-weight-700--: 700;

  --font-lh-44--: 44px;
  --font-lh-40--: 40px;
  --font-lh-24--: 24px;
  --font-lh-22--: 22px;
  --font-lh-24--: 24px;
  --font-lh-25--: 25px;
  --font-lh-30--: 30px;
  --font-lh-36--: 36px;
  --font-lh-37--: 37px;
  --font-lh-16--: 16px;
  --font-lh-18--: 18px;
  --font-lh-normal--: normal;
  --text-decoration-line--: underline;

  --gap-9--: 9px;
  --gap-10--: 10px;
  --gap-14--: 14px;
  --gap-20--: 20px;
  --gap-38--: 38px;
  --gap-16--: 16px;

  /* border */
  --border-1-red--: 1px solid #E23023;
  --border-1-black--: 1px solid #030000;
  --border-1-grey--: 1px solid #635958;
  --border-2-bg-grey--: 2px solid #E9E0E0;
  --border-1-white-- :1px solid #fff;
}

html,
body {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}

* {
  box-sizing: border-box;
}

.okrs-explained-page h1, .get-started-page h1,
.okrs-explained-page h2, .get-started-page h2,
.okrs-explained-page h3, .get-started-page h3,
.okrs-explained-page h4, .get-started-page h4,
.okrs-explained-page h5, .get-started-page h5,
.okrs-explained-page h6, .get-started-page h6,
.okrs-explained-page p, .get-started-page p,
.okrs-explained-page ul, .get-started-page ul,
.okrs-explained-page li, .get-started-page li {
  margin: 0px;
}

/* p {
  font-family: "PT serif Regular";
}
 */

.get-started-page li, .okrs-explained-page li {
  list-style-type: none;
}

.get-started-page a, .okrs-explained-page a {
  text-decoration: none;
}
/***BASE***/
.wm-container {
  width: 90.278%;
  margin: auto;
  position: relative;
  max-width: 1440px;
}
.wm-container-fluid {
  width: 100%;
  margin: auto;
}
.wm-row {
  display: flex;
  flex-wrap: wrap;
}
.wm-row > * {
  width: 100%;
  max-width: 100%;
}
.wm-col-lg-4 {
  flex: 0 0 30%;
  width: 30%;
}

.wm-col-lg-8 {
  flex: 0 0 70%;
  width: 70%;
}

.wm-col-lg-10 {
  flex: 0 0 81.5%;
  width: 81.5%;
}

.wm-col-lg-2{
  flex: 0 0 18.5%;
  width: 18.5%;
}

.wm-col-lg-1 {
  flex: 0 0 16.77%;
  width: 16.77%;
}
.wm-post-container {
  width: 59.142%;
  margin: auto;
}
.post-share {
  position: absolute;
  left: 0;
  top: 0;
}
.align-items-center{
  align-items: center;
}

@media (min-width: 1200px) {
  .col-gap-lg-38 {
    column-gap: 38px;
  }
}
/****Tab Column Breakpoint*******/
@media (max-width: 991.98px) {
  .wm-col-md-12 {
    flex: 0 0 100%;
    width: 100%;
  }
  .wm-col-md-3 {
    flex: 0 0 25%;
    width: 25%;
  }
  .wm-col-md-7 {
    flex: 0 0 58.334%;
    width: 58.334%;
  }
  .wm-row {
    flex-direction: column;
  }
}
/****Mobile Column Breakpoint*******/
@media (max-width: 575.98px) {
  .wm-col-12 {
    flex: 0 0 100%;
    width: 100%;
  }
  .wm-container{
    width: 100%;
    padding: 0px 20px;
    position: relative;
  }
}
/*# sourceMappingURL=wm-lib.css.map */