.body,
.bg-container,
footer .copyright {
  background-color: #F5F4F0;
}

.border-top-1 {
  border-top: 1px solid #F5F4F0;
}

.ui-w-40 {
  width: 40px;
  min-width: 40px;
}

.ui-w-50 {
  width: 50px;
  min-width: 50px;
}

.ui-w-60 {
  width: 60px;
  min-width: 60px;
}

.ui-w-75 {
  width: 75px;
  min-width: 75px;
}

.ui-w-100 {
  width: 100px;
  min-width: 100px;
}

.ui-w-125 {
  width: 125px;
  min-width: 125px;
}

.ui-w-150 {
  width: 150px;
  min-width: 150px;
}

.h-fix {
  height: 40rem;
  overflow: auto;
}

.copyright {
  color: #1b1d20;
}

.gray-scale {
  filter: grayscale(1);
}

.mt-ne1,
.mt-ne2,
.mt-ne3 {
  position: relative;
  z-index: 1;
}

.mt-ne1 {
  margin-top: -14rem;
}

.mt-ne2 {
  margin-top: -25rem;
}

.mt-ne3 {
  margin-top: -6rem;
}


.text-shadow {
  text-shadow: 1px 1px 2px #888;
}

.content-color {
  color: #1b1d20;
}

.header-color {
  color: #b23d27;
}

.header-transparent {
  border-top-left-radius: 1.25rem !important;
  border-top-right-radius: 1.25rem !important;
  background: rgba(255, 255, 255, 0.65);
}

.card-footer {
  border-bottom-left-radius: 1.25rem !important;
  border-bottom-right-radius: 1.25rem !important;
}

a.theme-link,
a.theme-link:visited {
  color: #8FB73E;
  text-decoration: none;
}

a.theme-link:hover {
  color: #799f2c;
  text-decoration: none;
}

.animate {
  transform: scale(1);
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.animate:hover {
  transform: scale(1.005);
  box-shadow: 0 2px 20px 1px #f5f5f5;
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.line-colorful {
  width: 100%;
}

.line-colorful.h-1 {
  height: 6px;
}

.line-colorful.h-2 {
  height: 12px;
}

.btn-theme-primary {
  color: #fff !important;
  background: rgb(178, 60, 39);
  /* background: linear-gradient(90deg, rgba(230, 230, 52, 1) 0%, rgba(101, 186, 95, 1) 100%); */
  border-color: transparent;
}

.btn-theme-primary:hover {
  color: #fff !important;
  background: rgb(144, 43, 25);
  /* background: linear-gradient(90deg, rgb(253, 253, 65) 0%, rgb(108, 202, 102) 100%); */
  border-color: transparent;
}

.btn-outline-light {
  color: #8FB73E !important;
  border-color: #f8f9fa;
}

.line-colorful .color-set-1,
.line-colorful .color-set-2,
.line-colorful .color-set-3,
.line-colorful .color-set-4,
.line-colorful .color-set-5 {
  width: 20%;
  float: left;
  height: inherit;
}

.line-colorful .color-set-1 {
  background: #295781;
  /* background: linear-gradient(90deg, rgba(230, 230, 52, 1) 0%, rgba(101, 186, 95, 1) 100%); */
}

.line-colorful .color-set-2 {
  background: #8FB73E;
  /* background: linear-gradient(90deg, rgba(83, 190, 215, 1) 0%, rgba(73, 79, 158, 1) 100%); */
}

.line-colorful .color-set-3 {
  background: #A67D53;
  /* background: linear-gradient(90deg, rgba(233, 231, 50, 1) 0%, rgba(232, 126, 57, 1) 100%); */
}

.line-colorful .color-set-4 {
  background: #ECB11F;
  /* background: linear-gradient(90deg, rgba(242, 128, 46, 1) 0%, rgba(233, 54, 46, 1) 100%); */
}

.line-colorful .color-set-5 {
  background: #B23C27;
  /* background: linear-gradient(90deg, rgba(219, 148, 192, 1) 0%, rgba(132, 101, 191, 1) 100%); */
}

.video-theme {
  border: 7px solid #fff;
  background-color: #fff;
  border-radius: 0.7rem;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.18);
}

.footer-partner {
  font-weight: 500;
  margin: 0 0.3rem;
  color: #1b1d20;
  text-align: center;
  font-size: 0.725rem;
  display: inline-block;
  text-transform: uppercase;
}

.partner-logo {
  padding: 0.35rem 0;
  margin: 0 0.15rem;
  max-width: 20rem;
  width: 100%;
  position: relative;
  display: inline-block;
  border: 0px solid #DBDBDB;
  border-radius: 0.75rem;
  background-color: #fff;
}

ul.offcanvas-navmenu li {
  width: 100%;
}

ul.offcanvas-navmenu li a {
  font-size: 0.9rem;
  color: #1b1d20;
  display: block;
  padding: 0.65rem 1rem;
  text-decoration: none;
  border: 1px solid #eeeeee;
  border-radius: 0.75rem;
  margin-bottom: 8px;

}

ul.offcanvas-navmenu li a:hover {
  color: #fff;
  background-color: #EC1D90;
  box-shadow: 0 2px 15px 2px #eeeeee;
}

ul.offcanvas-navmenu li a,
ul.offcanvas-navmenu li a:hover {
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.nav-link {
  position: relative;
}

.nav-link span {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 0;
  height: 3px;

  transform: scaleX(0);
  transform-origin: 0;
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.nav-link:hover span,
.nav-link.active span {
  width: 100%;
  background-color: #ECB11F;
  /* background: rgb(219, 148, 192);
  background: linear-gradient(90deg, rgba(219, 148, 192, 1) 0%, rgba(132, 101, 191, 1) 100%); */

  transform: scaleX(1);
  transform-origin: 0;
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.indent-20 {
  text-indent: 20px;
}

.indent-30 {
  text-indent: 30px;
}

.indent-40 {
  text-indent: 40px;
}

.w-35 {
  width: 35% !important;
}

.block-tile {
  width: 100%;
  height: 100%;
}

.tile-full {
  width: 68%;
  background-color: #ffebf7;
}

.tile-half {
  width: 32%;
}

.tile-half a {
  color: #1b1d20;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.tile-half a:hover {
  background-color: #f1bddd;
  transition: all 0.4s ease-in-out;
}

.tile-half .tile-content {
  background-color: #ffebf7;
}

.tile-content {
  width: 50%;
  display: flex;
  flex-direction: column;
}


/* Effect Home */
@media screen and (max-width: 575.98px) {
  .mt-ne1 {
    margin-top: -4rem;
  }

  .mt-ne2 {
    margin-top: -3rem !important;
  }

  .mt-ne3 {
    margin-top: -2rem;
  }

  .block-tile {
    flex-direction: column;
  }

  .tile-full {
    width: 100%;
  }

  .tile-half {
    width: 100%;
  }

  .tile-half .tile-content {
    padding: 1.5rem 0;
  }

}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .mt-ne1 {
    margin-top: -7rem;
  }

  .mt-ne2 {
    margin-top: -17rem;
  }

  .mt-ne3 {
    margin-top: 0;
  }

  .block-tile {
    flex-direction: column;
  }

  .tile-full {
    width: 100%;
  }

  .tile-half {
    width: 100%;
  }

  .tile-half .tile-content {
    padding: 1.5rem 0;
  }

  .tile-content img {
    width: 3rem;
    height: auto;
  }

  .mt-ne16 {
    margin-top: -20rem !important;
  }


}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .mt-ne1 {
    margin-top: -7rem;
  }

  .mt-ne2 {
    margin-top: -20rem;
  }

  .mt-ne3 {
    margin-top: 0;
  }

  .tile-content img {
    width: 2.5rem;
    min-width: auto;
    height: auto;
  }

}