/*
Theme Name:     DISKP SUMUT
Description:    
Author:         Alvantesha Priliandi
Email Author:   palvantesha@gmail.com
Template:       Divi
Version:        0.0.129
*/
.logo-brand > img {
    width: 512px !important;
}

.single-post .entry-title {
    line-height: 50px !important;
}
#hero-banner .et_pb_row_0 .et_pb_column_0 .et_pb_image_0 {
    width: 60% !important;
}

#dokumentasi-kegiatan {
    display: none !important;
}

#content-side p {
  color: #666 !important;
}

#et-main-area {
  padding-top: 7rem !important;
}

.show-on-mobile,
.show-on-tablet {
  display: none !important;
}

.scroll-btn {
  display: none;
  color: #001547;
  font-weight: 700;
  font-size: 16px;
  /* 	padding: 5px 9px; */
  background-color: #fff;
  border-radius: 11px;
}
.mobile_nav {
  position: relative !important;
}

/* Mobile (≤ 576px) */
@media (max-width: 576px) {
  .show-on-mobile,
  .show-on-tablet {
    display: block !important;
  }
  .asside-menu {
    padding: 0 15px;
    background: #e9edf8 !important;
    border-radius: 7px;
    top: 126px !important;
  }
  .sosmed-header-section .d-flex {
    justify-content: center !important;
  }

  .sosmed-header-section .d-flex {
    gap: 12px;
  }
  .et_pb_menu .et_mobile_nav_menu {
    margin: 0 !important;
  }
  .show-on-mobile {
    display: block;
  }
  .sosmed-header-section
    .header-menus
    .et_pb_menu_inner_container
    .et_pb_menu__wrap {
    justify-content: end !important;
  }
  .header-menus .et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: end !important;
  }
  #mobile_menu1 {
    max-height: 580px;
    overflow-y: scroll;
    width: 250px !important;
    left: -222px !important;
  }
  .owl-theme .owl-nav {
    top: 140px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  #footer-menu .d-flex {
    display: flex;
    justify-content: center !important;
    gap: 24px;
    flex-wrap: wrap !important;
  }
  .sidemenu {
    margin: 0 10px;
    display: flex;
  }
  .sidemenu a {
    font-size: 14px !important;
    padding: 0 !important;
    line-height: 2rem !important;
  }

  /*Start Styling SideMenu Page Pelayanan */
  .sidemenu-pelayanan {
  }

  .sidemenu-pelayanan ul {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    list-style-type: none;
    gap: 20px;
    margin: 0;
    padding: 0;
  }

  /* End Styling SideMenu Page Pelayanan */

  /* Page UPT Styling */
  #upt-section-one {
    background-image: none !important;
  }

  .upt-section {
  }

  .upt-section .detail-content {
    width: 100% !important;
  }

  /* End Page UPT Styling */

  /* Styling container */
  .scroll-btn {
    display: block !important;
    position: absolute;
    top: 10px;
    width: 23px;
    height: 23px;
    font-size: 13px !important;
    padding: 0 !important;
  }
  .sidemenu .left {
    left: -15px;
  }

  .sidemenu .right {
    right: -15px;
  }
  .asside-menu .aside-menu {
    border-radius: 7px;
  }
  .scroll-menu {
    margin: 0 10px !important;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; /* Memungkinkan scroll horizontal */
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling untuk iOS */
    scrollbar-width: none; /* Sembunyikan scrollbar di Firefox */
    /* 	  justify-content: center; */
  }

  .asside-menu {
    z-index: 999999;
  }

  /* Sembunyikan scrollbar di Webkit (Chrome, Safari) */
  .scroll-menu::-webkit-scrollbar {
    display: none;
  }

  /* Styling list */
  .scroll-menu li {
    list-style: none;
    margin: 0 10px;
  }

  /* Styling link */
  .scroll-menu a {
    text-decoration: none;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding: 10px 15px;
    display: inline-block;
  }

  /* Styling untuk item aktif */
  .scroll-menu a.active {
    color: navy;
    position: relative;
  }

  /* Garis bawah untuk item aktif */
  .scroll-menu a.active::after {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background-color: #d4af37;
    margin: auto;
    margin-top: 5px;
  }
}

/* Tablet Portrait (577px - 768px) */
@media (min-width: 577px) and (max-width: 768px) {
  .asside-menu {
    background: #e9edf8 !important;
    border-radius: 7px;
  }
  .asside-menu {
    top: 16% !important;
  }
  #mobile_menu1 {
    max-height: 580px;
    overflow-y: scroll;
    width: 250px !important;
    left: -222px !important;
  }
  .et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: flex-end !important;
  }
  .show-on-tablet {
    display: block;
  }

  #ppid .scroll-btn {
    display: block !important;
  }
  .scroll-btn {
    display: none !important;
  }
  .sidemenu {
    justify-content: center;
  }

  .asside-menu {
    z-index: 999999;
  }

  /* Styling container */
  .scroll-btn {
    position: absolute;
    top: 8px;
    width: 34px;
    height: 34px;
    border-radius: 26px !important;
  }
  .sidemenu .left {
    left: -35px;
  }

  .sidemenu .right {
    right: -35px;
  }

  .asside-menu .aside-menu {
    border-radius: 7px;
  }
  .scroll-menu {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; /* Memungkinkan scroll horizontal */
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling untuk iOS */
    scrollbar-width: none; /* Sembunyikan scrollbar di Firefox */
    /* 	  justify-content: center; */
  }
  .sidemenu {
    display: flex;
  }
  .sidemenu a {
    font-size: 16px !important;
  }

  .asside-menu {
    z-index: 999999;
  }

  /* Sembunyikan scrollbar di Webkit (Chrome, Safari) */
  .scroll-menu::-webkit-scrollbar {
    display: none;
  }

  /* Styling list */
  .scroll-menu li {
    list-style: none;
    margin: 0 10px;
  }
  .sidemenu a {
    line-height: 2rem !important;
  }

  /* Styling link */
  .scroll-menu a {
    text-decoration: none;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding: 10px 15px;
    display: inline-block;
  }

  /* Styling untuk item aktif */
  .scroll-menu a.active {
    color: navy;
    position: relative;
  }

  /* Garis bawah untuk item aktif */
  .scroll-menu a.active::after {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background-color: #d4af37;
    margin: auto;
    margin-top: 5px;
  }
}

@media (min-width: 1024px) and (max-width: 1365px) {
  #main-content .container {
    width: 100% !important;
  }
  .navbar-custom .logo-column {
    margin-right: 0 !important;
  }
  .navbar-custom .et_pb_row_1_tb_header {
    justify-content: inherit !important;
  }
}

/* Tablet Landscape (769px - 1023px) */
@media (min-width: 769px) and (max-width: 1023px) {
  #main-content .container {
    width: 100% !important;
  }
  .asside-menu {
    background: #e9edf8 !important;
    border-radius: 7px;
  }
  .asside-menu {
    top: 13% !important;
  }
  .sidemenu {
    justify-content: center !important;
  }
  #mobile_menu1 {
    max-height: 580px;
    overflow-y: scroll;
    width: 250px !important;
    left: -222px !important;
  }
  .et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: flex-end !important;
  }
  .sosmed-header-section {
    padding: 0 2% !important;
  }
  .show-on-tablet {
    display: block;
  }
  .scroll-btn {
    display: none !important;
  }
  .sidemenu a {
    font-size: 16px;
  }
  /* Styling container */
  .scroll-btn {
    position: absolute;
    top: 6px;
    width: 34px;
    height: 34px;
    border-radius: 26px !important;
  }
  .sidemenu .left {
    left: -35px;
  }

  .sidemenu .right {
    right: -35px;
  }
  .scroll-menu li {
    list-style: none;
    margin: 0 10px;
  }
  .sidemenu a {
    line-height: 2rem !important;
  }

  .asside-menu .aside-menu {
    border-radius: 7px;
  }
  .scroll-menu {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; /* Memungkinkan scroll horizontal */
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling untuk iOS */
    scrollbar-width: none; /* Sembunyikan scrollbar di Firefox */
    /* 	  justify-content: center; */
  }
  .sidemenu {
    display: flex;
  }
  .sidemenu a {
    font-size: 16px !important;
  }

  .asside-menu {
    z-index: 999999;
  }

  /*Start Styling SideMenu Page Pelayanan */
  .sidemenu-pelayanan {
    margin: 0 10px;
  }

  .sidemenu-pelayanan ul {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    list-style-type: none;
    gap: 20px;
    margin: 0;
    padding: 0;
  }

  /* End Styling SideMenu Page Pelayanan */

  /* Sembunyikan scrollbar di Webkit (Chrome, Safari) */
  .scroll-menu::-webkit-scrollbar {
    display: none;
  }

  /* Styling list */
  .scroll-menu li {
    list-style: none;
    margin: 10px;
  }

  /* Styling link */
  .scroll-menu a {
    text-decoration: none;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding: 0px 15px;
    display: inline-block;
  }

  /* Styling untuk item aktif */
  .scroll-menu a.active {
    color: navy;
    position: relative;
  }

  /* Garis bawah untuk item aktif */
  .scroll-menu a.active::after {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background-color: #d4af37;
    margin: auto;
    margin-top: 5px;
  }
}

.row {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.row .cols {
  width: 23%;
  margin-bottom: 25px;
  margin-left: 2%;
}
.row .col-6 {
  width: 50%;
  margin-bottom: 25px;
  margin-left: 2%;
}
.card {
  border: 1px solid #666;
  border-radius: 12px;
  box-shadow: 0 2.5px 4px 0 rgb(66 139 254 / 16%);
}
.card:hover {
  -webkit-transition: 0.7s;
  transition: 0.7s;
  cursor: pointer;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 0 9px 10px 0 rgba(243, 174, 26, 0.1) !important;
}
.img-product {
  max-width: 300px;
}
.img-product img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.content {
  padding: 10px;
}
.content .title {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 700;
}

#main-header .container {
  max-width: 1200px !important;
}
.feature-kebab .et_pb_row {
  margin-bottom: 100px !important;
}

.mobile_menu_bar:before,
.mobile_menu_bar:after,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
  color: #fff;
}
.et_mobile_menu {
  border-top: 3px solid #fff;
}

.feature-kebab .et_pb_column.et_pb_column_1_4,
.feature-kebab .et_pb_column.et_pb_column_1_5,
.feature-kebab .et_pb_column.et_pb_column_1_6 {
  margin: 0 0 100px !important;
}

.device-phone:before {
  content: "";
  background-image: url(https://kebabbangki.jdmstore.id/wp-content/uploads/2024/06/Samsung-Galaxy-S22-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: -4px;
  left: -4px;
}

@media only screen and (max-width: 980px) {
  .show-on-mobile,
  .show-on-tablet {
    display: block !important;
  }
  .all-produk .tab-md-chicken {
    margin-bottom: 110px !important;
  }
  .feature-kebab .et_pb_main_blurb_image {
    left: 25% !important;
  }
  .img-phone img {
    width: 289px !important;
    height: 595px !important;
    left: -7px !important;
  }
  .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    margin-top: -47% !important;
  }
}

@media screen and (max-width: 767px) {
  .show-on-mobile,
  .show-on-tablet {
    display: block !important;
  }
  .device-phone:before {
    /* 		    top: -1px;
    		left: 17px; */
  }
  .list-wrp.fluid > *:not(._arrow),
  .list-wrp.fluid .bttn-tab:not(._arrow),
  .list-wrp.fluid .bttn-lg:not(._arrow),
  .list-wrp.fluid .bttn-sm:not(._arrow),
  .star-rate {
    justify-content: center;
    text-align: center;
    width: 100%;
  }
  .owl-carousel .item img {
    width: 242px !important;
  }
  .feature-kebab .et_pb_column {
    width: 244px !important;
  }
  .feature-kebab {
    justify-content: center !important;
  }
  .all-produk .et_pb_column {
    margin-bottom: 110px !important;
  }
  .all-produk .et_pb_column:last-child {
    margin-bottom: 0px !important;
  }
  .video-carousel .owl-nav button.owl-next,
  .video-carousel .owl-nav button.owl-prev {
    margin-top: -120% !important;
  }
  .social-aprove-carousel .owl-nav button.owl-next {
    right: -14px !important;
  }
  .social-aprove-carousel .owl-nav button.owl-prev {
    left: -21px !important;
  }

  .video-carousel .owl-nav button.owl-next {
    right: -14px !important;
  }
  .video-carousel .owl-nav button.owl-prev {
    left: -14px !important;
  }
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    width: 33px;
    height: 33px;
  }
  .owl-carousel .owl-nav button span {
    font-weight: 300 !important;
    font-size: 42px !important;
    top: 2px !important;
    left: 10px !important;
  }
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    width: 33px !important;
    height: 33px !important;
  }
  .img-phone img {
    position: absolute;
    height: 615px !important;
    z-index: 9;
    left: -8px !important;
    top: -11px !important;
    width: 300px !important;
    max-width: 80vw !important;
  }
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    margin-top: -120% !important;
  }
  .content-custom {
    justify-content: center !important;
  }
}

/* start owl carousel testimonial */
.img-phone img {
  position: absolute;
  width: 302px;
  height: 618px;
  z-index: 9;
  left: -7px;
  top: -10px;
}
.social-aprove-carousel {
  z-index: 999 !important;
}
.social-aprove-carousel .item {
  position: relative;
  padding: 15px;
  box-sizing: border-box;
}
.owl-carousel .item img {
  display: block;
  width: fit-content;
  border-radius: 21px;
}
.owl-theme .owl-nav {
  position: relative !important;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  position: absolute;
  margin-top: -28%;
  width: 48px;
  height: 48px;
  background: #c40002;
  border-radius: 40px;
}
.owl-carousel .owl-nav .disabled {
  background: rgba(255, 255, 255, 0.6) !important;
}
.owl-carousel .owl-nav button span {
  color: #fff;
  font-weight: 400;
  font-size: 50px;
  position: absolute;
  top: 8px;
  left: 18px;
}
.owl-carousel .owl-nav .disabled span {
  color: #9498ad;
  font-weight: 400;
  font-size: 50px;
  position: absolute;
  top: 8px;
  left: 18px;
}

.social-aprove-carousel .owl-nav button.owl-next {
  right: -42px;
}
.social-aprove-carousel .owl-nav button.owl-prev {
  left: -42px;
}

.video-carousel .owl-nav button.owl-next {
  right: -42px;
}
.video-carousel .owl-nav button.owl-prev {
  left: -42px;
}

.owl-theme .owl-nav {
  position: absolute;
}
/* end owl carousel testimonial */

/* start owl carousel video */
.video-carousel iframe {
  border-radius: 24px;
}
.video-carousel .owl-nav button.owl-next,
.video-carousel .owl-nav button.owl-prev {
  margin-top: -22%;
}
/* end owl carousel video */

.title-card {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #010101;
  padding: 0;
}
.price-card .text-red {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #c40002;
}
.price-card .teext-gray {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #7e7c7c;
}
.faq h5:after {
  content: "";
  background: url(https://kebabbangki.jdmstore.id/wp-content/uploads/2024/06/Vector-4.png);
  position: absolute;
  left: -32px !important;
  top: 3px;
  width: 20px; /* Tambahkan ini */
  height: 20px; /* Tambahkan ini */
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.text-dark-1 {
  color: #010101 !important;
}
.text-dark-2 {
  color: #504d4d !important;
}
.text-info {
  font-size: 16px;
}
.text-highlight {
  color: #c40002;
  font-weight: 600;
}
.btn-sm {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
.btn-xs {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
.btn-red {
  background: #c40002;
  color: #fff;
}
.justify-content-between {
  justify-content: space-between !important;
}
.align-items-center {
  align-items: center;
}
.feature-kebab .et_pb_column,
.feature-kebab .et_pb_module,
.testimonial .et_pb_module {
  overflow: visible !important;
}
.testimonial-info {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #010101;
}
.testimonial-author-name {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #010101;
}
.testimonial-author-position {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #504d4d;
}
body {
  font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif !important;
  background-color: #fff !important;
}
.list-wrp {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
p:not(.has-background):last-of-type {
  padding-bottom: 0;
}

.bttn-lg:not(.bttn-textlink)._inv {
  color: #fff;
  background: #c40002;
}

.bttn-lg:not(.bttn-textlink) {
  cursor: pointer;
  color: white;
  border: unset;
  background: #478cfe;
  font-weight: 600;
  line-height: 1.5em;
  display: inline-flex;
  align-items: center;
  text-align: left;
  transition: margin 0.3s, transform 0.3s, box-shadow 0.3s, color 0.3s,
    background 0.3s;
  transition-timing-function: ease-in;
}
.bttn-lg:not(.bttn-textlink) {
  font-size: 18px;
  padding-top: 16px !important;
  padding-right: 32px !important;
  padding-bottom: 16px !important;
  padding-left: 32px !important;
  border-radius: 6px;
}

.bttn-sm,
.bttn-lg,
.bttn-textlink {
  width: fit-content;
  text-decoration: none;
}

.bttn-sm:not(.bttn-textlink)._border._inv,
.bttn-lg:not(.bttn-textlink)._border._inv {
  color: white;
  border-color: white;
  background: transparent;
  transition: color 0.3s, backgorund 0.3s, margin 0.3s, transform 0.3s,
    box-shadow 0.3s;
}
.btn-play {
  margin-right: 0;
  display: flex;
  justify-content: start;
  gap: 8px;
}
.p-0 {
  padding: 0;
}
.kb-txt-rate {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 5px;
}
.kb-txt-info {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
}
/* custom blog start */
.flex-blog {
  display: flex;
  flex-wrap: wrap;
}
.list-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.list-info .row {
  background-color: #ffffff;
  border-radius: 12px;
  /* box-shadow: 0 5px 8px 0 rgba(51, 109, 205, 0.1), 0 0 1px 0 rgba(66, 139, 254, 0.1); */
  box-shadow: 0 0 1px rgb(51 109 205 / 30%),
    0 5px 8px -2px rgb(51 109 205 / 10%);
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  width: 491px;
}
.list-info .row .img {
  max-width: 15%;
  margin: 10px;
}
.list-info .row .img img {
  padding: 17px 0;
}
.list-info .row .content {
  max-width: 80%;
  padding: 10px 2px 16px 27px;
}
.flex-blog .big-img {
  max-width: 55%;
}
.flex-blog .content-blog {
  max-width: 45%;
  padding: 45px;
}
.frontpage-info {
  background-color: #ebf5fe;
  padding: 35px;
  justify-content: space-evenly;
}
.content-one-blog {
  max-width: 45%;
  padding: 0 45px;
}
.content-one-blog .excerpt p {
  color: #333333 !important;
}
.content-one-blog h2 {
  color: #333333 !important;
  font-size: 28px !important;
  letter-spacing: -1px;
  line-height: 38px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
}
.content-one-blog #read-detail {
  color: #478cfe;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 30px;
  display: block;
}
.content-one-blog #read-detail:after {
  font-family: "ETmodules";
  content: "\24";
  color: #478cfe;
  font-size: 28px;
  vertical-align: middle;
  margin-left: 10px;
  font-weight: normal;
}
.content-one-blog #read-detail:hover {
  color: #336dcd;
}
.list-info .product-roadmap,
.list-info .subscribe {
  padding: 20px;
  max-width: 50%;
}
.product-roadmap .content .title,
#mc_embed_signup .hbspt-form .hs-richtext p strong {
  color: #336dcd;
  font-size: 18px;
  letter-spacing: -0.08px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}
.product-roadmap .content p {
  color: #5a6c87;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.main-search,
.main-search.active {
  z-index: 15;
}
#mc_embed_signup {
  background: #fff !important;
}
#mc_embed_signup .hbspt-form .hs-richtext {
  text-align: left;
  padding-bottom: 13px;
}
#mc_embed_signup .hbspt-form {
  padding: 0 !important;
}
#mc_embed_signup form {
  padding: 0px 0 20px 0 !important;
}

@media only screen and (max-width: 767px) {
  .flex-blog .big-img {
    max-width: 100%;
  }
  .content-one-blog {
    max-width: 100%;
    padding: 0px;
  }
  .list-info .row {
    width: 100%;
  }
  .list-info .row .img {
    max-width: 100%;
  }
  .list-info .row .content {
    max-width: 100%;
    padding: 10px;
  }
  .list-info .product-roadmap,
  .list-info .subscribe {
    max-width: 100%;
  }
  .info-product {
    margin: 10% 0;
  }
  .content-one-blog h2 {
    margin-top: 15px !important;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1060px) {
  .list-info .row {
    width: 100%;
  }
}

@media only screen and (max-width: 980px) {
  .flex-blog .big-img {
    max-width: 100%;
  }
  .content-one-blog {
    max-width: 100%;
    padding: 0px;
  }
  .list-info .row {
    /* 		width: 100%; */
  }
  .list-info .row .img {
    max-width: 100%;
  }
  .list-info .row .content {
    max-width: 100%;
    padding: 10px;
  }
  .list-info .product-roadmap,
  .list-info .subscribe {
    max-width: 100%;
    padding: 0 0 20px;
    margin-bottom: 0;
  }
  .info-product {
    margin: 10% 0;
  }

  .asidemenu {
    margin: 0 10px;
    background-color: transparent !important;
  }

  /* Page UPT Styling */
  #upt-section-one {
    background-image: none !important;
  }

  .upt-section {
  }

  .upt-section .detail-content {
    width: 100% !important;
  }

  /* End Page UPT Styling */
}

.submitted-message p {
  color: #5a6c87;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.container.bloglist {
  z-index: 20 !important;
}

.category-list {
  z-index: 100;
  background: #fff;
  position: relative;
}
.content-one-blog h2 a:hover {
  color: #478cfe;
}
h2.title_feature {
  color: #333;
  width: 95%;
  margin: 40px auto 0;
  font-weight: 700;
  line-height: 1.4em;
  border-bottom: 3px solid #f2f3f3;
  padding-bottom: 5px;
}
#thanks .et_pb_row {
  width: 90%;
}
#thanks .service-commitment {
  width: 100%;
}
.feature-nav-section {
  width: 100% !important;
  max-width: 100% !important;
}
#library-item .et_pb_image_wrap img {
  opacity: 1;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #428bfe !important;
}
.owl-theme .owl-dots .owl-dot span {
  background: rgba(66, 139, 254, 0.2) !important;
}

/* start blog what's new sectioon */
.custom-blog-whats-new {
  position: relative;
  background: #f8fbfe;
  margin-top: 50px;
  z-index: 20;
  box-shadow: 0 9px 10px 0 rgba(51, 109, 205, 0.1),
    0 0 1px 0 rgba(66, 139, 254, 0.1);
}
.custom-list-info {
  /* flex: 0 82% !important; */
}
.blog-whats-new ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex: 0 95%;
  justify-content: center;
  margin-top: 30px;
}
.blog-whats-new ul li {
  list-style: none;
  background: #fff;
  /* box-shadow: 0 5px 12px 0 rgb(48 108 213 / 10%); */
  /* box-shadow: 0 0 1px rgb(51 109 205 / 30%), 0 5px 8px -2px rgb(51 109 205 / 10%); */
  box-shadow: 0px 5px 8px -2px rgb(51 109 205 / 10%),
    0px 0px 1px 0px rgb(51 109 205 / 20%);
  /* box-shadow: 0px 5px 8px -2px #F060531A, 0px 0px 1px 0px #F0605333; */
  border-radius: 12px;
  /* flex: 1 1; */
  width: 14%;
  text-align: center;
  margin: 0 15px;
  /* padding: 22px 12px 20px; */
  /* min-height: 130px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, box-shadow;
  transition-property: transform, box-shadow;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin-bottom: 1em;
}
.blog-whats-new ul li:hover {
  /* -webkit-transform: translateY(-5px);
  transform: translateY(-5px); */
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  /* box-shadow: 0 9px 10px 0 rgba(48,108,213,0.10)!important; */
  box-shadow: 0 5px 8px 2px rgb(51 109 205 / 10%),
    0 0px 1px 0px rgb(51 109 205 / 20%);
}

.blog-whats-new ul li:hover a {
  /* color: #478cfe; */
}

.blog-whats-new ul li a {
  line-height: normal;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  padding: 24px 20px;
  min-height: 130px;
  height: 100%;
}
.blog-whats-new ul li a > img {
  height: 64px;
  margin-bottom: 14px;
  min-width: 64px;
  width: 64px;
  object-fit: contain;
}
.blog-whats-new ul li a > p {
  font-size: 16px;
  color: #333;
  line-height: 1.4em;
}

@media only screen and (max-width: 768px) {
  .blog-whats-new ul {
    /* flex-wrap: nowrap;
    flex: inherit;
    overflow: auto;
    justify-content: normal; */
    flex: 0 100%;
  }
  .custom-blog-whats-new {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-whats-new ul li {
    min-width: 35%;
    /* flex: initial; */
    align-items: flex-start;
    margin: 10px;
  }

  .custom-list-info {
    /* flex: 0 70% !important; */
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-whats-new ul {
    /* flex-wrap: nowrap;
    flex: inherit;
    overflow: auto;
    justify-content: normal; */
    flex: 0 100%;
  }
  .custom-blog-whats-new {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-whats-new ul li {
    min-width: unset;
    /* flex: initial; */
    align-items: flex-start;
    margin: 10px;
  }

  .custom-list-info {
    /* flex: 0 70% !important; */
  }
}

@media only screen and (max-width: 980px) {
  .custom-list-info {
    /* flex: 0 70% !important; */
  }
  .small-img {
    width: 205px !important;
    margin-right: 30px !important;
    float: left !important;
    margin-bottom: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  #main-content .container.bloglist .blog-kategory {
    padding: 15px 0 23px !important;
    margin: 0 !important;
  }
  #main-content .container {
    width: 100% !important;
  }
  .container.mobile {
    padding: 0 2rem !important;
  }
  .list-blog .postss {
    margin-right: 0;
    margin-bottom: 30px !important;
  }
  .list-blog article {
    /* display: flex; */
  }
  .list-blog article .small-img {
    width: 100% !important;
    /* margin-right: 20px !important;
    /* margin-bottom: 0 !important; */
    /* max-width: unset;
    min-width: 110px; */
  }
  .list-blog article .article-box {
    padding-left: 0 !important;
    margin-top: 0 !important;
  }
  .list-blog article .article-box .the_category {
    margin-bottom: 0 !important;
  }
  .blogs-list2 #area-blog .et_pb_row {
    width: 100%;
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .content-one-blog h2 {
    margin-top: 15px !important;
  }
  #main-content .container {
    width: 100% !important;
  }
  .container.mobile {
    padding: 0 2rem !important;
  }
  .blogs-list2 #area-blog .et_pb_row {
    width: 100%;
    display: block !important;
  }
  #area-blog.list-blog .et_pb_row {
    width: 100%;
    padding: 0;
  }
  .list-blog .postss {
    /* margin-right: 0; */
    margin-bottom: 40px !important;
  }
  .list-blog article .small-img {
    /* margin-right: 20px !important;
    width: 150px !important;
    margin-bottom: 0 !important;
    max-width: unset;
    min-width: 150px; */
  }
  .list-blog article .article-box .the_category {
    margin-bottom: 0 !important;
  }
  .list-blog article .article-box {
    padding-left: 0 !important;
  }
}
table.standar-html {
  display: table !important;
}
table.standar-html tr {
  display: table-row !important;
}
table.standar-html tr td {
  display: table-cell !important;
}
#logo {
  max-height: 36px !important;
  max-width: unset !important;
}
.single-post .stack {
  display: flex;
  width: 100%;
  box-shadow: 0 5px 12px 0 rgb(48 108 213 / 10%);
  border-radius: 12px;
  align-items: center;
  padding: 10px 20px;
  margin-bottom: 2em;
}
.single-post .stack p.img {
  min-width: 24%;
  padding: 0 !important;
  text-align: center;
}
.single-post .stack p.img img {
  height: 40px;
  margin: 0;
  border: 0;
}
.single-post .stack p.text {
  padding: 0;
  margin-left: 40px;
}
.single-post .stack p.text #desc {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .single-post .stack {
    flex-wrap: wrap;
  }
}

ul.list-check-alt {
  position: relative;
  list-style: none;
  padding-left: 36px;
}

ul.list-check-alt > li {
  line-height: 2.4em;
}

ul.list-check-alt > li:before {
  content: "\e052";
  color: #1dcd6e;
  font-family: ETmodules !important;
  position: absolute;
  left: 0;
}

ul.list-check {
  position: relative;
  list-style: none;
  padding: 0;
  margin-top: 18px;
  padding-left: 30px;
}

ul.list-check > li {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 0.6em;
}

ul.list-check > li:before {
  content: "\4e";
  color: #1dcd6e;
  font-family: ETmodules !important;
  position: absolute;
  left: 0;
}
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
  padding-top: 0px;
}
#main-content {
  background-color: #ffffff !important;
}
#main-content.main-blog .container {
  padding-top: 40px;
  z-index: 5;
  position: relative;
  background-color: #fff;
}
#main-content .container {
  width: 75%;
  padding-top: 30px;
}
.container {
  position: relative !important;
}
.container {
  text-align: left;
  position: relative;
}
.container {
  width: 100%;
  max-width: 100%;
  margin: auto;
  position: relative;
  padding: 0 5rem;
}
.main-blog #area-blog .et_pb_row,
.blogs-list2 .feature-list .et_pb_row {
  width: 100%;
  max-width: 100%;
}

.blog-kategory {
  position: relative;
  padding: 30px 0 30px;
  z-index: 2;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  /* margin: 0 30px; */
}
.blog-kategory ul li {
  line-height: 22px;
  display: inline-block;
}
.blog-kategory ul li a:first-child {
  padding-left: 0;
}
.blog-kategory ul li a {
  color: #8a8c93;
  text-decoration: none;
  padding: 0px 35px;
  display: inline-block;
}
.blog-kategory ul li a:hover {
  color: #4e5367;
}
.blog-kategory .btnsearch {
  position: absolute;
  right: 19px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  cursor: pointer;
}
.blog-kategory .btnsearch:before {
  content: "\55";
  font-size: 20px;
  color: #aaa;
  font-family: "ETmodules" !important;
  border: none;
  top: 0;
  font-weight: 600;
}

#main-content .container.bloglist .blog-kategory {
  /* padding: 0 0 23px;
  margin: 40px 30px 2em; */
}

.blog-kategory ul li.cat-item {
  display: none;
}

.main-search {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background: #fff;
  color: #7d7e82;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-property: visibility, height, -webkit-transform;
  transition-property: visibility, height, -webkit-transform;
  transition-property: visibility, transform, height;
  transition-property: visibility, transform, height, -webkit-transform;
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.1) !important;
  z-index: 10;
  height: 100%;
}
.main-search.active {
  visibility: visible;
  z-index: 10;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.main-search .container {
  padding-top: 0 !important;
  height: 100%;
}
.main-search .search-input {
  width: 100%;
  height: 100%;
  padding: 0;
  padding-right: calc(10px + 0.4em);
  border: none;
  color: #3c3d41;
  margin: 0 30px;
  font-size: 35px;
  font-weight: 300;
}
.main-search .search-submit {
  position: absolute;
  right: 40px;
  top: 0;
  bottom: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  color: #7d7e82;
}

.main-search .search-submit span {
  color: #ffffff !important;
  padding: 8px 24px 10px !important;
  border-radius: 3px;
  font-weight: 600;
  background: #478cfe;
  cursor: pointer;
}
.recent-posts {
  padding-bottom: 3em;
  padding-top: 3em;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #e8e8e8;
}
.recent-posts .et_pb_row {
  width: 63% !important;
  position: relative;
  z-index: 1;
}
.readpost #fullcontent article {
  padding-bottom: 0;
  margin-bottom: 0;
}
.searchlist #area-blog .pagination {
  display: none;
}
.searchlist #area-blog .alm-reveal .et_pb_equal_columns {
  width: 100%;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}
.searchlist #area-blog .alm-reveal .et_pb_equal_columns .postss {
  width: 100%;
  float: none;
  display: inline-block;
  margin-right: 0;
}
.searchlist #area-blog .alm-reveal .et_pb_equal_columns .postss .small-img {
  width: 205px;
  margin-right: 30px;
  float: left;
}
.searchlist #area-blog .alm-reveal .et_pb_equal_columns .postss article {
  margin-bottom: 60px;
}
.searchlist #area-blog .archive-img img {
  min-height: 116px;
  border: 1px solid #eee;
}
.searchlist #area-blog article .small-img img {
  /*min-height: 116px;*/
  border: 1px solid #eee;
}
#area-blog article .article-box .excerpt p {
  color: #333333 !important;
}
.blogs-list2 #area-blog .et_pb_row {
  width: 100%;
  display: flex;
}

/* Styling For Content Logo App */
.img-logo-app {
  border-radius: 100%;
  background-color: #fff;
}

/* Styling For Content System Apps Pemerintahan */
.sistem-apps {
  padding: 5% 5% 0 !important;
}

/* Styling For Navbar Content */
.sub-menu li a {
  padding-right: 21px !important;
}

.dropdown-toggle {
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

/* Mobile menu specific styles */
@media (max-width: 980px) {
  .menu-item-has-children {
    position: relative;
  }

  .sub-menu {
    padding-left: 15px;
  }

  .dropdown-toggle {
    position: absolute;
    right: 10px;
    top: 3px;
    color: #000;
  }
}

/* Action Button Mobile Menu Dropdown */
.action-button-primary {
  border: 1px solid #f2c335;
  background-color: #f2c335;
  padding: 3px;
  margin: 10px;
  border-radius: 8px;
  text-align: center;
}

.action-button-secondary {
  border: 1px solid #001547;
  /* background-color: #001547; */
  padding: 3px;
  margin: 10px;
  border-radius: 8px;
  text-align: center;
}

#profil-pejabat .et_pb_row_2 .et_pb_column_2 .et_pb_image_wrap {
    border-radius: 12px;
    box-shadow: 0px 0px 18px -6px rgba(0, 0, 0, 0.3);
}