@charset "UTF-8";
/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*
    Add your custom styles here
*/
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Regular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Poppins-Regular.woff2") format("woff2"), url("fonts/Poppins-Regular.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsSemiBold";
  src: url("fonts/Poppins-SemiBold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Poppins-SemiBold.woff2") format("woff2"), url("fonts/Poppins-SemiBold.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsBold";
  src: url("fonts/Poppins-Bold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Poppins-Bold.woff2") format("woff2"), url("fonts/Poppins-Bold.woff") format("woff");
  /* Pretty Modern Browsers */
  font-weight: 800;
  font-style: normal;
}
body {
  font-family: "Poppins", Verdana, sans-serif;
  color: #1a1a1a;
}

a,
a:hover {
  color: orange;
  text-decoration: none;
}

::placeholder {
  color: #ffffff;
  opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.margintop-min-10 {
  margin-top: -10px !important;
}

.mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .mobile-only {
    display: block;
  }
}

.above-header {
  background-color: #E5E5E5;
  height: 30px;
}
.above-header .above-header-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.above-header .above-header-content .social ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
}
.above-header .above-header-content .social ul li {
  margin: 0 5px;
}
.above-header .above-header-content .lang .wpml-ls-legacy-dropdown {
  width: auto;
}
.above-header .above-header-content .lang .wpml-ls-legacy-dropdown a {
  background-color: transparent;
  border: none;
}
.above-header .above-header-content .lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  background-color: #E5E5E5;
}
.above-header .above-header-content .lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-display {
  display: none;
}

.social {
  padding-top: 3px;
}
.social i {
  color: #626262;
  padding: 0 7px;
}

.header {
  background-color: #DB292F;
  border-radius: 25px 25px 0 0;
  margin-top: 25px;
  padding: 15px;
  -webkit-box-shadow: 0px -6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px -6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px -6px 9px 0px rgba(50, 50, 50, 0.48);
}
.header .navbar-collapse {
  justify-content: space-between;
}
@media (max-width: 767px) {
  .header .navbar-collapse {
    margin-top: 10px;
  }
}
@media (max-width: 320px) {
  .header .navbar .navbar-brand {
    margin-right: 0;
  }
}
.header .navbar .navbar-toggler {
  border-color: #ffffff;
  background-color: #ffffff;
}
.header .navbar .form-inline {
  position: relative;
}
.header .navbar .form-inline input {
  opacity: 0.7;
  border-radius: 13px;
  color: #ffffff;
  border: none;
  background-color: #e56266;
}
.header .navbar .form-inline input:focus {
  box-shadow: 0 0 0 0.2rem rgba(125, 11, 21, 0.2);
}
.header .navbar .form-inline input::placeholder {
  color: #ffffff;
  opacity: 1;
}
@media (max-width: 767px) {
  .header .navbar .form-inline input {
    width: 100%;
  }
}
.header .navbar .form-inline .search-submit {
  color: #ffffff;
  position: absolute;
  right: 8px;
  top: 0;
  border: none;
  border-radius: 13px;
}
.header .navbar .form-inline .search-submit:hover {
  background-color: #87171b;
}
.header .navbar-light .navbar-nav a {
  color: #ffffff !important;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  font-size: 0.9rem;
  border-radius: 25px;
  border: solid 1px transparent;
  transition: ease-in 0.2s;
  padding: 0.5rem 0.8rem;
}
.header .navbar-light .navbar-nav a:hover {
  background-color: #a61c21;
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 25px;
}
.header .current-menu-item a {
  background-color: #a61c21;
  border: solid 1px rgba(255, 255, 255, 0.5) !important;
  border-radius: 25px;
}

.main-carousel {
  margin-bottom: 20px;
}
.main-carousel .carousel-inner {
  border-radius: 0 0 25px 25px;
}
.main-carousel .carousel {
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  border-radius: 0 0 25px 25px;
}
.main-carousel .carousel-item {
  max-height: 500px;
}
@media (max-width: 767px) {
  .main-carousel .carousel-item {
    height: auto;
  }
}
.main-carousel .carousel-item img {
  border-radius: 0 0 25px 25px;
}
@media (max-width: 767px) {
  .main-carousel .carousel-item img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .main-carousel .carousel-item img {
    max-height: 165px;
  }
}
.main-carousel .carousel-control-btn-wrap {
  background-color: #C22126;
  padding: 5px 13px;
  border-radius: 100%;
  color: #ffffff;
}

.carousel-caption {
  width: 400px;
  top: 10%;
  right: auto;
  bottom: auto;
  text-align: left;
}
@media (max-width: 540px) {
  .carousel-caption {
    width: 70%;
    border-radius: 25px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
  }
}
.carousel-caption h5 {
  background: -webkit-linear-gradient(111deg, #92131A, #DB292F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "PoppinsBold";
  font-weight: 800;
  font-size: 40px;
  text-align: left;
}
@media (max-width: 767px) {
  .carousel-caption h5 {
    font-size: 22px;
  }
}
.carousel-caption p {
  color: #444444;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: left;
}
@media (max-width: 767px) {
  .carousel-caption p {
    font-size: 12px;
    line-height: 18px;
  }
}
.carousel-caption .cta-wrap {
  margin-top: 15px;
}
.carousel-caption .cta-btn {
  background-color: #DB292F;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  padding: 8px 16px;
}
.carousel-caption:empty, .carousel-caption:-webkit-only-whitespace, .carousel-caption:-moz-only-whitespace {
  display: none;
  visibility: hidden;
}

.section-home-links {
  padding: 0 20px;
  margin: 60px 0;
}
@media (max-width: 767px) {
  .section-home-links {
    padding: 0;
    margin: 30px 0;
  }
}
.section-home-links .home-links {
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
}
.section-home-links .col {
  border-left: solid 1px #dddddd;
}
.section-home-links .col:first-child {
  border-left: none;
}
@media (max-width: 767px) {
  .section-home-links .col {
    border-bottom: solid 1px #dddddd;
    border-left: none;
  }
  .section-home-links .col:last-child {
    border-bottom: none;
  }
}
.section-home-links .link-block {
  padding: 20px 20px 30px;
  border-radius: 25px;
  transition: ease 0.5s;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  background-color: #ffffff;
  color: #1a1a1a;
  min-height: 250px;
  position: relative;
  display: block;
}
@media (max-width: 480px) {
  .section-home-links .link-block {
    min-height: 240px;
    border-bottom: solid 1px #cccccc;
  }
}
.section-home-links .link-block:hover {
  background: linear-gradient(184deg, #DB2C32 0%, #7D1212 100%);
  color: #ffffff;
  margin-top: -40px;
  box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
}
.section-home-links .link-block .link-heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 85px;
}
.section-home-links .link-block .link-heading .link-icon {
  width: auto;
  height: 45px;
  margin-right: 10px;
}
.section-home-links .link-block .link-heading .link-title {
  font-family: "PoppinsBold";
  font-size: 1.2rem;
}
.section-home-links .link-block .link-content {
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .section-home-links .link-block .link-content p {
    margin-bottom: 20px;
  }
}
.section-home-links .link-block .link-btn {
  background-color: #DB2C32;
  font-size: 0.7rem;
  padding: 0px 0px 0px 10px;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.section-home-links .link-block .link-btn .fas {
  background-color: #DC6B71;
  padding: 10px 7px;
  margin-left: 3px;
}

.section-heading {
  border-bottom: solid 2px #DB292F;
  margin-bottom: 30px;
  text-align: center;
}
.section-heading h1 {
  font-family: "PoppinsBold";
  font-size: 1.7rem;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: solid 5px #DB292F;
  text-transform: uppercase;
  padding: 0 7px 13px;
}

.home-title {
  border-left: solid 7px #DB292F;
  background-color: #e0e0e0;
  padding: 10px 20px;
  border-radius: 0 15px 15px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 30px;
}
.home-title h2 {
  margin-bottom: 0;
  font-size: 1.3rem;
}
.home-title h2 strong {
  font-family: "PoppinsBold";
}

.section-why-ittp .why-box {
  margin: 30px 0;
  border-radius: 25px;
  background-color: #DB292F;
  padding: 40px 4px 4px;
  position: relative;
}
@media (max-width: 767px) {
  .section-why-ittp .why-box {
    height: auto;
  }
}
.section-why-ittp .why-box .link-icon {
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.48);
}
.section-why-ittp .why-box h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  text-align: center;
  font-size: 1.7rem;
  padding: 0 10px;
  margin-bottom: 10px;
}
.section-why-ittp .why-box .why-content {
  background-color: #ffffff;
  border-radius: 0px 0px 25px 25px;
  padding: 20px 10px;
}
.section-why-ittp .why-box .why-content p {
  margin: 0;
  font-size: 0.8rem;
  text-align: center;
}

.section-testimony-opini {
  background-color: rgba(219, 41, 47, 0.1);
  padding: 20px 0 80px;
}

.to-carousel .owl-carousel .owl-stage-outer {
  width: 85%;
  margin: auto;
}
@media (max-width: 767px) {
  .to-carousel .owl-carousel .owl-stage-outer {
    width: 100%;
  }
}
.to-carousel .owl-carousel .owl-stage {
  height: 360px;
  position: relative;
}
.to-carousel .owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.to-carousel .owl-carousel .owl-nav .owl-prev,
.to-carousel .owl-carousel .owl-nav .owl-next {
  color: #ffffff;
  background-color: #C22126;
  padding: 5px 13px !important;
  border-radius: 100%;
  opacity: 0.4;
  transition: opacity 0.3s;
}
.to-carousel .owl-carousel .owl-nav .owl-prev:hover,
.to-carousel .owl-carousel .owl-nav .owl-next:hover {
  opacity: 1;
}
.to-carousel .owl-carousel .owl-nav .owl-prev .fas,
.to-carousel .owl-carousel .owl-nav .owl-next .fas {
  font-size: 2rem;
}
.to-carousel .owl-carousel .owl-item {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  height: 100%;
}
.to-carousel .owl-carousel .owl-item .item-content {
  text-align: center;
}
.to-carousel .owl-carousel .owl-item .item-content img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto 20px;
}
.to-carousel .owl-carousel .owl-item .item-content .alumni-name {
  color: #DB292F;
  font-size: 1.1rem;
  margin-bottom: 3px;
}
.to-carousel .owl-carousel .owl-item .item-content .alumni-job {
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.to-carousel .owl-carousel .owl-item .item-content .alumni-to {
  font-size: 0.7rem;
}
.to-carousel .owl-carousel .owl-item:nth-child(odd) {
  background-color: #DB292F;
  color: #ffffff;
}
.to-carousel .owl-carousel .owl-item:nth-child(odd) .alumni-name {
  color: #ffffff;
}

.po-box {
  border-radius: 25px;
  box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.48);
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
.po-box .author-box {
  background-color: #e0e0e0;
  padding: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px 0 0 25px;
}
.po-box .author-box img {
  width: auto;
  height: 340px;
}
.po-box .opini-box {
  padding: 40px 0 60px;
}
.po-box .opini-box .opini-title {
  width: 100%;
  background-color: rgba(219, 41, 47, 0.2);
}
@media (max-width: 767px) {
  .po-box .opini-box .opini-title {
    width: 100%;
  }
}
.po-box .opini-box .opini-title a {
  display: block;
  color: #1a1a1a;
}
.po-box .opini-box .opini-title a:hover {
  color: #DB292F;
}
.po-box .opini-box .opini-title a h3 {
  font-family: "PoppinsBold";
  font-size: 1.2rem;
  padding: 13px 17px;
  margin-bottom: 20px;
}
.po-box .opini-box p {
  column-count: 2;
  column-gap: 20px;
  color: #1a1a1a;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .po-box .opini-box p {
    padding: 10px 20px;
  }
}
.po-box .opini-box .link-to-post {
  background-color: #DB292F;
  width: 50%;
  padding: 5px 15px;
  position: absolute;
  right: -80px;
  bottom: 25px;
}
.po-box .opini-box .link-to-post:hover {
  background-color: #FFBF00;
}
@media (max-width: 767px) {
  .po-box .opini-box .link-to-post {
    right: 14px;
  }
}
.po-box .opini-box .link-to-post a {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 0.8rem;
}
.po-box .author-socmed {
  background-color: rgba(224, 224, 224, 0.9);
  padding: 20px;
  height: 100%;
  border-radius: 0 25px 25px 0;
}
@media (max-width: 767px) {
  .po-box .author-socmed {
    border-radius: 0;
    padding: 20px 20px 0;
  }
}
.po-box .author-socmed .socmed-list {
  list-style: none;
  padding: 0;
}
@media (max-width: 767px) {
  .po-box .author-socmed .socmed-list {
    flex-flow: row nowrap;
    justify-content: space-around;
    display: flex;
  }
}
.po-box .author-socmed .socmed-list .socmed-list-item {
  margin: 8px 0;
}
.po-box .author-socmed .socmed-list .socmed-item-link {
  color: #444444;
  font-size: 1.6rem;
}

.section-home {
  margin-bottom: 40px;
}

.berita-inner {
  background-color: #f4f4f4;
  padding: 20px 0;
  margin-bottom: 40px;
}
.berita-inner .berita-highlight {
  position: relative;
}
.berita-inner .berita-highlight .highlight-img {
  width: 100%;
  max-height: 360px;
  overflow: hidden;
}
.berita-inner .berita-highlight .highlight-img img {
  width: 100%;
  height: auto;
}
.berita-inner .berita-highlight .highlight-content {
  width: 100%;
  background-color: rgba(219, 41, 47, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
}
.berita-inner .berita-highlight .highlight-content .highlight-title {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 1.2rem;
  padding: 10px 25px;
}
.berita-inner .berita-highlight .highlight-content .highlight-link {
  background-color: #FFBF00;
  font-size: 0.8rem;
  padding: 0 0 0 10px;
  color: #7D0B15;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 25px;
  display: block;
}
.berita-inner .berita-highlight .highlight-content .highlight-link:hover {
  background-color: #DB292F;
}
.berita-inner .berita-highlight .highlight-content .highlight-link .fas {
  background-color: #ffd042;
  padding: 10px 7px;
  margin-left: 3px;
}
.berita-inner .berita-highlight .highlight-content .highlight-date {
  padding: 2px 25px;
  background-color: rgba(219, 41, 47, 0.7);
}
.berita-inner .berita-highlight .highlight-content .highlight-date span {
  color: #ffffff;
  font-size: 0.7rem;
}
.berita-inner .link-to-berita {
  width: 100%;
}
.berita-inner .link-to-berita a {
  display: block;
  color: #DB292F;
  font-family: "PoppinsBold";
  text-transform: uppercase;
  background-color: #ffffff;
  width: 100%;
  padding: 7px 0;
  text-align: center;
  margin: 20px 0;
  box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 1px -1px 13px 0px rgba(0, 0, 0, 0.13);
}
.berita-inner .link-to-berita a:hover {
  background-color: #FFBF00;
  color: #ffffff;
}
.berita-inner .berita-wrap {
  height: 423px;
  overflow: hidden;
}
.berita-inner .berita-wrap .berita-list {
  overflow-y: auto;
  height: 100%;
  margin-right: 20px;
}
.berita-inner .berita-wrap .berita-list .berita-box {
  padding: 10px 0 10px;
  margin: 10px 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: solid 1px #b3b3b3;
}
.berita-inner .berita-wrap .berita-list .berita-box:first-child {
  margin-top: 0;
  padding-top: 0;
}
.berita-inner .berita-wrap .berita-list .berita-box:last-child {
  border-bottom: none;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-img {
  margin-right: 10px;
  width: 35%;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-img img {
  width: 100%;
  height: auto;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content {
  width: 60%;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-title {
  font-family: "PoppinsBold";
  font-size: 0.9rem;
  margin-top: 0;
  margin-bottom: 5px;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-date {
  color: #626262;
  font-size: 0.6rem;
  display: block;
  margin-bottom: 7px;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-excerpt {
  height: 120px;
  word-break: break-word;
  font-size: 0.8rem;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-excerpt p {
  font-size: 0.8rem;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-link {
  background-color: #DB292F;
  font-size: 0.8rem;
  padding: 0 0 0 10px;
  color: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0;
  display: block;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-link:hover {
  background-color: #FFBF00;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-link:hover .fas {
  background-color: #FFBF00;
}
.berita-inner .berita-wrap .berita-list .berita-box .berita-content .berita-link .fas {
  background-color: #e56266;
  padding: 7px 5px;
  margin-left: 3px;
}

.in-between {
  margin-top: -60px;
}

.section-acara-tv {
  background: url(images/bg-merah.png) no-repeat center center/cover;
  padding: 40px 0;
}
.section-acara-tv .acara-inner {
  margin-bottom: 40px;
}
.section-acara-tv .acara-inner .acara-block {
  background-color: #ffffff;
  border-radius: 25px;
  padding: 25px;
  height: 590px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .section-acara-tv .acara-inner .acara-block {
    padding: 25px 10px;
  }
}
.section-acara-tv .acara-inner .acara-block .acara-block-inner {
  padding: 15px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.section-acara-tv .acara-inner .acara-block .acara-link {
  display: block;
  margin-bottom: 20px;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box {
  transition: ease-in 0.2s;
  background-color: #f0f0f0;
  border-radius: 25px;
  color: #1a1a1a;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 20px;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-img {
  width: 90px;
  height: 90px;
}
@media (max-width: 767px) {
  .section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-img {
    width: 50px;
    height: 50px;
  }
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-img img {
  width: 100%;
  height: auto;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-desc {
  width: 75%;
}
@media (max-width: 411px) {
  .section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-desc {
    width: 65%;
  }
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-desc .acara-title {
  font-size: 1rem;
  font-family: "PoppinsBold";
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-location {
  font-size: 0.7rem;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-box-inner .acara-location .fas {
  padding-right: 5px;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date {
  background-color: #d7d7d7;
  border-radius: 0 0 25px 25px;
  padding: 13px 13px 5px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  color: #444444;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .day {
  height: 40px;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .day span {
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-right: 15px;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .date-bar {
  display: flex;
  flex-flow: row nowrap;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .date-bar:before {
  content: "";
  border-left: solid 1px #444444;
  padding-left: 15px;
  height: 43px;
}
@media (max-width: 335px) {
  .section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .date-bar:before {
    display: none;
  }
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .date-bar .day-num {
  height: 53px;
  display: flex;
  align-items: flex-end;
  margin-right: 10px;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .date-bar .day-num span {
  font-size: 2.6rem;
  font-family: "PoppinsBold";
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .date-bar .month-year span {
  display: block;
  text-transform: uppercase;
}
.section-acara-tv .acara-inner .acara-block .acara-link .acara-box .acara-date .date-bar .month-year .year {
  margin-top: -5px;
}
.section-acara-tv .acara-inner .acara-block .acara-link:hover .acara-box {
  background-color: #DB292F;
  color: #ffffff;
}
.section-acara-tv .acara-inner .acara-block .acara-link:hover .acara-date {
  background-color: #a61c21;
  color: #ffffff;
}
.section-acara-tv .acara-inner .acara-block .acara-link:hover .acara-date .date-bar:before {
  border-color: #ffffff;
}
.section-acara-tv .tv-inner {
  position: relative;
}
.section-acara-tv #tv-owl-carousel .owl-nav {
  position: absolute;
  top: -70px;
  right: 0;
}
.section-acara-tv #tv-owl-carousel .owl-nav .owl-prev,
.section-acara-tv #tv-owl-carousel .owl-nav .owl-next {
  color: #C22126;
  background-color: #ffffff;
  padding: 2px 12px !important;
  border-radius: 100%;
  opacity: 0.4;
  transition: opacity 0.3s;
}
.section-acara-tv #tv-owl-carousel .owl-nav .owl-prev:hover,
.section-acara-tv #tv-owl-carousel .owl-nav .owl-next:hover {
  opacity: 1;
}
.section-acara-tv #tv-owl-carousel .owl-nav .owl-prev .fas,
.section-acara-tv #tv-owl-carousel .owl-nav .owl-next .fas {
  font-size: 2rem;
}
.section-acara-tv #tv-owl-carousel .item-link {
  display: block;
}
.section-acara-tv #tv-owl-carousel .item-link .tv-box .tv-thumb {
  position: relative;
}
.section-acara-tv #tv-owl-carousel .item-link .tv-box .tv-thumb .icon-play {
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90px;
  height: 90px;
  margin: auto;
  background-color: rgba(219, 41, 47, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: #ffffff;
  font-size: 2.5rem;
}
.section-acara-tv #tv-owl-carousel .item-link .tv-box .tv-caption {
  background-color: #ffffff;
  height: 90px;
  padding: 15px;
  border-bottom: solid 9px #DB292F;
}
.section-acara-tv #tv-owl-carousel .item-link .tv-box .tv-caption h4 {
  font-size: 1rem;
  font-family: "PoppinsBold";
  color: #1a1a1a;
}
.section-acara-tv #tv-owl-carousel .item-link:hover .icon-play {
  opacity: 1;
}
.section-acara-tv .modal .modal-header {
  text-align: center;
}
.section-acara-tv .modal iframe {
  width: 100%;
}

.kerjasama-ik {
  margin-bottom: 20px;
}
.kerjasama-ik .item-inner {
  display: flex;
  align-items: center;
}
.kerjasama-ik .item-inner img {
  height: 100px;
  width: auto;
}

.section-social-media {
  background-color: #Bd2429;
  padding: 40px;
}
@media (max-width: 767px) {
  .section-social-media {
    padding: 10px 0;
  }
}
.section-social-media .social-media-text h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  text-transform: uppercase;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .section-social-media .social-media-text h3 {
    font-size: 2rem;
    text-align: center;
  }
}
.section-social-media .social-media-text p {
  color: #ffffff;
}
@media (max-width: 767px) {
  .section-social-media .social-media-text p {
    text-align: center;
  }
}
.section-social-media .col:nth-child(2) .social-media-box {
  border-right: solid 1px #ffffff;
}
@media (max-width: 767px) {
  .section-social-media .col:nth-child(2) .social-media-box {
    border-right: none;
  }
}
.section-social-media .social-media-link {
  color: #ffffff;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 767px) {
  .section-social-media .social-media-link {
    margin-top: 25px;
    text-align: center;
  }
}
.section-social-media .social-media-link:hover {
  color: #ffbf00;
}
.section-social-media .social-media-link .social-media-name {
  display: flex;
  flex-flow: row nowrap;
  text-transform: capitalize;
  font-size: 1.3rem;
  font-family: "PoppinsBold";
  margin-bottom: 7px;
  align-items: center;
}
@media (max-width: 767px) {
  .section-social-media .social-media-link .social-media-name {
    font-size: 1rem;
    justify-content: center;
  }
}
.section-social-media .social-media-link .social-media-name .fab {
  font-size: 2rem;
  margin-right: 10px;
}
.section-social-media .social-media-link .social-media-handle {
  font-size: 0.9rem;
}
@media (max-width: 335px) {
  .section-social-media .social-media-link .social-media-handle {
    font-size: 0.7rem;
  }
}

footer {
  background-color: #DB292F;
  padding: 60px 0 0;
  color: #ffffff;
}
@media (max-width: 767px) {
  footer {
    padding: 20px 0 0;
  }
}
@media (max-width: 767px) {
  footer .footer-left {
    display: block;
    text-align: center;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  footer .footer-left .footer-link {
    display: block;
    text-align: center;
  }
}
footer .footer-left .subtitle {
  margin-top: 5px;
  margin-bottom: 20px;
}
footer .footer-left .subtitle span {
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  footer .footer-left .subtitle {
    display: block;
    text-align: center;
  }
}
footer .footer-left .address {
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  footer .footer-left .address {
    text-align: center;
  }
}
footer .footer-left .contact-list {
  padding: 0;
}
footer .footer-left .contact-list li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  font-size: 0.8rem;
}
footer .footer-left .contact-list .contact-label {
  width: 55px;
}
@media (max-width: 767px) {
  footer .footer-left .contact-list {
    padding-left: 20px;
  }
}
footer ul {
  padding: 0;
}
footer li {
  list-style: none;
}
footer li a {
  font-size: 0.8rem;
}
footer .footer-links li {
  border-left: solid 2px #ffffff;
  padding-left: 11px;
}
@media (max-width: 767px) {
  footer .footer-links {
    margin-left: 20px;
  }
}
footer a {
  color: #ffffff;
}
footer .copyright {
  padding: 10px 0;
  background-color: #7D0B15;
}
footer .copyright p {
  margin: 0;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  footer .copyright p {
    text-align: center;
  }
}
footer .section-title {
  font-size: 1rem;
  font-family: "PoppinsSemiBold";
  margin-bottom: 10px;
}
footer .section-about-us {
  margin-top: 30px;
}
footer .section-about-us p {
  font-size: 0.8rem;
}
footer .location-map {
  height: 320px;
}
@media (max-width: 767px) {
  footer .location-map {
    height: 340px;
    padding: 20px 0 0 20px;
  }
}
footer .map {
  width: 180px;
  height: 180px;
}
footer .map iframe {
  width: 200px;
  height: 200px;
}
footer .map iframe:hover {
  cursor: pointer;
}

.page-heading {
  margin-bottom: 40px;
  border-radius: 0 0 25px 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.page-heading .heading-img {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  border-radius: 0 0 25px 25px;
}
.page-heading .heading-img.heading-pend {
  background: url(images/img-pendidikan-1.png) no-repeat center center/cover;
}
.page-heading .heading-img.heading-tentang {
  background: url(images/img-tentang.png) no-repeat center center/cover;
}
.page-heading .heading-img.heading-ristek {
  background: url(images/img-riset-1.png) no-repeat center center/cover;
}
.page-heading .heading-img.heading-po {
  background: url(images/img-po-1.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .page-heading .heading-img {
    height: 120px;
  }
}
.page-heading .heading-img .heading-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(267deg, rgba(125, 18, 18, 0) 0%, white 110%);
  position: absolute;
  top: 0;
  left: 0;
}
.page-heading .heading-img .heading-overlay h1 {
  background: -webkit-linear-gradient(111deg, #92131A, #DB292F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "PoppinsBold";
  font-weight: 800;
  font-size: 2.5rem;
  position: absolute;
  left: 40px;
  bottom: 15px;
  text-transform: uppercase;
  -webkit-text-stroke: 0.5px #ffffff;
}
.page-heading .heading-img.with-sub h1 {
  bottom: 55px;
}
.page-heading .heading-img.with-sub p {
  color: #ffffff;
  position: absolute;
  left: 40px;
  bottom: 15px;
}
@media (max-width: 767px) {
  .page-heading .heading-img.with-sub p {
    bottom: -1px;
    font-size: 0.9rem;
  }
}

.pendidikan-links {
  border-radius: 25px;
  background-color: #e6e6e6;
  width: 100%;
  padding: 20px;
  margin-bottom: 40px;
}
.pendidikan-links .link-block {
  display: block;
}
@media (max-width: 767px) {
  .pendidikan-links .link-block {
    margin-bottom: 30px;
  }
}
.pendidikan-links .link-box {
  background-color: #ffffff;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.pendidikan-links .link-box .link-img {
  width: 100%;
  height: 185px;
  border-radius: 25px 25px 25px 0;
  overflow: hidden;
}
.pendidikan-links .link-box .link-img img {
  width: 100%;
  height: auto;
  border-radius: 25px 25px 25px 0;
}
.pendidikan-links .link-box .link-content {
  padding: 20px 20px 10px 20px;
  min-height: 220px;
  position: relative;
}
.pendidikan-links .link-box .link-content h3 {
  color: #1a1a1a;
  font-size: 1.2rem;
  font-family: "PoppinsBold";
  margin-bottom: 10px;
}
.pendidikan-links .link-box .link-content p {
  color: #626262;
  font-size: 0.8rem;
}
.pendidikan-links .link-box .link-content span {
  background-color: #DB292F;
  font-size: 0.8rem;
  padding: 0 0 0 10px;
  color: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0;
  display: block;
  position: absolute;
  bottom: 10px;
}
.pendidikan-links .link-box .link-content span .fas {
  background-color: #e56266;
  padding: 7px 5px;
  margin-left: 3px;
}

.accordion-pendidikan {
  background: url(images/bg-merah.png) no-repeat center center/cover;
  padding: 120px 0 40px;
}
.accordion-pendidikan .accordion-block {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 0 25px 25px 25px;
  position: relative;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  margin-bottom: 111px;
}
.accordion-pendidikan .accordion-block:last-child {
  margin-bottom: 51px;
}
.accordion-pendidikan .accordion-block .accordion-box {
  height: 220px;
  overflow: hidden;
  transition: height ease 1s;
}
.accordion-pendidikan .accordion-block .accordion-box .accordion-content h2 {
  font-family: "PoppinsBold";
  border-bottom: solid 1px #b3b3b3;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.accordion-pendidikan .accordion-block .accordion-box .accordion-content .content-box {
  margin-bottom: 13px;
}
.accordion-pendidikan .accordion-block .accordion-box .accordion-content .content-box h4 {
  background-color: #DB292F;
  color: #ffffff;
  font-family: "PoppinsBold";
  padding: 5px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 13px;
  font-size: 1.2rem;
}
.accordion-pendidikan .accordion-block .accordion-box .accordion-content .content-box p {
  font-size: 0.9rem;
}
.accordion-pendidikan .accordion-block .accordion-box .accordion-content .content-box ol {
  padding: 0 0 0 15px;
}
.accordion-pendidikan .accordion-block .accordion-box .accordion-content .content-box ol li {
  padding-left: 10px;
}
.accordion-pendidikan .accordion-block.active .accordion-box {
  height: auto;
  overflow-y: auto;
}
.accordion-pendidikan .accordion-block .toggler {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: -70px;
  position: absolute;
  padding: 20px 20px 20px 40px;
  width: 225px;
  border-radius: 25px 25px 0 0;
  left: 0;
  background-color: #fff;
}
.accordion-pendidikan .accordion-block .toggler .fas {
  color: #DB292F;
  font-size: 2.5em;
  -webkit-text-stroke: 2px #DB292F;
  border-radius: 25px 25px 0 0;
}
.accordion-pendidikan .accordion-block .toggler:hover {
  cursor: pointer;
}
.accordion-pendidikan .accordion-img img {
  width: 100%;
}
.accordion-pendidikan .prodi-box {
  margin-top: 30px;
  padding: 0 15px;
}
.accordion-pendidikan .prodi-box .title {
  font-family: "PoppinsBold";
  margin-bottom: 15px;
}
.accordion-pendidikan .prodi-box .prodi-list {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
}
.accordion-pendidikan .prodi-box .prodi-list .prodi-list-item .prodi-list-link {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #f0f0f0;
  border: solid 2px #E5E5E5;
  padding: 10px;
  border-radius: 15px;
  margin: 0 15px 20px;
  color: #1a1a1a;
  font-family: "PoppinsBold";
}
.accordion-pendidikan .prodi-box .prodi-list .prodi-list-item .prodi-list-link:first-child {
  margin-left: 0;
}
.accordion-pendidikan .prodi-box .prodi-list .prodi-list-item .prodi-list-link .ico-wrap {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding: 5px 15px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #444444;
  margin-right: 10px;
}
.accordion-pendidikan .prodi-box .prodi-list .prodi-list-item .prodi-list-link .ico-wrap img {
  width: 100%;
}
.accordion-pendidikan .prodi-box .prodi-list .prodi-list-item .prodi-list-link span {
  font-size: 0.8rem;
}
.accordion-pendidikan .prodi-box .prodi-list .prodi-list-item .prodi-list-link:hover {
  background-color: #f8d8d9;
  border: solid 2px #e25559;
}

.sambutan-rektor {
  border-radius: 25px;
  background-color: #f0f0f0;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.sambutan-rektor .sambutan-title {
  background: url(images/bg-title.png) no-repeat;
  width: 100%;
  height: 200px;
  border-radius: 25px 25px 0 0;
  display: flex;
  align-items: center;
  padding-left: 25px;
}
.sambutan-rektor .sambutan-title h2 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 2rem;
  text-transform: uppercase;
}
.sambutan-rektor .sambutan-title h2:after {
  content: "";
  background-color: #ffffff;
  width: 90px;
  height: 7px;
  border-radius: 5px;
  margin-top: 20px;
  display: block;
}
.sambutan-rektor .sambutan-content {
  padding: 25px;
}
.sambutan-rektor .sambutan-content h5 {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 25px;
}
.sambutan-rektor .sambutan-content p {
  font-size: 0.8rem;
}
.sambutan-rektor .rektor-img {
  padding: 25px;
}
.sambutan-rektor .rektor-img img {
  width: 100%;
}

.section-tentang {
  margin-bottom: 40px;
}

.section-struktur {
  background: url(images/bg-merah.png) no-repeat center center/cover;
  padding: 40px 0;
}
.section-struktur .struktur-content {
  background-color: #fbe9ea;
  border-radius: 25px;
}
.section-struktur .struktur-content .struktur-title {
  background: url(images/bg-title2.png) no-repeat;
  background-color: #DB2C32;
  width: 100%;
  height: 240px;
  border-radius: 25px 25px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-struktur .struktur-content .struktur-title h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 2.3rem;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 767px) {
  .section-struktur .struktur-content .struktur-title h3 {
    text-align: center;
  }
}
.section-struktur .struktur-content .struktur-title h3:after {
  content: "";
  background-color: #ffffff;
  width: 140px;
  height: 7px;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 111px;
  left: 0;
  right: 0;
}
.section-struktur .struktur-content .struktur-bagan {
  padding: 50px;
}
.section-struktur .struktur-content .struktur-bagan img {
  width: 100%;
}

.section-tentang-links {
  background: url(images/tentang-bg.png) no-repeat center center/cover;
  padding: 40px 0;
}
.section-tentang-links h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 2.3rem;
  text-transform: uppercase;
  position: relative;
}
.section-tentang-links h3:after {
  content: "";
  background-color: #ffffff;
  width: 140px;
  height: 7px;
  margin: 20px 0 40px;
  display: block;
}
@media (max-width: 767px) {
  .section-tentang-links h3 {
    text-align: center;
  }
  .section-tentang-links h3:after {
    margin: 20px auto 40px;
  }
}
.section-tentang-links .link-box {
  width: 100%;
  display: block;
  background-color: #DB292F;
  border-bottom: solid 7px #ffffff;
  padding: 20px;
  color: #ffffff;
  min-height: 200px;
  position: relative;
}
@media (max-width: 480px) {
  .section-tentang-links .link-box {
    min-height: 270px;
  }
}
.section-tentang-links .link-box h5 {
  font-family: "PoppinsBold";
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.section-tentang-links .link-box p {
  font-size: 0.9rem;
}
.section-tentang-links .link-box .pointer {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 10px;
  border-radius: 100%;
  background-color: #ea8084;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-tentang-links .link-box .pointer .fas {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .section-tentang-links .link-box {
    margin-bottom: 20px;
  }
}

.riset-link-top {
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  background-color: #e6e6e6;
  padding: 30px 80px;
}
@media (max-width: 767px) {
  .riset-link-top {
    padding: 20px 20px 10px;
  }
}
.riset-link-top .link-box {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 150px;
  align-items: center;
  justify-content: flex-start;
  background-color: #ffffff;
  transition: ease 1s;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  text-align: center;
  padding: 20px 40px;
  color: #1a1a1a;
}
.riset-link-top .link-box .link-img {
  margin-bottom: 10px;
  height: 50px;
}
.riset-link-top .link-box .link-caption {
  font-family: "PoppinsBold";
}
.riset-link-top .link-box:hover {
  cursor: pointer;
  background: linear-gradient(184deg, #DB2C32 0%, #7D1212 100%);
  color: #ffffff;
  margin-top: -40px;
  box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.48);
}
@media (max-width: 767px) {
  .riset-link-top .link-box {
    margin-bottom: 20px;
  }
}

.riset-mid-content {
  background-color: #ffffff;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  margin-top: 70px;
}
.riset-mid-content .mid-content-top {
  padding: 60px 30px;
}
@media (max-width: 767px) {
  .riset-mid-content .mid-content-top {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .riset-mid-content .mid-content-top .content-inner {
    padding: 20px;
  }
}
.riset-mid-content .mid-content-top .content-inner p {
  margin-bottom: 50px;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .riset-mid-content .mid-content-top .content-inner p {
    margin-bottom: 20px;
  }
}
.riset-mid-content .mid-content-top .highlight {
  background-color: #DB292F;
  border-radius: 25px;
  padding: 30px;
  color: #ffffff;
  margin: -90px 0 60px -30px;
  border-bottom: solid 17px #9d1a1f;
}
@media (max-width: 767px) {
  .riset-mid-content .mid-content-top .highlight {
    margin: -90px 0 60px;
  }
}
.riset-mid-content .mid-content-top .highlight h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 1.5rem;
  text-transform: uppercase;
}
.riset-mid-content .mid-content-top .highlight h3:after {
  content: "";
  background-color: #ffffff;
  width: 90px;
  height: 7px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 40px;
  display: block;
}
.riset-mid-content .mid-content-top .highlight p {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .riset-mid-content .mid-content-top .content-img {
    padding: 20px;
  }
}
.riset-mid-content .mid-content-top .content-img img {
  width: 100%;
}
.riset-mid-content .mid-content-bot {
  background-color: #fbe5e5;
  position: relative;
  border-radius: 0 0 25px 25px;
}
.riset-mid-content .mid-content-bot .title {
  background-color: #DB292F;
  border-bottom: solid 17px #9d1a1f;
  height: 125px;
  padding: 20px 0 20px 30px;
}
@media (max-width: 767px) {
  .riset-mid-content .mid-content-bot .title {
    height: auto;
  }
}
.riset-mid-content .mid-content-bot .title h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 1.7rem;
  text-transform: uppercase;
}
.riset-mid-content .mid-content-bot .title h3:after {
  content: "";
  background-color: #ffffff;
  width: 90px;
  height: 7px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}
.riset-mid-content .mid-content-bot .content-box {
  padding: 40px 30px;
}
.riset-mid-content .mid-content-bot .content-box p {
  color: #1a1a1a;
}
.riset-mid-content .mid-content-bot .content-box ol {
  margin-bottom: 40px;
}
.riset-mid-content .mid-content-bot .content-box ol li {
  padding-left: 5px;
}
.riset-mid-content .mid-content-bot .content-box .link-to-riset {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #DB292F;
  border-radius: 25px 0 25px 0;
  padding: 0 0 0 40px;
}
.riset-mid-content .mid-content-bot .content-box .link-to-riset a {
  display: block;
  color: #ffffff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.riset-mid-content .mid-content-bot .content-box .link-to-riset span {
  background-color: #f1acae;
  border-radius: 25px 0 25px 0;
  padding: 10px 40px 10px 20px;
  display: block;
  margin-left: 10px;
  font-size: 1.5rem;
}

.ragam-inovasi {
  background: url(images/bg-merah.png) no-repeat center center/cover;
  padding: 40px 0 0;
  margin-top: 60px;
  position: relative;
}
.ragam-inovasi .inovasi-block .inovasi-title {
  background-color: #DB292F;
  border-radius: 25px;
  border-bottom: solid 17px #87171b;
  height: 125px;
  padding: 20px 0 20px 30px;
  margin: -60px 10px 60px;
}
@media (max-width: 767px) {
  .ragam-inovasi .inovasi-block .inovasi-title {
    height: auto;
  }
}
.ragam-inovasi .inovasi-block .inovasi-title h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 1.7rem;
  text-transform: uppercase;
}
.ragam-inovasi .inovasi-block .inovasi-title h3:after {
  content: "";
  background-color: #ffffff;
  width: 90px;
  height: 7px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}
.ragam-inovasi .inovasi-block .inovasi-box {
  margin-bottom: 80px;
  padding-bottom: 100px;
  border-bottom: solid 1px #ffffff;
}
.ragam-inovasi .inovasi-block .inovasi-box:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  .ragam-inovasi .inovasi-block .inovasi-box {
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
}
.ragam-inovasi .inovasi-block .inovasi-box .img-wrap {
  background-color: #f1acae;
  padding: 20px;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .ragam-inovasi .inovasi-block .inovasi-box .img-wrap {
    margin-bottom: 80px;
  }
}
.ragam-inovasi .inovasi-block .inovasi-box .img-wrap img {
  width: 100%;
  margin-bottom: -60px;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.ragam-inovasi .inovasi-block .inovasi-box .inovasi-content {
  color: #ffffff;
  padding: 0 15px;
}
.ragam-inovasi .inovasi-block .inovasi-box .inovasi-content h4 {
  font-family: "PoppinsBold";
  font-size: 1.9rem;
  margin-bottom: 20px;
}
.ragam-inovasi .inovasi-block .inovasi-box .inovasi-content p {
  font-size: 1rem;
  margin-bottom: 40px;
}
.ragam-inovasi .inovasi-block .inovasi-box .link-to-detail {
  color: #ffffff;
  padding: 6px 25px;
  border-radius: 8px;
  border: solid 1px #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ragam-inovasi .inovasi-block .link-to-riset {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #DB292F;
  border-radius: 25px 0 25px 0;
  padding: 0 0 0 40px;
}
.ragam-inovasi .inovasi-block .link-to-riset a {
  display: block;
  color: #ffffff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.ragam-inovasi .inovasi-block .link-to-riset span {
  background-color: #f1acae;
  border-radius: 25px 0 0 0;
  padding: 10px 40px 10px 20px;
  display: block;
  margin-left: 10px;
  font-size: 1.5rem;
}

.pengabdian-block {
  background-color: #f0f0f0;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  position: relative;
}
.pengabdian-block .pengabdian-box .pengabdian-title {
  background-color: #DB292F;
  border-bottom: solid 17px #9d1a1f;
  padding: 20px 0 20px 30px;
  border-radius: 25px 25px 0 0;
}
@media (max-width: 767px) {
  .pengabdian-block .pengabdian-box .pengabdian-title {
    padding: 20px;
  }
}
.pengabdian-block .pengabdian-box .pengabdian-title h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 1.7rem;
  text-transform: uppercase;
}
.pengabdian-block .pengabdian-box .pengabdian-title h3:after {
  content: "";
  background-color: #ffffff;
  width: 90px;
  height: 7px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 40px;
  display: block;
}
.pengabdian-block .pengabdian-box .pengabdian-title p {
  color: #ffffff;
}
.pengabdian-block .pengabdian-inner {
  padding: 30px 30px 50px;
}
@media (max-width: 767px) {
  .pengabdian-block .pengabdian-inner {
    padding: 30px 20px 50px;
  }
}
.pengabdian-block .pengabdian-inner .pengabdian-row {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #cccccc;
}
.pengabdian-block .pengabdian-inner .pengabdian-row:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  .pengabdian-block .pengabdian-inner .pengabdian-row .pengabdian-img {
    margin-bottom: 20px;
  }
}
.pengabdian-block .pengabdian-inner .pengabdian-row .pengabdian-img img {
  width: 100%;
}
.pengabdian-block .pengabdian-inner .pengabdian-row .pengabdian-content h4 {
  padding: 20px;
  background-color: #ffffff;
  font-family: "PoppinsBold";
  text-align: center;
  margin-bottom: 20px;
  border-radius: 12px;
}
.pengabdian-block .link-to-riset {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #DB292F;
  border-radius: 25px 0 25px 0;
  padding: 0 0 0 40px;
}
@media (max-width: 320px) {
  .pengabdian-block .link-to-riset {
    border-radius: 0 0 25px 25px;
  }
}
.pengabdian-block .link-to-riset a {
  display: block;
  color: #ffffff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.pengabdian-block .link-to-riset span {
  background-color: #f1acae;
  border-radius: 25px 0 25px 0;
  padding: 10px 40px 10px 20px;
  display: block;
  margin-left: 10px;
  font-size: 1.5rem;
}

.single-pojok-opini .pojok-opini-box {
  background-color: #ffffff;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.single-pojok-opini .pojok-opini-box .author-box {
  background-color: #e0e0e0;
  border-radius: 25px;
}
.single-pojok-opini .pojok-opini-box .author-box .this-blog-category {
  border-radius: 25px 25px 0 0;
  background-color: #c7c7c7;
  padding: 20px 40px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .author-box .this-blog-category {
    flex-direction: column;
    padding: 20px 20px 5px;
  }
}
.single-pojok-opini .pojok-opini-box .author-box .this-blog-category span {
  width: 100px;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .author-box .this-blog-category span {
    width: 100%;
  }
}
.single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul {
  display: flex;
  flex-flow: row wrap;
  width: calc(100% - 100px);
  list-style: none;
  padding: 0;
}
.single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul li a {
  display: block;
  margin-left: 20px;
  color: #444444;
}
.single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul li a::after {
  content: "";
  border-right: solid 1px #444444;
  margin-left: 20px;
}
.single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul li:first-child a {
  margin-left: 0;
}
.single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul li:last-child a::after {
  border-right: none;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul {
    width: 100%;
  }
  .single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul li a {
    margin-left: 5px;
  }
  .single-pojok-opini .pojok-opini-box .author-box .this-blog-category ul li a::after {
    margin-left: 5px;
  }
}
.single-pojok-opini .pojok-opini-box .author-box .author-bio {
  padding: 40px 0 40px 40px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .author-box .author-bio {
    flex-direction: column;
    padding: 40px 20px;
  }
}
.single-pojok-opini .pojok-opini-box .author-box .author-bio .author-img {
  width: 22%;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .author-box .author-bio .author-img {
    width: 100%;
    margin: 0 auto 20px;
  }
}
.single-pojok-opini .pojok-opini-box .author-box .author-bio .author-img img {
  width: 100%;
}
.single-pojok-opini .pojok-opini-box .author-box .author-bio .author-about {
  width: 75%;
  background-color: #f2f2f2;
  border-radius: 25px 0 0 25px;
  padding: 20px 40px 20px;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .author-box .author-bio .author-about {
    width: 100%;
    padding: 20px;
    border-radius: 25px;
  }
}
.single-pojok-opini .pojok-opini-box .author-box .author-bio .author-about h4 {
  background-color: #c9c9c9;
  padding: 10px 120px 10px 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: -40px;
  margin-bottom: 20px;
  color: #ffffff;
  font-family: "PoppinsBold";
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .author-box .author-bio .author-about h4 {
    margin-left: -20px;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content {
  padding: 40px;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content {
    padding: 40px 20px;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail {
  width: 100%;
  margin: 0 auto 120px;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail {
    margin-bottom: 180px;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 25px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .author-socmed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 25px 0 0 25px;
  background-color: rgba(26, 26, 26, 0.5);
  padding: 10px 10px 10px 15px;
  margin: auto;
  height: 200px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .author-socmed ul {
  list-style: none;
  padding: 0;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .author-socmed ul li a {
  color: #ffffff;
  font-size: 1.5rem;
  opacity: 0.6;
  display: block;
  margin-bottom: 10px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .author-socmed ul li a:hover {
  opacity: 1;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .author-socmed ul li:last-child a {
  margin-bottom: 0;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title {
  background-color: #f4f4f4;
  border-radius: 25px;
  position: absolute;
  width: 80%;
  left: 0;
  right: 0;
  bottom: -60px;
  margin: auto;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title {
    width: 100%;
    bottom: -145px;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title h3 {
  font-size: 1.4rem;
  font-family: "PoppinsBold";
  text-align: center;
  margin: 15px 0;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc {
  background-color: #fbe9ea;
  border-radius: 0 0 25px 25px;
  display: flex;
  flex-flow: row wrap;
  padding: 17px 0;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc {
    padding: 17px 5px 5px;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  margin: auto;
  align-items: center;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner {
    flex-direction: column;
    width: 100%;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .post-detail {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .post-detail {
    width: 100%;
    margin-bottom: 20px;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .post-detail span {
  display: block;
  margin: 0 7px;
  color: #626262;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .post-detail span .fas {
  margin-right: 5px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list {
  padding: 0 0 0 10px;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 0 10px;
  border-left: solid 1px #626262;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list {
    border-left: none;
    margin: 0;
    padding: 0;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item {
  margin: 0 7px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item a,
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item .tag-link {
  padding: 6px 13px;
  color: #1a1a1a;
  border-radius: 8px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item a:first-child,
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item .tag-link:first-child {
  background-color: #68d98e;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item a,
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item .tag-link {
    margin-bottom: 10px;
    display: block;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-detail .featured-img .content-title .content-etc .content-etc-inner .tag-list .tag-item:nth-child(2) a {
  background-color: #ffd042;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner p {
  margin-bottom: 30px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner p:first-line {
  text-indent: 50px;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner p a {
  color: #DB292F;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner .content-with-img {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner .content-with-img {
    flex-direction: column;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner .content-with-img .left {
  width: 35%;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner .content-with-img .left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner .content-with-img .left img {
  width: 100%;
}
.single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner .content-with-img .right {
  width: 60%;
}
@media (max-width: 767px) {
  .single-pojok-opini .pojok-opini-box .pojok-opini-content .content-inner .content-with-img .right {
    width: 100%;
  }
}

.content-gallery {
  background-color: #e6e6e6;
  padding: 20px 20px 20px 65px;
  border-radius: 25px;
}
.content-gallery .owl-carousel .owl-stage-outer {
  width: 80%;
}
.content-gallery .owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  left: -50px;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.content-gallery .owl-carousel .owl-nav .owl-prev,
.content-gallery .owl-carousel .owl-nav .owl-next {
  color: #444444;
  border: solid 1px #444444;
  padding: 3px 11px !important;
  border-radius: 100%;
  opacity: 0.4;
  transition: opacity 0.3s;
}
.content-gallery .owl-carousel .owl-nav .owl-prev:hover,
.content-gallery .owl-carousel .owl-nav .owl-next:hover {
  opacity: 1;
}
.content-gallery .owl-carousel .owl-nav .owl-prev .fas,
.content-gallery .owl-carousel .owl-nav .owl-next .fas {
  font-size: 2rem;
}
.content-gallery .owl-carousel .owl-item img {
  height: 100px;
  width: auto !important;
}

.related-block {
  background-color: #fbe9ea;
  padding: 40px;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.related-block .related-title {
  background-color: #ffffff;
  border: solid 2px #f4bdbf;
  border-radius: 8px;
  padding: 10px 30px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 40px;
}
.related-block .related-title h4 {
  margin: 0;
}
.related-block .related-box {
  color: #DB292F;
  background-color: #ffffff;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  height: 150px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .related-block .related-box {
    margin-bottom: 30px;
  }
}
.related-block .related-box .img-wrap {
  border-radius: 25px 0 0 25px;
  width: 35%;
  height: 100%;
}
.related-block .related-box .img-wrap.img-1 {
  background: url(images/img-po-7.png) no-repeat center center/cover;
}
.related-block .related-box .img-wrap.img-2 {
  background: url(images/img-po-8.png) no-repeat center center/cover;
}
.related-block .related-box .box-content {
  width: 60%;
  padding: 20px 10px 20px 0;
}
.related-block .related-box .box-content h5 {
  font-family: "PoppinsBold";
  font-size: 1rem;
  margin-bottom: 7px;
}
.related-block .related-box .box-content h5::before {
  content: "“";
}
.related-block .related-box .box-content h5::after {
  content: "”";
}
.related-block .related-box .box-content .post-detail {
  color: #626262;
  font-size: 0.7rem;
}
.related-block .related-box .box-content .post-detail span {
  margin: 0 5px;
}
.related-block .related-box:hover {
  background-color: #DB292F;
  color: #ffffff;
}
.related-block .related-box:hover .post-detail {
  color: #ffffff;
}
.related-block .link-to-list {
  display: block;
  border: dashed 1px #626262;
  color: #626262;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 25px;
  height: 150px;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .related-block .link-to-list {
    width: 100%;
    height: auto;
  }
}
.related-block .link-to-list span {
  word-break: break-word;
  display: block;
  width: 170px;
  padding: 20px;
}
@media (max-width: 767px) {
  .related-block .link-to-list span {
    width: 100%;
  }
}
.related-block .link-to-list span::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-left: 6px;
  vertical-align: middle;
  font-weight: 900;
}

.list-author {
  background: url(images/bg-merah.png) no-repeat center center/cover;
  padding: 40px 0;
}
.list-author .list-author-block h3 {
  background-color: #ffffff;
  border: solid 2px #f4bdbf;
  border-radius: 8px;
  padding: 10px 30px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 40px;
}
.list-author .list-author-block .author-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px 30px;
  margin-bottom: 20px;
  height: 90px;
}
@media (max-width: 767px) {
  .list-author .list-author-block .author-link {
    height: auto;
  }
}
.list-author .list-author-block .author-link img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  border: solid 2px #DB292F;
}
.list-author .list-author-block .author-link .link-desc {
  width: calc(100% - 70px);
  color: #1a1a1a;
}
.list-author .list-author-block .author-link .link-desc .author-name {
  font-family: "PoppinsBold";
  font-size: 1rem;
}
.list-author .list-author-block .author-link .link-desc .author-job {
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .list-author .list-author-block .author-link .link-desc .author-job {
    margin: 0;
  }
}
.list-author .list-author-block .author-link:hover {
  background-color: #DB292F;
}
.list-author .list-author-block .author-link:hover .link-desc {
  color: #ffffff;
}

.page-title-1 {
  background: url(images/19.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 25px 25px;
  height: 200px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.page-title-1 .page-title-text {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 3rem;
  padding: 0 10px;
}

.himas-section {
  background-color: #F6DAD9;
  border-radius: 25px;
  padding: 25px;
  margin: 25px 15px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.himas-section .himas-title {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 10px 0px 3px 0px;
  margin: 25px 0px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.himas-section .himas-title .himas-title-text {
  color: #DB292F;
  text-align: center;
  font-family: "PoppinsBold";
  font-size: 2rem;
}
.himas-section .himas-text {
  color: #444444;
  text-align: center;
  font-family: "Poppins";
  font-size: 1.5rem;
}

.download {
  background: url(images/bg-merah.png) no-repeat;
  margin-top: 10px;
  padding: 20px;
}
.download .download-section {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.download .download-section .download-section-text {
  color: #444444;
  font-family: "Poppins";
  font-size: 1.2rem;
}
.download .download-section .download-bar {
  background-color: #F6DAD9;
  border-radius: 10px;
  padding: 15px 15px 0px 15px;
}
.download .download-section .download-bar-text {
  color: #444444;
  font-family: "PoppinsBold";
  font-size: 1.2rem;
}
.download .download-section .download-btn {
  font-family: "PoppinsBold";
  color: #DB292F;
  font-size: 0.8rem;
  border: 1.7px solid #DB292F;
  border-radius: 100px;
}

.page-title-2 {
  background: url(images/22.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 25px 25px;
  height: 200px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.page-title-2 .page-title-text-2 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 3rem;
  padding: 0 10px;
}

.vimis-section {
  background: url(images/23.png) no-repeat;
  background-size: cover;
  background-position-y: center;
  border-radius: 25px;
  padding: 40px;
  margin: 25px 0px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.vimis-section .vimis-item {
  width: 100%;
  max-width: 750px;
  margin-bottom: 30px;
}
.vimis-section .vimis-item .vimis-title {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0px 10px;
  margin-bottom: 30px;
  align-items: center;
  width: 300px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.vimis-section .vimis-item .vimis-title .vimis-title-text {
  color: #DB292F;
  margin-top: 10px;
  margin-left: 10px;
  margin: 10px 0px 10px 10px;
  font-family: "PoppinsBold";
}
.vimis-section .vimis-item ol {
  line-height: 200%;
}
.vimis-section .vimis-item ol li::marker {
  font-size: 18px;
}
.vimis-section .vimis-item ul {
  list-style-type: none;
  line-height: 200%;
  padding-left: 0px;
}
.vimis-section .vimis-item hr {
  background-color: #DB292F;
  border-width: 1px;
  margin-top: 20px;
}

.page-title-3 {
  background: url(images/24.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 25px 25px;
  height: 200px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.page-title-3 .page-title-text-3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 3rem;
  padding: 0 10px;
}

.capaian-section {
  background-color: #ffffff;
  border-radius: 25px;
  margin: 25px 0px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.capaian-section .capaian-item {
  background-color: #E5E5E5;
  padding: 25px;
  margin: 0px;
}
.capaian-section .capaian-item:first-child {
  border-radius: 25px 25px 0 0;
  border-bottom: 10px solid #ffffff;
}
.capaian-section .capaian-item:last-child {
  border-radius: 0 0 25px 25px;
  border-top: 10px solid #ffffff;
}
.capaian-section .capaian-item .capaian-title {
  background-color: #ffffff;
  width: 100%;
  max-width: 600px;
  padding: 10px 10px 2px 20px;
  border-left: 8px solid #AB1926;
  border-radius: 8px;
  margin-bottom: 20px;
  color: #AB1926;
  font-family: "PoppinsBold";
}
.capaian-section .border-radius-1 {
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  margin-bottom: 10px;
}
.capaian-section .border-radius-2 {
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  margin-top: 10px;
}

.renstra {
  background-color: #ffffff;
  border-radius: 25px;
  padding: 35px;
  margin: 25px 0px;
  margin-top: 60px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.renstra .renstra-title {
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  background-color: #DB292F;
  top: -60px;
  position: relative;
  color: #ffffff;
  font-family: "PoppinsBold";
  text-align: center;
}
.renstra .renstra-text {
  position: relative;
  top: -20px;
}
.renstra .renstra-text ul {
  margin-bottom: 20px;
}
.renstra .renstra-text ul li {
  list-style-image: url(images/ico-point.svg);
}

.page-title-4 {
  background: url(images/29.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 25px 25px;
  height: 200px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.page-title-4 .page-title-text-4 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 3rem;
  padding: 0 10px;
}

.sejarah-section {
  margin-top: 30px;
  margin-bottom: 30px;
  justify-content: space-between;
}
.sejarah-section .sejarah-item {
  background-color: #ffffff;
  border-radius: 25px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  overflow: hidden;
}
.sejarah-section .sejarah-item-text {
  padding: 20px;
}
.sejarah-section .sejarah-item-text h4 {
  color: #444444;
  font-family: "PoppinsBold";
  font-size: 1.2rem;
}
.sejarah-section .sejarah-item-text p {
  color: #DB292F;
  font-family: "PoppinsBold";
  font-size: 1rem;
}

.logo-ittp {
  margin-top: 10px;
  padding: 20px;
}
.logo-ittp .logo-heading {
  border-bottom: solid 2px #ffffff;
  margin-bottom: 20px;
  text-align: center;
}
.logo-ittp .logo-heading h1 {
  font-family: "PoppinsBold";
  color: #ffffff;
  font-size: 1.7rem;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: solid 5px #ffffff;
  text-transform: uppercase;
  padding: 0 7px 13px;
}
.logo-ittp .logo-section {
  background-color: #E5E5E5;
  border-radius: 20px;
  padding: 35px 25px;
  position: relative;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.logo-ittp .logo-section .logo-image {
  position: relative;
  z-index: 2;
  margin: 0 auto 20px;
  background-color: #ffffff;
  border-radius: 25px;
  padding: 40px;
  max-width: 400px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.logo-ittp .logo-section .makna-logo {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 100px 50px 50px 50px;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -100px;
}
.logo-ittp .logo-section .makna-logo h4 {
  text-align: center;
  color: #DB292F;
  font-family: "PoppinsBold";
  margin-bottom: 25px;
}
.logo-ittp .logo-section .makna-logo ol {
  line-height: 200%;
}
.logo-ittp .logo-section .makna-logo ol li::marker {
  font-size: 18px;
}
.logo-ittp .logo-section .logo-download {
  top: -80px;
  position: relative;
  padding: 25px;
}
.logo-ittp .logo-section .logo-download .logo-item {
  border-bottom: 1px solid #626262;
  margin-bottom: 12px;
  padding: 12px 0 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.logo-ittp .logo-section .logo-download .logo-item .txt-logo-download {
  font-family: "PoppinsBold";
  width: 80%;
}
.logo-ittp .logo-section .logo-download .logo-item .btn-logo-download {
  font-family: "PoppinsBold";
  color: #DB292F;
  font-size: 0.8rem;
  border: 1.7px solid #DB292F;
  border-radius: 100px;
  margin-bottom: 20px;
  padding: 0.375rem 0.75rem;
}
.logo-ittp .logo-section .logo-download .disclaimer {
  font-size: 0.8rem;
}

.page-title-8 {
  background-color: #AB1926;
  border-radius: 0 0 25px 25px;
  padding: 70px 25px;
  margin-bottom: 50px;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.page-title-8 .nf-a {
  font-family: "PoppinsBold";
  font-size: 10rem;
}
.page-title-8 .nf-b {
  font-family: "PoppinsBold";
  font-size: 2rem;
  margin-bottom: 50px;
}
.page-title-8 a {
  padding: 20px;
  color: #fff;
  font-family: "Poppins";
}

.search-result-block {
  border-radius: 0 0 25px 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  background-color: #ffffff;
  padding: 40px;
  margin: 0 0 40px;
}
.search-result-block .search-result-heading {
  margin-bottom: 30px;
}
.search-result-block .search-result-body .search-result-box {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: solid 1px #DB292F;
}
.search-result-block .search-result-body .search-result-box .post-title {
  margin-bottom: 15px;
}

.page-content {
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  background-color: #ffffff;
  padding: 40px;
  margin: 40px 0;
}

body.author .page-heading .heading-img {
  height: 90px;
}
body.author .content h4 {
  margin-bottom: 20px;
}
body.author .content .author-post-list {
  list-style: none;
  padding: 0;
}
body.author .content .author-post-list .author-post-link {
  color: #DB292F;
  font-size: 1.2rem;
}
body.author .content .author-post-list .author-post-link:hover {
  color: #ffbf00;
}
body.author .content .date {
  color: #626262;
  font-size: 0.8rem;
}

.visimisi-content {
  background: url(images/23.png) no-repeat;
  background-size: cover;
  background-position-y: center;
  border-radius: 25px;
  padding: 40px;
  margin: 25px 0px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.visimisi-content .visimisi-inner {
  width: 100%;
}
@media (min-width: 768px) {
  .visimisi-content .visimisi-inner {
    width: 75%;
  }
}
.visimisi-content .visimisi-inner h3 {
  background-color: #ffffff;
  color: #DB292F;
  font-family: "PoppinsBold";
  border-radius: 10px;
  padding: 0px 10px;
  margin-bottom: 30px;
  align-items: center;
  width: 300px;
  padding: 10px;
  display: flex;
}
.visimisi-content .visimisi-inner h3::before {
  content: "";
  background: url(images/ico-plane.svg) no-repeat;
  width: 35px;
  height: 35px;
  display: block;
  margin-right: 10px;
}
.visimisi-content .visimisi-inner p, .visimisi-content .visimisi-inner ol {
  border-bottom: solid 1px #DB292F;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.hymne-box {
  background-color: #fbe5e5;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  padding: 25px;
}
.hymne-box .hymne-title {
  background-color: #ffffff;
  border-radius: 15px;
  padding: 10px;
  text-align: center;
  font-family: "PoppinsBold";
  color: #DB292F;
  margin: 20px 0 40px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
}
.hymne-box .hymne-video iframe {
  border-radius: 25px;
}
.hymne-box .hymne-content {
  font-size: 1.5rem;
}

.download-section {
  background: url(images/bg-merah.png) no-repeat center center/cover;
  padding: 40px 0;
  margin: 60px 0 0;
}
.download-section .download-box {
  background-color: #ffffff;
  border-radius: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  padding: 30px;
}
.download-section .download-box .download-row {
  background-color: #fbe5e5;
  border-radius: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 15px;
}
.download-section .download-box .download-row h5 {
  width: 80%;
  margin-right: 10px;
  color: #444444;
  font-family: "PoppinsBold";
}
.download-section .download-box .download-row a {
  font-family: "PoppinsBold";
  color: #DB292F;
  font-size: 0.8rem;
  border: 1.7px solid #DB292F;
  border-radius: 100px;
  padding: 0.375rem 0.75rem;
  text-transform: uppercase;
}

.backto-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  z-index: 99999;
  color: #DB292F;
  font-size: 25px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 6px 9px 0px rgba(50, 50, 50, 0.48);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: solid 2px #ffffff;
}

.content-section .page-title-13 {
  background: url(./images/67.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 25px 25px;
  padding: 50px 20px 20px 20px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
}
.content-section .page-title-13 .page-title-text-13 {
  background: -webkit-linear-gradient(111deg, #92131A, #DB292F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "PoppinsBold";
  font-weight: 800;
  -webkit-text-stroke: 0.5px #ffffff;
  max-width: 800px;
  font-family: "PoppinsBold";
  font-size: 3rem;
  padding: 0 10px;
}

.p-content {
  background-color: #f4f4f4;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.48);
  margin: 70px 0;
}
.p-content .title {
  background-color: #DB292F;
  border-radius: 25px;
  padding: 30px;
  color: #ffffff;
  border-bottom: solid 17px #9d1a1f;
}
.p-content .title h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 1.7rem;
  text-transform: uppercase;
}
.p-content .title h3:after {
  content: "";
  background-color: #ffffff;
  width: 90px;
  height: 7px;
  border-radius: 5px;
  margin-top: 20px;
  display: block;
}
.p-content .sect {
  padding: 40px;
}
.p-content .sect .item-con .item {
  margin-bottom: 50px;
}
.p-content .sect .item-con .item .item-title {
  border-bottom: solid 2px #DB292F;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.p-content .sect .item-con .item .item-title .item-title-text {
  color: #444444;
  margin: 0px 0px 0px 10px;
  font-family: "PoppinsBold";
  padding-left: 45px;
}
.p-content .sect .item-con .item .item-title .item-title-1 {
  background: url(images/ico-pencil.svg) no-repeat 0 0;
}
.p-content .sect .item-con .item .item-title .item-title-2 {
  background: url(images/ico-location.svg) no-repeat 0 0;
}
.p-content .sect .item-con .item .item-title .item-title-3 {
  background: url(images/ico-phone.svg) no-repeat 0 0;
}
.p-content .sect .item-con .item p {
  word-break: break-word;
}
.p-content .sect .item-con .item a {
  color: #DB292F;
}
.p-content .sect .item-img {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.p-content .sect .item-img .author-socmed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 25px 0 0 25px;
  background-color: rgba(26, 26, 26, 0.5);
  padding: 10px 10px 10px 15px;
  margin: auto;
  height: 150px;
}
.p-content .sect .item-img .author-socmed ul {
  list-style: none;
  padding: 0;
}
.p-content .sect .item-img .author-socmed ul li a {
  color: #ffffff;
  font-size: 1.5rem;
  opacity: 0.6;
  display: block;
  margin-bottom: 10px;
}
.p-content .sect .item-img .author-socmed ul li a:hover {
  opacity: 1;
}
.p-content .sect .item-img .author-socmed ul li:last-child a {
  margin-bottom: 0;
}
.p-content .sect .item-img img {
  width: 100%;
}
.p-content .title2 {
  background-color: #DB292F;
  padding: 30px;
  color: #ffffff;
  border-bottom: solid 17px #9d1a1f;
}
.p-content .title2 h3 {
  color: #ffffff;
  font-family: "PoppinsBold";
  font-size: 1.7rem;
  text-transform: uppercase;
}
.p-content .title2 h3:after {
  content: "";
  background-color: #ffffff;
  width: 90px;
  height: 7px;
  border-radius: 5px;
  margin-top: 20px;
  display: block;
}
.p-content .acara-carousel {
  padding: 50px 20px;
}
.p-content .acara-carousel .owl-carousel .owl-stage-outer {
  width: 85%;
  margin: auto;
}
@media (max-width: 767px) {
  .p-content .acara-carousel .owl-carousel .owl-stage-outer {
    width: 100%;
  }
}
.p-content .acara-carousel .owl-carousel .owl-stage {
  height: 360px;
  position: relative;
}
.p-content .acara-carousel .owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.p-content .acara-carousel .owl-carousel .owl-nav .owl-prev,
.p-content .acara-carousel .owl-carousel .owl-nav .owl-next {
  color: #ffffff;
  background-color: #C22126;
  padding: 5px 13px !important;
  border-radius: 100%;
  opacity: 0.4;
  transition: opacity 0.3s;
}
.p-content .acara-carousel .owl-carousel .owl-nav .owl-prev:hover,
.p-content .acara-carousel .owl-carousel .owl-nav .owl-next:hover {
  opacity: 1;
}
.p-content .acara-carousel .owl-carousel .owl-nav .owl-prev .fas,
.p-content .acara-carousel .owl-carousel .owl-nav .owl-next .fas {
  font-size: 2rem;
}
.p-content .acara-carousel .owl-carousel .item-link {
  display: block;
}
.p-content .acara-carousel .owl-carousel .item-link .item {
  background-color: #b3b3b3;
  border: 5px solid #b3b3b3;
  color: #444444;
  border-radius: 10px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.p-content .acara-carousel .owl-carousel .item-link .item img {
  border-radius: 10px;
  overflow: hidden;
}
.p-content .acara-carousel .owl-carousel .item-link .item .item-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: #444444;
}
.p-content .acara-carousel .owl-carousel .item-link .item .item-btn span {
  font-size: 1rem;
  margin: 10px 0;
  display: block;
  bottom: 10px;
  font-family: "PoppinsSemiBold";
  text-align: center;
}
.p-content .acara-carousel .owl-carousel .item-link .item .item-btn span .fas {
  background-color: #9d9d9d;
  padding: 5px 10px;
  border-radius: 100%;
  margin-left: 5px;
}
.p-content .acara-carousel .owl-carousel .item-link .item.current {
  background-color: #DB292F;
  border: 5px solid #DB292F;
  color: #ffffff;
}
.p-content .acara-carousel .owl-carousel .item-link .item.current .item-btn {
  color: #ffffff;
}
.p-content .acara-carousel .owl-carousel .item-link .item.current .fas {
  background-color: #DC6B71 !important;
}
.p-content .acara-carousel .owl-carousel .item-link:hover .item {
  background-color: #DB292F;
  border: 5px solid #DB292F;
  color: #ffffff;
}
.p-content .acara-carousel .owl-carousel .item-link:hover .item-btn {
  color: #ffffff;
}
.p-content .acara-carousel .owl-carousel .item-link:hover .fas {
  background-color: #DC6B71 !important;
}

/*# sourceMappingURL=style.css.map */