body {
  word-wrap: break-word !important;
}

.filter-types {
  border-radius: 5px !important;
}
@media (max-width: 992px) {
  .filter-types {
    padding: 15px !important;
  }
}
@media (max-width: 992px) {
  .filter-types .types {
    display: block !important;
  }
}
.filter-types .types nav li {
  background: #072e0c !important;
  padding: 10px 20px !important;
  margin-right: 20px !important;
  color: white !important;
  font-weight: bold !important;
}
.filter-types .types nav li.active {
  background: #0BBC22 !important;
}
.filter-types .types nav li:hover {
  background: #0BBC22 !important;
}
@media (max-width: 992px) {
  .filter-types .types nav li {
    margin-right: 0px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
}
.filter-types .types nav li a {
  color: white !important;
}
.filter-types form {
  background: white !important;
  padding: 5px 10px !important;
  border-radius: 30px !important;
}
.filter-types form input {
  background: none !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  flex-grow: 1 !important;
}
.filter-types form button {
  background: #0BBC22 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  margin-left: 5px !important;
}
.filter-types form button:hover {
  background: #072e0c !important;
}
@media (max-width: 768px) {
  .filter-types form button {
    background: none !important;
    color: #0BBC22 !important;
    font-size: 15px !important;
    font-weight: bold !important;
  }
}

.owl-theme .owl-dots {
  text-align: center !important;
  margin-top: 20px !important;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block !important;
  text-align: center !important;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #0BBC22 !important;
}

.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  border-radius: 50% !important;
}

.modal-types {
  top: 10% !important;
}
@media (max-width: 992px) {
  .modal-types {
    top: 0 !important;
  }
}
.modal-types .modal-body {
  overflow-y: scroll !important;
  height: 400px !important;
}
.modal-types nav li {
  background: #072e0c !important;
  padding: 10px 20px !important;
  margin-bottom: 10px !important;
  color: white !important;
  font-weight: bold !important;
  width: 100% !important;
  text-align: center !important;
}
.modal-types nav li.active {
  background: #0BBC22 !important;
}
.modal-types nav li:hover {
  background: #0BBC22 !important;
}
@media (max-width: 992px) {
  .modal-types nav li {
    margin-right: 0px !important;
    width: 100%;
    margin-bottom: 10px !important;
  }
}
.modal-types nav li a {
  color: white !important;
  text-align: center !important;
}

.modal-levels {
  top: 0% !important;
}
.modal-levels .modal-body {
  overflow-y: scroll !important;
  height: 400px !important;
}
.modal-levels nav li {
  font-weight: bold !important;
}
.modal-levels nav li.active span {
  background: #072e0c !important;
}
.modal-levels nav li span {
  background: #0BBC22 !important;
  color: white !important;
}
.modal-levels nav li span:hover {
  background: #072e0c !important;
}
.modal-levels nav li .sub-levels {
  display: none !important;
  margin-left: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.modal-levels nav li .sub-levels li::before {
  content: "-";
  margin-right: 10px !important;
}
.modal-levels nav li .sub-levels li a {
  color: #072e0c !important;
}
.modal-levels nav li .sub-levels li a:hover {
  color: #0BBC22 !important;
}
.modal-levels nav li.active .sub-levels {
  display: block !important;
}
@media (max-width: 992px) {
  .modal-levels nav li {
    margin-right: 0px !important;
    width: 100%;
    margin-bottom: 10px !important;
  }
}
.modal-levels nav li a {
  color: white !important;
}

.latest-posts {
  color: #072e0c !important;
}
.latest-posts h2 {
  font-size: 20px !important;
  font-weight: bold !important;
}
.latest-posts .cards-body .cards-info div {
  margin-bottom: 10px !important;
}
@media (max-width: 768px) {
  .latest-posts .cards-footer {
    justify-content: center !important;
  }
}
.latest-posts .cards-footer span.btn-primary {
  padding: 10px 20px !important;
}
@media (max-width: 768px) {
  .latest-posts .cards-footer span.btn-primary {
    width: 100% !important;
    order: 2;
    text-align: center !important;
    margin-top: 10px !important;
  }
}
.latest-posts .cards-footer span.btn-primary:hover {
  background: #072e0c !important;
}
.latest-posts .cards-footer span.btn-primary.bg-sec:hover {
  background: #0BBC22 !important;
}
.latest-posts .owl-carousel {
  position: relative !important;
}
.latest-posts .owl-nav {
  position: absolute !important;
  bottom: 0 !important;
  top: 115%;
  right: 140px;
  display: none !important;
}
.latest-posts .owl-nav div {
  width: 100px !important;
  font-size: 15px !important;
  margin-left: 20px;
  text-transform: capitalize !important;
  color: #072e0c !important;
}
.latest-posts .owl-nav div.disabled:hover {
  background: #0BBC22 !important;
  color: white !important;
}
.latest-posts .owl-nav div:not(.disabled) {
  background: #0BBC22;
  color: white !important;
}
.latest-posts .share .fa-instagram,
.latest-posts .share .fa-tiktok {
  background: none !important;
}
.latest-posts .share a {
  margin-right: 5px !important;
}

.learn-app {
  margin-top: 100px !important;
  position: relative !important;
}
.learn-app h2 {
  font-weight: bolder !important;
}
@media (max-width: 599px) {
  .learn-app h2 {
    font-size: 3.3rem !important;
  }
}
.learn-app a.bg-pri {
  padding: 15px 20px !important;
  font-weight: bold;
}
.learn-app a.bg-pri:hover {
  background: #072e0c !important;
}
@media (max-width: 992px) {
  .learn-app .text-cont {
    margin-bottom: 20px !important;
  }
}
.learn-app .frame {
  width: 100% !important;
  overflow: hidden !important;
  padding: 0px !important;
  height: 400px !important;
}
@media (max-width: 992px) {
  .learn-app .frame {
    position: static !important;
    margin-bottom: 10px !important;
  }
}
.learn-app .frame iframe {
  width: 100% !important;
  height: 100% !important;
}

.testimonial-area h2 {
  font-size: 20px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.testimonial-area img {
  border-radius: 50% !important;
  width: 100px !important;
  height: 100px !important;
  border: 5px solid white;
}
.testimonial-area p {
  line-height: 1.5 !important;
  font-size: 20px !important;
  margin-top: 0px !important;
}
.testimonial-area span {
  font-size: 20px !important;
  margin: 0px !important;
}

@media (max-width: 992px) {
  .slick-dots {
    display: block !important;
  }
}
.slick-dots li button {
  border: 2px solid #0BBC22 !important;
  padding: 5px !important;
}
.slick-dots li.slick-active button {
  background: #0BBC22 !important;
}

.flex-direction-column {
  flex-direction: column !important;
}

.file-cont .file-box {
  margin-top: 0px !important;
  height: 100% !important;
}
@media (max-width: 992px) {
  .file-cont .file-box {
    height: auto !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    padding: 0px !important;
  }
}
.file-cont .more-box h2 {
  font-size: 20px !important;
  font-weight: bold !important;
}
@media (max-width: 768px) {
  .file-cont .more-box h2 {
    text-align: center !important;
    width: 100% !important;
  }
}
.file-cont .more-box form {
  display: flex !important;
  background: white !important;
  padding: 5px !important;
  border-radius: 30px !important;
}
@media (max-width: 768px) {
  .file-cont .more-box form {
    margin-top: 10px !important;
    width: 100% !important;
    padding: 4px !important;
  }
}
.file-cont .more-box form input {
  border: none !important;
  outline: none !important;
  width: 100% !important;
  background: none !important;
}
.file-cont .more-box form button {
  background: #0BBC22 !important;
  border: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  margin-left: 5px !important;
}
.file-cont .more-box form button:hover {
  background: #072e0c !important;
}
@media (max-width: 768px) {
  .file-cont .more-box form button {
    background: none !important;
    color: #0BBC22 !important;
    font-size: 15px !important;
    font-weight: bold !important;
  }
  .file-cont .more-box form button:hover {
    background: none !important;
  }
}
.file-cont .cards h3 a {
  color: #072e0c !important;
}
.file-cont .cards h3 a:hover {
  color: #0BBC22 !important;
}

.total-section i {
  font-size: 100px !important;
}
.total-section .bg-white {
  padding: 10PX !important;
}
.total-section .bg-white h2 {
  font-size: 30px !important;
  font-weight: bold !important;
  color: #0BBC22 !important;
}
.total-section .bg-white p {
  font-size: 20px !important;
  font-weight: bold !important;
}
@media (max-width: 992px) {
  .total-section .bg-white .box {
    padding: 30px 10px;
    width: 100% !important;
  }
  .total-section .bg-white .box .info {
    margin-top: 20px !important;
  }
}
.total-section .bg-white .box.res {
  border-right: 5px solid #0BBC22 !important;
}
@media (max-width: 992px) {
  .total-section .bg-white .box.res {
    border-right: none !important;
    border-bottom: 5px solid #0BBC22 !important;
    margin-bottom: 20px !important;
  }
}
.total-section .mail .box {
  width: 100% !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}
.total-section .mail .box .info {
  width: 100% !important;
}
@media (max-width: 992px) {
  .total-section .mail .box .info {
    margin: 0px !important;
  }
}
@media (max-width: 992px) {
  .total-section .mail {
    padding: 20px 0px !important;
  }
}
.total-section .mail h2 {
  font-size: 30px !important;
  font-weight: bold !important;
}
.total-section .mail i {
  background: #b5d5b9 !important;
  border-radius: 50% !important;
  padding: 20px !important;
  font-size: 50px !important;
  color: #0BBC22 !important;
  width: 100px !important;
  height: 100px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}
.total-section .mail form {
  display: flex !important;
}
@media (max-width: 992px) {
  .total-section .mail form {
    flex-direction: column !important;
  }
}
.total-section .mail form input {
  border: none !important;
  outline: none !important;
  height: 40px !important;
  background: white !important;
  width: 100% !important;
  font-size: 14px !important;
}
@media (max-width: 992px) {
  .total-section .mail form input {
    width: 100% !important;
    margin-bottom: 10px !important;
    height: 40px !important;
  }
}
.total-section .mail form button {
  border: none !important;
  background: #0BBC22 !important;
  color: white !important;
  padding: 10px 20px !important;
  margin-left: 5px !important;
}
@media (max-width: 992px) {
  .total-section .mail form button {
    width: 100% !important;
    padding: 10px !important;
    font-weight: bold !important;
    margin-left: 0px !important;
  }
}

.user-data {
  border-bottom: 2px solid #072e0c !important;
}
.user-data img {
  border-radius: 50% !important;
  border: 3px solid white !important;
}

.dash-links {
  width: 100% !important;
}
.dash-links ul {
  width: 100% !important;
}
.dash-links li {
  width: 100% !important;
  padding: 10px !important;
}
.dash-links li.active {
  background: #072e0c !important;
}
.dash-links li.active a {
  color: white !important;
}
.dash-links li:hover {
  background: #072e0c !important;
}
.dash-links li:hover a {
  color: white !important;
}
.dash-links li a {
  font-weight: bold !important;
}

.greeting-text {
  font-size: 2rem;
  font-weight: 600;
  opacity: 0;
  transform: translateY(15px);
  animation: fadeSlide 1s ease forwards;
}

@keyframes fadeSlide {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.know-video .bg-white {
  padding: 10px !important;
  background: white !important;
  width: 100% !important;
  border-radius: 10px !important;
  height: 400px !important;
}
@media (max-width: 992px) {
  .know-video .bg-white {
    margin: 10px !important;
  }
}
.know-video .bg-white iframe {
  width: 100% !important;
  height: 100% !important;
}

.profile-cont {
  margin-top: 30px !important;
}
.profile-cont .bg-white {
  padding: 20px !important;
  background: white !important;
  border-radius: 10px !important;
  height: 100% !important;
}
.profile-cont .bg-white img {
  border-radius: 50% !important;
  border: 5px solid #E1F0E2 !important;
  width: 150px !important;
  height: 150px !important;
}
.profile-cont .bg-white h2 {
  font-size: 20px !important;
  font-weight: bold !important;
}
.profile-cont .bg-white form .form-group label {
  font-weight: bold !important;
}
.profile-cont .bg-white form .form-group input,
.profile-cont .bg-white form .form-group select {
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  padding: 10px !important;
  width: 100% !important;
  height: 40px !important;
  font-size: 13px !important;
}
.profile-cont .bg-white form button {
  background: #0BBC22 !important;
  color: white !important;
  padding: 10px 20px !important;
  border: none !important;
  border-radius: 5px !important;
  margin-bottom: 20px !important;
  float: right;
}
.profile-cont .bg-white form button:hover {
  background: #072e0c !important;
}
@media (max-width: 992px) {
  .profile-cont .bg-white form button {
    width: 100% !important;
    float: none !important;
  }
}

.two-cols .col-lg-6 {
  height: 100% !important;
}
@media (max-width: 992px) {
  .two-cols .col-lg-6 {
    margin-bottom: 20px !important;
  }
}
.two-cols .col-lg-6 .col {
  height: 100% !important;
}
.two-cols .col-lg-6 .box {
  height: 100% !important;
}
.two-cols .col-lg-6 .box .body {
  height: 100% !important;
  padding-top: 30px !important;
}
.two-cols .col-lg-6 .box .body i {
  font-size: 50px !important;
  border-radius: 50% !important;
  width: 100px !important;
  height: 100px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  color: #0BBC22 !important;
}

@media (max-width: 992px) {
  .show-lg {
    display: none !important;
  }
}

.top-3 {
  background: #072e0c !important;
  padding: 50px 0px;
  position: relative !important;
  overflow: hidden !important;
}
.top-3 .bg {
  position: absolute !important;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
.top-3 .bg img {
  width: 100% !important;
  height: 100% !important;
  mix-blend-mode: multiply !important;
}
.top-3 .col-lg-4 .box {
  box-shadow: 0 0 10px 3px rgba(108, 98, 98, 0.2);
  background: #0BBC22 !important;
  color: white !important;
  padding: 20px !important;
  height: 100% !important;
}
@media (max-width: 768px) {
  .top-3 .col-lg-4 .box {
    margin-bottom: 20px !important;
  }
}
.top-3 .col-lg-4 .box:hover {
  background: white !important;
}
.top-3 .col-lg-4 .box:hover h3 {
  color: #0BBC22 !important;
}
.top-3 .col-lg-4 .box:hover p,
.top-3 .col-lg-4 .box:hover span {
  color: #0BBC22 !important;
}
.top-3 .col-lg-4 .box:hover .actions span.fa {
  background: #072e0c !important;
  width: 50px !important;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white !important;
}
.top-3 .col-lg-4 .box:hover .actions span a {
  margin-left: 10px !important;
  color: #072e0c !important;
}
.top-3 .col-lg-4 .box:hover .btn::before {
  transform: scaleX(1);
  color: #fff !important;
  z-index: -1;
}
.top-3 .col-lg-4 .box:hover .btn span {
  color: white !important;
}
.top-3 .col-lg-4 .box .actions span.fa {
  background: #072e0c !important;
  width: 50px !important;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px !important;
}
.top-3 .col-lg-4 .box .actions span a {
  margin-left: 10px !important;
}
.top-3 .col-lg-4 .box .btn {
  padding-left: 15px !important;
}
.top-3 .col-lg-4 .box .btn i {
  font-size: 20px !important;
}
@media (max-width: 768px) {
  .top-3 .col-lg-4 .box {
    height: auto !important;
  }
}
.top-3 .col-lg-4 .box h3 {
  font-weight: bold;
  color: white;
  font-size: 25px;
  -webkit-text-decoration: 5px underline;
          text-decoration: 5px underline;
}
.top-3 .col-lg-4 .box p {
  color: white !important;
  font-weight: 300 !important;
  margin-top: 10px !important;
}

@media (max-width: 992px) {
  .about-low-area .two {
    order: 1 !important;
  }
}

.round-img {
  border-radius: 50% !important;
  width: 300px !important;
  height: 300px !important;
  border: 3px solid #0BBC22 !important;
  image-resolution: inherit;
}

.dataTable-top > nav:first-child,
.dataTable-top > div:first-child,
.dataTable-bottom > nav:first-child,
.dataTable-bottom > div:first-child {
  float: left;
}
@media (max-width: 992px) {
  .dataTable-top > nav:first-child,
  .dataTable-top > div:first-child,
  .dataTable-bottom > nav:first-child,
  .dataTable-bottom > div:first-child {
    float: none;
    text-align: center !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    margin: 0px !important;
  }
}

.dataTable-top > nav:last-child,
.dataTable-top > div:last-child,
.dataTable-bottom > nav:last-child,
.dataTable-bottom > div:last-child {
  float: right;
}
@media (max-width: 992px) {
  .dataTable-top > nav:last-child,
  .dataTable-top > div:last-child,
  .dataTable-bottom > nav:last-child,
  .dataTable-bottom > div:last-child {
    float: none;
    width: 100% !important;
    margin: 0px !important;
  }
  .dataTable-top > nav:last-child input,
  .dataTable-top > div:last-child input,
  .dataTable-bottom > nav:last-child input,
  .dataTable-bottom > div:last-child input {
    width: 100% !important;
  }
}/*# sourceMappingURL=zaks.css.map */