@charset "UTF-8";
/* xs - SMARTPHONE PORTRAIT STYLES */
/* xs - SMARTPHONE PORTRAIT STYLES */
/* Write your Public SASS mixins here! */
/* Breakpoints */
.ff-hdr, .ff-hdr * {
  font-family: "Hawlers Body", Sans-serif !important;
}
.ff-body, .ff-body * {
  font-family: "Montserrat", Sans-serif !important;
}
.p, .p * {
  font-size: 1rem !important;
}
@media (min-width: 768px) {
  .p, .p * {
    font-size: 1.2rem !important;
  }
}
.h1, .h1 * {
  font-size: 4.6rem !important;
  line-height: 0.75em !important;
}
@media (min-width: 768px) {
  .h1, .h1 * {
    font-size: 6rem !important;
  }
}
@media (min-width: 1240px) {
  .h1, .h1 * {
    font-size: 7rem !important;
  }
}
.h2, .h2 * {
  font-size: 3.2rem !important;
  line-height: 0.75em !important;
  /*     @include breakpoint(large) {font-size:5rem !important; }
 */
}
@media (min-width: 768px) {
  .h2, .h2 * {
    font-size: 4rem !important;
  }
}
.h3, .h3 * {
  font-size: 1.8rem !important;
  line-height: 1em !important;
}
@media (min-width: 768px) {
  .h3, .h3 * {
    font-size: 2rem !important;
  }
}
@media (min-width: 1240px) {
  .h3, .h3 * {
    font-size: 2.2rem !important;
  }
}
.h4, .h4 * {
  font-size: 1.4rem !important;
  line-height: 1em !important;
}
@media (min-width: 768px) {
  .h4, .h4 * {
    font-size: 1.8rem !important;
  }
}
.h5, .h5 * {
  font-size: 1.2rem !important;
  line-height: 1em !important;
}
@media (min-width: 768px) {
  .h5, .h5 * {
    font-size: 1.4rem !important;
  }
}
.h6, .h6 * {
  font-size: 1rem !important;
  line-height: 1em !important;
}
.c-lgr {
  color: #71C98E;
}
.bg-reset, .ediv, .bg-fill {
  background-repeat: no-repeat !important;
  background-position: center center;
}
.notxt {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.ablock, .bg-fill {
  position: absolute;
  display: block;
}
.ediv, .bg-fill {
  content: " ";
  width: 100%;
}
.bg-fill {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-size: cover;
}
.animate, a, a *, .btn, .uline {
  transition: all 0.2s ease-in-out;
}
.animatelong {
  transition: all 1s ease-out;
}
.animateshort {
  transition: none 0.05s ease-in;
}
.clip-arrow {
  clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}
.clip-file {
  clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
}
.boxshd {
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4);
}
.rotate90r {
  transform: rotate(90deg);
}
.rotate90l {
  transform: rotate(-90deg);
}
.shdbox {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.icn-reset svg, .icn-reset i {
  height: auto !important;
}
.stretch-bg {
  background-size: 100% 100% !important;
}
ul.list-reset, ul.list-reset li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.checked li {
  position: relative;
  padding: 3px 0 3px 24px;
  list-style-type: none;
}
ul.checked li:before {
  position: absolute;
  left: 0;
  top: 3px;
  font-family: "Font Awesome 5 Free" !important;
  content: "";
  color: #71C98E !important;
  font-size: 80%;
}
@media (min-width: 768px) {
  ul.col2 {
    column-count: 2 !important;
  }
}
@media (min-width: 960px) {
  .force-full .elementor-row {
    flex-wrap: wrap;
  }
  .force-full .elementor-row .elementor-column.full-row {
    width: 100% !important;
  }
}
.full-btn a {
  width: 100% !important;
}
.bdr-active .elementor-icon {
  border-color: #fff !important;
}
@media (max-width: 767px) {
  .kibl .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
  }
  .kibl .elementor-icon-box-icon {
    flex: 0 0 auto;
    margin: 10px 15px 0 0 !important;
  }
}
.flexit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.clip-lr {
  clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}
@media (min-width: 768px) {
  .hdr-nav .elementor-widget-container {
    background: transparent !important;
  }
}
.hdr-nav .elementor-widget-container .sub-menu {
  width: 100%;
}
.fa, .fa * {
  font-family: "Font Awesome 5 Free" !important;
}