/*!--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
/* Google Fonts moved to <link> tag in functions.php for non-blocking load */
.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

body {
  font-family: "Montserrat";
}
body.modal-open {
  overflow-y: hidden;
}
body .site-header {
  padding: 0 20px;
  border-top: 16px solid;
  -o-border-image: linear-gradient(116deg, #ADBAFF 36.9%, #01FFFF 108.76%) 1;
     border-image: linear-gradient(116deg, #ADBAFF 36.9%, #01FFFF 108.76%) 1;
}
body .site-header .container {
  max-width: 100%;
}
body .site-header .primary-menu > li.current_page_item a {
  color: #3db8ea;
}
body .site-header .primary-menu > li a {
  font-weight: 500;
  font-size: 16px;
  color: #252e31;
}
body .site-header .primary-menu > li a:hover {
  color: #3db8ea;
}
@media only screen and (max-width : 1024px) {
  body .site-header .user-name {
    display: none;
  }
}
body .site-header .bb-header-buttons a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #252e31 !important;
  transition: 0.5s all ease;
}
body .site-header .bb-header-buttons a:hover {
  color: #3db8ea !important;
}
body .site-header .bb-header-buttons a.btn-trial {
  padding: 8px 25px;
  width: 85px;
  height: 36px;
  border: 1px solid #3db8ea;
  border-radius: 100px;
  margin-left: 51px;
}
body .site-header .bb-login-section .sign-in {
  padding: 6px 20px;
  width: 100%;
  display: block;
  text-align: center;
  color: #252e31 !important;
  border-color: #3db8ea;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
body .site-header .bb-login-section .sign-in:hover {
  color: #3db8ea !important;
}
body .site-header .bb-login-section .btn-trial {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 6px 20px;
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid #3db8ea;
  border-radius: 100px;
  color: #252e31;
}
body .site-header .bb-login-section .btn-trial:hover {
  color: #3db8ea;
}
body .site-header .buddypanel-menu .bs-submenu-toggle {
  display: none !important;
}
body .site-header .buddypanel-menu .sub-menu {
  display: block !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body .site-header .buddypanel-menu .sub-menu a {
  display: block;
  padding: 12px 0;
  font-size: 14px;
}
body .site-header .bb-mobile-panel-header .gamification {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
body .site-header .bb-mobile-panel-header .gamification-badge {
  max-width: 40px;
}
body .site-header .bb-mobile-panel-header .gamification-ranking--inner {
  cursor: pointer;
  display: flex;
  align-items: center;
}
body .site-header .bb-mobile-panel-header .gamification-rank {
  margin-left: 15px;
  width: 100%;
}
body .site-header .bb-mobile-panel-header .gamification-rank--current {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .site-header .bb-mobile-panel-header .gamification-rank--current > span {
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 18px;
  color: #252e31;
}
body .site-header .bb-mobile-panel-header .gamification-rank--current .points {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-align: right;
  color: #252e31;
}
body .site-header .bb-mobile-panel-header .gamification-rank--current .points span {
  color: #3db8ea;
}
body .site-header .bb-mobile-panel-header .gamification-rank .progress {
  margin-top: 10px;
  height: 6px;
  background: #e5e5e5;
  border-radius: 100px;
  max-width: 100%;
  overflow: hidden;
}
body .site-header .bb-mobile-panel-header .gamification-rank .progress .pbar-inner {
  display: block;
  height: 6px;
  background: #3db8ea;
  border-radius: 100px;
}
body .site-header .bb-mobile-panel-header .gamification-feather {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 20px;
}
body .site-header .bb-mobile-panel-header .gamification-feather-icon button {
  background: 0;
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-details {
  position: absolute;
  right: 0;
  width: 100%;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-top: 15px;
  z-index: 100;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-details:after, body .site-header .bb-mobile-panel-header .gamification-feather .feather-details:before {
  bottom: 100%;
  left: 8%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-details:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-details:before {
  border-color: rgba(229, 229, 229, 0);
  border-bottom-color: #e5e5e5;
  border-width: 11px;
  margin-left: -11px;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-title {
  display: flex;
  align-items: center;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-title h3 {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
  color: #252e31;
  margin: 0 0 0 15px;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-description {
  padding-top: 10px;
}
body .site-header .bb-mobile-panel-header .gamification-feather .feather-description p {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5;
  color: #7c8689;
  margin: 0;
}
body .site-header .bb-mobile-panel-header .gamification-feather-credits {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  margin-left: 16px;
}
@media (max-width: 799px) {
  body .site-header .bb-mobile-header {
    height: auto;
  }
}
body.sticky-header .site-content {
  padding-top: 116px;
}

#page .bb-elementor-content > .elementor + .formkit-form {
  display: none;
}
#page .header-aside .gamification {
  display: flex;
  align-items: center;
}
#page .header-aside .gamification-ranking--inner {
  cursor: pointer;
  display: flex;
  align-items: center;
}
#page .header-aside .gamification-badge {
  max-width: 50px;
}
#page .header-aside .gamification-rank {
  margin-left: 15px;
  width: 280px;
}
@media screen and (max-width: 1440px) {
  #page .header-aside .gamification-rank {
    width: 200px;
  }
}
@media only screen and (max-width : 1024px) {
  #page .header-aside .gamification-rank {
    width: 100px;
  }
}
#page .header-aside .gamification-rank--current {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#page .header-aside .gamification-rank--current > span {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #252e31;
}
@media only screen and (max-width : 1024px) {
  #page .header-aside .gamification-rank--current > span {
    display: none;
  }
}
#page .header-aside .gamification-rank--current .points {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  color: #252e31;
}
#page .header-aside .gamification-rank--current .points span {
  color: #3db8ea;
}
#page .header-aside .gamification-rank .progress {
  margin-top: 10px;
  height: 6px;
  background: #e5e5e5;
  border-radius: 100px;
  max-width: 100%;
  overflow: hidden;
}
#page .header-aside .gamification-rank .progress .pbar-inner {
  display: block;
  height: 6px;
  background: #3db8ea;
  border-radius: 100px;
}
#page .header-aside .gamification-feather {
  display: flex;
  margin-left: 90px;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1440px) {
  #page .header-aside .gamification-feather {
    margin-left: 20px;
  }
}
#page .header-aside .gamification-feather-icon button {
  background: 0;
  border: 0;
  padding: 0;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  border-radius: 0;
}
#page .header-aside .gamification-feather .feather-details {
  position: absolute;
  right: -20px;
  width: 400px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  padding: 40px 30px 33px;
  margin-top: 30px;
}
#page .header-aside .gamification-feather .feather-details:after, #page .header-aside .gamification-feather .feather-details:before {
  bottom: 100%;
  left: 92%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#page .header-aside .gamification-feather .feather-details:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
#page .header-aside .gamification-feather .feather-details:before {
  border-color: rgba(229, 229, 229, 0);
  border-bottom-color: #e5e5e5;
  border-width: 11px;
  margin-left: -11px;
}
#page .header-aside .gamification-feather .feather-title {
  display: flex;
  align-items: center;
}
#page .header-aside .gamification-feather .feather-title h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #252e31;
  margin: 0 0 0 15px;
}
#page .header-aside .gamification-feather .feather-description {
  padding-top: 10px;
}
#page .header-aside .gamification-feather .feather-description p {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #7c8689;
  margin: 0;
}
#page .header-aside .gamification-feather .feather-description a {
  padding: 12px 36px;
  margin-top: 10px;
  background: linear-gradient(123.13deg, #ADBAFF 45.74%, #01FFFF 138.87%);
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #000000;
}
#page .header-aside .gamification-feather .feather-description a:hover {
  background: #FECF40;
}
#page .header-aside .gamification-feather-credits {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  margin-left: 16px;
}
#page .bb-footer .widget ul li a,
#page .bb-footer li a,
#page .bb-footer .widget_nav_menu .sub-menu a {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
#page .bb-footer .widget li:last-child {
  margin-bottom: 0;
}
#page .bb-footer .footer-widget {
  flex: 0 0 25%;
  max-width: 25%;
}
@media only screen and (max-width : 901px) {
  #page .bb-footer .footer-widget {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width : 680px) {
  #page .bb-footer .footer-widget {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  #page .bb-footer .footer-widget:last-child {
    margin-top: 10px;
  }
}
#page .footer-widget-area {
  padding-top: 107px;
  margin-bottom: -1px;
}
@media only screen and (max-width : 901px) {
  #page .footer-widget-area {
    padding-top: 60px;
  }
}
#page .footer-widget-area .widget_follow_us .widget-title {
  display: none;
}
#page .footer-widget-area .widget_follow_us .bb-follow-links {
  text-align: right;
}
@media only screen and (max-width : 901px) {
  #page .footer-widget-area .widget_follow_us .bb-follow-links {
    text-align: left;
  }
}
#page .footer-widget-area .widget_follow_us .bb-follow-links a {
  margin-right: 0;
  margin-left: 25px;
}
#page .footer-widget-area .widget_follow_us .bb-follow-links a:first-child {
  margin-left: 0;
}
#page .footer-widget-area .widget_follow_us .bb-follow-links a i {
  font-size: 80px;
  color: #fff;
}
#page .footer-bottom {
  padding-bottom: 60px;
}
#page .footer-bottom .footer-bottom-left {
  text-align: center;
}
#page .footer-bottom .copyright,
#page .footer-bottom .footer-desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
#page .footer-widget-area,
#page .footer-bottom {
  background: #3db8ea;
}
#page .footer-widget-area .container,
#page .footer-bottom .container {
  max-width: 1480px;
  padding-left: 20px;
  padding-right: 20px;
}
#page .slick-track {
  display: flex;
}
#page .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
#page .btn-learnmore .elementor-button-icon i {
  color: #252e31;
}
#page .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
}
#page .play-btn .elementor-button {
  position: absolute;
  width: 100px;
  height: 100px;
  flex: 0 0 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-template-page-referral,
.page-template-page-home,
.page-template-page-dashboard,
.page-template-page-signup,
.page-template-page-simple,
.page-template-page-courses,
.page-template-page-webinar {
  background: #f3f7f9;
}
.page-template-page-referral .site-content,
.page-template-page-home .site-content,
.page-template-page-dashboard .site-content,
.page-template-page-signup .site-content,
.page-template-page-simple .site-content,
.page-template-page-courses .site-content,
.page-template-page-webinar .site-content {
  padding-left: 0;
  padding-right: 0;
}
.page-template-page-referral .site-content > .container,
.page-template-page-home .site-content > .container,
.page-template-page-dashboard .site-content > .container,
.page-template-page-signup .site-content > .container,
.page-template-page-simple .site-content > .container,
.page-template-page-courses .site-content > .container,
.page-template-page-webinar .site-content > .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.page-template-page-referral .site-content > .container > div > main.dashboard,
.page-template-page-home .site-content > .container > div > main.dashboard,
.page-template-page-dashboard .site-content > .container > div > main.dashboard,
.page-template-page-signup .site-content > .container > div > main.dashboard,
.page-template-page-simple .site-content > .container > div > main.dashboard,
.page-template-page-courses .site-content > .container > div > main.dashboard,
.page-template-page-webinar .site-content > .container > div > main.dashboard {
  background-image: url("../images/subpage-leafgroup-left-1.png"), url("../images/bgcircle.png"), url("../images/subpage-leafgroup-right-1.png"), url("../images/ThumbnailSection_Leaf-Floating-1.png"), url("../images/ThumbnailSection_Leaf-Right-1.png"), url("../images/ThumbnailSection_Feather-Left-1.png"), url("../images/ThumbnailSection_Leaf-RightBottom-1.png"), url("../images/Home-Feather-5-1.png"), url("../images/HomeHeader_Leaf-Top-1.png"), url("../images/ThumbnailSection_Feather-Right-1.png"), url("../images/HomeHeader_Leaf-Left-1.png"), url("../images/subpage-leafgroup-left-v2.png");
  background-position: 100% 52px, 100% -2.6%, 0 336px, 44% 13%, 100% 23%, 0 30%, 60% 42%, 100% 48%, 74px 60%, 80% 77%, 36% 85%, 0 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-referral .site-content > .container > div > main.dashboard,
  .page-template-page-home .site-content > .container > div > main.dashboard,
  .page-template-page-dashboard .site-content > .container > div > main.dashboard,
  .page-template-page-signup .site-content > .container > div > main.dashboard,
  .page-template-page-simple .site-content > .container > div > main.dashboard,
  .page-template-page-courses .site-content > .container > div > main.dashboard,
  .page-template-page-webinar .site-content > .container > div > main.dashboard {
    background-size: 20%, 50%, 10%, 10%, 5%, 5%, 5%, 5%, 5%, 0, 5%;
  }
}
@media only screen and (max-width : 680px) {
  .page-template-page-referral .site-content > .container > div > main.dashboard,
  .page-template-page-home .site-content > .container > div > main.dashboard,
  .page-template-page-dashboard .site-content > .container > div > main.dashboard,
  .page-template-page-signup .site-content > .container > div > main.dashboard,
  .page-template-page-simple .site-content > .container > div > main.dashboard,
  .page-template-page-courses .site-content > .container > div > main.dashboard,
  .page-template-page-webinar .site-content > .container > div > main.dashboard {
    background-size: 20%, 50%, 10%, 10%, 5%, 5%, 5%, 5%, 5%, 15%, 20%, 65%;
    background-position: 100% 52px, 100% -2.6%, 0 2%, 44% 13%, 100% 23%, 0 30%, 60% 48%, 100% 58%, 74px 70%, 80% 95%, 20% 98%, 0 100%;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-referral .site-content > .container > div > main.dashboard,
  .page-template-page-home .site-content > .container > div > main.dashboard,
  .page-template-page-dashboard .site-content > .container > div > main.dashboard,
  .page-template-page-signup .site-content > .container > div > main.dashboard,
  .page-template-page-simple .site-content > .container > div > main.dashboard,
  .page-template-page-courses .site-content > .container > div > main.dashboard,
  .page-template-page-webinar .site-content > .container > div > main.dashboard {
    background-size: 20%, 68%, 10%, 15%, 15%, 15%, 15%, 15%, 15%, 15%, 20%, 65%;
    background-position: 100% 52px, 100% 0%, 0 2%, 20% 13%, 100% 31%, 0 49.5%, 75% 58.5%, -100%, 74px 77%, 80% 95%, 20% 98%, 0 100%;
  }
}
.page-template-page-referral .site-content > .container > div > main.dashboard .start-now:hover,
.page-template-page-home .site-content > .container > div > main.dashboard .start-now:hover,
.page-template-page-dashboard .site-content > .container > div > main.dashboard .start-now:hover,
.page-template-page-signup .site-content > .container > div > main.dashboard .start-now:hover,
.page-template-page-simple .site-content > .container > div > main.dashboard .start-now:hover,
.page-template-page-courses .site-content > .container > div > main.dashboard .start-now:hover,
.page-template-page-webinar .site-content > .container > div > main.dashboard .start-now:hover {
  color: #fff;
}
.page-template-page-referral .site-content > .container > div > main.simplepage,
.page-template-page-home .site-content > .container > div > main.simplepage,
.page-template-page-dashboard .site-content > .container > div > main.simplepage,
.page-template-page-signup .site-content > .container > div > main.simplepage,
.page-template-page-simple .site-content > .container > div > main.simplepage,
.page-template-page-courses .site-content > .container > div > main.simplepage,
.page-template-page-webinar .site-content > .container > div > main.simplepage {
  background-image: url("../images/hawkcircle.png"), url("../images/subpage-leafgroup-right-1.png");
  background-position: 100% -79px, 0 336px;
  background-repeat: no-repeat;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage,
  .page-template-page-home .site-content > .container > div > main.simplepage,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage,
  .page-template-page-signup .site-content > .container > div > main.simplepage,
  .page-template-page-simple .site-content > .container > div > main.simplepage,
  .page-template-page-courses .site-content > .container > div > main.simplepage,
  .page-template-page-webinar .site-content > .container > div > main.simplepage {
    background-size: 50%, 10%;
  }
}
@media only screen and (max-width : 680px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage,
  .page-template-page-home .site-content > .container > div > main.simplepage,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage,
  .page-template-page-signup .site-content > .container > div > main.simplepage,
  .page-template-page-simple .site-content > .container > div > main.simplepage,
  .page-template-page-courses .site-content > .container > div > main.simplepage,
  .page-template-page-webinar .site-content > .container > div > main.simplepage {
    background-size: 50%, 10%;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage,
  .page-template-page-home .site-content > .container > div > main.simplepage,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage,
  .page-template-page-signup .site-content > .container > div > main.simplepage,
  .page-template-page-simple .site-content > .container > div > main.simplepage,
  .page-template-page-courses .site-content > .container > div > main.simplepage,
  .page-template-page-webinar .site-content > .container > div > main.simplepage {
    background-size: 80%, 10%;
  }
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-inner,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-inner,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-inner,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-inner,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-inner,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-inner,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-inner {
  max-width: 1180px;
}
@media only screen and (max-width : 901px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-inner {
    padding-top: 200px;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-inner,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-inner {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text {
  max-width: 538px;
}
@media only screen and (max-width : 901px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text {
    margin: 0 auto;
  }
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text h3,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text h3,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text h3,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text h3,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text h3,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text h3,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.2em;
  color: #3db8ea;
  margin: 0 0 20px;
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text h1,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text h1,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text h1,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text h1,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text h1,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text h1,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text h1 {
  font-weight: 800;
  font-size: 72px;
  line-height: 88px;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 901px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text h1 {
    font-size: 55px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text h1,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text h1 {
    font-size: 40px;
  }
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text h1 + h2,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text h1 + h2,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text h1 + h2,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text h1 + h2,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text h1 + h2,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text h1 + h2,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text h1 + h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  color: #252e31;
  letter-spacing: 0;
  margin: 22px 0 0;
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container {
  margin-top: 33px;
  display: flex;
}
@media only screen and (max-width : 901px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container {
    flex-direction: column;
  }
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container .btn {
  white-space: nowrap;
  max-width: 220px;
  width: 100%;
  height: 60px;
  background: #3db8ea;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  padding: 0 28px;
  margin-right: 20px;
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:first-child,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:first-child,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:first-child,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:first-child,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:first-child,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:first-child,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:first-child {
  max-width: 300px;
  background: #ed7e31;
}
@media only screen and (max-width : 901px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container .btn {
    margin: 10px auto;
    max-width: 300px;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container .btn,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container .btn {
    margin: 10px auto;
  }
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child {
  margin-right: 0;
}
@media only screen and (max-width : 901px) {
  .page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
  .page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
  .page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
  .page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
  .page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
  .page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child,
  .page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:last-child {
    margin: auto;
  }
}
.page-template-page-referral .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:hover,
.page-template-page-home .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:hover,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:hover,
.page-template-page-signup .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:hover,
.page-template-page-simple .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:hover,
.page-template-page-courses .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:hover,
.page-template-page-webinar .site-content > .container > div > main.simplepage .hero-text .btn-container .btn:hover {
  color: #fff;
}
.page-template-page-referral .site-content > .container > div > main.simplepage .formkit-form,
.page-template-page-home .site-content > .container > div > main.simplepage .formkit-form,
.page-template-page-dashboard .site-content > .container > div > main.simplepage .formkit-form,
.page-template-page-signup .site-content > .container > div > main.simplepage .formkit-form,
.page-template-page-simple .site-content > .container > div > main.simplepage .formkit-form,
.page-template-page-courses .site-content > .container > div > main.simplepage .formkit-form,
.page-template-page-webinar .site-content > .container > div > main.simplepage .formkit-form {
  display: none;
}
.page-template-page-referral p a,
.page-template-page-home p a,
.page-template-page-dashboard p a,
.page-template-page-signup p a,
.page-template-page-simple p a,
.page-template-page-courses p a,
.page-template-page-webinar p a {
  color: #3db8ea;
}
.page-template-page-referral .modal,
.page-template-page-home .modal,
.page-template-page-dashboard .modal,
.page-template-page-signup .modal,
.page-template-page-simple .modal,
.page-template-page-courses .modal,
.page-template-page-webinar .modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.page-template-page-referral .modal .modal-content,
.page-template-page-home .modal .modal-content,
.page-template-page-dashboard .modal .modal-content,
.page-template-page-signup .modal .modal-content,
.page-template-page-simple .modal .modal-content,
.page-template-page-courses .modal .modal-content,
.page-template-page-webinar .modal .modal-content {
  margin: auto;
  margin-bottom: 100px;
}

#blackCheckoutModal .modal-content,
#orangeCheckoutModal .modal-content {
  position: relative;
  background: #fff;
  width: calc(100% - 40px);
  max-width: 600px;
  padding: 60px 60px 76px;
}
@media only screen and (max-width : 601px) {
  #blackCheckoutModal .modal-content,
  #orangeCheckoutModal .modal-content {
    padding: 50px 20px;
  }
}
#blackCheckoutModal .modal-content .close,
#orangeCheckoutModal .modal-content .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}
#blackCheckoutModal .modal-content .padlock,
#orangeCheckoutModal .modal-content .padlock {
  display: flex;
  margin: 0 auto 28px;
  width: 100px;
  height: 100px;
  background: rgba(37, 46, 49, 0.1);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#blackCheckoutModal .modal-content > h3,
#orangeCheckoutModal .modal-content > h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  text-align: center;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
  margin: 0 auto 10px;
}
@media only screen and (max-width : 601px) {
  #blackCheckoutModal .modal-content > h3,
  #orangeCheckoutModal .modal-content > h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 13px;
  }
}
#blackCheckoutModal .modal-content > h2,
#orangeCheckoutModal .modal-content > h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  color: #252e31;
  margin: 0 0 40px;
  padding: 0 20px;
}
@media only screen and (max-width : 680px) {
  #blackCheckoutModal .modal-content > h2,
  #orangeCheckoutModal .modal-content > h2 {
    font-size: 24px;
    line-height: 36px;
    padding: 0;
    margin-bottom: 20px;
  }
}
#blackCheckoutModal .modal-content > h2 .price,
#orangeCheckoutModal .modal-content > h2 .price {
  color: #3db8ea;
}
#blackCheckoutModal .modal-content .courselist,
#orangeCheckoutModal .modal-content .courselist {
  display: flex;
  justify-content: center;
  padding: 50px 10px;
  border-top: 1px solid #8c999d;
  border-bottom: 1px solid #8c999d;
}
@media only screen and (max-width : 601px) {
  #blackCheckoutModal .modal-content .courselist,
  #orangeCheckoutModal .modal-content .courselist {
    padding: 30px 10px;
  }
}
#blackCheckoutModal .modal-content .courselist ul,
#orangeCheckoutModal .modal-content .courselist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#blackCheckoutModal .modal-content .courselist ul li,
#orangeCheckoutModal .modal-content .courselist ul li {
  margin-bottom: 22px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 601px) {
  #blackCheckoutModal .modal-content .courselist ul li,
  #orangeCheckoutModal .modal-content .courselist ul li {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
#blackCheckoutModal .modal-content .courselist ul li:last-child,
#orangeCheckoutModal .modal-content .courselist ul li:last-child {
  margin-bottom: 0;
}
#blackCheckoutModal .modal-content .courselist ul li svg,
#orangeCheckoutModal .modal-content .courselist ul li svg {
  margin-right: 16px;
  line-height: 1;
}
#blackCheckoutModal .modal-content .btn-unlock,
#orangeCheckoutModal .modal-content .btn-unlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  max-width: 240px;
  width: 100%;
  height: 70px;
  background: #3db8ea;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.15);
  padding: 0 37px;
  text-transform: capitalize;
  margin: 40px auto 0;
}
@media only screen and (max-width : 680px) {
  #blackCheckoutModal .modal-content .btn-unlock,
  #orangeCheckoutModal .modal-content .btn-unlock {
    max-width: 180px;
    padding: 0 30px;
    height: 60px;
  }
}

#completeModal.modal {
  padding-top: 0;
}
@media screen and (max-height: 400px) {
  #completeModal.modal {
    padding-top: 100px;
  }
}
#completeModal .modal-content {
  position: relative;
  width: calc(100% - 40px);
  max-width: 600px;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
  padding: 70px 64px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-height: 400px) {
  #completeModal .modal-content {
    top: auto;
    transform: none;
  }
}
@media only screen and (max-width : 601px) {
  #completeModal .modal-content {
    padding: 50px 20px;
  }
}
#completeModal .modal-content .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}
#completeModal .modal-content > img {
  display: block;
  margin: 0 auto 30px;
}
#completeModal .modal-content h2 {
  font-family: "Montserrat";
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  color: #000000;
  margin: 0 0 10px;
}
@media only screen and (max-width : 601px) {
  #completeModal .modal-content h2 {
    font-size: 30px;
    line-height: 1.5;
  }
}
#completeModal .modal-content p {
  font-weight: normal;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #252e31;
}
#completeModal .modal-content p:last-child {
  margin-bottom: 0;
}

#linkAcquisitionModal .modal-content {
  position: relative;
  background: #fff;
  width: calc(100% - 40px);
  max-width: 1280px;
  padding: 70px 90px 51px;
}
@media only screen and (max-width : 768px) {
  #linkAcquisitionModal .modal-content {
    padding: 60px 20px 49px;
  }
}
#linkAcquisitionModal .modal-content .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}
#linkAcquisitionModal .modal-content > h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  color: #252e31;
  margin: 0 0 20px;
}
@media only screen and (max-width : 680px) {
  #linkAcquisitionModal .modal-content > h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 5px;
  }
}
#linkAcquisitionModal .modal-content > p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 680px) {
  #linkAcquisitionModal .modal-content > p {
    font-size: 16px;
    line-height: 20px;
  }
}
#linkAcquisitionModal .modal-content .link--items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-left: -40px;
}
@media only screen and (max-width : 768px) {
  #linkAcquisitionModal .modal-content .link--items {
    margin-top: 42px;
  }
}
#linkAcquisitionModal .modal-content .link--item {
  width: calc(33.33% - 40px);
  margin-left: 40px;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}
@media only screen and (max-width : 768px) {
  #linkAcquisitionModal .modal-content .link--item {
    width: calc(50% - 40px);
  }
}
@media only screen and (max-width : 680px) {
  #linkAcquisitionModal .modal-content .link--item {
    width: calc(100% - 40px);
  }
}
#linkAcquisitionModal .modal-content .link--item.free .link--item_icon, #linkAcquisitionModal .modal-content .link--item.active .link--item_icon {
  background: #3db8ea;
}
#linkAcquisitionModal .modal-content .link--item.blackcheckout .blacklock {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#linkAcquisitionModal .modal-content .link--item.orangecheckout .orangelock {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#linkAcquisitionModal .modal-content .link--item_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220px;
  position: relative;
  background: #ced6dc;
}
#linkAcquisitionModal .modal-content .link--item_icon .free {
  position: absolute;
  bottom: -3px;
  right: 0;
  z-index: 5;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #ffffff;
  padding: 5px 20px;
  background: #e63a54;
  text-transform: uppercase;
}
#linkAcquisitionModal .modal-content .link--item--item_details {
  display: block;
  padding: 30px;
}
#linkAcquisitionModal .modal-content .link--item--item_details h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 36px;
  color: #252e31;
  margin: 0 0 10px;
}
#linkAcquisitionModal .modal-content .link--item--item_details p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #252e31;
  margin: 0 0 30px;
}
#linkAcquisitionModal .modal-content .link--item--item_details > span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
}
#linkAcquisitionModal .modal-content .link--item_pbar {
  display: block;
  width: 100%;
  height: 8px;
  background: #eaeff1;
  border-radius: 100px;
  margin-top: 8px;
}
#linkAcquisitionModal .modal-content .link--item_pbar .link--item_details_pbar-inner {
  display: block;
  height: 8px;
  background: #20d091;
  border-radius: 100px;
}

#congratsModal .modal-content {
  max-width: 700px;
  width: calc(100% - 40px);
  background: #fff;
  text-align: center;
  padding: 95px 92px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width : 768px) {
  #congratsModal .modal-content {
    padding: 80px 20px;
  }
}
@media only screen and (max-width : 601px) {
  #congratsModal .modal-content {
    padding: 50px 20px;
  }
}
#congratsModal .modal-content .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}
#congratsModal .modal-content img {
  margin: 0 auto 40px;
}
#congratsModal .modal-content h2 {
  font-family: "Montserrat";
  font-weight: 800;
  font-size: 48px;
  line-height: 59px;
  text-align: center;
  color: #000000;
  margin: 0 0 20px;
}
@media only screen and (max-width : 601px) {
  #congratsModal .modal-content h2 {
    font-size: 24px;
    line-height: 36px;
  }
}
#congratsModal .modal-content p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  #congratsModal .modal-content p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}

.hero {
  position: relative;
}
.hero-inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 134px 20px;
  display: flex;
}
@media only screen and (max-width : 1024px) {
  .hero-inner {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 901px) {
  .hero-inner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-top: 0;
  }
}
.hero-text {
  max-width: 650px;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width : 901px) {
  .hero-text {
    max-width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width : 680px) {
  .hero-text {
    padding: 26px 5px 0;
  }
}
.hero-text h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 80px;
  color: #000000;
  margin: 0 0 20px;
}
@media only screen and (max-width : 680px) {
  .hero-text h1 {
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 20px;
  }
}
.hero-text h1 span {
  color: #3db8ea;
}
.hero-text p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #252e31;
  padding-right: 20px;
}
@media only screen and (max-width : 901px) {
  .hero-text p {
    padding-right: 0;
  }
}
@media only screen and (max-width : 680px) {
  .hero-text p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
.hero-text p:last-child {
  margin-bottom: 0;
}
.hero-text a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  width: 180px;
  height: 60px;
  background: #3db8ea;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.15);
  padding: 0 30px;
  text-transform: capitalize;
}
@media only screen and (max-width : 901px) {
  .hero-text a {
    margin: 0 auto;
  }
}
.hero-image img {
  position: absolute;
  right: 19%;
  top: 0;
}
@media only screen and (max-width : 1024px) {
  .hero-image img {
    zoom: 0.6;
    right: 5%;
  }
}
@media only screen and (max-width : 901px) {
  .hero-image img {
    position: static;
    zoom: 1;
    display: block;
    margin: 0 auto;
    max-width: 300px;
  }
}
@media only screen and (max-width : 601px) {
  .hero-image img {
    max-width: 192px;
  }
}

/* animations */
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.wobble-hor-bottom {
  animation: wobble-hor-bottom 5s infinite both;
}

/**
* ----------------------------------------
* animation wobble-hor-bottom
* ----------------------------------------
*/
@keyframes wobble-hor-bottom {
  0%, 100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
.coursepath {
  padding-bottom: 200px;
}
@media only screen and (max-width : 680px) {
  .coursepath {
    padding-bottom: 166px;
  }
}
.coursepath-inner {
  max-width: 1480px;
  margin: 0 auto;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  flex-wrap: wrap;
  position: relative;
}
.coursepath-start {
  display: inline-flex;
  position: relative;
  margin-left: 109px;
  width: 100%;
  max-width: 140px;
  margin-bottom: -10px;
  z-index: 10;
}
@media only screen and (max-width : 1024px) {
  .coursepath-start {
    zoom: 0.6;
  }
}
@media only screen and (max-width : 680px) {
  .coursepath-start {
    display: flex;
    margin: 0 auto 110px;
    zoom: 1;
    z-index: inherit;
  }
  .coursepath-start::after {
    content: "";
    display: block;
    height: 110px;
    background: #ced6dc;
    width: 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.coursepath-start.started::after {
  background: #3db8ea;
}
.coursepath-start button {
  border: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  border-radius: 100px;
  display: inline-flex;
}
.coursepath-start button > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  color: #252e31;
}
.coursepath-finish {
  position: absolute;
  bottom: 218px;
  left: 46%;
  display: inline-flex;
  width: 100%;
  max-width: 140px;
  background: #fff;
  border-radius: 100px;
}
@media only screen and (max-width : 1024px) {
  .coursepath-finish {
    bottom: 275px;
    zoom: 0.6;
  }
}
@media only screen and (max-width : 680px) {
  .coursepath-finish {
    bottom: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    zoom: 1;
  }
}
.coursepath-finish > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  color: #252e31;
}
.coursepath-modules {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}
@media only screen and (max-width : 680px) {
  .coursepath-modules {
    position: static;
  }
}
.coursepath-modules--item {
  position: absolute;
  display: flex;
  flex-direction: column;
  max-width: 340px;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width : 1024px) {
  .coursepath-modules--item {
    zoom: 0.7;
  }
}
@media only screen and (max-width : 901px) {
  .coursepath-modules--item {
    zoom: 0.6;
  }
}
@media only screen and (max-width : 680px) {
  .coursepath-modules--item {
    position: relative;
    zoom: 1;
    margin: 0 auto 120px;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }
  .coursepath-modules--item::after {
    content: "";
    display: block;
    height: 120px;
    background: #ced6dc;
    width: 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.coursepath-modules--item:first-child {
  top: 6%;
  left: 20%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:first-child {
    top: 3%;
  }
}
.coursepath-modules--item:nth-child(2) {
  top: 6%;
  left: 54%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(2) {
    top: 3%;
  }
}
.coursepath-modules--item:nth-child(3) {
  right: 0;
  top: 23%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(3) {
    top: 20%;
  }
}
.coursepath-modules--item:nth-child(4) {
  top: 23%;
  left: 30%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(4) {
    top: 20%;
  }
}
.coursepath-modules--item:nth-child(5) {
  top: 39%;
  left: 0;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(5) {
    top: 37%;
  }
}
.coursepath-modules--item:nth-child(6) {
  top: 39%;
  left: 42%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(6) {
    top: 37%;
  }
}
.coursepath-modules--item:nth-child(7) {
  right: 0;
  top: 56%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(7) {
    top: 54%;
  }
}
.coursepath-modules--item:nth-child(8) {
  top: 56%;
  left: 30%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(8) {
    top: 54%;
  }
}
.coursepath-modules--item:nth-child(9) {
  top: 73%;
  left: 0%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(9) {
    top: 70%;
  }
}
.coursepath-modules--item:nth-child(10) {
  top: 73%;
  left: 42%;
}
@media only screen and (max-width : 768px) {
  .coursepath-modules--item:nth-child(10) {
    top: 70%;
  }
}
.coursepath-modules--item:last-child {
  right: 0;
  bottom: 0;
}
@media only screen and (max-width : 680px) {
  .coursepath-modules--item:last-child {
    margin-bottom: 110px;
  }
  .coursepath-modules--item:last-child::after {
    height: 110px;
  }
}
.coursepath-modules--item .you-are-here {
  display: none;
  position: absolute;
  left: 50%;
  top: -70px;
  transform: translateX(-50%);
}
@media only screen and (max-width : 1024px) {
  .coursepath-modules--item .you-are-here {
    top: -90px;
  }
}
.coursepath-modules--item .you-are-here > span {
  display: block;
  position: relative;
  font-family: "Montserrat";
  font-size: 15px;
  color: #fff;
  background: #3db8ea;
  padding: 13px 16px;
  white-space: nowrap;
  border-radius: 6px;
}
.coursepath-modules--item .you-are-here > span::after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 188, 200, 0);
  border-top-color: #3db8ea;
  border-width: 10px;
  margin-left: -10px;
}
.coursepath-modules--item .coursepath-modules--item_icon img {
  filter: grayscale(1);
}
.coursepath-modules--item .complete {
  display: none;
}
.coursepath-modules--item.completed .complete {
  display: flex;
}
.coursepath-modules--item.completed .you-are-here {
  display: none;
}
.coursepath-modules--item.completed .coursepath-modules--item_icon {
  background: #3db8ea;
}
.coursepath-modules--item.completed .coursepath-modules--item_icon img {
  filter: grayscale(0);
}
.coursepath-modules--item.completed::after {
  background: #3db8ea;
}
.coursepath-modules--item.active .coursepath-modules--item_icon {
  background: #3db8ea;
}
.coursepath-modules--item.active .coursepath-modules--item_icon img {
  filter: grayscale(0);
}
.coursepath-modules--item.active .you-are-here {
  display: flex;
}
.coursepath-modules--item.blackcheckout .blacklock {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.coursepath-modules--item.orangecheckout .orangelock {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.coursepath-modules--item_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220px;
  position: relative;
  background: #ced6dc;
}
.coursepath-modules--item_icon .complete {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 50;
  width: 36px;
  height: 36px;
}
.coursepath-modules--item_icon .complete svg {
  width: 36px;
  display: block;
}
.coursepath-modules--item_icon .complete .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  fill: #20d091;
}
.coursepath-modules--item_icon .complete .path.circle {
  animation: dash 0.9s ease-in-out;
}
.coursepath-modules--item_icon .complete .path.line {
  stroke-dashoffset: 1000;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.coursepath-modules--item_icon .complete .path.check {
  stroke-dashoffset: -100;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
.coursepath-modules--item_icon .free {
  position: absolute;
  bottom: -3px;
  right: 0;
  z-index: 5;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #ffffff;
  padding: 5px 20px;
  background: #e63a54;
  text-transform: uppercase;
}
.coursepath-modules--item_details {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.coursepath-modules--item_details h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 36px;
  color: #252e31;
  margin: 0 0 10px;
}
.coursepath-modules--item_details p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #252e31;
  margin: 0 0 30px;
}
.coursepath-modules--item_details > span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
  margin-top: auto;
}
.coursepath-modules--item_pbar {
  display: block;
  width: 100%;
  height: 8px;
  background: #eaeff1;
  border-radius: 100px;
  margin-top: 8px;
}
.coursepath-modules--item_pbar .coursepath-modules--item_details_pbar-inner {
  display: block;
  height: 8px;
  background: #20d091;
  border-radius: 100px;
}
.coursepath-roadmap {
  padding-left: 170px;
  padding-right: 170px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width : 1024px) {
  .coursepath-roadmap {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (max-width : 680px) {
  .coursepath-roadmap {
    display: none;
  }
}
.coursepath-roadmap--container {
  position: relative;
  padding-bottom: 270px;
  width: 100%;
}
@media only screen and (max-width : 1024px) {
  .coursepath-roadmap--container {
    padding-bottom: 190px;
  }
}
@media only screen and (max-width : 680px) {
  .coursepath-roadmap--container {
    padding-bottom: 0;
  }
}
.coursepath-roadmap svg path {
  transition: 0.5s all ease;
}
.coursepath-roadmap svg path.active {
  fill: #3db8ea;
}

.signuphero {
  padding: 113px 0 180px;
  background-image: url("../images/ThumbnailSection_Leaf-Floating-2.png"), url("../images/ThumbnailSection_Leaf-Floating-1.png"), url("../images/HomeHeader_Leaf-Left-2.png"), url("../images/ThumbnailSection_Feather-Right-1.png"), url("../images/subpage-leafgroup-left-1.png"), url("../images/HomeHeader_Hawk.png"), url("../images/bgcircle.png"), url("../images/subpage-leafgroup-right-1.png");
  background-position: 55px 191px, 60% calc(100% - 91px), 80% 15%, 70% 5%, 100% 52px, 83% 70%, 100% -2.6%, 0 115%;
  background-size: 97px 88px, 97px 88px, 70px 58px, 75px 79px, auto auto, auto auto, 45%, auto auto;
  background-repeat: no-repeat;
}
@media only screen and (max-width : 1024px) {
  .signuphero {
    background-position: 55px 191px, 60% calc(100% - 91px), 80% 15%, 70% 5%, 100% 52px, 83% 20%, 100% -2.6%, 0 115%;
    background-size: 97px 88px, 97px 88px, 70px 58px, 75px 79px, 20%, 40%, 45%, 15%;
  }
}
@media only screen and (max-width : 901px) {
  .signuphero {
    background-size: 97px 88px, 97px 88px, 70px 58px, 75px 79px, 20%, 0, 80%, 15%;
  }
}
@media only screen and (max-width : 680px) {
  .signuphero {
    padding: 50px 0;
  }
}
.signuphero-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
}
.signuphero-img {
  display: none;
}
@media only screen and (max-width : 901px) {
  .signuphero-img {
    display: block;
    margin-bottom: 26px;
  }
}
.signuphero-page-title {
  max-width: 758px;
}
@media only screen and (max-width : 901px) {
  .signuphero-page-title {
    margin: 0 auto;
  }
}
.signuphero-text {
  max-width: 820px;
  width: 100%;
}
@media only screen and (max-width : 901px) {
  .signuphero-text {
    max-width: 100%;
    text-align: center;
  }
}
.signuphero-text h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 80px;
  color: #000000;
  margin: 0 0 20px;
}
@media only screen and (max-width : 680px) {
  .signuphero-text h1 {
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 20px;
  }
}
.signuphero-text h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  line-height: 48px;
  color: #252e31;
  margin: 0;
  padding-right: 120px;
}
@media only screen and (max-width : 901px) {
  .signuphero-text h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width : 680px) {
  .signuphero-text h3 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
.signuphero-text .btn-container {
  margin-top: 33px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width : 901px) {
  .signuphero-text .btn-container {
    justify-content: center;
  }
}
@media only screen and (max-width : 601px) {
  .signuphero-text .btn-container {
    flex-direction: column;
    align-items: center;
  }
}
.signuphero-text .btn-container .btn {
  white-space: nowrap;
  max-width: 220px;
  width: 100%;
  height: 60px;
  background: #3db8ea;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  padding: 0 28px;
  margin-right: 20px;
  color: #fff;
  font-weight: 500;
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
@media only screen and (max-width : 901px) {
  .signuphero-text .btn-container .btn {
    margin: 0 20px;
  }
}
@media only screen and (max-width : 601px) {
  .signuphero-text .btn-container .btn {
    margin: 10px auto;
  }
}
.signuphero-text .btn-container .btn:last-child {
  margin-right: 0;
  border: 1px solid #3db8ea;
  background: 0;
  color: #3db8ea;
  box-shadow: none;
}
.signuphero-text .btn-container .btn:last-child svg path {
  stroke: #3db8ea;
}
@media only screen and (max-width : 901px) {
  .signuphero-text .btn-container .btn:last-child {
    margin: 0 20px;
  }
}
.signuphero-text .btn-container .btn:hover {
  color: #fff;
}
.signuphero-text .form-container {
  margin: 60px 0 0;
}
@media only screen and (max-width : 901px) {
  .signuphero-text .form-container {
    margin: 60px auto 0;
  }
}
@media only screen and (max-width : 680px) {
  .signuphero-text .form-container {
    margin: 30px auto 0;
  }
}
.signuphero-text .form-container p {
  width: 100%;
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #252e31;
  margin: 0 0 20px;
}
.signuphero-text form {
  display: flex;
  flex-wrap: wrap;
  max-width: 820px !important;
  width: 100%;
}
.signuphero-text form [data-style=clean] {
  padding: 0 !important;
}
.signuphero-text form .formkit-field {
  flex: none !important;
  width: calc(40% - 10px);
  margin: 0 5px !important;
}
@media only screen and (max-width : 601px) {
  .signuphero-text form .formkit-field {
    width: 100%;
    margin: 0 auto !important;
  }
}
.signuphero-text form a.formkit-powered-by {
  display: none !important;
}
.signuphero-text form input[type=text],
.signuphero-text form input[type=email],
.signuphero-text form .formkit-input {
  height: 60px !important;
  background: #f3f7f9 !important;
  border: 1px solid #8c999d !important;
  padding: 0 20px !important;
  font-family: "Montserrat" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #252e31 !important;
  border-radius: 0 !important;
}
@media only screen and (max-width : 601px) {
  .signuphero-text form input[type=text],
  .signuphero-text form input[type=email],
  .signuphero-text form .formkit-input {
    width: 100%;
    margin: 0 auto 20px !important;
  }
}
.signuphero-text form input[type=text]::-webkit-input-placeholder,
.signuphero-text form input[type=email]::-webkit-input-placeholder,
.signuphero-text form .formkit-input::-webkit-input-placeholder {
  color: #252e31;
}
.signuphero-text form input[type=text]::-moz-placeholder,
.signuphero-text form input[type=email]::-moz-placeholder,
.signuphero-text form .formkit-input::-moz-placeholder {
  color: #252e31;
}
.signuphero-text form input[type=text]:-ms-input-placeholder,
.signuphero-text form input[type=email]:-ms-input-placeholder,
.signuphero-text form .formkit-input:-ms-input-placeholder {
  color: #252e31;
}
.signuphero-text form input[type=text]:-moz-placeholder,
.signuphero-text form input[type=email]:-moz-placeholder,
.signuphero-text form .formkit-input:-moz-placeholder {
  color: #252e31;
}
.signuphero-text form button {
  width: calc(20% - 10px);
  height: 60px;
  background: #3db8ea;
  font-family: "Montserrat" !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}
.signuphero-text form button.formkit-submit.formkit-submit {
  flex: none !important;
}
.signuphero-text form button.formkit-submit.formkit-submit > span {
  padding: 0;
}
.signuphero-text form button.formkit-submit.formkit-submit:hover > span {
  background: 0;
}
@media only screen and (max-width : 601px) {
  .signuphero-text form button {
    width: 100%;
    margin: 0 auto !important;
  }
}
.signuphero-text form .form-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.clients {
  background: #fff;
  padding: 55px 0;
}
.clients-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.clients .clients-items .slick-slide > div {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.clients .clients-items ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clients .clients-items ul li img {
  display: block;
  margin: 0 auto;
}

.signupcontent {
  padding: 100px 0 200px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width : 680px) {
  .signupcontent {
    padding: 50px 0 100px;
  }
}
.signupcontent .leaffloating {
  left: 68px;
  position: absolute;
  bottom: 27%;
  z-index: -1;
}
.signupcontent .leafleft {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (max-width : 601px) {
  .signupcontent .leafleft img {
    max-width: 50%;
  }
}
.signupcontent .leafright {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (max-width : 601px) {
  .signupcontent .leafright {
    display: flex;
    justify-content: flex-end;
  }
  .signupcontent .leafright img {
    max-width: 50%;
  }
}
.signupcontent-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.signupcontent .signupcontent-quote {
  max-width: 862px;
}
.signupcontent .signupcontent-quote > h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 80px;
  color: #000000;
  margin: 0;
}
@media only screen and (max-width : 901px) {
  .signupcontent .signupcontent-quote > h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width : 680px) {
  .signupcontent .signupcontent-quote > h2 {
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 20px;
  }
}
.signupcontent-details {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
.signupcontent-details > img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width : 901px) {
  .signupcontent-details > img {
    width: 80%;
  }
}
@media only screen and (max-width : 680px) {
  .signupcontent-details > img {
    width: 90%;
  }
}
.signupcontent-text {
  margin-top: 121px;
  max-width: 860px;
  padding: 76px 80px;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width : 901px) {
  .signupcontent-text {
    width: 80%;
    padding: 50px;
  }
}
@media only screen and (max-width : 680px) {
  .signupcontent-text {
    width: 90%;
    padding: 50px 20px;
  }
}
.signupcontent-text p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  color: #252e31;
  margin: 0 0 50px;
}
@media only screen and (max-width : 680px) {
  .signupcontent-text p {
    font-size: 16px;
  }
}
.signupcontent-text p:last-child {
  margin-bottom: 0;
}
.signupcontent-centered-text {
  padding: 120px 0;
  max-width: 975px;
  margin: 0 auto;
}
@media only screen and (max-width : 901px) {
  .signupcontent-centered-text {
    padding: 60px 0;
  }
}
.signupcontent-centered-text p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 680px) {
  .signupcontent-centered-text p {
    font-size: 20px;
    line-height: 1.5;
  }
}
.signupcontent-newsletter {
  background: #fff;
  padding: 96px 0;
  border-top: 10px solid #3db8ea;
  position: relative;
}
.signupcontent-newsletter .featherleft {
  position: absolute;
  top: 200px;
  left: -60px;
}
.signupcontent-newsletter .featherright {
  position: absolute;
  top: 37px;
  right: -60px;
}
.signupcontent-newsletter .leafbottom {
  position: absolute;
  right: 127px;
  bottom: -44px;
}
.signupcontent-newsletter .leafbottom img {
  width: 97px;
  height: 88px;
}
.signupcontent-newsletter--inner {
  text-align: center;
  max-width: 1072px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 5;
}
.signupcontent-newsletter--inner h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
  color: #252e31;
  margin: 0 0 30px;
}
@media only screen and (max-width : 901px) {
  .signupcontent-newsletter--inner h3 br {
    display: none;
  }
}
@media only screen and (max-width : 680px) {
  .signupcontent-newsletter--inner h3 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.signupcontent-newsletter--inner p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 901px) {
  .signupcontent-newsletter--inner p br {
    display: none;
  }
}
.signupcontent-newsletter--inner form {
  display: flex;
  flex-wrap: wrap;
  max-width: 820px !important;
  width: 100%;
  margin: 50px auto 0;
}
.signupcontent-newsletter--inner form [data-style=clean] {
  padding: 0 !important;
}
.signupcontent-newsletter--inner form .formkit-field {
  flex: none !important;
  width: calc(40% - 10px);
  margin: 0 5px !important;
}
@media only screen and (max-width : 601px) {
  .signupcontent-newsletter--inner form .formkit-field {
    width: 100%;
    margin: 0 auto !important;
  }
}
.signupcontent-newsletter--inner form a.formkit-powered-by {
  display: none !important;
}
.signupcontent-newsletter--inner form input[type=text],
.signupcontent-newsletter--inner form input[type=email],
.signupcontent-newsletter--inner form .formkit-input {
  height: 60px !important;
  background: #fff !important;
  border: 1px solid #8c999d !important;
  padding: 0 20px !important;
  font-family: "Montserrat" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #252e31 !important;
  border-radius: 0 !important;
}
@media only screen and (max-width : 601px) {
  .signupcontent-newsletter--inner form input[type=text],
  .signupcontent-newsletter--inner form input[type=email],
  .signupcontent-newsletter--inner form .formkit-input {
    width: 100%;
    margin: 0 auto 20px !important;
  }
}
.signupcontent-newsletter--inner form input[type=text]::-webkit-input-placeholder,
.signupcontent-newsletter--inner form input[type=email]::-webkit-input-placeholder,
.signupcontent-newsletter--inner form .formkit-input::-webkit-input-placeholder {
  color: #252e31;
}
.signupcontent-newsletter--inner form input[type=text]::-moz-placeholder,
.signupcontent-newsletter--inner form input[type=email]::-moz-placeholder,
.signupcontent-newsletter--inner form .formkit-input::-moz-placeholder {
  color: #252e31;
}
.signupcontent-newsletter--inner form input[type=text]:-ms-input-placeholder,
.signupcontent-newsletter--inner form input[type=email]:-ms-input-placeholder,
.signupcontent-newsletter--inner form .formkit-input:-ms-input-placeholder {
  color: #252e31;
}
.signupcontent-newsletter--inner form input[type=text]:-moz-placeholder,
.signupcontent-newsletter--inner form input[type=email]:-moz-placeholder,
.signupcontent-newsletter--inner form .formkit-input:-moz-placeholder {
  color: #252e31;
}
.signupcontent-newsletter--inner form button {
  width: calc(20% - 10px);
  height: 60px;
  background: #3db8ea;
  font-family: "Montserrat" !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}
.signupcontent-newsletter--inner form button.formkit-submit.formkit-submit {
  flex: none !important;
}
.signupcontent-newsletter--inner form button.formkit-submit.formkit-submit > span {
  padding: 0;
}
.signupcontent-newsletter--inner form button.formkit-submit.formkit-submit:hover > span {
  background: 0;
}
@media only screen and (max-width : 601px) {
  .signupcontent-newsletter--inner form button {
    width: 100%;
    margin: 0 auto !important;
  }
}
.signupcontent-newsletter--inner form .form-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.signupcontent-newsletter--video {
  max-width: 820px;
  margin: 40px auto 0;
  width: calc(100% - 40px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.awards {
  padding: 70px 0;
  background: #fff;
}
.awards .award-logo img {
  margin: 0 auto 40px;
  display: block;
}
.awards-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.awards-inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.awards-inner ul li img {
  display: block;
  margin: 0 auto;
}
.awards-items .slick-slide > div {
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 901px) {
  .awards-items .slick-slide > div {
    padding: 0 10px;
  }
}

.signup .upper-heading h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.5;
  color: #000000;
  margin: 0 0 40px;
  text-align: center;
}
@media only screen and (max-width : 601px) {
  .signup .upper-heading h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
.signup .formkit-form {
  display: none;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-template-page-signin {
  background: #f3f7f9;
}
.page-template-page-signin .hidden {
  display: none;
}
.page-template-page-signin .block {
  display: block;
}
.page-template-page-signin #page .site-content {
  padding: 0;
  min-height: 100vh;
  display: flex;
  position: relative;
}
.page-template-page-signin #page .site-content > .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.page-template-page-signin #page .site-content .bb-grid {
  height: 100%;
}
.page-template-page-signin .signin {
  display: flex;
}
.page-template-page-signin .signin-content {
  width: 100%;
  max-width: 1480px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  height: 100%;
}
.page-template-page-signin .signin-content-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-top: 47px;
  padding-bottom: 40px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-signin .signin-content-left {
    width: 100%;
  }
}
.page-template-page-signin .signin-content-left .form-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  max-width: 520px;
  padding: 40px 20px 40px 0;
}
@media only screen and (max-width : 601px) {
  .page-template-page-signin .signin-content-left .form-container {
    padding-right: 0;
  }
}
.page-template-page-signin .signin-content-left .form-container .form-heading h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 59px;
  color: #000000;
  margin: 0;
}
@media only screen and (max-width : 768px) {
  .page-template-page-signin .signin-content-left .form-container .form-heading h1 {
    font-size: 30px;
    line-height: 1.2;
  }
}
.page-template-page-signin .signin-content-left .form-container .form-heading.signin-heading {
  margin-bottom: 52px;
}
@media only screen and (max-width : 768px) {
  .page-template-page-signin .signin-content-left .form-container .form-heading.signin-heading {
    margin-bottom: 25px;
  }
}
.page-template-page-signin .signin-content-left .form-container .form-heading.signup-heading {
  margin-bottom: 45px;
}
@media only screen and (max-width : 768px) {
  .page-template-page-signin .signin-content-left .form-container .form-heading.signup-heading {
    margin-bottom: 25px;
  }
}
.page-template-page-signin .signin-content-left .form-container .form-heading.forgot-heading {
  margin-bottom: 60px;
}
@media only screen and (max-width : 768px) {
  .page-template-page-signin .signin-content-left .form-container .form-heading.forgot-heading {
    margin-bottom: 30px;
  }
}
.page-template-page-signin .signin-content-left .form-container .form-heading.forgot-heading h1 {
  margin-bottom: 30px;
}
@media only screen and (max-width : 768px) {
  .page-template-page-signin .signin-content-left .form-container .form-heading.forgot-heading h1 {
    margin-bottom: 15px;
  }
}
.page-template-page-signin .signin-content-left .form-container .form-heading.forgot-heading p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  .page-template-page-signin .signin-content-left .form-container .form-heading.forgot-heading p {
    font-size: 14px;
    line-height: 1.5;
  }
}
.page-template-page-signin .signin-content-left .form-container .form-heading.check-heading {
  text-align: center;
}
.page-template-page-signin .signin-content-left .form-container .form-heading.check-heading > svg {
  margin-bottom: 40px;
}
.page-template-page-signin .signin-content-left .form-container .form-heading.check-heading h1 {
  margin-bottom: 20px;
}
.page-template-page-signin .signin-content-left .form-container .form-heading.check-heading p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  .page-template-page-signin .signin-content-left .form-container .form-heading.check-heading p {
    font-size: 14px;
    line-height: 1.5;
  }
}
.page-template-page-signin .signin-content-left form {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-bottom: 0;
}
.page-template-page-signin .signin-content-left .form-group {
  width: calc(100% - 20px);
  margin-left: 20px;
  margin-bottom: 40px;
}
.page-template-page-signin .signin-content-left .form-group:last-child {
  margin-bottom: 0;
}
.page-template-page-signin .signin-content-left .form-group-half {
  width: calc(50% - 20px);
}
.page-template-page-signin .signin-content-left .form-group--label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px;
}
.page-template-page-signin .signin-content-left .form-group--label label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
}
.page-template-page-signin .signin-content-left .form-group--label a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #3db8ea;
}
.page-template-page-signin .signin-content-left .form-group--input {
  position: relative;
}
.page-template-page-signin .signin-content-left .form-group input[type=text],
.page-template-page-signin .signin-content-left .form-group input[type=email],
.page-template-page-signin .signin-content-left .form-group input[type=password] {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.page-template-page-signin .signin-content-left .form-group button {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3db8ea;
  border: 0;
  border-radius: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}
.page-template-page-signin .signin-content-left .form-group p:last-child {
  margin: 30px auto 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #8c999d;
}
.page-template-page-signin .signin-content-left .form-group p a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #3db8ea;
}
.page-template-page-signin .signin-content-left .form-group .password-show {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  z-index: 10;
}
.page-template-page-signin .signin-content-left .form-group .password-show svg {
  cursor: pointer;
}
.page-template-page-signin .signin-content-right {
  width: 50%;
  padding: 40px 0 40px 100px;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-signin .signin-content-right {
    padding: 40px 0 40px 50px;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-signin .signin-content-right {
    display: none;
  }
}
.page-template-page-signin .signin-content-right .btn-signup {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 60px;
  border: 1px solid #ffffff;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  margin-left: auto;
}
.page-template-page-signin .signin-content-right h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 72px;
  line-height: 88px;
  color: #ffffff;
  margin: 77px 0 0;
  max-width: 485px;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-signin .signin-content-right h2 {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media only screen and (max-width : 768px) {
  .page-template-page-signin .signin-content-right h2 {
    font-size: 45px;
  }
}
.page-template-page-signin .signin-inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  z-index: 1;
}
.page-template-page-signin .signin .signup--featured {
  background: #3db8ea url("../images/bg.png") no-repeat center bottom/100% auto;
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -1;
}
@media only screen and (max-width : 601px) {
  .page-template-page-signin .signin .signup--featured {
    display: none;
  }
}
.page-template-page-signin .signin-copyright p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  .page-template-page-signin .signin-copyright p {
    text-align: center;
  }
}

.single-sfwd-courses .bb-course-banner-info {
  padding-bottom: 40px;
  margin-top: auto;
}
.single-sfwd-courses .bb-learndash-banner {
  background: #1895af url("../images/coursebg.jpg") no-repeat center center/cover;
  min-height: 300px;
  display: flex;
  flex-wrap: wrap;
}
.single-sfwd-courses .bb-learndash-banner .bb-course-banner-inner {
  padding-top: 40px;
}
.single-sfwd-courses .bb-learndash-banner .bb-course-banner-inner .entry-title {
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  color: #ffffff;
  margin: 0 0 20px;
}
.single-sfwd-courses .bb-learndash-banner .bb-course-single-meta {
  margin-bottom: 0;
}
.single-sfwd-courses .bb-learndash-banner .bb-course-single-meta > a {
  display: flex;
  align-items: center;
}
.single-sfwd-courses .bb-learndash-banner .bb-course-single-meta .meta-saperator {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 6px;
  width: 6px;
  height: 6px;
  font-size: 50px;
}
.single-sfwd-courses .bb-learndash-banner .author-name,
.single-sfwd-courses .bb-learndash-banner .course-date {
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  text-transform: capitalize;
}
.single-sfwd-courses .bb-learndash-banner .bb-course-excerpt {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin: 0 0 20px;
}
.single-sfwd-courses .bb-learndash-banner .bb-course-points {
  display: none;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-course-status.ld-course-status-enrolled,
.single-sfwd-courses .bb-learndash-content-wrap .bb-ld-tabs {
  display: none;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-section-heading {
  margin-bottom: 34px;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-section-heading h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #252e31;
  margin: 0;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-section-heading .ld-expand-button .ld-icon-arrow-down {
  order: 2;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-section-heading .ld-expand-button .ld-text {
  order: 1;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-table-list-header {
  padding: 30px 20px 25px !important;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-table-list-header .ld-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-table-list-header .ld-lesson-list-progress {
  display: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  margin: 0;
  padding: 0;
  color: #3db8ea;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-table-list-header .ld-lesson-list-steps {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #3db8ea;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-lesson-list .ld-item-list-item-expanded::before {
  display: none;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .learndash-complete .ld-item-list-item-preview .ld-item-title > span:first-child {
  text-decoration: none;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview {
  background: #f3f7f9;
  border-radius: 10px;
  padding: 20px;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-status-icon {
  flex-basis: 28px;
  height: 28px;
  width: 28px;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-status-icon .ld-icon::before {
  font-size: 20px;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-status-icon.ld-status-complete, .single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-status-icon.ld-quiz-complete {
  background: #20d091 !important;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-secondary-in-progress-icon {
  color: #20d091 !important;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-button-alternate .ld-icon-arrow-down {
  color: #252e31 !important;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-item-title::before {
  color: #252e31;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-item-title span:first-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-item-list-item-preview .ld-item-title .ld-item-component {
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 17px !important;
  text-align: right !important;
  color: #8c999d !important;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-table-list-item .ld-status-icon {
  flex-basis: 28px;
  height: 28px;
  width: 28px;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-table-list-item .ld-status-icon .ld-icon::before {
  font-size: 20px;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-table-list-item .ld-status-icon.ld-status-complete {
  background: #20d091 !important;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-table-list-item > a:hover .ld-topic-title::before {
  color: #8c999d !important;
}
.single-sfwd-courses .bb-learndash-content-wrap .ld-item-list-items .ld-table-list-item .ld-topic-title {
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #8c999d !important;
}
.single-sfwd-courses .bb-about-instructor {
  display: none;
}
@media screen and (min-width: 820px) {
  .single-sfwd-courses .bb-single-course-sidebar {
    margin-top: -203px !important;
  }
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-preview-content {
  display: flex;
  flex-direction: column;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-preview-content .bb-course-member-wrap {
  order: 3;
  padding: 0 0 38px;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-preview-content .bb-course-member-wrap .members {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-status-wrap {
  display: none;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-button-wrap {
  padding: 30px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-type {
  display: none;
}
.single-sfwd-courses .bb-single-course-sidebar .learndash_join_button .btn-advance {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0;
  height: 48px;
  background: #409ebd;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.single-sfwd-courses .bb-single-course-sidebar .learndash_join_button.btn-advance-continue .btn-advance {
  background: #ff8e00;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-volume {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-volume h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #252e31;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-volume .bb-course-volume-list {
  padding-bottom: 0;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-volume .bb-course-volume-list li {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
.single-sfwd-courses .bb-single-course-sidebar .bb-course-volume .bb-course-volume-list li:last-child {
  margin-bottom: 0;
}

.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-data,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-data,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
  bottom: auto !important;
  top: auto;
  padding-top: 0;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .featured-img,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .featured-img,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .featured-img {
  width: 100%;
  padding-bottom: 66.66%;
  height: 0;
  position: relative;
  background: #3db8ea;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .featured-img img,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .featured-img img,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .featured-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .bb-lms-title,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .bb-lms-title,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .bb-lms-title {
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #8c999d;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-course-navigation .ld-course-navigation,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-course-navigation .ld-course-navigation,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-course-navigation .ld-course-navigation {
  margin: 30px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-course-navigation .course-entry-title,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-course-navigation .course-entry-title,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-course-navigation .course-entry-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
  margin: 0 0 23px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .course-progress-wrap,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .course-progress-wrap,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .course-progress-wrap {
  margin: 0 30px 30px !important;
  padding-top: 24px;
  padding-bottom: 30px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-bar,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-bar,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-bar {
  height: 6px;
  background: #e2e5e7;
  border-radius: 100px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-bar-percentage,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-bar-percentage,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-bar-percentage {
  background: #20d091;
  border-radius: 100px;
  height: 6px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-stats > div,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-stats > div,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-stats > div {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-stats .ld-progress-percentage,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-stats .ld-progress-percentage,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-topic-sidebar-progress .ld-progress-stats .ld-progress-percentage {
  margin-top: -40px;
  margin-bottom: 40px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lessons-list .bb-lesson-head > .bb-completed-item,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lessons-list .bb-lesson-head > .bb-completed-item,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lessons-list .bb-lesson-head > .bb-completed-item {
  text-decoration: none;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lessons-list .bb-lms-title-wrap:hover,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lessons-list .bb-lms-title-wrap:hover,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lessons-list .bb-lms-title-wrap:hover {
  color: #8c999d;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lesson-title,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lesson-title,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lesson-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #252e31;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lesson-topics-count,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lesson-topics-count,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .bb-lesson-topics-count {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #8c999d;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress.i-progress-completed,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress.i-progress-completed,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress.i-progress-completed {
  background: #20d091;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress.i-progress-not-completed i,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress.i-progress-not-completed i,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .i-progress.i-progress-not-completed i {
  font-size: 28px;
  width: 28px;
  height: 28px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .bb-progress,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .bb-progress,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .bb-progress {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-lessions-list .bb-progress .bb-progress-circle,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-lessions-list .bb-progress .bb-progress-circle,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-lessions-list .bb-progress .bb-progress-circle {
  border-color: #20d091;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress.i-progress-completed,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress.i-progress-completed,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress.i-progress-completed {
  background: #20d091;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress.i-progress-not-completed i,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress.i-progress-not-completed i,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-course-quizzes-list .i-progress.i-progress-not-completed i {
  font-size: 28px;
  width: 28px;
  height: 28px;
}
.single-sfwd-topic .lms-topic-sidebar-wrapper .lms-course-members-list,
.single-sfwd-lessons .lms-topic-sidebar-wrapper .lms-course-members-list,
.single-sfwd-quiz .lms-topic-sidebar-wrapper .lms-course-members-list {
  display: none;
}
.single-sfwd-topic #learndash-course-header,
.single-sfwd-lessons #learndash-course-header,
.single-sfwd-quiz #learndash-course-header {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.single-sfwd-topic #learndash-course-header[max-width~="620px"],
.single-sfwd-lessons #learndash-course-header[max-width~="620px"],
.single-sfwd-quiz #learndash-course-header[max-width~="620px"] {
  flex-direction: column;
  align-items: flex-start;
}
.single-sfwd-topic #learndash-course-header[max-width~="620px"] .lms-header-title,
.single-sfwd-lessons #learndash-course-header[max-width~="620px"] .lms-header-title,
.single-sfwd-quiz #learndash-course-header[max-width~="620px"] .lms-header-title {
  margin-bottom: 20px;
}
.single-sfwd-topic #learndash-course-header[max-width~="620px"] .bb-position,
.single-sfwd-lessons #learndash-course-header[max-width~="620px"] .bb-position,
.single-sfwd-quiz #learndash-course-header[max-width~="620px"] .bb-position {
  margin: 0 auto 0 0;
}
.single-sfwd-topic #learndash-course-header .lms-header-title,
.single-sfwd-lessons #learndash-course-header .lms-header-title,
.single-sfwd-quiz #learndash-course-header .lms-header-title {
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  color: #252e31;
  margin-left: 0;
}
.single-sfwd-topic #learndash-course-header .bb-position,
.single-sfwd-lessons #learndash-course-header .bb-position,
.single-sfwd-quiz #learndash-course-header .bb-position {
  margin-bottom: 0;
}
.single-sfwd-topic #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a,
.single-sfwd-lessons #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a,
.single-sfwd-quiz #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a {
  height: 34px;
}
.single-sfwd-topic #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a:hover,
.single-sfwd-lessons #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a:hover,
.single-sfwd-quiz #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a:hover {
  background: #FECF40;
}
.single-sfwd-topic #learndash-course-header .sfwd-course-nav .learndash_next_prev_link .empty-post,
.single-sfwd-lessons #learndash-course-header .sfwd-course-nav .learndash_next_prev_link .empty-post,
.single-sfwd-quiz #learndash-course-header .sfwd-course-nav .learndash_next_prev_link .empty-post {
  height: 34px;
  opacity: 1;
  background: #e9ebed;
}
.single-sfwd-topic #learndash-course-header .bb-ld-status .ld-status-complete,
.single-sfwd-lessons #learndash-course-header .bb-ld-status .ld-status-complete,
.single-sfwd-quiz #learndash-course-header .bb-ld-status .ld-status-complete {
  padding: 8px 16px;
  background: #20d091;
  border-radius: 100px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  white-space: nowrap;
}
.single-sfwd-topic #learndash-course-header .bb-ld-status .ld-status-progress,
.single-sfwd-lessons #learndash-course-header .bb-ld-status .ld-status-progress,
.single-sfwd-quiz #learndash-course-header .bb-ld-status .ld-status-progress {
  padding: 8px 16px;
  background: #ff8e00;
  border-radius: 100px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  white-space: nowrap;
  height: 34px;
}
.single-sfwd-topic #learndash-page-content,
.single-sfwd-lessons #learndash-page-content,
.single-sfwd-quiz #learndash-page-content {
  padding-top: 60px;
}
@media only screen and (max-width : 601px) {
  .single-sfwd-topic #learndash-page-content,
  .single-sfwd-lessons #learndash-page-content,
  .single-sfwd-quiz #learndash-page-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .learndash_content_wrap,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .learndash_content_wrap,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .learndash_content_wrap {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 60px;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading {
  margin-bottom: 34px;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading h2,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading h2,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #252e31;
  margin: 0;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading .ld-expand-button .ld-icon-arrow-down,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading .ld-expand-button .ld-icon-arrow-down,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading .ld-expand-button .ld-icon-arrow-down {
  order: 2;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading .ld-expand-button .ld-text,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading .ld-expand-button .ld-text,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-section-heading .ld-expand-button .ld-text {
  order: 1;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header {
  padding: 30px 20px 25px !important;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-text,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-text,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #262528;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-lesson-list-progress,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-lesson-list-progress,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-lesson-list-progress {
  display: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  margin: 0;
  padding: 0;
  color: #3db8ea;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-lesson-list-steps,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-lesson-list-steps,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header .ld-lesson-list-steps {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #3db8ea;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-topic-list .ld-item-list-item-expanded::before,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-item-list-item-expanded::before,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-topic-list .ld-item-list-item-expanded::before {
  display: none;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .learndash-complete .ld-item-list-item-preview .ld-item-title > span:first-child,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .learndash-complete .ld-item-list-item-preview .ld-item-title > span:first-child,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .learndash-complete .ld-item-list-item-preview .ld-item-title > span:first-child {
  text-decoration: none;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview {
  background: #f3f7f9;
  border-radius: 10px;
  padding: 20px;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon {
  flex-basis: 28px;
  height: 28px;
  width: 28px;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon .ld-icon::before,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon .ld-icon::before,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon .ld-icon::before {
  font-size: 20px;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon.ld-status-complete, .single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon.ld-quiz-complete,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon.ld-status-complete,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon.ld-quiz-complete,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon.ld-status-complete,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-status-icon.ld-quiz-complete {
  background: #20d091 !important;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-secondary-in-progress-icon,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-secondary-in-progress-icon,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-secondary-in-progress-icon {
  color: #20d091 !important;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-button-alternate .ld-icon-arrow-down,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-button-alternate .ld-icon-arrow-down,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-button-alternate .ld-icon-arrow-down {
  color: #252e31 !important;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title::before,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title::before,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title::before {
  color: #252e31;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title span:first-child,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title span:first-child,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title span:first-child {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title .ld-item-component,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title .ld-item-component,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-item-list-item-preview .ld-item-title .ld-item-component {
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 17px !important;
  text-align: right !important;
  color: #8c999d !important;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon {
  flex-basis: 28px;
  height: 28px;
  width: 28px;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon .ld-icon::before,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon .ld-icon::before,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon .ld-icon::before {
  font-size: 20px;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon.ld-status-complete,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon.ld-status-complete,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-status-icon.ld-status-complete {
  background: #20d091 !important;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item > a:hover .ld-topic-title::before,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item > a:hover .ld-topic-title::before,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item > a:hover .ld-topic-title::before {
  color: #8c999d !important;
}
.single-sfwd-topic #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-topic-title,
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-topic-title,
.single-sfwd-quiz #learndash-page-content .learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-topic-title {
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #8c999d !important;
}
.single-sfwd-topic #learndash-page-content .fluid-width-video-wrapper,
.single-sfwd-topic #learndash-page-content .ld-tabs-content,
.single-sfwd-lessons #learndash-page-content .fluid-width-video-wrapper,
.single-sfwd-lessons #learndash-page-content .ld-tabs-content,
.single-sfwd-quiz #learndash-page-content .fluid-width-video-wrapper,
.single-sfwd-quiz #learndash-page-content .ld-tabs-content {
  margin-bottom: 40px;
}
.single-sfwd-topic #learndash-page-content .completed-status,
.single-sfwd-lessons #learndash-page-content .completed-status,
.single-sfwd-quiz #learndash-page-content .completed-status {
  text-align: center;
}
.single-sfwd-topic #learndash-page-content .completed-status .btn-completed,
.single-sfwd-lessons #learndash-page-content .completed-status .btn-completed,
.single-sfwd-quiz #learndash-page-content .completed-status .btn-completed {
  pointer-events: none;
  max-width: 300px;
  width: 100%;
  height: 54px;
  background: #20d091;
  border-radius: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.single-sfwd-topic #learndash-page-content .completed-status .btn-completed svg,
.single-sfwd-lessons #learndash-page-content .completed-status .btn-completed svg,
.single-sfwd-quiz #learndash-page-content .completed-status .btn-completed svg {
  margin-right: 15px;
}
.single-sfwd-topic #learndash-page-content .completed-status + .ld-content-actions,
.single-sfwd-lessons #learndash-page-content .completed-status + .ld-content-actions,
.single-sfwd-quiz #learndash-page-content .completed-status + .ld-content-actions {
  display: none;
}
.single-sfwd-topic #learndash-page-content .ld-content-actions,
.single-sfwd-lessons #learndash-page-content .ld-content-actions,
.single-sfwd-quiz #learndash-page-content .ld-content-actions {
  justify-content: center;
  padding-top: 0;
}
.single-sfwd-topic #learndash-page-content .ld-content-actions .ld-content-action,
.single-sfwd-lessons #learndash-page-content .ld-content-actions .ld-content-action,
.single-sfwd-quiz #learndash-page-content .ld-content-actions .ld-content-action {
  flex: 0 0 300px;
}
@media only screen and (max-width : 901px) {
  .single-sfwd-topic #learndash-page-content .ld-content-actions .ld-content-action,
  .single-sfwd-lessons #learndash-page-content .ld-content-actions .ld-content-action,
  .single-sfwd-quiz #learndash-page-content .ld-content-actions .ld-content-action {
    flex: 0 auto;
  }
}
.single-sfwd-topic #learndash-page-content .ld-content-actions .ld-content-action form,
.single-sfwd-lessons #learndash-page-content .ld-content-actions .ld-content-action form,
.single-sfwd-quiz #learndash-page-content .ld-content-actions .ld-content-action form {
  margin-bottom: 0;
}
.single-sfwd-topic #learndash-page-content .ld-content-actions .ld-content-action form::before,
.single-sfwd-lessons #learndash-page-content .ld-content-actions .ld-content-action form::before,
.single-sfwd-quiz #learndash-page-content .ld-content-actions .ld-content-action form::before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  background: url("../images/markcomplete.svg") no-repeat center center/contain;
  top: 50%;
  left: 70px;
  transform: translateY(-50%);
}
.single-sfwd-topic #learndash-page-content .ld-content-actions .ld-content-action .learndash_mark_complete_button,
.single-sfwd-lessons #learndash-page-content .ld-content-actions .ld-content-action .learndash_mark_complete_button,
.single-sfwd-quiz #learndash-page-content .ld-content-actions .ld-content-action .learndash_mark_complete_button {
  cursor: pointer;
  max-width: 300px;
  width: 100%;
  height: 54px;
  background: #3db8ea;
  border-radius: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  text-indent: 33px;
  margin: 0 auto;
}
.single-sfwd-topic #learndash-page-content input.wpProQuiz_button,
.single-sfwd-lessons #learndash-page-content input.wpProQuiz_button,
.single-sfwd-quiz #learndash-page-content input.wpProQuiz_button {
  cursor: pointer;
  max-width: 300px;
  width: 100%;
  height: 54px;
  background: #3db8ea;
  border-radius: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 0;
}
.single-sfwd-topic #learndash-page-content .wpProQuiz_question_text p,
.single-sfwd-lessons #learndash-page-content .wpProQuiz_question_text p,
.single-sfwd-quiz #learndash-page-content .wpProQuiz_question_text p {
  font-size: 18px;
}
.single-sfwd-topic #learndash-page-content .wpProQuiz_question_text p span,
.single-sfwd-lessons #learndash-page-content .wpProQuiz_question_text p span,
.single-sfwd-quiz #learndash-page-content .wpProQuiz_question_text p span {
  font-weight: 600 !important;
}

@media screen and (max-width: 544px) {
  .single-sfwd-lessons div.bb-lms-header .bb-position .sfwd-course-nav {
    margin-top: 0;
  }
}
.single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header {
  padding: 0 !important;
  margin-bottom: 36px;
}
@media only screen and (max-width : 601px) {
  .single-sfwd-lessons #learndash-page-content .learndash-wrapper .ld-topic-list .ld-table-list-header {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width : 601px) {
  .single-sfwd-lessons #learndash-course-header {
    padding-top: 0 !important;
  }
}
.single-sfwd-lessons #learndash-course-header .bb-ld-status {
  margin-right: 0;
}
.single-sfwd-lessons #learndash-course-header .lms-header-instructor {
  width: 100%;
  max-width: 100%;
}
.single-sfwd-lessons #learndash-course-header .lms-header-instructor .bb-about-instructor {
  padding: 0;
  margin-top: 30px;
}
@media only screen and (max-width : 601px) {
  .single-sfwd-lessons .learndash_content_wrap {
    padding-top: 30px !important;
  }
}
.single-sfwd-lessons .learndash_content_wrap .ld-tabs {
  display: none;
}
.single-sfwd-lessons .learndash_content_wrap .ld-table-list {
  margin-top: 0;
}
.single-sfwd-lessons .learndash_content_wrap .ld-content-actions {
  display: none;
}
/* =============================================
   Lesson Button Styling Fixes (high specificity to override inline styles)
   ============================================= */
/* Hide the redundant "Previous"/"Next" balloon tooltip on the arrow */
body .learndash_next_prev_link .meta-nav[data-balloon]::before,
body .learndash_next_prev_link .meta-nav[data-balloon]::after {
  display: none !important;
}
/* Hide the empty next/prev-link stub when there is no next/prev lesson */
body #learndash-course-header .sfwd-course-nav .learndash_next_prev_link .next-link.empty-post,
body #learndash-course-header .sfwd-course-nav .learndash_next_prev_link .prev-link.empty-post {
  display: none !important;
}
/* Full pill border-radius when the partner link is hidden */
body #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a.prev-link:has(~ .empty-post) {
  border-radius: 100px !important;
}
body #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a.next-link:has(~ .empty-post) {
  border-radius: 100px !important;
}
/* Mark Complete button hover */
body .ld-content-actions .ld-content-action .learndash_mark_complete_button:hover {
  background: #FECF40 !important;
  color: #000 !important;
  transition: background 0.2s ease;
}
/* Nav link hover - gold like login page */
body.single-sfwd-topic #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a:hover,
body.single-sfwd-lessons #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a:hover,
body.single-sfwd-quiz #learndash-course-header .sfwd-course-nav .learndash_next_prev_link a:hover {
  background: #FECF40 !important;
  background-color: #FECF40 !important;
  color: #000 !important;
  transition: background 0.2s ease, color 0.2s ease;
}

/* =============================================
   Completed Status Button - Brand Gradient
   ============================================= */
body #learndash-course-header .bb-ld-status .ld-status-complete,
body .learndash-wrapper .ld-status.ld-status-complete {
  background: linear-gradient(140deg, #ADBAFF 4%, #01FFFF 100%) !important;
  color: #000 !important;
  font-weight: 600 !important;
}

/* =============================================
   Mark Complete Button - hide tick/arrow icon
   ============================================= */
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #sfwd-mark-complete::after,
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete::after,
body .learndash-wrapper .sfwd-mark-complete::after,
body .sfwd-mark-complete::after {
  display: none !important;
  content: none !important;
}
body .sfwd-mark-complete::before {
  display: none !important;
  content: none !important;
}

/* =============================================
   Quiz Page Styling
   ============================================= */
/* Hide breadcrumb on quiz pages */
.single-sfwd-quiz #learndash-page-content .ld-breadcrumbs {
  display: none !important;
}

/* Quiz buttons - Start Quiz, Next, Finish Quiz */
body .wpProQuiz_content .wpProQuiz_button,
body .wpProQuiz_content input.wpProQuiz_button {
  background: linear-gradient(140deg, #ADBAFF 4%, #01FFFF 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 14px 40px !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}
body .wpProQuiz_content .wpProQuiz_button:hover,
body .wpProQuiz_content input.wpProQuiz_button:hover {
  background: #FECF40 !important;
  color: #000 !important;
  transform: translateY(-1px) !important;
}

/* Quiz Next/Back buttons inside questions */
body .wpProQuiz_content .wpProQuiz_QuestionButton,
body .wpProQuiz_content input[name="next"],
body .wpProQuiz_content input[name="back"] {
  background: linear-gradient(140deg, #ADBAFF 4%, #01FFFF 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
  padding: 14px 40px !important;
  cursor: pointer !important;
}

/* Quiz results buttons - View Questions, Restart Quiz */
body .wpProQuiz_content input[name="reShowQuestion"],
body .wpProQuiz_content input[name="restartQuiz"] {
  background: linear-gradient(140deg, #ADBAFF 4%, #01FFFF 100%) !important;
  border-radius: 100px !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 14px 40px !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
  font-size: 15px !important;
}
body.single-sfwd-quiz .wpProQuiz_content input[name="reShowQuestion"]:hover,
body.single-sfwd-quiz .wpProQuiz_content input[name="restartQuiz"]:hover,
body.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_button:hover,
body.single-sfwd-quiz .wpProQuiz_content input.wpProQuiz_button:hover,
body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input.wpProQuiz_button:hover {
  background: #FECF40 !important;
  background-image: none !important;
  background-color: #FECF40 !important;
  color: #000 !important;
  transform: translateY(-1px) !important;
}

/* Force View Questions text white */
body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name="reShowQuestion"] {
  color: #fff !important;
  background: linear-gradient(140deg, #ADBAFF 4%, #01FFFF 100%) !important;
  border-radius: 100px !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 14px 40px !important;
  font-size: 15px !important;
  cursor: pointer !important;
}

/* Quiz "YOUR TIME" results section styling */
body .wpProQuiz_results .wpProQuiz_quiz_time {
  text-align: center !important;
  padding: 20px !important;
  margin: 16px 0 !important;
  background: linear-gradient(140deg, rgba(173,186,255,0.1) 4%, rgba(1,255,255,0.08) 100%) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(173,186,255,0.25) !important;
}
body .wpProQuiz_results .wpProQuiz_quiz_time span {
  color: #ADBAFF !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}
body .wpProQuiz_results .wpProQuiz_quiz_time .wpProQuiz_quiz_time_value {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #181818 !important;
  display: block !important;
  margin-top: 4px !important;
}

/* Green "Completed" button at bottom of completed lessons - brand gradient */
/* Reset the wrapper to white/transparent */
body .learndash-wrapper .completed-status {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
}
/* Style the actual button */
body .learndash-wrapper .completed-status .btn-completed,
body .learndash-wrapper .ld-content-actions .btn-completed {
  background: linear-gradient(140deg, #ADBAFF 4%, #01FFFF 100%) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 100px !important;
  padding: 14px 36px !important;
  font-size: 15px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}
body .learndash-wrapper .completed-status .btn-completed:hover {
  background: #FECF40 !important;
  background-image: none !important;
  color: #000 !important;
  transform: translateY(-1px) !important;
}
#rankingModal .ranking-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(37, 46, 49, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}
#rankingModal .modal-content {
  width: calc(100% - 40px);
  max-height: calc(100vh - 180px);
  background: #fff;
  max-width: 940px;
  overflow: auto;
  margin: 0 auto;
  position: relative;
}
#rankingModal .modal-content .modal-inner {
  padding: 34px 114px 52px;
}
@media screen and (max-width: 767px) {
  #rankingModal .modal-content .modal-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#rankingModal .modal-content .close-btn {
  position: fixed;
  top: 110px;
  width: 100%;
  max-width: 900px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
#rankingModal .modal-content .close {
  position: fixed;
  z-index: 999;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
#rankingModal .modal-content .title h2 {
  font-weight: 800;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  color: #3db8ea;
  margin: 0 auto 25px;
}
@media only screen and (max-width : 601px) {
  #rankingModal .modal-content .title h2 {
    font-size: 28px;
  }
}
#rankingModal .modal-content .title p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #252e31;
}
#rankingModal .modal-content .title p:last-child {
  margin-bottom: 0;
}
#rankingModal .ranking-path {
  margin-top: 60px;
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  #rankingModal .ranking-path {
    margin-top: 40px;
    padding-bottom: 0;
  }
}
#rankingModal .rank-items {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width : 901px) {
  #rankingModal .rank-items {
    zoom: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #rankingModal .rank-items {
    zoom: 1;
    justify-content: center;
  }
}
#rankingModal .rank-items .rank {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: absolute;
  max-width: 280px;
}
@media screen and (max-width: 767px) {
  #rankingModal .rank-items .rank {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    max-width: 100%;
  }
  #rankingModal .rank-items .rank.active::after {
    border-color: #3db8ea;
  }
  #rankingModal .rank-items .rank::after {
    content: "";
    width: 2px;
    border: 2px solid #8c999d;
    height: 100px;
    display: block;
    margin: 20px auto;
  }
  #rankingModal .rank-items .rank:last-child::after {
    display: none;
  }
}
#rankingModal .rank-items .rank:first-child {
  top: 1%;
  left: 5%;
}
#rankingModal .rank-items .rank:nth-child(2) {
  right: 5%;
  top: 1%;
}
#rankingModal .rank-items .rank:nth-child(3) {
  top: 24.5%;
  right: 5%;
}
#rankingModal .rank-items .rank:nth-child(4) {
  left: 5.5%;
  top: 24.5%;
}
#rankingModal .rank-items .rank:nth-child(5) {
  left: 5.5%;
  top: 49%;
}
#rankingModal .rank-items .rank:nth-child(6) {
  right: 4.7%;
  top: 49%;
}
#rankingModal .rank-items .rank:nth-child(7) {
  right: 4.7%;
  top: 75.5%;
}
#rankingModal .rank-items .rank:nth-child(8) {
  left: 5%;
  top: 75.5%;
}
#rankingModal .rank-items .rank-desc {
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  #rankingModal .rank-items .rank-desc {
    max-width: 280px;
  }
}
#rankingModal .rank-items .rank-desc h2 {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #252e31;
  margin: 0 auto 15px;
}
#rankingModal .rank-items .rank-desc p {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #7c8689;
  margin: 0;
}
#rankingModal .rank-path {
  padding-top: 40px;
  padding-bottom: 100px;
}
@media only screen and (max-width : 901px) {
  #rankingModal .rank-path {
    zoom: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #rankingModal .rank-path {
    display: none;
  }
}
#rankingModal .rank-path svg {
  width: 100%;
}
#rankingModal .rank-path svg .active {
  stroke: #3db8ea;
}

#noaccessmodal .noaccess-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(37, 46, 49, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}
#noaccessmodal .noaccess-modal > div {
  width: 100%;
}
#noaccessmodal .modal-content {
  width: calc(100% - 40px);
  max-height: calc(100vh - 180px);
  background: #fff;
  max-width: 600px;
  overflow: auto;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
#noaccessmodal .modal-content .modal-inner {
  padding: 60px 105px 54px;
}
@media screen and (max-width: 901px) {
  #noaccessmodal .modal-content .modal-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#noaccessmodal .modal-content .modal-inner > svg {
  margin-bottom: 20px;
}
#noaccessmodal .modal-content .modal-inner h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #000000;
  margin: 0 0 10px;
}
#noaccessmodal .modal-content .modal-inner p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #8c999d;
  margin: 0 0 20px;
}
#noaccessmodal .modal-content .modal-inner .btn-signup {
  width: 100%;
  max-width: 216px;
  height: 50px;
  background: #3db8ea;
  border-radius: 100px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#noaccessmodal .modal-content .close {
  position: absolute;
  z-index: 999;
  cursor: pointer;
  top: 20px;
  right: 20px;
  opacity: 1;
  background: 0;
  border: 0;
  padding: 0;
  box-shadow: none;
}

.forum-archive .bs-forums-banner.has-banner-img h1 {
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  margin: 0 auto 10px;
}
.forum-archive .bs-forums-banner.has-banner-img p {
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
}
.forum-archive #primary {
  padding-top: 60px;
  padding-bottom: 60px;
}
.forum-archive #bbpress-forums .bb-forums-list > li {
  margin-bottom: 60px;
}
.forum-archive #bbpress-forums .bb-forums-list .bb-cover-list-item {
  border-radius: 0;
  border: 0;
}
.forum-archive #bbpress-forums .bb-forums-list .bb-cover-wrap {
  border-radius: 0;
  padding-top: 56.25%;
}
.forum-archive #bbpress-forums .bb-forums-list .bs-sec-header h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #252e31;
}
.forum-archive #bbpress-forums .bb-forums-list .bs-sec-header h3 a:hover {
  color: #3db8ea;
}
.forum-archive #bbpress-forums .bb-forums-list .bs-timestamp {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #3db8ea;
}
.forum-archive #bbpress-forums .bb-forums-list + .bbp-pagination.bbp-pagination {
  display: none;
}
.forum-archive #bbpress-forums .bbp-pagination-count {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
}
.forum-archive #bbpress-forums .bs-forums-items .bs-section-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
}
.forum-archive #bbpress-forums .bs-forums-items .bs-item-wrap .item-title a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #252e31;
}
.forum-archive #bbpress-forums .bs-forums-items .bs-voices-wrap,
.forum-archive #bbpress-forums .bs-forums-items span.bs-replied,
.forum-archive #bbpress-forums .bs-forums-items span.bs-replies,
.forum-archive #bbpress-forums .bs-forums-items span.bs-voices {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
}

.single-forum {
  background: #f3f7f9;
}
.single-forum .content-area {
  padding-top: 60px;
}
.single-forum .content-area .entry-header {
  margin-bottom: -60px;
}
@media only screen and (max-width : 601px) {
  .single-forum .content-area .entry-header {
    margin-bottom: 20px;
  }
}
.single-forum .entry-title {
  font-weight: 800;
  font-size: 32px;
  line-height: 39px;
  color: #252e31;
}
.single-forum #bbpress-forums .bs-forums-items > li:last-child .bs-item-wrap {
  border-radius: 0 0 6px 6px;
}
.single-forum #bbpress-forums .bbp-forum-buttons-wrap {
  margin-bottom: 40px;
}
@media only screen and (max-width : 601px) {
  .single-forum #bbpress-forums .bbp-forum-buttons-wrap {
    margin-bottom: 0;
  }
}
.single-forum #bbpress-forums .bbp-forum-buttons-wrap .subscription-toggle {
  border: 1px solid #3db8ea;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #3db8ea;
}
.single-forum #bbpress-forums .bbp-forum-buttons-wrap .button.btn-new-topic {
  background: #3db8ea;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}
.single-forum #bbpress-forums .bs-section-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
}
.single-forum #bbpress-forums .widget,
.single-forum #bbpress-forums .post-inner-wrap,
.single-forum #bbpress-forums .comment-respond,
.single-forum #bbpress-forums .bs-item-list.list-view .bs-item-wrap,
.single-forum #bbpress-forums .post-author-details,
.single-forum #bbpress-forums .widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap {
  border-color: #e1e1e1;
}
.single-forum #bbpress-forums .bs-item-list.list-view .bs-item-wrap:not(.no-hover-effect):hover {
  box-shadow: none;
  background: #ecf8fd;
}
.single-forum #bbpress-forums .bb-modal.bb-modal-box {
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
.single-forum #bbpress-forums .bb-modal.bb-modal-box .js-modal-close {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
.single-forum #bbpress-forums .bb-modal.bb-modal-box .js-modal-close:hover {
  color: #3db8ea !important;
}
.single-forum #bbpress-forums .bb-modal.bb-modal-box .button.submit {
  background: #3db8ea;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.single-forum .bb-modal-overlay {
  background: rgba(37, 46, 49, 0.75) !important;
  opacity: 1 !important;
}

.single-topic #bbpress-forums h1.bb-reply-topic-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-transform: capitalize;
  color: #252e31;
}
.single-topic #bbpress-forums .bbp-topic-reply-link {
  height: 44px;
  background: #3db8ea;
  border-radius: 100px;
}
.single-topic #bbpress-forums .subscription-toggle {
  border: 1px solid #3db8ea;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #3db8ea;
}
.single-topic #bbpress-forums .bs-forums-items > li:first-child {
  border-radius: 6px 6px 0 0;
}
.single-topic #bbpress-forums .bs-forums-items > li:last-child {
  border-radius: 0 0 6px 6px;
}
.single-topic #bbpress-forums .bs-single-forum-list > li .bs-reply-list-item {
  padding: 40px 30px;
}
.single-topic #bbpress-forums .bb-modal.bb-modal-box {
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
.single-topic #bbpress-forums .bb-modal.bb-modal-box .js-modal-close {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
.single-topic #bbpress-forums .bb-modal.bb-modal-box .js-modal-close:hover {
  color: #3db8ea !important;
}
.single-topic #bbpress-forums .bb-modal.bb-modal-box .button.submit {
  background: #3db8ea;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.single-topic #bbpress-forums#bbpress-forums .bs-forums-items.list-view li .bs-reply-list-item:hover,
.single-topic #bbpress-forums#bbpress-forums .bs-forums-items.list-view li.dropdown-open > .bs-reply-list-item {
  background: #ecf8fd;
}
.single-topic .bb-modal-overlay {
  background: rgba(37, 46, 49, 0.75) !important;
  opacity: 1 !important;
}

#gform_wrapper_2 {
  margin: 0;
}
#gform_wrapper_2 .validation_error {
  text-align: center;
}
#gform_wrapper_2 .validation_message {
  display: none;
}
#gform_wrapper_2 .gform_fields .gfield {
  margin-top: 30px;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  background: 0 !important;
  padding: 0 !important;
}
#gform_wrapper_2 .gform_fields .gfield:first-child {
  margin-top: 0;
}
#gform_wrapper_2 .gform_fields .gfield > label {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  margin: 0 0 10px;
}
#gform_wrapper_2 .gform_fields .gfield .ginput_container {
  margin-top: 0;
}
#gform_wrapper_2 .gform_fields .gfield.gfield_error select,
#gform_wrapper_2 .gform_fields .gfield.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_2 .gform_fields .gfield.gfield_error textarea {
  border-color: #ef3e46;
}
#gform_wrapper_2 select {
  width: 100%;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  border: 1px solid #8c999d;
  background: #fff url("../images/arrowdown.svg") no-repeat calc(100% - 20px) center;
}
#gform_wrapper_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  width: 100%;
  background: #ffffff;
  border: 1px solid #8c999d;
  height: 60px;
  padding: 0 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
}
#gform_wrapper_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 textarea {
  width: 100%;
  background: #ffffff;
  border: 1px solid #8c999d;
  min-height: 160px;
  padding: 20px 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  resize: none;
  color: #252e31;
}
#gform_wrapper_2 textarea::-webkit-input-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 textarea::-moz-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 textarea:-ms-input-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 textarea:-moz-placeholder {
  color: #8c999d;
}
#gform_wrapper_2 input[type=submit] {
  width: 200px;
  height: 60px;
  background: #3db8ea url("../images/angle-right.svg") no-repeat calc(100% - 30px) center;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.15);
  border-radius: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  text-align: left;
  padding-left: 30px;
}
#gform_wrapper_2 .gform_footer {
  padding: 0;
  margin-top: 30px;
}

#gform_confirmation_wrapper_2 .gform_confirmation_message {
  text-align: center;
}

.post-type-archive-sfwd-courses .bb-course-items .bb-cover-wrap {
  background: #3db8ea;
  padding-top: 75%;
}
.post-type-archive-sfwd-courses .bb-course-items .bb-cover-wrap > img {
  min-width: 1px;
  width: auto;
  height: auto;
  min-height: 1px;
}

.page-template-page-quiz .hero-inner {
  padding: 60px 20px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz .hero-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-template-page-quiz .hero-text {
  max-width: 100%;
  padding: 0;
}
.page-template-page-quiz .hero-text h1 {
  font-weight: 800;
  font-size: 48px;
  line-height: 59px;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz .hero-text h1 {
    font-size: 30px;
    line-height: 1.5;
  }
}
@media only screen and (max-width : 480px) {
  .page-template-page-quiz .hero-text h1 {
    font-size: 25px;
  }
}

.questionnaire form {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 120px;
}
@media only screen and (max-width : 601px) {
  .questionnaire form {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 60px;
  }
}
.questionnaire .mm-survey--status .questions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.questionnaire .mm-survey--status .questions h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #3db8ea;
  margin: 0;
}
.questionnaire .mm-survey--status .questions .answered {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #252e31;
}
.questionnaire .mm-survey-bottom {
  margin-top: 60px;
}
.questionnaire .mm-survey-container {
  width: 100%;
  background: #fff;
}
.questionnaire .mm-survey-results-container {
  width: 100%;
  min-height: 600px;
  background: #fafafa;
}
.questionnaire .mm-survey-page {
  display: none;
  font-weight: 100;
  padding: 60px 75px 0;
}
@media only screen and (max-width : 768px) {
  .questionnaire .mm-survey-page {
    padding: 50px 20px 0;
  }
}
.questionnaire .mm-survey-page.active {
  display: block;
}
.questionnaire .mm-survey-controller {
  display: flex;
  align-items: center;
  padding: 20px 75px 62px;
  background: #fff;
}
@media only screen and (max-width : 768px) {
  .questionnaire .mm-survey-controller {
    padding: 0 20px 50px;
  }
}
.questionnaire .mm-survey-controller button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 60px;
  background: #3db8ea;
  border-radius: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-controller button {
    width: 100%;
    font-size: 14px;
    justify-content: space-between;
  }
}
.questionnaire .mm-survey-controller button * {
  pointer-events: none;
}
.questionnaire .mm-survey-controller button:disabled {
  background: #c4c4c4;
}
.questionnaire .mm-survey-controller .mm-prev-btn {
  margin-right: 20px;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-controller .mm-prev-btn {
    width: calc(50% - 10px);
    margin-right: auto;
  }
}
.questionnaire .mm-survey-controller .mm-prev-btn button svg {
  margin-right: 30px;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-controller .mm-prev-btn button svg {
    margin: 0;
    flex: 0 0 8px;
  }
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-controller .mm-next-btn {
    width: calc(50% - 10px);
  }
}
.questionnaire .mm-survey-controller .mm-next-btn button svg {
  margin-left: 30px;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-controller .mm-next-btn button svg {
    margin: 0;
    flex: 0 0 8px;
  }
}
.questionnaire .mm-survey-results-controller {
  position: relative;
  height: 60px;
  background: #333;
  padding: 12px 14px;
}
.questionnaire .mm-back-btn {
  display: inline-block;
  position: relative;
  float: left;
}
.questionnaire .mm-finish-btn {
  display: none;
  max-width: 660px;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
  padding: 60px 60px 72px;
  margin: 0 auto;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-finish-btn {
    padding: 50px 20px;
  }
}
.questionnaire .mm-finish-btn h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 44px;
  color: #252e31;
  margin: 0 0 26px;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-finish-btn h3 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.questionnaire .mm-finish-btn .form-group {
  margin-bottom: 30px;
}
.questionnaire .mm-finish-btn label {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  display: block;
  margin: 0 0 10px;
}
.questionnaire .mm-finish-btn input {
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: 1px solid #8c999d;
  padding: 0 17px;
}
.questionnaire .mm-finish-btn input::-webkit-input-placeholder {
  color: #8c999d;
}
.questionnaire .mm-finish-btn input::-moz-placeholder {
  color: #8c999d;
}
.questionnaire .mm-finish-btn input:-ms-input-placeholder {
  color: #8c999d;
}
.questionnaire .mm-finish-btn input:-moz-placeholder {
  color: #8c999d;
}
.questionnaire .mm-finish-btn button {
  width: 100%;
  max-width: 220px;
  height: 60px;
  margin: 0 auto;
  background: #3db8ea;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 0;
}
.questionnaire .mm-survey-results-controller button {
  background: #fff;
  border: none;
  padding: 8px 18px;
}
.questionnaire .mm-survey-progress {
  width: 100%;
  height: 8px;
  background: #e5e5e5;
  border-radius: 100px;
  overflow: hidden;
}
.questionnaire .mm-progress {
  transition: width 0.5s ease-in-out;
}
.questionnaire .mm-survey-progress-bar {
  height: 8px;
  width: 0%;
  background: #3db8ea;
}
.questionnaire .mm-survey-q {
  list-style-type: none;
  padding: 0px;
}
.questionnaire .mm-survey-q li {
  display: block;
  /*padding: 20px 0px;*/
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
}
.questionnaire .mm-survey-q li input {
  width: 100%;
}
.questionnaire .mm-survey-content {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.questionnaire .mm-survey-content label {
  width: 100%;
  padding: 10px 10px;
  margin: 0px !important;
}
.questionnaire .mm-survey-content label:hover {
  cursor: pointer;
}
.questionnaire .mm-survey-question {
  flex: 0 0 calc(100% - 30px);
  margin-left: 30px;
  margin-bottom: 30px;
}
.questionnaire .mm-survey-question h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.2em;
  color: #3db8ea;
  margin: 0 0 20px;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-question h4 {
    font-size: 18px;
  }
}
.questionnaire .mm-survey-question h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 44px;
  color: #252e31;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-question h2 {
    font-size: 20px;
    line-height: 1.5;
  }
}
.questionnaire .mm-survey-question p {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 20px;
  line-height: 40px;
}
.questionnaire input[type=radio] {
  display: none;
}
.questionnaire input[type=radio] + label {
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 6px;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #252e31;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 15px 20px;
}
@media only screen and (max-width : 601px) {
  .questionnaire input[type=radio] + label {
    font-size: 16px;
    line-height: 1.2;
  }
}
.questionnaire input[type=radio] + label span {
  display: inline-block;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #c4c4c4;
}
.questionnaire input[type=radio] + label span {
  background-color: #fff;
}
.questionnaire input[type=radio]:checked + label {
  background: #ff8e00;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  border-color: #ff8e00;
}
@media only screen and (max-width : 601px) {
  .questionnaire input[type=radio]:checked + label {
    font-size: 16px;
    line-height: 1.2;
  }
}
.questionnaire input[type=radio]:checked + label span {
  border-color: #fff;
  background: transparent;
  display: inline-block;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
}
.questionnaire input[type=radio]:checked + label span::before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
  z-index: 10;
}
.questionnaire input[type=radio] + label span,
.questionnaire input[type=radio]:checked + label span {
  transition: background-color 0.2s ease-in-out;
}
.questionnaire .mm-survey-item {
  width: calc(50% - 30px);
  margin-left: 30px;
  margin-bottom: 20px;
  display: flex;
}
@media only screen and (max-width : 601px) {
  .questionnaire .mm-survey-item {
    width: calc(100% - 30px);
  }
}
.questionnaire .mm-prev-btn button:focus,
.questionnaire .mm-next-btn button:focus,
.questionnaire .mm-finish-btn button:focus {
  outline: none;
  border: none;
}
.questionnaire .mm-survey.okay .mm-next-btn {
  display: inline-block;
  opacity: 1;
}
.questionnaire .mm-finish-btn.active {
  display: block;
}
.questionnaire .mm-survey-results {
  display: none;
}
.questionnaire .mm-survey-results-score {
  margin: 0px;
  padding: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -6px;
}
.questionnaire .mm-survey-results-list {
  list-style-type: none;
  padding: 0px 15px;
  margin: 0px;
}
.questionnaire .mm-survey-results-item {
  color: #fff;
  margin-top: 10px;
  padding: 15px 15px 15px 0px;
  font-weight: 300;
}
.questionnaire .mm-survey-results-item.correct {
  background: linear-gradient(to left, #4cb8c4, #3cd3ad);
}
.questionnaire .mm-survey-results-item.incorrect {
  background: linear-gradient(to left, #d33c62, #dc1144);
}
.questionnaire .mm-item-number {
  height: 40px;
  position: relative;
  padding: 17px;
  background: #333;
  color: #fff;
}
.questionnaire .mm-item-info {
  float: right;
}

.page-template-page-quiz-results .quiz-result {
  padding-top: 60px;
  padding-bottom: 120px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result {
    padding-bottom: 60px;
  }
}
.page-template-page-quiz-results .quiz-result--inner {
  margin: 0 auto;
  max-width: 1140px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
  padding: 90px 70px 110px;
  text-align: center;
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result--inner {
    padding: 50px 20px;
  }
}
.page-template-page-quiz-results .quiz-result--inner > svg {
  margin-bottom: 23px;
}
.page-template-page-quiz-results .quiz-result--inner h1 {
  font-weight: 800;
  font-size: 48px;
  line-height: 59px;
  color: #252e31;
  margin: 0 0 30px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result--inner h1 {
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
.page-template-page-quiz-results .quiz-result--inner p {
  font-weight: normal;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
  color: #252e31;
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result--inner p {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result--inner p {
    font-size: 16px;
  }
}
.page-template-page-quiz-results .quiz-result--inner p:last-of-type {
  margin-bottom: 0;
}
.page-template-page-quiz-results .quiz-result--inner .btn-browse {
  width: 100%;
  max-width: 260px;
  height: 60px;
  background: #3db8ea;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 0 31px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px auto 0;
}
.page-template-page-quiz-results .quiz-result .recommended {
  margin: 80px auto 0;
  max-width: 1140px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result .recommended {
    margin-top: 50px;
  }
}
.page-template-page-quiz-results .quiz-result .recommended h2 {
  font-weight: 800;
  font-size: 36px;
  line-height: 48px;
  color: #252e31;
  margin: 0 0 80px;
}
@media only screen and (max-width : 768px) {
  .page-template-page-quiz-results .quiz-result .recommended h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result .recommended h2 {
    font-size: 25px;
    line-height: 1.2;
  }
}
.page-template-page-quiz-results .quiz-result .recommended--course {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.page-template-page-quiz-results .quiz-result .recommended .course--item {
  width: calc(33.33% - 30px);
  margin-bottom: 60px;
  margin-left: 30px;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width : 901px) {
  .page-template-page-quiz-results .quiz-result .recommended .course--item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-quiz-results .quiz-result .recommended .course--item {
    width: calc(100% - 30px);
    margin-bottom: 30px;
  }
}
.page-template-page-quiz-results .quiz-result .recommended .course-featured {
  position: relative;
  height: 0;
  padding-bottom: 66.66%;
}
.page-template-page-quiz-results .quiz-result .recommended .course-featured img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-template-page-quiz-results .quiz-result .recommended .course-details {
  padding: 30px 30px 48px;
}
.page-template-page-quiz-results .quiz-result .recommended .course-details h3 {
  font-weight: bold;
  font-size: 22px;
  line-height: 36px;
  color: #252e31;
  margin: 0 0 10px;
}
.page-template-page-quiz-results .quiz-result .recommended .course-details p {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #252e31;
  margin: 0;
}
.page-template-page-quiz-results .quiz-result .recommended .btn-unlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 300px;
  width: 100%;
  height: 60px;
  background: #ff8e00;
  padding: 0 35px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
}

main.courses {
  padding-bottom: 60px;
}
main.courses > section {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
main.courses .mycourses {
  padding: 90px 20px 100px;
}
main.courses .mycourses .startlearning {
  display: flex;
  flex-direction: column;
  border: 2px dashed #c4c4c4;
  min-height: 400px;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
}
main.courses .mycourses .startlearning > svg {
  margin-bottom: 20px;
}
main.courses .mycourses .startlearning h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 15px;
}
main.courses .mycourses .startlearning p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #252e31;
}
main.courses .mycourses .startlearning a {
  width: 100%;
  max-width: 220px;
  height: 60px;
  background: #3db8ea;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 29px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
}
main.courses .mycourses .courses-slider .slick-track {
  display: flex;
}
main.courses .mycourses .courses-slider .slick-list {
  margin-left: -30px;
}
main.courses .mycourses .courses-slider .slick-slide {
  display: flex;
  height: auto;
  margin-left: 30px;
}
main.courses .mycourses .courses-slider .slick-slide > div {
  width: 100%;
}
main.courses .mycourses .courses-slider .slick-slide .course--item {
  box-shadow: none;
}
main.courses .mycourses .courses-slider .slick-slide.slick-active .course--item {
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
main.courses .mycourses .courses-slider .slick-arrow {
  background: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  padding: 0;
  width: 50px;
  height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media only screen and (max-width : 1024px) {
  main.courses .mycourses .courses-slider .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
main.courses .mycourses .courses-slider .slick-arrow:hover {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
main.courses .mycourses .courses-slider .slick-arrow.slick-prev {
  left: -70px;
}
@media only screen and (max-width : 1024px) {
  main.courses .mycourses .courses-slider .slick-arrow.slick-prev {
    left: -15px;
  }
}
main.courses .mycourses .courses-slider .slick-arrow.slick-next {
  right: -70px;
  left: auto;
}
@media only screen and (max-width : 1024px) {
  main.courses .mycourses .courses-slider .slick-arrow.slick-next {
    right: -15px;
  }
}
main.courses .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width : 601px) {
  main.courses .heading {
    flex-direction: column;
  }
}
main.courses .heading h2 {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
  margin: 0;
}
main.courses .heading-tabs {
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 601px) {
  main.courses .heading-tabs {
    width: 100%;
    margin-top: 20px;
  }
}
main.courses .heading-tabs a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #252e31;
  padding: 0 12px;
  border-left: 1px solid #252e31;
  transition: 0.5s all ease;
}
@media only screen and (max-width : 601px) {
  main.courses .heading-tabs a {
    display: none;
  }
}
main.courses .heading-tabs a:first-child {
  border-left: 0;
}
main.courses .heading-tabs a:last-child {
  padding-right: 0;
}
main.courses .heading-tabs a:hover, main.courses .heading-tabs a.active {
  color: #3db8ea;
}
main.courses .heading-tabs select {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #252e31;
  width: 100%;
}
@media screen and (min-width: 601px) {
  main.courses .heading-tabs select {
    display: none;
  }
}
main.courses .allcourses--items {
  margin-top: 60px;
}
main.courses .allcourses--items .course {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
main.courses .allcourses--items .course--item {
  margin-left: 30px;
  width: calc(33.33% - 30px);
  margin-bottom: 60px;
}
@media only screen and (max-width : 901px) {
  main.courses .allcourses--items .course--item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width : 601px) {
  main.courses .allcourses--items .course--item {
    width: calc(100% - 30px);
  }
}
main.courses .course--filter {
  background: #ffffff;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  padding: 0 40px;
  height: 80px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 768px) {
  main.courses .course--filter {
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
main.courses .course--filter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width : 768px) {
  main.courses .course--filter-inner {
    flex-wrap: wrap;
  }
}
main.courses .course--filter input[type=text] {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  background: url(../images/filtericon.svg) no-repeat left center;
  border: 0;
  padding-left: 38px;
  flex: 1;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width : 768px) {
  main.courses .course--filter input[type=text] {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e1e1e1;
  }
}
main.courses .course--filter input[type=text]::-webkit-input-placeholder {
  color: #8c999d;
}
main.courses .course--filter input[type=text]::-moz-placeholder {
  color: #8c999d;
}
main.courses .course--filter input[type=text]:-ms-input-placeholder {
  color: #8c999d;
}
main.courses .course--filter input[type=text]:-moz-placeholder {
  color: #8c999d;
}
main.courses .course--filter .filter--options {
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 1024px) {
  main.courses .course--filter .filter--options {
    width: 50%;
  }
}
@media only screen and (max-width : 768px) {
  main.courses .course--filter .filter--options {
    width: 100%;
    flex-direction: column;
  }
}
main.courses .course--filter .filter--options > div {
  width: 140px;
  position: relative;
  margin-left: 70px;
}
main.courses .course--filter .filter--options > div:first-child {
  margin-left: 0;
}
@media only screen and (max-width : 1024px) {
  main.courses .course--filter .filter--options > div {
    flex: 1;
    width: auto;
    margin-left: 20px;
  }
}
@media only screen and (max-width : 768px) {
  main.courses .course--filter .filter--options > div {
    width: 100%;
    margin: 20px auto 0;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
  }
}
main.courses .course--filter .filter--options button {
  width: 100%;
  background: 0;
  outline: 0;
  box-shadow: none;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
main.courses .course--filter .filter--options button:hover {
  color: #3db8ea;
}
main.courses .course--filter .filter--options button:hover svg path {
  fill: #3db8ea;
}
main.courses .course--filter .filter--options ul {
  list-style: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  margin-top: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  width: 180px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width : 768px) {
  main.courses .course--filter .filter--options ul {
    width: 100%;
  }
}
main.courses .course--filter .filter--options ul li.disabled a {
  color: #8c999d;
  pointer-events: none;
}
main.courses .course--filter .filter--options ul a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #252e31;
  display: block;
  padding: 5px 20px;
  cursor: pointer;
}
main.courses .course--filter .filter--options ul a:hover {
  background: #fafafa;
  color: #3db8ea;
}
main.courses .course--item {
  position: relative;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
main.courses .course--item.locked .course--featured img {
  filter: grayscale(100%);
}
main.courses .course--item.locked .course--featured svg {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
main.courses .course--featured a {
  display: flex;
  height: 0;
  position: relative;
  padding-bottom: 66.66%;
}
main.courses .course--featured a .status {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 10;
  padding: 6px 12px;
  display: inline-flex;
  border-radius: 4px;
  background: #ccc;
}
main.courses .course--featured a .status.start {
  background: #e63a54;
}
main.courses .course--featured a .status.inprogress {
  background: #ff8e00;
}
main.courses .course--featured a .status.completed {
  background: #20d091;
}
main.courses .course--featured a > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main.courses .course--details-upper {
  padding: 20px 20px 30px;
}
main.courses .course--details .difficulty {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
  border-radius: 4px;
  display: inline-flex;
  padding: 6px 12px;
  background: #ccc;
  text-transform: capitalize;
}
main.courses .course--details .difficulty.beginner {
  background: #007cff;
}
main.courses .course--details .difficulty.intermediate {
  background: #7838ff;
}
main.courses .course--details .difficulty.advanced {
  background: #bf38ff;
}
main.courses .course--details .course-title {
  margin: 10px 0 0;
}
main.courses .course--details .course-title a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
}
main.courses .course--details .pbar-container {
  margin-top: 15px;
}
main.courses .course--details .pbar-container > span {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
  margin-bottom: 10px;
}
main.courses .course--details .pbar-container .pbar {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 8px;
  background: #eaeff1;
  border-radius: 100px;
}
main.courses .course--details .pbar-container .pbar--inner {
  background: #20d091;
  height: 8px;
  border-radius: 100px;
}
main.courses .course-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 27px 20px;
  border-top: 1px solid #e5e5e5;
}
main.courses .course-stats > div {
  display: flex;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  color: #8c999d;
}
main.courses .course-stats > div svg {
  margin-right: 12px;
}

.infographics {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.infographics--item {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
  margin-bottom: 60px;
}
@media only screen and (max-width : 901px) {
  .infographics--item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width : 601px) {
  .infographics--item {
    width: calc(100% - 30px);
    margin-bottom: 40px;
  }
}
.infographics .featured {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.infographics .featured img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.infographics--title {
  padding: 30px;
}
@media only screen and (max-width : 601px) {
  .infographics--title {
    padding: 20px;
  }
}
.infographics .details h3 {
  margin: 0 0 10px;
}
.infographics .details h3 a {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0;
  transition: 0.5s all ease;
}
@media only screen and (max-width : 601px) {
  .infographics .details h3 a {
    font-size: 18px;
  }
}
.infographics .details h3 a:hover {
  color: #3db8ea;
}
.infographics .details p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
}
@media only screen and (max-width : 601px) {
  .infographics .details p {
    font-size: 14px;
  }
}
.infographics .details p:last-of-type {
  margin-bottom: 0;
}
.infographics .details .btn-download {
  display: flex;
  align-items: center;
  padding: 18px 30px 16px;
  border-top: 1px solid #e1e1e1;
  justify-content: space-between;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-transform: uppercase;
  color: #3db8ea;
}
@media only screen and (max-width : 601px) {
  .infographics .details .btn-download {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.infographics .details span.dl-status {
  display: flex;
  align-items: center;
}
.infographics .details .feathers-required {
  margin-left: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  text-transform: capitalize;
  color: #3db8ea;
}
@media only screen and (max-width : 601px) {
  .infographics .details .feathers-required {
    font-size: 14px;
  }
}

#infographics-modal .infographics-main {
  text-align: center;
}
#infographics-modal .infographics-main > h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 10px;
  transition: 0.5s all ease;
}
#infographics-modal .infographics-main > p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
}
#infographics-modal .infographics-main > p:last-of-type {
  margin-bottom: 0;
}
#infographics-modal .infographics-cover {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
#infographics-modal .infographics-cover > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#infographics-modal .infographics-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width : 601px) {
  #infographics-modal .infographics-details {
    flex-direction: column;
    margin-top: 20px;
  }
}
#infographics-modal .infographics-details h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0;
  transition: 0.5s all ease;
}
#infographics-modal .infographics-details .infographics-feathers {
  white-space: nowrap;
}
@media only screen and (max-width : 601px) {
  #infographics-modal .infographics-details .infographics-feathers {
    margin-top: 20px;
  }
}

.page-template-page-webinar .formkit-form {
  display: none;
}
.page-template-page-webinar .heading {
  margin-bottom: 40px;
}
.page-template-page-webinar .heading h2 {
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0;
}
.page-template-page-webinar .upcoming {
  padding: 80px 0 55px;
  /* the slides */
  /* the parent */
}
.page-template-page-webinar .upcoming--inner {
  max-width: 1140px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.page-template-page-webinar .upcoming--webinar {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s;
}
.page-template-page-webinar .upcoming--webinar.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.page-template-page-webinar .upcoming--webinar-item {
  background: #ffffff;
  display: flex !important;
  flex-direction: column;
}
.page-template-page-webinar .upcoming--webinar .featured .date {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 20px;
  width: 70px;
  height: 70px;
  background: #252e31;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-template-page-webinar .upcoming--webinar .featured .date .month {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
}
.page-template-page-webinar .upcoming--webinar .featured .date .day {
  font-weight: bold;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.page-template-page-webinar .upcoming--webinar .featured a {
  display: flex;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.page-template-page-webinar .upcoming--webinar .featured img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-template-page-webinar .upcoming--webinar .details {
  display: flex;
  flex-direction: column;
}
.page-template-page-webinar .upcoming--webinar .details .top {
  flex: 1;
  padding: 30px;
}
.page-template-page-webinar .upcoming--webinar .details h3 {
  margin: 0 0 10px;
}
.page-template-page-webinar .upcoming--webinar .details h3 a {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  display: block;
}
.page-template-page-webinar .upcoming--webinar .details .metadata {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
  margin-bottom: 20px;
}
.page-template-page-webinar .upcoming--webinar .details p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
}
.page-template-page-webinar .upcoming--webinar .details p:last-of-type {
  margin-bottom: 0;
}
.page-template-page-webinar .upcoming--webinar .details .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 36px;
  border-top: 1px solid #e1e1e1;
}
.page-template-page-webinar .upcoming--webinar .details .bottom a {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #3db8ea;
}
.page-template-page-webinar .upcoming--webinar .details .bottom .feathers {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #3db8ea;
}
.page-template-page-webinar .upcoming--webinar .details .bottom .feathers svg {
  margin-right: 10px;
}
.page-template-page-webinar .upcoming--webinar .details .bottom .status {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #252e31;
}
.page-template-page-webinar .upcoming--webinar .details .bottom .status svg {
  margin-right: 20px;
}
.page-template-page-webinar .upcoming .slick-slide {
  margin-left: 40px;
}
.page-template-page-webinar .upcoming .slick-slide > div {
  display: flex;
  width: 100%;
  height: 100%;
}
.page-template-page-webinar .upcoming .slick-slide.slick-active {
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
.page-template-page-webinar .upcoming .slick-list {
  margin-left: -40px;
}
.page-template-page-webinar .upcoming .slick-arrow {
  background: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  padding: 0;
  width: 50px;
  height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-webinar .upcoming .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
.page-template-page-webinar .upcoming .slick-arrow:hover {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.page-template-page-webinar .upcoming .slick-arrow.slick-disabled svg {
  opacity: 0.5;
}
.page-template-page-webinar .upcoming .slick-arrow.slick-prev {
  left: -70px;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-webinar .upcoming .slick-arrow.slick-prev {
    left: -15px;
  }
}
.page-template-page-webinar .upcoming .slick-arrow.slick-next {
  right: -70px;
  left: auto;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-webinar .upcoming .slick-arrow.slick-next {
    right: -15px;
  }
}
.page-template-page-webinar .latest-webinar {
  padding: 55px 0 50px;
}
.page-template-page-webinar .latest-webinar--inner {
  max-width: 1140px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.page-template-page-webinar .latest-webinar--container {
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 901px) {
  .page-template-page-webinar .latest-webinar--container {
    flex-wrap: wrap;
  }
}
.page-template-page-webinar .latest-webinar .featured-video {
  max-width: 550px;
  width: 100%;
}
@media only screen and (max-width : 901px) {
  .page-template-page-webinar .latest-webinar .featured-video {
    max-width: 100%;
  }
}
.page-template-page-webinar .latest-webinar--info {
  padding: 0 0 0 40px;
}
@media only screen and (max-width : 901px) {
  .page-template-page-webinar .latest-webinar--info {
    padding: 40px 0 0;
  }
}
.page-template-page-webinar .latest-webinar--info h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 10px;
}
.page-template-page-webinar .latest-webinar--info .date {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
  margin-bottom: 20px;
}
.page-template-page-webinar .latest-webinar--info p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
  margin: 0 0 30px;
}
.page-template-page-webinar .latest-webinar--info p:last-of-type {
  margin-bottom: 0;
}
.page-template-page-webinar .latest-webinar--info .btn-watch {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  width: 100%;
  height: 60px;
  background: #252e31;
  padding: 0 39px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
}
.page-template-page-webinar .latest-webinar--info .btn-watch span.feather {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.page-template-page-webinar .latest-webinar--info .btn-watch span.feather svg {
  margin-right: 10px;
}
.page-template-page-webinar .recordings {
  padding: 50px 0 79px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-webinar .recordings {
    padding-bottom: 40px;
  }
}
.page-template-page-webinar .recordings--inner {
  max-width: 1140px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.page-template-page-webinar .recordings .course--filter {
  background: #ffffff;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  padding: 0 40px;
  height: 80px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 768px) {
  .page-template-page-webinar .recordings .course--filter {
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.page-template-page-webinar .recordings .course--filter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width : 768px) {
  .page-template-page-webinar .recordings .course--filter-inner {
    flex-wrap: wrap;
  }
}
.page-template-page-webinar .recordings .course--filter input[type=text] {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  background: url(../images/filtericon.svg) no-repeat left center;
  border: 0;
  padding-left: 38px;
  flex: 1;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width : 768px) {
  .page-template-page-webinar .recordings .course--filter input[type=text] {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e1e1e1;
  }
}
.page-template-page-webinar .recordings .course--filter input[type=text]::-webkit-input-placeholder {
  color: #8c999d;
}
.page-template-page-webinar .recordings .course--filter input[type=text]::-moz-placeholder {
  color: #8c999d;
}
.page-template-page-webinar .recordings .course--filter input[type=text]:-ms-input-placeholder {
  color: #8c999d;
}
.page-template-page-webinar .recordings .course--filter input[type=text]:-moz-placeholder {
  color: #8c999d;
}
.page-template-page-webinar .recordings .course--filter .filter--options {
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-webinar .recordings .course--filter .filter--options {
    width: 50%;
  }
}
@media only screen and (max-width : 768px) {
  .page-template-page-webinar .recordings .course--filter .filter--options {
    width: 100%;
    flex-direction: column;
  }
}
.page-template-page-webinar .recordings .course--filter .filter--options > div {
  width: 140px;
  position: relative;
  margin-left: 70px;
}
.page-template-page-webinar .recordings .course--filter .filter--options > div:first-child {
  margin-left: 0;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-webinar .recordings .course--filter .filter--options > div {
    flex: 1;
    width: auto;
    margin-left: 20px;
  }
}
@media only screen and (max-width : 768px) {
  .page-template-page-webinar .recordings .course--filter .filter--options > div {
    width: 100%;
    margin: 20px auto 0;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
  }
}
.page-template-page-webinar .recordings .course--filter .filter--options button {
  width: 100%;
  background: 0;
  outline: 0;
  box-shadow: none;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #8c999d;
}
.page-template-page-webinar .recordings .course--filter .filter--options button:hover {
  color: #3db8ea;
}
.page-template-page-webinar .recordings .course--filter .filter--options button:hover svg path {
  fill: #3db8ea;
}
.page-template-page-webinar .recordings .course--filter .filter--options ul {
  list-style: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  margin-top: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  width: 180px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width : 768px) {
  .page-template-page-webinar .recordings .course--filter .filter--options ul {
    width: 100%;
  }
}
.page-template-page-webinar .recordings .course--filter .filter--options ul li.disabled a {
  color: #8c999d;
  pointer-events: none;
}
.page-template-page-webinar .recordings .course--filter .filter--options ul a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #252e31;
  display: block;
  padding: 5px 20px;
  cursor: pointer;
}
.page-template-page-webinar .recordings .course--filter .filter--options ul a:hover {
  background: #fafafa;
  color: #3db8ea;
}
.page-template-page-webinar .recordings--list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-left: -30px;
}
.page-template-page-webinar .recordings--item {
  width: calc(33.33% - 30px);
  margin-left: 30px;
  margin-bottom: 60px;
}
@media only screen and (max-width : 901px) {
  .page-template-page-webinar .recordings--item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-webinar .recordings--item {
    width: calc(100% - 30px);
  }
}
.page-template-page-webinar .recordings--item:hover .featured .icon-play {
  opacity: 1;
}
.page-template-page-webinar .recordings--item .featured {
  position: relative;
}
.page-template-page-webinar .recordings--item .featured a {
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}
.page-template-page-webinar .recordings--item .featured a > svg {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.page-template-page-webinar .recordings--item .featured a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-template-page-webinar .recordings--item .featured a .icon-play {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.5s all ease;
}
.page-template-page-webinar .recordings--item .details {
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
}
.page-template-page-webinar .recordings--item .details .top {
  padding: 30px 30px 41px;
}
.page-template-page-webinar .recordings--item .details .title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.page-template-page-webinar .recordings--item .details h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0;
}
.page-template-page-webinar .recordings--item .details .time {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
  margin-top: 5px;
}
.page-template-page-webinar .recordings--item .details .pbar-container {
  margin-top: 30px;
}
.page-template-page-webinar .recordings--item .details .pbar-container .status {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
  margin: 0 0 10px;
}
.page-template-page-webinar .recordings--item .details .pbar-container .pbar {
  width: 100%;
  height: 8px;
  background: #eaeff1;
  border-radius: 100px;
}
.page-template-page-webinar .recordings--item .details .pbar-container .pbar--inner {
  background: #20d091;
  height: 8px;
  border-radius: 100px;
}
.page-template-page-webinar .recordings--item .details .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 30px 16px;
  border-top: 1px solid #e1e1e1;
}
.page-template-page-webinar .recordings--item .details .bottom .status {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-transform: uppercase;
  color: #3db8ea;
}
.page-template-page-webinar .recordings--item .details .bottom a {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  color: #3db8ea;
}
.page-template-page-webinar .recordings--item .details .bottom .feathers {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #3db8ea;
}
.page-template-page-webinar .recordings--item .details .bottom .feathers svg {
  margin-right: 10px;
}

.redeem--inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
.redeem--goodies {
  width: calc(33.33% - 30px);
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
  margin-bottom: 60px;
  margin-left: 30px;
}
@media only screen and (max-width : 768px) {
  .redeem--goodies {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width : 680px) {
  .redeem--goodies {
    width: calc(100% - 30px);
    margin-bottom: 40px;
  }
}
.redeem--goodies .featured a {
  height: 0;
  position: relative;
  display: block;
  padding-bottom: 56.25%;
}
.redeem--goodies .featured a .feathers {
  position: absolute;
  top: 20px;
  right: 0;
  padding: 8px 17px;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff;
  background: #252e31;
  z-index: 10;
}
.redeem--goodies .featured a .feathers svg {
  margin-right: 10px;
}
.redeem--goodies .featured a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.redeem--goodies .details .top {
  padding: 30px;
}
.redeem--goodies .details .top h2 {
  margin: 0 0 10px;
}
.redeem--goodies .details .top a {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  display: block;
}
.redeem--goodies .details .top p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #252e31;
}
.redeem--goodies .details .top p:last-of-type {
  margin-bottom: 0;
}
.redeem--goodies .details .bottom a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  color: #3db8ea;
  padding: 18px 0 16px;
  border-top: 1px solid #e1e1e1;
}

.q-result {
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 60px;
}
.q-result--stats {
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
  padding: 60px 20px 65px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width : 601px) {
  .q-result--stats {
    padding: 50px 50px 30px;
  }
}
.q-result--stats h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  color: #252e31;
  margin: 0 auto 50px;
  flex: 0 0 100%;
}
@media only screen and (max-width : 601px) {
  .q-result--stats h2 {
    margin-bottom: 20px;
  }
}
.q-result-col {
  width: 33.33%;
  border-right: 1px solid #c4c4c4;
  padding: 20px;
}
@media only screen and (max-width : 601px) {
  .q-result-col {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #c4c4c4;
  }
}
.q-result-col:last-child {
  border-right: 0;
}
@media only screen and (max-width : 601px) {
  .q-result-col:last-child {
    border-bottom: 0;
  }
}
.q-result-col h4 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #252e31;
  margin: 0 0 23px;
}
@media only screen and (max-width : 601px) {
  .q-result-col h4 {
    margin-bottom: 10px;
  }
}
.q-result-col h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 59px;
  text-align: center;
  color: #3db8ea;
  margin: 0;
}
.q-result .q-review {
  margin-top: 80px;
}
@media only screen and (max-width : 601px) {
  .q-result .q-review {
    margin-top: 50px;
  }
}
.q-result .q-review h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
  margin: 0;
}
.q-result .q-review--items {
  margin-top: 55px;
}
@media only screen and (max-width : 601px) {
  .q-result .q-review--items {
    margin-top: 30px;
  }
}
.q-result .q-review--item {
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #c4c4c4;
}
.q-result .q-review--item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.q-result .q-review-question h4 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #252e31;
  margin: 0 0 30px;
}
.q-result .q-review--options {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-bottom: 10px;
}
.q-result .q-review--options.full .q-review--choices {
  width: calc(100% - 40px);
}
.q-result .q-review--choices {
  width: calc(50% - 40px);
  margin-left: 40px;
  background: #ffffff;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #252e31;
  padding: 15px 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width : 601px) {
  .q-result .q-review--choices {
    width: calc(100% - 40px);
    font-size: 18px;
    line-height: 1.5;
  }
}
.q-result .q-review--choices.incorrect {
  background: #fbe1e5;
  border: 1px solid #e63a54;
}
.q-result .q-review--choices.correct {
  background: #def8ef;
  border: 1px solid #20d091;
}
.q-result .q-review--inc-desc h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 44px;
  color: #e63a54;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  .q-result .q-review--inc-desc h3 {
    font-size: 18px;
    line-height: 1.5;
  }
}
.q-result .q-review--inc-desc p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 44px;
}
@media only screen and (max-width : 601px) {
  .q-result .q-review--inc-desc p {
    font-size: 18px;
    line-height: 1.5;
  }
}
.q-result .q-review--inc-desc p:last-of-type {
  margin-bottom: 0;
}

.single-hawkwebinar .site-main > h1 {
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 40px;
}
.single-hawkwebinar .site-main .fluid-width-video-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
}

.page-template-page-home .maincontent::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/leftleaf.png"), url("../images/leftlargeleaf.png"), url("../images/rightleaf.png");
  background-repeat: no-repeat;
  background-position: -100px 50%, -300px 76%, calc(100% + 130px) 80%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.page-template-page-home .bgwhite-bordered > div > div::before {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  background: #fff;
  height: 100%;
  padding-left: 9999999px;
  right: 0;
  pointer-events: none;
}
.page-template-page-home .bgwhite-bordered > div > div::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 5px;
  padding-left: 200%;
  right: 0;
  bottom: 0;
  background: transparent linear-gradient(90deg, #3db8ea 0%, #50ffff 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  pointer-events: none;
}
@media screen and (min-width: 2560px) {
  .page-template-page-home .bgwhite-bordered > div > div::after {
    padding-left: 99999px;
  }
}
.page-template-page-home .bgwhite-bordered-right > div > div::before {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  background: #fff;
  height: 100%;
  padding-right: 9999999px;
  left: 0;
  pointer-events: none;
}
.page-template-page-home .bgwhite-bordered-right > div > div::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 5px;
  padding-right: 200%;
  left: 0;
  bottom: 0;
  background: transparent linear-gradient(90deg, #3db8ea 0%, #50ffff 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  pointer-events: none;
}
@media screen and (min-width: 2560px) {
  .page-template-page-home .bgwhite-bordered-right > div > div::after {
    padding-right: 99999px;
  }
}
.page-template-page-home .signuphero {
  padding: 113px 0 180px;
  background-image: url("../images/ThumbnailSection_Leaf-Floating-2.png"), url("../images/ThumbnailSection_Leaf-Floating-1.png"), url("../images/HomeHeader_Leaf-Left-2.png"), url("../images/ThumbnailSection_Feather-Right-1.png"), url("../images/subpage-leafgroup-left-1.png"), url("../images/HomeHeader_Hawk.png"), url("../images/bgcircle.png"), url("../images/subpage-leafgroup-right-1.png");
  background-position: 55px 191px, 60% calc(100% - 91px), 80% 15%, 70% 5%, 100% 52px, 83% 70%, 100% -2.6%, 0 115%;
  background-size: 97px 88px, 97px 88px, 70px 58px, 75px 79px, auto auto, auto auto, 45%, auto auto;
  background-repeat: no-repeat;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-home .signuphero {
    background-position: 55px 191px, 60% calc(100% - 91px), 80% 15%, 70% 5%, 100% 52px, 83% 20%, 100% -2.6%, 0 115%;
    background-size: 97px 88px, 97px 88px, 70px 58px, 75px 79px, 20%, 40%, 45%, 15%;
  }
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero {
    background-size: 97px 88px, 60px 40px, 70px 58px, 75px 79px, 20%, 0, 80%, 15%;
  }
}
@media only screen and (max-width : 680px) {
  .page-template-page-home .signuphero {
    padding: 50px 0;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .signuphero {
    background-position: 55px 191px, 100% 100%, 80% 15%, 70% 5%, 100% 52px, 83% 20%, 100% -2.6%, 0 115%;
  }
}
.page-template-page-home .signuphero-inner {
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-home .signuphero-img {
  display: none;
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-img {
    display: block;
    margin-bottom: 26px;
  }
}
.page-template-page-home .signuphero-page-title {
  max-width: 758px;
}
.page-template-page-home .signuphero-text {
  max-width: 820px;
  width: 100%;
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-text {
    max-width: 100%;
    text-align: left;
  }
}
.page-template-page-home .signuphero-text h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 90px;
  line-height: 110px;
  color: #424242;
  margin: 0 0 20px;
}
@media only screen and (max-width : 1024px) {
  .page-template-page-home .signuphero-text h1 {
    font-size: 80px;
    line-height: 1.5;
  }
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-text h1 {
    font-size: 70px;
    line-height: 1.5;
  }
}
@media only screen and (max-width : 680px) {
  .page-template-page-home .signuphero-text h1 {
    font-size: 40px;
    line-height: 1.2;
    text-align: left;
    max-width: 500px;
    margin: 0 0 20px;
  }
}
.page-template-page-home .signuphero-text h2 {
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  color: #3db8ea;
  text-transform: uppercase;
}
.page-template-page-home .signuphero-text h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  line-height: 48px;
  color: #252e31;
  margin: 0;
  padding-right: 120px;
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-text h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width : 680px) {
  .page-template-page-home .signuphero-text h3 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
.page-template-page-home .signuphero-text .btn-container {
  margin-top: 33px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-text .btn-container {
    justify-content: flex-start;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .signuphero-text .btn-container {
    justify-content: space-between;
    flex-direction: column;
  }
}
.page-template-page-home .signuphero-text .btn-container .btn {
  white-space: nowrap;
  max-width: 220px;
  width: 100%;
  height: 60px;
  background: #3db8ea;
  box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  padding: 0 28px;
  margin-right: 20px;
  color: #fff;
  font-weight: 500;
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-text .btn-container .btn {
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .signuphero-text .btn-container .btn {
    margin: 10px auto;
    padding: 0 10px;
    font-size: 15px;
    width: 100%;
    max-width: 300px;
  }
}
.page-template-page-home .signuphero-text .btn-container .btn:last-child {
  margin-right: 0;
  border: 1px solid #3db8ea;
  background: 0;
  color: #3db8ea;
  box-shadow: none;
  transition: 0.5s all ease;
}
.page-template-page-home .signuphero-text .btn-container .btn:last-child:hover {
  background: #3db8ea;
}
.page-template-page-home .signuphero-text .btn-container .btn:last-child:hover svg path {
  stroke: #fff;
}
.page-template-page-home .signuphero-text .btn-container .btn:last-child svg path {
  stroke: #3db8ea;
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-text .btn-container .btn:last-child {
    margin: 0;
  }
}
.page-template-page-home .signuphero-text .btn-container .btn:hover {
  color: #fff;
}
.page-template-page-home .signuphero-text .form-container {
  margin: 60px 0 0;
}
@media only screen and (max-width : 901px) {
  .page-template-page-home .signuphero-text .form-container {
    margin: 60px auto 0;
  }
}
@media only screen and (max-width : 680px) {
  .page-template-page-home .signuphero-text .form-container {
    margin: 30px auto 0;
  }
}
.page-template-page-home .signuphero-text .form-container p {
  width: 100%;
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #252e31;
  margin: 0 0 20px;
}
.page-template-page-home .signuphero-text form {
  display: flex;
  flex-wrap: wrap;
  max-width: 820px !important;
  width: 100%;
}
.page-template-page-home .signuphero-text form [data-style=clean] {
  padding: 0 !important;
}
.page-template-page-home .signuphero-text form .formkit-field {
  flex: none !important;
  width: calc(40% - 10px);
  margin: 0 5px !important;
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .signuphero-text form .formkit-field {
    width: 100%;
    margin: 0 auto !important;
  }
}
.page-template-page-home .signuphero-text form a.formkit-powered-by {
  display: none !important;
}
.page-template-page-home .signuphero-text form input[type=text],
.page-template-page-home .signuphero-text form input[type=email],
.page-template-page-home .signuphero-text form .formkit-input {
  height: 60px !important;
  background: #f3f7f9 !important;
  border: 1px solid #8c999d !important;
  padding: 0 20px !important;
  font-family: "Montserrat" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #252e31 !important;
  border-radius: 0 !important;
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .signuphero-text form input[type=text],
  .page-template-page-home .signuphero-text form input[type=email],
  .page-template-page-home .signuphero-text form .formkit-input {
    width: 100%;
    margin: 0 auto 20px !important;
  }
}
.page-template-page-home .signuphero-text form input[type=text]::-webkit-input-placeholder,
.page-template-page-home .signuphero-text form input[type=email]::-webkit-input-placeholder,
.page-template-page-home .signuphero-text form .formkit-input::-webkit-input-placeholder {
  color: #252e31;
}
.page-template-page-home .signuphero-text form input[type=text]::-moz-placeholder,
.page-template-page-home .signuphero-text form input[type=email]::-moz-placeholder,
.page-template-page-home .signuphero-text form .formkit-input::-moz-placeholder {
  color: #252e31;
}
.page-template-page-home .signuphero-text form input[type=text]:-ms-input-placeholder,
.page-template-page-home .signuphero-text form input[type=email]:-ms-input-placeholder,
.page-template-page-home .signuphero-text form .formkit-input:-ms-input-placeholder {
  color: #252e31;
}
.page-template-page-home .signuphero-text form input[type=text]:-moz-placeholder,
.page-template-page-home .signuphero-text form input[type=email]:-moz-placeholder,
.page-template-page-home .signuphero-text form .formkit-input:-moz-placeholder {
  color: #252e31;
}
.page-template-page-home .signuphero-text form button {
  width: calc(20% - 10px);
  height: 60px;
  background: #3db8ea;
  font-family: "Montserrat" !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}
.page-template-page-home .signuphero-text form button.formkit-submit.formkit-submit {
  flex: none !important;
}
.page-template-page-home .signuphero-text form button.formkit-submit.formkit-submit > span {
  padding: 0;
}
.page-template-page-home .signuphero-text form button.formkit-submit.formkit-submit:hover > span {
  background: 0;
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .signuphero-text form button {
    width: 100%;
    margin: 0 auto !important;
  }
}
.page-template-page-home .signuphero-text form .form-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1350px) {
  .page-template-page-home .testimonials-container .elementor-shortcode {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width : 768px) {
  .page-template-page-home .testimonials-container .elementor-shortcode {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-template-page-home .testimonial-slider {
  max-width: 1280px;
  margin: 0 auto;
}
.page-template-page-home .testimonial-slider::after {
  position: absolute;
  display: block;
  top: 44px;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.page-template-page-home .testimonial-slider .slick-track {
  display: block !important;
}
.page-template-page-home .testimonial-slider .slick-slide {
  display: block !important;
}
.page-template-page-home .testimonial-slider .slick-slide > div {
  width: 100%;
  height: 100%;
  padding-top: 44px;
  display: flex;
}
.page-template-page-home .testimonial-slider button.slick-arrow {
  width: 48px;
  height: 48px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #3db8ea 0% 0% no-repeat padding-box;
  padding: 0;
}
@media only screen and (max-width : 768px) {
  .page-template-page-home .testimonial-slider button.slick-arrow {
    top: calc(100% + 50px);
  }
}
.page-template-page-home .testimonial-slider button.slick-arrow.slick-prev {
  left: -70px;
}
@media only screen and (max-width : 768px) {
  .page-template-page-home .testimonial-slider button.slick-arrow.slick-prev {
    left: calc(50% - 50px);
  }
}
.page-template-page-home .testimonial-slider button.slick-arrow.slick-next {
  right: -70px;
  left: auto;
}
@media only screen and (max-width : 768px) {
  .page-template-page-home .testimonial-slider button.slick-arrow.slick-next {
    right: calc(50% - 50px);
  }
}
.page-template-page-home .testimonial-image-wrapper {
  width: 88px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -44px;
}
.page-template-page-home .testimonial-content {
  position: relative;
  text-align: center;
  padding-bottom: 88px;
  background: #ffffff 0% 0% no-repeat padding-box;
  padding-top: 44px;
  flex: 1;
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .testimonial-content {
    padding-bottom: 50px;
  }
}
.page-template-page-home .testimonial-info {
  max-width: 577px;
  margin: 40px auto 0;
  width: 90%;
}
.page-template-page-home .testimonial-info .section-heading {
  font: normal normal bold 12px/15px "Montserrat";
  color: #3db8ea;
  margin: 0 auto 17px;
}
.page-template-page-home .testimonial-info .feature-text {
  font: normal normal 600 28px/32px "Montserrat";
  color: #424242;
  margin: 0 auto 16px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-home .testimonial-info .feature-text {
    font-size: 20px;
  }
}
.page-template-page-home .name-position {
  font: normal normal medium 12px/15px "Montserrat";
  color: #3db8ea;
  margin: 0;
}

@media screen and (max-width: 1350px) {
  .testimonials-container .elementor-shortcode {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width : 768px) {
  .testimonials-container .elementor-shortcode {
    padding-left: 0;
    padding-right: 0;
  }
}
.testimonials-container .testimonial-slider {
  max-width: 1280px;
  margin: 0 auto;
}
.testimonials-container .testimonial-slider::after {
  position: absolute;
  display: block;
  top: 44px;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.testimonials-container .testimonial-slider .slick-track {
  display: block !important;
}
.testimonials-container .testimonial-slider .slick-slide {
  display: block !important;
}
.testimonials-container .testimonial-slider .slick-slide > div {
  width: 100%;
  height: 100%;
  padding-top: 44px;
  display: flex;
}
.testimonials-container .testimonial-slider button.slick-arrow {
  width: 48px;
  height: 48px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #3db8ea 0% 0% no-repeat padding-box;
  padding: 0;
}
@media only screen and (max-width : 768px) {
  .testimonials-container .testimonial-slider button.slick-arrow {
    top: calc(100% + 50px);
  }
}
.testimonials-container .testimonial-slider button.slick-arrow.slick-prev {
  left: -70px;
}
@media only screen and (max-width : 768px) {
  .testimonials-container .testimonial-slider button.slick-arrow.slick-prev {
    left: calc(50% - 50px);
  }
}
.testimonials-container .testimonial-slider button.slick-arrow.slick-next {
  right: -70px;
  left: auto;
}
@media only screen and (max-width : 768px) {
  .testimonials-container .testimonial-slider button.slick-arrow.slick-next {
    right: calc(50% - 50px);
  }
}
.testimonials-container .testimonial-slider .testimonial-image-wrapper {
  width: 88px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -44px;
}
.testimonials-container .testimonial-slider .testimonial-content {
  position: relative;
  text-align: center;
  padding-bottom: 88px;
  background: #ffffff 0% 0% no-repeat padding-box;
  padding-top: 44px;
  flex: 1;
}
@media only screen and (max-width : 601px) {
  .testimonials-container .testimonial-slider .testimonial-content {
    padding-bottom: 50px;
  }
}
.testimonials-container .testimonial-slider .testimonial-info {
  max-width: 577px;
  margin: 40px auto 0;
  width: 90%;
}
.testimonials-container .testimonial-slider .testimonial-info .section-heading {
  font: normal normal bold 12px/15px "Montserrat";
  color: #3db8ea;
  margin: 0 auto 17px;
}
.testimonials-container .testimonial-slider .testimonial-info .feature-text {
  font: normal normal 600 28px/32px "Montserrat";
  color: #424242;
  margin: 0 auto 16px;
}
@media only screen and (max-width : 601px) {
  .testimonials-container .testimonial-slider .testimonial-info .feature-text {
    font-size: 20px;
  }
}
.testimonials-container .testimonial-slider .name-position {
  font: normal normal medium 12px/15px "Montserrat";
  color: #3db8ea;
  margin: 0;
}

.page-template-page-register .site-content {
  background: url(../images/loginbg.jpg) no-repeat center center/cover;
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 901px) {
  .page-template-page-register .site-content {
    background-position: 85% bottom;
  }
}
.page-template-page-register .register-form {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 80px;
  background: #fff;
  position: relative;
  max-width: 560px;
  width: calc(100% - 40px);
  border-radius: 15px;
  margin: 50px auto;
  min-height: 300px;
}
@media screen and (max-width: 1080px) {
  .page-template-page-register .register-form {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-register .register-form {
    text-align: center;
  }
}
.page-template-page-register .register-form h3 {
  line-height: 1.2;
}
.page-template-page-register .register-form ul {
  margin: 0;
}
.page-template-page-register .register-form > .erf-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.page-template-page-register .register-form > .erf-container > p {
  font-size: 20px;
  text-align: center;
  margin: 0;
  font-weight: 700;
}
.page-template-page-register .register-form form {
  margin-bottom: 0;
}
.page-template-page-register .register-form .form-group > label {
  display: none !important;
}
.page-template-page-register .register-form .parsley-errors-list.filled {
  margin: 0;
  padding-top: 5px;
}
.page-template-page-register .register-form .erf-content-above {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 20px;
}
@media screen and (max-width: 1080px) {
  .page-template-page-register .register-form .erf-content-above {
    font-size: 26px;
    line-height: 1.2;
  }
}
.page-template-page-register .register-form .pass-wrapper {
  margin-top: 5px;
}
.page-template-page-register .register-form button[type=submit] {
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3db8ea;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
  margin-top: 2px;
  border: 0;
}
.page-template-page-register .register-form .erf-form .form-control {
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: 1px solid #8c999d;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  padding: 20px;
}

.register-form {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 80px;
  background: #fff;
  position: relative;
  max-width: 560px;
  width: calc(100% - 40px);
  border-radius: 15px;
  margin: 50px auto;
  min-height: 300px;
}
@media screen and (max-width: 1080px) {
  .register-form {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width : 601px) {
  .register-form {
    text-align: center;
  }
}
.register-form h3 {
  line-height: 1.2;
}
.register-form ul {
  margin: 0;
}
.register-form > .erf-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.register-form > .erf-container > p {
  font-size: 20px;
  text-align: center;
  margin: 0;
  font-weight: 700;
}
.register-form form {
  margin-bottom: 0;
}
.register-form .form-group > label {
  display: none !important;
}
.register-form .parsley-errors-list.filled {
  margin: 0;
  padding-top: 5px;
}
.register-form .erf-content-above {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 20px;
}
@media screen and (max-width: 1080px) {
  .register-form .erf-content-above {
    font-size: 26px;
    line-height: 1.2;
  }
}
.register-form .pass-wrapper {
  margin-top: 5px;
}
.register-form button[type=submit] {
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3db8ea;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
  margin-top: 2px;
  border: 0;
}
.register-form .erf-form .form-control {
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: 1px solid #8c999d;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  padding: 20px;
}

#loginModal {
  padding-top: 0 !important;
}
#loginModal > .modal-content {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 40px !important;
  background: #fff !important;
  position: relative !important;
  max-width: 560px !important;
  width: calc(100% - 40px) !important;
  border-radius: 15px !important;
  margin: 50px auto !important;
  min-height: 300px !important;
}
@media screen and (max-width: 1080px) {
  #loginModal > .modal-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width : 601px) {
  #loginModal > .modal-content {
    text-align: center !important;
  }
}
#loginModal .register-form h3 {
  line-height: 1.2;
}
#loginModal .register-form ul {
  margin: 0;
}
#loginModal .register-form > .erf-container {
  width: 100%;
  display: flex;
  align-items: center;
}
#loginModal .register-form > .erf-container > p {
  font-size: 20px;
  text-align: center;
  margin: 0;
  font-weight: 700;
}
#loginModal .register-form form {
  margin-bottom: 0;
}
#loginModal .register-form .form-group > label {
  display: none !important;
}
#loginModal .register-form .parsley-errors-list.filled {
  margin: 0;
  padding-top: 5px;
}
#loginModal .register-form .erf-content-above {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 44px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 20px;
}
@media screen and (max-width: 1080px) {
  #loginModal .register-form .erf-content-above {
    font-size: 26px;
    line-height: 1.2;
  }
}
#loginModal .register-form .pass-wrapper {
  margin-top: 5px;
}
#loginModal .register-form button[type=submit] {
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3db8ea;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
  margin-top: 2px;
  border: 0;
}
#loginModal .register-form .erf-form .form-control {
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: 1px solid #8c999d;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  padding: 20px;
}
#loginModal .modal-content {
  position: relative;
  width: calc(100% - 40px);
  max-width: 600px;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
  padding: 70px 64px;
  top: 50%;
  transform: translateY(-50%);
}
#loginModal .register-form {
  padding: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
#loginModal .register-form .erf-form .form-control {
  width: 100%;
  height: 60px;
  background: #ffffff;
  border: 1px solid #8c999d;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  padding: 20px;
}
#loginModal .register-form .form-group > label {
  display: none !important;
}
#loginModal .modal-content .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}
#loginModal .erf-container .erf-form .form-group,
#loginModal .erf-container .erf-form .fb-rich-text {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  white-space: normal;
  margin: 0;
}
#loginModal .register-form button[type=submit] {
  width: 100%;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3db8ea;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
  margin-top: 2px;
  border: 0;
}
#loginModal .register-form .erf-form .form-control {
  width: 100%;
  height: 60px !important;
  background: #ffffff;
  border: 1px solid #8c999d;
  box-sizing: border-box;
  border-radius: 6px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  padding: 20px;
}
#loginModal .register-form .parsley-errors-list.filled {
  margin: 0 !important;
  padding-top: 5px !important;
}

.reviews-container {
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 140px;
  /* the slides */
}
@media only screen and (max-width : 601px) {
  .reviews-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.reviews-container h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  text-align: center;
  margin: 0 auto 55px;
}
.reviews-container .reviews--slider {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.reviews-container .reviews--slider.slick-initialized {
  opacity: 1;
}
.reviews-container .slick-arrow {
  background: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0;
  box-shadow: none;
  border-radius: 0 !important;
}
@media only screen and (max-width : 601px) {
  .reviews-container .slick-arrow {
    top: calc(100% + 20px);
  }
}
.reviews-container .slick-arrow.slick-prev {
  left: -50px;
}
@media only screen and (max-width : 601px) {
  .reviews-container .slick-arrow.slick-prev {
    left: calc(50% - 50px);
  }
}
.reviews-container .slick-arrow.slick-next {
  right: -50px;
  left: auto;
}
@media only screen and (max-width : 601px) {
  .reviews-container .slick-arrow.slick-next {
    right: calc(50% - 50px);
  }
}
.reviews-container .slick-slide > div {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.reviews-container .reviews {
  display: flex !important;
  flex-direction: column;
  background: #fff;
  text-align: center;
  padding: 47px 38px;
}
@media only screen and (max-width : 601px) {
  .reviews-container .reviews {
    padding: 40px 20px;
  }
}
.reviews-container .reviews .star {
  margin-bottom: 30px;
}
.reviews-container .reviews p {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #252e31;
}
.reviews-container .reviews p:last-of-type {
  margin-bottom: 30px;
}
.reviews-container .reviews h4 {
  margin: auto 0 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #252e31;
}
.reviews-container .reviews h5 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #3db8ea;
  margin: 10px auto 0;
}

@media only screen and (max-width : 1024px) {
  .referrals {
    background-size: 150% !important;
    background-position: 64% 0 !important;
  }
}
@media only screen and (max-width : 601px) {
  .referrals {
    background-position: 80% -10px !important;
    background-size: 300% !important;
  }
}
.referrals .invite {
  padding: 70px 0 118px;
  background-image: url("../images/subpage-leafgroup-right-1.png"), url("../images/subpage-leafgroup-left-1.png"), url("../images/ThumbnailSection_Leaf-Floating-2.png"), url("../images/ThumbnailSection_Feather-Right-1.png"), url("../images/ThumbnailSection_Leaf-Floating-1.png"), url("../images/HomeHeader_Leaf-Left-12.png");
  background-repeat: no-repeat;
  background-position: 0 calc(100% + 50px), 100% -80px, 15% 30%, 80% 30%, 80% 90%, 20% 90%;
}
@media only screen and (max-width : 901px) {
  .referrals .invite {
    background-size: 20%;
  }
}
@media only screen and (max-width : 601px) {
  .referrals .invite {
    padding: 50px 0;
  }
}
.referrals .invite-inner {
  max-width: 938px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
.referrals .invite-inner > p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #252e31;
  margin: 0 auto;
  max-width: 669px;
}
.referrals .invite h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 72px;
  line-height: 90px;
  text-align: center;
  color: #252e31;
  margin: 0 0 50px;
}
@media only screen and (max-width : 601px) {
  .referrals .invite h1 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
}
.referrals .invite .total-invites {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 40px;
}
@media only screen and (max-width : 601px) {
  .referrals .invite .total-invites {
    margin-bottom: 20px;
  }
}
.referrals .invite .total-invites svg {
  margin: 0 10px;
}
.referrals .invite .total-invites svg.active * {
  stroke: #3db8ea;
}
.referrals .invite .congrats-msg {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}
.referrals .invite .congrats-msg h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 auto 20px;
  color: #252e31;
}
.referrals .invite .congrats-msg p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #252e31;
  margin: 0;
}
.referrals section form {
  margin: 40px auto 0;
  display: flex;
  align-items: center;
  max-width: 770px;
  width: calc(100% - 40px);
}
@media only screen and (max-width : 601px) {
  .referrals section form {
    flex-direction: column;
    margin-top: 20px;
    width: 100%;
  }
}
.referrals section form input {
  width: calc(100% - 190px);
  height: 60px;
  border: 1px solid #8c999d;
  flex: 1;
  background: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #252e31;
  padding: 0 20px;
  border-radius: 0;
}
@media only screen and (max-width : 601px) {
  .referrals section form input {
    flex: auto;
    width: 100%;
  }
}
.referrals section form input::-webkit-input-placeholder {
  color: #252e31;
}
.referrals section form input::-moz-placeholder {
  color: #252e31;
}
.referrals section form input:-ms-input-placeholder {
  color: #252e31;
}
.referrals section form input:-moz-placeholder {
  color: #252e31;
}
.referrals section form button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  width: 180px;
  height: 60px;
  margin-left: 10px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0;
  box-shadow: none;
  background: #3db8ea;
  text-transform: capitalize;
}
@media only screen and (max-width : 601px) {
  .referrals section form button {
    margin: 20px auto 0;
  }
}
.referrals .referral-link {
  padding: 80px 0 100px;
  background: #ffffff;
  position: relative;
}
@media only screen and (max-width : 601px) {
  .referrals .referral-link {
    padding: 50px 0;
  }
}
.referrals .referral-link::after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  max-width: 1140px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid #e5e5e5;
  bottom: 0;
}
.referrals .referral-link--inner {
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 40px);
}
.referrals .referral-link--inner h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #252e31;
  margin: 0;
}
.referrals .referral-link .referral-social-links {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.referrals .referral-link .referral-social-links a {
  margin: 0 10px;
}
.referrals .referral-link .referral-social-links a:hover svg circle {
  fill: #3db8ea;
}
.referrals .referral-link .referral-social-links a svg circle {
  transition: 0.5s all ease;
}
.referrals .hero-text {
  text-align: left;
}
@media only screen and (max-width : 1024px) {
  .referrals .hero-inner {
    padding-top: 100px;
    padding-bottom: 100px !important;
  }
}
.referrals .hero h1 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-size: 72px;
  line-height: 88px;
  color: #252e31;
  text-align: left;
  margin: 0 0 40px;
}
@media only screen and (max-width : 768px) {
  .referrals .hero h1 {
    text-shadow: 1px 1px white;
  }
}
@media only screen and (max-width : 601px) {
  .referrals .hero h1 {
    font-size: 40px;
    line-height: 1.2;
  }
}
.referrals .hero .btn-container .btn {
  width: auto;
  display: inline-flex;
  padding: 20px 28px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
}
.referrals .hero .btn-container .btn svg {
  margin-left: 25px;
}

.page-template-page-leaderboard .rank-item {
  display: flex;
  align-items: center;
  width: 100%;
  background: #f3f7f9;
  padding: 12px 0;
  margin-bottom: 20px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item {
    flex-wrap: wrap;
    padding: 20px;
  }
}
.page-template-page-leaderboard .rank-item.active {
  background: #e2f4fc;
  border: 1px solid #3db8ea;
}
.page-template-page-leaderboard .rank-item:last-child {
  margin-bottom: 0;
}
.page-template-page-leaderboard .rank-item.header {
  background: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item.header {
    display: none;
  }
}
.page-template-page-leaderboard .rank-item.header > div {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #252e31;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item > div {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    margin-bottom: 20px;
  }
  .page-template-page-leaderboard .rank-item > div:last-child {
    margin-bottom: 0;
  }
}
.page-template-page-leaderboard .rank-item > div > h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #252e31;
  margin: 0;
  width: 20%;
  margin-right: 20px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item > div > h3 {
    font-size: 16px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 601px) {
  .page-template-page-leaderboard .rank-item > div > h3 {
    display: none;
  }
}
.page-template-page-leaderboard .rank-item > div:first-child {
  flex: 0 0 17%;
  justify-content: center;
}
@media only screen and (max-width : 768px) {
  .page-template-page-leaderboard .rank-item > div:first-child {
    flex: 0 0 20%;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item > div:first-child {
    flex: 0 0 100%;
  }
}
.page-template-page-leaderboard .rank-item > div:nth-child(2) {
  flex: 0 0 35%;
}
@media only screen and (max-width : 768px) {
  .page-template-page-leaderboard .rank-item > div:nth-child(2) {
    flex: 0 0 30%;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item > div:nth-child(2) {
    flex: 0 0 100%;
  }
}
.page-template-page-leaderboard .rank-item > div:nth-child(3) {
  flex: 0 0 35%;
}
@media only screen and (max-width : 768px) {
  .page-template-page-leaderboard .rank-item > div:nth-child(3) {
    flex: 0 0 30%;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item > div:nth-child(3) {
    flex: 0 0 100%;
  }
}
.page-template-page-leaderboard .rank-item > div:nth-child(4) {
  flex: 0 0 13%;
}
@media only screen and (max-width : 768px) {
  .page-template-page-leaderboard .rank-item > div:nth-child(4) {
    flex: 0 0 20%;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item > div:nth-child(4) {
    flex: 0 0 100%;
  }
}
.page-template-page-leaderboard .rank-item .rank-number {
  padding-left: 30px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  color: #252e31;
}
@media only screen and (max-width : 768px) {
  .page-template-page-leaderboard .rank-item .rank-number {
    padding-left: 20px;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item .rank-number {
    padding-left: 0;
  }
}
.page-template-page-leaderboard .rank-item .rank-number span {
  margin-left: 50px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item .rank-number span {
    margin-left: 0;
  }
}
.page-template-page-leaderboard .rank-item .rank-number img + span {
  margin-left: 25px;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item .rank-number img + span {
    margin-left: 5px;
  }
}
.page-template-page-leaderboard .rank-item .user div {
  display: flex;
  align-items: center;
}
.page-template-page-leaderboard .rank-item .user .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item .user .avatar {
    width: 30px;
    height: 30px;
  }
}
.page-template-page-leaderboard .rank-item .user span {
  margin-left: 15px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #252e31;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item .user span {
    font-size: 14px;
  }
}
.page-template-page-leaderboard .rank-item .level {
  display: flex;
  align-items: center;
}
.page-template-page-leaderboard .rank-item .level div {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #252e31;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item .level div {
    font-size: 14px;
  }
}
.page-template-page-leaderboard .rank-item .level div > img {
  width: 50px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .rank-item .level div > img {
    width: 30px;
    height: 30px;
  }
}
.page-template-page-leaderboard .rank-item .level div > span {
  margin-left: 10px;
}
.page-template-page-leaderboard .points {
  padding-right: 50px;
}
.page-template-page-leaderboard .points div {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: center;
  text-align: right;
  color: #252e31;
  justify-content: flex-end !important;
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .points div {
    font-size: 16px;
  }
}
@media only screen and (max-width : 768px) {
  .page-template-page-leaderboard .points {
    padding-right: 20px;
  }
}
@media only screen and (max-width : 601px) {
  .page-template-page-leaderboard .points {
    padding-right: 0px;
  }
}

body.blog,
body.category,
body.search {
  background: #ffffff;
}
body.blog .site-content,
body.category .site-content,
body.search .site-content {
  padding-left: 0;
  padding-right: 0;
}
body.blog .site-content > .container,
body.category .site-content > .container,
body.search .site-content > .container {
  max-width: 1140px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
body.blog .content-area,
body.category .content-area,
body.search .content-area {
  padding-left: 0;
  padding-right: 0;
  margin-right: 30px;
  padding-top: 60px;
  padding-bottom: 120px;
}
@media only screen and (max-width : 768px) {
  body.blog .content-area,
  body.category .content-area,
  body.search .content-area {
    margin-right: 0;
    padding-bottom: 0;
  }
}
body.blog .back-to-articles,
body.category .back-to-articles,
body.search .back-to-articles {
  margin-bottom: 40px;
}
body.blog .back-to-articles a,
body.category .back-to-articles a,
body.search .back-to-articles a {
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #3db8ea;
}
body.blog .back-to-articles a svg,
body.category .back-to-articles a svg,
body.search .back-to-articles a svg {
  margin-right: 10px;
}
body.blog .search-item h1,
body.blog .nothing-found h1,
body.category .search-item h1,
body.category .nothing-found h1,
body.search .search-item h1,
body.search .nothing-found h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 44px;
  color: #252e31;
  margin: 0 0 20px;
}
body.blog .blog-pagination,
body.category .blog-pagination,
body.search .blog-pagination {
  border-top: 1px solid #e1e1e1;
  padding-top: 30px;
  margin-top: 60px;
  display: flex;
  align-items: center;
}
body.blog .blog-pagination .page-numbers,
body.category .blog-pagination .page-numbers,
body.search .blog-pagination .page-numbers {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #252e31;
  margin: 0 20px;
}
body.blog .blog-pagination .page-numbers:first-child,
body.category .blog-pagination .page-numbers:first-child,
body.search .blog-pagination .page-numbers:first-child {
  margin-left: auto;
}
body.blog .blog-pagination .page-numbers:last-child,
body.category .blog-pagination .page-numbers:last-child,
body.search .blog-pagination .page-numbers:last-child {
  margin-right: auto;
}
body.blog .blog-pagination .page-numbers.prev,
body.category .blog-pagination .page-numbers.prev,
body.search .blog-pagination .page-numbers.prev {
  margin-right: auto;
  margin-left: 0;
}
body.blog .blog-pagination .page-numbers.next,
body.category .blog-pagination .page-numbers.next,
body.search .blog-pagination .page-numbers.next {
  margin-right: 0;
  margin-left: auto;
}
body.blog .blog-pagination .page-numbers.current,
body.category .blog-pagination .page-numbers.current,
body.search .blog-pagination .page-numbers.current {
  width: 30px;
  height: 30px;
  background: #3db8ea;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.blog .site-main h1,
body.category .site-main h1,
body.search .site-main h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 44px;
  color: #252e31;
  margin: 0 0 20px;
}
body.blog .site-main p,
body.category .site-main p,
body.search .site-main p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #252e31;
  margin: 0;
}
body.blog .site-main > .post-grid,
body.category .site-main > .post-grid,
body.search .site-main > .post-grid {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 60px 30px;
  margin-top: 40px;
}
@media only screen and (max-width : 601px) {
  body.blog .site-main > .post-grid,
  body.category .site-main > .post-grid,
  body.search .site-main > .post-grid {
    grid-template-columns: auto;
  }
}
body.blog .site-main > .post-grid > article,
body.category .site-main > .post-grid > article,
body.search .site-main > .post-grid > article {
  margin-bottom: 0;
}
body.blog .site-main > .post-grid > article .custom-meta svg,
body.category .site-main > .post-grid > article .custom-meta svg,
body.search .site-main > .post-grid > article .custom-meta svg {
  margin: auto 15px;
}
body.blog .site-main > .post-grid > article .custom-meta .post-author,
body.category .site-main > .post-grid > article .custom-meta .post-author,
body.search .site-main > .post-grid > article .custom-meta .post-author {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
}
body.blog .site-main > .post-grid > article .cat-links a,
body.category .site-main > .post-grid > article .cat-links a,
body.search .site-main > .post-grid > article .cat-links a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #3db8ea;
}
body.blog .site-main > .post-grid > article .post-inner-wrap,
body.category .site-main > .post-grid > article .post-inner-wrap,
body.search .site-main > .post-grid > article .post-inner-wrap {
  border-radius: 0;
}
body.blog .site-main > .post-grid > article .post-inner-wrap:hover,
body.category .site-main > .post-grid > article .post-inner-wrap:hover,
body.search .site-main > .post-grid > article .post-inner-wrap:hover {
  box-shadow: none;
}
body.blog .site-main > .post-grid .entry-img,
body.category .site-main > .post-grid .entry-img,
body.search .site-main > .post-grid .entry-img {
  padding-top: 66.66%;
}
body.blog .site-main > .post-grid .entry-header,
body.category .site-main > .post-grid .entry-header,
body.search .site-main > .post-grid .entry-header {
  margin-bottom: 0;
}
body.blog .site-main > .post-grid .entry-title a,
body.category .site-main > .post-grid .entry-title a,
body.search .site-main > .post-grid .entry-title a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  color: #252e31;
  display: block;
  transition: 0.5s all ease;
}
body.blog .site-main > .post-grid .entry-title a:hover,
body.category .site-main > .post-grid .entry-title a:hover,
body.search .site-main > .post-grid .entry-title a:hover {
  color: #3db8ea;
}
body.blog .site-main .pagination-below,
body.category .site-main .pagination-below,
body.search .site-main .pagination-below {
  margin-top: 60px;
  border-top: 1px solid #e1e1e1;
}
body.blog .site-main .post-inner-wrap,
body.category .site-main .post-inner-wrap,
body.search .site-main .post-inner-wrap {
  border: 0;
}
body.blog .site-main .post-inner-wrap .entry-content-wrap,
body.category .site-main .post-inner-wrap .entry-content-wrap,
body.search .site-main .post-inner-wrap .entry-content-wrap {
  padding: 25px 0 0;
}
body.blog .site-main .bb-user-avatar-wrap .avatar-wrap,
body.blog .site-main .bb-user-avatar-wrap .post-date,
body.category .site-main .bb-user-avatar-wrap .avatar-wrap,
body.category .site-main .bb-user-avatar-wrap .post-date,
body.search .site-main .bb-user-avatar-wrap .avatar-wrap,
body.search .site-main .bb-user-avatar-wrap .post-date {
  display: none;
}
body.blog .site-main .top-meta,
body.category .site-main .top-meta,
body.search .site-main .top-meta {
  display: none;
}
body.blog #secondary,
body.category #secondary,
body.search #secondary {
  padding-left: 0;
  padding-right: 0;
  padding-top: 60px;
}
@media screen and (min-width: 800px) {
  body.blog #secondary,
  body.category #secondary,
  body.search #secondary {
    flex: 0 0 360px;
    max-width: 360px;
  }
}
body.blog #secondary .widget,
body.category #secondary .widget,
body.search #secondary .widget {
  border: 0;
  padding: 0;
  margin-bottom: 60px;
}
body.blog #secondary .widget .search-field-top,
body.category #secondary .widget .search-field-top,
body.search #secondary .widget .search-field-top {
  border: 1px solid #8c999d;
  height: 54px;
  padding: 0 14px 0 42px;
  background: url("../images/search.svg") no-repeat 14px center;
  color: #252e31;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  border-radius: 0;
}
body.blog #secondary .widget .search-field-top::-webkit-input-placeholder,
body.category #secondary .widget .search-field-top::-webkit-input-placeholder,
body.search #secondary .widget .search-field-top::-webkit-input-placeholder {
  color: #8c999d;
}
body.blog #secondary .widget .search-field-top::-moz-placeholder,
body.category #secondary .widget .search-field-top::-moz-placeholder,
body.search #secondary .widget .search-field-top::-moz-placeholder {
  color: #8c999d;
}
body.blog #secondary .widget .search-field-top:-ms-input-placeholder,
body.category #secondary .widget .search-field-top:-ms-input-placeholder,
body.search #secondary .widget .search-field-top:-ms-input-placeholder {
  color: #8c999d;
}
body.blog #secondary .widget .search-field-top:-moz-placeholder,
body.category #secondary .widget .search-field-top:-moz-placeholder,
body.search #secondary .widget .search-field-top:-moz-placeholder {
  color: #8c999d;
}
body.blog #secondary .widget-title,
body.category #secondary .widget-title,
body.search #secondary .widget-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
  margin: 0 0 40px;
}
body.blog #secondary .widget_categories a,
body.category #secondary .widget_categories a,
body.search #secondary .widget_categories a {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #252e31;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  padding-right: 6px;
  background: url("../images/arrow-right.svg") no-repeat calc(100% - 6px) center;
}
#secondary .widget.widget_custom_html {
  display: none;
}
body.blog #secondary .widget.popular-posts .wpp-cards li,
body.category #secondary .widget.popular-posts .wpp-cards li,
body.search #secondary .widget.popular-posts .wpp-cards li {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
body.blog #secondary .widget.popular-posts .wpp-cards li:last-child,
body.category #secondary .widget.popular-posts .wpp-cards li:last-child,
body.search #secondary .widget.popular-posts .wpp-cards li:last-child {
  margin-bottom: 0;
}
body.blog #secondary .widget.popular-posts .wpp-cards .taxonomies a,
body.category #secondary .widget.popular-posts .wpp-cards .taxonomies a,
body.search #secondary .widget.popular-posts .wpp-cards .taxonomies a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #3db8ea;
  margin-bottom: 7px;
}
body.blog #secondary .widget.popular-posts .wpp-cards .wpp-post-title,
body.category #secondary .widget.popular-posts .wpp-cards .wpp-post-title,
body.search #secondary .widget.popular-posts .wpp-cards .wpp-post-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #252e31;
}

.faqs .elementor-accordion-item {
  margin-bottom: 30px;
}
.faqs .elementor-tab-title {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.faqs .elementor-tab-title.elementor-active {
  background: rgba(61, 184, 234, 0.15) !important;
}
.faqs .elementor-tab-content p:last-of-type {
  margin-bottom: 0;
}

.single-post {
  background: #fff;
}
.single-post .post-author-info,
.single-post .post-related-posts,
.single-post .post-meta-wrapper {
  display: none;
}
.single-post .back-to-articles {
  margin-bottom: 40px;
}
.single-post .back-to-articles a {
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #3db8ea;
}
.single-post .back-to-articles a svg {
  margin-right: 10px;
}
.single-post .custom-meta {
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.single-post .custom-meta svg {
  margin: auto 15px;
}
@media only screen and (max-width : 601px) {
  .single-post .custom-meta > svg {
    display: none;
  }
}
.single-post .custom-meta .post-author,
.single-post .custom-meta .post-date {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #8c999d;
  margin: 0;
}
@media only screen and (max-width : 601px) {
  .single-post .custom-meta .cat-links {
    margin-bottom: 15px;
  }
}
.single-post .custom-meta .cat-links a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #3db8ea;
}
.single-post .custom-meta .entry-meta {
  margin-bottom: 0;
}
.single-post .custom-meta .meta-wrap {
  display: flex;
  align-items: center;
}
.single-post .content-area {
  padding-left: 0;
  padding-right: 0;
  margin-right: 60px !important;
  padding-top: 60px;
  padding-bottom: 120px;
}
@media only screen and (max-width : 768px) {
  .single-post .content-area {
    margin-right: 0 !important;
    padding-bottom: 0;
  }
}
.single-post .content-area .entry-header {
  margin-bottom: 20px;
}
.single-post .content-area .entry-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  text-transform: capitalize;
  color: #252e31;
  margin: 0 0 20px;
}
.single-post .content-area h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  text-transform: capitalize;
  color: #252e31;
}
.single-post .content-area p {
  font-family: "Montserrat";
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #252e31;
}
.single-post .entry-img {
  padding-top: 52.56%;
}
.single-post #secondary {
  padding-left: 0;
  padding-right: 0;
  padding-top: 60px;
}
@media screen and (min-width: 800px) {
  .single-post #secondary {
    flex: 0 0 360px;
    max-width: 360px;
  }
}
.single-post #secondary .widget {
  border: 0;
  padding: 0;
  margin-bottom: 60px;
}
.single-post #secondary .widget_search, .single-post #secondary .widget.popular-posts {
  display: none;
}
.single-post #secondary .widget .posts_related_widget li {
  margin-bottom: 30px;
}
.single-post #secondary .widget .posts_related_widget li:last-child {
  margin-bottom: 0;
}
.single-post #secondary .widget .posts_related_widget a {
  display: flex;
  align-items: center;
}
.single-post #secondary .widget .posts_related_widget a img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 1rem;
}
.single-post #secondary .widget .posts_related_widget a h5 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #3db8ea;
  margin: 0 0 7px;
}
.single-post #secondary .widget .posts_related_widget a .crp_title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #252e31;
}
.single-post #secondary .widget.widget_widget_crp a {
  display: flex;
  align-items: center;
}
.single-post #secondary .widget.widget_widget_crp a img {
  margin-right: 1rem;
}
.single-post #secondary .widget.widget_widget_crp a .crp_title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #252e31;
}
.single-post #secondary .widget .search-field-top {
  border: 1px solid #8c999d;
  height: 54px;
  padding: 0 14px 0 42px;
  background: url("../images/search.svg") no-repeat 14px center;
  color: #252e31;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
.single-post #secondary .widget .search-field-top::-webkit-input-placeholder {
  color: #8c999d;
}
.single-post #secondary .widget .search-field-top::-moz-placeholder {
  color: #8c999d;
}
.single-post #secondary .widget .search-field-top:-ms-input-placeholder {
  color: #8c999d;
}
.single-post #secondary .widget .search-field-top:-moz-placeholder {
  color: #8c999d;
}
.single-post #secondary .widget-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #252e31;
  margin: 0 0 40px;
}
.single-post #secondary .widget_categories a {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  color: #252e31;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  padding-right: 6px;
  background: url("../images/arrow-right.svg") no-repeat calc(100% - 6px) center;
}
.single-post #secondary .widget.popular-posts .wpp-cards li {
  display: flex;
  align-items: center;
}
.single-post #secondary .widget.popular-posts .wpp-cards .taxonomies a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #3db8ea;
  margin-bottom: 7px;
}
.single-post #secondary .widget.popular-posts .wpp-cards .wpp-post-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #252e31;
}

.gform_page_footer.top_label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#gform_page_6_5 #gform_submit_button_6 {
  display: none;
}/*# sourceMappingURL=custom.css.map */
/* =============================================
   Goodies Pages - Hide "You Might Also Like" sidebar
   ============================================= */
#secondary .widget_custom_html {
  display: none !important;
}