body {
  font-family: Helvetica, Tahoma;
  overflow-x: hidden;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.aos-all {
  width: 1000px;
  max-width: 98%;
  margin: 10vh auto 0 auto;

}

.aos-item {
  display: inline-block;
  float: left;
  width: 33.3333%;
  height: 300px;
  padding: 20px;
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  background: #1da4e2;
  line-height: 260px;
  text-align: center;
  color: #fff;
}
/*#region shrink */
#navbar-con.container.navbar-con.inavbar-con-shrink {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9;
  max-width: 100vw;
  padding: 0ex 3em;
  background-color: #f8f9fa;
}
#bg-img-top.row.bg-img-top.bg-img-top-shrink {
  margin-top: 16ex;
}
.container.navbar-con.inavbar-con-shrink img {
  height: 5ex;
}

.navbar.navbar-expand-lg.navbar-light.bg-light.w-100
  .col-md-12.logo-text-shrink {
  width: 25%;
  min-width: 0%;
  display: inline-table;
}
.container.navbar-con.inavbar-con-shrink .col-md-12.logo-text-shrink-top h1,
.container.navbar-con.inavbar-con-shrink .col-md-12.logo-text-shrink-bottom h2 {
  font-weight: normal;
  font-size: 28px;
}
.container.navbar-con.inavbar-con-shrink .col-md-12.logo-text-shrink-top {
  position: relative !important;
  display: inline-block !important;
  min-width: 10% !important;
  width: auto;
}
.container.navbar-con.inavbar-con-shrink .col-md-12.logo-text-shrink-bottom {
  position: relative !important;
  display: inline-block !important;
  min-width: 10% !important;
  width: 49%;
}
.col-md-12.logo-text-shrink-top,
.col-md-12.logo-text-shrink-bottom {
  width: auto;
  flex: none;
  display: inline-block;
}
/* #logo-text-shrink-bottom {
  padding-left: 0px;
} */
/*#endregion shrink */

/*#region globle */
html {
  overflow-x: hidden;
}

#navbarSupportedContent .navbar-nav.mr-auto .nav-item {
  width: 90%;
  text-align: left;
  padding: 1ex 2em;
  font-size: 18px;
}

.my-font {
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
}
.text-color {
  color: #16a856;
}
.bg-color {
  background-color: #16a856;
}
.border-color {
  border-color: #16a856 !important;
}
.bio-con-text p {
  text-align: left;
  line-height: 180%;
  color: dimgray;
}
.aos-item.bio-con-text.border-color.aos-init.aos-animate {
  height: auto;
}
.card-bg {
  background-color: #ffffff80;
  border-radius: 16px;
  box-shadow: 1px 2px 3px #0003;
}
/*#endregion globle */

/*#region powerbar */
.row.powerbar-con {
  background: rgb(148, 148, 148);
  background: linear-gradient(
    90deg,
    rgba(148, 148, 148, 1) 0%,
    rgba(198, 198, 198, 1) 52%,
    rgba(255, 255, 255, 1) 100%
  );
  padding: 1ex 1em;
  margin-left: 0px;
}
/*#endregion powerbar */

/*#region nav */
#navbar-con {
  position: relative;
}
#navbarSupportedContent .navbar-nav.mr-auto {
  left: 0em;
  background-color: #f8f9fa;
}
.logo-con {
  position: absolute;
  top: -18.8ex;
  right: 0px;
}
.logo-con img {
  width: 5em;
}
/*#endregion nav */

/*#region top-image */
.bg-img-top {
  background-image: url("../images/bg-top.jpg");
  height: 78vh;
  width: 100vw;
  background-size: cover;
  background-position-y: 60%;
  margin: 0px !important;
}
.navbar-con .navbar-brand img {
  height: 10ex;
}
.img-top-text-con .aos-item__inner {
  background-color: #0009;
  padding: 1em;
}
.img-top-text-con {
  position: absolute;
  bottom: 0ex;
  right: 0ex;
}
.aos-item__inner p {
  line-height: 140%;
}
/*#endregion top-image */

/*#region banner */
.banner-con {
  display: inline-block;
  width: 100%;
}
.banner-con .aos-item.aos-init.aos-animate {
  width: 100%;
  padding: 0px;
  height: auto;
}
.banner-con .aos-item.aos-init.aos-animate .aos-item__inner {
  background-color: #16a856;
  padding: 2ex 0em;
}
.banner-con .aos-item.aos-init {
  width: 100vw;
}

/*#endregion banner */

/*#region bio */
.bio-con .profile-img {
  border-radius: 100%;
  margin-top: 10%;
  max-width: 100%;
}
.row.bio-con .aos-item__inner {
  background-color: transparent;
  color: black;
}
.row.bio-con .aos-item.aos-init.aos-animate {
  width: 80%;
}
.bio-con-text {
  margin-top: 12%;
  background-color: white;
}

.aos-item.bio-con-text.aos-init {
  width: 80%;
  margin-left: 10%;
}
.aos-item.bio-con-img {
  margin-left: 10%;
}
.row.bio-con .aos-item.aos-init.aos-animate {
  width: 80%;
  height: auto;
}
/*#endregion bio */

/*#region badges */

.row.testimonials-con {
  padding: 10% 0em;
  margin-top: 8%;
}
.row.badges-con,
.contact-con {
  background-color: #fff;
  padding: 10% 0em;
  margin-top: 8%;
}

.footer-con {
  background-color: #fff;
  padding: 4% 0em;
  margin-top: 8%;
}
.card.badges-card {
  min-height: 38ex;
  width: 85%;
  height: auto;
  margin: auto;
      margin-left: auto;
  margin-left: 7.5%;
}
.row.badges-con .aos-item__inner {
  background-color: transparent;
}
.row.badges-con .aos-item__inner img {
  display: block;
  margin: auto;
  max-width: 8em;
}
.row.badges-con .aos-item__inner h4 {
  background-color: transparent;
}
.row.badges-con .aos-item__inner p {
  color: dimgray;
}
.row.badges-con .col-md-6 {
  margin: 3ex 0em 5ex 0em;
}
/*#endregion badgea */

/*#region testimonials */

.row.testimonials-con {
  /* background-image: url("../images/bg-testi.jpg"); */
  min-height: 512px;
}
#testimonial-carousel {
  width: 65%;
  margin: auto;
}
.row.testimonials-con h1 {
  text-align: center;
  margin-bottom: 2ex;
}
.col-md-12.aos-item.aos-init.aos-animate .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='dimgrey' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.col-md-12.aos-item.aos-init.aos-animate .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='dimgrey' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.col-md-12.aos-item.aos-init.aos-animate {
  height: 100%;

  min-height: 60ex;
}
/*#endregion testimonials */

/*#region contact */
.row.contact-con .contact-tab.card-bg {
  text-align: center;
  padding: 3ex 1em;
  margin-top: 6ex;
  background-color: #f0f0f0;
}
.contact-tab.card-bg input,
.contact-tab.card-bg textarea {
  width: 100%;
  height: 80%;
  margin: 2ex 0em;
  padding-left: 1em;
  border-radius: 6px;
}
.aos-item.contact-tab.card-bg.aos-init.aos-animate {
  width: 100%;
  height: auto;
}
/*#endregion contact */


#footer-con a.my-font {
  color: #076b82;
  text-align: center;
}
div#logo-text-shrink-top h2.my-font {
  vertical-align: top;
  margin-top: 2ex;
}
@media screen and (max-width: 800px) {
  .bg-website {
    display: none;
  }
  .aos-item {
    width: 50%;
  }
}
@media (min-width: 0px) and (max-width: 800px) {
  #navbar-con.container.navbar-con.inavbar-con-shrink {
    padding: 0ex 1em;
  }
  div#logo-text-shrink-top h2.my-font {
    margin-top: 1ex;
}
  .card.badges-card {
    margin-left: 0%;
}
  .aos-item.contact-tab.card-bg.aos-init.aos-animate {
    width: 90%;
    height: auto;
    margin-left: 5%;
    word-break: break-all;
}
  .banner-con .aos-item.aos-init.aos-animate .aos-item__inner {
    background-color: #16a856;
    padding: 2ex 0em 2ex 0em !important;
}
  .logo-con {
    position: absolute;
    top: -12ex;
    right: 0px;
}
  .aos-item__inner {
    padding-top: 20% !important;
}
  .aos-item.img-top-text-con.aos-init.aos-animate {
    top: 0px;
}
.bg-img-top {
  height: 65vh;
  background-position-x: center;
}
  .col-sm-6 {
    width: 50% !important;
  }
  .col-sm-5 {
    width: 41.65%;
  }
  .col-sm-4 {
    width: 33%;
  }
  .col-sm-3 {
    width: 24.99% !important;
  }
  .col-sm-2 {
    width: 16% !important;
  }
  .navbar.navbar-expand-lg.navbar-light.bg-light.w-100 img {
    height: 2.5em;
  }
  .bio-con .profile-img {
    width: 100%;
  }
  .aos-item.img-top-text-con.aos-init.aos-animate {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
  }
  .bg-img-top {
    background-image: url("../images/bg-top.jpg");
    height: 78vh;
    width: 100vw;
    background-size: cover;
    background-position-y: 60%;
    margin: 0px !important;
  }
  .row.bio-con .aos-item.aos-init.aos-animate {
    width: 100%;
    height: auto;
    margin-left: 0px;
  }
  .card.badges-card {
    width: 100%;
    height: auto;
}
}