@font-face {
  font-family: "HKGroteskPro";
  font-weight: 800;
  src: url("../fonts/HK%20Grotesk%20Pro/HKGroteskPro-Bold.woff") format("woff"),
    url("../fonts/HK%20Grotesk%20Pro/HKGroteskPro-Bold.woff") format("woff");
}
.p-checker-header {
  background: #2b354e;
  position: relative;
}
.p-checker-header h1 {
  text-align: center;
  font-weight: 600;
  color: #ffffff;
  font-family: "HKGroteskPro", serif;
  padding-top: 50px;
}

.p-checker-benifits {
  background: #2b354e;
}
.heading-row h2 {
  font-weight: 800;
  font-size: 40px;
  line-height: 140%;
  text-align: center;
  color: #ffffff;
}
.pc-benifits {
  text-align: center;
}
.image-wrap-benifits {
  min-height: 80px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.pc-benifits img {
}
.pc-benifits h3 {
  font-weight: bold;
  font-size: 30px;
  line-height: 140%;
  text-align: center;
  color: #ffffff;
}
.pc-benifits p {
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #ffffff;
  padding: 0px 12px;
}
.p-checker-types {
  background: #f1f4f8;
}
.pc-types-wrap {
  margin-bottom: 50px;
}
.pc-types-wrap img {
  width: 40px;
  margin-bottom: 10px;
}
.pc-types-wrap h3 {
  font-weight: bold;
  font-size: 30px;
  line-height: 140%;
  color: #2b354f;
}
.pc-types-wrap p {
  font-size: 15px;
  line-height: 140%;
  color: #506690;
  padding-right: 40px;
}
.heading-row p {
  color: #fff;
}
.heading-row-types {
}
.heading-row-types h2 {
  font-weight: bold;
  font-size: 40px;
  line-height: 140%;
  text-align: center;
  color: #2b354f;
}
.heading-row-types p {
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #4a5a71;
}
.heading-row-faq h2 {
  font-weight: 800;
  font-size: 40px;
  line-height: 140%;
  text-align: center;
  color: #161c2d;
}
.faq-wrap {
  padding-right: 60px;
  margin-bottom: 35px;
}
.faq-wrap h3 {
  font-weight: bold;
  font-size: 30px;
  line-height: 140%;
  color: #000000;
}
.faq-wrap p {
  font-weight: normal;
  font-size: 15px;
  line-height: 140%;
  color: #506690;
}
.p-checker-faq {
  padding-bottom: 50px;
}
.faq-wrap ul li {
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  color: #506690;
}
.faq-wrap2 {
}

.faq-wrap2 h5 {
  font-weight: bold;
  font-size: 18px;
  line-height: 166%;
  color: #000000;
}

.faq-wrap2 p {
  font-weight: normal;
  font-size: 14px;
  line-height: 166%;
  color: #506690;
}
.resource-image-outer {
  max-height: 200px;
  min-height: 200px;
  background: #c4c4c4;
}

.resource-wrap {
  background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(0deg, #eeeeee, #eeeeee),
    linear-gradient(0deg, #eeeeee, #eeeeee), #eeeeee;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  padding-bottom: 20px;
}
.resource-wrap h5 {
  font-weight: bold;
  font-size: 24px;
  line-height: 140%;
  color: #2b354f;
  margin-bottom: 0;
  margin-top: 15px;
}
.resource-wrap a {
  font-weight: 800;
  font-size: 12px;
  line-height: 140%;
  color: #2b354f;
}
.resource-wrap p {
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  color: #506690;
  margin-bottom: 0px;
  min-height: 80px;
}
.works-wrap {
  align-items: center;
}
.works-wrap h3 {
  font-weight: bold;
  font-size: 36px;
  line-height: 140%;
  color: #2b354f;
}
.works-wrap p {
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #4a5a71;
}
.works-wrap ul li {
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #4a5a71;
  list-style-type: none;
}
.works-wrap img {
  width: 100%;
}
.works-left {
  padding-right: 100px;
}
.works-right {
}
.works-left-2 {
  padding-left: 100px;
}
.p-checker-faq .check-btn {
  background: #fe5b60 !important;
  box-shadow: 0px 7px 29px rgb(100 100 111 / 20%) !important;
  border-radius: 0.25rem;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  padding: 12px 50px;
  margin-top: 7px;
}
.p-checker-header .si-overlay {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 800;
  pointer-events: none;
  color: #eae9e9 !important;
}

.nav-dark {
  background-color: #2b354e;
}
.nav-dark .nav-link {
  color: #fff !important;
}
#blog-posts .blog-post-img {
  height: 260px;
}
#blog-posts .blog-post-title {
  font-weight: 700;
  margin-top: 15px;
  min-height: 53px;
}
#home-top-section {
  background-image: url(/assets/img/illustrations/writers-cropped-2.svg),
    url(/assets/img/illustrations/learning-cropped-2.svg) !important;
  background-size: 15%, 15%, auto auto;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.bigoffferbanner {
  display: block;
}
.smalloffferbanner {
  display: none;
}

@media (max-width: 768px) {
  .resource-wrap {
    margin-bottom: 20px;
  }
  .offset-1 {
    margin-left: 0px;
  }
  .faq-wrap {
    padding-right: 20px;
    margin-bottom: 35px;
  }
  .works-left {
    padding-right: 15px;
  }
  .works-left-2 {
    padding-left: 15px;
  }
  .heading-row-faq h2 {
    font-size: 30px;
  }
  .works-wrap h3 {
    font-size: 26px;
  }
  .heading-row h2 {
    font-size: 30px;
  }
  #home-top-section {
    background-image: url(/assets/img/illustrations/writers-cropped-2.svg),
      url(/assets/img/illustrations/learning-cropped-2.svg) !important;
    background-size: 15%, 15%, auto auto;
    background-repeat: no-repeat;
    background-position-y: bottom;
    min-height: 80vh;
    background-position: left bottom, right bottom;
  }
  .bigoffferbanner {
    display: none;
  }
  .smalloffferbanner {
    display: block;
  }
}
.btn.disabled,
.btn:disabled {
  cursor: initial;
}
.p-checker-header p {
  color: #fff;
}
.page-img-1 {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 210px;
}
.page-img-2 {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 230px;
}

.home-wrap .check-btn {
  background: #fe5b60 !important;
  box-shadow: 0px 7px 29px rgb(100 100 111 / 20%) !important;
  border-radius: 0.25rem;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  padding: 12px 50px;
  margin-top: 7px;
}
.home-wrap h1 {
  font-weight: 600 !important;
  color: #161c2d;
  font-family: "HKGroteskPro", serif;
  padding-top: 50px;
  margin-bottom: 0px !important;
}
#home-top-section h1:first-child {
  font-size: 2.3125rem;
  margin-top: 10px;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
}
.display-none-desktop {
  display: none;
}
@media (min-width: 1120px) {
  #home-top-section {
    min-height: 50vh !important;
  }
}
@media (max-width: 768px) {
  .display-none-mobile {
    display: none;
  }
  .display-block-mobile {
    display: block;
  }
  .nav-dark .nav-link {
    color: #4a5a71 !important;
  }
  .nav-dark > .navbar-toggler {
    color: #f4f4f4 !important;
  }
}
#home-top-section {
  height: 50vh !important;
}
.check-btn.disabled,
.check-btn:disabled {
  opacity: 1 !important;
  transform: scale(1) !important;
}

#top-fixed-bar {
  /* height: 70px; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  background-color: #fff !important;
  color: #111;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  font-size: 20px;
  text-decoration: none !important;
  padding: 0;
}
#top-fixed-bar:hover {
  color: #111;
}
#top-fixed-bar.nav-dark {
  background-color: #2b354e !important;
  color: #fff;
}
#top-fixed-bar.nav-dark:hover {
  color: #fff;
}
/* .top-fixed-bar p{
  color: #fff;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  font-size: 22px;
} */
/* .top-fixed-bar a{
  color: #fff;
  border: 0 solid!important;
  background: #335eea;
  padding: 8px 18px 7px;
  font-size: 15px;
  line-height: 1.3;
  border-radius: 0.25rem;
  margin-left: 20px;
  text-decoration: none;
  font-weight: 700;
}
.top-fixed-bar a:hover{
  color: #fff;
  background-color: #1746e0;
  border-color: #1643d4;
} */
@media only screen and (max-width: 800px) {
  #top-fixed-bar {
    display: none !important;
  }
}
.svg-transparent {
  color: transparent !important;
}
.banner-button {
  display: inline-block;
  background: #fe5b60 !important;
  box-shadow: 0px 7px 29px rgb(100 100 111 / 20%) !important;
  border-radius: 0.25rem;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #ffffff !important;
  padding: 14px 70px 14px 70px;
  margin-top: 7px;
  text-decoration: none;
}