/*!
 * gulp-hbs-boilerplate 
 * A Handlebars and Gulp 4 boilerplate 
 * Jon Welsh 
 * git+https://github.com/jonwelsh/gulp-hbs-boilerplate.git 
 */

@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
/* line 4, src/assets/scss/pages/_global.scss */
html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #4d4d4d;
  position: relative;
  line-height: 1.5;
}

/* line 17, src/assets/scss/pages/_global.scss */
a:hover, a:focus, a:active {
  text-decoration: none;
}

/* line 23, src/assets/scss/pages/_global.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  color: #4d4d4d;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.3px;
}

/* line 34, src/assets/scss/pages/_global.scss */
p {
  color: #4d4d4d;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: 0.3px;
}

/* line 41, src/assets/scss/pages/_global.scss */
.container-fluid {
  max-width: 975px !important;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 480px) {
  /* line 41, src/assets/scss/pages/_global.scss */
  .container-fluid {
    padding: 15px;
  }
  /* line 47, src/assets/scss/pages/_global.scss */
  .container-fluid.p-sm-0 {
    padding: 0;
  }
}

/* line 52, src/assets/scss/pages/_global.scss */
dl,
ol,
ul {
  margin: 0;
}

/* line 57, src/assets/scss/pages/_global.scss */
.container {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 640px !important;
}

@media (max-width: 480px) {
  /* line 57, src/assets/scss/pages/_global.scss */
  .container {
    padding: 0px;
  }
  /* line 63, src/assets/scss/pages/_global.scss */
  .container.xs-size {
    padding: 0 15px;
  }
}

/* line 68, src/assets/scss/pages/_global.scss */
.content-wrapper {
  width: 100%;
  padding-top: 65px;
  position: relative;
  min-height: calc(100vh - 65px);
}

/* line 73, src/assets/scss/pages/_global.scss */
.content-wrapper.grey, .content-wrapper.bg-grey {
  background-color: #f7f7f7;
}

/* line 77, src/assets/scss/pages/_global.scss */
.content-wrapper.auth-wrap {
  min-height: 100vh;
  padding: 80px 0;
  background-color: #f7f7f7;
}

@media (max-width: 769px) {
  /* line 77, src/assets/scss/pages/_global.scss */
  .content-wrapper.auth-wrap {
    padding: 0;
  }
}

/* line 86, src/assets/scss/pages/_global.scss */
.progress-bar {
  background-color: #0096c7;
}

/* line 89, src/assets/scss/pages/_global.scss */
.bg-grey {
  background-color: #f7f7f7 !important;
}

/* line 92, src/assets/scss/pages/_global.scss */
.bg-white {
  background-color: #ffffff !important;
}

/* line 95, src/assets/scss/pages/_global.scss */
.bg-second {
  background-color: #29a399 !important;
}

/* line 98, src/assets/scss/pages/_global.scss */
.bg-gradient-white {
  background: linear-gradient(0deg, #ffffff 70%, transparent 50%);
}

/* line 101, src/assets/scss/pages/_global.scss */
.bg-cyan-white {
  background-color: rgba(41, 163, 153, 0.2) !important;
}

/* line 104, src/assets/scss/pages/_global.scss */
.pb-80 {
  padding-bottom: 80px !important;
}

/* line 107, src/assets/scss/pages/_global.scss */
.full-height {
  min-height: calc(100vh - 65px) !important;
}

/* line 110, src/assets/scss/pages/_global.scss */
.unset-height {
  min-height: unset !important;
  height: unset !important;
}

/* line 114, src/assets/scss/pages/_global.scss */
.loading-screen {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

/* line 121, src/assets/scss/pages/_global.scss */
.loading-screen .loading-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #29a399;
  width: 100%;
  height: 100vh;
}

/* line 129, src/assets/scss/pages/_global.scss */
.loading-screen .loading-content h2 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.6;
  -webkit-animation: hidden-word 1.8s ease infinite;
          animation: hidden-word 1.8s ease infinite;
  text-align: center;
  width: 100%;
}

@media (max-width: 480px) {
  /* line 129, src/assets/scss/pages/_global.scss */
  .loading-screen .loading-content h2 {
    width: 80%;
    margin: 0 auto;
    font-size: 28px;
  }
}

/* line 143, src/assets/scss/pages/_global.scss */
.loading-screen .loading-content .loading-float {
  position: absolute;
  bottom: 60px;
  -webkit-animation: position-up 1.8s ease infinite;
          animation: position-up 1.8s ease infinite;
}

/* line 147, src/assets/scss/pages/_global.scss */
.loading-screen .loading-content .loading-float img {
  max-width: 250px;
}

/* line 153, src/assets/scss/pages/_global.scss */
.box-content {
  width: 100%;
  background-color: #ffffff;
  min-height: 100vh;
  padding-bottom: 50px;
}

/* line 160, src/assets/scss/pages/_global.scss */
.mh-100vh {
  min-height: calc(100vh - 60px);
}

/* line 164, src/assets/scss/pages/_global.scss */
.text-primary {
  color: #29a399 !important;
}

@-webkit-keyframes position-up {
  0% {
    bottom: 60px;
  }
  100% {
    bottom: 50%;
  }
}

@keyframes position-up {
  0% {
    bottom: 60px;
  }
  100% {
    bottom: 50%;
  }
}

@-webkit-keyframes hidden-word {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hidden-word {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 187, src/assets/scss/pages/_global.scss */
.hr-font {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  position: relative;
}

/* line 195, src/assets/scss/pages/_global.scss */
.hr-font:before {
  content: "";
  width: 150px;
  height: 1px;
  background-color: #e5e5e5;
  color: #e5e5e5;
  position: absolute;
  left: 15%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 480px) {
  /* line 195, src/assets/scss/pages/_global.scss */
  .hr-font:before {
    width: 120px;
    left: 0;
  }
}

/* line 210, src/assets/scss/pages/_global.scss */
.hr-font:after {
  content: "";
  width: 150px;
  height: 1px;
  background-color: #e5e5e5;
  color: #e5e5e5;
  position: absolute;
  right: 15%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 480px) {
  /* line 210, src/assets/scss/pages/_global.scss */
  .hr-font:after {
    width: 120px;
    right: 0;
  }
}

/* line 226, src/assets/scss/pages/_global.scss */
.glide__arrow {
  position: absolute !important;
}

/* line 229, src/assets/scss/pages/_global.scss */
.hr {
  margin: 10px 0;
  color: #c4c4c4;
}

@media (max-width: 500px) {
  /* line 233, src/assets/scss/pages/_global.scss */
  .title-text {
    font-size: 14px;
    color: #4d4d4d;
    margin-bottom: 10px;
    font-weight: 600;
  }
}

/* line 241, src/assets/scss/pages/_global.scss */
.color-cyan {
  color: #29a399 !important;
}

/* line 244, src/assets/scss/pages/_global.scss */
.static-inspiration-container {
  padding: 0 20px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 500px) {
  /* line 244, src/assets/scss/pages/_global.scss */
  .static-inspiration-container {
    max-width: 480px;
    padding: 0 15px;
  }
}

/* line 255, src/assets/scss/pages/_global.scss */
.box-disclaimer {
  width: 100%;
  background-color: #e3fffd;
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 15px;
  border-radius: 8px;
  padding: 8px 15px;
  font-size: 14px;
  border: 1px solid #29a399;
}

/* line 268, src/assets/scss/pages/_global.scss */
.box-disclaimer b {
  font-weight: 600;
  margin-bottom: 0;
}

/* line 272, src/assets/scss/pages/_global.scss */
.box-disclaimer p {
  font-weight: 500;
  margin-bottom: 0 !important;
}

/* line 276, src/assets/scss/pages/_global.scss */
.box-disclaimer a {
  text-decoration: unset;
  font-weight: 600;
}

/* line 3, src/assets/scss/pages/_header.scss */
.header-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 99;
}

/* line 10, src/assets/scss/pages/_header.scss */
.header-fixed.header-cyan {
  height: 65px;
  width: 100%;
  background-color: #15bbda;
}

/* line 14, src/assets/scss/pages/_header.scss */
.header-fixed.header-cyan.primary {
  background-color: #29a399;
}

/* line 18, src/assets/scss/pages/_header.scss */
.header-fixed.header-cyan-xs {
  height: 65px;
  width: 100%;
  background-color: #29a399;
}

/* line 23, src/assets/scss/pages/_header.scss */
.header-fixed.header-static {
  position: relative;
}

/* line 27, src/assets/scss/pages/_header.scss */
.header-wrapper {
  width: 100%;
  max-width: 975px;
  height: 100%;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  z-index: 99;
}

/* line 37, src/assets/scss/pages/_header.scss */
.header-wrapper.container {
  max-width: 510px;
}

/* line 41, src/assets/scss/pages/_header.scss */
.header-title {
  width: 100%;
  max-width: 975px;
  height: 100%;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  z-index: 99;
}

/* line 51, src/assets/scss/pages/_header.scss */
.header-title.container {
  max-width: 510px;
}

/* line 54, src/assets/scss/pages/_header.scss */
.header-title.container-fluid {
  padding: 0;
}

@media (max-width: 480px) {
  /* line 54, src/assets/scss/pages/_header.scss */
  .header-title.container-fluid {
    padding: 0 15px;
  }
}

/* line 60, src/assets/scss/pages/_header.scss */
.header-title h5 {
  width: calc(100% - 80px);
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 69, src/assets/scss/pages/_header.scss */
.logo-header {
  margin-right: 30px;
}

/* line 71, src/assets/scss/pages/_header.scss */
.logo-header .logo {
  width: 100%;
  max-width: 190px;
}

/* line 75, src/assets/scss/pages/_header.scss */
.logo-header .logo-xs {
  width: 100%;
  max-width: 30px;
  display: none;
}

/* line 80, src/assets/scss/pages/_header.scss */
.logo-header .logo-qurban {
  max-width: 190px;
}

/* line 84, src/assets/scss/pages/_header.scss */
.logo-header-xs {
  margin-right: 15px;
}

/* line 86, src/assets/scss/pages/_header.scss */
.logo-header-xs .logo {
  width: 100%;
  max-width: 140px;
}

/* line 90, src/assets/scss/pages/_header.scss */
.logo-header-xs .logo-xs {
  width: 100%;
  height: 40px;
  display: none;
}

/* line 95, src/assets/scss/pages/_header.scss */
.logo-header-xs img {
  width: 100%;
  max-width: 140px;
}

/* line 100, src/assets/scss/pages/_header.scss */
.search-header {
  width: calc(100% - 280px);
  position: relative;
}

/* line 104, src/assets/scss/pages/_header.scss */
.search-header-xs {
  width: calc(100% - 200px);
  position: relative;
}

@media (max-width: 480px) {
  /* line 104, src/assets/scss/pages/_header.scss */
  .search-header-xs {
    padding: 0;
    margin: 0 15px;
  }
}

/* line 111, src/assets/scss/pages/_header.scss */
.search-header-xs .form-header-search {
  font-size: 14px;
  padding-right: 45px;
  background-color: #4eb6ae;
  border-color: #4eb6ae;
}

@media (max-width: 480px) {
  /* line 111, src/assets/scss/pages/_header.scss */
  .search-header-xs .form-header-search {
    font-size: 12px;
    margin: 0;
  }
}

/* line 122, src/assets/scss/pages/_header.scss */
.form-header-search {
  height: 40px;
  border-radius: 20px;
  padding-right: 60px;
  padding-left: 20px;
  background-color: #2ec6e2;
  color: #ffffff;
  border-color: #2ec6e2;
  font-size: 16px;
}

/* line 131, src/assets/scss/pages/_header.scss */
.form-header-search::-webkit-input-placeholder {
  color: #ffffff;
}
.form-header-search::-moz-placeholder {
  color: #ffffff;
}
.form-header-search:-ms-input-placeholder {
  color: #ffffff;
}
.form-header-search::-ms-input-placeholder {
  color: #ffffff;
}
.form-header-search::placeholder {
  color: #ffffff;
}

/* line 134, src/assets/scss/pages/_header.scss */
.form-header-search:focus, .form-header-search:visited {
  background-color: #ffffff;
  color: #4d4d4d;
  border-color: #ffffff;
  box-shadow: unset;
  outline: none;
}

/* line 141, src/assets/scss/pages/_header.scss */
.form-header-search:focus::-webkit-input-placeholder, .form-header-search:visited::-webkit-input-placeholder {
  color: #828690;
}
.form-header-search:focus::-moz-placeholder, .form-header-search:visited::-moz-placeholder {
  color: #828690;
}
.form-header-search:focus:-ms-input-placeholder, .form-header-search:visited:-ms-input-placeholder {
  color: #828690;
}
.form-header-search:focus::-ms-input-placeholder, .form-header-search:visited::-ms-input-placeholder {
  color: #828690;
}
.form-header-search:focus::placeholder, .form-header-search:visited::placeholder {
  color: #828690;
}

/* line 145, src/assets/scss/pages/_header.scss */
.form-header-search:focus + .btn.button-search, .form-header-search:visited + .btn.button-search {
  color: #828690;
}

/* line 151, src/assets/scss/pages/_header.scss */
.navigation-wrapper {
  z-index: 9;
  width: 100%;
  background-color: #15bbda;
  padding: 20px 0;
  box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.15);
  position: relative;
}

/* line 158, src/assets/scss/pages/_header.scss */
.navigation-wrapper:before {
  content: "";
  position: absolute;
  height: 65px;
  width: 100%;
  left: 0;
  right: 0;
  top: -65px;
  z-index: 1;
  pointer-events: none;
  box-shadow: 0 5px 10px #00000008;
}

/* line 170, src/assets/scss/pages/_header.scss */
.navigation-wrapper .navbar-nav {
  max-width: 975px;
  margin: 0 auto 20px;
  padding: 0 20px;
}

/* line 175, src/assets/scss/pages/_header.scss */
.navigation-wrapper .nav-item {
  border-bottom: 1px solid #ffffff;
  display: block;
}

/* line 178, src/assets/scss/pages/_header.scss */
.navigation-wrapper .nav-item:hover, .navigation-wrapper .nav-item:focus, .navigation-wrapper .nav-item:active, .navigation-wrapper .nav-item.active {
  border-color: #f7f7f7;
}

/* line 184, src/assets/scss/pages/_header.scss */
.navigation-wrapper .nav-item:last-child {
  border-color: transparent;
}

/* line 186, src/assets/scss/pages/_header.scss */
.navigation-wrapper .nav-item:last-child:hover {
  border-color: transparent;
}

/* line 191, src/assets/scss/pages/_header.scss */
.navigation-wrapper .nav-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 0;
}

/* line 199, src/assets/scss/pages/_header.scss */
.navigation-wrapper .nav-link:hover {
  color: #f7f7f7;
}

/* line 203, src/assets/scss/pages/_header.scss */
.navigation-wrapper .btn {
  max-width: 935px;
  margin: 0 auto 20px;
}

/* line 206, src/assets/scss/pages/_header.scss */
.navigation-wrapper .btn:last-child {
  margin-bottom: 0;
}

/* line 210, src/assets/scss/pages/_header.scss */
.navigation-wrapper .menu-banner-download {
  background-image: url("../img/banner-download.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  width: 100%;
  padding: 20px 15px;
  position: relative;
  border-radius: 20px;
}

@media (max-width: 500px) {
  /* line 210, src/assets/scss/pages/_header.scss */
  .navigation-wrapper .menu-banner-download {
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 0;
  }
}

/* line 226, src/assets/scss/pages/_header.scss */
.navigation-wrapper .menu-banner-download .top-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 20px;
}

/* line 231, src/assets/scss/pages/_header.scss */
.navigation-wrapper .menu-banner-download .top-banner img {
  height: 80px;
  border-radius: 8px;
}

/* line 235, src/assets/scss/pages/_header.scss */
.navigation-wrapper .menu-banner-download .top-banner .text-content {
  margin-left: 10px;
}

/* line 237, src/assets/scss/pages/_header.scss */
.navigation-wrapper .menu-banner-download .top-banner .text-content h2 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 243, src/assets/scss/pages/_header.scss */
.navigation-wrapper .menu-banner-download .top-banner .text-content p {
  font-size: 12px;
  color: #ffffff;
}

/* line 250, src/assets/scss/pages/_header.scss */
.navigation-wrapper.mobile-auth {
  background-color: #ffffff;
}

/* line 252, src/assets/scss/pages/_header.scss */
.navigation-wrapper.mobile-auth .nav-item {
  border-bottom: 1px solid #4eb6ae;
  display: block;
}

/* line 255, src/assets/scss/pages/_header.scss */
.navigation-wrapper.mobile-auth .nav-item:hover, .navigation-wrapper.mobile-auth .nav-item:focus, .navigation-wrapper.mobile-auth .nav-item:active, .navigation-wrapper.mobile-auth .nav-item.active {
  border-color: #4eb6ae;
}

/* line 261, src/assets/scss/pages/_header.scss */
.navigation-wrapper.mobile-auth .nav-item:last-child {
  border-color: transparent;
}

/* line 263, src/assets/scss/pages/_header.scss */
.navigation-wrapper.mobile-auth .nav-item:last-child:hover {
  border-color: transparent;
}

/* line 268, src/assets/scss/pages/_header.scss */
.navigation-wrapper.mobile-auth .nav-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: #4eb6ae;
  font-size: 14px;
  padding: 10px 0;
}

/* line 276, src/assets/scss/pages/_header.scss */
.navigation-wrapper.mobile-auth .nav-link:hover {
  color: #4eb6ae;
}

@media (max-width: 480px) {
  /* line 280, src/assets/scss/pages/_header.scss */
  .navigation-wrapper.mobile-auth .navbar-nav {
    padding: 20px;
  }
}

/* line 287, src/assets/scss/pages/_header.scss */
.image-full-screen {
  width: 100%;
  background-color: #000000;
  max-height: 100vh;
  position: relative;
  padding-top: 10px;
}

/* line 293, src/assets/scss/pages/_header.scss */
.image-full-screen .btn {
  margin-top: 10px;
  margin-right: 5px;
  min-height: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: 400;
}

/* line 301, src/assets/scss/pages/_header.scss */
.image-full-screen .image-full-header {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/* line 309, src/assets/scss/pages/_header.scss */
.image-full-screen .image-full-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #950101;
  padding: 5px;
}

/* line 317, src/assets/scss/pages/_header.scss */
.image-full-screen .image-full-footer > p {
  text-transform: uppercase;
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
}

/* line 324, src/assets/scss/pages/_header.scss */
.image-full-screen .image-full {
  height: 590px;
  width: calc(100% - 20px);
  margin: 0 auto 20px;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 335, src/assets/scss/pages/_header.scss */
.sticky-download {
  display: none;
  padding: 5px 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  top: 65px;
  z-index: 9;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 480px) {
  /* line 335, src/assets/scss/pages/_header.scss */
  .sticky-download {
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 348, src/assets/scss/pages/_header.scss */
.sticky-download p {
  font-size: 11px;
}

/* line 350, src/assets/scss/pages/_header.scss */
.sticky-download p a {
  color: #29a399;
  font-weight: 600;
  text-decoration: none;
}

/* line 356, src/assets/scss/pages/_header.scss */
.sticky-download .btn {
  height: 35px;
  width: 35px;
  font-size: 12px;
  padding: 5px;
}

/* line 362, src/assets/scss/pages/_header.scss */
.sticky-download .btn.button-icon.button-menu {
  color: #4d4d4d;
}

/* line 367, src/assets/scss/pages/_header.scss */
.sticky-download.header-static {
  position: relative;
  top: 0px;
}

@media (max-width: 991px) {
  /* line 374, src/assets/scss/pages/_header.scss */
  .header-wrapper {
    max-width: 768px;
  }
  /* line 377, src/assets/scss/pages/_header.scss */
  .navigation-wrapper {
    height: calc(100vh - 66px);
  }
  /* line 379, src/assets/scss/pages/_header.scss */
  .navigation-wrapper .btn {
    margin-left: 15px;
    margin-left: 15px;
    width: calc(100% - 30px);
  }
}

@media (max-width: 480px) {
  /* line 388, src/assets/scss/pages/_header.scss */
  .header-wrapper {
    max-width: 480px;
    padding: 0 15px;
  }
  /* line 391, src/assets/scss/pages/_header.scss */
  .header-wrapper .btn {
    min-height: 30px;
    min-width: 30px;
    height: 30px;
    width: 30px;
  }
  /* line 396, src/assets/scss/pages/_header.scss */
  .header-wrapper .btn.button-border-white {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  /* line 401, src/assets/scss/pages/_header.scss */
  .logo-header,
  .logo-header-xs {
    margin-right: 0;
  }
  /* line 404, src/assets/scss/pages/_header.scss */
  .logo-header .logo,
  .logo-header-xs .logo {
    display: none;
  }
  /* line 407, src/assets/scss/pages/_header.scss */
  .logo-header .logo-xs,
  .logo-header-xs .logo-xs {
    display: block;
  }
  /* line 410, src/assets/scss/pages/_header.scss */
  .logo-header .logo-qurban,
  .logo-header-xs .logo-qurban {
    max-width: 120px;
  }
  /* line 414, src/assets/scss/pages/_header.scss */
  .search-header,
  .search-header-xs {
    width: calc(100% - 120px);
  }
  /* line 418, src/assets/scss/pages/_header.scss */
  .form-header-search {
    font-size: 12px;
    padding-left: 10px;
    height: 40px;
    padding-right: 37px;
    margin: 0 15px;
  }
  /* line 425, src/assets/scss/pages/_header.scss */
  .form-header-search + .btn.button-search {
    min-width: 35px;
    width: 35px;
    right: 3px;
    font-size: 16px;
  }
  /* line 433, src/assets/scss/pages/_header.scss */
  .header-title {
    width: 100%;
    max-width: 975px;
    height: 100%;
    padding: 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 auto;
    z-index: 99;
  }
  /* line 443, src/assets/scss/pages/_header.scss */
  .header-title.container {
    max-width: 510px;
  }
  /* line 446, src/assets/scss/pages/_header.scss */
  .header-title h5 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
  }
}

/* line 453, src/assets/scss/pages/_header.scss */
.button-profile {
  border: unset;
  background: transparent;
  height: 40px;
  width: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  text-align: center;
}

/* line 463, src/assets/scss/pages/_header.scss */
.button-profile i {
  color: #ffffff;
  font-size: 18px;
}

/* line 467, src/assets/scss/pages/_header.scss */
.button-profile .image-wrap {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}

/* line 476, src/assets/scss/pages/_header.scss */
.button-profile .image-wrap img {
  height: 100%;
  margin: 0;
}

/* line 480, src/assets/scss/pages/_header.scss */
.button-profile .image-wrap p {
  margin: 0;
  color: #4eb6ae;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* line 490, src/assets/scss/pages/_header.scss */
.dompet-wrapper {
  display: none;
}

@media (max-width: 500px) {
  /* line 490, src/assets/scss/pages/_header.scss */
  .dompet-wrapper {
    width: 100%;
    padding: 0 20px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 5px solid #e5e5e5;
  }
  /* line 499, src/assets/scss/pages/_header.scss */
  .dompet-wrapper .dompet-box {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    color: #4eb6ae;
  }
  /* line 505, src/assets/scss/pages/_header.scss */
  .dompet-wrapper .dompet-box i {
    font-size: 24px;
    margin-right: 10px;
  }
  /* line 509, src/assets/scss/pages/_header.scss */
  .dompet-wrapper .dompet-box p {
    font-size: 16px;
    color: #4eb6ae;
    font-weight: 600;
  }
  /* line 515, src/assets/scss/pages/_header.scss */
  .dompet-wrapper .button-saldo {
    height: 38px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
    color: #f66048;
    border: 1px solid #f66048;
    border-radius: 6px;
    padding: 0 20px;
    text-decoration: none;
  }
}

/* line 1, src/assets/scss/pages/_home.scss */
.homepage-feature-wrapper {
  width: 100%;
  background-color: #e9ecef;
  padding: 80px 0;
}

/* line 6, src/assets/scss/pages/_home.scss */
.homepage-feature-content {
  padding: 0 60px;
  width: 100%;
}

/* line 9, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs {
  padding: 0;
}

/* line 13, src/assets/scss/pages/_home.scss */
.homepage-feature-card {
  width: calc(100% - 40px);
  padding: 30px;
  margin: 30px 20px;
  background-color: #15bbda;
  border-radius: 8px;
  height: 280px;
}

/* line 20, src/assets/scss/pages/_home.scss */
.homepage-feature-card .feature-icon {
  font-size: 48px;
  color: #f7f7f7;
  margin-bottom: 8px;
}

/* line 25, src/assets/scss/pages/_home.scss */
.homepage-feature-card p {
  color: #f7f7f7;
  font-size: 16px;
  font-weight: 400;
}

/* line 30, src/assets/scss/pages/_home.scss */
.homepage-feature-card h5 {
  font-size: 24px;
  color: #f7f7f7;
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 36, src/assets/scss/pages/_home.scss */
.homepage-feature-card.transparent {
  background-color: transparent;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* line 41, src/assets/scss/pages/_home.scss */
.homepage-feature-card.transparent p {
  text-transform: uppercase;
  color: #0096c7;
  margin-bottom: 10px;
}

/* line 46, src/assets/scss/pages/_home.scss */
.homepage-feature-card.transparent h1 {
  color: #0096c7;
  margin-bottom: 60px;
  font-size: 28px;
}

/* line 55, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs .homepage-feature-card {
  background-color: #29a399;
  width: 100%;
  padding: 20px;
  margin: 10.5px 0;
  height: 240px;
}

/* line 61, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs .homepage-feature-card .feature-icon {
  font-size: 36px;
  color: #f7f7f7;
  margin-bottom: 8px;
}

/* line 66, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs .homepage-feature-card p {
  color: #f7f7f7;
  font-size: 14px;
  font-weight: 400;
}

/* line 71, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs .homepage-feature-card h5 {
  font-size: 20px;
  color: #f7f7f7;
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 77, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs .homepage-feature-card.transparent {
  background-color: transparent;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* line 82, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs .homepage-feature-card.transparent p {
  text-transform: uppercase;
  color: #0096c7;
  margin-bottom: 10px;
  color: #29a399;
}

/* line 88, src/assets/scss/pages/_home.scss */
.homepage-feature-content.size-xs .homepage-feature-card.transparent h1 {
  color: #0096c7;
  margin-bottom: 40px;
  font-size: 24px;
  color: #29a399;
}

/* line 98, src/assets/scss/pages/_home.scss */
.homepage-content-wrapper {
  padding: 60px 0;
  width: 100%;
  background-color: #f7f7f7;
}

/* line 102, src/assets/scss/pages/_home.scss */
.homepage-content-wrapper.size-xs {
  padding: 0;
}

/* line 106, src/assets/scss/pages/_home.scss */
.homepage-editor-choice {
  width: 100%;
  margin-bottom: 60px;
  position: relative;
}

/* line 110, src/assets/scss/pages/_home.scss */
.homepage-editor-choice .glide__arrow {
  top: 10px;
}

/* line 113, src/assets/scss/pages/_home.scss */
.homepage-editor-choice .glide__arrow--left {
  left: calc(100% - 100px);
}

/* line 116, src/assets/scss/pages/_home.scss */
.homepage-editor-choice .glide__arrow--right {
  right: 10px;
}

/* line 121, src/assets/scss/pages/_home.scss */
.homepage-editor-choice .btn.button-icon.icon-slider-round {
  background-color: #ddf5f3;
  border-color: #ddf5f3;
  color: #0096c7;
  opacity: 1;
}

/* line 130, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-xs {
  width: 100%;
  margin-bottom: 60px;
  position: relative;
}

/* line 136, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 20px;
}

/* line 141, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-header > a {
  color: #0096c7;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}

/* line 146, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-header > a i {
  margin-left: 3px;
  font-size: 14px;
}

@media (max-width: 370px) {
  /* line 141, src/assets/scss/pages/_home.scss */
  .homepage-editor-choice-header > a {
    font-size: 12px;
  }
  /* line 152, src/assets/scss/pages/_home.scss */
  .homepage-editor-choice-header > a i {
    font-size: 12px;
  }
}

/* line 158, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-title {
  width: 65%;
}

/* line 160, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-title h4 {
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
}

/* line 165, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-title p {
  font-size: 14px;
  font-weight: 300;
  color: #4d4d4d;
}

@media (max-width: 370px) {
  /* line 171, src/assets/scss/pages/_home.scss */
  .homepage-editor-choice-title h4 {
    font-size: 16px;
  }
  /* line 174, src/assets/scss/pages/_home.scss */
  .homepage-editor-choice-title p {
    font-size: 12px;
  }
}

/* line 179, src/assets/scss/pages/_home.scss */
.homepage-editor-choice-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  position: relative;
}

/* line 186, src/assets/scss/pages/_home.scss */
.recommend-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  position: relative;
}

/* line 192, src/assets/scss/pages/_home.scss */
.recommend-slider .glide__arrow {
  top: -30px;
}

/* line 195, src/assets/scss/pages/_home.scss */
.recommend-slider .glide__arrow--left {
  left: calc(100% - 90px);
}

/* line 198, src/assets/scss/pages/_home.scss */
.recommend-slider .glide__arrow--right {
  right: 0px;
}

/* line 202, src/assets/scss/pages/_home.scss */
.recommend-slider .btn.button-icon {
  min-width: unset;
  min-height: unset;
  width: 38px;
  height: 38px;
  font-size: 16px;
}

/* line 208, src/assets/scss/pages/_home.scss */
.recommend-slider .btn.button-icon.icon-slider-round {
  background-color: #e3fffd;
  border-color: #e3fffd;
  color: #4eb6ae;
  opacity: 1;
}

/* line 217, src/assets/scss/pages/_home.scss */
.homepage-static-banner {
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  padding: 40px 60px;
  border-radius: 8px;
  margin-bottom: 60px;
}

/* line 226, src/assets/scss/pages/_home.scss */
.homepage-static-banner .homepage-static-text {
  width: 40%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 230, src/assets/scss/pages/_home.scss */
.homepage-static-banner .homepage-static-text h1 {
  font-size: 36px;
  font-weight: 600;
  color: #0096c7;
  margin-bottom: 20px;
}

/* line 238, src/assets/scss/pages/_home.scss */
.homepage-video-slider {
  width: 100%;
  position: relative;
  padding: 40px 0;
}

/* line 242, src/assets/scss/pages/_home.scss */
.homepage-video-slider .title-wrap {
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
}

/* line 249, src/assets/scss/pages/_home.scss */
.homepage-video-slider .glide__arrow {
  top: -30px;
}

/* line 252, src/assets/scss/pages/_home.scss */
.homepage-video-slider .glide__arrow--left {
  left: calc(100% - 90px);
}

/* line 255, src/assets/scss/pages/_home.scss */
.homepage-video-slider .glide__arrow--right {
  right: 0px;
}

/* line 259, src/assets/scss/pages/_home.scss */
.homepage-video-slider .btn.button-icon {
  min-width: unset;
  min-height: unset;
  width: 38px;
  height: 38px;
  font-size: 16px;
}

/* line 265, src/assets/scss/pages/_home.scss */
.homepage-video-slider .btn.button-icon.icon-slider-round {
  background-color: #e3fffd;
  border-color: #e3fffd;
  color: #4eb6ae;
  opacity: 1;
}

/* line 274, src/assets/scss/pages/_home.scss */
.homepage-main-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

/* line 279, src/assets/scss/pages/_home.scss */
.homepage-main-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

/* line 285, src/assets/scss/pages/_home.scss */
.homepage-main-header.text-start {
  -ms-flex-align: start;
      align-items: flex-start;
}

/* line 288, src/assets/scss/pages/_home.scss */
.homepage-main-header h4 {
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  margin-bottom: 5px;
}

/* line 294, src/assets/scss/pages/_home.scss */
.homepage-main-header p {
  font-size: 12px;
  font-weight: 400;
  color: #4d4d4d;
}

/* line 301, src/assets/scss/pages/_home.scss */
.homepage-category {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 308, src/assets/scss/pages/_home.scss */
.homepage-category.size-xs {
  margin: 30px 0;
}

/* line 310, src/assets/scss/pages/_home.scss */
.homepage-category.size-xs .button-category {
  width: 20%;
  padding: 10px;
}

/* line 313, src/assets/scss/pages/_home.scss */
.homepage-category.size-xs .button-category .category-rounded {
  background-color: #e3fffd;
  border: 1px solid #e3fffd;
  margin-bottom: 8px;
}

/* line 317, src/assets/scss/pages/_home.scss */
.homepage-category.size-xs .button-category .category-rounded > img {
  height: 30px;
  width: 30px;
}

/* line 322, src/assets/scss/pages/_home.scss */
.homepage-category.size-xs .button-category .category-text {
  color: #29a399;
  font-weight: 500;
}

/* line 326, src/assets/scss/pages/_home.scss */
.homepage-category.size-xs .button-category:hover, .homepage-category.size-xs .button-category:active, .homepage-category.size-xs .button-category:focus, .homepage-category.size-xs .button-category.active {
  color: #29a399;
}

/* line 331, src/assets/scss/pages/_home.scss */
.homepage-category.size-xs .button-category:hover .category-rounded, .homepage-category.size-xs .button-category:active .category-rounded, .homepage-category.size-xs .button-category:focus .category-rounded, .homepage-category.size-xs .button-category.active .category-rounded {
  border-color: #29a399;
}

/* line 339, src/assets/scss/pages/_home.scss */
.homepage-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  width: 100%;
}

/* line 344, src/assets/scss/pages/_home.scss */
.homepage-list .card-campaign-column {
  width: calc(33.33% - 20px);
  margin-bottom: 20px;
}

/* line 347, src/assets/scss/pages/_home.scss */
.homepage-list .card-campaign-column:first-child {
  margin-left: 10px;
}

/* line 350, src/assets/scss/pages/_home.scss */
.homepage-list .card-campaign-column:last-child {
  margin-right: 10px;
}

/* line 354, src/assets/scss/pages/_home.scss */
.homepage-list .button-cyan-white {
  padding-left: 30px;
  padding-right: 30px;
  margin: 20px auto;
  height: 50px;
}

/* line 361, src/assets/scss/pages/_home.scss */
.homepage-xs-main-content {
  width: 100%;
  background-color: #ffffff;
  padding: 30px 15px;
}

/* line 365, src/assets/scss/pages/_home.scss */
.homepage-xs-main-content .homepage-editor-choice {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 370, src/assets/scss/pages/_home.scss */
.homepage-xs-main-content.programs {
  padding: 15px 15px 40px;
  border-radius: 0.25rem;
}

@media (max-width: 360px) {
  /* line 361, src/assets/scss/pages/_home.scss */
  .homepage-xs-main-content {
    padding: 30px 14px;
  }
}

/* line 378, src/assets/scss/pages/_home.scss */
.homepage-xs-buton-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 25px -15px;
}

/* line 383, src/assets/scss/pages/_home.scss */
.homepage-xs-buton-wrapper .btn {
  width: calc(50% - 30px);
  margin: 0 15px;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 600;
  font-size: 14px;
}

/* line 389, src/assets/scss/pages/_home.scss */
.homepage-xs-buton-wrapper .btn img {
  margin-right: 10px;
  height: 36px;
}

/* line 395, src/assets/scss/pages/_home.scss */
.homepage-list-xs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: -10px 0 15px;
  width: 100%;
}

/* line 402, src/assets/scss/pages/_home.scss */
.homepage-xs-banner {
  width: 100%;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 407, src/assets/scss/pages/_home.scss */
.homepage-xs-banner img {
  max-width: 100%;
}

@media (max-width: 991px) {
  /* line 413, src/assets/scss/pages/_home.scss */
  .homepage-static-banner {
    padding: 45px 35px;
    border-radius: 8px;
  }
  /* line 416, src/assets/scss/pages/_home.scss */
  .homepage-static-banner .homepage-static-text {
    width: 50%;
  }
  /* line 418, src/assets/scss/pages/_home.scss */
  .homepage-static-banner .homepage-static-text h1 {
    font-size: 32px;
  }
  /* line 421, src/assets/scss/pages/_home.scss */
  .homepage-static-banner .homepage-static-text .btn {
    height: 45px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 429, src/assets/scss/pages/_home.scss */
  .homepage-feature-card {
    width: 100%;
    padding: 25px;
    margin: 10px 0;
    background-color: #15bbda;
    border-radius: 8px;
    height: 280px;
  }
  /* line 436, src/assets/scss/pages/_home.scss */
  .homepage-feature-card .feature-icon {
    font-size: 48px;
    color: #f7f7f7;
    margin-bottom: 8px;
  }
  /* line 441, src/assets/scss/pages/_home.scss */
  .homepage-feature-card p {
    color: #f7f7f7;
    font-size: 16px;
    font-weight: 400;
  }
  /* line 446, src/assets/scss/pages/_home.scss */
  .homepage-feature-card h5 {
    font-size: 24px;
    color: #f7f7f7;
    font-weight: 500;
    margin-bottom: 10px;
  }
  /* line 452, src/assets/scss/pages/_home.scss */
  .homepage-feature-card.transparent {
    background-color: transparent;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 457, src/assets/scss/pages/_home.scss */
  .homepage-feature-card.transparent p {
    text-transform: uppercase;
    color: #0096c7;
    margin-bottom: 10px;
  }
  /* line 462, src/assets/scss/pages/_home.scss */
  .homepage-feature-card.transparent h1 {
    color: #0096c7;
    margin-bottom: 60px;
    font-size: 28px;
  }
}

@media (max-width: 480px) {
  /* line 473, src/assets/scss/pages/_home.scss */
  .homepage-category .button-category {
    width: 25%;
    padding: 10px 5px;
  }
  /* line 476, src/assets/scss/pages/_home.scss */
  .homepage-category .button-category:nth-child(3) {
    display: none;
  }
  /* line 479, src/assets/scss/pages/_home.scss */
  .homepage-category .button-category .category-rounded {
    height: 50px;
    width: 50px;
  }
  /* line 483, src/assets/scss/pages/_home.scss */
  .homepage-category .button-category .category-text {
    font-size: 11px;
  }
  /* line 489, src/assets/scss/pages/_home.scss */
  .homepage-category.size-xs .button-category {
    width: 25%;
    padding: 10px 5px;
  }
  /* line 492, src/assets/scss/pages/_home.scss */
  .homepage-category.size-xs .button-category:nth-child(3) {
    display: none;
  }
  /* line 495, src/assets/scss/pages/_home.scss */
  .homepage-category.size-xs .button-category .category-rounded {
    height: 50px;
    width: 50px;
  }
  /* line 499, src/assets/scss/pages/_home.scss */
  .homepage-category.size-xs .button-category .category-text {
    font-size: 11px;
  }
  /* line 504, src/assets/scss/pages/_home.scss */
  .homepage-static-banner {
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
  /* line 509, src/assets/scss/pages/_home.scss */
  .homepage-static-banner .homepage-static-text {
    width: 100%;
  }
  /* line 511, src/assets/scss/pages/_home.scss */
  .homepage-static-banner .homepage-static-text h1 {
    font-size: 24px;
    text-align: center;
  }
  /* line 515, src/assets/scss/pages/_home.scss */
  .homepage-static-banner .homepage-static-text .btn {
    height: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
  }
  /* line 526, src/assets/scss/pages/_home.scss */
  .homepage-main-content .homepage-main-header p {
    text-align: center;
  }
  /* line 532, src/assets/scss/pages/_home.scss */
  .homepage-list .card-campaign-column {
    width: 100%;
    margin: 0 0 20px;
  }
  /* line 535, src/assets/scss/pages/_home.scss */
  .homepage-list .card-campaign-column:first-child {
    margin: 0 0 20px;
  }
  /* line 538, src/assets/scss/pages/_home.scss */
  .homepage-list .card-campaign-column:last-child {
    margin: 0;
  }
  /* line 542, src/assets/scss/pages/_home.scss */
  .homepage-list .button-cyan-white {
    width: 100%;
    height: 45px;
  }
  /* line 547, src/assets/scss/pages/_home.scss */
  .homepage-content-wrapper {
    padding: 30px 0 10px;
  }
  /* line 550, src/assets/scss/pages/_home.scss */
  .homepage-feature-wrapper {
    padding: 40px 0;
  }
  /* line 552, src/assets/scss/pages/_home.scss */
  .homepage-feature-wrapper.size-xs {
    padding: 40px 15px;
  }
  /* line 556, src/assets/scss/pages/_home.scss */
  .homepage-feature-content {
    padding: 0 0;
  }
  /* line 560, src/assets/scss/pages/_home.scss */
  .homepage-feature-content.size-xs .homepage-feature-card.transparent {
    width: 100%;
    height: unset;
    margin-bottom: 30px;
  }
  /* line 569, src/assets/scss/pages/_home.scss */
  .homepage-feature-card.transparent {
    width: 100%;
  }
  /* line 575, src/assets/scss/pages/_home.scss */
  .homepage-xs-main-content .btn.button-cyan-white {
    width: 100%;
  }
}

/* line 4, src/assets/scss/pages/_donate.scss */
.category-filters .nav-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 0.25rem;
  height: 45px;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}

/* line 20, src/assets/scss/pages/_donate.scss */
.category-filters .nav-filter .btn {
  padding: 0.375rem 1.5rem;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  font-size: 0.875rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
  margin: 0;
  outline: none;
  box-shadow: none;
  text-decoration: none;
}

/* line 39, src/assets/scss/pages/_donate.scss */
.category-filters .nav-filter .btn img {
  height: 24px;
  display: block;
}

/* line 45, src/assets/scss/pages/_donate.scss */
.category-filters .filter__content {
  position: relative;
  display: block;
}

/* line 48, src/assets/scss/pages/_donate.scss */
.category-filters .filter__content .filter__body {
  padding: 20px 15px;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
}

/* line 57, src/assets/scss/pages/_donate.scss */
.filter-links {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 62, src/assets/scss/pages/_donate.scss */
.filter-links li {
  display: block;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #f7f7f7;
}

/* line 68, src/assets/scss/pages/_donate.scss */
.filter-links li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0 solid #f7f7f7;
}

/* line 73, src/assets/scss/pages/_donate.scss */
.filter-links li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

/* line 90, src/assets/scss/pages/_donate.scss */
.filter-links li a:hover {
  color: #14bbdb;
}

/* line 93, src/assets/scss/pages/_donate.scss */
.filter-links li a span {
  display: block;
  width: 70%;
}

/* line 97, src/assets/scss/pages/_donate.scss */
.filter-links li a span img {
  height: 24px;
  margin-right: 0.25rem;
  max-width: 24px;
  width: 100%;
}

/* line 103, src/assets/scss/pages/_donate.scss */
.filter-links li a i {
  font-size: 0.75rem;
}

/* line 106, src/assets/scss/pages/_donate.scss */
.donate-filter {
  width: calc(100% - 30px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 15px 20px;
}

/* line 113, src/assets/scss/pages/_donate.scss */
.donate-detail-header {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  padding-top: 65px;
}

@media (max-width: 640px) {
  /* line 113, src/assets/scss/pages/_donate.scss */
  .donate-detail-header {
    padding-top: 0;
  }
  /* line 120, src/assets/scss/pages/_donate.scss */
  .donate-detail-header.mt-65 {
    margin-top: 65px;
  }
}

/* line 125, src/assets/scss/pages/_donate.scss */
.donate-header-image {
  width: 100%;
  height: 337px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 480px) {
  /* line 125, src/assets/scss/pages/_donate.scss */
  .donate-header-image {
    height: 225px;
  }
}

@media (max-width: 360px) {
  /* line 125, src/assets/scss/pages/_donate.scss */
  .donate-header-image {
    height: 202px;
  }
}

/* line 138, src/assets/scss/pages/_donate.scss */
.donate-header-text {
  position: relative;
  padding: 20px 25px 25px;
}

/* line 142, src/assets/scss/pages/_donate.scss */
.donate-header-text h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 147, src/assets/scss/pages/_donate.scss */
.donate-header-text .donate-nominal-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 100%;
}

/* line 152, src/assets/scss/pages/_donate.scss */
.donate-header-text .donate-nominal-text h4 {
  font-size: 16px;
  color: #29a399;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 157, src/assets/scss/pages/_donate.scss */
.donate-header-text .donate-nominal-text h4 span {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 300;
}

/* line 164, src/assets/scss/pages/_donate.scss */
.donate-header-text h5 {
  font-size: 14px;
  font-weight: 600;
}

/* line 167, src/assets/scss/pages/_donate.scss */
.donate-header-text h5 span {
  color: #4d4d4d;
  font-weight: 300;
}

/* line 172, src/assets/scss/pages/_donate.scss */
.donate-header-text .progress {
  margin: 10px 0 15px;
  height: 5px;
}

/* line 175, src/assets/scss/pages/_donate.scss */
.donate-header-text .progress .progress-bar {
  background: linear-gradient(90.1deg, #1accbd 0%, #29a399 100%);
}

/* line 179, src/assets/scss/pages/_donate.scss */
.donate-header-text .donate-header-nominal {
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 186, src/assets/scss/pages/_donate.scss */
.donate-profile {
  padding: 15px 25px;
  border-top: 20px solid #f7f7f7;
}

/* line 189, src/assets/scss/pages/_donate.scss */
.donate-profile h4 {
  font-size: 16px;
  font-weight: 600;
}

/* line 194, src/assets/scss/pages/_donate.scss */
.donate-profile-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #e9ecef;
  padding: 15px 15px 20px;
  border-radius: 6px;
  margin: 15px 0;
  text-decoration: none;
}

/* line 204, src/assets/scss/pages/_donate.scss */
.donate-profile-box .image {
  height: 55px;
  width: 55px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 15px;
  border-radius: 50%;
  border: 1px solid #e9ecef;
}

/* line 214, src/assets/scss/pages/_donate.scss */
.donate-profile-box h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* line 219, src/assets/scss/pages/_donate.scss */
.donate-profile-box .desc {
  width: calc(100% - 70px);
  text-decoration: unset;
}

/* line 222, src/assets/scss/pages/_donate.scss */
.donate-profile-box .desc h6 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #4d4d4d;
}

/* line 227, src/assets/scss/pages/_donate.scss */
.donate-profile-box .desc h6 > img {
  margin-right: 5px;
}

/* line 231, src/assets/scss/pages/_donate.scss */
.donate-profile-box .desc p {
  font-size: 12px;
  color: #989898;
  font-weight: 300;
}

/* line 236, src/assets/scss/pages/_donate.scss */
.donate-profile-box .desc:hover {
  text-decoration: unset;
}

/* line 240, src/assets/scss/pages/_donate.scss */
.donate-profile-box .group-profile {
  width: 100%;
  background-color: #e3fffd;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 10px;
  border-radius: 6px;
  padding: 5px 10px;
  color: #4d4d4d;
  font-size: 14px;
}

/* line 250, src/assets/scss/pages/_donate.scss */
.donate-profile-box .group-profile a {
  color: #29a399;
  font-weight: 600;
}

/* line 253, src/assets/scss/pages/_donate.scss */
.donate-profile-box .group-profile a:hover {
  color: #29a399;
}

/* line 259, src/assets/scss/pages/_donate.scss */
.planning-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

/* line 264, src/assets/scss/pages/_donate.scss */
.planning-box h5 {
  font-size: 14px;
  font-weight: 600;
}

/* line 269, src/assets/scss/pages/_donate.scss */
.tab-button-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f7f7f7;
  padding: 20px 0px;
}

/* line 276, src/assets/scss/pages/_donate.scss */
.tab-button-wrapper .menu-tab {
  width: calc(25% - 10px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  color: #4d4d4d;
  text-decoration: none;
  border-radius: 6px;
  color: #29a399;
}

/* line 289, src/assets/scss/pages/_donate.scss */
.tab-button-wrapper .menu-tab.active {
  background-color: #29a399;
  color: #ffffff;
}

/* line 295, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper {
  padding: 20px 25px;
  background-color: #ffffff;
  position: relative;
}

/* line 299, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper.detail-tab {
  padding: 20px 25px 70px;
}

/* line 302, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper.border-top {
  border-top: 20px solid #f7f7f7 !important;
}

/* line 305, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper .donate-body-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

/* line 310, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper .donate-body-title h5 {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 315, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper .donate-body-title p {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 300;
}

/* line 321, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper .donate-body-content {
  padding: 0 0 55px;
  position: relative;
}

/* line 324, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper .donate-body-content p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #4d4d4d;
  font-weight: 400;
  line-height: 1.5;
}

/* line 330, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper .donate-body-content p strong {
  font-weight: 600;
}

/* line 334, src/assets/scss/pages/_donate.scss */
.donate-body-wrapper .donate-body-content > img {
  max-width: 100%;
  margin-bottom: 10px;
}

/* line 340, src/assets/scss/pages/_donate.scss */
.donate-sticky,
.donate-sticky-total {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9;
}

/* line 347, src/assets/scss/pages/_donate.scss */
.donate-sticky .donate-sticky-content,
.donate-sticky-total .donate-sticky-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 15px;
}

/* line 353, src/assets/scss/pages/_donate.scss */
.donate-sticky .donate-sticky-content.donate-total,
.donate-sticky-total .donate-sticky-content.donate-total {
  border-top: 1px solid #e9ecef;
  background-color: #ffffff;
}

/* line 356, src/assets/scss/pages/_donate.scss */
.donate-sticky .donate-sticky-content.donate-total .button-orange,
.donate-sticky-total .donate-sticky-content.donate-total .button-orange {
  width: 60%;
}

/* line 361, src/assets/scss/pages/_donate.scss */
.donate-sticky .button-border-cyan,
.donate-sticky-total .button-border-cyan {
  width: 120px;
}

/* line 364, src/assets/scss/pages/_donate.scss */
.donate-sticky .button-orange,
.donate-sticky-total .button-orange {
  width: calc(100% - 130px);
}

/* line 367, src/assets/scss/pages/_donate.scss */
.donate-sticky .donate-total-text,
.donate-sticky-total .donate-total-text {
  width: 40%;
}

/* line 369, src/assets/scss/pages/_donate.scss */
.donate-sticky .donate-total-text p,
.donate-sticky-total .donate-total-text p {
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 5px;
}

/* line 374, src/assets/scss/pages/_donate.scss */
.donate-sticky .donate-total-text h4,
.donate-sticky-total .donate-total-text h4 {
  font-size: 18px;
  font-weight: 600;
}

/* line 380, src/assets/scss/pages/_donate.scss */
.share-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 384, src/assets/scss/pages/_donate.scss */
.share-wrapper .btn {
  width: calc(33.33% - 20px);
}

/* line 388, src/assets/scss/pages/_donate.scss */
.donatur-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

/* line 396, src/assets/scss/pages/_donate.scss */
.donatur-row:last-child {
  border-bottom: 1px solid transparent !important;
}

@media (max-width: 480px) {
  /* line 388, src/assets/scss/pages/_donate.scss */
  .donatur-row {
    padding: 15px 0;
  }
}

/* line 403, src/assets/scss/pages/_donate.scss */
.donatur-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  position: relative;
}

/* line 409, src/assets/scss/pages/_donate.scss */
.donatur-box .image-wrap {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #1accbd;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}

/* line 419, src/assets/scss/pages/_donate.scss */
.donatur-box .image-wrap img {
  height: 100%;
  margin: 0;
}

/* line 423, src/assets/scss/pages/_donate.scss */
.donatur-box .image-wrap p {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* line 431, src/assets/scss/pages/_donate.scss */
.donatur-box .text-wrap {
  width: calc(100% - 200px);
  padding-top: 5px;
}

/* line 434, src/assets/scss/pages/_donate.scss */
.donatur-box .text-wrap h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
  color: #4d4d4d;
}

/* line 440, src/assets/scss/pages/_donate.scss */
.donatur-box .text-wrap p {
  color: #828690;
  margin: 0;
  font-size: 12px;
  font-weight: 300;
}

/* line 446, src/assets/scss/pages/_donate.scss */
.donatur-box .text-wrap h6 {
  font-size: 14px;
  font-weight: 400;
  color: #29a399;
  margin-bottom: 0;
  margin-top: 7px;
}

/* line 454, src/assets/scss/pages/_donate.scss */
.donatur-box .status-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 459, src/assets/scss/pages/_donate.scss */
.donatur-box .status-wrap p {
  font-weight: 600;
  font-size: 14px;
}

/* line 464, src/assets/scss/pages/_donate.scss */
.donatur-box .text-nominal {
  width: 120px;
  margin-left: 15px;
  text-align: end;
  padding-top: 5px;
}

/* line 469, src/assets/scss/pages/_donate.scss */
.donatur-box .text-nominal p {
  font-size: 16px;
  font-weight: 400;
  color: #29a399;
  margin-bottom: 0;
}

/* line 476, src/assets/scss/pages/_donate.scss */
.donatur-box .text-date {
  width: 150px;
  text-align: end;
  padding-top: 5px;
}

/* line 481, src/assets/scss/pages/_donate.scss */
.donatur-box .text-date p {
  font-size: 12px;
  font-weight: 400;
  color: #828690;
  margin-bottom: 0;
}

/* line 486, src/assets/scss/pages/_donate.scss */
.donatur-box .text-date p:last-child {
  font-weight: 600;
  color: #29a399;
}

/* line 493, src/assets/scss/pages/_donate.scss */
.donatur-box.salur-box .image-wrap {
  background-color: #ffffff;
}

/* line 495, src/assets/scss/pages/_donate.scss */
.donatur-box.salur-box .image-wrap img {
  width: 45px;
  border-radius: 50%;
}

/* line 500, src/assets/scss/pages/_donate.scss */
.donatur-box.salur-box .text-nominal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/* line 503, src/assets/scss/pages/_donate.scss */
.donatur-box.salur-box .text-nominal .btn {
  min-height: 30px;
  padding: 0 20px;
  height: 35px;
}

/* line 511, src/assets/scss/pages/_donate.scss */
.donatur-comment {
  border: 1px solid #e9ecef;
  padding: 15px;
  margin: 15px 0 0 65px;
  border-radius: 8px;
}

/* line 516, src/assets/scss/pages/_donate.scss */
.donatur-comment p {
  font-size: 14px !important;
  color: #828690 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 480px) {
  /* line 516, src/assets/scss/pages/_donate.scss */
  .donatur-comment p {
    font-size: 12px !important;
  }
}

/* line 524, src/assets/scss/pages/_donate.scss */
.donatur-comment .btn {
  text-transform: capitalize;
  font-size: 14px;
  min-height: 35px;
  height: 35px;
}

@media (max-width: 480px) {
  /* line 524, src/assets/scss/pages/_donate.scss */
  .donatur-comment .btn {
    font-size: 12px;
  }
}

/* line 534, src/assets/scss/pages/_donate.scss */
.fundraiser-join {
  border: 1px solid #e9ecef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
  border-radius: 8px;
  margin-top: 20px;
}

/* line 542, src/assets/scss/pages/_donate.scss */
.fundraiser-join .button-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 547, src/assets/scss/pages/_donate.scss */
.fundraiser-join .button-wrapper .btn:last-child {
  margin-left: 10px;
}

/* line 552, src/assets/scss/pages/_donate.scss */
.fundraiser-join p {
  font-size: 14px;
  margin-bottom: 20px;
  color: #4d4d4d;
}

/* line 556, src/assets/scss/pages/_donate.scss */
.fundraiser-join p span {
  color: #29a399;
}

/* line 561, src/assets/scss/pages/_donate.scss */
.donatur-empty {
  width: 100%;
  padding: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 568, src/assets/scss/pages/_donate.scss */
.donatur-empty img {
  height: 90px;
  margin-bottom: 10px;
}

/* line 572, src/assets/scss/pages/_donate.scss */
.donatur-empty h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 577, src/assets/scss/pages/_donate.scss */
.donatur-empty p {
  color: #4d4d4d;
}

/* line 582, src/assets/scss/pages/_donate.scss */
.activity-timeline {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 15px;
  list-style: none;
}

/* line 587, src/assets/scss/pages/_donate.scss */
.activity-timeline::before {
  content: "";
  height: 100%;
  width: 2px;
  background-color: #29a399;
  position: absolute;
  left: 7px;
  top: 0;
}

/* line 596, src/assets/scss/pages/_donate.scss */
.activity-timeline li {
  position: relative;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 8px;
  margin-left: 4px;
  background-color: #f7f7f7;
}

/* line 603, src/assets/scss/pages/_donate.scss */
.activity-timeline li::after {
  content: "";
  height: 0;
  position: absolute;
  top: 45px;
  width: 0;
  z-index: 1;
  left: -8px;
  border: medium solid #f7f7f7;
  border-width: 8px 8px 8px 0;
  border-color: transparent #f7f7f7 transparent transparent;
}

/* line 615, src/assets/scss/pages/_donate.scss */
.activity-timeline li::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-color: #29a399;
  border: 2px solid #29a399;
  border-radius: 100%;
  left: -24px;
  top: 45px;
}

/* line 626, src/assets/scss/pages/_donate.scss */
.activity-timeline li.bg-cyan {
  background-color: #e3fffd;
}

/* line 628, src/assets/scss/pages/_donate.scss */
.activity-timeline li.bg-cyan::after {
  border: medium solid #e3fffd;
  border-width: 8px 8px 8px 0;
  border-color: transparent #e3fffd transparent transparent;
}

/* line 634, src/assets/scss/pages/_donate.scss */
.activity-timeline li:last-child {
  margin-bottom: 0;
}

/* line 637, src/assets/scss/pages/_donate.scss */
.activity-timeline li .donatur-row {
  border: unset;
}

/* line 640, src/assets/scss/pages/_donate.scss */
.activity-timeline li img {
  margin-bottom: 1rem;
  width: 100%;
}

/* line 644, src/assets/scss/pages/_donate.scss */
.activity-timeline li h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 649, src/assets/scss/pages/_donate.scss */
.activity-timeline li p {
  font-size: 16px;
  color: #4d4d4d;
  margin-bottom: 0;
  margin-top: 10px;
}

/* line 660, src/assets/scss/pages/_donate.scss */
.activity-timeline.live-update li .donatur-row .donatur-box .text-wrap {
  width: 100%;
}

/* line 668, src/assets/scss/pages/_donate.scss */
.accordion-patners-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
}

/* line 674, src/assets/scss/pages/_donate.scss */
.accordion-patners-image img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 15px;
}

/* line 678, src/assets/scss/pages/_donate.scss */
.accordion-patners-image img:last-child {
  margin-bottom: 0;
}

/* line 684, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button {
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  background-color: #ffffff;
  font-size: 16px;
  color: #000000;
  font-weight: 600;
}

/* line 694, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: unset;
}

/* line 699, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button:not(.collapsed) {
  box-shadow: unset;
}

/* line 702, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button .image-salur-profile {
  position: relative;
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 708, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button .image-salur-profile .salur-profile {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 2px solid #e9ecef;
  overflow: hidden;
  background-color: #ffffff;
}

/* line 718, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button .image-salur-profile .salur-profile:nth-child(2) {
  position: absolute;
  left: 20px;
}

/* line 722, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button .image-salur-profile .salur-profile:nth-child(3) {
  position: absolute;
  left: 40px;
}

/* line 728, src/assets/scss/pages/_donate.scss */
.accordion-patners .accordion-button .text-salur-profile {
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 50%;
  padding-right: 10px;
}

/* line 737, src/assets/scss/pages/_donate.scss */
.header-salur {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 741, src/assets/scss/pages/_donate.scss */
.header-salur > img {
  width: 180px;
  margin-right: 20px;
}

/* line 745, src/assets/scss/pages/_donate.scss */
.header-salur h1 {
  font-size: 24px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 750, src/assets/scss/pages/_donate.scss */
.header-salur p {
  font-size: 16px;
  font-weight: 400;
}

/* line 753, src/assets/scss/pages/_donate.scss */
.header-salur p strong {
  font-weight: 600;
}

/* line 758, src/assets/scss/pages/_donate.scss */
.table-salur-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #e9ecef;
  padding: 7px 0;
}

/* line 764, src/assets/scss/pages/_donate.scss */
.table-salur-row:last-child {
  border-color: transparent;
}

/* line 768, src/assets/scss/pages/_donate.scss */
.table-salur-column {
  width: 60%;
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
  text-align: end;
}

/* line 774, src/assets/scss/pages/_donate.scss */
.table-salur-column.first {
  width: 40%;
  text-align: start;
}

/* line 779, src/assets/scss/pages/_donate.scss */
.donate-notice {
  width: 250px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px;
  border: 1px solid #ffffff;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 350px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}

/* line 793, src/assets/scss/pages/_donate.scss */
.donate-notice.homepage {
  left: 30px;
  top: unset;
  bottom: 20px;
  -webkit-transform: unset;
          transform: unset;
  position: fixed;
  z-index: 99;
}

/* line 801, src/assets/scss/pages/_donate.scss */
.donate-notice img {
  width: 40px;
  margin-right: 10px;
}

/* line 805, src/assets/scss/pages/_donate.scss */
.donate-notice p {
  font-size: 12px;
  font-weight: 400;
  color: #4d4d4d;
}

/* line 809, src/assets/scss/pages/_donate.scss */
.donate-notice p strong {
  color: #29a399;
}

/* line 815, src/assets/scss/pages/_donate.scss */
.action-more {
  background: white;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  margin-top: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px;
  padding-bottom: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  left: 0;
}

@media (max-width: 480px) {
  /* line 851, src/assets/scss/pages/_donate.scss */
  .donate-filter {
    width: 100%;
    margin: 0 0 15px;
  }
  /* line 855, src/assets/scss/pages/_donate.scss */
  .donate-notice {
    top: 170px;
  }
  /* line 857, src/assets/scss/pages/_donate.scss */
  .donate-notice.homepage {
    bottom: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  /* line 863, src/assets/scss/pages/_donate.scss */
  .donatur-comment {
    margin-left: 0;
  }
  /* line 867, src/assets/scss/pages/_donate.scss */
  .fundraiser-join .button-wrapper {
    -ms-flex-pack: center;
        justify-content: center;
  }
  /* line 870, src/assets/scss/pages/_donate.scss */
  .fundraiser-join p {
    text-align: center;
  }
  /* line 875, src/assets/scss/pages/_donate.scss */
  .donatur-empty p {
    text-align: center;
  }
  /* line 881, src/assets/scss/pages/_donate.scss */
  .action-more .btn.button-more {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 30px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 889, src/assets/scss/pages/_donate.scss */
  .tab-button-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px 10px;
  }
  /* line 892, src/assets/scss/pages/_donate.scss */
  .tab-button-wrapper .menu-tab {
    width: calc(25% - 5px);
    min-height: 35px;
    font-size: 12px;
    height: 35px;
    padding: 5px;
    line-height: 1.2;
  }
}

@media (max-width: 360px) {
  /* line 904, src/assets/scss/pages/_donate.scss */
  .donate-body-wrapper .alert {
    padding: 5px 10px;
    font-size: 12px;
  }
  /* line 907, src/assets/scss/pages/_donate.scss */
  .donate-body-wrapper .alert .btn-close {
    font-size: 12px;
    padding: 7px 5px;
  }
  /* line 915, src/assets/scss/pages/_donate.scss */
  .donate-sticky .donate-sticky-content,
  .donate-sticky-total .donate-sticky-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 15px;
  }
  /* line 921, src/assets/scss/pages/_donate.scss */
  .donate-sticky .donate-sticky-content.donate-total,
  .donate-sticky-total .donate-sticky-content.donate-total {
    border-top: 1px solid #e9ecef;
    background-color: #ffffff;
  }
  /* line 924, src/assets/scss/pages/_donate.scss */
  .donate-sticky .donate-sticky-content.donate-total .button-orange,
  .donate-sticky-total .donate-sticky-content.donate-total .button-orange {
    width: 55%;
    padding: 0 5px;
  }
  /* line 930, src/assets/scss/pages/_donate.scss */
  .donate-sticky .button-border-cyan,
  .donate-sticky-total .button-border-cyan {
    width: unset;
    padding-left: 7px;
    padding-right: 7px;
  }
  /* line 935, src/assets/scss/pages/_donate.scss */
  .donate-sticky .button-orange,
  .donate-sticky-total .button-orange {
    width: calc(100% - 110px);
    padding-left: 7px;
    padding-right: 7px;
  }
  /* line 940, src/assets/scss/pages/_donate.scss */
  .donate-sticky .donate-total-text,
  .donate-sticky-total .donate-total-text {
    width: 45%;
  }
  /* line 942, src/assets/scss/pages/_donate.scss */
  .donate-sticky .donate-total-text p,
  .donate-sticky-total .donate-total-text p {
    font-size: 12px;
  }
  /* line 945, src/assets/scss/pages/_donate.scss */
  .donate-sticky .donate-total-text h4,
  .donate-sticky-total .donate-total-text h4 {
    font-size: 14px;
  }
  /* line 950, src/assets/scss/pages/_donate.scss */
  .donate-notice {
    top: 150px;
    width: 260px;
    padding: 8px;
  }
  /* line 954, src/assets/scss/pages/_donate.scss */
  .donate-notice img {
    width: 40px;
    margin-right: 15px;
  }
  /* line 959, src/assets/scss/pages/_donate.scss */
  .donatur-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 100%;
    padding: 15px 0;
  }
  /* line 965, src/assets/scss/pages/_donate.scss */
  .donatur-box .image-wrap {
    height: 40px;
    width: 40px;
    margin-right: 10px;
  }
  /* line 969, src/assets/scss/pages/_donate.scss */
  .donatur-box .image-wrap img {
    height: 100%;
    margin: 0;
  }
  /* line 973, src/assets/scss/pages/_donate.scss */
  .donatur-box .image-wrap p {
    font-size: 14px;
  }
  /* line 977, src/assets/scss/pages/_donate.scss */
  .donatur-box .text-wrap {
    width: calc(100% - 160px);
  }
  /* line 979, src/assets/scss/pages/_donate.scss */
  .donatur-box .text-wrap h4 {
    font-size: 14px;
  }
  /* line 982, src/assets/scss/pages/_donate.scss */
  .donatur-box .text-wrap p {
    font-size: 10px;
  }
  /* line 985, src/assets/scss/pages/_donate.scss */
  .donatur-box .text-wrap h6 {
    font-size: 12px;
  }
  /* line 989, src/assets/scss/pages/_donate.scss */
  .donatur-box .text-nominal {
    width: 100px;
    margin-left: 10px;
  }
  /* line 993, src/assets/scss/pages/_donate.scss */
  .donatur-box .text-nominal p {
    font-size: 12px;
  }
  /* line 1000, src/assets/scss/pages/_donate.scss */
  #fundraiserBox .donatur-box .text-wrap {
    width: calc(100% - 50px);
  }
}

/* line 1007, src/assets/scss/pages/_donate.scss */
.donate-header-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

/* line 1014, src/assets/scss/pages/_donate.scss */
.donate-header-info h3 {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
}

/* line 1019, src/assets/scss/pages/_donate.scss */
.donate-header-info .info-row {
  width: 50%;
  margin: 10px 0 0;
}

/* line 1022, src/assets/scss/pages/_donate.scss */
.donate-header-info .info-row p {
  font-size: 14px;
  font-weight: 400;
}

/* line 1026, src/assets/scss/pages/_donate.scss */
.donate-header-info .info-row h4 {
  font-size: 14px;
  color: #29a399;
  font-weight: 600;
}

/* line 1033, src/assets/scss/pages/_donate.scss */
.donate-planning {
  width: 100%;
  border: 1px solid #e9ecef;
  padding: 15px;
  border-radius: 6px;
  margin: 15px 0;
  font-size: 14px;
  font-weight: 400;
}

/* line 1041, src/assets/scss/pages/_donate.scss */
.donate-planning .planning-row {
  width: 100%;
  margin-bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 1047, src/assets/scss/pages/_donate.scss */
.donate-planning .planning-row:last-child {
  margin-bottom: 0;
}

/* line 1050, src/assets/scss/pages/_donate.scss */
.donate-planning .planning-row img {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}

/* line 1055, src/assets/scss/pages/_donate.scss */
.donate-planning .planning-row span {
  font-weight: 600;
}

/* line 3, src/assets/scss/pages/_donate-form.scss */
.title-donate-form {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 15px;
}

/* line 9, src/assets/scss/pages/_donate-form.scss */
a.banner-donate-form,
.banner-donate-form {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

/* line 14, src/assets/scss/pages/_donate-form.scss */
a.banner-donate-form img,
.banner-donate-form img {
  width: 100%;
}

/* line 18, src/assets/scss/pages/_donate-form.scss */
.price-donate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 24, src/assets/scss/pages/_donate-form.scss */
.package-donate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 28, src/assets/scss/pages/_donate-form.scss */
.package-donate-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  margin-bottom: 15px;
  overflow: hidden;
}

/* line 36, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px;
}

/* line 41, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .price-package {
  width: calc(100% - 150px);
}

/* line 43, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .price-package h4 {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 5px;
}

/* line 49, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .price-package h6 {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 600;
}

/* line 55, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .qty-package {
  width: 180px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 60, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .qty-package input {
  text-align: center;
  background-color: #f7f7f7;
  height: 35px;
  width: 60px;
  padding: 5px 10px;
  border-radius: 6px;
  margin: 0 10px;
}

/* line 69, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .qty-package .btn {
  color: #ffffff;
  background-color: #29a399;
  border-color: #29a399;
  min-height: 30px;
  min-width: 30px;
  height: 35px;
  width: 35px;
  border-radius: 17.5px;
  font-size: 14px;
  font-weight: 400;
}

/* line 80, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .qty-package .btn.blue-border {
  color: #15bbda;
  background-color: #ffffff;
  border-color: #15bbda;
}

/* line 86, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .qty-package > p {
  font-size: 16px;
  font-weight: 600;
  color: #be3b6a;
}

/* line 92, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-body .text-note {
  font-size: 12px;
  color: #828690;
  margin-top: 5px;
}

/* line 98, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-form {
  padding: 0 15px 15px;
}

/* line 100, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-form .form-group {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #c4c4c4;
}

/* line 105, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-form > p {
  font-size: 14px;
  margin-bottom: 10px;
}

/* line 109, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-form .package-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 113, src/assets/scss/pages/_donate-form.scss */
.package-donate-item .package-form .package-button-wrapper > .btn {
  width: calc(33.333% - 10px);
}

/* line 119, src/assets/scss/pages/_donate-form.scss */
.sticky-total {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* line 125, src/assets/scss/pages/_donate-form.scss */
.payment-type-group {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 131, src/assets/scss/pages/_donate-form.scss */
.payment-type-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 10px;
  text-decoration: none;
  background-color: #ffffff;
}

/* line 140, src/assets/scss/pages/_donate-form.scss */
.payment-type-item img {
  width: 65px;
}

/* line 143, src/assets/scss/pages/_donate-form.scss */
.payment-type-item p {
  width: calc(100% - 150px);
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
}

/* line 149, src/assets/scss/pages/_donate-form.scss */
.payment-type-item i {
  color: #4d4d4d;
  font-size: 14px;
}

/* line 153, src/assets/scss/pages/_donate-form.scss */
.payment-type-item:last-child {
  border-color: transparent;
}

/* line 157, src/assets/scss/pages/_donate-form.scss */
.title-payment {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 164, src/assets/scss/pages/_donate-form.scss */
.nominal-transfer {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1rem;
  background-color: #fbfbfb;
  padding: 0.5rem;
  border-radius: 0.25rem;
}

/* line 176, src/assets/scss/pages/_donate-form.scss */
.nominal-transfer .nominal-text {
  font-weight: 600;
  font-size: 1.5rem;
  padding: 0;
  width: 100%;
  border: none;
  background-color: transparent;
  text-align: center;
  display: inline-block;
  max-width: 100%;
  outline: none;
}

/* line 187, src/assets/scss/pages/_donate-form.scss */
.nominal-transfer .nominal-text span {
  color: #29a399;
}

/* line 192, src/assets/scss/pages/_donate-form.scss */
.nominal-transfer .nominal-transfer h4 {
  margin-bottom: 0;
}

/* line 195, src/assets/scss/pages/_donate-form.scss */
.nominal-transfer h4 span {
  color: #29a399;
}

/* line 198, src/assets/scss/pages/_donate-form.scss */
.nominal-transfer .btn {
  font-size: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  height: 36px;
  line-height: 36px;
  color: #666666;
  text-decoration: none;
  background-color: #f7f7f7;
  padding: 0 1.25rem;
  margin: auto;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}

/* line 216, src/assets/scss/pages/_donate-form.scss */
.nominal-transfer .btn:hover {
  background-color: #29a399;
  color: #ffffff;
}

/* line 221, src/assets/scss/pages/_donate-form.scss */
.alert--icon {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 230, src/assets/scss/pages/_donate-form.scss */
.total-donate {
  padding: 0;
  margin: 0 0 15px;
  list-style: none;
}

/* line 235, src/assets/scss/pages/_donate-form.scss */
.total-donate li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #f7f7f7;
}

/* line 247, src/assets/scss/pages/_donate-form.scss */
.total-donate li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0 solid #f7f7f7;
}

/* line 253, src/assets/scss/pages/_donate-form.scss */
.note-code {
  margin-bottom: 0;
  font-size: 12px;
  font-style: italic;
}

/* line 259, src/assets/scss/pages/_donate-form.scss */
.acn-bank {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 44px;
  background-color: #f7f7f7;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}

/* line 274, src/assets/scss/pages/_donate-form.scss */
.acn-bank img {
  max-width: 70px;
}

/* line 277, src/assets/scss/pages/_donate-form.scss */
.acn-bank input {
  font-size: 16px;
  font-weight: 600;
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  text-align: center;
}

/* line 286, src/assets/scss/pages/_donate-form.scss */
.acn-bank .btn {
  display: block;
  width: 70px;
  min-width: 70px;
  text-align: center;
  padding: 0;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  border-radius: 0.25rem;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

/* line 301, src/assets/scss/pages/_donate-form.scss */
.acn-bank .btn:hover {
  background-color: #29a399;
  color: #ffffff;
}

/* line 306, src/assets/scss/pages/_donate-form.scss */
.note-transfer {
  display: block;
  padding: 1rem;
  border: 1px solid #f7f7f7;
  border-radius: 0.25rem;
}

/* line 313, src/assets/scss/pages/_donate-form.scss */
.donate-share-links {
  margin: 0;
  list-style: none;
  padding: 0;
}

/* line 318, src/assets/scss/pages/_donate-form.scss */
.donate-share-links li {
  margin-bottom: 0.25rem;
}

/* line 321, src/assets/scss/pages/_donate-form.scss */
.donate-share-links li:last-child {
  margin-bottom: 0;
}

/* line 324, src/assets/scss/pages/_donate-form.scss */
.donate-share-links li a {
  position: relative;
}

/* line 327, src/assets/scss/pages/_donate-form.scss */
.donate-share-links li a i {
  margin-right: 10px;
}

/* line 331, src/assets/scss/pages/_donate-form.scss */
.accordion-intruksi {
  background-color: #ffffff;
}

/* line 333, src/assets/scss/pages/_donate-form.scss */
.accordion-intruksi .accordion-item {
  border-color: transparent;
  margin-bottom: 0px;
  border-top: 1px solid #e9ecef !important;
}

/* line 338, src/assets/scss/pages/_donate-form.scss */
.accordion-intruksi .accordion-button {
  font-weight: 600;
  color: #4d4d4d;
  background-color: #ffffff;
  padding: 0;
  min-height: 50px;
  font-size: 16px;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
}

/* line 347, src/assets/scss/pages/_donate-form.scss */
.accordion-intruksi .accordion-button:not(.collapsed) {
  font-weight: 600;
  color: #4d4d4d;
  box-shadow: unset;
  background-color: #ffffff;
}

/* line 352, src/assets/scss/pages/_donate-form.scss */
.accordion-intruksi .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* line 357, src/assets/scss/pages/_donate-form.scss */
.accordion-intruksi .accordion-body {
  padding: 10px 0px;
  background-color: #ffffff;
  font-size: 14px;
  color: #4d4d4d;
}

/* line 364, src/assets/scss/pages/_donate-form.scss */
.title-payment-wrapper {
  padding: 10px 20px;
  background-color: #f7f7f7;
  width: 100%;
}

/* line 368, src/assets/scss/pages/_donate-form.scss */
.title-payment-wrapper p {
  font-size: 16px;
  font-weight: 600;
}

/* line 373, src/assets/scss/pages/_donate-form.scss */
.payment-cyan-wrapper {
  background-color: #29a399;
  padding: 20px 15px 30px;
}

/* line 376, src/assets/scss/pages/_donate-form.scss */
.payment-cyan-wrapper h6 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 5px;
}

/* line 382, src/assets/scss/pages/_donate-form.scss */
.payment-cyan-wrapper p {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

/* line 388, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper {
  position: relative;
  top: -15px;
  padding: 20px 15px;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* line 395, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-account,
.payment-white-wrapper .payment-nominal {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 20px;
}

/* line 402, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-account h6,
.payment-white-wrapper .payment-nominal h6 {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 5px;
}

/* line 408, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-account p,
.payment-white-wrapper .payment-nominal p {
  font-size: 20px;
  font-weight: 600;
  color: #4d4d4d;
}

/* line 412, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-account p span,
.payment-white-wrapper .payment-nominal p span {
  color: #29a399;
}

/* line 417, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 15px;
}

/* line 423, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-header p {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 428, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-header img {
  width: 100px;
}

/* line 432, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-account {
  background-color: #f7f7f7;
  margin-bottom: 15px;
}

/* line 436, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-nominal {
  background-color: #ffffff;
  margin-bottom: 5px;
}

/* line 440, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-note {
  font-size: 12px;
  color: #828690;
}

/* line 444, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .payment-footer {
  margin-top: 20px;
}

/* line 447, src/assets/scss/pages/_donate-form.scss */
.payment-white-wrapper .btn {
  margin-bottom: 20px;
}

/* line 454, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .btn.button-text-cyan {
  min-width: 220px;
  margin: 10px auto;
}

/* line 459, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box {
  margin: 0 auto;
  border: 1px solid #e5e5e5;
  padding: 10px 20px;
  border-radius: 6px;
  margin-bottom: 20px;
}

/* line 465, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box .table-salur-row {
  border-color: transparent;
  padding: 3px 0;
}

/* line 468, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box .table-salur-row .table-salur-column {
  width: 50% !important;
}

/* line 470, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box .table-salur-row .table-salur-column:last-child {
  font-weight: 600;
}

/* line 475, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box.bg-grey {
  background-color: #f7f7f7;
}

/* line 477, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box.bg-grey .table-salur-row {
  border-color: #c4c4c4;
  padding: 10px 5px;
}

/* line 480, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box.bg-grey .table-salur-row:last-child {
  border-color: transparent;
}

/* line 484, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .status-box.bg-grey .table-salur-row .table-salur-column:last-child {
  text-align: end;
}

/* line 491, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .accordion-donasi-status {
  background-color: #ffffff;
}

/* line 493, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .accordion-donasi-status .accordion-item {
  border-color: transparent;
  margin-bottom: 0px;
}

/* line 497, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .accordion-donasi-status .accordion-button {
  font-weight: 600;
  color: #4d4d4d;
  background-color: #ffffff;
  padding: 0;
  font-size: 16px;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
}

/* line 505, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .accordion-donasi-status .accordion-button:not(.collapsed) {
  font-weight: 600;
  color: #4d4d4d;
  box-shadow: unset;
  background-color: #ffffff;
}

/* line 510, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .accordion-donasi-status .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* line 515, src/assets/scss/pages/_donate-form.scss */
.donasi-status-content .accordion-donasi-status .accordion-body {
  padding: 10px 0px;
  background-color: #ffffff;
  font-size: 14px;
  color: #4d4d4d;
}

/* line 525, src/assets/scss/pages/_donate-form.scss */
.donasi-help-content ol li {
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 5px;
  margin-right: 20px;
}

@media (max-width: 360px) {
  /* line 536, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body {
    padding: 10px;
  }
  /* line 538, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .price-package {
    width: calc(100% - 150px);
  }
  /* line 540, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .price-package h4 {
    font-size: 12px;
  }
  /* line 543, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .price-package h6 {
    font-size: 14px;
  }
  /* line 547, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .qty-package {
    width: 150px;
  }
  /* line 549, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .qty-package input {
    height: 30px;
    width: 50px;
  }
  /* line 553, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .qty-package .btn {
    min-height: 25px;
    min-width: 25px;
    height: 25px;
    width: 25px;
    border-radius: 12.5px;
    font-size: 10px;
  }
  /* line 561, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .qty-package > p {
    font-size: 14px;
  }
  /* line 565, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-body .text-note {
    font-size: 12px;
    color: #828690;
    margin-top: 5px;
  }
  /* line 571, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-form {
    padding: 0 10px 10px;
  }
  /* line 573, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-form > p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /* line 578, src/assets/scss/pages/_donate-form.scss */
  .package-donate-item .package-form .package-button-wrapper > .btn {
    width: calc(33.333% - 8px);
  }
}

/* line 1, src/assets/scss/pages/_contents.scss */
.content-header {
  background-color: #ffffff;
  position: relative;
  width: 100%;
}

/* line 5, src/assets/scss/pages/_contents.scss */
.content-header .content-header-image {
  width: 100%;
  height: 340px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 480px) {
  /* line 5, src/assets/scss/pages/_contents.scss */
  .content-header .content-header-image {
    height: 250px;
  }
}

/* line 15, src/assets/scss/pages/_contents.scss */
.content-header .content-header-text {
  position: relative;
  padding: 20px 15px 25px;
}

/* line 18, src/assets/scss/pages/_contents.scss */
.content-header .content-header-text h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  /* line 18, src/assets/scss/pages/_contents.scss */
  .content-header .content-header-text h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

/* line 27, src/assets/scss/pages/_contents.scss */
.content-header .content-header-text p {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 8px;
}

/* line 32, src/assets/scss/pages/_contents.scss */
.content-header .content-header-text p.title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 5px;
}

@media (max-width: 480px) {
  /* line 27, src/assets/scss/pages/_contents.scss */
  .content-header .content-header-text p {
    font-size: 14px;
  }
  /* line 40, src/assets/scss/pages/_contents.scss */
  .content-header .content-header-text p.title {
    font-size: 16px;
  }
}

/* line 47, src/assets/scss/pages/_contents.scss */
.content-body {
  padding: 20px 25px;
  width: 100%;
  position: relative;
}

@media (max-width: 480px) {
  /* line 47, src/assets/scss/pages/_contents.scss */
  .content-body {
    padding: 20px 15px;
  }
}

/* line 54, src/assets/scss/pages/_contents.scss */
.content-body.border-top {
  border-top: 20px solid #f7f7f7 !important;
}

/* line 57, src/assets/scss/pages/_contents.scss */
.content-body .title-content {
  font-size: 18px;
  color: #4d4d4d;
  margin-bottom: 20px;
  font-weight: 600;
}

@media (max-width: 480px) {
  /* line 57, src/assets/scss/pages/_contents.scss */
  .content-body .title-content {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

/* line 67, src/assets/scss/pages/_contents.scss */
.content-body .action-more {
  padding-bottom: 20px;
}

/* line 71, src/assets/scss/pages/_contents.scss */
.map-content {
  width: 100%;
  height: 350px;
}

/* line 74, src/assets/scss/pages/_contents.scss */
.map-content iframe {
  width: 100%;
  height: 350px;
}

/* line 79, src/assets/scss/pages/_contents.scss */
.content-tabs {
  padding: 20px 15px;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #f7f7f7;
}

/* line 87, src/assets/scss/pages/_contents.scss */
.content-tabs.tabs-tema .btn {
  width: calc(50% - 8px);
}

/* line 92, src/assets/scss/pages/_contents.scss */
.box-counter {
  background-color: #f66048;
  width: 100%;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 5px;
  margin-bottom: 15px;
}

/* line 101, src/assets/scss/pages/_contents.scss */
.box-counter .row-count {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 103, src/assets/scss/pages/_contents.scss */
.box-counter .row-count h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
}

/* line 108, src/assets/scss/pages/_contents.scss */
.box-counter .row-count p {
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
}

@media (max-width: 480px) {
  /* line 116, src/assets/scss/pages/_contents.scss */
  .box-counter .row-count h3 {
    font-size: 16px;
  }
  /* line 119, src/assets/scss/pages/_contents.scss */
  .box-counter .row-count p {
    font-size: 10px;
  }
}

/* line 125, src/assets/scss/pages/_contents.scss */
.banner-title {
  padding: 20px 0;
  background-color: #29a399;
  width: 100%;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 1;
  height: 200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 480px) {
  /* line 125, src/assets/scss/pages/_contents.scss */
  .banner-title {
    background-size: cover;
  }
}

/* line 141, src/assets/scss/pages/_contents.scss */
.banner-title p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 5px;
  text-align: center;
}

@media (max-width: 480px) {
  /* line 141, src/assets/scss/pages/_contents.scss */
  .banner-title p {
    font-size: 14px;
  }
}

/* line 151, src/assets/scss/pages/_contents.scss */
.banner-title h1 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 480px) {
  /* line 151, src/assets/scss/pages/_contents.scss */
  .banner-title h1 {
    font-size: 20px;
  }
}

/* line 161, src/assets/scss/pages/_contents.scss */
.relative-top {
  position: relative;
  top: -40px;
  z-index: 3;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-bottom: 20px;
}

/* line 3, src/assets/scss/pages/_zakat.scss */
.zakat-head {
  padding: 80px 0 0;
}

/* line 6, src/assets/scss/pages/_zakat.scss */
.zakat-image {
  width: 100%;
  padding-right: 20px;
}

/* line 9, src/assets/scss/pages/_zakat.scss */
.zakat-image img {
  width: 100%;
}

@media (max-width: 480px) {
  /* line 6, src/assets/scss/pages/_zakat.scss */
  .zakat-image {
    padding-right: 0;
  }
}

/* line 16, src/assets/scss/pages/_zakat.scss */
.zakat-text {
  width: 100%;
  padding-left: 20px;
  padding-top: 15px;
}

/* line 20, src/assets/scss/pages/_zakat.scss */
.zakat-text h1 {
  font-size: 48px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

/* line 27, src/assets/scss/pages/_zakat.scss */
.zakat-text h2 {
  width: 60%;
  font-size: 32px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

/* line 35, src/assets/scss/pages/_zakat.scss */
.zakat-text p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 30px;
}

/* line 41, src/assets/scss/pages/_zakat.scss */
.zakat-text a {
  height: 50px;
  font-size: 18px;
  margin: 15px 0;
  text-transform: uppercase;
}

/* line 47, src/assets/scss/pages/_zakat.scss */
.zakat-text a.btn.button-white {
  color: #29a399;
}

@media (max-width: 480px) {
  /* line 16, src/assets/scss/pages/_zakat.scss */
  .zakat-text {
    padding-left: 0;
    text-align: center;
  }
  /* line 56, src/assets/scss/pages/_zakat.scss */
  .zakat-text h1 {
    font-size: 36px;
  }
  /* line 59, src/assets/scss/pages/_zakat.scss */
  .zakat-text h2 {
    width: 100%;
    font-size: 24px;
  }
  /* line 63, src/assets/scss/pages/_zakat.scss */
  .zakat-text p {
    font-size: 14px;
  }
  /* line 66, src/assets/scss/pages/_zakat.scss */
  .zakat-text a {
    height: 40px;
    font-size: 14px;
  }
}

/* line 72, src/assets/scss/pages/_zakat.scss */
.zakat-product-content {
  padding: 0 0 40px;
  text-align: center;
}

/* line 75, src/assets/scss/pages/_zakat.scss */
.zakat-product-content h4 {
  font-size: 28px;
  color: #29a399;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  /* line 82, src/assets/scss/pages/_zakat.scss */
  .zakat-product-content h4 {
    font-size: 24px;
  }
}

/* line 87, src/assets/scss/pages/_zakat.scss */
.zakat-product-card {
  width: 100%;
  text-align: center;
  padding: 15px;
  margin: 15px 0;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
}

/* line 95, src/assets/scss/pages/_zakat.scss */
.zakat-product-card > img {
  width: 85%;
  margin-bottom: 10px;
}

/* line 99, src/assets/scss/pages/_zakat.scss */
.zakat-product-card .zakat-product-text {
  height: 150px;
}

/* line 101, src/assets/scss/pages/_zakat.scss */
.zakat-product-card .zakat-product-text h5 {
  font-size: 18px;
  font-weight: 600;
  color: #29a399;
  margin-bottom: 10px;
}

/* line 107, src/assets/scss/pages/_zakat.scss */
.zakat-product-card .zakat-product-text p {
  font-weight: 500;
  color: #4d4d4d;
  margin-bottom: 10px;
}

/* line 112, src/assets/scss/pages/_zakat.scss */
.zakat-product-card .zakat-product-text h6 {
  font-size: 14px;
  color: #29a399;
  font-weight: 600;
}

/* line 118, src/assets/scss/pages/_zakat.scss */
.zakat-product-card .zakat-product-form {
  min-height: 100px;
}

/* line 120, src/assets/scss/pages/_zakat.scss */
.zakat-product-card .zakat-product-form .nominal-input-group {
  margin-bottom: 15px;
}

/* line 123, src/assets/scss/pages/_zakat.scss */
.zakat-product-card .zakat-product-form .btn {
  width: 100%;
}

@media (max-width: 480px) {
  /* line 128, src/assets/scss/pages/_zakat.scss */
  .zakat-product-card > img {
    width: 60%;
    margin-bottom: 10px;
  }
  /* line 132, src/assets/scss/pages/_zakat.scss */
  .zakat-product-card .zakat-product-text {
    height: 130px;
  }
  /* line 134, src/assets/scss/pages/_zakat.scss */
  .zakat-product-card .zakat-product-text h5 {
    font-size: 16px;
  }
  /* line 138, src/assets/scss/pages/_zakat.scss */
  .zakat-product-card .zakat-product-form {
    min-height: 100px;
  }
  /* line 140, src/assets/scss/pages/_zakat.scss */
  .zakat-product-card .zakat-product-form .nominal-input-group {
    margin-bottom: 15px;
  }
  /* line 143, src/assets/scss/pages/_zakat.scss */
  .zakat-product-card .zakat-product-form .btn {
    width: 100%;
  }
}

/* line 149, src/assets/scss/pages/_zakat.scss */
.zakat-contact-text {
  width: 100%;
}

/* line 151, src/assets/scss/pages/_zakat.scss */
.zakat-contact-text h4 {
  padding-top: 40px;
  font-size: 36px;
  font-weight: 600;
  color: #29a399;
  margin-bottom: 40px;
}

/* line 158, src/assets/scss/pages/_zakat.scss */
.zakat-contact-text .btn {
  width: 70%;
}

/* line 161, src/assets/scss/pages/_zakat.scss */
.zakat-contact-text .btn.button-green i {
  margin-right: 5px;
}

@media (max-width: 480px) {
  /* line 149, src/assets/scss/pages/_zakat.scss */
  .zakat-contact-text {
    text-align: center;
  }
  /* line 168, src/assets/scss/pages/_zakat.scss */
  .zakat-contact-text h4 {
    padding-top: 0px;
    font-size: 28px;
    margin-bottom: 25px;
  }
  /* line 173, src/assets/scss/pages/_zakat.scss */
  .zakat-contact-text .btn {
    width: 100%;
    margin-bottom: 40px;
  }
}

/* line 179, src/assets/scss/pages/_zakat.scss */
.zakat-contact-image {
  width: 100%;
}

/* line 181, src/assets/scss/pages/_zakat.scss */
.zakat-contact-image img {
  width: 100%;
}

/* line 185, src/assets/scss/pages/_zakat.scss */
.zakat-slider {
  width: 100%;
  text-align: center;
}

/* line 188, src/assets/scss/pages/_zakat.scss */
.zakat-slider h4 {
  font-size: 28px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 40px;
}

@media (max-width: 480px) {
  /* line 195, src/assets/scss/pages/_zakat.scss */
  .zakat-slider h4 {
    font-size: 24px;
  }
}

/* line 200, src/assets/scss/pages/_zakat.scss */
.zakat-testimoni {
  width: 100%;
  text-align: center;
  padding: 20px;
  margin-bottom: 30px;
}

/* line 205, src/assets/scss/pages/_zakat.scss */
.zakat-testimoni img {
  border-radius: 50%;
  height: 150px;
  width: 150px;
  margin-bottom: 20px;
}

/* line 211, src/assets/scss/pages/_zakat.scss */
.zakat-testimoni .testimonial-text {
  height: 100px;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 15px;
  padding: 0 20px;
}

/* line 218, src/assets/scss/pages/_zakat.scss */
.zakat-testimoni h5 {
  font-size: 14px;
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 600;
}

/* line 224, src/assets/scss/pages/_zakat.scss */
.zakat-testimoni h6 {
  font-size: 14px;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 500;
}

@media (max-width: 480px) {
  /* line 200, src/assets/scss/pages/_zakat.scss */
  .zakat-testimoni {
    padding: 15px;
  }
  /* line 232, src/assets/scss/pages/_zakat.scss */
  .zakat-testimoni img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
  }
  /* line 237, src/assets/scss/pages/_zakat.scss */
  .zakat-testimoni .testimonial-text {
    height: 180px;
    font-size: 14px;
    padding: 0;
  }
}

/* line 244, src/assets/scss/pages/_zakat.scss */
.zakat-feature {
  width: 100%;
  text-align: center;
  padding-bottom: 65px;
}

/* line 248, src/assets/scss/pages/_zakat.scss */
.zakat-feature h3 {
  font-size: 36px;
  color: #29a399;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 254, src/assets/scss/pages/_zakat.scss */
.zakat-feature > h4 {
  font-size: 28px;
  color: #29a399;
  font-weight: 600;
  margin-bottom: 65px;
}

/* line 260, src/assets/scss/pages/_zakat.scss */
.zakat-feature .zakat-feature-card {
  width: 100%;
  text-align: center;
}

/* line 263, src/assets/scss/pages/_zakat.scss */
.zakat-feature .zakat-feature-card img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
  margin-bottom: 20px;
}

/* line 270, src/assets/scss/pages/_zakat.scss */
.zakat-feature .zakat-feature-card > h4 {
  font-size: 28px;
  color: #29a399;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 276, src/assets/scss/pages/_zakat.scss */
.zakat-feature .zakat-feature-card > p {
  font-size: 16px;
  color: #29a399;
  font-weight: 600;
}

/* line 282, src/assets/scss/pages/_zakat.scss */
.zakat-feature .btn {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding-left: 60px;
  padding-right: 60px;
  margin: 65px auto 0;
}

@media (max-width: 480px) {
  /* line 289, src/assets/scss/pages/_zakat.scss */
  .zakat-feature .zakat-feature-card {
    margin-bottom: 20px;
  }
  /* line 291, src/assets/scss/pages/_zakat.scss */
  .zakat-feature .zakat-feature-card img {
    width: 100px;
    height: 100px;
  }
  /* line 295, src/assets/scss/pages/_zakat.scss */
  .zakat-feature .zakat-feature-card > h4 {
    font-size: 24px;
  }
  /* line 298, src/assets/scss/pages/_zakat.scss */
  .zakat-feature .zakat-feature-card > p {
    font-size: 14px;
  }
  /* line 302, src/assets/scss/pages/_zakat.scss */
  .zakat-feature .btn {
    width: 100% !important;
  }
}

/* line 307, src/assets/scss/pages/_zakat.scss */
.menu-zakat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin: 10px 0 30px;
}

/* line 313, src/assets/scss/pages/_zakat.scss */
.menu-zakat .tab-button-zakat {
  width: calc(25% - 30px);
  height: 80px;
  margin: 0 10px;
  border-bottom: 2px solid transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-decoration: none;
}

/* line 323, src/assets/scss/pages/_zakat.scss */
.menu-zakat .tab-button-zakat img {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
}

/* line 328, src/assets/scss/pages/_zakat.scss */
.menu-zakat .tab-button-zakat span {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 333, src/assets/scss/pages/_zakat.scss */
.menu-zakat .tab-button-zakat:hover, .menu-zakat .tab-button-zakat.active {
  border-color: #29a399;
}

@media (max-width: 480px) {
  /* line 339, src/assets/scss/pages/_zakat.scss */
  .menu-zakat .tab-button-zakat {
    width: 25%;
    height: 70px;
    margin: 0;
  }
  /* line 343, src/assets/scss/pages/_zakat.scss */
  .menu-zakat .tab-button-zakat img {
    height: 35px;
    width: 35px;
  }
  /* line 347, src/assets/scss/pages/_zakat.scss */
  .menu-zakat .tab-button-zakat span {
    font-size: 10px;
  }
}

/* line 353, src/assets/scss/pages/_zakat.scss */
.zakat-form {
  padding: 0 0 10px;
}

/* line 355, src/assets/scss/pages/_zakat.scss */
.zakat-form .form-check-label,
.zakat-form .form-label {
  color: #4d4d4d;
  font-weight: 600;
}

/* line 361, src/assets/scss/pages/_zakat.scss */
.zakat-form .form-check-input:checked {
  background-color: #29a399;
  border-color: #29a399;
}

/* line 365, src/assets/scss/pages/_zakat.scss */
.zakat-form .form-check-input:focus {
  box-shadow: unset;
}

/* line 369, src/assets/scss/pages/_zakat.scss */
.zakat-form h6 {
  font-size: 14px;
  font-weight: 600;
}

/* line 373, src/assets/scss/pages/_zakat.scss */
.zakat-form p {
  font-size: 12px;
}

/* line 376, src/assets/scss/pages/_zakat.scss */
.zakat-form .form-control {
  background-color: #f7f7f7;
}

/* line 3, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-banner {
  width: 100%;
  height: 270px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

@media (max-width: 480px) {
  /* line 3, src/assets/scss/pages/_donasi-rutin.scss */
  .donasi-rutin-banner {
    height: 178px;
  }
  /* line 11, src/assets/scss/pages/_donasi-rutin.scss */
  .donasi-rutin-banner.faq, .donasi-rutin-banner.program {
    height: 90px !important;
  }
}

/* line 16, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-banner.faq, .donasi-rutin-banner.program {
  height: 150px;
}

/* line 21, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature {
  width: 100%;
  height: auto;
}

/* line 24, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .top-feature {
  background-color: #ffffff;
  padding: 40px 0px;
  text-align: center;
  width: 100%;
}

/* line 29, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .top-feature.faq {
  padding: 40px 15px;
  text-align: left;
}

/* line 32, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .top-feature.faq h4 {
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}

/* line 37, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .top-feature.faq p {
  width: 100%;
  margin-bottom: 20px;
  word-break: break-all;
}

/* line 41, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .top-feature.faq p.label {
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 48, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .bottom-feature {
  background-color: #f6f8fb;
  padding: 40px 0px;
  text-align: center;
  width: 100%;
}

/* line 54, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature h4 {
  font-size: 24px;
  color: #29a399;
  font-weight: 600;
  margin: 0 auto 15px;
  width: 78%;
}

/* line 61, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature p {
  font-size: 16px;
  color: #4d4d4d;
  margin: 0 auto;
  width: 85%;
}

/* line 67, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .donasi-rutin-benefit {
  width: 33.333%;
  padding: 20px 10px;
}

/* line 70, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .donasi-rutin-benefit img {
  max-width: 100%;
  margin-bottom: 15px;
}

/* line 74, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .donasi-rutin-benefit h5 {
  font-size: 14px;
  color: #29a399;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 80, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-feature .donasi-rutin-benefit > p {
  font-size: 12px;
  color: #4d4d4d;
}

@media (max-width: 480px) {
  /* line 87, src/assets/scss/pages/_donasi-rutin.scss */
  .donasi-rutin-feature h4 {
    font-size: 18px;
    width: 90%;
  }
  /* line 91, src/assets/scss/pages/_donasi-rutin.scss */
  .donasi-rutin-feature p {
    font-size: 14px;
    width: 90%;
  }
  /* line 95, src/assets/scss/pages/_donasi-rutin.scss */
  .donasi-rutin-feature .donasi-rutin-benefit {
    width: 100%;
    padding: 20px 0;
  }
}

/* line 101, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-slider {
  padding: 40px 15px;
  background-color: rgba(41, 163, 153, 0.2);
}

/* line 104, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-slider a {
  font-size: 14px;
  margin-bottom: 15px;
  color: #29a399;
  font-weight: 600;
  text-decoration: none;
}

/* line 112, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-accordion {
  padding: 40px 15px;
  background-color: #ffffff;
}

/* line 115, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-accordion .accordion-item {
  border-color: transparent;
  margin-bottom: 20px;
}

/* line 119, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-accordion .accordion-button {
  background-color: #f7f7f7;
  font-weight: 600;
  color: #4d4d4d;
}

/* line 123, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-accordion .accordion-button:not(.collapsed) {
  background-color: #f7f7f7;
  font-weight: 600;
  color: #4d4d4d;
  box-shadow: unset;
}

/* line 128, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* line 133, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-accordion .accordion-body {
  padding: 30px 20px;
  background-color: #ffffff;
}

/* line 138, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 142, src/assets/scss/pages/_donasi-rutin.scss */
.donasi-rutin-list .donasi-rutin-item {
  width: 50%;
  padding: 15px;
}

@media (max-width: 480px) {
  /* line 142, src/assets/scss/pages/_donasi-rutin.scss */
  .donasi-rutin-list .donasi-rutin-item {
    width: 100%;
  }
}

/* line 150, src/assets/scss/pages/_donasi-rutin.scss */
.banner-link,
.banner-non-link {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

/* line 154, src/assets/scss/pages/_donasi-rutin.scss */
.banner-link img,
.banner-non-link img {
  width: 100%;
}

/* line 3, src/assets/scss/pages/_infaq.scss */
.infaq-banner {
  padding: 30px 15px;
  width: 100%;
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

/* line 13, src/assets/scss/pages/_infaq.scss */
.infaq-banner h1 {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
  text-align: start;
}

/* line 19, src/assets/scss/pages/_infaq.scss */
.infaq-banner h5 {
  text-align: end;
  font-size: 16px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #ffffff;
}

/* line 27, src/assets/scss/pages/_infaq.scss */
.infaq-banner .infaq-nominal {
  padding: 20px;
  font-size: 24px;
  background-color: rgba(227, 255, 253, 0.7);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 32px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 37, src/assets/scss/pages/_infaq.scss */
.infaq-banner h6 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}

/* line 44, src/assets/scss/pages/_infaq.scss */
.infaq-top {
  padding: 20px 25px 0;
  background-color: #ffffff;
  width: 100%;
}

/* line 49, src/assets/scss/pages/_infaq.scss */
.menu-infaq {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 54, src/assets/scss/pages/_infaq.scss */
.menu-infaq .button-menu-infaq {
  width: 33.333%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  border-bottom: 2px solid #ffffff;
  color: #29a399;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  text-decoration: none;
  cursor: pointer;
}

/* line 67, src/assets/scss/pages/_infaq.scss */
.menu-infaq .button-menu-infaq:hover, .menu-infaq .button-menu-infaq.active {
  border-color: #29a399;
  text-decoration: none;
}

/* line 74, src/assets/scss/pages/_infaq.scss */
.content-infaq {
  background-color: #ffffff;
  padding: 25px 0;
  width: 100%;
}

/* line 79, src/assets/scss/pages/_infaq.scss */
.nominal-infaq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0 10px;
}

/* line 84, src/assets/scss/pages/_infaq.scss */
.nominal-infaq .btn {
  width: calc(25% - 10px);
}

/* line 88, src/assets/scss/pages/_infaq.scss */
.payment-infaq {
  padding: 10px 0 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

/* line 92, src/assets/scss/pages/_infaq.scss */
.payment-infaq .input-payment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 40px;
  position: relative;
  border: 1px solid #c4c4c4;
  padding: 0 10px;
  border-radius: 6px;
}

/* line 102, src/assets/scss/pages/_infaq.scss */
.payment-infaq .input-payment img {
  height: 30px;
  margin-right: 10px;
}

/* line 106, src/assets/scss/pages/_infaq.scss */
.payment-infaq .input-payment .payment-text {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 111, src/assets/scss/pages/_infaq.scss */
.payment-infaq .input-payment .btn {
  min-height: 30px;
  height: 30px;
  font-weight: 500;
  position: absolute;
  right: 10px;
}

/* line 120, src/assets/scss/pages/_infaq.scss */
.infaq-qr-image {
  width: 100%;
}

/* line 123, src/assets/scss/pages/_infaq.scss */
.infaq-donatur {
  padding: 0;
  background-color: #ffffff;
}

/* line 126, src/assets/scss/pages/_infaq.scss */
.infaq-donatur h4 {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 25px;
}

/* line 132, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur {
  width: 100%;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* line 137, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  border-bottom: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
}

/* line 146, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row:first-child {
  border-top: 1px solid #c4c4c4;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* line 151, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 155, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row a {
  text-align: center;
  padding: 3px 10px;
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  width: 100%;
  text-decoration: unset;
  color: #29a399;
}

/* line 165, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row .th {
  font-size: 16px;
  color: #29a399;
  font-weight: 600;
  width: 33.33%;
  padding: 8px 15px;
  text-align: center;
  border-right: 1px solid #c4c4c4;
}

/* line 173, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row .th:last-child {
  border-right: unset;
}

/* line 177, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row .td {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  width: 33.33%;
  padding: 5px 15px;
  text-align: start;
  border-right: 1px solid #c4c4c4;
}

/* line 185, src/assets/scss/pages/_infaq.scss */
.infaq-donatur .table-donatur .tb-row .td:last-child {
  border-right: unset;
}

/* line 3, src/assets/scss/pages/_auth.scss */
.auth-container {
  width: 100%;
  max-width: 1024px;
  background-color: #ffffff;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1025px) {
  /* line 3, src/assets/scss/pages/_auth.scss */
  .auth-container {
    max-width: 960px;
  }
}

/* line 12, src/assets/scss/pages/_auth.scss */
.auth-container .auth-left {
  width: 50%;
  display: block;
  padding: 40px 50px;
}

@media (max-width: 769px) {
  /* line 12, src/assets/scss/pages/_auth.scss */
  .auth-container .auth-left {
    width: 100%;
    min-height: 100vh;
  }
}

/* line 21, src/assets/scss/pages/_auth.scss */
.auth-container .auth-right {
  width: 50%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 769px) {
  /* line 21, src/assets/scss/pages/_auth.scss */
  .auth-container .auth-right {
    display: none;
  }
}

/* line 31, src/assets/scss/pages/_auth.scss */
.auth-logo {
  width: 200px;
  margin: 0 auto 50px;
}

/* line 34, src/assets/scss/pages/_auth.scss */
.auth-logo .img-auth {
  width: 180px;
}

/* line 36, src/assets/scss/pages/_auth.scss */
.auth-logo .img-auth img {
  width: 100%;
}

/* line 41, src/assets/scss/pages/_auth.scss */
.auth-link {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #29a399;
}

/* line 46, src/assets/scss/pages/_auth.scss */
.auth-link:hover, .auth-link:focus {
  color: #29a399;
}

/* line 52, src/assets/scss/pages/_auth.scss */
.form-auth p {
  color: #828690;
}

/* line 3, src/assets/scss/pages/_dashboard.scss */
.header-dashboard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 2px solid #29a399;
  height: 80px;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

/* line 15, src/assets/scss/pages/_dashboard.scss */
.header-dashboard a {
  width: 170px;
}

/* line 17, src/assets/scss/pages/_dashboard.scss */
.header-dashboard a img {
  width: 100%;
}

/* line 22, src/assets/scss/pages/_dashboard.scss */
.dashboard-page {
  width: 100%;
  padding: 80px 40px;
  min-height: 100vh;
  background-color: #f7f7f7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (max-width: 1300px) {
  /* line 22, src/assets/scss/pages/_dashboard.scss */
  .dashboard-page {
    padding: 80px 20px;
  }
}

/* line 33, src/assets/scss/pages/_dashboard.scss */
.container-dashboard {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

/* line 40, src/assets/scss/pages/_dashboard.scss */
.sidebar-dashboard {
  width: 300px;
  padding: 30px;
  background-color: #f7f7f7;
}

@media (max-width: 1300px) {
  /* line 40, src/assets/scss/pages/_dashboard.scss */
  .sidebar-dashboard {
    padding: 30px 20px;
  }
}

/* line 48, src/assets/scss/pages/_dashboard.scss */
.sidebar-profile {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 40px;
}

/* line 55, src/assets/scss/pages/_dashboard.scss */
.sidebar-profile img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  border: 1px solid #c4c4c4;
  margin-bottom: 20px;
}

/* line 62, src/assets/scss/pages/_dashboard.scss */
.sidebar-profile .profile-username {
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
}

/* line 67, src/assets/scss/pages/_dashboard.scss */
.sidebar-profile .profile-role {
  font-size: 14px;
  font-weight: 400;
  color: #4d4d4d;
}

/* line 74, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 79, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

/* line 85, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list .menu-item {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent;
  text-decoration: none;
  padding: 5px 0;
}

/* line 93, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list .menu-item i {
  color: #4d4d4d;
  font-size: 16px;
  width: 25px;
  text-align: center;
}

/* line 99, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list .menu-item span {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400;
  margin-left: 10px;
}

/* line 105, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list .menu-item.active, .sidebar-menu .menu-list .menu-item:hover {
  text-decoration: none;
}

/* line 108, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list .menu-item.active span,
.sidebar-menu .menu-list .menu-item.active i, .sidebar-menu .menu-list .menu-item:hover span,
.sidebar-menu .menu-list .menu-item:hover i {
  color: #29a399;
}

/* line 113, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list .menu-item.logout {
  margin-top: 40px;
}

/* line 115, src/assets/scss/pages/_dashboard.scss */
.sidebar-menu .menu-list .menu-item.logout span,
.sidebar-menu .menu-list .menu-item.logout i {
  color: #be3b6a;
}

/* line 123, src/assets/scss/pages/_dashboard.scss */
.dashboard-content {
  width: calc(100% - 300px);
  padding: 30px;
}

@media (max-width: 1300px) {
  /* line 123, src/assets/scss/pages/_dashboard.scss */
  .dashboard-content {
    padding: 30px 20px;
  }
}

/* line 130, src/assets/scss/pages/_dashboard.scss */
.card-dashboard {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 6px;
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
  width: 100%;
}

/* line 142, src/assets/scss/pages/_dashboard.scss */
.card-dashboard .card-body {
  padding: 30px 40px;
  width: 100%;
  height: 100%;
}

/* line 148, src/assets/scss/pages/_dashboard.scss */
.dashboard-title {
  font-size: 20px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 153, src/assets/scss/pages/_dashboard.scss */
.dashboard-subtitle {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 159, src/assets/scss/pages/_dashboard.scss */
.dashboard-text {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
}

/* line 163, src/assets/scss/pages/_dashboard.scss */
.dashboard-text.strong,
.dashboard-text strong,
.dashboard-text b {
  font-weight: 600;
}

/* line 168, src/assets/scss/pages/_dashboard.scss */
.dashboard-text.italic {
  font-weight: 300;
  font-style: italic;
}

/* line 173, src/assets/scss/pages/_dashboard.scss */
.dashboard-hr {
  margin: 10px 0;
  color: #c4c4c4;
}

/* line 177, src/assets/scss/pages/_dashboard.scss */
.dashboard-table,
.dashboard-form {
  padding: 30px 0 0;
}

/* line 182, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
  position: relative;
}

/* line 188, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li {
  display: inline-block;
  margin-right: 60px;
  vertical-align: middle;
  color: #29a399;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}

/* line 197, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li::before {
  content: "";
  height: 2px;
  width: 50px;
  background-color: #c4c4c4;
  position: absolute;
  top: 35%;
  left: -55px;
}

@media (max-width: 767px) {
  /* line 188, src/assets/scss/pages/_dashboard.scss */
  .step-dashboard ul li {
    margin-bottom: 0px;
  }
}

/* line 210, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li:last-child {
  margin-right: 0;
}

/* line 214, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li:first-child::before {
  height: 0;
  width: 0;
}

/* line 219, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li .step-number {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px auto;
  border-radius: 100%;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #29a399;
}

@media (max-width: 767px) {
  /* line 219, src/assets/scss/pages/_dashboard.scss */
  .step-dashboard ul li .step-number {
    background-color: #c4c4c4;
    height: 38px;
    width: 38px;
  }
}

/* line 234, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li .step-number span {
  color: #29a399;
  font-size: 24px;
}

@media (max-width: 767px) {
  /* line 234, src/assets/scss/pages/_dashboard.scss */
  .step-dashboard ul li .step-number span {
    font-size: 18px;
  }
}

/* line 242, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li.active {
  color: #29a399;
  font-weight: 600;
}

/* line 245, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li.active::before {
  background-color: #29a399;
}

/* line 248, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li.active .step-number {
  background-color: #29a399;
}

/* line 250, src/assets/scss/pages/_dashboard.scss */
.step-dashboard ul li.active .step-number span {
  color: #ffffff;
}

/* line 344, src/assets/scss/pages/_dashboard.scss */
.dashboard-campaign {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}

/* line 349, src/assets/scss/pages/_dashboard.scss */
.dashboard-campaign .item-campaign {
  margin-right: 20px;
}

/* line 351, src/assets/scss/pages/_dashboard.scss */
.dashboard-campaign .item-campaign img {
  width: 180px;
  border-radius: 6px;
}

/* line 356, src/assets/scss/pages/_dashboard.scss */
.dashboard-campaign .item-column {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 40px;
}

/* line 361, src/assets/scss/pages/_dashboard.scss */
.dashboard-detail-donasi {
  width: 100%;
  margin-top: 20px;
}

/* line 364, src/assets/scss/pages/_dashboard.scss */
.dashboard-detail-donasi .column-detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 10px;
}

/* line 371, src/assets/scss/pages/_dashboard.scss */
.dashboard-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 375, src/assets/scss/pages/_dashboard.scss */
.dashboard-widget img {
  height: 35px;
}

/* line 378, src/assets/scss/pages/_dashboard.scss */
.dashboard-widget .widget-text {
  margin-left: 15px;
}

/* line 380, src/assets/scss/pages/_dashboard.scss */
.dashboard-widget .widget-text h5 {
  font-size: 18px;
  color: #29a399;
  font-weight: 600;
}

/* line 385, src/assets/scss/pages/_dashboard.scss */
.dashboard-widget .widget-text p {
  font-size: 14px;
  color: #4d4d4d;
}

/* line 3, src/assets/scss/pages/_tentang.scss */
.sub-about {
  font-size: 14px;
  position: relative;
  padding-left: 40px;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  /* line 3, src/assets/scss/pages/_tentang.scss */
  .sub-about {
    font-size: 12px;
  }
}

/* line 12, src/assets/scss/pages/_tentang.scss */
.sub-about.blue::before {
  background-color: #0096c7;
}

/* line 16, src/assets/scss/pages/_tentang.scss */
.sub-about::before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 1px;
  background-color: #29a399;
}

/* line 28, src/assets/scss/pages/_tentang.scss */
.about-detail {
  padding-top: 20px;
  width: 100%;
}

/* line 31, src/assets/scss/pages/_tentang.scss */
.about-detail.padding-20 {
  padding: 20px 25px;
}

@media (max-width: 480px) {
  /* line 31, src/assets/scss/pages/_tentang.scss */
  .about-detail.padding-20 {
    padding: 20px 15px;
  }
}

/* line 37, src/assets/scss/pages/_tentang.scss */
.about-detail p {
  font-size: 14px;
  margin-bottom: 8px;
}

/* line 41, src/assets/scss/pages/_tentang.scss */
.about-detail .btn {
  margin-top: 40px;
}

/* line 44, src/assets/scss/pages/_tentang.scss */
.about-detail h6 {
  font-size: 36px;
  color: #29a399;
  font-weight: 600;
}

/* line 50, src/assets/scss/pages/_tentang.scss */
.item-about {
  width: 50%;
  padding: 20px;
}

@media (max-width: 480px) {
  /* line 50, src/assets/scss/pages/_tentang.scss */
  .item-about {
    padding: 15px;
  }
}

/* line 56, src/assets/scss/pages/_tentang.scss */
.item-about img {
  height: 80px;
  margin-bottom: 15px;
}

@media (max-width: 480px) {
  /* line 56, src/assets/scss/pages/_tentang.scss */
  .item-about img {
    height: 50px;
  }
}

/* line 64, src/assets/scss/pages/_tentang.scss */
.about-banner {
  height: 340px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 480px) {
  /* line 64, src/assets/scss/pages/_tentang.scss */
  .about-banner {
    height: 200px;
  }
}

/* line 73, src/assets/scss/pages/_tentang.scss */
.about-account {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 20px;
  border-radius: 6px;
  background-color: #f7f7f7;
  width: 100%;
  margin-bottom: 10px;
}

/* line 83, src/assets/scss/pages/_tentang.scss */
.about-account:last-child {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  /* line 73, src/assets/scss/pages/_tentang.scss */
  .about-account {
    padding: 10px;
  }
}

/* line 89, src/assets/scss/pages/_tentang.scss */
.about-account img {
  width: 100px;
}

@media (max-width: 480px) {
  /* line 89, src/assets/scss/pages/_tentang.scss */
  .about-account img {
    width: 70px;
  }
}

/* line 95, src/assets/scss/pages/_tentang.scss */
.about-account > p {
  margin-bottom: 0;
}

/* line 98, src/assets/scss/pages/_tentang.scss */
.about-account > .btn {
  margin-top: 0;
}

/* line 102, src/assets/scss/pages/_tentang.scss */
.about-qr,
.contact-image {
  width: 100%;
}

/* line 106, src/assets/scss/pages/_tentang.scss */
.about-map {
  width: 100%;
  height: 280px;
  margin-top: 25px;
}

/* line 110, src/assets/scss/pages/_tentang.scss */
.about-map iframe {
  width: 100%;
  height: 280px;
}

/* line 115, src/assets/scss/pages/_tentang.scss */
.about-image-list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
}

/* line 122, src/assets/scss/pages/_tentang.scss */
.about-image-list > img {
  height: 60px;
  margin: 5px;
}

/* line 127, src/assets/scss/pages/_tentang.scss */
.about-lg-header {
  width: 100%;
  position: relative;
  padding: 0 0 40px;
}

/* line 131, src/assets/scss/pages/_tentang.scss */
.about-lg-header::before {
  content: "";
  background-image: url("../img/hero-about-bg.jpeg");
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}

@media (max-width: 480px) {
  /* line 131, src/assets/scss/pages/_tentang.scss */
  .about-lg-header::before {
    width: 100%;
  }
}

/* line 145, src/assets/scss/pages/_tentang.scss */
.about-lg-header .text-wrap {
  width: 70%;
  position: relative;
  padding: 60px 0 0;
}

/* line 149, src/assets/scss/pages/_tentang.scss */
.about-lg-header .text-wrap h4 {
  font-size: 36px;
  font-weight: 600;
}

/* line 153, src/assets/scss/pages/_tentang.scss */
.about-lg-header .text-wrap .about-detail {
  width: 60%;
  margin: 40px 0 0;
}

@media (max-width: 790px) {
  /* line 145, src/assets/scss/pages/_tentang.scss */
  .about-lg-header .text-wrap {
    padding: 40px 0 0;
  }
  /* line 159, src/assets/scss/pages/_tentang.scss */
  .about-lg-header .text-wrap h4 {
    font-size: 28px;
  }
  /* line 162, src/assets/scss/pages/_tentang.scss */
  .about-lg-header .text-wrap .about-detail {
    width: 74%;
  }
}

@media (max-width: 480px) {
  /* line 145, src/assets/scss/pages/_tentang.scss */
  .about-lg-header .text-wrap {
    width: 100%;
    padding: 30px 0 0;
  }
  /* line 169, src/assets/scss/pages/_tentang.scss */
  .about-lg-header .text-wrap h4 {
    font-size: 24px;
  }
  /* line 172, src/assets/scss/pages/_tentang.scss */
  .about-lg-header .text-wrap .about-detail {
    width: 100%;
  }
}

/* line 177, src/assets/scss/pages/_tentang.scss */
.about-lg-header .image-wrap {
  z-index: -1;
  width: calc(50% - 30px);
  position: absolute;
  right: 0;
}

/* line 182, src/assets/scss/pages/_tentang.scss */
.about-lg-header .image-wrap img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 480px) {
  /* line 177, src/assets/scss/pages/_tentang.scss */
  .about-lg-header .image-wrap {
    display: none;
  }
}

/* line 192, src/assets/scss/pages/_tentang.scss */
.about-lg-info {
  width: 100%;
  background-color: #ffffff;
  padding: 80px 0;
}

/* line 196, src/assets/scss/pages/_tentang.scss */
.about-lg-info h4 {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
}

/* line 203, src/assets/scss/pages/_tentang.scss */
.about-lg-info .about-detail p {
  margin-bottom: 5px;
}

@media (max-width: 790px) {
  /* line 192, src/assets/scss/pages/_tentang.scss */
  .about-lg-info {
    padding: 40px 0;
  }
  /* line 209, src/assets/scss/pages/_tentang.scss */
  .about-lg-info h4 {
    font-size: 28px;
  }
}

@media (max-width: 480px) {
  /* line 214, src/assets/scss/pages/_tentang.scss */
  .about-lg-info h4 {
    font-size: 24px;
  }
}

/* line 219, src/assets/scss/pages/_tentang.scss */
.about-lg-counter {
  width: 100%;
  position: relative;
  margin: 60px 0;
  padding-bottom: 140px;
}

@media (max-width: 790px) {
  /* line 219, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter {
    padding-bottom: 0;
  }
}

@media (max-width: 480px) {
  /* line 219, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter {
    margin: 0 0;
  }
}

/* line 230, src/assets/scss/pages/_tentang.scss */
.about-lg-counter .image-counter {
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 1025px) {
  /* line 230, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter .image-counter {
    left: -130px;
  }
}

@media (max-width: 790px) {
  /* line 230, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter .image-counter {
    position: relative;
    left: 0;
    margin-bottom: 30px;
  }
}

/* line 242, src/assets/scss/pages/_tentang.scss */
.about-lg-counter .image-counter img {
  width: 100%;
  max-width: 100%;
}

/* line 247, src/assets/scss/pages/_tentang.scss */
.about-lg-counter .text-wrap {
  margin-left: calc(40% + 40px);
  width: calc(60% - 40px);
}

@media (max-width: 790px) {
  /* line 247, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter .text-wrap {
    margin-left: 0;
    width: 100%;
  }
}

/* line 254, src/assets/scss/pages/_tentang.scss */
.about-lg-counter .text-wrap h4 {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 30px;
}

/* line 260, src/assets/scss/pages/_tentang.scss */
.about-lg-counter .text-wrap p {
  margin-bottom: 15px;
}

/* line 263, src/assets/scss/pages/_tentang.scss */
.about-lg-counter .text-wrap h5 {
  font-size: 36px;
  color: #0096c7;
  margin-bottom: 10px;
  font-weight: 600;
}

/* line 269, src/assets/scss/pages/_tentang.scss */
.about-lg-counter .text-wrap h6 {
  font-size: 16px;
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  /* line 274, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter .text-wrap h4 {
    font-size: 28px;
  }
  /* line 277, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter .text-wrap h5 {
    font-size: 28px;
    margin: 10px 0 5px;
  }
  /* line 281, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter .text-wrap p {
    margin-bottom: 8px;
  }
  /* line 284, src/assets/scss/pages/_tentang.scss */
  .about-lg-counter .text-wrap h6 {
    font-size: 12px;
    margin: 0;
  }
}

/* line 291, src/assets/scss/pages/_tentang.scss */
.about-lg-subscribe {
  padding: 30px 0;
}

/* line 3, src/assets/scss/pages/_blog.scss */
.blog-date {
  width: 100%;
  margin: 40px 0 20px;
  display: block;
}

@media (max-width: 480px) {
  /* line 3, src/assets/scss/pages/_blog.scss */
  .blog-date {
    margin: 30px 0 15px;
  }
}

/* line 10, src/assets/scss/pages/_blog.scss */
.blog-date p {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  /* line 10, src/assets/scss/pages/_blog.scss */
  .blog-date p {
    font-size: 12px;
  }
}

/* line 19, src/assets/scss/pages/_blog.scss */
.blog-date h6 {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 600;
}

@media (max-width: 480px) {
  /* line 19, src/assets/scss/pages/_blog.scss */
  .blog-date h6 {
    font-size: 14px;
  }
}

/* line 27, src/assets/scss/pages/_blog.scss */
.blog-date:first-child {
  margin-top: 0;
}

/* line 31, src/assets/scss/pages/_blog.scss */
.post-box {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  height: 330px;
  margin-bottom: 20px;
  display: block;
  text-decoration: none;
}

/* line 41, src/assets/scss/pages/_blog.scss */
.post-box:hover .post-image {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

@media (max-width: 480px) {
  /* line 31, src/assets/scss/pages/_blog.scss */
  .post-box {
    height: 250px;
  }
}

/* line 48, src/assets/scss/pages/_blog.scss */
.post-box .post-image {
  width: 100%;
  height: 330px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  margin: 0;
  background-position: 50%;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media (max-width: 480px) {
  /* line 48, src/assets/scss/pages/_blog.scss */
  .post-box .post-image {
    height: 250px;
  }
}

/* line 62, src/assets/scss/pages/_blog.scss */
.post-box .post-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px;
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.9) 0);
}

@media (max-width: 480px) {
  /* line 62, src/assets/scss/pages/_blog.scss */
  .post-box .post-text {
    padding: 15px;
  }
}

/* line 83, src/assets/scss/pages/_blog.scss */
.post-box .post-category {
  padding: 4px 15px;
  background-color: #f7f7f7;
  color: #4d4d4d;
  font-size: 14px;
  border-radius: 6px;
}

@media (max-width: 480px) {
  /* line 83, src/assets/scss/pages/_blog.scss */
  .post-box .post-category {
    font-size: 12px;
    padding: 4px 8px;
  }
}

/* line 93, src/assets/scss/pages/_blog.scss */
.post-box .post-category i {
  margin-right: 5px;
}

/* line 96, src/assets/scss/pages/_blog.scss */
.post-box .post-category.cyan {
  background-color: #e3fffd;
  color: #29a399;
}

/* line 100, src/assets/scss/pages/_blog.scss */
.post-box .post-category.red {
  background-color: #ffe1f1;
  color: #950101;
}

/* line 104, src/assets/scss/pages/_blog.scss */
.post-box .post-category.blue {
  background-color: #d1effe;
  color: #0096c7;
}

/* line 108, src/assets/scss/pages/_blog.scss */
.post-box .post-category.orange {
  background-color: #ffefdb;
  color: #f66048;
}

/* line 113, src/assets/scss/pages/_blog.scss */
.post-box .post-bottom {
  position: relative;
  bottom: 0;
}

/* line 116, src/assets/scss/pages/_blog.scss */
.post-box .post-bottom .post-title {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  /* line 116, src/assets/scss/pages/_blog.scss */
  .post-box .post-bottom .post-title {
    font-size: 16px;
  }
}

/* line 125, src/assets/scss/pages/_blog.scss */
.post-box .post-bottom .post-headline {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  /* line 125, src/assets/scss/pages/_blog.scss */
  .post-box .post-bottom .post-headline {
    font-size: 12px;
  }
}

/* line 134, src/assets/scss/pages/_blog.scss */
.post-box .post-bottom .post-author {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
}

@media (max-width: 480px) {
  /* line 134, src/assets/scss/pages/_blog.scss */
  .post-box .post-bottom .post-author {
    font-size: 10px;
  }
}

/* line 141, src/assets/scss/pages/_blog.scss */
.post-box .post-bottom .post-author i {
  margin-right: 5px;
}

/* line 147, src/assets/scss/pages/_blog.scss */
.blog-title {
  font-size: 24px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  /* line 147, src/assets/scss/pages/_blog.scss */
  .blog-title {
    font-size: 16px;
  }
}

/* line 156, src/assets/scss/pages/_blog.scss */
.blog-desc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}

/* line 161, src/assets/scss/pages/_blog.scss */
.blog-desc .blog-author {
  font-size: 14px;
  color: #29a399;
  font-weight: 600;
}

@media (max-width: 480px) {
  /* line 161, src/assets/scss/pages/_blog.scss */
  .blog-desc .blog-author {
    font-size: 12px;
  }
}

/* line 168, src/assets/scss/pages/_blog.scss */
.blog-desc .blog-author i {
  margin-right: 5px;
}

/* line 171, src/assets/scss/pages/_blog.scss */
.blog-desc .blog-author .date {
  color: #828690;
  font-weight: 400;
  margin-top: 2px;
}

/* line 177, src/assets/scss/pages/_blog.scss */
.blog-desc .blog-category {
  font-size: 14px;
  color: #29a399;
  font-weight: 600;
  text-decoration: none;
}

@media (max-width: 480px) {
  /* line 177, src/assets/scss/pages/_blog.scss */
  .blog-desc .blog-category {
    font-size: 12px;
  }
}

/* line 185, src/assets/scss/pages/_blog.scss */
.blog-desc .blog-category i {
  margin-right: 5px;
}

/* line 190, src/assets/scss/pages/_blog.scss */
.blog-image {
  width: 100%;
  border-radius: 8px;
  margin: 20px 0;
}

/* line 195, src/assets/scss/pages/_blog.scss */
.blog-content {
  width: 100%;
}

/* line 197, src/assets/scss/pages/_blog.scss */
.blog-content p {
  font-size: 16px;
  margin: 10px;
}

@media (max-width: 480px) {
  /* line 197, src/assets/scss/pages/_blog.scss */
  .blog-content p {
    font-size: 14px;
  }
}

/* line 204, src/assets/scss/pages/_blog.scss */
.blog-content img {
  width: 100%;
  border-radius: 8px;
  margin: 0 0 15px;
}

/* line 211, src/assets/scss/pages/_blog.scss */
.blog-keyword p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 214, src/assets/scss/pages/_blog.scss */
.blog-keyword p span {
  font-size: 14px;
  padding: 5px 10px;
  background-color: #f7f7f7;
  color: #4d4d4d;
  font-weight: 600;
  margin: 5px 10px 5px 0;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
}

@media (max-width: 480px) {
  /* line 214, src/assets/scss/pages/_blog.scss */
  .blog-keyword p span {
    font-size: 12px;
  }
}

/* line 231, src/assets/scss/pages/_blog.scss */
.blog-share {
  width: 100%;
  margin-top: 15px;
}

/* line 234, src/assets/scss/pages/_blog.scss */
.blog-share .badge-share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  height: 25px;
  padding: 0px 20px;
  border: unset;
  background-color: #f7f7f7;
  color: #ffffff;
  margin: 5px 10px 5px 0;
  border-radius: 6px;
  font-size: 14px;
}

@media (max-width: 480px) {
  /* line 234, src/assets/scss/pages/_blog.scss */
  .blog-share .badge-share {
    font-size: 12px;
  }
}

/* line 249, src/assets/scss/pages/_blog.scss */
.blog-share .badge-share i {
  margin-right: 15px;
}

/* line 252, src/assets/scss/pages/_blog.scss */
.blog-share .badge-share.blue {
  background-color: #3b5998;
}

/* line 255, src/assets/scss/pages/_blog.scss */
.blog-share .badge-share.cyan {
  background-color: #00acee;
}

/* line 258, src/assets/scss/pages/_blog.scss */
.blog-share .badge-share.green {
  background-color: #6ad148;
}

/* line 263, src/assets/scss/pages/_blog.scss */
.list-editor {
  margin-top: 10px;
}

/* line 266, src/assets/scss/pages/_blog.scss */
.blog-comment {
  margin: 10px 0 20px;
}

/* line 269, src/assets/scss/pages/_blog.scss */
.blog-comment-list {
  width: 100%;
  margin: 10px 0 0;
}

/* line 272, src/assets/scss/pages/_blog.scss */
.blog-comment-list .comment-item {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* line 276, src/assets/scss/pages/_blog.scss */
.blog-comment-list .comment-item:last-child {
  border-bottom: none;
}

/* line 279, src/assets/scss/pages/_blog.scss */
.blog-comment-list .comment-item p {
  margin-bottom: 5px;
}

/* line 3, src/assets/scss/pages/_landingpage.scss */
.hero-landing {
  width: 100%;
  background-color: #ffffff;
}

/* line 6, src/assets/scss/pages/_landingpage.scss */
.hero-landing img {
  width: 100%;
}

/* line 10, src/assets/scss/pages/_landingpage.scss */
.detail-landing {
  width: 100%;
  background-color: #ffffff;
  padding: 30px 25px;
}

@media (max-width: 480px) {
  /* line 10, src/assets/scss/pages/_landingpage.scss */
  .detail-landing {
    padding: 25px 15px;
  }
}

/* line 18, src/assets/scss/pages/_landingpage.scss */
.detail-landing .list-campaign .slide-img {
  width: 100%;
  border-radius: 6px;
}

/* line 23, src/assets/scss/pages/_landingpage.scss */
.detail-landing .landing-text {
  text-align: center;
  padding: 30px 0 0;
  width: 85%;
  margin: 0 auto;
}

@media (max-width: 480px) {
  /* line 23, src/assets/scss/pages/_landingpage.scss */
  .detail-landing .landing-text {
    width: 100%;
    padding-top: 25px;
  }
}

/* line 33, src/assets/scss/pages/_landingpage.scss */
.detail-landing .landing-text p {
  font-size: 16px;
  margin-bottom: 15px;
}

/* line 36, src/assets/scss/pages/_landingpage.scss */
.detail-landing .landing-text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  /* line 33, src/assets/scss/pages/_landingpage.scss */
  .detail-landing .landing-text p {
    font-size: 12px;
  }
}

/* line 43, src/assets/scss/pages/_landingpage.scss */
.detail-landing .landing-text h2 {
  font-size: 24px;
  color: #29a399;
  font-weight: 600;
  margin-bottom: 15px;
}

@media (max-width: 480px) {
  /* line 43, src/assets/scss/pages/_landingpage.scss */
  .detail-landing .landing-text h2 {
    font-size: 18px;
  }
}

/* line 54, src/assets/scss/pages/_landingpage.scss */
.landing-video {
  padding: 10px 25px;
  background-color: #ffffff;
  width: 100;
}

@media (max-width: 480px) {
  /* line 54, src/assets/scss/pages/_landingpage.scss */
  .landing-video {
    padding: 10px 15px;
  }
}

/* line 61, src/assets/scss/pages/_landingpage.scss */
.landing-video .thumbnail-video {
  width: 100%;
  position: relative;
}

/* line 64, src/assets/scss/pages/_landingpage.scss */
.landing-video .thumbnail-video img {
  width: 100%;
  border-radius: 6px;
}

/* line 68, src/assets/scss/pages/_landingpage.scss */
.landing-video .thumbnail-video button {
  background-color: #29a399;
  color: #ffffff;
  border: 2px solid #ffffff;
  height: 60px;
  width: 60px;
  border-radius: 30px;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 480px) {
  /* line 68, src/assets/scss/pages/_landingpage.scss */
  .landing-video .thumbnail-video button {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    font-size: 14px;
  }
}

/* line 89, src/assets/scss/pages/_landingpage.scss */
.landing-item-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 20px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 96, src/assets/scss/pages/_landingpage.scss */
.landing-item-list .landing-item {
  width: 50%;
  text-align: center;
  padding: 0 20px;
}

/* line 100, src/assets/scss/pages/_landingpage.scss */
.landing-item-list .landing-item img {
  height: 45px;
  margin-bottom: 8px;
}

@media (max-width: 480px) {
  /* line 96, src/assets/scss/pages/_landingpage.scss */
  .landing-item-list .landing-item {
    width: 100%;
    padding: 20px 0;
  }
}

/* line 110, src/assets/scss/pages/_landingpage.scss */
.landing-question {
  padding: 30px 25px 80px;
  background-color: #ffffff;
  text-align: center;
}

/* line 115, src/assets/scss/pages/_landingpage.scss */
.accordion-landing {
  padding: 20px 0;
}

/* line 117, src/assets/scss/pages/_landingpage.scss */
.accordion-landing .accordion-item {
  border: unset;
  margin-bottom: 10px;
}

/* line 120, src/assets/scss/pages/_landingpage.scss */
.accordion-landing .accordion-item:last-child {
  margin-bottom: 0;
}

/* line 124, src/assets/scss/pages/_landingpage.scss */
.accordion-landing .accordion-button {
  background-color: #ffffff;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px solid #29a399;
  border-radius: 6px !important;
}

/* line 130, src/assets/scss/pages/_landingpage.scss */
.accordion-landing .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  font-weight: 600;
  color: #4d4d4d;
  box-shadow: unset;
}

/* line 135, src/assets/scss/pages/_landingpage.scss */
.accordion-landing .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* line 140, src/assets/scss/pages/_landingpage.scss */
.accordion-landing .accordion-body {
  padding: 30px 20px;
  background-color: #ffffff;
  text-align: start;
}

/* line 3, src/assets/scss/pages/_event.scss */
.hero-event {
  width: 100%;
}

/* line 5, src/assets/scss/pages/_event.scss */
.hero-event img {
  width: 100%;
}

/* line 9, src/assets/scss/pages/_event.scss */
.menu-event {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 14, src/assets/scss/pages/_event.scss */
.menu-event .button-menu-event {
  width: 33.333%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  border-bottom: 2px solid #f7f7f7;
  color: #828690;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 480px) {
  /* line 14, src/assets/scss/pages/_event.scss */
  .menu-event .button-menu-event {
    font-size: 12px;
  }
}

/* line 30, src/assets/scss/pages/_event.scss */
.menu-event .button-menu-event:hover, .menu-event .button-menu-event.active {
  border-color: #29a399;
  text-decoration: none;
  color: #29a399;
}

/* line 38, src/assets/scss/pages/_event.scss */
.content-event {
  padding: 20px 0;
  width: 100%;
}

/* line 41, src/assets/scss/pages/_event.scss */
.content-event img {
  width: 100%;
  margin: 0 auto 20px;
}

/* line 45, src/assets/scss/pages/_event.scss */
.content-event p {
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  /* line 45, src/assets/scss/pages/_event.scss */
  .content-event p {
    font-size: 12px;
  }
}

/* line 51, src/assets/scss/pages/_event.scss */
.content-event ol,
.content-event ul {
  margin-bottom: 10px;
  font-size: 14px;
}

@media (max-width: 480px) {
  /* line 51, src/assets/scss/pages/_event.scss */
  .content-event ol,
  .content-event ul {
    font-size: 12px;
  }
}

/* line 60, src/assets/scss/pages/_event.scss */
.event-sticky {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9;
}

/* line 66, src/assets/scss/pages/_event.scss */
.event-sticky .event-sticky-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  padding: 10px 15px;
}

/* line 73, src/assets/scss/pages/_event.scss */
.event-sticky .button-border-cyan {
  width: 120px;
}

/* line 76, src/assets/scss/pages/_event.scss */
.event-sticky .button-orange {
  width: calc(100% - 130px);
}

/* line 80, src/assets/scss/pages/_event.scss */
.event-box {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
}

/* line 86, src/assets/scss/pages/_event.scss */
.event-box img {
  width: 180px;
  border-radius: 6px;
}

@media (max-width: 480px) {
  /* line 86, src/assets/scss/pages/_event.scss */
  .event-box img {
    width: 130px;
  }
}

/* line 93, src/assets/scss/pages/_event.scss */
.event-box .event-text {
  padding: 5px 15px;
}

@media (max-width: 480px) {
  /* line 93, src/assets/scss/pages/_event.scss */
  .event-box .event-text {
    padding: 0 0 0 15px;
  }
}

/* line 98, src/assets/scss/pages/_event.scss */
.event-box .event-text h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (max-width: 480px) {
  /* line 98, src/assets/scss/pages/_event.scss */
  .event-box .event-text h3 {
    font-size: 14px;
  }
}

/* line 106, src/assets/scss/pages/_event.scss */
.event-box .event-text p {
  font-size: 14px;
}

@media (max-width: 480px) {
  /* line 106, src/assets/scss/pages/_event.scss */
  .event-box .event-text p {
    font-size: 12px;
  }
}

/* line 114, src/assets/scss/pages/_event.scss */
.form-event {
  width: 100%;
  margin: 40px auto 0;
}

/* line 118, src/assets/scss/pages/_event.scss */
.form-event-item {
  width: 100%;
  margin: 20px 0;
}

/* line 121, src/assets/scss/pages/_event.scss */
.form-event-item.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

/* line 2, src/assets/scss/pages/_qurban.scss */
.qurban-banner {
  background-color: #ffffff;
  width: 100%;
  position: relative;
  max-height: 100vh;
}

/* line 8, src/assets/scss/pages/_qurban.scss */
.banner-img-desktop {
  width: 100%;
  min-height: 600px;
  max-height: calc(100vh - 15px);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  background-size: cover;
  left: 0;
  top: 0;
  display: block;
}

@media (max-width: 991px) {
  /* line 8, src/assets/scss/pages/_qurban.scss */
  .banner-img-desktop {
    min-height: 430px;
  }
}

@media (max-width: 480px) {
  /* line 8, src/assets/scss/pages/_qurban.scss */
  .banner-img-desktop {
    display: none;
  }
}

/* line 27, src/assets/scss/pages/_qurban.scss */
.banner-img-mobile {
  width: 100%;
  min-height: 500px;
  max-height: calc(100vh - 15px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

@media (max-width: 480px) {
  /* line 27, src/assets/scss/pages/_qurban.scss */
  .banner-img-mobile {
    display: block;
  }
}

/* line 42, src/assets/scss/pages/_qurban.scss */
.banner-qurban-text {
  min-height: 600px;
  max-height: calc(100vh - 15px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1;
  position: relative;
}

@media (max-width: 991px) {
  /* line 42, src/assets/scss/pages/_qurban.scss */
  .banner-qurban-text {
    min-height: 430px;
  }
}

@media (max-width: 480px) {
  /* line 42, src/assets/scss/pages/_qurban.scss */
  .banner-qurban-text {
    min-height: 500px;
    padding: 0 15px;
    text-align: center;
  }
}

/* line 59, src/assets/scss/pages/_qurban.scss */
.banner-qurban-text h1 {
  font-size: 38px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  /* line 59, src/assets/scss/pages/_qurban.scss */
  .banner-qurban-text h1 {
    font-size: 28px;
  }
}

/* line 68, src/assets/scss/pages/_qurban.scss */
.banner-qurban-text p {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  /* line 68, src/assets/scss/pages/_qurban.scss */
  .banner-qurban-text p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

/* line 78, src/assets/scss/pages/_qurban.scss */
.banner-qurban-text a {
  padding: 0 40px;
}

/* line 82, src/assets/scss/pages/_qurban.scss */
.qurban-main-content {
  background-color: #ffffff;
  padding: 40px 25px;
}

/* line 85, src/assets/scss/pages/_qurban.scss */
.qurban-main-content.mvh-100 {
  min-height: calc(100vh - 60px);
  padding-bottom: 80px;
}

@media (max-width: 480px) {
  /* line 82, src/assets/scss/pages/_qurban.scss */
  .qurban-main-content {
    padding: 20px 15px;
  }
  /* line 91, src/assets/scss/pages/_qurban.scss */
  .qurban-main-content.mvh-100 {
    padding-bottom: 100px;
  }
}

/* line 96, src/assets/scss/pages/_qurban.scss */
.qurban-type-content,
.qurban-question-content,
.qurban-list-content {
  margin-bottom: 30px;
}

/* line 101, src/assets/scss/pages/_qurban.scss */
.card-qurban {
  width: 100%;
  margin: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  text-decoration: none;
  color: #4d4d4d;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e9ecef;
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
}

/* line 116, src/assets/scss/pages/_qurban.scss */
.card-qurban:hover .card-qurban-text .text-price {
  color: #15bbda;
}

/* line 121, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-image {
  margin: 0;
  height: 140px;
  width: 100%;
  background-position: center;
  background-size: cover;
}

/* line 128, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text {
  padding: 15px;
  background-color: #ffffff;
  width: 100%;
}

@media (max-width: 480px) {
  /* line 128, src/assets/scss/pages/_qurban.scss */
  .card-qurban .card-qurban-text {
    padding: 15px;
  }
}

/* line 135, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .price-text {
  font-size: 16px;
  color: #15bbda;
  font-weight: 400;
}

@media (max-width: 480px) {
  /* line 135, src/assets/scss/pages/_qurban.scss */
  .card-qurban .card-qurban-text .price-text {
    font-size: 14px;
  }
}

/* line 142, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .price-text i {
  margin-right: 10px;
}

/* line 146, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .text-top {
  height: 70px;
}

@media (max-width: 480px) {
  /* line 146, src/assets/scss/pages/_qurban.scss */
  .card-qurban .card-qurban-text .text-top {
    height: 55px;
  }
}

/* line 151, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .text-top > .price-text {
  font-size: 14px;
}

/* line 155, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .text-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding-top: 8px;
  margin-top: 8px;
  height: 70px;
}

@media (max-width: 480px) {
  /* line 155, src/assets/scss/pages/_qurban.scss */
  .card-qurban .card-qurban-text .text-bottom {
    height: 90px;
  }
}

/* line 167, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .text-bottom .text-patner {
  width: 55%;
}

@media (max-width: 480px) {
  /* line 170, src/assets/scss/pages/_qurban.scss */
  .card-qurban .card-qurban-text .text-bottom .text-patner > img {
    max-width: 130px;
  }
}

/* line 174, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .text-bottom .text-patner h6 {
  color: #828690;
  font-size: 12px;
  font-weight: 300;
}

/* line 179, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .text-bottom .text-patner > img {
  width: 100%;
}

/* line 183, src/assets/scss/pages/_qurban.scss */
.card-qurban .card-qurban-text .text-bottom .text-stock {
  font-size: 14px;
  color: #be3b6a;
  font-weight: 600;
}

/* line 191, src/assets/scss/pages/_qurban.scss */
.card-qurban-question {
  width: 100%;
  background-color: #d1effe;
  padding: 20px;
  height: 115px;
  margin: 10px 0;
  border-radius: 6px;
}

@media (max-width: 480px) {
  /* line 191, src/assets/scss/pages/_qurban.scss */
  .card-qurban-question {
    padding: 15px;
    height: 95px;
    margin: 15px 0 0;
  }
  /* line 202, src/assets/scss/pages/_qurban.scss */
  .card-qurban-question p {
    font-size: 12px;
  }
}

/* line 206, src/assets/scss/pages/_qurban.scss */
.card-qurban-question h5 {
  margin-bottom: 8px;
}

@media (max-width: 480px) {
  /* line 206, src/assets/scss/pages/_qurban.scss */
  .card-qurban-question h5 {
    margin-bottom: 5px;
  }
}

/* line 213, src/assets/scss/pages/_qurban.scss */
.partner-list {
  margin: 10px 0 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 480px) {
  /* line 213, src/assets/scss/pages/_qurban.scss */
  .partner-list {
    margin: 10px 0 0;
  }
}

/* line 223, src/assets/scss/pages/_qurban.scss */
.partner-list img {
  height: 60px;
  margin: 10px;
}

@media (max-width: 480px) {
  /* line 223, src/assets/scss/pages/_qurban.scss */
  .partner-list img {
    height: 45px;
  }
}

/* line 231, src/assets/scss/pages/_qurban.scss */
.qurban-wrapper {
  padding: 60px 0 0;
  background-color: #f7f7f7;
  width: 100%;
  position: relative;
}

/* line 237, src/assets/scss/pages/_qurban.scss */
.more-qurban {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: 30px auto 0;
  padding: 0 40px;
}

@media (max-width: 480px) {
  /* line 237, src/assets/scss/pages/_qurban.scss */
  .more-qurban {
    width: 100% !important;
  }
}

/* line 245, src/assets/scss/pages/_qurban.scss */
.qurban-filter-content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 480px) {
  /* line 245, src/assets/scss/pages/_qurban.scss */
  .qurban-filter-content {
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
}

/* line 259, src/assets/scss/pages/_qurban.scss */
.qurban-filter-row {
  width: 25%;
}

/* line 261, src/assets/scss/pages/_qurban.scss */
.qurban-filter-row > .btn {
  width: 100%;
}

/* line 264, src/assets/scss/pages/_qurban.scss */
.qurban-filter-row:last-child {
  width: 20%;
}

@media (max-width: 480px) {
  /* line 259, src/assets/scss/pages/_qurban.scss */
  .qurban-filter-row {
    width: 100%;
    margin-bottom: 8px;
  }
  /* line 270, src/assets/scss/pages/_qurban.scss */
  .qurban-filter-row input {
    height: 35px;
  }
  /* line 273, src/assets/scss/pages/_qurban.scss */
  .qurban-filter-row:last-child {
    width: 100%;
    margin-bottom: 0;
  }
}

/* line 279, src/assets/scss/pages/_qurban.scss */
.qurban-detail-top {
  width: 100%;
  padding-top: 20px;
}

/* line 283, src/assets/scss/pages/_qurban.scss */
.qurban-back {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 600;
  text-decoration: none;
}

/* line 288, src/assets/scss/pages/_qurban.scss */
.qurban-back:hover {
  color: #4d4d4d;
}

/* line 291, src/assets/scss/pages/_qurban.scss */
.qurban-back i {
  margin-right: 5px;
}

@media (max-width: 480px) {
  /* line 283, src/assets/scss/pages/_qurban.scss */
  .qurban-back {
    font-size: 14px;
  }
}

/* line 298, src/assets/scss/pages/_qurban.scss */
.qurban-detail-header {
  padding: 20px 0;
  width: 100%;
}

@media (max-width: 480px) {
  /* line 298, src/assets/scss/pages/_qurban.scss */
  .qurban-detail-header {
    padding: 15px 0;
  }
}

/* line 304, src/assets/scss/pages/_qurban.scss */
.qurban-detail-header .qurban-detail-image {
  width: 100%;
  margin-bottom: 20px;
}

/* line 307, src/assets/scss/pages/_qurban.scss */
.qurban-detail-header .qurban-detail-image img {
  width: 100%;
  border-radius: 6px;
}

/* line 312, src/assets/scss/pages/_qurban.scss */
.qurban-detail-header .qurban-detail-partner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 480px) {
  /* line 312, src/assets/scss/pages/_qurban.scss */
  .qurban-detail-header .qurban-detail-partner {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
  }
}

/* line 322, src/assets/scss/pages/_qurban.scss */
.qurban-detail-header .qurban-detail-partner .image {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 332, src/assets/scss/pages/_qurban.scss */
.qurban-detail-header .qurban-detail-partner .image > img {
  width: 100%;
}

/* line 338, src/assets/scss/pages/_qurban.scss */
.qurban-detail-header .qurban-detail-partner .text .text-strong > img {
  height: 15px;
}

/* line 345, src/assets/scss/pages/_qurban.scss */
.qurban-detail-description {
  padding: 20px 0;
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}

@media (max-width: 480px) {
  /* line 345, src/assets/scss/pages/_qurban.scss */
  .qurban-detail-description {
    padding: 15px 0;
  }
}

/* line 353, src/assets/scss/pages/_qurban.scss */
.qurban-detail-text {
  text-align: center;
  width: 100%;
  padding-top: 20px;
}

/* line 357, src/assets/scss/pages/_qurban.scss */
.qurban-detail-text p {
  margin-bottom: 10px;
  text-align: start;
}

/* line 361, src/assets/scss/pages/_qurban.scss */
.qurban-detail-text h1,
.qurban-detail-text h2,
.qurban-detail-text h3,
.qurban-detail-text h4,
.qurban-detail-text h5,
.qurban-detail-text h6,
.qurban-detail-text a {
  text-align: start;
}

/* line 370, src/assets/scss/pages/_qurban.scss */
.qurban-detail-text img {
  margin: 0 auto 10px;
  max-width: 100%;
  text-align: center;
}

/* line 376, src/assets/scss/pages/_qurban.scss */
.qurban-detail-info {
  width: 100%;
  padding: 20px;
  background-color: #d1effe;
  margin-top: 30px;
  border-radius: 6px;
}

/* line 382, src/assets/scss/pages/_qurban.scss */
.qurban-detail-info h6 {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 388, src/assets/scss/pages/_qurban.scss */
.qurban-detail-info p {
  margin-bottom: 20px;
}

/* line 392, src/assets/scss/pages/_qurban.scss */
.qurban-detail-prices {
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: #f7f7f7;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* line 403, src/assets/scss/pages/_qurban.scss */
.qurban-detail-prices .qurban-price-row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0;
}

@media (max-width: 991px) {
  /* line 403, src/assets/scss/pages/_qurban.scss */
  .qurban-detail-prices .qurban-price-row {
    padding: 5px 0;
  }
}

/* line 412, src/assets/scss/pages/_qurban.scss */
.qurban-detail-prices .qurban-price-row .text-category {
  width: 50%;
}

/* line 414, src/assets/scss/pages/_qurban.scss */
.qurban-detail-prices .qurban-price-row .text-category > p {
  width: 100%;
  text-align: start;
}

@media (max-width: 480px) {
  /* line 419, src/assets/scss/pages/_qurban.scss */
  .qurban-detail-prices .qurban-price-row .text-category > p {
    font-size: 12px;
  }
}

/* line 425, src/assets/scss/pages/_qurban.scss */
.qurban-detail-prices .qurban-price-row p {
  width: calc(50% - 30px);
  text-align: end;
}

/* line 426, src/assets/scss/pages/_qurban.scss */
.qurban-detail-prices .qurban-price-row p.qty {
  width: 30px;
}

/* line 433, src/assets/scss/pages/_qurban.scss */
.qurban-detail-prices .qurban-price-button,
.qurban-detail-prices .qurban-price-list {
  width: 100%;
  position: relative;
}

/* line 440, src/assets/scss/pages/_qurban.scss */
.qurban-form-step {
  padding: 40px 0 30px;
}

/* line 442, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
  position: relative;
}

/* line 448, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li {
  display: inline-block;
  margin-right: 95px;
  vertical-align: middle;
  color: #15bbda;
  font-weight: 400;
  text-align: center;
  position: relative;
}

/* line 456, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li::before {
  content: "";
  height: 2px;
  width: 70px;
  background-color: #c4c4c4;
  position: absolute;
  top: 35%;
  left: -85px;
}

@media (max-width: 767px) {
  /* line 448, src/assets/scss/pages/_qurban.scss */
  .qurban-form-step ul li {
    margin-bottom: 0px;
  }
}

/* line 469, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li:last-child {
  margin-right: 0;
}

/* line 473, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li:first-child::before {
  height: 0;
  width: 0;
}

/* line 478, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li .step-number {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px auto;
  border-radius: 100%;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #15bbda;
}

@media (max-width: 767px) {
  /* line 478, src/assets/scss/pages/_qurban.scss */
  .qurban-form-step ul li .step-number {
    height: 38px;
    width: 38px;
  }
}

/* line 492, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li .step-number span {
  color: #15bbda;
  font-size: 24px;
}

@media (max-width: 767px) {
  /* line 492, src/assets/scss/pages/_qurban.scss */
  .qurban-form-step ul li .step-number span {
    font-size: 18px;
  }
}

/* line 500, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li.active {
  color: #15bbda;
  font-weight: 600;
}

/* line 503, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li.active::before {
  background-color: #15bbda;
}

/* line 506, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li.active .step-number {
  background-color: #15bbda;
}

/* line 508, src/assets/scss/pages/_qurban.scss */
.qurban-form-step ul li.active .step-number span {
  color: #ffffff;
}

/* line 516, src/assets/scss/pages/_qurban.scss */
.qurban-form-box {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
}

@media (max-width: 480px) {
  /* line 516, src/assets/scss/pages/_qurban.scss */
  .qurban-form-box {
    margin-bottom: 20px;
  }
}

/* line 524, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-bottom {
  position: fixed;
  z-index: 1;
  width: 100%;
  padding: 10px 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  border-top: 1px solid #e5e5e5;
}

/* line 534, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 25px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 480px) {
  /* line 534, src/assets/scss/pages/_qurban.scss */
  .qurban-fixed-flex {
    padding: 0 15px;
  }
}

/* line 543, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-flex .qurban-fixed-text {
  width: 50%;
}

@media (max-width: 480px) {
  /* line 543, src/assets/scss/pages/_qurban.scss */
  .qurban-fixed-flex .qurban-fixed-text {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }
}

/* line 550, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-flex .qurban-fixed-text p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  /* line 550, src/assets/scss/pages/_qurban.scss */
  .qurban-fixed-flex .qurban-fixed-text p {
    font-size: 14px;
    margin-right: 10px;
  }
}

/* line 559, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-flex .qurban-fixed-text h4 {
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 480px) {
  /* line 559, src/assets/scss/pages/_qurban.scss */
  .qurban-fixed-flex .qurban-fixed-text h4 {
    font-size: 14px;
  }
}

/* line 567, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-flex .qurban-fixed-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 50%;
}

@media (max-width: 480px) {
  /* line 567, src/assets/scss/pages/_qurban.scss */
  .qurban-fixed-flex .qurban-fixed-button {
    width: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

/* line 575, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-flex .qurban-fixed-button .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
  padding: 0 15px;
}

/* line 579, src/assets/scss/pages/_qurban.scss */
.qurban-fixed-flex .qurban-fixed-button .btn:last-child {
  margin-left: 10px;
}

@media (max-width: 480px) {
  /* line 575, src/assets/scss/pages/_qurban.scss */
  .qurban-fixed-flex .qurban-fixed-button .btn {
    width: calc(50% - 5px);
  }
  /* line 584, src/assets/scss/pages/_qurban.scss */
  .qurban-fixed-flex .qurban-fixed-button .btn:last-child {
    margin-left: 0px;
  }
}

/* line 591, src/assets/scss/pages/_qurban.scss */
.qurban-intruction-payment {
  max-width: 580px;
  margin: 0 auto;
}

/* line 594, src/assets/scss/pages/_qurban.scss */
.qurban-intruction-payment .payment-white-wrapper {
  top: 0;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}

/* line 599, src/assets/scss/pages/_qurban.scss */
.qurban-intruction-payment .payment-time {
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #d1effe;
  border-radius: 6px;
  margin: 20px 0;
}

@media (max-width: 480px) {
  /* line 599, src/assets/scss/pages/_qurban.scss */
  .qurban-intruction-payment .payment-time {
    padding: 10px 20px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 611, src/assets/scss/pages/_qurban.scss */
.qurban-intruction-payment .payment-time p {
  margin: 0;
  font-size: 14px;
}

@media (max-width: 480px) {
  /* line 611, src/assets/scss/pages/_qurban.scss */
  .qurban-intruction-payment .payment-time p {
    font-size: 12px;
  }
}

/* line 620, src/assets/scss/pages/_qurban.scss */
.img-lafadz {
  width: 100%;
}

/* line 3, src/assets/scss/pages/_static.scss */
.company-bio-wrapper {
  width: 100%;
  position: relative;
  background-color: #91d9d5;
  min-height: 100vh;
}

/* line 9, src/assets/scss/pages/_static.scss */
.company-bio-upper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 40px 0 90px;
  text-align: center;
  background-color: #29a399;
}

@media (max-width: 500px) {
  /* line 9, src/assets/scss/pages/_static.scss */
  .company-bio-upper {
    padding: 40px 15px 90px;
  }
}

/* line 20, src/assets/scss/pages/_static.scss */
.company-bio-upper .image-profile {
  width: 90px;
  height: 90px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
}

/* line 30, src/assets/scss/pages/_static.scss */
.company-bio-upper .image-profile img {
  width: 100%;
}

/* line 34, src/assets/scss/pages/_static.scss */
.company-bio-upper h1 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 40, src/assets/scss/pages/_static.scss */
.company-bio-upper p {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}

/* line 46, src/assets/scss/pages/_static.scss */
.company-bio-content {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}

/* line 50, src/assets/scss/pages/_static.scss */
.company-bio-content h6 {
  font-size: 16px;
  margin: 20px 0 10px;
  color: #e3fffd;
  font-weight: 600;
}

/* line 57, src/assets/scss/pages/_static.scss */
.company-bio-bottom {
  width: 100%;
  padding: 40px 0 0;
  background-color: #91d9d5;
  position: relative;
  top: -50px;
  border-radius: 20px 20px 0 0;
}

@media (max-width: 500px) {
  /* line 57, src/assets/scss/pages/_static.scss */
  .company-bio-bottom {
    padding: 40px 15px 0;
  }
}

/* line 68, src/assets/scss/pages/_static.scss */
.button-bio {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  color: #29a399;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 5px 0;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #29a399;
  text-decoration: none;
}

/* line 82, src/assets/scss/pages/_static.scss */
.button-bio i {
  margin-right: 10px;
}

/* line 85, src/assets/scss/pages/_static.scss */
.button-bio.lg {
  height: 55px;
  font-size: 18px;
}

/* line 89, src/assets/scss/pages/_static.scss */
.button-bio.info {
  height: 50px;
  padding: 8px 0;
  margin: 10px 0;
}

/* line 94, src/assets/scss/pages/_static.scss */
.button-bio:hover, .button-bio:focus, .button-bio:active {
  color: #29a399;
  background-color: #e3fffd;
}

/* line 100, src/assets/scss/pages/_static.scss */
.button-bio .img-wrap {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  margin-right: 10px;
}

/* line 110, src/assets/scss/pages/_static.scss */
.button-bio .img-wrap img {
  max-width: 100%;
}

/* line 114, src/assets/scss/pages/_static.scss */
.button-bio .text-wrap {
  font-size: 16px;
  font-weight: 600;
  color: #29a399;
  text-decoration: none;
}

/* line 121, src/assets/scss/pages/_static.scss */
.company-bio-social {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  margin-top: 20px;
}

/* line 128, src/assets/scss/pages/_static.scss */
.company-bio-social .social-bio {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  background-color: #ffffff;
  color: #29a399;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 5px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

/* line 143, src/assets/scss/pages/_static.scss */
.company-bio-social .social-bio:hover, .company-bio-social .social-bio:focus, .company-bio-social .social-bio:active {
  color: #29a399;
  background-color: #e3fffd;
}

/* line 152, src/assets/scss/pages/_static.scss */
.static-inspiration-wrap {
  width: 100%;
  min-height: 100vh;
  padding: 60px 0 40px;
}

@media (max-width: 500px) {
  /* line 152, src/assets/scss/pages/_static.scss */
  .static-inspiration-wrap {
    padding: 60px 0 20px;
  }
}

/* line 160, src/assets/scss/pages/_static.scss */
.static-inspiration-card {
  width: 100%;
  padding: 40px 25px 20px;
  border-radius: 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 50px;
}

@media (max-width: 500px) {
  /* line 160, src/assets/scss/pages/_static.scss */
  .static-inspiration-card {
    padding: 40px 10px 10px;
  }
}

/* line 173, src/assets/scss/pages/_static.scss */
.box-image-inspiration {
  border: 3px solid #91d9d5;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  top: -90px;
  margin-bottom: -90px;
}

/* line 183, src/assets/scss/pages/_static.scss */
.box-image-inspiration img {
  width: 100%;
}

/* line 187, src/assets/scss/pages/_static.scss */
.static-inspiration-body {
  padding: 20px 0 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 500px) {
  /* line 187, src/assets/scss/pages/_static.scss */
  .static-inspiration-body {
    padding: 10px 0 0;
  }
}

/* line 196, src/assets/scss/pages/_static.scss */
.static-inspiration-body .static-inspiration-title {
  width: 100%;
  text-align: center;
}

/* line 199, src/assets/scss/pages/_static.scss */
.static-inspiration-body .static-inspiration-title h1 {
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
}

@media (max-width: 500px) {
  /* line 199, src/assets/scss/pages/_static.scss */
  .static-inspiration-body .static-inspiration-title h1 {
    font-size: 18px;
  }
}

/* line 208, src/assets/scss/pages/_static.scss */
.static-inspiration-body .static-inspiration-title p {
  width: 65%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}

@media (max-width: 500px) {
  /* line 208, src/assets/scss/pages/_static.scss */
  .static-inspiration-body .static-inspiration-title p {
    font-size: 12px;
    width: 100%;
  }
}

/* line 221, src/assets/scss/pages/_static.scss */
.static-inspiration-box {
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin: 5px 0;
  border-radius: 20px;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

@media (max-width: 500px) {
  /* line 221, src/assets/scss/pages/_static.scss */
  .static-inspiration-box {
    height: 90px;
  }
}

/* line 232, src/assets/scss/pages/_static.scss */
.static-inspiration-box .static-inspiration-left {
  width: 120px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 500px) {
  /* line 232, src/assets/scss/pages/_static.scss */
  .static-inspiration-box .static-inspiration-left {
    width: 90px;
  }
}

/* line 241, src/assets/scss/pages/_static.scss */
.static-inspiration-box .static-inspiration-left .image-wrapp {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 500px) {
  /* line 241, src/assets/scss/pages/_static.scss */
  .static-inspiration-box .static-inspiration-left .image-wrapp {
    height: 55px;
    width: 55px;
  }
}

/* line 250, src/assets/scss/pages/_static.scss */
.static-inspiration-box .static-inspiration-left .image-wrapp img {
  width: 100%;
}

/* line 255, src/assets/scss/pages/_static.scss */
.static-inspiration-box .static-inspiration-right {
  width: calc(100% - 120px);
  height: 100%;
  padding: 10px;
}

@media (max-width: 500px) {
  /* line 255, src/assets/scss/pages/_static.scss */
  .static-inspiration-box .static-inspiration-right {
    width: calc(100% - 90px);
    padding: 8px;
  }
}

/* line 263, src/assets/scss/pages/_static.scss */
.static-inspiration-box .static-inspiration-right h1 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (max-width: 500px) {
  /* line 263, src/assets/scss/pages/_static.scss */
  .static-inspiration-box .static-inspiration-right h1 {
    font-size: 12px;
    margin-bottom: 4px;
  }
}

/* line 272, src/assets/scss/pages/_static.scss */
.static-inspiration-box .static-inspiration-right p {
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 500px) {
  /* line 272, src/assets/scss/pages/_static.scss */
  .static-inspiration-box .static-inspiration-right p {
    font-size: 10px;
  }
}

/* line 281, src/assets/scss/pages/_static.scss */
.static-inspiration-float {
  width: 100%;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9;
}

/* line 288, src/assets/scss/pages/_static.scss */
.static-inspiration-float .static-inspiration-button {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px 10px;
}

@media (max-width: 500px) {
  /* line 288, src/assets/scss/pages/_static.scss */
  .static-inspiration-float .static-inspiration-button {
    max-width: 480px;
    padding: 0 15px 8px;
  }
}

/* line 1, src/assets/scss/pages/_mobile-dashboard.scss */
.mobile-dashboard-head {
  padding: 65px 0 20px;
  background-color: #29a399;
  width: 100%;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 1;
}

@media (max-width: 480px) {
  /* line 1, src/assets/scss/pages/_mobile-dashboard.scss */
  .mobile-dashboard-head {
    padding: 20px 0;
    background-size: cover;
    height: auto;
    min-height: 150px;
    margin-top: 65px;
  }
}

/* line 17, src/assets/scss/pages/_mobile-dashboard.scss */
.mobile-dashboard-head .list-date {
  width: 100%;
}

/* line 20, src/assets/scss/pages/_mobile-dashboard.scss */
.mobile-dashboard-head .date-item {
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
  color: #828690;
  font-size: 16px;
  font-weight: 600px;
}

/* line 33, src/assets/scss/pages/_mobile-dashboard.scss */
.mobile-dashboard-head .glide__slide--active .date-item {
  font-size: 16px;
  font-weight: 600px;
  color: #4eb6ae;
}

/* line 40, src/assets/scss/pages/_mobile-dashboard.scss */
.month-filter {
  margin-bottom: 20px;
  width: 100%;
}

/* line 43, src/assets/scss/pages/_mobile-dashboard.scss */
.month-filter select {
  background-color: transparent;
  border-color: transparent;
  font-size: 14px;
  color: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 51, src/assets/scss/pages/_mobile-dashboard.scss */
.month-filter select:focus-visible {
  outline: none;
}

/* line 54, src/assets/scss/pages/_mobile-dashboard.scss */
.month-filter select::-ms-expand {
  display: none;
}

/* line 59, src/assets/scss/pages/_mobile-dashboard.scss */
.list-widget {
  margin-top: 20px;
  position: relative;
  width: 100%;
  padding-bottom: 30px;
}

/* line 64, src/assets/scss/pages/_mobile-dashboard.scss */
.list-widget .card-widget {
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  height: 78px;
}

/* line 70, src/assets/scss/pages/_mobile-dashboard.scss */
.list-widget .card-widget h4 {
  font-size: 12px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 76, src/assets/scss/pages/_mobile-dashboard.scss */
.list-widget .card-widget h5 {
  font-size: 14px;
  color: #f66048;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 82, src/assets/scss/pages/_mobile-dashboard.scss */
.list-widget .card-widget p {
  font-size: 10px;
  color: #828690;
}

/* line 87, src/assets/scss/pages/_mobile-dashboard.scss */
.list-widget .glide__bullets {
  bottom: 0;
}

/* line 91, src/assets/scss/pages/_mobile-dashboard.scss */
.mobile-dashboard-body {
  padding: 20px 0;
}

/* line 93, src/assets/scss/pages/_mobile-dashboard.scss */
.mobile-dashboard-body.margin-header {
  margin-top: 65px;
}

/* line 98, src/assets/scss/pages/_mobile-dashboard.scss */
.menu-tabs {
  height: 40px;
  width: 100%;
  background-color: #29a399;
  border-radius: 25px;
  padding: 0 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

/* line 108, src/assets/scss/pages/_mobile-dashboard.scss */
.menu-tabs .tab-button {
  color: #ffffff;
  width: 50%;
  height: 32px;
  font-size: 12px;
  border-radius: 19px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
  font-weight: 600;
}

/* line 119, src/assets/scss/pages/_mobile-dashboard.scss */
.menu-tabs .tab-button.active {
  background-color: #ffffff;
  color: #29a399;
}

/* line 126, src/assets/scss/pages/_mobile-dashboard.scss */
.dashboard-form {
  width: 100%;
}

/* line 129, src/assets/scss/pages/_mobile-dashboard.scss */
.form-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 20px;
}

/* line 135, src/assets/scss/pages/_mobile-dashboard.scss */
.form-image .image-preview {
  height: 90px;
  width: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
  margin-bottom: 10px;
  overflow: hidden;
}

/* line 144, src/assets/scss/pages/_mobile-dashboard.scss */
.form-image .image-preview img {
  width: 100%;
}

/* line 148, src/assets/scss/pages/_mobile-dashboard.scss */
.form-image label {
  color: #29a399;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

/* line 154, src/assets/scss/pages/_mobile-dashboard.scss */
.form-image input {
  display: none;
}

/* line 159, src/assets/scss/pages/_mobile-dashboard.scss */
.box-setting {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 20px 0 20px;
}

@media (max-width: 500px) {
  /* line 159, src/assets/scss/pages/_mobile-dashboard.scss */
  .box-setting {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/* line 169, src/assets/scss/pages/_mobile-dashboard.scss */
.box-setting .setting-left {
  width: 35%;
}

@media (max-width: 500px) {
  /* line 169, src/assets/scss/pages/_mobile-dashboard.scss */
  .box-setting .setting-left {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* line 175, src/assets/scss/pages/_mobile-dashboard.scss */
.box-setting .setting-left h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  /* line 175, src/assets/scss/pages/_mobile-dashboard.scss */
  .box-setting .setting-left h3 {
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  /* line 182, src/assets/scss/pages/_mobile-dashboard.scss */
  .box-setting .setting-left p {
    font-size: 12px;
  }
}

/* line 188, src/assets/scss/pages/_mobile-dashboard.scss */
.box-setting .setting-right {
  width: 65%;
}

@media (max-width: 500px) {
  /* line 188, src/assets/scss/pages/_mobile-dashboard.scss */
  .box-setting .setting-right {
    width: 100%;
  }
}

/* line 1, src/assets/scss/pages/_invoice.scss */
.invoice-page {
  width: 640px;
  margin: 0 auto;
}

@media (max-width: 500px) {
  /* line 1, src/assets/scss/pages/_invoice.scss */
  .invoice-page {
    width: 100%;
  }
}

/* line 8, src/assets/scss/pages/_invoice.scss */
.invoice-white {
  width: 100%;
  background-color: #fff;
  background-image: url("../img/bg-invoice.png");
  background-repeat: repeat;
  padding: 30px 0;
}

@media (max-width: 500px) {
  /* line 8, src/assets/scss/pages/_invoice.scss */
  .invoice-white {
    padding: 15px 15px;
  }
}

/* line 18, src/assets/scss/pages/_invoice.scss */
.invoice-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 2px solid #29a399;
  margin-bottom: 20px;
}

@media (max-width: 500px) {
  /* line 18, src/assets/scss/pages/_invoice.scss */
  .invoice-header {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}

/* line 31, src/assets/scss/pages/_invoice.scss */
.invoice-header .invoice-logo img {
  height: 50px;
  width: auto;
}

@media (max-width: 500px) {
  /* line 31, src/assets/scss/pages/_invoice.scss */
  .invoice-header .invoice-logo img {
    height: 35px;
  }
}

/* line 39, src/assets/scss/pages/_invoice.scss */
.invoice-header .invoice-title {
  text-align: end;
}

/* line 41, src/assets/scss/pages/_invoice.scss */
.invoice-header .invoice-title h1 {
  font-size: 20px;
  color: #29a399;
  font-weight: 800;
  margin-bottom: 0;
  line-height: 1;
}

@media (max-width: 500px) {
  /* line 41, src/assets/scss/pages/_invoice.scss */
  .invoice-header .invoice-title h1 {
    font-size: 14px;
  }
}

/* line 51, src/assets/scss/pages/_invoice.scss */
.invoice-header .invoice-title p {
  font-size: 12px;
  color: #29a399;
  font-weight: 600;
}

@media (max-width: 500px) {
  /* line 51, src/assets/scss/pages/_invoice.scss */
  .invoice-header .invoice-title p {
    font-size: 8px;
  }
}

/* line 61, src/assets/scss/pages/_invoice.scss */
.invoice-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  padding: 0 15px;
}

@media (max-width: 500px) {
  /* line 61, src/assets/scss/pages/_invoice.scss */
  .invoice-flex {
    padding: 0 5px;
  }
}

/* line 71, src/assets/scss/pages/_invoice.scss */
.invoice-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 50%;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 77, src/assets/scss/pages/_invoice.scss */
.invoice-row.right {
  -ms-flex-align: end;
      align-items: flex-end;
  text-align: left;
}

/* line 81, src/assets/scss/pages/_invoice.scss */
.invoice-row p {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 5px;
}

@media (max-width: 500px) {
  /* line 81, src/assets/scss/pages/_invoice.scss */
  .invoice-row p {
    font-size: 10px;
  }
}

/* line 89, src/assets/scss/pages/_invoice.scss */
.invoice-row h3 {
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 500px) {
  /* line 89, src/assets/scss/pages/_invoice.scss */
  .invoice-row h3 {
    font-size: 14px;
  }
}

/* line 96, src/assets/scss/pages/_invoice.scss */
.invoice-row h6 {
  font-size: 12px;
  font-weight: 400;
}

/* line 101, src/assets/scss/pages/_invoice.scss */
.invoice-table {
  width: 100%;
  margin: 25px 0 10px;
}

@media (max-width: 500px) {
  /* line 101, src/assets/scss/pages/_invoice.scss */
  .invoice-table {
    margin: 15px 0 10px;
  }
}

/* line 107, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-header,
.invoice-table .t-body,
.invoice-table .t-footer {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px 10px;
}

@media (max-width: 500px) {
  /* line 107, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-header,
  .invoice-table .t-body,
  .invoice-table .t-footer {
    padding: 3px 5px;
  }
}

/* line 118, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-header .t-row,
.invoice-table .t-body .t-row,
.invoice-table .t-footer .t-row {
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 500px) {
  /* line 118, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-header .t-row,
  .invoice-table .t-body .t-row,
  .invoice-table .t-footer .t-row {
    font-size: 10px;
  }
}

/* line 124, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-header .t-row:first-child,
.invoice-table .t-body .t-row:first-child,
.invoice-table .t-footer .t-row:first-child {
  width: 60%;
}

@media (max-width: 500px) {
  /* line 124, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-header .t-row:first-child,
  .invoice-table .t-body .t-row:first-child,
  .invoice-table .t-footer .t-row:first-child {
    width: 50%;
    padding-right: 5px;
  }
}

/* line 131, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-header .t-row:last-child,
.invoice-table .t-body .t-row:last-child,
.invoice-table .t-footer .t-row:last-child {
  width: 40%;
  text-align: end;
}

@media (max-width: 500px) {
  /* line 131, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-header .t-row:last-child,
  .invoice-table .t-body .t-row:last-child,
  .invoice-table .t-footer .t-row:last-child {
    width: 50%;
    padding-left: 5px;
  }
}

/* line 141, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-header {
  border-bottom: 1px solid #b8b8b8;
}

/* line 143, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-header .t-row {
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 500px) {
  /* line 143, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-header .t-row {
    font-size: 10px;
  }
}

/* line 151, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-body {
  padding: 10px 10px;
}

@media (max-width: 500px) {
  /* line 151, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-body {
    padding: 10px 5px;
  }
}

/* line 157, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-body .t-row p {
  font-size: 16px;
  color: #29a399;
  font-weight: 500;
}

@media (max-width: 500px) {
  /* line 157, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-body .t-row p {
    font-size: 12px;
  }
}

/* line 165, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-body .t-row h2 {
  font-size: 24px;
  color: #29a399;
  font-weight: 600;
}

@media (max-width: 500px) {
  /* line 165, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-body .t-row h2 {
    font-size: 18px;
  }
}

/* line 175, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-footer {
  border-top: 1px solid #b8b8b8;
}

/* line 177, src/assets/scss/pages/_invoice.scss */
.invoice-table .t-footer .t-row {
  font-size: 14px;
  font-weight: 500;
  color: #808080;
}

@media (max-width: 500px) {
  /* line 177, src/assets/scss/pages/_invoice.scss */
  .invoice-table .t-footer .t-row {
    font-size: 12px;
  }
}

/* line 187, src/assets/scss/pages/_invoice.scss */
.invoice-text {
  width: 100%;
  padding: 20px 10px;
  margin-bottom: 40px;
}

@media (max-width: 500px) {
  /* line 187, src/assets/scss/pages/_invoice.scss */
  .invoice-text {
    padding: 10px 5px;
    margin-bottom: 25px;
  }
}

/* line 195, src/assets/scss/pages/_invoice.scss */
.invoice-text h6 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  /* line 195, src/assets/scss/pages/_invoice.scss */
  .invoice-text h6 {
    font-size: 12px;
  }
}

/* line 203, src/assets/scss/pages/_invoice.scss */
.invoice-text h5 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 500px) {
  /* line 203, src/assets/scss/pages/_invoice.scss */
  .invoice-text h5 {
    font-size: 10px;
    word-break: break-all;
  }
}

/* line 212, src/assets/scss/pages/_invoice.scss */
.invoice-text h2 {
  font-size: 20px;
  color: #fa933f;
  font-weight: 600;
  margin-bottom: 5px;
}

@media (max-width: 500px) {
  /* line 212, src/assets/scss/pages/_invoice.scss */
  .invoice-text h2 {
    font-size: 16px;
  }
}

/* line 221, src/assets/scss/pages/_invoice.scss */
.invoice-text p {
  font-size: 14px;
  font-weight: 300;
}

@media (max-width: 500px) {
  /* line 221, src/assets/scss/pages/_invoice.scss */
  .invoice-text p {
    font-size: 12px;
  }
}

/* line 229, src/assets/scss/pages/_invoice.scss */
.invoice-signature {
  width: calc(100% - 340px);
}

@media (max-width: 500px) {
  /* line 229, src/assets/scss/pages/_invoice.scss */
  .invoice-signature {
    width: calc(100% - 210px);
  }
}

/* line 234, src/assets/scss/pages/_invoice.scss */
.invoice-signature p {
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 500px) {
  /* line 234, src/assets/scss/pages/_invoice.scss */
  .invoice-signature p {
    font-size: 8px;
  }
}

/* line 241, src/assets/scss/pages/_invoice.scss */
.invoice-signature h5 {
  font-size: 16px;
  font-weight: 600;
  padding-top: 45px;
}

@media (max-width: 500px) {
  /* line 241, src/assets/scss/pages/_invoice.scss */
  .invoice-signature h5 {
    font-size: 10px;
    padding-top: 30px;
  }
}

/* line 251, src/assets/scss/pages/_invoice.scss */
.invoice-qr {
  width: 120px;
  padding: 0 10px;
}

@media (max-width: 500px) {
  /* line 251, src/assets/scss/pages/_invoice.scss */
  .invoice-qr {
    width: 80px;
    padding: 0 5px;
  }
}

/* line 258, src/assets/scss/pages/_invoice.scss */
.invoice-qr img {
  height: 110px;
}

@media (max-width: 500px) {
  /* line 258, src/assets/scss/pages/_invoice.scss */
  .invoice-qr img {
    height: 75px;
  }
}

/* line 265, src/assets/scss/pages/_invoice.scss */
.invoice-download {
  width: 180px;
}

@media (max-width: 500px) {
  /* line 265, src/assets/scss/pages/_invoice.scss */
  .invoice-download {
    width: 120px;
  }
}

/* line 270, src/assets/scss/pages/_invoice.scss */
.invoice-download p {
  font-size: 10px;
  font-weight: 500;
}

@media (max-width: 500px) {
  /* line 270, src/assets/scss/pages/_invoice.scss */
  .invoice-download p {
    font-size: 6px;
  }
}

/* line 277, src/assets/scss/pages/_invoice.scss */
.invoice-download img {
  width: 180px;
  margin-top: 10px;
}

@media (max-width: 500px) {
  /* line 277, src/assets/scss/pages/_invoice.scss */
  .invoice-download img {
    width: 120px;
  }
}

/* line 285, src/assets/scss/pages/_invoice.scss */
.invoice-cyan {
  width: 100%;
  background-color: #29a399;
  padding: 30px 0;
}

@media (max-width: 500px) {
  /* line 285, src/assets/scss/pages/_invoice.scss */
  .invoice-cyan {
    padding: 15px 0;
  }
}

/* line 293, src/assets/scss/pages/_invoice.scss */
.invoice-footer {
  padding: 0 10px;
  width: 100%;
}

/* line 296, src/assets/scss/pages/_invoice.scss */
.invoice-footer .img-hashtag {
  height: 30px;
  width: auto;
  margin-right: 10px;
}

@media (max-width: 500px) {
  /* line 296, src/assets/scss/pages/_invoice.scss */
  .invoice-footer .img-hashtag {
    height: 25px;
    margin-right: 5px;
  }
}

/* line 305, src/assets/scss/pages/_invoice.scss */
.invoice-footer p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

@media (max-width: 500px) {
  /* line 305, src/assets/scss/pages/_invoice.scss */
  .invoice-footer p {
    font-size: 10px;
  }
}

/* line 314, src/assets/scss/pages/_invoice.scss */
.invoice-footer h5 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}

@media (max-width: 500px) {
  /* line 314, src/assets/scss/pages/_invoice.scss */
  .invoice-footer h5 {
    font-size: 12px;
    word-break: break-all;
  }
}

/* line 323, src/assets/scss/pages/_invoice.scss */
.invoice-footer h4 {
  font-size: 18px;
  color: #fff;
}

@media (max-width: 500px) {
  /* line 323, src/assets/scss/pages/_invoice.scss */
  .invoice-footer h4 {
    font-size: 14px;
  }
}

/* line 332, src/assets/scss/pages/_invoice.scss */
.invoice-address {
  padding: 40px 0 20px;
  text-align: center;
}

@media (max-width: 500px) {
  /* line 332, src/assets/scss/pages/_invoice.scss */
  .invoice-address {
    padding: 20px 0 10px;
  }
}

/* line 2, src/assets/scss/components/_buttons.scss */
a.btn,
.btn {
  min-height: 40px;
  min-width: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 6px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  position: relative;
}

/* line 14, src/assets/scss/components/_buttons.scss */
a.btn:hover, a.btn:focus,
.btn:hover,
.btn:focus {
  outline: none;
  box-shadow: unset;
}

/* line 19, src/assets/scss/components/_buttons.scss */
a.btn .icon-left-fix,
.btn .icon-left-fix {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  font-size: 18px;
}

/* line 26, src/assets/scss/components/_buttons.scss */
a.btn .icon-right-fix,
.btn .icon-right-fix {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5px;
  font-size: 18px;
}

/* line 34, src/assets/scss/components/_buttons.scss */
a.btn i.left,
.btn i.left {
  margin-right: 5px;
}

/* line 39, src/assets/scss/components/_buttons.scss */
a.btn.button-search,
.btn.button-search {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 0px;
  right: 5px;
  font-size: 16px;
  color: #ffffff;
}

/* line 48, src/assets/scss/components/_buttons.scss */
a.btn.button-icon,
.btn.button-icon {
  height: 40px;
  width: 40px;
  font-size: 16px;
}

/* line 52, src/assets/scss/components/_buttons.scss */
a.btn.button-icon i,
.btn.button-icon i {
  margin: 0 !important;
}

/* line 55, src/assets/scss/components/_buttons.scss */
a.btn.button-icon.button-menu,
.btn.button-icon.button-menu {
  background-color: transparent;
  color: #ffffff;
  border-color: transparent;
}

/* line 60, src/assets/scss/components/_buttons.scss */
a.btn.button-icon.button-social,
.btn.button-icon.button-social {
  font-size: 16px;
  color: #ffffff;
  background-color: #27bbd8;
  min-width: 30px;
  min-height: 30px;
  width: 35px;
  height: 35px;
  border-radius: 18px;
}

/* line 69, src/assets/scss/components/_buttons.scss */
a.btn.button-icon.button-social:hover, a.btn.button-icon.button-social:focus,
.btn.button-icon.button-social:hover,
.btn.button-icon.button-social:focus {
  background-color: #0096c7;
}

/* line 74, src/assets/scss/components/_buttons.scss */
a.btn.button-icon.icon-slider-round,
.btn.button-icon.icon-slider-round {
  background-color: #ffffff;
  border-color: #ffffff;
  opacity: 0.7;
  color: #4d4d4d;
  border-radius: 20px;
}

/* line 80, src/assets/scss/components/_buttons.scss */
a.btn.button-icon.icon-slider-round:hover, a.btn.button-icon.icon-slider-round:focus,
.btn.button-icon.icon-slider-round:hover,
.btn.button-icon.icon-slider-round:focus {
  opacity: 1;
}

/* line 85, src/assets/scss/components/_buttons.scss */
a.btn.button-icon.button-close,
.btn.button-icon.button-close {
  color: #4d4d4d;
  border-color: transparent;
  background-color: transparent;
  font-size: 24px;
}

/* line 92, src/assets/scss/components/_buttons.scss */
a.btn.button-link,
.btn.button-link {
  min-height: 30px;
  background-color: transparent;
  border-color: transparent;
  color: #15bbda;
  text-transform: capitalize;
  font-weight: 500;
}

/* line 99, src/assets/scss/components/_buttons.scss */
a.btn.button-link.color-cyan,
.btn.button-link.color-cyan {
  color: #29a399;
}

/* line 103, src/assets/scss/components/_buttons.scss */
a.btn.button-orange,
.btn.button-orange {
  background-color: #fd6938;
  color: #ffffff;
  border-color: #fd6938;
}

/* line 107, src/assets/scss/components/_buttons.scss */
a.btn.button-orange:hover, a.btn.button-orange:active, a.btn.button-orange:focus,
.btn.button-orange:hover,
.btn.button-orange:active,
.btn.button-orange:focus {
  background-color: #f66048;
  border-color: #f66048;
}

/* line 114, src/assets/scss/components/_buttons.scss */
a.btn.button-white,
.btn.button-white {
  background-color: #ffffff;
  color: #4d4d4d;
  border-color: #ffffff;
}

/* line 118, src/assets/scss/components/_buttons.scss */
a.btn.button-white:hover, a.btn.button-white:active, a.btn.button-white:focus,
.btn.button-white:hover,
.btn.button-white:active,
.btn.button-white:focus {
  background-color: #e9ecef;
  border-color: #e9ecef;
}

/* line 125, src/assets/scss/components/_buttons.scss */
a.btn.button-green,
.btn.button-green {
  background-color: #6ad148;
  border-color: #6ad148;
  color: #ffffff;
}

/* line 129, src/assets/scss/components/_buttons.scss */
a.btn.button-green:hover, a.btn.button-green:active, a.btn.button-green:focus,
.btn.button-green:hover,
.btn.button-green:active,
.btn.button-green:focus {
  background-color: #6ad148;
  border-color: #6ad148;
  color: #ffffff;
}

/* line 137, src/assets/scss/components/_buttons.scss */
a.btn.button-cyan-white,
.btn.button-cyan-white {
  background-color: #ddf5f3;
  border-color: #ddf5f3;
  color: #0096c7;
}

/* line 141, src/assets/scss/components/_buttons.scss */
a.btn.button-cyan-white:hover, a.btn.button-cyan-white:active, a.btn.button-cyan-white:focus,
.btn.button-cyan-white:hover,
.btn.button-cyan-white:active,
.btn.button-cyan-white:focus {
  background-color: #ddf5f3;
  border-color: #ddf5f3;
  color: #0096c7;
}

/* line 149, src/assets/scss/components/_buttons.scss */
a.btn.button-big,
.btn.button-big {
  height: 55px;
  font-size: 18px;
}

@media (max-width: 480px) {
  /* line 149, src/assets/scss/components/_buttons.scss */
  a.btn.button-big,
  .btn.button-big {
    height: 40px;
    font-size: 16px;
  }
}

/* line 157, src/assets/scss/components/_buttons.scss */
a.btn.button-small,
.btn.button-small {
  min-height: 30px;
  min-width: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px !important;
  padding: 0 15px;
  font-weight: 400;
}

/* line 165, src/assets/scss/components/_buttons.scss */
a.btn.button-shadow,
.btn.button-shadow {
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
}

/* line 168, src/assets/scss/components/_buttons.scss */
a.btn.button-zoom,
.btn.button-zoom {
  width: 100%;
  height: 50px;
  -webkit-animation: zoom-in-zoom-out 3s ease infinite;
          animation: zoom-in-zoom-out 3s ease infinite;
}

/* line 173, src/assets/scss/components/_buttons.scss */
a.btn.button-back,
.btn.button-back {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
  height: 40px;
  width: 40px;
  font-size: 18px;
  padding-left: 5px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  font-weight: 400;
}

/* line 184, src/assets/scss/components/_buttons.scss */
a.btn.button-border-cyan,
.btn.button-border-cyan {
  color: #29a399;
  border-color: #29a399;
  background-color: #ffffff;
}

/* line 188, src/assets/scss/components/_buttons.scss */
a.btn.button-border-cyan i,
.btn.button-border-cyan i {
  margin-right: 10px;
}

/* line 192, src/assets/scss/components/_buttons.scss */
a.btn.button-cyan,
.btn.button-cyan {
  color: #ffffff;
  border-color: #29a399;
  background-color: #29a399;
}

/* line 197, src/assets/scss/components/_buttons.scss */
a.btn.button-close-banner,
.btn.button-close-banner {
  border-radius: 0;
  color: #ffffff;
  background-color: #950101;
  border-color: #950101;
  font-size: 14px;
  font-weight: 600;
  min-height: 30px;
}

/* line 206, src/assets/scss/components/_buttons.scss */
a.btn.button-planning,
.btn.button-planning {
  background-color: #ffffff;
  border-color: #e9ecef;
  color: #4d4d4d;
  margin-top: 15px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 50px;
  font-size: 16px;
}

/* line 214, src/assets/scss/components/_buttons.scss */
a.btn.button-planning img,
.btn.button-planning img {
  height: 30px;
  width: 30px;
  margin-right: 15px;
}

/* line 220, src/assets/scss/components/_buttons.scss */
a.btn.button-price,
.btn.button-price {
  background-color: #ffffff;
  border-color: #c4c4c4;
  width: 100%;
  margin: 0 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 15px 20px;
}

/* line 230, src/assets/scss/components/_buttons.scss */
a.btn.button-price h5,
.btn.button-price h5 {
  font-size: 16px;
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

/* line 236, src/assets/scss/components/_buttons.scss */
a.btn.button-price h5 i,
.btn.button-price h5 i {
  font-size: 18px;
}

/* line 240, src/assets/scss/components/_buttons.scss */
a.btn.button-price p,
.btn.button-price p {
  background-color: #f7f7f7;
  padding: 3px 10px;
  width: 100%;
  color: #4d4d4d;
  font-weight: 300;
  text-align: start;
  border-radius: 6px;
  margin-top: 8px;
}

/* line 250, src/assets/scss/components/_buttons.scss */
a.btn.button-price:hover, a.btn.button-price:active, a.btn.button-price:focus,
.btn.button-price:hover,
.btn.button-price:active,
.btn.button-price:focus {
  border-color: #29a399;
  color: #ffffff;
}

/* line 255, src/assets/scss/components/_buttons.scss */
a.btn.button-price:hover p, a.btn.button-price:active p, a.btn.button-price:focus p,
.btn.button-price:hover p,
.btn.button-price:active p,
.btn.button-price:focus p {
  background-color: #e3fffd;
}

/* line 260, src/assets/scss/components/_buttons.scss */
a.btn.button-border-grey,
.btn.button-border-grey {
  background-color: #ffffff;
  border-color: #b8b8b8;
  color: #4d4d4d;
  text-transform: capitalize;
}

/* line 265, src/assets/scss/components/_buttons.scss */
a.btn.button-border-grey:hover, a.btn.button-border-grey:active, a.btn.button-border-grey:focus,
.btn.button-border-grey:hover,
.btn.button-border-grey:active,
.btn.button-border-grey:focus {
  background-color: #ffffff;
  border-color: #b8b8b8;
  color: #4d4d4d;
}

/* line 273, src/assets/scss/components/_buttons.scss */
a.btn.button-fbook,
.btn.button-fbook {
  color: #ffffff;
  border-color: #3b5998;
  background-color: #3b5998;
}

/* line 278, src/assets/scss/components/_buttons.scss */
a.btn.button-more,
.btn.button-more {
  background-color: #ddf5f3;
  border-color: #ddf5f3;
  padding: 0 80px;
  color: #29a399;
}

/* line 284, src/assets/scss/components/_buttons.scss */
a.btn.button-text-cyan,
.btn.button-text-cyan {
  min-height: 35px;
  min-width: unset;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #29a399;
  font-weight: 500;
}

/* line 290, src/assets/scss/components/_buttons.scss */
a.btn.button-text-cyan i,
.btn.button-text-cyan i {
  margin-right: 5px;
}

/* line 294, src/assets/scss/components/_buttons.scss */
a.btn.button-pagination,
.btn.button-pagination {
  border-color: #29a399;
  background-color: #ffffff;
  color: #29a399;
}

/* line 298, src/assets/scss/components/_buttons.scss */
a.btn.button-pagination:hover, a.btn.button-pagination.active,
.btn.button-pagination:hover,
.btn.button-pagination.active {
  color: #ffffff;
  background-color: #29a399;
}

/* line 304, src/assets/scss/components/_buttons.scss */
a.btn.button-red,
.btn.button-red {
  background-color: #cc3333;
  border-color: #cc3333;
  color: #ffffff;
}

/* line 308, src/assets/scss/components/_buttons.scss */
a.btn.button-red i,
.btn.button-red i {
  margin-right: 10px;
}

/* line 312, src/assets/scss/components/_buttons.scss */
a.btn.button-copy,
.btn.button-copy {
  border-color: #c4c4c4;
  color: #29a399;
  min-height: 30px;
  min-width: 30px;
  height: 35px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 500px) {
  /* line 312, src/assets/scss/components/_buttons.scss */
  a.btn.button-copy,
  .btn.button-copy {
    width: 35px;
  }
  /* line 321, src/assets/scss/components/_buttons.scss */
  a.btn.button-copy span,
  .btn.button-copy span {
    display: none;
  }
}

/* line 325, src/assets/scss/components/_buttons.scss */
a.btn.button-copy i,
.btn.button-copy i {
  font-size: 18px;
  margin: 0 !important;
  display: none;
}

@media (max-width: 500px) {
  /* line 325, src/assets/scss/components/_buttons.scss */
  a.btn.button-copy i,
  .btn.button-copy i {
    display: block;
  }
}

/* line 333, src/assets/scss/components/_buttons.scss */
a.btn.button-copy input,
.btn.button-copy input {
  display: none;
}

/* line 337, src/assets/scss/components/_buttons.scss */
a.btn.button-text-cyan,
.btn.button-text-cyan {
  border-color: transparent;
  color: #29a399;
  background-color: transparent;
}

/* line 342, src/assets/scss/components/_buttons.scss */
a.btn.menu-tab,
.btn.menu-tab {
  background-color: #ffffff;
  color: #4d4d4d;
  color: #29a399;
}

/* line 346, src/assets/scss/components/_buttons.scss */
a.btn.menu-tab.active,
.btn.menu-tab.active {
  background-color: #29a399;
  color: #ffffff;
}

/* line 351, src/assets/scss/components/_buttons.scss */
a.btn.button-border-white,
.btn.button-border-white {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}

/* line 355, src/assets/scss/components/_buttons.scss */
a.btn.button-border-white i,
.btn.button-border-white i {
  margin-right: 10px;
}

/* line 358, src/assets/scss/components/_buttons.scss */
a.btn.button-border-white:hover, a.btn.button-border-white:focus,
.btn.button-border-white:hover,
.btn.button-border-white:focus {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}

/* line 365, src/assets/scss/components/_buttons.scss */
a.btn.fit-content,
.btn.fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 368, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social,
.btn.button-shared-social {
  width: 45px;
  height: 45px;
  background-color: #c4c4c4;
  border-color: #c4c4c4;
  font-size: 25px;
  margin-bottom: 10px;
  color: #ffffff;
}

/* line 376, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.fbook,
.btn.button-shared-social.fbook {
  background-color: #4267b2;
  border-color: #4267b2;
}

/* line 380, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.twit,
.btn.button-shared-social.twit {
  background-color: #1da1f2;
  border-color: #1da1f2;
}

/* line 384, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.wa,
.btn.button-shared-social.wa {
  background-color: #25d366;
  border-color: #25d366;
}

/* line 388, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.tele,
.btn.button-shared-social.tele {
  background-color: #0088cc;
  border-color: #0088cc;
}

/* line 392, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.line,
.btn.button-shared-social.line {
  background-color: #00c300;
  border-color: #00c300;
}

/* line 396, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.linked,
.btn.button-shared-social.linked {
  background-color: #0077b5;
  border-color: #0077b5;
}

/* line 400, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.mail,
.btn.button-shared-social.mail {
  background-color: #1accbd;
  border-color: #1accbd;
}

/* line 405, src/assets/scss/components/_buttons.scss */
a.btn.button-shared-social.copy input,
.btn.button-shared-social.copy input {
  display: none;
}

/* line 411, src/assets/scss/components/_buttons.scss */
.button-category {
  width: 16.666%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: unset;
  text-align: center;
  color: #15bbda;
  padding: 10px 30px;
}

/* line 421, src/assets/scss/components/_buttons.scss */
.button-category .category-rounded {
  height: 64px;
  width: 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 34px;
  background-color: #ddf5f3;
  border: 1px solid #ddf5f3;
  margin-bottom: 8px;
}

/* line 431, src/assets/scss/components/_buttons.scss */
.button-category .category-rounded > img {
  height: 30px;
  width: 30px;
}

/* line 436, src/assets/scss/components/_buttons.scss */
.button-category .category-text {
  font-size: 14px;
  text-align: center;
  width: 100%;
  line-height: 1.2;
  height: 32px;
}

/* line 443, src/assets/scss/components/_buttons.scss */
.button-category:hover, .button-category:active, .button-category:focus, .button-category.active {
  color: #0096c7;
}

/* line 448, src/assets/scss/components/_buttons.scss */
.button-category:hover .category-rounded, .button-category:active .category-rounded, .button-category:focus .category-rounded, .button-category.active .category-rounded {
  border-color: #0096c7;
}

/* line 453, src/assets/scss/components/_buttons.scss */
.loading-button {
  width: 50px;
  height: 40px;
  margin: 15px auto;
}

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@media (max-width: 480px) {
  /* line 475, src/assets/scss/components/_buttons.scss */
  .button-category {
    width: 16.666%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-decoration: unset;
    text-align: center;
    color: #15bbda;
    padding: 10px 30px;
  }
  /* line 485, src/assets/scss/components/_buttons.scss */
  .button-category .category-rounded {
    height: 64px;
    width: 64px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 34px;
    background-color: #ddf5f3;
    border: 1px solid #ddf5f3;
    margin-bottom: 8px;
  }
  /* line 495, src/assets/scss/components/_buttons.scss */
  .button-category .category-rounded > img {
    height: 30px;
    width: 30px;
  }
  /* line 500, src/assets/scss/components/_buttons.scss */
  .button-category .category-text {
    font-size: 14px;
    text-align: center;
    width: 100%;
    line-height: 1.2;
    height: 32px;
  }
  /* line 507, src/assets/scss/components/_buttons.scss */
  .button-category:hover, .button-category:active, .button-category:focus, .button-category.active {
    color: #0096c7;
  }
  /* line 512, src/assets/scss/components/_buttons.scss */
  .button-category:hover .category-rounded, .button-category:active .category-rounded, .button-category:focus .category-rounded, .button-category.active .category-rounded {
    border-color: #0096c7;
  }
  /* line 517, src/assets/scss/components/_buttons.scss */
  a.btn,
  .btn {
    min-height: 35px;
    min-width: 35px;
    border-radius: 6px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 12px;
  }
  /* line 525, src/assets/scss/components/_buttons.scss */
  a.btn .icon-left-fix,
  .btn .icon-left-fix {
    font-size: 16px;
  }
  /* line 528, src/assets/scss/components/_buttons.scss */
  a.btn .icon-right-fix,
  .btn .icon-right-fix {
    font-size: 16px;
  }
  /* line 531, src/assets/scss/components/_buttons.scss */
  a.btn.button-back,
  .btn.button-back {
    font-size: 16px;
  }
  /* line 534, src/assets/scss/components/_buttons.scss */
  a.btn.button-zoom,
  .btn.button-zoom {
    height: 40px;
    font-size: 16px;
  }
}

/* line 541, src/assets/scss/components/_buttons.scss */
a.button-link,
.button-link {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
  border: unset;
  font-size: 14px;
  color: #4eb6ae;
  font-weight: 500;
  text-decoration: none;
}

/* line 3, src/assets/scss/components/_footer.scss */
.footer {
  width: 100%;
  background-color: rgba(220, 245, 243, 0.7);
  padding: 30px 0;
}

/* line 8, src/assets/scss/components/_footer.scss */
.footer.footer-cyan.primary {
  background-color: rgba(41, 163, 153, 0.2);
}

@media (max-width: 480px) {
  /* line 3, src/assets/scss/components/_footer.scss */
  .footer {
    padding: 15px 0;
  }
}

/* line 16, src/assets/scss/components/_footer.scss */
.footer-logo {
  width: 100%;
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  /* line 16, src/assets/scss/components/_footer.scss */
  .footer-logo {
    margin-bottom: 20px;
  }
}

/* line 22, src/assets/scss/components/_footer.scss */
.footer-logo .footer-brand {
  display: block;
  max-width: 250px;
}

@media (max-width: 480px) {
  /* line 22, src/assets/scss/components/_footer.scss */
  .footer-logo .footer-brand {
    margin: 0 auto;
    max-width: 180px;
  }
}

/* line 29, src/assets/scss/components/_footer.scss */
.footer-logo .footer-brand img {
  max-width: 250px;
}

@media (max-width: 480px) {
  /* line 29, src/assets/scss/components/_footer.scss */
  .footer-logo .footer-brand img {
    max-width: 180px;
  }
}

/* line 37, src/assets/scss/components/_footer.scss */
.footer-about {
  width: calc(40% - 20px);
  margin-right: 20px;
}

@media (max-width: 480px) {
  /* line 37, src/assets/scss/components/_footer.scss */
  .footer-about {
    text-align: center;
  }
}

/* line 43, src/assets/scss/components/_footer.scss */
.footer-about > p {
  margin-bottom: 20px;
  color: #27bbd8;
}

/* line 48, src/assets/scss/components/_footer.scss */
.footer-about.color-cyan > p {
  color: #29a399;
}

/* line 53, src/assets/scss/components/_footer.scss */
.footer-social-media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 480px) {
  /* line 53, src/assets/scss/components/_footer.scss */
  .footer-social-media {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 20px;
  }
}

/* line 62, src/assets/scss/components/_footer.scss */
.footer-social-media > .btn {
  margin-right: 15px;
}

/* line 64, src/assets/scss/components/_footer.scss */
.footer-social-media > .btn:last-child {
  margin-right: 0;
}

/* line 68, src/assets/scss/components/_footer.scss */
.footer-social-media.size-xs {
  margin-top: 30px;
}

/* line 70, src/assets/scss/components/_footer.scss */
.footer-social-media.size-xs > .btn {
  height: 30px !important;
  width: 30px !important;
  font-size: 14px !important;
  border-color: #4eb6ae !important;
  background-color: #4eb6ae !important;
}

/* line 79, src/assets/scss/components/_footer.scss */
.footer-social-media.color-cyan > .btn {
  border-color: #4eb6ae !important;
  background-color: #4eb6ae !important;
}

/* line 85, src/assets/scss/components/_footer.scss */
.footer-menu {
  width: calc(20% - 20px);
  margin-right: 20px;
}

/* line 88, src/assets/scss/components/_footer.scss */
.footer-menu:last-child {
  width: 20%;
  margin-right: 0;
}

/* line 92, src/assets/scss/components/_footer.scss */
.footer-menu > h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #27bbd8;
}

/* line 98, src/assets/scss/components/_footer.scss */
.footer-menu > p {
  color: #27bbd8;
}

/* line 101, src/assets/scss/components/_footer.scss */
.footer-menu .footer-menu-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  word-break: break-all;
}

/* line 105, src/assets/scss/components/_footer.scss */
.footer-menu .footer-menu-link > a {
  color: #27bbd8;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
  text-decoration: none;
}

/* line 111, src/assets/scss/components/_footer.scss */
.footer-menu .footer-menu-link > a:hover, .footer-menu .footer-menu-link > a:focus {
  text-decoration: underline;
}

/* line 118, src/assets/scss/components/_footer.scss */
.footer-menu.color-cyan > h5 {
  color: #29a399;
}

/* line 121, src/assets/scss/components/_footer.scss */
.footer-menu.color-cyan > p {
  color: #29a399;
}

/* line 125, src/assets/scss/components/_footer.scss */
.footer-menu.color-cyan .footer-menu-link > a {
  color: #29a399;
}

/* line 131, src/assets/scss/components/_footer.scss */
.footer-copyright {
  border-top: 1px solid #2ec6e2;
  margin-top: 40px;
  text-align: center;
}

/* line 135, src/assets/scss/components/_footer.scss */
.footer-copyright > p {
  margin: 20px auto 0;
  color: #27bbd8;
}

/* line 139, src/assets/scss/components/_footer.scss */
.footer-copyright.size-xs {
  margin-top: 30px;
  width: 100%;
  border-color: #e9ecef;
}

/* line 143, src/assets/scss/components/_footer.scss */
.footer-copyright.size-xs > p {
  color: #4d4d4d;
  margin-bottom: 0px !important;
}

/* line 148, src/assets/scss/components/_footer.scss */
.footer-copyright.color-cyan {
  border-top: 1px solid #29a399;
}

/* line 150, src/assets/scss/components/_footer.scss */
.footer-copyright.color-cyan > p {
  color: #29a399;
}

/* line 155, src/assets/scss/components/_footer.scss */
.bottom-navigation {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  max-width: 600px;
  margin: 0 auto;
  background-color: #ffffff;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
}

/* line 175, src/assets/scss/components/_footer.scss */
.bottom-navigation.size-xs {
  max-width: 600px;
}

/* line 178, src/assets/scss/components/_footer.scss */
.bottom-navigation a {
  position: relative;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
  text-decoration: none;
}

/* line 186, src/assets/scss/components/_footer.scss */
.bottom-navigation a img {
  height: 20px;
  margin: 0 auto;
}

/* line 190, src/assets/scss/components/_footer.scss */
.bottom-navigation a .icon-active {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}

/* line 201, src/assets/scss/components/_footer.scss */
.bottom-navigation a.active .icon-active {
  display: block;
}

/* line 204, src/assets/scss/components/_footer.scss */
.bottom-navigation a.active span {
  color: #29a399;
}

/* line 208, src/assets/scss/components/_footer.scss */
.bottom-navigation a span {
  display: block;
  font-size: 0.6875rem;
  color: #666666;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

/* line 218, src/assets/scss/components/_footer.scss */
.footer-xs {
  padding: 40px 15px 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 224, src/assets/scss/components/_footer.scss */
.footer-xs h4 {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}

/* line 231, src/assets/scss/components/_footer.scss */
.footer-xs p {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
}

/* line 237, src/assets/scss/components/_footer.scss */
.footer-xs .download-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 0 20px;
  -ms-flex-align: center;
      align-items: center;
}

/* line 242, src/assets/scss/components/_footer.scss */
.footer-xs .download-wrapper > a {
  width: 170px;
  height: 50px;
  margin: 0 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
}

/* line 253, src/assets/scss/components/_footer.scss */
.footer-menu-xs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}

/* line 258, src/assets/scss/components/_footer.scss */
.footer-menu-xs > a {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  padding: 0px 10px;
  border-right: 1px solid #828690;
  text-decoration: none;
  line-height: 1;
}

/* line 266, src/assets/scss/components/_footer.scss */
.footer-menu-xs > a:last-child {
  border-color: transparent;
}

@media (max-width: 480px) {
  /* line 278, src/assets/scss/components/_footer.scss */
  .footer-about {
    width: 100%;
  }
  /* line 281, src/assets/scss/components/_footer.scss */
  .footer-menu {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 20px;
    margin-right: 0;
  }
  /* line 288, src/assets/scss/components/_footer.scss */
  .footer-menu:last-child {
    margin-bottom: 0;
    width: 100%;
  }
  /* line 291, src/assets/scss/components/_footer.scss */
  .footer-menu:last-child p {
    text-align: center;
  }
  /* line 295, src/assets/scss/components/_footer.scss */
  .footer-menu .footer-menu-link {
    width: 100%;
  }
  /* line 297, src/assets/scss/components/_footer.scss */
  .footer-menu .footer-menu-link a {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
  }
  /* line 304, src/assets/scss/components/_footer.scss */
  .footer-xs h4 {
    font-size: 16px;
  }
  /* line 307, src/assets/scss/components/_footer.scss */
  .footer-xs p {
    font-size: 12px;
  }
  /* line 310, src/assets/scss/components/_footer.scss */
  .footer-xs .download-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 0 20px;
    -ms-flex-align: center;
        align-items: center;
  }
  /* line 315, src/assets/scss/components/_footer.scss */
  .footer-xs .download-wrapper > a {
    width: 150px;
    height: 45px;
    margin: 0 5px;
  }
  /* line 323, src/assets/scss/components/_footer.scss */
  .footer-menu-xs > a {
    font-size: 12px;
  }
}

/* line 3, src/assets/scss/components/_hero.scss */
.homepage-hero {
  padding: 40px;
  background-color: #15bbda;
  width: 100%;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-size: 200%;
  position: relative;
  z-index: 1;
}

/* line 13, src/assets/scss/components/_hero.scss */
.homepage-hero-xs {
  padding: 40px;
  background-color: #29a399;
  width: 100%;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-size: 200%;
  position: relative;
  z-index: 1;
}

/* line 23, src/assets/scss/components/_hero.scss */
.banner-hero {
  position: relative;
  width: 100%;
}

/* line 26, src/assets/scss/components/_hero.scss */
.banner-hero .glide__track,
.banner-hero .glide__slides {
  border-radius: 8px;
}

/* line 30, src/assets/scss/components/_hero.scss */
.banner-hero .glide__slide {
  border-radius: 8px;
}

/* line 32, src/assets/scss/components/_hero.scss */
.banner-hero .glide__slide a {
  border-radius: 8px;
}

/* line 34, src/assets/scss/components/_hero.scss */
.banner-hero .glide__slide a img {
  border-radius: 8px;
  width: 100%;
}

/* line 40, src/assets/scss/components/_hero.scss */
.banner-hero .glide__arrows {
  top: 50%;
}

/* line 44, src/assets/scss/components/_hero.scss */
.text-hero-wraper {
  width: 100%;
  padding: 30px 0 0;
}

/* line 48, src/assets/scss/components/_hero.scss */
.text-hero-item {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 54, src/assets/scss/components/_hero.scss */
.text-hero-item h1 {
  font-size: 36px;
  color: #f7f7f7;
  font-weight: 600;
  margin-bottom: 7px;
}

/* line 60, src/assets/scss/components/_hero.scss */
.text-hero-item p {
  font-size: 20px;
  font-weight: 400;
  color: #f7f7f7;
}

/* line 65, src/assets/scss/components/_hero.scss */
.text-hero-item .btn {
  position: relative;
  width: 500px;
  margin: 40px auto 10px;
}

/* line 69, src/assets/scss/components/_hero.scss */
.text-hero-item .btn:last-child {
  margin: 10px auto 0;
}

/* line 72, src/assets/scss/components/_hero.scss */
.text-hero-item .btn > i {
  position: absolute;
  left: 25px;
  top: 10px;
  font-size: 20px;
}

/* line 82, src/assets/scss/components/_hero.scss */
.homepage-hero-xs .text-hero-item h1 {
  font-size: 32px;
}

/* line 85, src/assets/scss/components/_hero.scss */
.homepage-hero-xs .text-hero-item p {
  font-size: 16px;
}

@media (max-width: 991px) {
  /* line 92, src/assets/scss/components/_hero.scss */
  .homepage-hero {
    padding: 40px 0;
  }
  /* line 96, src/assets/scss/components/_hero.scss */
  .text-hero-item h1 {
    font-size: 28px;
  }
  /* line 99, src/assets/scss/components/_hero.scss */
  .text-hero-item p {
    font-size: 18px;
    font-weight: 400;
    color: #f7f7f7;
  }
  /* line 104, src/assets/scss/components/_hero.scss */
  .text-hero-item .btn {
    position: relative;
    width: 100%;
    margin: 40px auto 10px;
  }
  /* line 108, src/assets/scss/components/_hero.scss */
  .text-hero-item .btn:last-child {
    margin: 10px auto 0;
  }
  /* line 111, src/assets/scss/components/_hero.scss */
  .text-hero-item .btn > i {
    position: absolute;
    left: 25px;
    top: 10px;
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  /* line 122, src/assets/scss/components/_hero.scss */
  .homepage-hero {
    padding: 0px 0px 20px;
  }
  /* line 125, src/assets/scss/components/_hero.scss */
  .banner-hero {
    width: 98%;
    margin: 0 auto;
  }
  /* line 129, src/assets/scss/components/_hero.scss */
  .banner-hero .btn.button-icon {
    min-height: 35px;
    min-width: 35px;
    height: 35px;
    width: 35px;
  }
  /* line 136, src/assets/scss/components/_hero.scss */
  .banner-hero .glide__arrow--left {
    left: 5px;
  }
  /* line 139, src/assets/scss/components/_hero.scss */
  .banner-hero .glide__arrow--right {
    right: 5px;
  }
  /* line 142, src/assets/scss/components/_hero.scss */
  .banner-hero .glide__bullets {
    bottom: 10px;
  }
  /* line 145, src/assets/scss/components/_hero.scss */
  .banner-hero .glide__bullet {
    height: 5px;
    width: 5px;
  }
  /* line 150, src/assets/scss/components/_hero.scss */
  .text-hero-wraper {
    width: 100%;
    padding: 20px 0 0;
  }
  /* line 154, src/assets/scss/components/_hero.scss */
  .text-hero-item {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 15px;
  }
  /* line 161, src/assets/scss/components/_hero.scss */
  .text-hero-item h1 {
    font-size: 18px;
  }
  /* line 164, src/assets/scss/components/_hero.scss */
  .text-hero-item p {
    font-size: 12px;
  }
  /* line 167, src/assets/scss/components/_hero.scss */
  .text-hero-item .btn {
    margin: 10px auto 10px;
  }
  /* line 169, src/assets/scss/components/_hero.scss */
  .text-hero-item .btn > i {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  /* line 173, src/assets/scss/components/_hero.scss */
  .text-hero-item .btn:last-child {
    margin: 10px auto 0;
  }
  /* line 178, src/assets/scss/components/_hero.scss */
  .homepage-hero-xs {
    padding: 20px 15px;
  }
  /* line 180, src/assets/scss/components/_hero.scss */
  .homepage-hero-xs .text-hero-item {
    text-align: center;
  }
  /* line 182, src/assets/scss/components/_hero.scss */
  .homepage-hero-xs .text-hero-item h1 {
    font-size: 18px;
  }
  /* line 185, src/assets/scss/components/_hero.scss */
  .homepage-hero-xs .text-hero-item p {
    font-size: 12px;
  }
}

/* line 3, src/assets/scss/components/_card.scss */
.card-portrait {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  text-decoration: none;
  color: #4d4d4d;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e9ecef;
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
}

/* line 15, src/assets/scss/components/_card.scss */
.card-portrait:hover {
  color: #4d4d4d;
}

/* line 18, src/assets/scss/components/_card.scss */
.card-portrait:first-child {
  margin-left: 0;
}

/* line 21, src/assets/scss/components/_card.scss */
.card-portrait:last-child {
  margin-right: 0;
}

/* line 24, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top top;
  height: 120px;
  width: 100%;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
     -moz-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
     -moz-margin-end: 0;
          margin-inline-end: 0;
}

/* line 35, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 8px 10px;
}

/* line 40, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text .card-portrait-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  height: 32px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

/* line 50, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text .card-portrait-client {
  font-size: 12px;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 55, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text .card-portrait-client img {
  margin-left: 5px;
  height: 12px;
}

/* line 60, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text .progress {
  height: 8px;
  margin: 5px 0;
}

/* line 64, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text .card-portrait-nominal {
  margin-top: 15px;
}

/* line 66, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text .card-portrait-nominal p {
  font-size: 12px;
  margin-bottom: 3px;
}

/* line 70, src/assets/scss/components/_card.scss */
.card-portrait .card-portrait-text .card-portrait-nominal h5 {
  font-size: 14px;
}

/* line 76, src/assets/scss/components/_card.scss */
.card-category {
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #d1effe;
  color: #477fa7;
  padding: 3px 10px;
  border-radius: 10px;
  margin-bottom: 7px;
}

/* line 86, src/assets/scss/components/_card.scss */
.card-category.category-orange {
  background-color: #ffefdb;
  color: #f66048;
}

/* line 90, src/assets/scss/components/_card.scss */
.card-category.category-red {
  background-color: #ffe1f1;
  color: #be3b6a;
}

/* line 95, src/assets/scss/components/_card.scss */
.card-campaign-column {
  width: 100%;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  text-decoration: none;
  color: #4d4d4d;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e9ecef;
  box-shadow: 0px 2px 8px 1px rgba(152, 152, 152, 0.2);
}

/* line 108, src/assets/scss/components/_card.scss */
.card-campaign-column:hover {
  color: #4d4d4d;
}

/* line 111, src/assets/scss/components/_card.scss */
.card-campaign-column:first-child {
  margin-left: 0;
}

/* line 114, src/assets/scss/components/_card.scss */
.card-campaign-column:last-child {
  margin-right: 0;
}

/* line 117, src/assets/scss/components/_card.scss */
.card-campaign-column .text-more {
  font-size: 14px;
  margin-top: 15px;
  font-weight: 600;
  color: #29a399;
}

/* line 123, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 140px;
  width: 100%;
  display: block;
  margin: 0;
}

@media (max-width: 480px) {
  /* line 123, src/assets/scss/components/_card.scss */
  .card-campaign-column .card-campaign-image {
    height: 170px;
  }
}

/* line 134, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 10px;
  background-color: #ffffff;
}

/* line 139, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text a.card-campaign-title,
.card-campaign-column .card-campaign-text .card-campaign-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 149, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .card-campaign-client {
  font-size: 12px;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/* line 154, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .card-campaign-client img {
  margin-left: 5px;
  height: 12px;
}

/* line 159, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .progress {
  height: 5px;
  margin: 7px 0;
}

/* line 163, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .card-campaign-nominal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

/* line 167, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .card-campaign-nominal p {
  font-size: 12px;
  margin-bottom: 3px;
  font-weight: 400;
}

/* line 172, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .card-campaign-nominal h5 {
  font-size: 14px;
  font-weight: 600;
}

/* line 176, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .card-campaign-nominal .text-left {
  text-align: left;
  width: 65%;
}

/* line 180, src/assets/scss/components/_card.scss */
.card-campaign-column .card-campaign-text .card-campaign-nominal .text-right {
  text-align: right;
  width: 35%;
}

/* line 188, src/assets/scss/components/_card.scss */
.card-campaign-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  text-decoration: none;
  color: #4d4d4d;
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

/* line 199, src/assets/scss/components/_card.scss */
.card-campaign-row:hover {
  color: #4d4d4d;
}

/* line 202, src/assets/scss/components/_card.scss */
.card-campaign-row:last-child {
  border-color: transparent;
}

/* line 205, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 250px;
  height: 140px;
  display: block;
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
     -moz-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
     -moz-margin-end: 0;
          margin-inline-end: 0;
}

/* line 219, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 5px 15px;
  width: calc(100% - 250px);
}

/* line 224, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text a.card-campaign-title,
.card-campaign-row .card-campaign-text .card-campaign-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

/* line 235, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-client {
  font-size: 12px;
  font-weight: 300;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #4d4d4d;
}

/* line 241, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-client img {
  margin-left: 5px;
  height: 12px;
}

/* line 245, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-client .category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 18px;
  padding: 0px 10px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 600;
  margin-left: 10px;
}

/* line 255, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-client .category.cyan {
  background-color: #e3fffd;
  color: #29a399;
}

/* line 259, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-client .category.red {
  background-color: #ffe1f1;
  color: #950101;
}

/* line 263, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-client .category.blue {
  background-color: #d1effe;
  color: #0096c7;
}

/* line 267, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-client .category.orange {
  background-color: #ffefdb;
  color: #f66048;
}

/* line 273, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .progress {
  height: 5px;
  margin: 5px 0;
}

/* line 276, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .progress .progress-bar {
  background: linear-gradient(90.1deg, #1accbd 0%, #29a399 100%);
}

/* line 280, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-nominal {
  margin-top: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

/* line 285, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-nominal p {
  font-size: 12px;
  margin-bottom: 3px;
  color: #4d4d4d;
}

/* line 290, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-nominal h5 {
  font-size: 14px;
  font-weight: 600;
}

/* line 294, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-nominal .text-left {
  text-align: left;
  width: 65%;
}

/* line 298, src/assets/scss/components/_card.scss */
.card-campaign-row .card-campaign-text .card-campaign-nominal .text-right {
  text-align: right;
  width: 35%;
}

/* line 305, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-image {
  width: 106px;
  height: 60px;
  margin-right: 8px;
}

/* line 310, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-text {
  width: calc(100% - 115px);
  padding-left: 0;
}

/* line 314, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 10px;
}

/* line 319, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-top a.card-campaign-title,
.card-campaign-row.xs-size .card-campaign-top .card-campaign-title {
  width: calc(100% - 65px);
  margin-bottom: 0;
  color: #4d4d4d;
  text-decoration: none;
  font-size: 12px;
  height: 30px;
}

/* line 327, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-top a.card-campaign-title:hover,
.card-campaign-row.xs-size .card-campaign-top .card-campaign-title:hover {
  color: #4d4d4d;
  text-decoration: none;
}

/* line 332, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-top .card-campaign-status {
  font-size: 10px;
  padding: 5px;
  background-color: #c4c4c4;
  width: 60px;
  border-radius: 20px;
  color: #ffffff;
}

/* line 341, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-top .btn.button-icon {
  height: 30px;
  width: 30px;
  font-size: 14px;
}

/* line 348, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 352, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-bottom .date {
  color: #828690;
  font-size: 12px;
  margin-right: 8px;
}

/* line 357, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-bottom .price {
  font-weight: 600;
  font-size: 12px;
}

/* line 360, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-bottom .price i {
  font-size: 10px;
  color: #29a399;
  margin-right: 5px;
}

/* line 365, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-bottom .price.column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 20px;
  font-size: 10px;
}

/* line 370, src/assets/scss/components/_card.scss */
.card-campaign-row.xs-size .card-campaign-bottom .price.column span {
  font-size: 10px;
  color: #828690;
}

/* line 380, src/assets/scss/components/_card.scss */
.card-help-payment {
  width: 100%;
  margin-top: 20px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e3fffd;
}

/* line 386, src/assets/scss/components/_card.scss */
.card-help-payment .head {
  background-color: #e3fffd;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 20px;
}

/* line 392, src/assets/scss/components/_card.scss */
.card-help-payment .head img {
  height: 40px;
}

/* line 395, src/assets/scss/components/_card.scss */
.card-help-payment .head .texts {
  padding: 5px 10px;
}

/* line 397, src/assets/scss/components/_card.scss */
.card-help-payment .head .texts h6 {
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 404, src/assets/scss/components/_card.scss */
.card-help-payment .body {
  padding: 20px;
}

/* line 407, src/assets/scss/components/_card.scss */
.card-help-payment .body ul li {
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  /* line 416, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-image {
    width: 168px;
    height: 95px;
  }
  /* line 420, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text {
    padding: 0 0 0 10px;
    width: calc(100% - 168px);
  }
  /* line 423, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-title {
    font-size: 12px;
    height: 28px;
    margin-bottom: 5px;
  }
  /* line 428, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-client {
    font-size: 10px;
  }
  /* line 430, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-client img {
    margin-left: 5px;
    height: 10px;
  }
  /* line 434, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-client .category {
    height: 15px;
    font-size: 8px;
  }
  /* line 439, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .progress {
    height: 3px;
  }
  /* line 442, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-nominal {
    margin-top: 0;
  }
  /* line 444, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-nominal p {
    font-size: 10px;
  }
  /* line 447, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-nominal h5 {
    font-size: 12px;
  }
  /* line 450, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-nominal .text-left {
    text-align: left;
    width: 65%;
  }
  /* line 454, src/assets/scss/components/_card.scss */
  .card-campaign-row .card-campaign-text .card-campaign-nominal .text-right {
    text-align: right;
    width: 35%;
  }
}

/* line 463, src/assets/scss/components/_card.scss */
.card-full-images {
  width: 100%;
  color: #4d4d4d;
  text-decoration: none;
}

/* line 467, src/assets/scss/components/_card.scss */
.card-full-images:hover {
  color: #4d4d4d;
}

/* line 470, src/assets/scss/components/_card.scss */
.card-full-images .card-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top top;
  height: 190px;
  width: 100%;
  border-radius: 6px;
  margin-bottom: 8px;
}

/* line 479, src/assets/scss/components/_card.scss */
.card-full-images .card-title {
  font-size: 14px;
  font-weight: 600;
  color: #4d4d4d;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
  margin-bottom: 0;
}

/* line 490, src/assets/scss/components/_card.scss */
.video-card {
  width: 100%;
  height: 190px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

/* line 496, src/assets/scss/components/_card.scss */
.video-card img {
  height: 190px;
  min-width: 100%;
}

/* line 500, src/assets/scss/components/_card.scss */
.video-card button {
  background-color: #e3fffd;
  border: unset;
  color: #4eb6ae;
  height: 38px;
  width: 38px;
  border-radius: 20px;
  font-size: 14px;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 480px) {
  /* line 500, src/assets/scss/components/_card.scss */
  .video-card button {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    font-size: 14px;
  }
}

/* line 522, src/assets/scss/components/_card.scss */
.video-card .title-video {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, black 100%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 10px 5px;
}

/* line 532, src/assets/scss/components/_card.scss */
.video-card .title-video p {
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
}

/* line 537, src/assets/scss/components/_card.scss */
.video-card .title-video .card-campaign-client {
  font-size: 12px;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #ffffff;
  margin-top: 5px;
}

/* line 544, src/assets/scss/components/_card.scss */
.video-card .title-video .card-campaign-client img {
  margin-left: 5px;
  height: 12px;
  width: 12px;
  min-width: unset;
}

/* line 1, src/assets/scss/components/_modal.scss */
.modal {
  background-color: rgba(0, 0, 0, 0.7);
}

/* line 3, src/assets/scss/components/_modal.scss */
.modal.fade {
  padding: 40px 0;
}

/* line 6, src/assets/scss/components/_modal.scss */
.modal.modal-category {
  height: 100vh;
}

/* line 8, src/assets/scss/components/_modal.scss */
.modal.modal-category .modal-dialog {
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
  height: calc(100vh - 80px);
  max-width: 975px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 17, src/assets/scss/components/_modal.scss */
.modal.modal-category .modal-content {
  position: absolute;
  bottom: -90px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10;
  border-top-right-radius: 10;
  overflow: hidden;
}

/* line 26, src/assets/scss/components/_modal.scss */
.modal.modal-category .modal-header {
  border-color: transparent;
  padding: 20px;
}

/* line 29, src/assets/scss/components/_modal.scss */
.modal.modal-category .modal-header h5 {
  font-size: 20px;
}

/* line 32, src/assets/scss/components/_modal.scss */
.modal.modal-category .modal-header button {
  color: #000000;
}

/* line 37, src/assets/scss/components/_modal.scss */
.modal.modal-category .modal-body .homepage-category {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 39, src/assets/scss/components/_modal.scss */
.modal.modal-category .modal-body .homepage-category .btn {
  margin-bottom: 10px;
}

/* line 45, src/assets/scss/components/_modal.scss */
.modal.modal-category.size-xs .modal-dialog {
  position: relative;
  margin: 0 auto;
  height: calc(100vh - 80px);
  max-width: 600px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 53, src/assets/scss/components/_modal.scss */
.modal.modal-category.size-xs .modal-content {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50px);
          transform: translate(-50%, -50px);
  bottom: -90px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10;
  border-top-right-radius: 10;
  overflow: hidden;
}

/* line 64, src/assets/scss/components/_modal.scss */
.modal.modal-category.size-xs .modal-header {
  border-color: transparent;
  padding: 20px;
}

/* line 67, src/assets/scss/components/_modal.scss */
.modal.modal-category.size-xs .modal-header h5 {
  font-size: 20px;
}

/* line 70, src/assets/scss/components/_modal.scss */
.modal.modal-category.size-xs .modal-header button {
  color: #000000;
}

/* line 75, src/assets/scss/components/_modal.scss */
.modal.modal-category.size-xs .modal-body .homepage-category {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/* line 77, src/assets/scss/components/_modal.scss */
.modal.modal-category.size-xs .modal-body .homepage-category .button-category {
  margin-bottom: 10px;
  width: 20%;
  padding: 10px;
}

/* line 87, src/assets/scss/components/_modal.scss */
.modal.modal-payment-infaq .modal-header {
  border-color: transparent;
  padding: 20px;
}

/* line 90, src/assets/scss/components/_modal.scss */
.modal.modal-payment-infaq .modal-header h5 {
  font-size: 20px;
}

/* line 93, src/assets/scss/components/_modal.scss */
.modal.modal-payment-infaq .modal-header button {
  color: #000000;
}

/* line 98, src/assets/scss/components/_modal.scss */
.modal.modal-payment-infaq .modal-body .title-payment-wrapper {
  background-color: #ffffff;
  border-bottom: 2px solid #b8b8b8;
  padding-left: 0;
  padding-right: 0;
}

/* line 104, src/assets/scss/components/_modal.scss */
.modal.modal-payment-infaq .modal-body .donate-body-wrapper {
  padding-left: 0;
  padding-right: 0;
}

/* line 111, src/assets/scss/components/_modal.scss */
.modal.modal-share .modal-header {
  border-color: transparent;
  padding: 20px;
}

/* line 114, src/assets/scss/components/_modal.scss */
.modal.modal-share .modal-header h5 {
  font-size: 20px;
}

/* line 117, src/assets/scss/components/_modal.scss */
.modal.modal-share .modal-header button {
  color: #000000;
}

/* line 121, src/assets/scss/components/_modal.scss */
.modal.modal-share .modal-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

/* line 127, src/assets/scss/components/_modal.scss */
.modal.modal-share .modal-body .share-box {
  width: calc(25% - 30px);
  margin: 0 15px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* line 134, src/assets/scss/components/_modal.scss */
.modal.modal-share .modal-body .share-box p {
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
}

@media (max-width: 500px) {
  /* line 134, src/assets/scss/components/_modal.scss */
  .modal.modal-share .modal-body .share-box p {
    font-size: 12px;
  }
}

@media (max-width: 500px) {
  /* line 145, src/assets/scss/components/_modal.scss */
  .modal.modal-share .modal-dialog {
    position: relative;
    margin: 0 auto;
    height: calc(100vh - 80px);
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 152, src/assets/scss/components/_modal.scss */
  .modal.modal-share .modal-content {
    position: absolute;
    bottom: -40px;
    left: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10;
    border-top-right-radius: 10;
    overflow: hidden;
  }
}

/* line 167, src/assets/scss/components/_modal.scss */
.modal-body.modal-confirm {
  padding: 25px 15px;
}

/* line 172, src/assets/scss/components/_modal.scss */
.title-modal {
  font-size: 16px;
  font-weight: 600;
  color: #4d4d4d;
  margin-bottom: 5px;
}

/* line 178, src/assets/scss/components/_modal.scss */
.text-modal {
  font-size: 14px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 10px;
}

/* line 184, src/assets/scss/components/_modal.scss */
.button-wrapper-modal {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
}

/* line 190, src/assets/scss/components/_modal.scss */
.button-wrapper-modal .btn {
  width: calc(50% - 10px);
}

@media (max-width: 1025px) {
  /* line 196, src/assets/scss/components/_modal.scss */
  .modal {
    background-color: rgba(0, 0, 0, 0.7);
  }
  /* line 198, src/assets/scss/components/_modal.scss */
  .modal.modal-category {
    height: 100vh;
  }
  /* line 200, src/assets/scss/components/_modal.scss */
  .modal.modal-category .modal-dialog {
    position: relative;
    margin: 0;
    height: calc(100vh - 80px);
    max-width: unset;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 209, src/assets/scss/components/_modal.scss */
  .modal.modal-category .modal-content {
    bottom: -40px;
  }
}

@media (max-width: 460px) {
  /* line 217, src/assets/scss/components/_modal.scss */
  .modal {
    background-color: rgba(0, 0, 0, 0.7);
  }
  /* line 219, src/assets/scss/components/_modal.scss */
  .modal.modal-category {
    height: 100vh;
  }
  /* line 221, src/assets/scss/components/_modal.scss */
  .modal.modal-category .modal-dialog {
    position: relative;
    margin: 0;
    height: calc(100vh - 80px);
    max-width: unset;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 230, src/assets/scss/components/_modal.scss */
  .modal.modal-category .modal-content {
    bottom: -40px;
  }
  /* line 235, src/assets/scss/components/_modal.scss */
  .modal.modal-category .modal-body .homepage-category .button-category {
    width: 33.33%;
  }
}

/* line 244, src/assets/scss/components/_modal.scss */
.toast {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
}

/* line 251, src/assets/scss/components/_modal.scss */
.alert.alert-success {
  background-color: #e3fffd;
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 500;
}

/* line 3, src/assets/scss/components/_form.scss */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* line 9, src/assets/scss/components/_form.scss */
input[type="number"] {
  -moz-appearance: textfield;
}

/* line 12, src/assets/scss/components/_form.scss */
.form-control,
.form-select {
  height: 40px;
  border-radius: 6px;
}

/* line 16, src/assets/scss/components/_form.scss */
.form-control:hover, .form-control:focus, .form-control:visited,
.form-select:hover,
.form-select:focus,
.form-select:visited {
  box-shadow: unset;
  outline: unset;
  border-color: #29a399;
}

/* line 24, src/assets/scss/components/_form.scss */
.form-control.blue:hover, .form-control.blue:focus, .form-control.blue:visited,
.form-select.blue:hover,
.form-select.blue:focus,
.form-select.blue:visited {
  border-color: #15bbda;
}

@media (max-width: 480px) {
  /* line 12, src/assets/scss/components/_form.scss */
  .form-control,
  .form-select {
    font-size: 12px;
  }
}

/* line 34, src/assets/scss/components/_form.scss */
.form-donate {
  padding: 15px;
}

/* line 36, src/assets/scss/components/_form.scss */
.form-donate > p {
  font-size: 14px;
}

/* line 38, src/assets/scss/components/_form.scss */
.form-donate > p a {
  color: #29a399;
  font-weight: 500;
  text-decoration: unset;
}

/* line 45, src/assets/scss/components/_form.scss */
.form-donate .form-control,
.form-donate .form-select {
  border-color: #f7f7f7;
  background-color: #f7f7f7;
  height: 40px;
  padding: 0 15px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 15px;
}

/* line 55, src/assets/scss/components/_form.scss */
.form-donate .form-control:focus,
.form-donate .form-select:focus {
  color: #495057;
  background-color: #fff;
  border-color: #29a399;
  outline: 0;
  box-shadow: unset;
}

/* line 62, src/assets/scss/components/_form.scss */
.form-donate .form-control::-webkit-input-placeholder, .form-donate .form-select::-webkit-input-placeholder {
  color: #828690;
}
.form-donate .form-control::-webkit-input-placeholder, .form-donate .form-control:-ms-input-placeholder, .form-donate .form-control::-moz-placeholder, .form-donate .form-control::-ms-input-placeholder, .form-donate .form-control::placeholder,
.form-donate .form-select::-webkit-input-placeholder,
.form-donate .form-select:-ms-input-placeholder,
.form-donate .form-select::-moz-placeholder,
.form-donate .form-select::-ms-input-placeholder,
.form-donate .form-select::placeholder {
  color: #828690;
}

/* line 71, src/assets/scss/components/_form.scss */
.form-donate .input-wa .custom-select {
  background-color: #29a399;
  position: relative;
  z-index: 10;
  border-color: #29a399;
  color: #ffffff;
  height: 40px;
  font-size: 14px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: none;
  margin-bottom: 15px;
}

/* line 86, src/assets/scss/components/_form.scss */
.form-donate .input-wa .custom-select:focus-visible {
  outline: none;
}

/* line 92, src/assets/scss/components/_form.scss */
.form-donate textarea.form-control {
  height: auto;
  padding: 0.625rem 1rem;
  margin-bottom: 15px;
}

/* line 98, src/assets/scss/components/_form.scss */
.form-donate .form-switch {
  margin-bottom: 15px;
}

/* line 102, src/assets/scss/components/_form.scss */
.form-donate .form-check-input:checked {
  border-color: #29a399;
  background-color: #29a399;
}

/* line 106, src/assets/scss/components/_form.scss */
.form-donate .form-check-input:focus {
  box-shadow: none;
  outline: none;
}

/* line 112, src/assets/scss/components/_form.scss */
.nominal-input-group {
  position: relative;
  margin-bottom: 0.5rem;
  font-size: 20px;
}

/* line 116, src/assets/scss/components/_form.scss */
.nominal-input-group .input-group-prepend {
  margin-right: 0;
}

@media (max-width: 480px) {
  /* line 116, src/assets/scss/components/_form.scss */
  .nominal-input-group .input-group-prepend {
    font-size: 14px;
  }
}

/* line 122, src/assets/scss/components/_form.scss */
.nominal-input-group .input-group-text {
  border: none;
  background-color: #f7f7f7;
  font-size: 1.125rem;
  color: #4d4d4d;
  font-weight: 600;
  height: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 132, src/assets/scss/components/_form.scss */
.nominal-input-group input {
  border-color: #c4c4c4;
  border-left-color: transparent;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media (max-width: 500px) {
  /* line 132, src/assets/scss/components/_form.scss */
  .nominal-input-group input {
    font-size: 14px;
  }
}

/* line 143, src/assets/scss/components/_form.scss */
.nominal-input-group input::-webkit-outer-spin-button, .nominal-input-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 148, src/assets/scss/components/_form.scss */
.nominal-input-group input[type="number"] {
  -moz-appearance: textfield;
}

/* line 151, src/assets/scss/components/_form.scss */
.nominal-input-group input:disabled {
  background-color: #f7f7f7;
}

/* line 157, src/assets/scss/components/_form.scss */
.selected-payment {
  border: 1px solid #f7f7f7;
  background-color: #f7f7f7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-radius: 6px;
  -ms-flex-align: center;
      align-items: center;
}

/* line 165, src/assets/scss/components/_form.scss */
.selected-payment .bank-select {
  margin: 0 1rem;
  padding: 0.825rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

/* line 171, src/assets/scss/components/_form.scss */
.selected-payment .bank-select p {
  font-weight: 500;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
}

/* line 178, src/assets/scss/components/_form.scss */
.selected-payment .bank-select .img-wrap {
  width: 50px;
  margin-right: 15px;
}

/* line 181, src/assets/scss/components/_form.scss */
.selected-payment .bank-select .img-wrap img {
  height: 20px;
}

/* line 186, src/assets/scss/components/_form.scss */
.selected-payment .select-label-arrow {
  position: relative;
  margin-right: 10px;
  padding: 4px 8px;
  cursor: pointer;
  color: #29a399;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
  font-size: 12px;
  color: #ffffff;
  background-color: #29a399;
  border-radius: 6px;
}

/* line 200, src/assets/scss/components/_form.scss */
.selected-payment .select-label-arrow:hover {
  text-decoration: none;
}

/* line 203, src/assets/scss/components/_form.scss */
.selected-payment .select-label-arrow i {
  margin-left: 4px;
  font-size: 14px;
}

/* line 210, src/assets/scss/components/_form.scss */
.form-label {
  font-weight: 600;
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 5px;
}

/* line 215, src/assets/scss/components/_form.scss */
.form-label span {
  font-style: italic;
  color: #c4c4c4;
  font-weight: 400;
}

@media (max-width: 480px) {
  /* line 210, src/assets/scss/components/_form.scss */
  .form-label {
    font-size: 12px;
  }
}

/* line 226, src/assets/scss/components/_form.scss */
.input-wa .custom-select {
  background-color: #29a399;
  position: relative;
  z-index: 10;
  border-color: #29a399;
  color: #ffffff;
  height: 40px;
  font-size: 14px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: none;
  margin-bottom: 15px;
}

/* line 241, src/assets/scss/components/_form.scss */
.input-wa .custom-select:focus-visible {
  outline: none;
}

/* line 247, src/assets/scss/components/_form.scss */
.form-switch {
  margin-bottom: 15px;
  margin-top: 5px;
}

/* line 252, src/assets/scss/components/_form.scss */
.form-check-input:checked {
  border-color: #29a399;
  background-color: #29a399;
}

/* line 256, src/assets/scss/components/_form.scss */
.form-check-input:focus {
  box-shadow: none;
  outline: none;
}

/* line 262, src/assets/scss/components/_form.scss */
.form-check-label {
  font-size: 14px;
}

@media (max-width: 480px) {
  /* line 262, src/assets/scss/components/_form.scss */
  .form-check-label {
    font-size: 12px;
  }
}

/* line 270, src/assets/scss/components/_form.scss */
textarea.form-control {
  min-height: 90px;
  padding: 0.625rem 1rem;
  margin-bottom: 15px;
  resize: unset;
}

/* line 278, src/assets/scss/components/_form.scss */
.nominal-select-input {
  display: none;
}

/* line 281, src/assets/scss/components/_form.scss */
.nominal-select-input:checked + .nominal-donate {
  box-shadow: 0 0 1px 1px #29a399;
  background-color: #e3fffd;
}

/* line 284, src/assets/scss/components/_form.scss */
.nominal-select-input:checked + .nominal-donate p {
  color: #4d4d4d;
}

/* line 290, src/assets/scss/components/_form.scss */
.nominal-donate {
  width: 100%;
  margin-top: 10px;
  padding: 10px 15px;
  box-shadow: 0 0 1px 1px #e5e5e5;
  border-radius: 6px;
  background-color: #ffffff;
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease-in-out;
}

/* line 301, src/assets/scss/components/_form.scss */
.nominal-donate:hover {
  cursor: pointer;
  background-color: #e3fffd;
  box-shadow: 0 0 1px 1px #29a399;
}

/* line 306, src/assets/scss/components/_form.scss */
.nominal-donate p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
  color: #4d4d4d;
}

/* line 314, src/assets/scss/components/_form.scss */
.nominal-price {
  width: 100%;
}

/* line 317, src/assets/scss/components/_form.scss */
.form-login-small {
  margin: 50px auto 30px;
  max-width: 90%;
}

@media (max-width: 480px) {
  /* line 317, src/assets/scss/components/_form.scss */
  .form-login-small {
    max-width: 100%;
    margin: 25px auto 15px;
  }
}

/* line 325, src/assets/scss/components/_form.scss */
.button-auth-wrapper {
  max-width: 90%;
  margin: 0 auto;
}

@media (max-width: 480px) {
  /* line 325, src/assets/scss/components/_form.scss */
  .button-auth-wrapper {
    max-width: 100%;
  }
}

/* line 332, src/assets/scss/components/_form.scss */
.input-otp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 337, src/assets/scss/components/_form.scss */
.form-otp {
  height: 65px;
  width: 45px;
  padding: 2px 5px;
  font-size: 32px;
  text-align: center;
  font-weight: 700;
  margin: 0 8px;
}

@media (max-width: 480px) {
  /* line 337, src/assets/scss/components/_form.scss */
  .form-otp {
    width: 30px;
    height: 45px;
    font-size: 24px;
    font-weight: 600px;
    margin: 0 5px;
  }
}

/* line 353, src/assets/scss/components/_form.scss */
.other-nominal {
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  width: 100%;
  margin: 0 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 15px 20px;
}

/* line 364, src/assets/scss/components/_form.scss */
.other-nominal h5 {
  font-size: 16px;
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
}

/* line 372, src/assets/scss/components/_form.scss */
.other-nominal input {
  width: 100%;
}

/* line 375, src/assets/scss/components/_form.scss */
.other-nominal p {
  color: #828690;
  font-size: 12px;
}

/* line 380, src/assets/scss/components/_form.scss */
.image-preview {
  height: 150px;
  width: 150px;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}

/* line 389, src/assets/scss/components/_form.scss */
.image-preview img {
  max-width: 100%;
  height: auto;
}

/* line 393, src/assets/scss/components/_form.scss */
.image-preview input {
  display: none;
}

/* line 396, src/assets/scss/components/_form.scss */
.image-preview .text-upload {
  color: #29a399;
  font-size: 14px;
}

/* line 399, src/assets/scss/components/_form.scss */
.image-preview .text-upload i {
  font-size: 16px;
  margin-right: 5px;
}

/* line 406, src/assets/scss/components/_form.scss */
.input-number {
  width: 200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/* line 411, src/assets/scss/components/_form.scss */
.input-number input {
  text-align: center;
  background-color: #f7f7f7;
  height: 35px;
  width: 110px;
  padding: 5px 10px;
  border-radius: 6px;
  margin: 0 10px;
}

@media (max-width: 480px) {
  /* line 411, src/assets/scss/components/_form.scss */
  .input-number input {
    font-size: 12px;
  }
}

/* line 423, src/assets/scss/components/_form.scss */
.input-number .btn {
  color: #ffffff;
  background-color: #29a399;
  border-color: #29a399;
  min-height: 30px;
  min-width: 30px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 480px) {
  /* line 423, src/assets/scss/components/_form.scss */
  .input-number .btn {
    font-size: 12px;
  }
}

/* line 438, src/assets/scss/components/_form.scss */
.input-number > p {
  font-size: 16px;
  font-weight: 600;
  color: #be3b6a;
}

@media (max-width: 480px) {
  /* line 438, src/assets/scss/components/_form.scss */
  .input-number > p {
    font-size: 14px;
  }
}

/* line 448, src/assets/scss/components/_form.scss */
.account-login {
  margin-top: 30px;
}

/* line 450, src/assets/scss/components/_form.scss */
.account-login .name-account {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 600;
  margin-bottom: 5px;
}

/* line 456, src/assets/scss/components/_form.scss */
.account-login .desc-account {
  color: #828690;
  font-size: 14px;
}

/* line 460, src/assets/scss/components/_form.scss */
.account-login .form-check {
  width: 100%;
}

/* line 462, src/assets/scss/components/_form.scss */
.account-login .form-check.cyan {
  color: #4eb6ae;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 468, src/assets/scss/components/_form.scss */
.account-login .bg-cyan {
  padding: 5px 10px;
  width: 100%;
  background-color: rgba(41, 163, 153, 0.2);
  margin: 10px 0;
  border-radius: 6px;
}

/* line 476, src/assets/scss/components/_form.scss */
.search-invoice {
  position: relative;
  margin: 20px 0 10px;
}

/* line 479, src/assets/scss/components/_form.scss */
.search-invoice .search-rounded {
  height: 38px;
  border-radius: 20px;
  padding-right: 60px;
  padding-left: 20px;
  background-color: #ffffff;
  color: #4d4d4d;
  border: 2px solid #4eb6ae;
  font-size: 12px;
}

/* line 488, src/assets/scss/components/_form.scss */
.search-invoice .search-rounded::-webkit-input-placeholder {
  color: #828690;
}
.search-invoice .search-rounded::-moz-placeholder {
  color: #828690;
}
.search-invoice .search-rounded:-ms-input-placeholder {
  color: #828690;
}
.search-invoice .search-rounded::-ms-input-placeholder {
  color: #828690;
}
.search-invoice .search-rounded::placeholder {
  color: #828690;
}

/* line 491, src/assets/scss/components/_form.scss */
.search-invoice .search-rounded:focus, .search-invoice .search-rounded:visited {
  background-color: #ffffff;
  color: #4d4d4d;
  border-color: #29a399;
  box-shadow: unset;
  outline: none;
}

/* line 498, src/assets/scss/components/_form.scss */
.search-invoice .search-rounded:focus::-webkit-input-placeholder, .search-invoice .search-rounded:visited::-webkit-input-placeholder {
  color: #828690;
}
.search-invoice .search-rounded:focus::-moz-placeholder, .search-invoice .search-rounded:visited::-moz-placeholder {
  color: #828690;
}
.search-invoice .search-rounded:focus:-ms-input-placeholder, .search-invoice .search-rounded:visited:-ms-input-placeholder {
  color: #828690;
}
.search-invoice .search-rounded:focus::-ms-input-placeholder, .search-invoice .search-rounded:visited::-ms-input-placeholder {
  color: #828690;
}
.search-invoice .search-rounded:focus::placeholder, .search-invoice .search-rounded:visited::placeholder {
  color: #828690;
}

/* line 502, src/assets/scss/components/_form.scss */
.search-invoice .search-rounded:focus + .btn.button-search, .search-invoice .search-rounded:visited + .btn.button-search {
  color: #29a399;
}

/* line 509, src/assets/scss/components/_form.scss */
.search-invoice .btn.button-search {
  color: #4eb6ae;
}

/* line 516, src/assets/scss/components/_form.scss */
.form-control.rounded {
  height: 38px;
  border-radius: 20px !important;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #ffffff;
  color: #4d4d4d;
  border: 2px solid #4eb6ae;
  font-size: 12px;
}

/* line 525, src/assets/scss/components/_form.scss */
.form-control.rounded::-webkit-input-placeholder {
  color: #828690;
}
.form-control.rounded::-moz-placeholder {
  color: #828690;
}
.form-control.rounded:-ms-input-placeholder {
  color: #828690;
}
.form-control.rounded::-ms-input-placeholder {
  color: #828690;
}
.form-control.rounded::placeholder {
  color: #828690;
}

/* line 528, src/assets/scss/components/_form.scss */
.form-control.rounded:focus, .form-control.rounded:visited {
  background-color: #ffffff;
  color: #4d4d4d;
  border-color: #29a399;
  box-shadow: unset;
  outline: none;
}

/* line 535, src/assets/scss/components/_form.scss */
.form-control.rounded:focus::-webkit-input-placeholder, .form-control.rounded:visited::-webkit-input-placeholder {
  color: #828690;
}
.form-control.rounded:focus::-moz-placeholder, .form-control.rounded:visited::-moz-placeholder {
  color: #828690;
}
.form-control.rounded:focus:-ms-input-placeholder, .form-control.rounded:visited:-ms-input-placeholder {
  color: #828690;
}
.form-control.rounded:focus::-ms-input-placeholder, .form-control.rounded:visited::-ms-input-placeholder {
  color: #828690;
}
.form-control.rounded:focus::placeholder, .form-control.rounded:visited::placeholder {
  color: #828690;
}

/* line 543, src/assets/scss/components/_form.scss */
.form-group.profil-edit {
  margin-bottom: 10px;
}

/* line 545, src/assets/scss/components/_form.scss */
.form-group.profil-edit label {
  margin-bottom: 5px;
  color: #828690;
  font-size: 12px;
}

/* line 552, src/assets/scss/components/_form.scss */
.checkbox-whatsapp {
  margin-bottom: 15px;
  margin-top: -5px;
}

/* line 3, src/assets/scss/components/_text.scss */
.text-title {
  font-size: 18px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 8, src/assets/scss/components/_text.scss */
.text-sub {
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 600;
}

/* line 13, src/assets/scss/components/_text.scss */
.text-note {
  font-size: 12px;
  color: #828690;
}

/* line 17, src/assets/scss/components/_text.scss */
.text-24 {
  font-size: 24px !important;
  font-weight: 400 !important;
}

@media (max-width: 480px) {
  /* line 17, src/assets/scss/components/_text.scss */
  .text-24 {
    font-size: 20px !important;
  }
}

/* line 24, src/assets/scss/components/_text.scss */
.text-20 {
  font-size: 20px !important;
  font-weight: 400 !important;
}

@media (max-width: 480px) {
  /* line 24, src/assets/scss/components/_text.scss */
  .text-20 {
    font-size: 18px !important;
  }
}

/* line 31, src/assets/scss/components/_text.scss */
.text-18 {
  font-size: 18px !important;
  font-weight: 400 !important;
}

@media (max-width: 480px) {
  /* line 31, src/assets/scss/components/_text.scss */
  .text-18 {
    font-size: 16px !important;
  }
}

/* line 38, src/assets/scss/components/_text.scss */
.text-16 {
  font-size: 16px !important;
  font-weight: 400 !important;
}

@media (max-width: 480px) {
  /* line 38, src/assets/scss/components/_text.scss */
  .text-16 {
    font-size: 14px !important;
  }
}

/* line 45, src/assets/scss/components/_text.scss */
.text-14 {
  font-size: 14px !important;
  font-weight: 400 !important;
}

@media (max-width: 480px) {
  /* line 45, src/assets/scss/components/_text.scss */
  .text-14 {
    font-size: 12px !important;
  }
}

/* line 52, src/assets/scss/components/_text.scss */
.text-12 {
  font-size: 12px !important;
  font-weight: 400 !important;
}

@media (max-width: 480px) {
  /* line 52, src/assets/scss/components/_text.scss */
  .text-12 {
    font-size: 10px !important;
  }
}

/* line 59, src/assets/scss/components/_text.scss */
.text-strong {
  font-weight: 600 !important;
}

/* line 62, src/assets/scss/components/_text.scss */
.text-thin {
  font-weight: 300 !important;
}

/* line 65, src/assets/scss/components/_text.scss */
.text-italic {
  font-style: italic !important;
}

/* line 68, src/assets/scss/components/_text.scss */
.text-black {
  color: #4d4d4d !important;
}

/* line 71, src/assets/scss/components/_text.scss */
.text-white {
  color: #ffffff !important;
}

/* line 74, src/assets/scss/components/_text.scss */
.text-cyan {
  color: #29a399 !important;
}

/* line 77, src/assets/scss/components/_text.scss */
.text-grey {
  color: #828690 !important;
}

/* line 4, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_filter {
  margin-bottom: 10px;
}

/* line 6, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_filter input {
  width: 100%;
}

/* line 8, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_filter input:focus-visible {
  outline: 0px;
  border-color: #29a399;
}

/* line 15, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_wrapper .dataTables_filter {
  width: 100%;
}

/* line 17, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_wrapper .dataTables_filter label {
  width: 100%;
  display: block;
}

/* line 21, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_wrapper .dataTables_filter .input {
  height: 35px;
  width: 100% !important;
}

/* line 26, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_wrapper .dataTables_paginate {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

/* line 29, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button {
  height: 30px;
  width: 30px;
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #ffffff !important;
  background: #ffffff !important;
  color: #29a399 !important;
}

/* line 39, src/assets/scss/components/_table.scss */
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #29a399 !important;
  color: #ffffff !important;
  background: #29a399 !important;
}

/* line 51, src/assets/scss/components/_table.scss */
.dataTables_wrapper .dataTables_filter input:focus-visible {
  outline: 0px;
  border-color: #29a399;
}

/* line 57, src/assets/scss/components/_table.scss */
.dataTables_wrapper .dataTables_paginate {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -ms-flex-direction: row;
      flex-direction: row;
}

/* line 61, src/assets/scss/components/_table.scss */
.dataTables_wrapper .dataTables_paginate span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

/* line 65, src/assets/scss/components/_table.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  height: 30px;
  width: 30px;
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #29a399 !important;
}

/* line 75, src/assets/scss/components/_table.scss */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #29a399 !important;
  color: #ffffff !important;
  border-color: #29a399 !important;
}