@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;

0,400;0,500;0,600;1,300;1,400;1,500&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css);#survey p {
  font-size: 1rem;
}

p.small,
small {
  font-size: 80% !important;
  font-weight: 400;
}

#btn-disable-tools {
  position: fixed;
  bottom: 100px;
  left: 1px;
  z-index: 9;
  border: 0px;
  box-shadow: 4px 4px 48px -15px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 4px 4px 48px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 4px 4px 48px -15px rgba(0, 0, 0, 0.75);
}

.bs-canvas-overlay {
  opacity: 0;
  z-index: -1;
}

.bs-canvas-overlay.show {
  opacity: 0.85;
  z-index: 1100;
}

.bs-canvas {
  top: 0;
  width: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 8px -2px 20px 8px rgba(0, 0, 0, 0.51);
  -webkit-box-shadow: 8px -2px 20px 8px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 8px -2px 20px 8px rgba(0, 0, 0, 0.51);
}

.bs-canvas-left {
  left: 0;
}

.bs-canvas-right {
  right: 0;
}

.bs-canvas-anim {
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
}

body.all-grayscale {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

body.negatif-contrast {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  color: #fff;
}

body.negatif-contrast .about-content .about-section-title h4 {
  color: #fff;
}

body.negatif-contrast p {
  color: #fff;
}

body.negatif-contrast .contact-form-area {
  background: #000;
}

body.negatif-contrast .alert-primary,
body.negatif-contrast .alert-info {
  color: #000;
}

body.negatif-contrast .alert-primary p,
body.negatif-contrast .alert-info p {
  color: #000;
}

body.negatif-contrast .alert-primary .small,
body.negatif-contrast .alert-info .small {
  color: #000;
}

body.high-contrast .main-navigation.sticky,
body.high-contrast .header-content-area,
body.high-contrast .single-count-area,
body.high-contrast .services-area,
body.high-contrast .home-blog-area,
body.high-contrast .client-area,
body.high-contrast .home-about-area,
body.high-contrast section#about {
  background-color: #000;
  background-image: none;
  color: #fff;
}

body.high-contrast p {
  color: #fff;
}

body.high-contrast .services-area #curve {
  opacity: 0;
}

body.high-contrast .services-area .section-heading-2 p {
  color: #fff;
}

body.high-contrast .services-area .single-service {
  background-color: #000;
  background-image: none;
  color: #fff;
  border-color: yellow;
  border-style: solid;
}

body.high-contrast .services-area .single-service .service-text a {
  background: #000;
  -webkit-text-fill-color: aqua;
}

body.high-contrast .single-count-area {
  border-color: yellow;
  border-style: solid;
}

body.high-contrast .single-count-area span.counter,
body.high-contrast .single-count-area p {
  color: #fff !important;
}

body.high-contrast img {
  -webkit-filter: contrast(100);
          filter: contrast(100);
}

body.high-contrast .learnmore .skill-btn {
  background: red;
}

body.high-contrast .section-button a {
  background: red;
}

body.high-contrast .main-navigation-1 {
  background: #000;
}

body.high-contrast .about-hero-banner {
  background: #000;
}

body.light-background .main-navigation.sticky,
body.light-background .header-content-area,
body.light-background .single-count-area,
body.light-background .services-area,
body.light-background .home-blog-area,
body.light-background .client-area,
body.light-background .home-about-area,
body.light-background .callto-action,
body.light-background footer {
  background-color: #fff;
  background-image: none;
  color: #000;
}

body.light-background p {
  color: #000;
}

body.light-background .main-menu ul li a {
  color: #000;
}

body.light-background section a {
  background: #fff !important;
  color: #000 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: thin solid;
}

body.light-background section .service-text a {
  -webkit-text-fill-color: #000;
  border: #fff;
}

body.light-background section .big-footer {
  background: #fff !important;
}

body.light-background section .big-footer .footer-heading h3 {
  color: #000;
}

body.light-background section .big-footer .footer-content {
  color: #000;
}

body.light-background section .big-footer a {
  border: #fff;
}

body.light-background h1 {
  color: #000;
  text-shadow: none;
}

body.light-background .callto-action {
  border-top: #000 solid thin;
  border-bottom: #000 solid thin;
}

body.light-background .main-navigation-1 {
  background: #fff;
}

body.light-background .about-hero-banner {
  background: #fff;
}

body.link-underline a {
  text-decoration: underline !important;
}

body.readable-font {
  letter-spacing: 1px;
  font-family: 'Open Sans', Verdana, Arial, sans-serif;
}

body.font-increase-1 .main-menu ul li a {
  font-size: 19.5px;
}

body.font-increase-1 .intro-text h1 {
  font-size: 52px;
}

body.font-increase-1 p {
  font-size: 20px;
}

body.font-increase-1 .learnmore .skill-btn {
  font-size: 18px;
}

body.font-increase-1 .single-count-area span {
  font-size: 31px;
}

body.font-increase-1 .section-heading-1 h3 {
  font-size: 37px;
}

body.font-increase-1 .section-button a {
  font-size: 20px;
}

body.font-increase-1 .section-heading-2 h4 {
  font-size: 25px;
}

body.font-increase-1 .section-heading-2 h3 {
  font-size: 37px;
}

body.font-increase-1 .service-text a {
  font-size: 24px;
}

body.font-increase-1 .callto-action-text h5 {
  font-size: 32px;
}

body.font-increase-1 .footer-heading h3 {
  font-size: 22px;
}

body.font-increase-1 .footer-content {
  font-size: 18px;
}

body.font-increase-1 .footer-content a {
  font-size: 18px;
}

body.font-increase-2 .main-menu ul li a {
  font-size: 21px;
}

body.font-increase-2 .intro-text h1 {
  font-size: 54px;
}

body.font-increase-2 p {
  font-size: 22px;
}

body.font-increase-2 .learnmore .skill-btn {
  font-size: 20px;
}

body.font-increase-2 .single-count-area span {
  font-size: 33px;
}

body.font-increase-2 .section-heading-1 h3 {
  font-size: 39px;
}

body.font-increase-2 .section-button a {
  font-size: 22px;
}

body.font-increase-2 .section-heading-2 h4 {
  font-size: 27px;
}

body.font-increase-2 .section-heading-2 h3 {
  font-size: 39px;
}

body.font-increase-2 .service-text a {
  font-size: 26px;
}

body.font-increase-2 .callto-action-text h5 {
  font-size: 34px;
}

body.font-increase-2 .footer-heading h3 {
  font-size: 24px;
}

body.font-increase-2 .footer-content {
  font-size: 20px;
}

body.font-increase-2 .footer-content a {
  font-size: 20px;
}

body.font-increase-3 .main-menu ul li a {
  font-size: 22.5px;
}

body.font-increase-3 .intro-text h1 {
  font-size: 56px;
}

body.font-increase-3 p {
  font-size: 24px;
}

body.font-increase-3 .learnmore .skill-btn {
  font-size: 22px;
}

body.font-increase-3 .single-count-area span {
  font-size: 35px;
}

body.font-increase-3 .section-heading-1 h3 {
  font-size: 41px;
}

body.font-increase-3 .section-button a {
  font-size: 24px;
}

body.font-increase-3 .section-heading-2 h4 {
  font-size: 29px;
}

body.font-increase-3 .section-heading-2 h3 {
  font-size: 41px;
}

body.font-increase-3 .service-text a {
  font-size: 28px;
}

body.font-increase-3 .callto-action-text h5 {
  font-size: 36px;
}

body.font-increase-3 .footer-heading h3 {
  font-size: 26px;
}

body.font-increase-3 .footer-content {
  font-size: 22px;
}

body.font-increase-3 .footer-content a {
  font-size: 22px;
}

body.font-increase-4 .main-menu ul li a {
  font-size: 24px;
}

body.font-increase-4 .intro-text h1 {
  font-size: 58px;
}

body.font-increase-4 p {
  font-size: 26px;
}

body.font-increase-4 .learnmore .skill-btn {
  font-size: 24px;
}

body.font-increase-4 .single-count-area span {
  font-size: 37px;
}

body.font-increase-4 .section-heading-1 h3 {
  font-size: 43px;
}

body.font-increase-4 .section-button a {
  font-size: 26px;
}

body.font-increase-4 .section-heading-2 h4 {
  font-size: 31px;
}

body.font-increase-4 .section-heading-2 h3 {
  font-size: 43px;
}

body.font-increase-4 .service-text a {
  font-size: 30px;
}

body.font-increase-4 .callto-action-text h5 {
  font-size: 38px;
}

body.font-increase-4 .footer-heading h3 {
  font-size: 28px;
}

body.font-increase-4 .footer-content {
  font-size: 24px;
}

body.font-increase-4 .footer-content a {
  font-size: 24px;
}

body.font-increase-5 .main-menu ul li a {
  font-size: 25.5px;
}

body.font-increase-5 .intro-text h1 {
  font-size: 60px;
}

body.font-increase-5 p {
  font-size: 28px;
}

body.font-increase-5 .learnmore .skill-btn {
  font-size: 26px;
}

body.font-increase-5 .single-count-area span {
  font-size: 39px;
}

body.font-increase-5 .section-heading-1 h3 {
  font-size: 45px;
}

body.font-increase-5 .section-button a {
  font-size: 28px;
}

body.font-increase-5 .section-heading-2 h4 {
  font-size: 33px;
}

body.font-increase-5 .section-heading-2 h3 {
  font-size: 45px;
}

body.font-increase-5 .service-text a {
  font-size: 32px;
}

body.font-increase-5 .callto-action-text h5 {
  font-size: 40px;
}

body.font-increase-5 .footer-heading h3 {
  font-size: 30px;
}

body.font-increase-5 .footer-content {
  font-size: 26px;
}

body.font-increase-5 .footer-content a {
  font-size: 26px;
}

body.font-increase-6 .main-menu ul li a {
  font-size: 27px;
}

body.font-increase-6 .intro-text h1 {
  font-size: 62px;
}

body.font-increase-6 p {
  font-size: 30px;
}

body.font-increase-6 .learnmore .skill-btn {
  font-size: 28px;
}

body.font-increase-6 .single-count-area span {
  font-size: 41px;
}

body.font-increase-6 .section-heading-1 h3 {
  font-size: 47px;
}

body.font-increase-6 .section-button a {
  font-size: 30px;
}

body.font-increase-6 .section-heading-2 h4 {
  font-size: 35px;
}

body.font-increase-6 .section-heading-2 h3 {
  font-size: 47px;
}

body.font-increase-6 .service-text a {
  font-size: 34px;
}

body.font-increase-6 .callto-action-text h5 {
  font-size: 42px;
}

body.font-increase-6 .footer-heading h3 {
  font-size: 32px;
}

body.font-increase-6 .footer-content {
  font-size: 28px;
}

body.font-increase-6 .footer-content a {
  font-size: 28px;
}

body.font-increase-7 .main-menu ul li a {
  font-size: 28.5px;
}

body.font-increase-7 .intro-text h1 {
  font-size: 64px;
}

body.font-increase-7 p {
  font-size: 32px;
}

body.font-increase-7 .learnmore .skill-btn {
  font-size: 30px;
}

body.font-increase-7 .single-count-area span {
  font-size: 43px;
}

body.font-increase-7 .section-heading-1 h3 {
  font-size: 49px;
}

body.font-increase-7 .section-button a {
  font-size: 32px;
}

body.font-increase-7 .section-heading-2 h4 {
  font-size: 37px;
}

body.font-increase-7 .section-heading-2 h3 {
  font-size: 49px;
}

body.font-increase-7 .service-text a {
  font-size: 36px;
}

body.font-increase-7 .callto-action-text h5 {
  font-size: 44px;
}

body.font-increase-7 .footer-heading h3 {
  font-size: 34px;
}

body.font-increase-7 .footer-content {
  font-size: 30px;
}

body.font-increase-7 .footer-content a {
  font-size: 30px;
}

body.font-increase-8 .main-menu ul li a {
  font-size: 30px;
}

body.font-increase-8 .intro-text h1 {
  font-size: 66px;
}

body.font-increase-8 p {
  font-size: 34px;
}

body.font-increase-8 .learnmore .skill-btn {
  font-size: 32px;
}

body.font-increase-8 .single-count-area span {
  font-size: 45px;
}

body.font-increase-8 .section-heading-1 h3 {
  font-size: 51px;
}

body.font-increase-8 .section-button a {
  font-size: 34px;
}

body.font-increase-8 .section-heading-2 h4 {
  font-size: 39px;
}

body.font-increase-8 .section-heading-2 h3 {
  font-size: 51px;
}

body.font-increase-8 .service-text a {
  font-size: 38px;
}

body.font-increase-8 .callto-action-text h5 {
  font-size: 46px;
}

body.font-increase-8 .footer-heading h3 {
  font-size: 36px;
}

body.font-increase-8 .footer-content {
  font-size: 32px;
}

body.font-increase-8 .footer-content a {
  font-size: 32px;
}

body.font-increase-9 .main-menu ul li a {
  font-size: 31.5px;
}

body.font-increase-9 .intro-text h1 {
  font-size: 68px;
}

body.font-increase-9 p {
  font-size: 36px;
}

body.font-increase-9 .learnmore .skill-btn {
  font-size: 34px;
}

body.font-increase-9 .single-count-area span {
  font-size: 47px;
}

body.font-increase-9 .section-heading-1 h3 {
  font-size: 53px;
}

body.font-increase-9 .section-button a {
  font-size: 36px;
}

body.font-increase-9 .section-heading-2 h4 {
  font-size: 41px;
}

body.font-increase-9 .section-heading-2 h3 {
  font-size: 53px;
}

body.font-increase-9 .service-text a {
  font-size: 40px;
}

body.font-increase-9 .callto-action-text h5 {
  font-size: 48px;
}

body.font-increase-9 .footer-heading h3 {
  font-size: 38px;
}

body.font-increase-9 .footer-content {
  font-size: 34px;
}

body.font-increase-9 .footer-content a {
  font-size: 34px;
}

body.font-increase-10 .main-menu ul li a {
  font-size: 33px;
}

body.font-increase-10 .intro-text h1 {
  font-size: 70px;
}

body.font-increase-10 p {
  font-size: 38px;
}

body.font-increase-10 .learnmore .skill-btn {
  font-size: 36px;
}

body.font-increase-10 .single-count-area span {
  font-size: 49px;
}

body.font-increase-10 .section-heading-1 h3 {
  font-size: 55px;
}

body.font-increase-10 .section-button a {
  font-size: 38px;
}

body.font-increase-10 .section-heading-2 h4 {
  font-size: 43px;
}

body.font-increase-10 .section-heading-2 h3 {
  font-size: 55px;
}

body.font-increase-10 .service-text a {
  font-size: 42px;
}

body.font-increase-10 .callto-action-text h5 {
  font-size: 50px;
}

body.font-increase-10 .footer-heading h3 {
  font-size: 40px;
}

body.font-increase-10 .footer-content {
  font-size: 36px;
}

body.font-increase-10 .footer-content a {
  font-size: 36px;
}

.disable-popup-menu {
  width: 18rem;
  position: fixed;
  bottom: 20px;
  right: 62px;
}

.bg-primary-gradient {
  background: linear-gradient(253.52deg, #E62129 8.92%, #2d52ab 96.59%);
}

.btn-primary-gradient {
  background: linear-gradient(253.52deg, #E62129 8.92%, #2d52ab 96.59%);
  color: #fff;
}

.card-panduan-notif {
  z-index: 1;
  width: 30vw;
  position: fixed;
  bottom: 10px;
  left: 35vw;
}

.card-panduan-notif p {
  font-size: 16px;
}

#select-pengajuan-page .select-icon {
  font-size: 3.5rem;
}