/* this page's background */
body {
  background-color: rgb(255, 255, 255);
}

/* testimonials (read from the original) */
.t-info {
  text-align: center;
  border-top-color: rgb(75, 79, 88);
}
.t-text {
  font-family: Questrial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26.4px;
  color: rgb(75, 79, 88);
  text-align: center;
  padding-top: 10px;
}
.t-text p {
  font-size: 16px;
  line-height: 26.4px;
  color: rgb(75, 79, 88);
}
.t-author {
  text-align: center;
}
.t-name {
  font-family: Khula, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 27.3px;
  color: rgb(168, 182, 110);
  text-align: center;
  margin-bottom: 5px;
}
.t-role {
  font-family: Questrial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26.4px;
  color: rgb(75, 79, 88);
  text-align: center;
  margin-top: 5px;
}
.t-dots {
  text-align: center;
  padding-top: 20px;
  height: 46.4062px;
}
.t-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: rgb(0, 0, 0);
  opacity: 1;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}
.t-dot.active {
  background: rgb(0, 0, 0);
  opacity: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager button.active, .bx-wrapper .bx-pager.bx-default-pager button:focus, .bx-wrapper .bx-pager.bx-default-pager button:hover {
   background: rgb(0, 0, 0);
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
   background-position: -86px 0px;
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
   background-position: -86px -33px;
}

.row-1.row-default-height > .row-body,
.row-1.row-full-height > .row-body,
.row-1.row-custom-height > .row-body {
  align-items: center;
  justify-content: center;
}

.row-1 > .row-body {
  background-image: url("/wp-content/uploads/2020/12/about2.jpg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-attachment: scroll;
  background-size: cover;
}

@media (max-width: 1200px) {
  .row-1 > .row-body {
    background-position-x: center;
    background-position-y: center;
  }
}

@media (max-width: 992px) {
  .row-1 > .row-body {
    background-image: url("/wp-content/uploads/2020/12/about1.jpg");
    background-position-x: center;
    background-position-y: center;
  }
}

@media (max-width: 768px) {
  .row-1 > .row-body {
    background-image: url("/wp-content/uploads/2020/12/about2.jpg");
    background-position-x: 80%;
    background-position-y: 0%;
  }
}

.row-1 > .row-body {
  margin: 10px;
}

@media (max-width: 992px) {
  .row-1.row > .row-body {
    margin: 10px;
  }
}

@media (max-width: 768px) {
  .row-1.row > .row-body {
    margin: 10px;
  }
}

.row-1 > .row-body {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .row-1.row > .row-body {
    padding: 0px;
  }
}

.row-2.row-default-height > .row-body,
.row-2.row-full-height > .row-body,
.row-2.row-custom-height > .row-body {
  align-items: center;
  justify-content: center;
}

.row-2 > .row-body {
  padding-top: 40px;
}

.row-3.row-default-height > .row-body,
.row-3.row-full-height > .row-body,
.row-3.row-custom-height > .row-body {
  align-items: center;
  justify-content: center;
}

.row-3 > .row-body {
  background-image: url("/wp-content/uploads/2020/12/aboutus6.jpg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-attachment: scroll;
  background-size: cover;
}

.row-3.row-fixed,
.row-3 .row-content-fixed {
  max-width: 1020px;
}

@media (max-width: 1200px) {
  .row-3 > .row-body {
    background-position-x: center;
    background-position-y: center;
  }
}

@media (max-width: 992px) {
  .row-3 > .row-body {
    background-position-x: center;
    background-position-y: center;
  }
}

@media (max-width: 768px) {
  .row-3 > .row-body {
    background-position-x: center;
    background-position-y: center;
  }
}

.row-3 > .row-body {
  margin-top: 80px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .row-3.row > .row-body {
    margin: 0px;
  }
}

.row-3 > .row-body {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media (max-width: 768px) {
  .row-3.row > .row-body {
    padding: 0px;
  }
}

.row-4 > .row-body {
  background-color: rgba(125, 127, 127, 0.03);
}

.row-4.row-default-height > .row-body,
.row-4.row-full-height > .row-body,
.row-4.row-custom-height > .row-body {
  align-items: center;
  justify-content: center;
}

.row-4 .row-content {
  max-width: 1220px;
}

.row-4 > .row-body {
  margin: 10px;
}

.row-4 > .row-body {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 992px) {
  .row-4.row > .row-body {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.row-5.row-default-height > .row-body,
.row-5.row-full-height > .row-body,
.row-5.row-custom-height > .row-body {
  align-items: center;
  justify-content: center;
}

.row-5 > .row-body {
  padding: 0px;
}

.row-6.row-default-height > .row-body,
.row-6.row-full-height > .row-body,
.row-6.row-custom-height > .row-body {
  align-items: center;
  justify-content: center;
}

.row-6 > .row-body {
  padding-bottom: 40px;
}

.col-18 {
  width: 100%;
}

.col-2 {
  width: 50%;
}

.col-2 > .col-body {
  background-color: rgba(255, 255, 255, 0.77);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.col-2 > .col-body {
  margin: 10px;
}

@media (max-width: 768px) {
  .col-2.col > .col-body {
    margin: 10px;
  }
}

.col-2 > .col-body {
  padding: 20px;
}

@media (max-width: 768px) {
  .col-2.col > .col-body {
    padding: 10px;
  }
}

.col-5 {
  width: 33.33%;
}

.col-9 {
  width: 100%;
}

.col-9 > .col-body {
  background-color: rgba(255, 255, 255, 0.78);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

@media (max-width: 768px) {
  .col-9.col > .col-body {
    margin: 10px;
  }
}

.col-9 > .col-body {
  padding: 20px;
}

@media (max-width: 768px) {
  .col-9.col > .col-body {
    padding: 10px;
  }
}

.col-3 {
  width: 50%;
}

.col-6 {
  width: 33.33%;
}

.col-7 {
  width: 33.33%;
}

.col-11 {
  width: 100%;
}

.col-13 {
  width: 100%;
}

.col-15 {
  width: 59.64%;
}

.col-15 > .col-body {
  background-color: rgb(255, 255, 255);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.col-15 > .col-body {
  margin: 10px 10px 0px;
}

@media (max-width: 768px) {
  .col-15.col > .col-body {
    margin: 10px;
  }
}

.col-15 > .col-body {
  padding-bottom: 0px;
}

@media (max-width: 768px) {
  .col-15.col > .col-body {
    padding: 10px;
  }
}

.col-16 {
  width: 40.36%;
}

.col-20 {
  width: 50%;
}

.col-21 {
  width: 50%;
}

@media (max-width: 768px) {
  .col-21.col > .col-body {
    margin: 10px;
  }
}

.col-21 > .col-body {
  padding: 0px 60px;
}

@media (max-width: 768px) {
  .col-21.col > .col-body {
    padding: 10px;
  }
}

.mod-17 .separator {
  border-top-width: 1px;
  max-width: 100%;
  width: 100%;
  margin: auto;
}

.mod-17 .separator {
  border-top-color: rgb(231, 231, 231);
  border-top-style: solid;
}

.mod-17 > .mod-body {
  margin-top: 40px;
  margin-right: 0px;
  margin-left: 0px;
}

@media (max-width: 768px) {
  .mod-17 > .mod-body {
    margin-top: 20px;
  }
}

.mod-1 .heading {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}

.mod-1 > .mod-body {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .mod-1 > .mod-body {
    margin-top: 20px;
  }
}

.mod-4,
.mod-4 .photo {
  text-align: center;
}

.mod-5 .heading {
  font-weight: 700;
  font-size: 34px;
  text-align: left;
}

.mod-5 > .mod-body {
  margin-bottom: 0px;
}

.mod-7 .text,
.mod-7 .text :not(b, strong) {
  font-size: 16px;
}

.mod-7 > .mod-body {
  margin-top: 127px;
}

@media (max-width: 768px) {
  .mod-7 > .mod-body {
    margin-top: 20px;
  }
}

.mod-9 .heading {
  font-weight: 700;
}

.mod-2 .text,
.mod-2 .text :not(b, strong) {
  font-size: 16px;
  text-align: center;
}

.mod-6 .text,
.mod-6 .text :not(b, strong) {
  font-size: 16px;
  text-align: left;
}

.mod-6 > .mod-body {
  margin-bottom: 0px;
}

.mod-10 > .mod-body {
  margin-top: 0px;
}

.mod-8 .button-wrap,
.mod-8 .button-wrap {
  text-align: left;
}

.mod-8 .button:is(a, button),
.mod-8 a.button:visited,
.fl-page .mod-8 .button:is(a, button),
.fl-page .mod-8 a.button:visited {
  font-family: Questrial, sans-serif;
  font-weight: 400;
  letter-spacing: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-color: rgb(175, 222, 222);
  background-image: none;
}

.mod-8 .button:is(a, button):hover,
.mod-8 .button:is(a, button):focus,
.fl-page .mod-8 .button:is(a, button):hover,
.fl-page .mod-8 .button:is(a, button):focus {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

.mod-8 .button:is(a, button),
.mod-8 a.button:visited,
.mod-8 .button:is(a, button):hover,
.mod-8 .button:is(a, button):focus,
.fl-page .mod-8 .button:is(a, button),
.fl-page .mod-8 a.button:visited,
.fl-page .mod-8 .button:is(a, button):hover,
.fl-page .mod-8 .button:is(a, button):focus {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.mod-8 .button:is(a, button):hover,
.fl-page .mod-8 .button:is(a, button):hover,
.fl-page .mod-8 .button:is(a, button):hover,
.fl-page .fl-page .mod-8 .button:is(a, button):hover {
  background-color: rgb(175, 222, 222);
  background-image: none;
}

:where( .mod-8 .button:is(a, button)),
:where( .mod-8 .button:is(a, button) *) {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
}

@media (max-width: 992px) {
  .mod-8 .button:is(a, button),
  .mod-8 a.button:visited,
  .fl-page .mod-8 .button:is(a, button),
  .fl-page .mod-8 a.button:visited {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  .mod-8 .button-wrap,
  .mod-8 .button-wrap {
    text-align: center;
  }

  .mod-8 .button:is(a, button),
  .mod-8 a.button:visited,
  .fl-page .mod-8 .button:is(a, button),
  .fl-page .mod-8 a.button:visited {
    font-size: 17px;
  }
}

.mod-8 > .mod-body {
  margin-top: 0px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .mod-8 > .mod-body {
    margin-bottom: 20px;
  }
}

.mod-3 .button-wrap,
.mod-3 .button-wrap {
  text-align: center;
}

.mod-3 .button:is(a, button),
.mod-3 a.button:visited,
.fl-page .mod-3 .button:is(a, button),
.fl-page .mod-3 a.button:visited {
  font-family: Questrial, sans-serif;
  font-weight: 400;
  letter-spacing: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-color: rgb(175, 222, 222);
  background-image: none;
}

.mod-3 .button:is(a, button):hover,
.mod-3 .button:is(a, button):focus,
.fl-page .mod-3 .button:is(a, button):hover,
.fl-page .mod-3 .button:is(a, button):focus {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

.mod-3 .button:is(a, button),
.mod-3 a.button:visited,
.mod-3 .button:is(a, button):hover,
.mod-3 .button:is(a, button):focus,
.fl-page .mod-3 .button:is(a, button),
.fl-page .mod-3 a.button:visited,
.fl-page .mod-3 .button:is(a, button):hover,
.fl-page .mod-3 .button:is(a, button):focus {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.mod-3 .button:is(a, button):hover,
.fl-page .mod-3 .button:is(a, button):hover,
.fl-page .mod-3 .button:is(a, button):hover,
.fl-page .fl-page .mod-3 .button:is(a, button):hover {
  background-color: rgb(175, 222, 222);
  background-image: none;
}

:where( .mod-3 .button:is(a, button)),
:where( .mod-3 .button:is(a, button) *) {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
}

@media (max-width: 992px) {
  .mod-3 .button:is(a, button),
  .mod-3 a.button:visited,
  .fl-page .mod-3 .button:is(a, button),
  .fl-page .mod-3 a.button:visited {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  .mod-3 .button-wrap,
  .mod-3 .button-wrap {
    text-align: center;
  }

  .mod-3 .button:is(a, button),
  .mod-3 a.button:visited,
  .fl-page .mod-3 .button:is(a, button),
  .fl-page .mod-3 a.button:visited {
    font-size: 17px;
  }
}

.mod-3 > .mod-body {
  margin-top: 0px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .mod-3 > .mod-body {
    margin-bottom: 20px;
  }
}

.mod-11 .button-wrap,
.mod-11 .button-wrap {
  text-align: left;
}

.mod-11 .button:is(a, button),
.mod-11 a.button:visited,
.fl-page .mod-11 .button:is(a, button),
.fl-page .mod-11 a.button:visited {
  font-family: Questrial, sans-serif;
  font-weight: 400;
  letter-spacing: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-color: rgb(175, 222, 222);
  background-image: none;
}

.mod-11 .button:is(a, button):hover,
.mod-11 .button:is(a, button):focus,
.fl-page .mod-11 .button:is(a, button):hover,
.fl-page .mod-11 .button:is(a, button):focus {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

.mod-11 .button:is(a, button),
.mod-11 a.button:visited,
.mod-11 .button:is(a, button):hover,
.mod-11 .button:is(a, button):focus,
.fl-page .mod-11 .button:is(a, button),
.fl-page .mod-11 a.button:visited,
.fl-page .mod-11 .button:is(a, button):hover,
.fl-page .mod-11 .button:is(a, button):focus {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.mod-11 .button:is(a, button):hover,
.fl-page .mod-11 .button:is(a, button):hover,
.fl-page .mod-11 .button:is(a, button):hover,
.fl-page .fl-page .mod-11 .button:is(a, button):hover {
  background-color: rgb(175, 222, 222);
  background-image: none;
}

:where( .mod-11 .button:is(a, button)),
:where( .mod-11 .button:is(a, button) *) {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
}

@media (max-width: 992px) {
  .mod-11 .button:is(a, button),
  .mod-11 a.button:visited,
  .fl-page .mod-11 .button:is(a, button),
  .fl-page .mod-11 a.button:visited {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  .mod-11 .button-wrap,
  .mod-11 .button-wrap {
    text-align: center;
  }

  .mod-11 .button:is(a, button),
  .mod-11 a.button:visited,
  .fl-page .mod-11 .button:is(a, button),
  .fl-page .mod-11 a.button:visited {
    font-size: 17px;
  }
}

.mod-11 > .mod-body {
  margin-top: 0px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .mod-11 > .mod-body {
    margin-bottom: 20px;
  }
}

.mod-12 .heading {
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .mod-12 .heading {
    text-align: center;
  }
}

.mod-12 > .mod-body {
  margin-top: 0px;
}

@media (max-width: 992px) {
  .mod-12.mod > .mod-body {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .mod-12 > .mod-body {
    margin-top: 20px;
  }
}

.mod-13 .text,
.mod-13 .text :not(b, strong) {
  font-weight: 400;
  font-size: 22px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-13 .text,
  .mod-13 .text :not(b, strong) {
    font-size: 16px;
  }
}

.mod-13 > .mod-body {
  margin-top: 0px;
}

.mod-14 .bx-pager.bx-default-pager a,
.mod-14 .bx-pager.bx-default-pager a.active {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(23, 23, 23);
  opacity: 1;
}

.mod-14 .bx-pager.bx-default-pager a {
  opacity: 0.2;
}

.mod-14 .t-list.uabb-testimonial-top .t-item {
  flex-direction: column;
}

@media (max-width: 992px) {
  .mod-14 .t-item.uabb-testimonial0 .uabb-imgicon-wrap {
    
  }
}

@media (max-width: 768px) {
  .mod-14 .t-item.uabb-testimonial0 .uabb-imgicon-wrap {
    
  }
}

.mod-14 .uabb-testimonial0 .t-info {
  width: 100%;
}

@media (max-width: 768px) {
  .mod-14 .t-item.uabb-testimonial0 .uabb-icon-wrap .uabb-icon i,
  .mod-14 .t-item.uabb-testimonial0 .uabb-icon-wrap .uabb-icon i::before {
    font-size: 0px;
  }
}

.mod-14 .t-item .uabb-rating .uabb-rating__ico {
  color: rgb(23, 23, 23);
}

.mod-14 .t-info .testimonial-author-name {
  color: rgb(168, 182, 110);
  margin-bottom: 5px;
}

.mod-14 .t-info .testimonial-author-designation {
  margin-top: 5px;
}

.mod-14 .t-info .testimonial-author-description {
  padding-top: 10px;
}

@media (max-width: 992px) {
  .mod-14 .t-item .uabb-rating .uabb-rating__ico {
    
  }

  .mod-14 .uabb-icon-wrap .uabb-icon i,
  .mod-14 .uabb-icon-wrap .uabb-icon i::before {
    font-size: 0px;
  }
}

@media (max-width: 768px) {
  .mod-14 .uabb-icon-wrap .uabb-icon i,
  .mod-14 .uabb-icon-wrap .uabb-icon i::before {
    font-size: 0px;
  }
}

.mod-14 .t-info .testimonial-author-name {
  font-size: 21px;
}

.mod-14 .t-info .testimonial-author-designation {
  font-size: 16px;
}

.mod-14 .t-info .testimonial-author-description {
  font-size: 16px;
}

.mod-14 > .mod-body {
  margin-top: 40px;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  .mod-14.mod > .mod-body {
    margin: 10px 0px 0px;
  }
}

.mod-15 .button-wrap,
.mod-15 .button-wrap {
  text-align: center;
}

.mod-15 .button:is(a, button),
.mod-15 a.button:visited,
.fl-page .mod-15 .button:is(a, button),
.fl-page .mod-15 a.button:visited {
  letter-spacing: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-color: rgb(175, 222, 222);
  background-image: none;
}

.mod-15 .button:is(a, button):hover,
.mod-15 .button:is(a, button):focus,
.fl-page .mod-15 .button:is(a, button):hover,
.fl-page .mod-15 .button:is(a, button):focus {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(163, 210, 210);
  border-right-color: rgb(163, 210, 210);
  border-bottom-color: rgb(163, 210, 210);
  border-left-color: rgb(163, 210, 210);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

.mod-15 .button:is(a, button):hover,
.fl-page .mod-15 .button:is(a, button):hover,
.fl-page .mod-15 .button:is(a, button):hover,
.fl-page .fl-page .mod-15 .button:is(a, button):hover {
  background-color: rgb(175, 222, 222);
  background-image: none;
}

:where( .mod-15 .button:is(a, button)),
:where( .mod-15 .button:is(a, button) *) {
  transition-behavior: normal;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: none;
}

.mod-15 > .mod-body {
  margin-top: 0px;
}

.mod-16,
.mod-16 .photo {
  text-align: center;
}

.mod-16 > .mod-body {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .mod-16 > .mod-body {
    margin-top: 20px;
  }
}

.mod-18 .heading {
  font-size: 17px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-18 .heading {
    text-align: center;
  }
}

.mod-19 .heading {
  font-size: 17px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-19 .heading {
    text-align: center;
  }
}

.mod-19 > .mod-body {
  margin-top: 0px;
}

.mod-20 .heading {
  font-size: 17px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-20 .heading {
    text-align: center;
  }
}

.mod-20 > .mod-body {
  margin-top: 0px;
}

.mod-21 .heading {
  font-size: 17px;
  text-align: center;
}

@media (max-width: 768px) {
  .mod-21 .heading {
    text-align: center;
  }
}

.mod-21 > .mod-body {
  margin-top: 0px;
}

.mod-22,
.mod-22 .photo {
  text-align: center;
}

.mod-22 .photo-content,
.mod-22 img {
  width: 300px;
}

@media (max-width: 768px) {
  .mod-22,
  .mod-22 .photo {
    text-align: center;
  }
}

.mod-22 > .mod-body {
  margin-bottom: 0px;
}


@media (max-width: 768px) {
  .t-text {
    font-size: 16px;
    line-height: 24.0768px;
  }
  .t-text p {
    font-size: 16px;
    line-height: 24.0768px;
  }
}

@media (max-width: 768px) {
  .t-name {
    font-size: 21px;
    line-height: 27.3px;
  }
}

/* breadcrumb bar under the header */
.crumbs {
  background-color: rgb(255, 255, 255);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(231, 231, 231);
  padding-top: 10px;
  padding-bottom: 10px;
}
.crumbs-box {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-family: Questrial, sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  color: rgb(75, 79, 88);
}
.crumbs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.crumbs-list li {
  display: inline;
  font-size: 16px;
  color: rgb(75, 79, 88);
}
.crumbs-list li:not(:last-child)::after {
  content: "»";
  padding: 0 4.8px;
}
.crumbs-list a {
  color: rgb(23, 23, 23);
}
@media (max-width: 921px) {
  .crumbs {
    padding-top: 21.888px;
    padding-bottom: 21.888px;
  }

  .crumbs-box,
  .crumbs-list li {
    font-size: 14.592px;
    line-height: 20.4288px;
  }
}