/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root {
  --brote-font: 'DM Sans', sans-serif;
  --brote-reey-font: "reeyregular";
  --brote-gray: #7b7d83;
  --brote-gray-rgb: 123, 125, 131;
  --brote-white: #ffffff;
  --brote-white-rgb: 255, 255, 255;
  /* --brote-base: #1239ac; */
  --brote-base: #ffdd02;
  --brote-dark-green: #0a4031;
  --brote-dark-blue: #030a27;
  --brote-dark-green-rgb: 10, 64, 49;
  --brote-base-gelap : #047a3b;
  --brote-base-rgb: 255, 221, 2;
  --brote-primary: #ffa400;
  --brote-primary-bright: #ff0;
  --brote-primary-rgb: 255, 180, 0;
  --unmas-primary: #02124e;
  --unmas-primary-rgb: 2, 18, 78;
  --unmas-secondary: #ebdea0;
  --unmas-primary-rgb: 0, 31, 146;
  --unmas-pingky: 255, 0, 47;
}

iframe#\:2\.container {
  display: none !important;
}

.row {
  --bs-gutter-x: 30px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

body {
  font-family: var(--brote-font);
  color: var(--brote-gray);
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--brote-gray);
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--unmas-primary);
  margin: 0;
}

p {
  margin: 0;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

/* @media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
} */

@media (min-width:1690px) {

  .auto-container,
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
      max-width: unset;
      padding-right: 12%;
      padding-left: 12%;
  }
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.zoomInModal {
  transform: scale(0);
  transition: transform .5s ease;
}

.zoomInModal.showAnim {
  transform: scale(1);
}

.switch-lang {
  color: #ffffff;
  font-size: 24px;
  line-height: 50px;
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  transition: all 500ms ease;
}

.switch-lang span {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  margin: 0px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  background-position: center;
  background-size: cover;
  vertical-align: middle;
}

.main-menu-two__search-call.mobile-lang .switch-lang span {
  width: 25px;
  height: 25px;
  box-shadow: 0 0 0 1px #fff;
}

.indonesia-lang {
  background-image: url('../images/flag/id.svg');
}

.inggris-lang {
  background-image: url('../images/flag/en.svg');
}

.body-switch-lang .boxed_switch_menu {
  position: absolute;
  background: var(--brote-white);
  width: 95px;
  padding: 10px 10px;
  text-align: center;
  box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);
  z-index: 99;
  right: -7px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  top: 20px;
  transition: all .5s ease;
}

.body-switch-lang .boxed_switch_menu.show {
  opacity: 1;
  visibility: visible;
  top: 45px;
}

.body-switch-lang .boxed_switch_menu ul {
  line-height: 1;
  display: flex;
  justify-content: space-between;
}
.body-switch-lang .boxed_switch_menu ul li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0px;
  vertical-align: middle;
}
.body-switch-lang .boxed_switch_menu ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--unmas-primary);
}

.body-switch-lang .boxed_switch_menu ul li a {
  background-size: cover;
  background-position: center;
}

.body-switch-lang .boxed_switch_menu ul li a.indonesia-lang {
  /* background: #ec4e4f; */
  background-image: url('../images/flag/id.svg');
}

.body-switch-lang .boxed_switch_menu ul li a.inggris-lang {
  /* background: #ff6ec7; */
  background-image: url('../images/flag/en.svg');
}

.body_switcher {
  position: fixed;
  top: 55px;
  z-index: 9999991;
  /* right: -150px; */
  right: 72px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
@media (max-width: 991px) {
  .body_switcher {
    display: none;
  }
}
.body_switcher .body_switch_btn {
  position: absolute;
  left: -50px;
  z-index: -1;
}
.body_switcher .body_switch_btn button {
  width:50px;
  height:50px;
  color: #ffffff;
  font-size: 24px;
  line-height: 50px;
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.body_switcher .body_switch_btn button span {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  margin: 0px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000;
  background-position: center;
  background-size: cover;
  vertical-align: middle;
}

.body_switcher .body_switch_btn button span.indonesia-lang {
  background-image: url(../images/flag/id.svg);
}


.body_switcher .boxed_switch_menu {
  position: absolute;
  background: #098f47;
  /* width: 150px; */
  width: 105px;
  padding: 10px 15px;
  text-align: center;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
}
/* .body_switcher .boxed_switch_menu h5{
  color: #222222;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0px;
} */
/* .body_switcher.switcher-show{
  right:0;
} */
/* .body_switcher .boxed_switch_menu .switch_body .box {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
} */
/* .body_switcher .boxed_switch_menu .switch_body .box>div {
  width:80px;
  height:50px;
  background: #fff;
  border:2px solid #999;
} */
/* .body_switcher .boxed_switch_menu .switch_body .box>div>span {
  display: block;
  width:60px;
  height:100%;
  margin:0 auto;
  background: #fff;
  border-left:2px solid #e5e5e5;
  border-right:2px solid #e5e5e5;
} */
/* .body_switcher .boxed_switch_menu .switch_body .box p {
  position: relative;
  display: block;
  color: #999;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 7px 0 0;
} */
.body_switcher .boxed_switch_menu #styleOptions {
  line-height: 1;
  display: flex;
  justify-content: space-between;
}
.body_switcher .boxed_switch_menu #styleOptions li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0px;
  vertical-align: middle;
}
.body_switcher .boxed_switch_menu #styleOptions li a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff;
}

.body_switcher .boxed_switch_menu #styleOptions li a {
  background-size: cover;
  background-position: center;
}

.body_switcher .boxed_switch_menu #styleOptions li a.indonesia-lang {
  /* background: #ec4e4f; */
  background-image: url('../images/flag/id.svg');
}

.body_switcher .boxed_switch_menu #styleOptions li a.inggris-lang {
  /* background: #ff6ec7; */
  background-image: url('../images/flag/en.svg');
}

.body_switcher .boxed_switch_menu #styleOptions li a.jepang-lang {
  /* background: #6936d8; */
  background-image: url('../images/flag/ja.svg');
}

.body_switcher .boxed_switch_menu #styleOptions li a.crimson-color {
  background: #e62a4e;
}

.body_switcher .boxed_switch_menu #styleOptions li a.orange-color {
  background: #FFA500;
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
body {
  top: 0px !important;
}
.goog-tooltip {
  display: none !important;
}
.goog-tooltip:hover {
  display: none !important;
}
.goog-text-highlight {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#goog-gt-tt {
  display: none !important;
}
#cektranslate {
  visibility: hidden;
  position: absolute;
  color: transparent;
  bottom: 0;
}

.section-separator {
  border-color: var(--brote-border);
  border-width: 1px;
  margin-top: 0;
  margin-bottom: 0;
}


.main_content-video {
  position: absolute !important;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: rgba(2, 18, 78, .6);
  text-align: center;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.main_content-video .content-title {
  position: absolute !important;
  /* top: calc(50% / 2 - 32px); */
  top: calc(50% / 2 - 60px);
  left: 0;
  width: 100%;
}

@media (max-height: 620px) {
  .main_content-video .content-title {
    top: calc(50% / 2 - 90px);
  }
}

@media (max-height: 800px) and (max-width: 768px) {
  .main_content-video .content-title {
    top: calc(50% / 2 - 80px);
  }
}

@media (max-height: 600px) and (max-width: 768px) {
  .main_content-video .content-title {
    top: calc(50% / 2 - 90px);
  }
}

@media (max-height: 800px) and (max-width: 557px) {
  .main_content-video .content-title {
    top: calc(50% / 2 - 80px);
  }
}

.main_content-video img {
  max-width: 150px;
}

@media (max-width: 991px) {
  .main_content-video img {
    max-width: 130px;
  }
}

@media (max-width: 768px) {
  .main_content-video img {
    max-width: 120px;
  }
}

@media (max-width: 375px) {
  .main_content-video img {
    max-width: 100px;
  }
}

.main_content-video .main-slider__title {
  visibility: visible;
  opacity: 1;
  padding: 0 20px;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.main_content-video .section-title__tagline::before,
.main_content-video .section-title__tagline::after {
  background-color: var(--brote-white);
}

.main_content-video .section-title__tagline {
  color: var(--brote-white);
  font-size: 20px;
}



#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  opacity: 0.4;
  z-index: -1;
}

.ct-modal {
  position: fixed;
  /* width: 100%; */
  /* height: 100%; */
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

.ct-modal .ct-modal-close {
  position: fixed;
  /* top: 60px;
  right: 60px; */
  top: 50px;
  right: 155px;
  line-height: 60px;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  height: 60px;
  width: 60px;
  z-index: 99;
  color: #000;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  -webkit-transition: all .8s cubic-bezier(.4,0,0,1);
  -khtml-transition: all .8s cubic-bezier(.4,0,0,1);
  -moz-transition: all .8s cubic-bezier(.4,0,0,1);
  -ms-transition: all .8s cubic-bezier(.4,0,0,1);
  -o-transition: all .8s cubic-bezier(.4,0,0,1);
  transition: all .8s cubic-bezier(.4,0,0,1);
  transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  visibility: hidden
}

.ct-modal.search-transform .ct-modal-close {
  top: 10px;
}

.ct-modal .ct-modal-close:before {
  content: '';
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  position: absolute
}

.ct-modal .ct-modal-close:hover:before {
  -webkit-transform: scale(1.1);
  -khtml-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.ct-modal .ct-modal-overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  /* top: calc(90px - 112vw);
  right: calc(100px - 112vw); */
  top: calc(80px - 112vw);
  right: calc(185px - 112vw);
  z-index: 3;
  display: block;
  background-color: rgba(0,0,0,.9);
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform .8s ease-in-out;
  -khtml-transition: transform .8s ease-in-out;
  -moz-transition: transform .8s ease-in-out;
  -ms-transition: transform .8s ease-in-out;
  -o-transition: transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
  transition-delay: .3s;
  -webkit-transition-delay: .3s
}

.ct-modal.search-transform .ct-modal-overlay {
  top: calc(40px - 112vw);
}

.ct-modal .ct-modal-content {
  position: fixed;
  width: 0;
  max-width: 1200px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: opacity .5s 0s,width .8s .8s cubic-bezier(.225,.01,.475,1.01),transform .2s 0s;
  -khtml-transition: opacity .5s 0s,width .8s .8s cubic-bezier(.225,.01,.475,1.01),transform .2s 0s;
  -moz-transition: opacity .5s 0s,width .8s .8s cubic-bezier(.225,.01,.475,1.01),transform .2s 0s;
  -ms-transition: opacity .5s 0s,width .8s .8s cubic-bezier(.225,.01,.475,1.01),transform .2s 0s;
  -o-transition: opacity .5s 0s,width .8s .8s cubic-bezier(.225,.01,.475,1.01),transform .2s 0s;
  transition: opacity .5s 0s,width .8s .8s cubic-bezier(.225,.01,.475,1.01),transform .2s 0s;
  transition-delay: 0s,.4s,0s;
  transition-delay: .2s;
  -webkit-transition-delay: .2s
}

.ct-modal.active {
  z-index: 9999
}

.ct-modal.active .ct-modal-close {
  opacity: 1;
  visibility: visible;
  /* -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); */
  -webkit-transform: scale(.8);
  -khtml-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  transition-delay: .3s;
  -webkit-transition-delay: .3s
}

.ct-modal.active .ct-modal-overlay {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 1;
  -webkit-transition: transform 1.6s cubic-bezier(.4,0,0,1);
  -khtml-transition: transform 1.6s cubic-bezier(.4,0,0,1);
  -moz-transition: transform 1.6s cubic-bezier(.4,0,0,1);
  -ms-transition: transform 1.6s cubic-bezier(.4,0,0,1);
  -o-transition: transform 1.6s cubic-bezier(.4,0,0,1);
  transition: transform 1.6s cubic-bezier(.4,0,0,1)
}

.ct-modal.active .ct-modal-content {
  width: 100%;
  opacity: 1;
  padding: 30px 15px;
  transition-delay: .7s;
  -webkit-transition-delay: .7s
}

.ct-modal.ct-modal-search .ct-modal-content {
  max-width: 680px
}

.ct-modal-search .search-form-popup {
  position: relative
}

.ct-modal-search .search-field {
  width: 100%;
  outline: none;
  background-color: initial;
  border: none;
  height: 60px;
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  border-bottom: 2px solid rgba(255,255,255,.87)
}

.ct-modal-search.active .search-field {
  padding-right: 60px;
}

.ct-modal-search .search-field:focus {
  border-color: rgba(255,255,255,.87)
}

.ct-modal-search .search-submit {
  font-size: 0;
  color: #fff;
  background-color: initial;
  background-image: none;
  border: none;
  padding: 0;
  height: 60px;
  width: 0;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  transition: all .5s .5s ease;
}

.ct-modal-search.active .search-submit {
  font-size: 28px;
  width: 60px;
}

.ct-modal-search .search-submit:before,.ct-modal-search .search-submit:after {
  display: none
}

.ct-modal-search .searchform-wrap input:-webkit-autofill {
    /* -webkit-box-shadow: 0 0 0px 1000px #000 inset; */
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: white;
}

/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor .custom-cursor__cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--unmas-primary);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}

.custom-cursor .custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--unmas-primary);
  opacity: .7;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width .3s, height .3s, opacity .3s;
  transition: width .3s, height .3s, opacity .3s;
  z-index: 999991;
}

.custom-cursor .custom-cursor__hover {
  background-color: var(--unmas-primary);
  opacity: 0.4;
}

.custom-cursor .custom-cursor__hover_div {
  background-color: var(--brote-base);
  opacity: 0.4;
}

.custom-cursor .custom-cursor__hover_div_gelap {
  background-color: var(--unmas-primary);
  opacity: 0.4;
}

.custom-cursor .custom-cursor__innerhover {
  width: 25px;
  height: 25px;
  opacity: .4;
}

.thm-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: rgba(var(--unmas-primary-rgb), .8);
  color: var(--brote-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-left: 50px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  overflow: hidden;
  z-index: 1;
}

.btn-search .thm-btn{
    width: 100%;
    padding: 3px 10px;
    border-radius: 10px;
}

.btn-search .thm-btn i {
    height: unset;
    width: unset;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-left: 0;
    margin-right: 10px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.judul-kiri .thm-btn {
    background-color: var(--brote-base);
    color: var(--unmas-primary);
}

.judul-kiri .thm-btn:hover {
    background-color: var(--brote-white);
    color: var(--unmas-primary);
}

.judul-kiri .thm-btn:hover i{
    color: var(--unmas-primary);
}

.judul-kiri.putih .thm-btn:hover i{
    color: var(--brote-white);
}


.round-btn .thm-btn {
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #eef0f6;
    color: var(--brote-gray);
}

@media only screen and (max-width: 500px) {
    .berita .round-btn .thm-btn {
        width: 180px;
        margin: auto;
    }
}

.round-btn .thm-btn:hover {
    background-color: var(--unmas-primary);
    color: var(--brote-white);
}

.thm-btn:hover {
  background-color: var(--brote-primary);
  color: var(--brote-white);
}

.thm-btn.main-slider__btn {
  overflow: visible;
}

.thm-btn i {
  height: 40px;
  width: 40px;
  background-color: var(--brote-primary);
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin-left: 15px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.round-btn .thm-btn i {
  height: 35px;
  width: 35px;
  line-height: 35px;
  margin-left: 0;
  margin-right: 10px;
  background-color: var(--unmas-primary);
  color: var(--brote-white);
}

.round-btn .thm-btn:hover i {
  color: var(--unmas-primary);
  background-color: var(--brote-white);
}

.thm-btn:hover i {
  background-color: var(--unmas-primary);
}

.section-title {
  position: relative;
  display: block;
  margin-top: -9px;
  margin-bottom: 54px;
}

.section-title__tagline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--brote-gray);
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 30px;
  margin-bottom: 3px;
}

@media (max-width: 767px) {
  .section-title__tagline {
    font-size: 14px;
    line-height: 22px;
  }
}

.section-title__tagline.white-tagline {
  color: var(--brote-white);
}

.motto .section-title__tagline {
    font-size: 18px;
    color: white;
    /* font-style: italic; */
}

.section-title__tagline::after {
  content: '';
  background-color: var(--unmas-primary);
  width: 20px;
  height: 3px;
  margin-left: 10px;
}

.section-title__tagline::before {
  content: '';
  background-color: var(--unmas-primary);
  width: 20px;
  height: 3px;
  margin-right: 10px;
}

.section-title__tagline.white-tagline::after,
.section-title__tagline.white-tagline::before {
  background-color: var(--brote-white);
}

.section-title__tagline.blue-tagline::after,
.section-title__tagline.blue-tagline::before {
  background-color: #b1c2f5;
}

.motto .section-title__tagline::before {
    content: '';
    background-color: white;
    width: 20px;
    height: 3px;
    margin-right: 10px;
}

.motto .section-title__tagline::after {
  content: unset;
}

.section-title__tagline.no-right::after {
  content: unset;
}

.section-title__title {
  margin: 0;
  margin-bottom: 10px;
  color: var(--unmas-primary);
  font-size: 50px;
  line-height: 61px;
  font-weight: 700;
}

.section-title__title.white-title{
  color: var(--brote-base);
}

.sejarah .section-title__title{
    margin-top: 15px;
    font-size: 40px;
    line-height: 55px;
}

.sejarah .section-title__title span{
    display: block;
    font-size: 55px;
    font-weight: 900;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
}

.bootstrap-select .dropdown-menu {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu>li+li>a {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--brote-primary);
  color: #fff;
}

.bootstrap-select .dropdown-menu>li>a {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 20px;
  color: #ffffff;
  background: var(--brote-base);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
  background: var(--brote-white);
  color: var(--brote-base);
  cursor: pointer;
}

.preloader {
  position: fixed;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.preloader__image {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-image: url(../logo-unmas.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px auto;
  width: 100%;
  height: 100%;
}

/* scroll to top */
.scroll-to-top {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #2f4398;
  position: fixed;
  bottom: 25px;
  right: 40px;
  z-index: 99;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
  border-radius: 50%;
  transition: all 0.4s ease;
}

.scroll-to-top i {
  color: #ffffff;
  font-size: 18px;
  line-height: 45px;
}

/* .scroll-to-top:hover {
  background-color: var(--brote-base);
} */

.scroll-to-top:hover i {
  color: var(--brote-base);
}

.pengaduan-tombol {
  position: fixed;
  bottom: 25px;
  right: 32px;
  border: 0px;
  padding: 14px;
  border-radius: 50%;
  background: #03a84e;
  transition: all ease .5s;
  z-index: 1000;
}

@media (max-width: 500px) {
  .pengaduan-tombol {
    transform: scale(.8);
  }
}

.pengaduan-tombol.go-top {
  bottom: 90px;
}

@media (max-width: 500px) {
  .pengaduan-tombol.go-top {
    bottom: 80px;
  }
}

.pengaduan-tombol img {
  position: absolute;
  width: 200%;
  left: -70%;
  top: -50%;
  max-width: none;
}

.pengaduan-tombol svg {
  fill: #ffffff;
}

/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.main-header {
  width: 100%;
  background: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 99;
  position: relative;
}

.main-header__top {
  position: relative;
  display: block;
  background-color: transparent;
}

.main-header__top-social-box {
  position: relative;
  display: block;
  background-color: #ffffff;
  border-bottom: 1px solid #e4e5ea;
  padding: 4.5px 0;
  z-index: 1;
}

.main-header__top-social-box-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 165px;
}

.main-header__top-social-text {
  font-size: 14px;
}

.main-header__top-social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-header__top-social a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header__top-social a:hover {
  color: var(--brote-base);
}

.main-header__top-social a+a {
  margin-left: 25px;
}

.main-header__top-details {
  position: relative;
  display: block;
  padding: 40px 0 66px;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-header__top-details-inner {
  position: relative;
  display: block;
}

.main-header__logo {
  position: absolute;
  top: -40px;
  left: 0;
  z-index: 99;
}

.sticky-header__content .main-header__logo{
    display: none;
}

.main-header__logo>a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 150px;
  width: 120px;
  background-color: white;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}

/* .main-header__logo a>img {
  width: auto;
} */

.main-header__top-details-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main-header__top-details-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-header__top-details-list li:before {
  position: absolute;
  top: 0;
  bottom: 7px;
  left: -30px;
  content: "";
  width: 1px;
  background-color: #e4e5ea;
}

.main-header__top-details-list li:first-child:before {
  display: none;
}

.main-header__top-details-list li+li {
  margin-left: 60px;
}

.main-header__top-details-list li .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-header__top-details-list li .icon span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  color: var(--brote-primary);
}

.main-header__top-details-list li .icon span.icon-location {
  font-size: 34px;
}

.main-header__top-details-list li .text {
  margin-left: 20px;
}

.main-header__top-details-list li .text h5 {
  font-size: 14px;
  font-weight: 500;
  color: var(--brote-gray);
}

.main-header__top-details-list li .text h5 a {
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header__top-details-list li .text h5 a:hover {
  color: var(--brote-base);
}

.main-header__top-details-list li .text p {
  font-size: 16px;
  color: var(--brote-base);
  font-weight: 700;
}

.main-header__top-details-list li .text p a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header__top-details-list li .text p a:hover {
  color: var(--brote-primary);
}

.main-menu {
  position: relative;
  display: block;
  margin-top: -33px;
  background: var(--unmas-primary);
}

.main-menu__wrapper {
  position: relative;
  display: block;
}

.main-menu__wrapper-inner {
  display: block;
  background-color: var(--brote-base);
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 10px;
}

.main-menu__left {
  display: block;
  float: left;
}

.main-menu__main-menu-box {
  display: block;
}

.main-menu__right {
  position: relative;
  display: block;
  float: right;
}

.main-menu__search-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 23px 0;
}

.main-menu__search-box:before {
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: -30px;
  content: "";
  width: 1px;
  background-color: var(--brote-white);
  opacity: .10;
}

.main-menu__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__search:hover {
  color: var(--brote-primary);
}

.stricky-header.main-menu {
  padding: 0px 0px;
  background-color: var(--brote-white);
  margin-top: -25px;
}

.stricky-header .main-menu__main-menu-box {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stricky-header .main-menu__wrapper {
  background-color: var(--brote-base);
}

.stricky-header .main-menu__wrapper-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0;
}

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}

@media (min-width: 1200px) {

  .main-menu .main-menu__list,
  .main-menu .main-menu__list>li>ul,
  .main-menu .main-menu__list>li>ul>li>ul,
  .stricky-header .main-menu__list,
  .stricky-header .main-menu__list>li>ul,
  .stricky-header .main-menu__list>li>ul>li>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
  margin-left: 30px;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
  /* font-size: 16px; */
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b1c2f5;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 400;
}

.main-menu .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
  color: var(--brote-white, #ffffff);
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  position: absolute;
  top: 100%;
  left: 0;
  /* min-width: 220px; */
  min-width: 270px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  z-index: 99;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

.main-menu .main-menu__list>li>ul>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul>li>ul {
  display: none;
}

.main-menu .main-menu__list>li:hover>ul,
.main-menu .main-menu__list>li>ul>li:hover>ul,
.stricky-header .main-menu__list>li:hover>ul,
.stricky-header .main-menu__list>li>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1) translateZ(0px);
  transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list>li>ul>li,
.main-menu .main-menu__list>li>ul>li>ul>li,
.stricky-header .main-menu__list>li>ul>li,
.stricky-header .main-menu__list>li>ul>li>ul>li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}

.main-menu .main-menu__list>li>ul>li+li,
.main-menu .main-menu__list>li>ul>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li>ul>li+li {
  border-top: 1px solid rgba(60, 53, 49, 0.15);
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
  font-size: 16px;
  /* line-height: 30px; */
  line-height: 1.7;
  color: var(--brote-gray);
  letter-spacing: 0;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 25px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li.current>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
  background-color: rgba(2, 18, 78, .7);
  color: var(--brote-white, #ffffff);
}

.main-menu .main-menu__list>li>ul>li.current>a {
  color: var(--brote-base);
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  top: 0;
  left: 100%;
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}

.main-menu-three__main-menu-three-box .main-menu__list>.megamenu,
.main-menu-two__main-menu-box .main-menu__list>.megamenu,
.main-menu__wrapper .main-menu__list>.megamenu {
  position: static;
}

.main-menu-three__main-menu-three-box .main-menu__list>.megamenu>ul,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu__wrapper .main-menu__list>.megamenu>ul {
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.main-menu-three__main-menu-three-box .main-menu__list>.megamenu>ul>li,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul>li,
.main-menu__wrapper .main-menu__list>.megamenu>ul>li {
  padding: 0 !important;
}

.stricky-header {
  position: fixed;
  z-index: 991;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  visibility: hidden;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
  -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.4);
}

/* @media (max-width: 1199px) {
  .stricky-header {
    display: none !important;
  }
} */

.stricky-header.stricky-fixed {
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  visibility: visible;
}

.stricky-header .main-menu__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-right: 0;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.mobile-nav__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .mobile-nav__buttons {
    display: none;
  }
}

.mobile-nav__buttons a {
  font-size: 20px;
  color: var(--brote-base);
  cursor: pointer;
}

.mobile-nav__buttons a+a {
  margin-left: 10px;
}

.mobile-nav__buttons a:hover {
  color: var(--brote-base);
}

.main-menu .mobile-nav__toggler {
  font-size: 30px;
  color: var(--brote-white);
  cursor: pointer;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.main-menu .mobile-nav__toggler:hover {
  color: var(--unmas-secondary);
}

@media (min-width: 1200px) {
  .main-menu .mobile-nav__toggler {
    display: none;
  }
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  visibility: hidden;
}

.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  cursor: pointer;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--unmas-primary);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.mobile-nav__content .logo-box {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: var(--brote-white);
  cursor: pointer;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
  display: none;
  /* border-top: 1px solid rgba(255, 255, 255, 0.3); */
  margin-left: 0.5em;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.mobile-nav__content .main-menu__list>li>ul>li {
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 10px;
}

.mobile-nav__content .main-menu__list>li>a>.main-menu-border {
  display: none !important;
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--brote-font, "Rubik", sans-serif);
  font-weight: 500;
  height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list>li>ul>li>a {
  height: auto;
  line-height: 24px;
}

.mobile-nav__content .main-menu__list>li.dropdown>a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
  color: var(--brote-base);
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
  width: 30px;
  height: 30px;
  background-color: var(--brote-primary);
  border: none;
  outline: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  padding: 0;
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: var(--unmas-primary);
  color: var(--brote-base);
}

/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
  display: none !important;
}

.mobile-nav__content .main-menu__list li.cart-btn span {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
  font-size: 16px;
}

.mobile-nav__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* margin-bottom: 30px; */
  margin-bottom: 0px;
}

.mobile-nav__top .main-menu__login a {
  color: var(--brote-text-dark);
}

.mobile-nav__container {
  /* border-top: 1px solid rgba(255, 255, 255, 0.3); */
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.mobile-nav__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__social a {
  font-size: 16px;
  color: var(--brote-white);
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__social a+a {
  margin-left: 30px;
}

.mobile-nav__social a:hover {
  color: var(--brote-primary);
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 80px;
  margin-bottom: 20px;
}

.mobile-nav__contact li {
  color: var(--brote-text-dark);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__contact li+li {
  margin-top: 15px;
}

.mobile-nav__contact li a {
  color: #ffffff;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__contact li a:hover {
  color: var(--brote-primary);
}

.mobile-nav__contact li>i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--brote-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 11px;
  margin-right: 10px;
  color: #fff;
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
  display: none;
}

/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.home-showcase__inner {
  background-color: #fff;
  padding: 40px;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.home-showcase .row {
  --bs-gutter-x: 42px;
  --bs-gutter-y: 20px;
}

.home-showcase__image {
  position: relative;
  background-color: var(--brote-base);
  overflow: hidden;
  border-radius: 10px;
}

.home-showcase__image>img {
  width: 100%;
  border-radius: 10px;
  -webkit-transition: 500ms ease;
  transition: 500ms ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.home-showcase__image:hover>img {
  opacity: 0.75;
}

.home-showcase__image:hover .home-showcase__buttons {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
}

.home-showcase__buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: 500ms ease;
  transition: 500ms ease;
}

.home-showcase__buttons__item {
  padding: 10px 20px;
  width: 150px;
  text-align: center;
}

.home-showcase__buttons__item+.home-showcase__buttons__item {
  margin-top: 10px;
}

.home-showcase__title {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--brote-base);
  margin-top: 15px;
}

.mobile-nav__wrapper .home-showcase .row [class*=col-] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.mobile-nav__wrapper .home-showcase__inner {
  padding: 15px 0px;
  background-color: rgba(0, 0, 0, 0);
}

.mobile-nav__wrapper .home-showcase__title {
  color: var(--brote-white, #ffffff);
}

/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two {
  position: relative;
  display: block;
}

.main-header-two__top {
  position: relative;
  display: block;
  background-color: var(--brote-dark-blue);
}

.main-header-two__top-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-header-two__top-address {
  position: relative;
  display: block;
  padding: 5px 0;
  /* margin-left: 130px; */
}

.main-header-two__top-address-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-header-two__top-address-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-header-two__top-address-list li+li {
  margin-left: 30px;
}

.main-header-two__top-address-list li .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-header-two__top-address-list li .icon span {
  font-size: 15px;
  color: var(--brote-base);
}

.main-header-two__top-address-list li .text {
  margin-left: 10px;
}

.main-header-two__top-address-list li .text p {
  font-size: 14px;
  color: var(--brote-white);
}

.main-header-two__top-address-list li .text p a {
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-two__top-address-list li .text p a:hover {
  color: var(--brote-primary);
}

.main-header-two__top-social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* background-color: #0a2e99; */
  padding: 12.5px 2px;
}

.main-header-two__top-social a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-two__top-social a+a {
  margin-left: 30px;
}

.main-header-two__top-social a[title="Facebook"]:hover {
  color: #0062E0;
}
.main-header-two__top-social a[title="Twitter"]:hover {
  color: #1d9bf0;
}
.main-header-two__top-social a[title="Instagram"]:hover {
  color: #f700be;
}
.main-header-two__top-social a[title="Youtube"]:hover {
  color: #f00;
}
/* .main-header-two__top-social a:hover {
  color: var(--brote-primary);
} */

.main-menu-two {
  margin-top: 0;
}

.main-menu-two__wrapper {
  position: relative;
  display: block;
}

.sticky-header__content .main-menu-two__wrapper {
  background-color: var(--unmas-primary);
}

.main-menu-two__wrapper-inner {
  /* display: block; */
}

.main-menu-two__left {
  display: block;
  float: left;
}

.main-menu-two__logo {
  position: absolute;
  padding: 12px 16px 8px;
  display: block;
  background-color: var(--brote-white);
  margin-right: 0;
  z-index: 99;
}

@media (max-width: 425px) {
  .main-menu-two__logo {
    padding: 10px 12px 8px;
  }
}

.main-menu-two__logo::before {
  content: '';
  position: absolute;
  left: -1px;
  bottom: -19.5px;
  z-index: 0;
  width: 0;
  height: 0;
  border: 54px solid transparent;
  border-top: 20px solid #fff;
  border-bottom: 0;
  filter: drop-shadow(0px 3px 8px rgb(2 21 78 / 33%));
}

@media (max-width: 768px) {
  .main-menu-two__logo::before {
    border: 44px solid transparent;
    border-top: 20px solid #fff;
    border-bottom: 0;
  }
}

@media (max-width: 425px) {
  .main-menu-two__logo::before {
    border: 38px solid transparent;
    border-top: 12px solid #fff;
    border-bottom: 0;
    bottom: -12.5px;
  }
}

.main-menu-two__logo::after {
  content: '';
  width: 100%;
  position: absolute;
  height: 8px;
  left: 0;
  bottom: 0;
  z-index: 3;
  background: #fff;
}

.main-menu-two__logo a,
.mobile-nav__content .logo-box a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.main-menu-two__logo a h2,
.mobile-nav__content .logo-box a h2 {
  float: right;
  margin-top: -5px;
  font-size: 25px;
  color: var(--brote-white);
}

.main-menu-two__logo a h2 span,
.mobile-nav__content .logo-box a h2 span {
  display: block;
  font-size: 18px;
  line-height: 15px;
}

.sticky-header__content .main-menu-two__logo {
  position: relative;
  display: block;
  float: left;
  /* padding: 11px 0; */
  padding: 9px 0;
  margin-right: 70px;
  background: transparent;
}

.sticky-header__content .main-menu-two__logo::before {
  content: unset;
}

.sticky-header__content .main-menu-two__logo::after {
  content: unset;
}

.main-menu-two__logo img{
  width: 75px;
  margin-right: 0;
}

@media (max-width: 768px) {
  .main-menu-two__logo img {
    width: 55px;
  }
}

@media (max-width: 425px) {
  .main-menu-two__logo img {
    width: 50px;
  }
}

.sticky-header__content .main-header__logo img,
.sticky-header__content .main-menu-two__logo img,
.mobile-nav__content .logo-box img {
    width: 50px;
    height: auto;
    margin-right: 10px;
}

.main-header__logo h3,
.main-menu-two__logo h3{
    letter-spacing: 2px;
    font-weight: 900;
    font-size: 28px;
}

.main-header__logo h3 {
    padding-bottom: 20px;
}

.main-menu-two__logo h3 {
    margin-left: 10px;
    font-size: 30px;
    letter-spacing: 5px;
}

.main-header__logo h3 span,
.main-menu-two__logo h3 span{
    display: block;
    letter-spacing: normal;
    font-size: 9px;
}

.main-menu-two__logo h3 span {
    font-size: 12px;
}

.main-menu-two__main-menu-box {
  display: block;
  /* float: left; */
  float: right;
}

.main-menu-two__right {
  position: relative;
  display: block;
  float: right;
}

.main-menu-two__search-call {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-menu-two__search-call.mobile-lang {
  padding: 26px 0;
}

.main-menu-two__search-box {
  position: relative;
  display: block;
  /* padding: 31px 0; */
  /* padding: 29px 0; */
  margin-left: 35px;
}

.main-menu-two__search-call.mobile-lang .main-menu-two__search-box {
  margin-left: unset;
  margin-right: 15px;
}

.main-menu-two__search-box:before {
  content: "";
  position: absolute;
  /* top: 22px; */
  top: calc(50% - 40px / 2);
  height: 40px;
  bottom: 38px;
  left: -25px;
  width: 1px;
  background-color: #e4e5ea;
}

.main-menu-two__search-call.mobile-lang .main-menu-two__search-box:before {
  content: unset;
}

.main-menu-two__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sticky-header__content .main-menu-two__search {
  color: var(--brote-white);
}

.main-menu-two__search:hover {
  color: var(--brote-base);
}

.main-menu-two__call {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28px 0;
  margin-left: 30px;
}

.main-menu-two__call-icon {
  position: relative;
  height: 60px;
  width: 60px;
  background-color: #eef0f6;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 26px;
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__call-icon:hover {
  background-color: var(--brote-base);
  color: var(--brote-white);
}

.main-menu-two__call-content {
  position: relative;
  margin-left: 15px;
  top: -4px;
}

.main-menu-two__call-sub-title {
  font-size: 14px;
}

.main-menu-two__call-number {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.main-menu-two__call-number a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__call-number a:hover {
  color: var(--brote-primary);
}

.stricky-header.main-menu-two .main-menu__list>li>a {
  color: var(--brote-white);
  font-weight: 500;
}

.main-menu-two .main-menu__list>li>a {
  color: var(--brote-white);
  font-weight: 500;
}

.main-menu-two .main-menu__list>li.current>a,
.main-menu-two .main-menu__list>li>a:hover {
  color: var(--brote-base);
}


.stricky-header.main-menu-two .main-menu__list>li.current>a,
.stricky-header.main-menu-two .main-menu__list>li>a:hover {
  color: var(--brote-base);
}

.main-menu-two .main-menu__list>li,
.stricky-header.main-menu-two .main-menu__list>li {
  /* padding-top: 28px; */
  padding-top: 26px;
  /* padding-bottom: 28px; */
  padding-bottom: 26px;
}

/*--------------------------------------------------------------
# Navigations Three
--------------------------------------------------------------*/
.main-header-three {
  position: relative;
  display: block;
}

.main-menu-three {
  margin-top: 0;
  padding: 0 60px;
}

.main-menu-three__wrapper {
  position: relative;
  display: block;
}

.main-menu-three__left {
  float: left;
  display: block;
}

.main-menu-three__logo {
  display: block;
  float: left;
  margin-right: 240px;
  padding: 12px 0;
}

.main-menu-three__main-menu-three-box {
  display: block;
  float: left;
}

.main-menu-three__right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-header-three__top-social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 60px;
  padding: 48.5px 0;
}

.main-header-three__top-social a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-three__top-social a:hover {
  color: var(--brote-base);
}

.main-header-three__top-social a+a {
  margin-left: 30px;
}

.main-menu-three__search-call {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-menu-three__search-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 30px;
  padding: 44px 0;
}

.main-menu-three__search-box:before {
  content: "";
  position: absolute;
  top: 36px;
  bottom: 36px;
  left: -30px;
  width: 1px;
  background-color: #e4e5ea;
}

.main-menu-three__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__search:hover {
  color: var(--brote-primary);
}

.main-menu-three__call {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 26px 0;
}

.main-menu-three__call-icon {
  position: relative;
  height: 60px;
  width: 60px;
  background-color: #eef0f6;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 26px;
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__call-icon:hover {
  color: var(--brote-white);
  background-color: var(--brote-base);
}

.main-menu-three__call-content {
  position: relative;
  margin-left: 15px;
  top: -4px;
}

.main-menu-three__call-sub-title {
  font-size: 14px;
}

.main-menu-three__call-number {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.main-menu-three__call-number a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__call-number a:hover {
  color: var(--brote-primary);
}

.main-menu-three .main-menu__list>li>a,
.stricky-header.main-menu-three .main-menu__list>li>a {
  color: var(--brote-gray);
  font-weight: 500;
}

.main-menu-three .main-menu__list>li.current>a,
.main-menu-three .main-menu__list>li:hover>a,
.stricky-header.main-menu-three .main-menu__list>li.current>a,
.stricky-header.main-menu-three .main-menu__list>li:hover>a {
  color: var(--brote-base);
}

.main-menu-three .main-menu__list>li,
.stricky-header.main-menu-three .main-menu__list>li {
  padding-top: 41px;
  padding-bottom: 41px;
}

.stricky-header.main-menu-three {
  margin-top: 0;
  padding: 0 60px;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.search-popup.active {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.search-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--brote-base);
  opacity: 0.75;
  cursor: pointer;
}

.search-popup__content {
  width: 100%;
  max-width: 560px;
}

.search-popup__content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
}

.sidebar__search-form input[type="search"]:-webkit-autofill,
.sidebar__search-form input[type="search"]:-webkit-autofill:hover,
.sidebar__search-form input[type="search"]:-webkit-autofill:focus,
.sidebar__search-form input[type="search"]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--brote-base) inset;
    -webkit-text-fill-color: white;
}

.search-popup__content .thm-btn {
  padding: 0;
  width: 68px;
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  background-color: var(--brote-base);
  border: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.search-popup__content .thm-btn i {
  background-color: transparent;
  margin-left: 0;
}

.search-popup__content .thm-btn:hover {
  background-color: var(--brote-primary);
}


/*=======================================================================
[new 1] Animation Style
=========================================================================*/
@keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop10 {
  49% {
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toRightFromLeft10 {
  5% {
    left: -5px;
  }
  30% {
    opacity: 0.5;
    left: 10px;
  }
  60% {
    left: 5px;
    opacity: 1;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  51% {
    opacity: 1;
  }
}


/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider {
  position: relative;
  display: block;
  /* margin-bottom: -70px; */
  /* top: -70px; */
  z-index: 91;
}

.main-slider .swiper-slide {
  position: relative;
  background-color: #eef0f6;
}

.main-slider .container {
  position: relative;
  /* padding-top: 157px; */
  padding-top: 120px;
  /* padding-bottom: 255px; */
  padding-bottom: 255px;
  z-index: 30;
}

.main-slider .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 8000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 8000ms ease;
  transition: transform 8000ms ease, opacity 1500ms ease-in;
  transition: transform 8000ms ease, opacity 1500ms ease-in, -webkit-transform 8000ms ease;
  z-index: 1;
}

.main-slider .swiper-slide-active .image-layer {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.main-slider .image-layer:before {
  position: absolute;
  /* left: 600px; */
  left: 0px;
  top: 0px;
  bottom: 0;
  /* width: 587px; */
  width: 100%;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0, .8), to(rgba(238, 240, 246, 0))));
  background-image: linear-gradient(90deg, rgb(0, 0, 0, .8) 0%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .0) 100%);
  z-index: -1;
}


.service-wrap-layout1 {
  /* position: absolute; */
  position: relative;
  background-color: #eef0f6;
  width: 100%;
}

@media screen and (max-width: 577px) {
  .service-wrap-layout1 {
    padding-bottom: 4rem;
  }
}
.service-wrap-layout1 .service-inner-layout1 {
  position: relative;
  /* top: -156px; */
  top: -142px;
  z-index: 92;
}
@media only screen and (max-width: 1300px) {
  .service-wrap-layout1 .service-inner-layout1 {
    /* top: -125px; */
    /* top: -111px; */
  }
}
@media only screen and (max-width: 1199px) {
  .service-wrap-layout1 .service-inner-layout1 {
    /* top: -125px; */
    /* top: -111px; */
  }
}
@media (max-height: 600px) and (max-width: 991px) {
  .service-wrap-layout1 .service-inner-layout1 {
    top: -100px;
  }
}
.service-wrap-layout1 .service-inner-layout1 .single-item:nth-child(odd) .service-box-layout1 {
  background-color: #07ccec;
}
.service-wrap-layout1 .service-inner-layout1 .single-item:nth-child(even) .service-box-layout1 {
  background-color: #03a4be;
}
.service-wrap-layout1 .service-inner-layout1 .single-item:hover .service-box-layout1 {
  color: #03a4be;
  background-color: #fff;
}
.single-item .service-box-layout1:hover .item-title>a,
.single-item .service-box-layout1:hover .item-title,
.single-item .service-box-layout1:hover p {
  color: inherit;
}
@media only screen and (max-width: 768px) {
  .service-wrap-layout1 .service-inner-layout1 .service-ribbon {
    margin-bottom: 20px;
    /* box-shadow: 0px 4px 10px rgba(128, 128, 128, .6); */
  }
}
.service-inner-layout1 .service-ribbon a {
  position: relative;
  display: block;
  transition: all ease .5s;
}
.service-inner-layout1 .service-ribbon a:hover {
  transform: translateY(-10px);
}
/* .service-wrap-layout1 .service-inner-layout1 .single-item .separator-top:hover + .service-box-layout1,
.service-wrap-layout1 .service-inner-layout1 .single-item .separator-bottom:hover + .service-box-layout1 {
  color: #03a4be;
  background-color: #fff;
} */
.service-box-layout1 {
  position: relative;
  height: 100%;
  /* text-align: center; */
  /* padding: 28px 22px 30px; */
  padding: 20px 22px 22px;
  color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(255, 255, 255, 0.4);
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.service-box-layout1.tes {
  color: #000;
}
.service-box-layout1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  z-index: 0;
  transition: all .5s ease;
}
.service-box-layout1.tes::before {
  content: unset;
}
.service-box-layout1:hover::before {
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .service-box-layout1 {
    padding: 28px 22px 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .service-box-layout1 {
    padding: 28px 22px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .service-box-layout1 {
    padding: 20px 18px 18px;
  }
}
.service-box-layout1>* {
  position: relative;
}
.service-box-layout1 .item-title {
  text-transform: capitalize;
  font-weight: 600;
}
@media (max-width: 991px) {
  .service-box-layout1 .item-title {
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  .service-box-layout1 .item-icon {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 497px) {
  .service-box-layout1 .item-title {
    /* margin-bottom: 11px; */
  }
}
.service-box-layout1 .item-title a,
.service-box-layout1 .item-title {
  font-size: 1.5rem;
  color: inherit;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.service-box-layout1 .item-title a:hover {
  color: #e3e3e3;
}
.service-box-layout1 span {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  color: inherit;
}
@media screen and (max-width: 991px) {
  .service-box-layout1 span {
    font-size: 16px;
    line-height: 24px;
  }
}
.service-box-layout1:hover .item-icon i {
  animation: toTopFromBottom 0.5s forwards;
}


.main-slider-bubble {
  position: absolute;
  left: 0;
  bottom: 0px;
  right: 0;
  height: 231px;
  z-index: 1;
}

.main-slider-bubble-bg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.main-slider-star-1 {
  position: absolute;
  /* top: 8px; */
  top: 175px;
  /* left: 100px; */
  left: 135px;
  /* z-index: 1; */
  z-index: 40;
  animation-delay: 700ms;
  -webkit-animation-delay: 700ms;
}

.main-slider-star-1 img {
  width: auto;
  transform: scale(0.5);
}

.main-slider-star-1.star-text {
  position: absolute;
  top: 25px;
  left: -40px;
}

.main-slider-star-1.star-btn {
  position: absolute;
  top: -45px;
  left: 180px;
}

.main-slider-star-2 {
  position: absolute;
  /* bottom:  265px; */
  top:  175px;
  /* left: 215px; */
  left: 780px;
  /* z-index: 1; */
  z-index: 40;
}

.main-slider-star-2.star-text {
  position: absolute;
  top: 25px;
  left: 606px;
}

.main-slider-star-2 img {
  width: auto;
}

.main-slider-star-3 {
  position: absolute;
  /* bottom: 125px; */
  bottom: 230px;
  /* left: 660px; */
  right: 382px;
  z-index: 1;
  animation-delay: 1000ms;
  -webkit-animation-delay: 1000ms;
}

.main-slider-star-3 img {
  width: auto;
}

.main-slider__content {
  position: relative;
  display: block;
  text-align: left;
}

.main-slider__sub-title {
  font-size: 20px;
  color: var(--brote-white);
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider__title {
  /* font-size: 100px; */
  font-size: 55px;
  color: var(--unmas-secondary);
  font-weight: 700;
  /* line-height: 95px; */
  line-height: 60px;
  letter-spacing: -0.04em;
  margin-top: 12px;
  /* margin-bottom: 36px; */
  margin-bottom: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

@media (max-width: 991px) {
  .main-slider__title {
    font-size: 48px;
    line-height: 52px;
  }
}

@media (max-width: 768px) {
  .main-slider__title {
    font-size: 48px;
    line-height: 54px;
  }
}

.main-slider__btn-box {
  position: relative;
  /* margin-top: 80px; */
  margin-top: 50px;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider .swiper-slide-active .main-slider__title,
.main-slider .swiper-slide-active .main-slider__sub-title,
.main-slider .swiper-slide-active .main-slider__btn-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.main-slider__nav {
  position: absolute;
  top: 41%;
  width: 100%;
  /* left: 60px; */
  z-index: 100;
  /* -webkit-transform: translateY(-50%) translateX(0); */
  /* transform: translateY(-50%) translateX(0); */
  /* display: -webkit-box; */
  /* display: -ms-flexbox; */
  /* display: flex; */
  /* -webkit-box-align: end; */
  /* -ms-flex-align: end; */
  /* align-items: flex-end; */
  /* -webkit-box-orient: vertical; */
  /* -webkit-box-direction: normal; */
  /* -ms-flex-direction: column; */
  /* flex-direction: column; */
}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
  /* position: relative; */
  /* top: auto; */
  /* left: auto; */
  /* right: auto; */
  /* bottom: auto; */
  z-index: 100;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* font-size: 15px; */
  font-size: 75px;
  /* color: #84868b; */
  color: var(--brote-base);
  /* background-color: var(--brote-white); */
  border-radius: 50%;
  margin: 0;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
  color: var(--brote-base-gelap);
  /* background-color: var(--brote-base); */
}

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
  display: none;
}

.main-slider__nav .swiper-button-prev {
  /* margin-bottom: 10px; */
}

.main-slider__nav .swiper-button-prev .angle-left {
  position: relative;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


.rs-about-spmb {
  padding: 20px 0 80px !important;
}

.rs-about-spmb.btn-more-berita {
  margin-top: -8px;
}

/* .rs-about-spmb.btn-more-berita .readon.learn-more {
  margin-left: 288px;
} */

.rs-about-spmb.btn-more-berita .btn-part {
  position: absolute;
  left: 55%;
  z-index: 1;
}

@media (max-width: 968px) {
  .rs-about-spmb.btn-more-berita {
    margin-top: 3.5rem;
  }
  .rs-about-spmb.btn-more-berita .readon.learn-more {
    margin-left: 0;
  }
  .rs-about-spmb.btn-more-berita .btn-part {
    left: calc(50% - 185px / 2);
  }
}

.rs-about-spmb .sec-title {
  position: relative;
  font-family: "Montserrat", sans-serif;
}
.rs-about-spmb .sec-title .sub-text {
  position: relative;
  padding-left: 95px;
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #1335b8;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.rs-about-spmb .sec-title .sub-text:after {
  content: "";
  position: absolute;
  border: 0;
  height: 4px;
  width: 50px;
  background-color: #238c51;
  z-index: 1;
  margin-left: 0;
  left: 24px;
  top: 12px;
}
.rs-about-spmb .sec-title .sub-text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  height: 4px;
  width: 12px;
  background-color: #238c51;
}
.rs-about-spmb .sec-title .sub-text.new {
  color: #ffffff;
  font-size: 15px;
  padding-left: 0;
}
.rs-about-spmb .sec-title .sub-text.new:before {
  display: none;
}
.rs-about-spmb .sec-title .sub-text.new:after {
  display: none;
}
.rs-about-spmb .sec-title .sub-text.new-text {
  padding-left: 0;
  margin-bottom: 7px;
  color: #ffffff;
}
.rs-about-spmb .sec-title .sub-text.new-text:before {
  display: none;
}
.rs-about-spmb .sec-title .sub-text.new-text:after {
  display: none;
}
.rs-about-spmb .sec-title .sub-text.style2:after {
  background-color: #062493;
}
.rs-about-spmb .sec-title .sub-text.style2:before {
  background-color: #02124e;
}
.rs-about-spmb .sec-title .sub-text.style-bg {
  background-color: #1273eb17;
  display: inline-block;
  padding: 6px 25px;
  color: #1273eb;
  border-radius: 30px;
  text-transform: uppercase;
}
.rs-about-spmb .sec-title .sub-text.style-bg:before {
  display: none;
}
.rs-about-spmb .sec-title .sub-text.style-bg:after {
  display: none;
}
.rs-about-spmb .sec-title .sub-text.style4-bg {
  color: #03228f;
}
.rs-about-spmb .sec-title .sub-text.style4-bg:before {
  background-color: #fd6509;
}
.rs-about-spmb .sec-title .sub-text.style4-bg:after {
  background-color: #fd6509;
}
.rs-about-spmb .sec-title .sub-text.choose {
  font-size: 16px;
  font-weight: 500;
}
.rs-about-spmb .sec-title .title {
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  color: #101010;
  margin: 0;
}
.rs-about-spmb .sec-title .title.white-color {
  color: #ffffff;
}
.rs-about-spmb .sec-title .desc {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.rs-about-spmb .sec-title .desc.white-color {
  color: #fff;
}
.rs-about-spmb .sec-title .desc-big {
  font-size: 28px;
  line-height: 48px;
  font-weight: 500;
  margin: 0;
}

.rs-about-spmb .readon.learn-more {
  padding: 14px 40px 14px 40px;
  background-image: linear-gradient(250deg, #3755c4 19%, #02124e 100%);
  color: #ffffff;
  border-radius: 8px 8px 8px 8px !important;
}

.rs-about-spmb .readon.learn-more:hover {
  background-image: linear-gradient(180deg, #02124e 19%, #3755c4 100%);
}


/*--------------------------------------------------------------
# Main Slider Two
--------------------------------------------------------------*/
.main-slider-two {
  margin-top: 0;
  z-index: 1;
}

.main-slider-two .swiper-slide {
  position: relative;
}

.main-slider-two .container {
  position: relative;
  padding-top: 160px;
  padding-bottom: 170px;
  z-index: 30;
}

.main-slider-two-bg-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.main-slider-two-image-layer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 7000ms ease, opacity 1500ms ease-in;
  transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  z-index: 1;
}

.main-slider-two .swiper-slide-active .main-slider-two-image-layer {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.main-slider-two-shape-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 55%;
  z-index: 2;
}

.main-slider-two-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  z-index: 2;
  bottom: 0;
}

.main-slider-two-shape-2 {
  position: absolute;
  top: 55px;
  left: 90px;
  bottom: 0;
  right: 0px;
  opacity: .30;
  z-index: 2;
}

.main-slider-two-bubble-1 {
  position: absolute;
  top: 120px;
  left: 130px;
  opacity: .70;
  z-index: 3;
}

.main-slider-two-bubble-1 img {
  width: auto;
}

.main-slider-two-bubble-2 {
  position: absolute;
  top: 66px;
  left: 138px;
  opacity: .70;
  z-index: 2;
}

.main-slider-two-bubble-2 img {
  width: auto;
}

.main-slider-two-bubble-3 {
  position: absolute;
  bottom: 104px;
  left: 235px;
  z-index: 2;
}

.main-slider-two-bubble-3 img {
  width: auto;
}

.main-slider-two-bubble-4 {
  position: absolute;
  top: 96px;
  right: 104px;
  opacity: .70;
  z-index: 2;
}

.main-slider-two-bubble-4 img {
  width: auto;
}

.main-slider-two-bubble-5 {
  position: absolute;
  right: 50px;
  bottom: 260px;
  opacity: .70;
  z-index: 2;
}

.main-slider-two-bubble-5 img {
  width: auto;
}

.main-slider-two-bubble-6 {
  position: absolute;
  bottom: 104px;
  right: 192px;
  opacity: .70;
  z-index: 2;
}

.main-slider-two-bubble-6 img {
  width: auto;
}

.main-slider-two-bubble-7 {
  position: absolute;
  right: 150px;
  bottom: 60px;
  opacity: .70;
  z-index: 3;
}

.main-slider-two-bubble-7 img {
  width: auto;
}

.main-slider-two__content {
  position: relative;
  display: block;
  text-align: right;
}

.main-slider-two__sub-title {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: var(--brote-white);
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-two__sub-title:before {
  position: absolute;
  top: 14px;
  left: -40px;
  height: 5px;
  width: 30px;
  content: "";
  background-color: var(--brote-primary);
  border-radius: 2px;
}

.main-slider-two__title {
  font-size: 60px;
  color: var(--brote-white);
  font-weight: 700;
  line-height: 71px;
  margin-top: 9px;
  margin-bottom: 27px;
  letter-spacing: -0.04em;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-two__text {
  font-size: 16px;
  color: #b1c2f5;
  letter-spacing: -0.04em;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-two__btn-box {
  margin-top: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-two__btn {
  background-color: var(--brote-white);
  color: var(--brote-base);
}

.main-slider-two__btn i {
  color: var(--brote-white);
}

.main-slider-two .swiper-slide-active .main-slider-two__sub-title,
.main-slider-two .swiper-slide-active .main-slider-two__title,
.main-slider-two .swiper-slide-active .main-slider-two__btn-box,
.main-slider-two .swiper-slide-active .main-slider-two__text {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

/*--------------------------------------------------------------
# Main Slider Three
--------------------------------------------------------------*/
.main-slider-three {
  position: relative;
  display: block;
  z-index: 1;
}

.main-slider-three .swiper-slide {
  position: relative;
  background-color: var(--brote-base);
}

.main-slider-three .container {
  position: relative;
  padding-top: 155px;
  padding-bottom: 165px;
  z-index: 30;
}

.main-slider-three .image-layer-three {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 7000ms ease, opacity 1500ms ease-in;
  transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  z-index: 1;
}



.main-slider-three .image-layer-three::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 22, 89, 0.7);
  z-index: 2;
}

.main-slider-three .swiper-slide-active .image-layer-three {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.main-slider-three__content {
  position: relative;
  display: block;
}

.main-slider-three__title {
  font-size: 90px;
  line-height: 90px;
  color: var(--brote-white);
  font-weight: 700;
  margin-bottom: 23px;
  letter-spacing: -0.04em;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-three__title span {
  position: relative;
  display: inline-block;
}

.main-slider-three__title span:before {
  position: absolute;
  bottom: 1px;
  left: 6px;
  right: 0;
  background-image: url(../images/shapes/main-slider-three-shape-1.png);
  background-repeat: no-repeat;
  width: 223px;
  height: 11px;
  content: "";
  z-index: -1;
}

.main-slider-three__text {
  font-size: 18px;
  color: var(--brote-white);
  line-height: 36px;
  opacity: .80;
  padding-bottom: 38px;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-three__btn-box {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-three__get-quote {
  position: relative;
  display: block;
  margin-top: -467px;
}

.main-slider-three__get-quote-container {
  position: relative;
  display: block;
  max-width: 1200px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.main-slider-three__get-quote-inner {
  position: relative;
  display: block;
  max-width: 400px;
  width: 100%;
  float: right;
  text-align: center;
  background-color: var(--brote-primary);
  border-radius: 30px;
  padding: 43px 48px 50px;
  z-index: 1;
}

.main-slider-three__get-quote-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 238px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .30;
  z-index: -1;
}

.main-slider-three__get-quote-title {
  font-size: 30px;
  color: var(--brote-white);
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 22px;
}

.main-slider-three__get-quote-form {
  position: relative;
  display: block;
}

.main-slider-three__get-quote-input-box {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.main-slider-three__get-quote-input-box input[type="text"],
.main-slider-three__get-quote-input-box input[type="email"] {
  height: 60px;
  width: 100%;
  border: none;
  outline: none;
  color: var(--brote-gray);
  font-size: 14px;
  font-weight: 500;
  border-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.main-slider-three__get-quote-btn {
  border: none;
}

.main-slider-three__get-quote-btn:hover {
  background-color: var(--brote-white);
  color: var(--brote-base);
}

.main-slider-three__get-quote-btn:hover i {
  background-color: var(--brote-base);
  color: var(--brote-white);
}

.main-slider-three__get-quote-input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 100% !important;
}

.main-slider-three__get-quote-input-box .bootstrap-select>.dropdown-toggle::after {
  display: none;
}

.main-slider-three__get-quote-input-box .bootstrap-select>.dropdown-toggle {
  position: relative;
  height: 60px;
  outline: none !important;
  border-radius: 30px;
  border: 0;
  background-color: rgba(var(--brote-white-rgb), 1) !important;
  margin: 0;
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  color: var(--brote-gray) !important;
  font-size: 14px;
  line-height: 60px;
  font-weight: 500;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}

.main-slider-three__get-quote-input-box .bootstrap-select>.dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 14px;
  color: var(--brote-gray);
}

.main-slider-three__get-quote-input-box .bootstrap-select .dropdown-menu>li>a {
  padding: 14px 30px;
  color: var(--brote-gray);
  background: transparent;
}

.main-slider-three__get-quote-input-box .bootstrap-select .dropdown-menu>li.selected>a {
  background: transparent;
  color: var(--brote-gray);
}

.main-slider-three__get-quote-input-box .bootstrap-select .dropdown-menu>li>a:hover {
  background: var(--brote-base);
  color: var(--brote-white);
  cursor: pointer;
}

.main-slider-three__get-quote-input-box .dropdown-menu {
  background-color: var(--brote-white);
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.main-slider-three__get-quote-input-box .bootstrap-select .dropdown-menu>li+li>a {
  border-top: 1px solid rgba(var(--brote-base-rgb), 0.1);
}

.main-slider-three .main-slider__nav {
  top: 47%;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
}

.main-slider-three .swiper-slide-active .main-slider-three__title,
.main-slider-three .swiper-slide-active .main-slider-three__btn-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.main-slider-three .swiper-slide-active .main-slider-three__text {
  visibility: visible;
  opacity: .80;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.main-slider-three .main-slider__nav .swiper-button-next,
.main-slider-three .main-slider__nav .swiper-button-prev {
  background-color: rgba(var(--brote-white-rgb), 0.3);
  color: rgba(34, 70, 178, 0.7);
}

.main-slider-three .main-slider__nav .swiper-button-next:hover,
.main-slider-three .main-slider__nav .swiper-button-prev:hover {
  background-color: rgba(var(--brote-white-rgb), 1);
  color: var(--brote-base);
}

/*--------------------------------------------------------------
# Feature One
--------------------------------------------------------------*/
.feature-one {
  position: relative;
  display: block;
  padding: 100px 0 145px;
}

.feature-one__single {
  position: relative;
  display: block;
  text-align: center;
  border-radius: 30px;
  padding: 40px 50px 50px;
  overflow: hidden;
  z-index: 1;
}

.feature-one-single-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  opacity: 0;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: -1;
}

.feature-one__single:hover .feature-one-single-bg {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.feature-one-single-bg:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(var(--brote-base-rgb), 0.95);
  border-radius: 30px;
}

.feature-one__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background-color: #e4e5ea;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto 31px;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
}

.feature-one__single:hover .feature-one__icon {
  background-color: #0c309b;
}

.feature-one__icon:before {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  content: "";
  background-color: var(--brote-white);
  border-radius: 50%;
  z-index: 1;
}

.feature-one__icon img {
  width: auto;
  z-index: 1;
}

.feature-one__icon-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
  transform: translateX(-50%) translateY(-50%) scale(0);
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  z-index: -1;
}

.feature-one__single:hover .feature-one__icon-shape {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
}

.feature-one__icon-shape img {
  width: auto;
}

.feature-one__title-box {
  position: relative;
  display: inline-block;
}

.feature-one__title-border {
  position: absolute;
  bottom: -13px;
  left: 59%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  right: 0;
}

.feature-one__title-border:before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 20px;
  content: "";
  background-color: var(--brote-primary);
}

.feature-one__title-border:after {
  position: absolute;
  bottom: 0;
  left: 30px;
  height: 3px;
  width: 20px;
  content: "";
  background-color: var(--brote-primary);
}

.feature-one__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
}

.feature-one__title a {
  color: var(--brote-base);
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
}

.feature-one__single:hover .feature-one__title a {
  color: var(--brote-white);
}

.feature-one__text {
  padding-top: 23px;
  padding-bottom: 25px;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
}

.feature-one__single:hover .feature-one__text {
  color: #b1c2f5;
}

.feature-one__btn {
  position: relative;
  display: inline-block;
  text-align: center;
  background-color: #e4e5ea;
  color: var(--brote-gray);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 12px;
  padding: 10px 40px 10px;
  border-radius: 25px;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
}

.feature-one__single:hover .feature-one__btn {
  color: var(--brote-white);
  background-color: var(--brote-primary);
}

/*--------------------------------------------------------------
# Welcome One
--------------------------------------------------------------*/
.welcome-one {
  position: relative;
  display: block;
}

.welcome-one__left {
  position: relative;
  display: block;
  min-height: 644px;
  margin-left: -375px;
}

.welcome-one__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.welcome-one__main-box {
  position: relative;
  display: block;
}

.welcome-one__circle-one {
  height: 510px;
  width: 510px;
  background-color: var(--brote-primary);
  border-radius: 50%;
  position: absolute;
  top: 80px;
  right: 50px;
  z-index: 1;
}

.welcome-one__circle-one:before {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 9px;
  right: 0;
  content: "";
  border-radius: 50%;
  background-image: -ms-radial-gradient(50% 50%, circle closest-side, #0035d5 0%, #070066 100%);
}

.welcome-one__img-1 {
  position: absolute;
  top: -77px;
  right: 75px;
  z-index: 2;
}

.welcome-one__img-1 img {
  width: auto;
}

.welcome-one__small-img-1 {
  position: absolute;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  bottom: 31px;
  left: -108px;
}

.welcome-one__small-img-1 img {
  border-radius: 50%;
  width: auto;
  border: 6px solid var(--brote-white);
  -webkit-box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
  box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
}

.welcome-one__small-img-2 {
  position: absolute;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  top: 210px;
  right: -78px;
}

.welcome-one__small-img-2 img {
  border-radius: 50%;
  width: auto;
  -webkit-box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
  box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
  border: 6px solid var(--brote-white);
}

.welcome-one__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.welcome-one__right .section-title {
  margin-bottom: 28px;
}

.welcome-one__text-1 {
  font-size: 20px;
  color: var(--brote-primary);
  font-weight: 500;
  line-height: 32px;
}

.welcome-one__text-2 {
  line-height: 32px;
  padding-top: 31px;
  padding-bottom: 30px;
}

.welcome-one__points-box {
  position: relative;
  display: block;
  overflow: hidden;
}

.welcome-one__points {
  position: relative;
  display: block;
  float: left;
}

.welcome-one__points li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.welcome-one__points li+li {
  margin-top: 10px;
}

.welcome-one__points li .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.welcome-one__points li .icon span {
  font-size: 15px;
  color: var(--brote-primary);
}

.welcome-one__points li .text {
  margin-left: 13px;
}

.welcome-one__points li .text p {
  font-size: 18px;
  color: var(--brote-base);
  font-weight: 700;
}

.welcome-one__points-two {
  margin-left: 50px;
}

.welcome-one__btn-call-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 46px;
}

.welcome-one__call-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.welcome-one__call-icon {
  height: 60px;
  width: 60px;
  background-color: #eef0f6;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.welcome-one__call-icon:hover {
  background-color: var(--brote-base);
}

.welcome-one__call-icon span {
  position: relative;
  display: inline-block;
  font-size: 26px;
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.welcome-one__call-icon:hover span {
  color: var(--brote-white);
}

.welcome-one__call-content {
  margin-left: 15px;
}

.welcome-one__call-sub-title {
  font-size: 14px;
}

.welcome-one__call-number a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.welcome-one__call-number a:hover {
  color: var(--brote-primary);
}

/*--------------------------------------------------------------
# Services One
--------------------------------------------------------------*/
.services-one {
  position: relative;
  display: block;
  padding: 120px 0 53px;
}

.services-one .section-title {
  margin-bottom: 84px;
}

.semua{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
}

@media only screen and (max-width: 991px) {
    .semua {
        display: unset;
    }
}

.services-one__single.tujuan{
    display: inline-flex;
    max-width: unset;
    margin-bottom: 0;
      padding-left: 35px;
      padding-top: 10px;
  }

  .tujuan .services-one__text-box {
    padding: 15px 35px 15px 50px ;
}

.services-one__single {
  position: relative;
  display: block;
  max-width: 370px;
  width: 100%;
  margin-bottom: 67px;
  padding-top: 50px;
  z-index: 1;
}

.services-one__single-top-bubble {
  position: absolute;
  top: -37px;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: left top;
  height: 94px;
  z-index: 1;
}

.services-one__single-inner {
  position: relative;
  display: block;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 30px;
  padding-bottom: 29px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 2;
}

.tujuan .services-one__single-inner {
    padding-bottom: 0;
    /* min-height: 230px; */
    display: flex;
    align-items: center;
    border-bottom: 3px solid var(--unmas-primary);
}

.services-one__single:hover .services-one__single-inner {
  background-color: transparent;
  border-bottom: 3px solid var(--brote-base-gelap);
}

.services-one__single.tujuan:hover .services-one__single-inner {
    background-color: white;
}

.services-one__icon {
  height: 110px;
  width: 110px;
  background-color: var(--unmas-primary);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -22px;
  left: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 3;
}

.services-one__icon.number{
    height: 60px;
    width: 60px;
    top: calc(50% - 30px);
    left: calc(0% - 30px);
  }

  .services-one__icon.number span{
      font-size: 30px;
  }

.services-one__single:hover .services-one__icon {
  background-color: var(--brote-base-gelap);
}

.services-one__icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__title-box {
  position: relative;
  display: block;
  margin-bottom: 17px;
  padding-left: 122px;
}

.services-one__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.services-one__title a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__title a {
  color: var(--brote-white);
}

.services-one__text-box {
  position: relative;
  display: block;
  padding: 0 40px 0;
}

.services-one__text {
  line-height: 32px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__single.tujuan .services-one__text {
    line-height: 28px;
}

.services-one__single:hover .services-one__text {
  color: #b1c2f5;
}

.services-one__single.tujuan:hover .services-one__text {
    color: unset;
  }

.services-one__overly-box {
  position: absolute;
  top: -40px;
  bottom: -6px;
  left: -8px;
  right: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.services-one__single:hover .services-one__overly-box {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Counter One
--------------------------------------------------------------*/
.counter-one {
  position: relative;
  display: block;
  z-index: 2;
}

.counter-one__inner {
  position: relative;
  display: block;
  background-color: var(--brote-base);
  border-radius: 30px;
  padding: 57px 60px 57px;
  z-index: 1;
}

.counter-one-bg-1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 495px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  opacity: .20;
  z-index: -1;
}

.counter-one-bg-2 {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 498px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  opacity: .20;
  z-index: -1;
}

.counter-one__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.counter-one__list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.counter-one__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 4px;
}

.counter-one__icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: #61ddff;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1) rotateY(0deg);
  transform: scale(1) rotateY(0deg);
}

.counter-one__list li:hover .counter-one__icon span {
  -webkit-transform: scale(0.9) rotateY(360deg);
  transform: scale(0.9) rotateY(360deg);
}

.counter-one__count-box {
  margin-left: 20px;
}

.counter-one__count-box-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.counter-one__count-box-inner h3 {
  font-size: 36px;
  color: var(--brote-white);
  font-weight: 700;
  line-height: 46px !important;
  font-family: var(--brote-font) !important;
}

.counter-one__plus {
  position: relative;
  font-size: 20px;
  color: var(--brote-primary);
  top: 3px;
}

.counter-one__text {
  color: #b1c2f5;
  font-weight: 400;
  line-height: 20px;
}

.counter-one .odometer-formatting-mark {
  display: none;
}

/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team-one {
  position: relative;
  display: block;
  padding: 70px 0 90px;
  background-color: #eef0f6;
  /* margin-top: -90px; */
  z-index: 1;
}

.team-one__bubbles {
  position: absolute;
  top: 85px;
  right: 210px;
  width: 1500px;
  height: 750px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: -1;
}

.team-one__shape-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .20;
  z-index: -1;
}

.team-one-start-1 {
  position: absolute;
  top: 60px;
  left: 230px;
  z-index: -1;
}

.team-one-start-2 {
  position: absolute;
  top: 225px;
  left: 55px;
  z-index: -1;
}

.team-one-start-3 {
  position: absolute;
  bottom: 60px;
  left: 230px;
  z-index: -1;
}

.team-one-start-4 {
  position: absolute;
  top: 250px;
  right: 440px;
  z-index: -1;
}

.team-one-start-5 {
  position: absolute;
  bottom: 195px;
  right: 120px;
  z-index: -1;
}

.team-one__single {
  position: relative;
  display: block;
  margin-bottom: 41px;
}

.team-one__img {
  position: relative;
  display: block;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 17px;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.team-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* content: ""; */
  content: none;
  background-color: rgba(var(--brote-base-rgb), 0.3);
  width: 0%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 17px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.team-one__single:hover .team-one__img:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  width: 100%;
}

.team-one__img img {
  width: 100%;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 17px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-page .team-one__img img {
  border-top-right-radius: initial;
  border-top-left-radius: initial;
  padding-bottom: 50px;
}

.team-one__single:hover .team-one__img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.team-one__social {
  position: absolute;
  right: 20px;
  bottom: 80px;
  background-color: var(--brote-primary);
  text-align: center;
  padding: 17px 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  z-index: 2;
}

.team-one__single:hover .team-one__social {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.team-one__social li+li {
  margin-top: 25px;
}

.team-one__social li a {
  font-size: 15px;
  color: var(--brote-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-one__social li a:hover {
  color: var(--brote-base);
}

.team-one__content {
  position: relative;
  display: block;
  z-index: 2;
}

.team-one__title-box {
  position: relative;
  display: block;
  background-color: white;
  -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
  padding-left: 30px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 38px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-left: 10px;
  margin-top: -80px;
  z-index: 2;
}

.team-one__name {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

@media (max-width: 767px) {
  .team-one__name {
    font-size: 14px;
    line-height: 20px;
  }
}

.team-one__name a {
  color: rgba(var(--unmas-primary-rgb), .7);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-one__name a:hover {
  color: rgba(var(--unmas-primary-rgb), 1);
}

.team-one__social-two {
  position: absolute;
  right: 20px;
  top: 0;
  background-color: var(--brote-primary);
  padding: 15px 14px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.team-one__social-two li a {
  font-size: 17px;
  color: var(--brote-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-one__social-two li a:hover {
  color: var(--brote-base);
}

.team-one__sub-title-box {
  position: absolute;
  display: inline-block;
  background-color: var(--unmas-primary);
  padding: 12px 20px;
  bottom: -11px;
  left: 0;
  border-top-right-radius: 15px;
  z-index: 2;
}

.team-one__sub-title-box:before {
  position: absolute;
  top: -10px;
  left: 0;
  content: "";
  border-top: 10px solid transparent;
  border-right: 10px solid #0a2e99;
  border-bottom: 0px solid transparent;
}

.team-one__sub-title-box:after {
  position: absolute;
  bottom: 0px;
  right: -10px;
  content: "";
  border-top: 0px solid transparent;
  border-left: 10px solid #0a2e99;
  border-bottom: 11px solid transparent;
}

.team-one__sub-title {
  font-size: 12px;
  color: var(--brote-white);
  line-height: 12px;
}

/*--------------------------------------------------------------
# Testimonial One
--------------------------------------------------------------*/
.testimonial-one {
  position: relative;
  display: block;
  padding: 80px 0 90px;
  z-index: 1;
}

.testimonial-shape {
  position: absolute;
  top: 120px;
  right: 100px;
  height: 524px;
  width: 946px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: .60;
  z-index: -1;
}

/* .testimonial-one .container {
  max-width: 1060px;
}

@media (min-width: 1200px) {
  .testimonial-one.unmas-visi .container {
    max-width: 1200px;
  }
} */

.testimonial-one__inner {
  position: relative;
  display: block;
}

.testimonial-one__carousel {
  position: relative;
  display: block;
}

.testimonial-one__carousel.owl-carousel .owl-stage-outer {
  overflow: hidden;
}

.testimonial-one__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.testimonial-one__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.testimonial-one__carousel.owl-theme .owl-nav {
  position: absolute;
  top: -115px;
  right: 0px;
  margin-top: 0 !important;
}

.testimonial-one__carousel.owl-theme .owl-nav .owl-prev {
  height: 50px;
  width: 50px;
  background: var(--brote-base);
  border-radius: 50%;
  color: var(--unmas-primary);
  font-size: 15px;
  text-align: center;
  line-height: 55px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial-one__carousel.owl-theme .owl-nav .owl-next {
  height: 50px;
  width: 50px;
  background: var(--brote-base);
  border-radius: 50%;
  color: var(--unmas-primary);
  font-size: 15px;
  text-align: center;
  line-height: 55px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial-one__carousel.owl-theme .owl-nav .owl-prev {
  margin-right: 5px;
}

.testimonial-one__carousel.owl-theme .owl-nav .owl-next {
  margin-left: 5px;
}

.testimonial-one__carousel.owl-theme .owl-nav .owl-next span,
.testimonial-one__carousel.owl-theme .owl-nav .owl-prev span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.testimonial-one__carousel.owl-theme .owl-nav .owl-next:hover,
.testimonial-one__carousel.owl-theme .owl-nav .owl-prev:hover {
  background-color: var(--unmas-primary);
  color: var(--brote-white);
}

.testimonial-one__single {
  position: relative;
  display: block;
  border-radius: 20px;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 26px 40px 35px;
  margin-bottom: 20px;
  border-top: 3px solid transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.visi .testimonial-one__single {
    text-align: center;
    padding: 30px 50px 40px;
    /* background-color: rgba(var(--brote-dark-green-rgb), .5); */
    background-image: url('../images/backgrounds/visi-bg.png'), linear-gradient(to left, rgba(var(--unmas-primary-rgb), .75) 0, rgba(var(--unmas-primary-rgb), .8) 30%, rgba(var(--unmas-primary-rgb), .8) 70%, rgba(var(--unmas-primary-rgb), .75) 100%);
    overflow: hidden;
    border-top: unset;
}

.visi .testimonial-one__single:hover {
    border-top: unset;
}

.visi .testimonial-one__single::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: -100%;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  -webkit-animation: shiny 3.5s infinite;
  animation: shiny 3.5s infinite;
}

@-webkit-keyframes shiny {
  0% {
    transform: scale(0) rotate(45deg);
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  1% {
    transform: scale(0) rotate(45deg);
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  2% {
    transform: scale(4) rotate(45deg);
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(80) rotate(45deg);
    -webkit-transform: scale(80) rotate(45deg);
    opacity: 0;
  }
}

@keyframes shiny {
  0% {
    transform: scale(0) rotate(45deg);
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  1% {
    transform: scale(0) rotate(45deg);
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  2% {
    transform: scale(4) rotate(45deg);
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(80) rotate(45deg);
    -webkit-transform: scale(80) rotate(45deg);
    opacity: 0;
  }
}

.visi .testimonial-one__single p {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 2px;
    color: var(--brote-base);
    font-style: italic;
}

.testimonial-one__single:hover {
  border-top: 5px solid #ffbf00;
}

.testimonial-one__client-details {
  position: relative;
  display: block;
  margin-top: 22px;
  /* padding-left: 116px; */
}

@media (max-width: 576px) {
  .testimonial-one__client-details {
    margin-top: 50px;
  }
}

.testimonial-one__client-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.testimonial-one__client-sub-title {
  font-size: 14px;
  line-height: 22px;
}

.testimonial-one__client-img {
  /* position: absolute; */
  position: relative;
  bottom: -16px;
  /* left: 50px; */
  width: 97px;
  height: 97px;
  border-radius: 50%;
  z-index: 1;
}

@media (max-width: 576px) {
  .testimonial-one__client-img {
    left: unset !important;
    margin: 0 auto;
  }
}

.testimonial-one__client-img img {
  width: 100%;
  border-radius: 50%;
}

.testimonial-one__client-img-boxs {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  z-index: -1;
}

.testimonial-one__client-img-boxs:before {
  position: absolute;
  top: 0;
  left: -10px;
  bottom: -10px;
  right: 0;
  background-color: var(--brote-white);
  border-radius: 50%;
  content: "";
  z-index: 1;
}

.testimonial-one__client-img-boxs:after {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  right: 0;
  bottom: -20px;
  background-color: var(--brote-white);
  border-radius: 50%;
  background-image: linear-gradient(145deg, #070066 0%, #ffb400 0%, #0038e0 100%);
  z-index: -1;
}

.testimonial-one__quote {
  position: absolute;
  bottom: -28px;
  right: 50px;
}

.visi .testimonial-one__quote {
    position: unset;
}

.testimonial-one__quote span {
  font-size: 50px;
  color: var(--brote-primary);
}

.visi .testimonial-one__quote span {
    font-size: 40px;
    color: var(--brote-base);
}

.deretan-fakultas.owl-carousel .owl-stage-outer {
  overflow: unset;
}

.deretan-fakultas .owl-stage .owl-item {
  transition: all .3s ease;
}

.deretan-fakultas .owl-stage .owl-item {
  transform: translate3d(0,0,0) scale(.6);
  /* background: #00f; */
  opacity: 0;
  visibility: hidden;
}

.deretan-fakultas .owl-stage .owl-item.active {
  opacity: 1;
  visibility: visible;
}

/* .deretan-fakultas .owl-stage .owl-item.ativo {
  transform: translate3d(0,0,0) scale(.9);
  background: #000;
}

.deretan-fakultas .owl-stage .owl-item.ativo2 {
  transform: translate3d(0,0,0) scale(1);
  background: #f00;
} */

/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
  position: relative;
  display: block;
  z-index: 1;
}

.brand-one__inner {
  position: relative;
  display: block;
  border-top: 2px solid #eef0f6;
  padding: 60px 0 100px;
}

.brand-one__main-content {
  position: relative;
  display: block;
}

.brand-one__main-content .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-one__main-content .swiper-slide img {
  -webkit-transition: 500ms;
  transition: 500ms;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.brand-one__main-content .swiper-slide img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/*--------------------------------------------------------------
# Contact One
--------------------------------------------------------------*/
.contact-one {
  position: relative;
  display: block;
  z-index: 2;
}

.contact-one-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .20;
  z-index: 3;
}

.contact-one-shape-4 img {
  width: auto;
}

.contact-one__container {
  position: relative;
  display: block;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.contact-one__left {
  position: relative;
  display: block;
  margin-right: 0;
  /* padding-top: 120px; */
  padding-top: 80px;
  /* padding-bottom: 120px; */
  padding-bottom: 90px;
  z-index: 2;
}

.table-bordered tbody tr:hover td {
  border-color: #fff;
}

.contact-one__left .latar-contact-us {
  position: absolute;
  top: 0;
  left: -100000px;
  right: -178px;
  /* right: -156px; */
  bottom: 0;
  content: "";
  background-color: var(--unmas-primary);
  z-index: -1;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

@media (max-width: 1199px) {
  .contact-one__left .latar-contact-us {
    right: -350px;
  }
}

.contact-one__left .section-title__tagline {
  color: #b1c2f5;
}

.contact-one__left .section-title__title {
  color: var(--brote-white);
}

.contact-one__form {
  position: relative;
  display: block;
}

.contact-one__form .row {
  --bs-gutter-x: 20px;
}

.contact-one__form-input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.akreps.search .contact-one__form-input-box {
    padding: 10px 10px;
    margin-bottom: 0;
}

.contact-one__form-input-box input[type="text"],
.contact-one__form-input-box input[type="email"] {
  height: 50px;
  width: 100%;
  border: none;
  outline: none;
  background-color: rgba(var(--brote-white-rgb), 0.1);
  font-size: 14px;
  color: var(--brote-white);
  font-weight: 400;
  padding: 0 30px 0;
  border-radius: 10px;
}

.contact-one__form-input-box input[type="text"]::placeholder,
.contact-one__form-input-box input[type="email"]::placeholder,
.contact-one__form-input-box textarea::placeholder {
  color: #999;
  opacity: 1; /* Firefox */
}

.contact-one__form-input-box input[type="text"]:-ms-input-placeholder,
.contact-one__form-input-box input[type="email"]:-ms-input-placeholder,
.contact-one__form-input-box textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #999;
}

.contact-one__form-input-box input[type="text"]::-ms-input-placeholder,
.contact-one__form-input-box input[type="email"]::-ms-input-placeholder,
.contact-one__form-input-box textarea::-ms-input-placeholder { /* Microsoft Edge */
 color: #999;
}

.akreps.search .contact-one__form-input-box input[type="text"]{
    border: 2px solid #e1e1e1;
    background-color: #eef0f6;
    font-size: 14px;
    color: #808080;
    padding: 0 20px 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.akreps.search .contact-one__form-input-box input:focus {
    border: 2px solid var(--brote-base);
}

.contact-one__form-input-box textarea {
  display: block;
  height: 120px;
  width: 100%;
  border: none;
  outline: none;
  background-color: rgba(var(--brote-white-rgb), 0.1);
  font-size: 14px;
  color: var(--brote-white);
  font-weight: 400;
  padding: 10px 30px 30px;
  border-radius: 10px;
}

.contact-one__form-input-box.text-message-box {
  min-height: 120px;
}

.btn-search .contact-one__btn{
    border: 2px solid var(--unmas-primary);
    background-color: var(--unmas-primary);
    color: white;
}

.btn-search .contact-one__btn:hover i{
    background-color: transparent;
    color: var(--unmas-primary);
}

.contact-one__btn {
  border: 0;
  background-color: var(--unmas-primary);
}

.contact-one__btn.white-btn {
  background-color: #7084cd;
}

.contact-one__btn:hover,
.contact-one__btn.white-btn:hover {
  background-color: var(--brote-white);
  color: var(--unmas-primary);
}

.contact-one__btn i {
  background-color: var(--unmas-primary);
}

.contact-one__btn:hover i {
  background-color: var(--unmas-primary);
  color: var(--brote-white);
}

.contact-one__form-input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 100% !important;
}

.contact-one__form-input-box .bootstrap-select>.dropdown-toggle::after {
  display: none;
}

.contact-one__form-input-box .bootstrap-select>.dropdown-toggle {
  position: relative;
  height: 50px;
  outline: none !important;
  border-radius: 10px;
  border: 0;
  background-color: rgba(var(--brote-white-rgb), 0.1) !important;
  margin: 0;
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  color: var(--brote-white) !important;
  font-size: 14px;
  line-height: 50px;
  font-weight: 400;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}

.contact-one__form-input-box .bootstrap-select>.dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 26px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 14px;
  color: var(--brote-white);
}

.contact-one__right {
  position: relative;
  display: block;
  margin-left: -205px;
  margin-right: -375px;
  margin-top: -40px;
}

.contact-one-shape-1 {
  position: absolute;
  top: 0;
  left: 286px;
  height: 41px;
  /* width: 254px; */
  width: 236px;
  background-color: #020b2d;
  -webkit-clip-path: polygon(7% 0, 0% 100%, 100% 100%);
  clip-path: polygon(7% 0, 0% 100%, 100% 100%);
  z-index: 2;
}

.contact-one-shape-2 {
  position: absolute;
  top: 0;
  left: 358px;
  height: 41px;
  width: 105px;
  background-color: var(--brote-base);
  -webkit-clip-path: polygon(19% 0, 0% 100%, 100% 100%);
  clip-path: polygon(19% 0, 0% 100%, 100% 100%);
  z-index: 2;
}

.contact-one-shape-3 {
  position: absolute;
  bottom: 1px;
  left: -26px;
  height: 41px;
  width: 50px;
  background-color: var(--brote-base);
  -webkit-clip-path: polygon(0 0, 56% 100%, 100% 0);
  clip-path: polygon(0 0, 56% 100%, 100% 0);
  z-index: 2;
}

.contact-one__img {
  position: relative;
  display: block;
  -webkit-clip-path: polygon(29% 0, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(29% 0, 100% 0%, 100% 100%, 0 100%);
}

@media (min-width: 1690px) {
  .contact-one__img {
    -webkit-clip-path: polygon(calc(29% - ((100vw - 1690px) / 7)) 0, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(calc(29% - ((100vw - 1690px) / 7)) 0, 100% 0%, 100% 100%, 0 100%);
  }
}

.contact-one__img img {
  width: 100%;
}

.contact-one__call {
  position: absolute;
  bottom: 77px;
  right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

.contact-one__call:before {
  position: absolute;
  top: -18px;
  bottom: -18px;
  left: 45px;
  right: -50px;
  content: "";
  background-color: #2f4398;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  z-index: -1;
}

.contact-one__call-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 96px;
  width: 96px;
  background-color: #000;
  border-radius: 50%;
  font-size: 46px;
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.contact-one__call-icon:hover {
  color: var(--brote-base);
}

.contact-one__call-icon span {
  position: relative;
  display: inline-block;
  right: 8px;
  z-index: 2;
}

.contact-one__call-icon:hover span {
  color: var(--brote-base);
}

.contact-one__call-icon:before {
  position: absolute;
  top: 0;
  left: -8px;
  right: 8px;
  bottom: 0;
  content: "";
  background-color: var(--unmas-primary);
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}

.contact-one__call-icon:hover:before {
  background-color: var(--unmas-primary);
}

.contact-one__call-content {
  margin-left: 20px;
  margin-bottom: 10px;
}

.contact-one__call-sub-title {
  color: #b1c2f5;
}

.contact-one__call-number {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.contact-one__call-number a {
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-one__call-number a:hover {
  color: var(--brote-base);
}

/*--------------------------------------------------------------
# Blog One
--------------------------------------------------------------*/
.blog-one {
  position: relative;
  display: block;
  background-color: #eef0f6;
  padding: 120px 0 120px;
  margin-top: -41px;
  z-index: 1;
}

.blog-one.agenda-beranda {
  padding: 90px 0 120px;
  margin-top: unset;
}

.blog-single-top {
  margin-bottom: 3.5rem;
  border-radius: 15px;
  -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
  transition: all .3s cubic-bezier(.24, .74, .58, 1);
}

.blog-single-top:hover {
  -webkit-box-shadow: 0 0 25px rgba(5,28,49,.14);
  -khtml-box-shadow: 0 0 25px rgba(5,28,49,.14);
  -moz-box-shadow: 0 0 25px rgba(5,28,49,.14);
  -ms-box-shadow: 0 0 25px rgba(5,28,49,.14);
  -o-box-shadow: 0 0 25px rgba(5,28,49,.14);
  box-shadow: 0 0 25px rgba(5,28,49,.14);
}

.blog-one-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .20;
  z-index: -1;
}

.blog-one__carousel {
  position: relative;
  display: block;
}

.blog-one__single {
  position: relative;
  display: block;
}

.download .icon-download {
    width: 100%;
    /* height: 100%; */
    min-height: 160px;
    max-height: 180px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: #eef0f6;
    border: 2px solid #e1e1e1;
    overflow: hidden;
}

.akreps .icon-download {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: #eef0f6;
    border: 2px solid #e1e1e1;
    overflow: hidden;
}

.download .icon-download span {
    font-size: 100px;
    color: #ff8d00;
}

.akreps .icon-download span {
    font-size: 100px;
    color: #808080;
    font-family: var(--brote-font);
}

.blog-one__single.download{
    display: flex;
    -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    border-radius: 15px;
    margin-right: 5px;
}

.blog-one__single.akreps {
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    border-radius: 15px;
}

.blog-one__single.akreps.search {
    padding: 30px;
}

.blog-one__content.isi-akreps{
    position: relative;
    display: block;
    background-color: transparent;
    padding: 30px 27px 20px 0;
    margin-top: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.download .blog-one__content {
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 30px 25px 20px;
    height: 100%;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.download .blog-one__img {
    height: 100%;
    border-radius: 10px 0 0 10px;
    background-color: white;
    padding: 15px 0 15px 15px;
}

.akreps .blog-one__img {
    height: 100%;
    border-radius: 10px 0 0 10px;
    background-color: white;
    padding: 15px 0 15px 15px;
}

.download .blog-one__img img {
    height: 100%;
}

.download .blog-one__title {
    margin-bottom: 20px;
}

.isi-akreps .blog-one__title {
    font-size: 35px;
    line-height: 35px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e4e5ea;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-one__img {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.blog-sibebar .blog-one__img {
    max-height: 280px;
}

.blog-single-top .blog-one__img {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 30px;
  -webkit-box-shadow: -20px 0px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -20px 0px 60px 0px rgba(0, 0, 0, 0.1);
}

.blog-one__img img {
  width: 100%;
  /* border-radius: 10px; */
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.blog-one__img>a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--unmas-primary-rgb), 0.5);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  color: var(--brote-base);
  /* border-radius: 10px; */
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}

.blog-one__img>a>span {
  position: relative;
}

.blog-one__img>a>span::before {
  content: '';
  width: 20px;
  height: 2px;
  background-color: var(--brote-white);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-one__img>a>span::after {
  content: '';
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 2px;
  height: 20px;
  background-color: var(--brote-white);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.download .blog-one__img>a>span::after,
.berita-img .blog-one__img>a>span::after {
    content: unset;
}

.berita-img .blog-one__img>a>span::before,
.download .blog-one__img>a>span::before {
    width: unset;
    height: unset;
    content: "\f0c1";
    background-color: unset;
    color: var(--brote-white);
}
.berita-img .blog-one__img>a>span::before{
    content: "\f35d" !important;
}


.blog-one__img>a:hover>span::before,
.blog-one__img>a:hover>span::after {
  background-color: var(--brote-base);
}

.download .blog-one__img>a:hover>span::before,
.berita-img .blog-one__img>a:hover>span::before{
    background-color: unset;
}


.blog-one__single:hover .blog-one__img>a {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.blog-single-top:hover .blog-one__single .blog-one__img>a {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.blog-one__date {
  position: absolute;
  /* left: 20px; */
  /* top: 20px; */
  top: -47px;
  left: 25px;
  border-radius: 5px;
  background-color: var(--unmas-primary);
  /* width: 60px; */
  /* height: 60px; */
  width: 105px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.blog-one__date.detil {
  bottom: 75px;
  left: -10px;
  border-radius: 0 10px 10px 0;
  top: unset;
  height: auto;
  width: auto;
  padding: 15px;
  padding-left: 30px;
  z-index: 1;
}

.blog-one__date.detil::before {
  content: '';
  position: absolute;
  top: -11.5px;
  left: 0px;
  height: 12px;
  /* width: 254px; */
  width: 11px;
  background-color: #5e5e5e;
  -webkit-clip-path: polygon(7% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%);
}

.blog-single-top .blog-one__date {
  top: 15px;
  left: unset;
  right: 15px;
}

.blog-one__date p {
  font-size: 30px;
  font-weight: 700;
  color: var(--brote-white);
  text-align: center;
  line-height: 20px;
  margin-top: 5px;
}

.blog-one__date.detil p {
    font-size: 20px;
    margin-top: 0;
}

.blog-one__date p span {
  font-size: 14px;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .blog-one__date.detil {
    bottom: 50px;
    padding: 10px;
    padding-left: 20px;
  }
  .blog-one__date.detil p {
    font-size: 14px;
  }
}

.blog-one__content {
  position: relative;
  display: block;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 27px 20px;
  /* margin-right: 30px; */
  margin-top: -25px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.blog-one_text p{
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    font-size: 15px;
}

.blog-single-top .blog-one__content {
  height: 100%;
  margin: 0;
  margin-left: -50px;
  padding-left: 80px;
  padding-top: 15px;
}

@media (max-width: 991px) {
  .blog-single-top .blog-one__content {
    margin-left: 0;
    padding-left: 27px;
  }
}

.blog-one__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 500px) {
    .berita .blog-one__meta {
        /* justify-content: space-around; */
        margin-bottom: 10px !important;
    }
}

.blog-single-top .blog-one__meta {
  margin-bottom: 10px;
}

.blog-sibebar .blog-one__meta {
    margin-bottom: 10px;
  }

  .round-btn .blog-one__meta {
      margin-bottom: 0;
  }

.blog-one__meta li+li {
  margin-left: 15px;
}

.blog-one__meta li a {
  font-size: 14px;
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-one__meta li a:hover {
  color: var(--brote-primary);
}

.blog-one__meta li a i {
  color: var(--brote-base);
}

.blog-one__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 7px;
  /* margin-bottom: 24px; */
  margin-bottom: 7px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-single-top .blog-one__title {
  font-size: 26px;
  line-height: 32px;
  margin-top: 3px;
}

.blog-one__title a {
  color: var(--unmas-primary);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__title a {
  /* color: var(--brote-primary); */
  color: rgba(var(--unmas-primary-rgb), 0.7);
}

.blog-one__btn-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e4e5ea;
  padding-top: 12px;
}

@media only screen and (max-width: 500px) {
    .berita .blog-one__btn-box {
        display: block;
    }
}

.blog-one__btn-box.round-btn {
    justify-content: space-between;
}

.blog-single-top .blog-one__btn-box {
  position: absolute;
  bottom: 20px;
  width: calc(100% - 107px);
}

.blog-one__btn-box a {
  font-size: 14px;
  color: var(--brote-gray);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-one__btn-box a i {
  position: relative;
  font-size: 15px;
  top: 2px;
  padding-left: 8px;
}

.blog-one__btn-box.round-btn a i{
    top: unset;
    padding-left: 0;
}

.blog-one__btn-box a:hover {
  color: var(--brote-primary);
}

.blog-one__tag {
  position: absolute;
  top: -17px;
  left: 45px;
  background-color: var(--brote-base);
  padding: 8px 15px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.blog-one__tag:before {
  position: absolute;
  top: 0;
  left: -14px;
  content: "";
  border-top: 17px solid transparent;
  border-right: 14px solid #0a2e99;
  border-bottom: 0px solid transparent;
}

.blog-one__tag p {
  font-size: 14px;
  color: var(--brote-white);
  line-height: 14px;
}

.blog-one__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.blog-one__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.blog-one__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.blog-one__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.blog-one__carousel.owl-theme .owl-nav {
  position: absolute;
  /* top: -150px; */
  top: 42%;
  /* right: 0px; */
  width: 100%;
  height: 0;
  margin-top: 0 !important;
}

.blog-one__carousel.owl-theme .owl-nav .owl-prev {
  height: 48px;
  width: 48px;
  background: var(--unmas-primary);
  border-radius: 50%;
  border: 1px solid var(--unmas-primary);
  color: var(--brote-white);
  font-size: 15px;
  text-align: center;
  line-height: 55px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-one__carousel.owl-theme .owl-nav .owl-next {
  height: 48px;
  width: 48px;
  background: var(--unmas-primary);
  border-radius: 50%;
  border: 1px solid var(--unmas-primary);
  color: var(--brote-white);
  font-size: 15px;
  text-align: center;
  line-height: 55px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-one__carousel.owl-theme .owl-nav .owl-prev {
  margin-right: 5px;
  position: inherit;
  left: -60px;
}

.blog-one__carousel.owl-theme .owl-nav .owl-next {
  margin-left: 5px;
  position: inherit;
  right: -60px;
}



.blog-one__carousel.owl-theme.rekognisi-unmas .owl-nav .owl-prev {
  left: 25px;
}

.blog-one__carousel.owl-theme.rekognisi-unmas .owl-nav .owl-next {
  right: 25px;
}

.blog-one__carousel.owl-theme.rekognisi-unmas {
  overflow: hidden;
}



.blog-one__carousel.owl-theme .owl-nav .owl-next span,
.blog-one__carousel.owl-theme .owl-nav .owl-prev span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog-one__carousel.owl-theme .owl-nav .owl-next:hover,
.blog-one__carousel.owl-theme .owl-nav .owl-prev:hover {
  background-color: var(--brote-white);
  color: var(--unmas-primary);
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
  position: relative;
  display: block;
  background-color: #eef0f6;
}

.google-map__one {
  position: relative;
  display: block;
  border: none;
  height: 530px;
  width: 100%;
  mix-blend-mode: luminosity;
}

/*--------------------------------------------------------------
# Information
--------------------------------------------------------------*/
.information {
  position: relative;
  display: block;
  z-index: 2;
}

.information__inner {
  position: relative;
  display: block;
  border-radius: 10px;
  background-color: #0a2e99;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  padding: 72px 0px 73px;
  margin-top: -105px;
  margin-left: 60px;
  margin-right: 60px;
  z-index: 1;
}

.information__inner:before {
  position: absolute;
  top: 15px;
  left: -60px;
  right: -60px;
  bottom: 15px;
  content: "";
  border-radius: 10px;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  z-index: -1;
}

.information__logo-box {
  border-radius: 50%;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.information__logo-box:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--brote-white);
  border-radius: 50%;
}

.information__logo-box a {
  z-index: 2;
}

.information__logo-box img {
  width: auto;
}

.information__border-1 {
  position: absolute;
  top: 76px;
  left: -90px;
  right: -90px;
  height: 3px;
  content: "";
  background-color: white;
  z-index: -1;
}

.motto .information__border-1 {
    top: unset;
    left: 50%;
    height: 4px;
    right: unset;
    width: 200px;
    background-color: #56ffa5;
    transform: translate(-50%, 0);
}

.information__border-2 {
  position: absolute;
  top: 83px;
  left: -70px;
  right: -70px;
  height: 3px;
  content: "";
  background-color: white;
  z-index: -1;
}

.motto .information__border-2 {
    top: unset;
    margin-top: 10px;
    /* bottom: 70px; */
    height: 4px;
    left: 50%;
    right: unset;
    width: 150px;
    background-color: #56ffa5;
    transform: translate(-50%, 0);
}

.information__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-widget__column .information__list {
    display: block;
}

.information__list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-widget__column .information__list li {
    margin-bottom: 23px;
}

.footer-widget__column .information__list li:last-child {
    margin-bottom: 0;
}

.information__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.information__icon span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 40px;
  color: var(--unmas-primary);
}

.information__content {
  margin-left: 20px;
}

.information__sub-title {
  font-size: 18px;
}

.footer-widget__column .information__sub-title {
    font-size: 15px;
    line-height: 20px;
    color: #949494;
}

.information__number {
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 6px;
}

.footer-widget__column .information__number {
    font-size: 18px;
    margin-top: 5px;
}

.information__number a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__column .information__number a {
    color: var(--brote-gray);
}

.information__number a:hover {
  color: rgba(var(--unmas-primary-rgb), .6);
}

.information-two .information__inner {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
  position: relative;
  display: block;
  background-color: #eef0f6;
  /* margin-top: -98px; */
  z-index: 1;
}

.site-footer-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  opacity: 0.5;
}

.site-footer-shape-two {
  position: absolute;
  bottom: -20px;
  left: 47%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  mix-blend-mode: lighten;
  opacity: .10;
  z-index: -1;
  animation-name: zoom-fade;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: zoom-fade;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: zoom-fade;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: zoom-fade;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.site-footer-shape-two img {
  width: auto;
}

.site-footer__top {
  position: relative;
  display: block;
  padding: 80px 0 70px;
}

.footer-widget__about {
  position: relative;
  display: block;
}

.footer-widget__about-text-box {
  position: relative;
  display: block;
  margin-top: -1px;
}

.footer-widget__about-text {
  color: var(--brote-gray);
  line-height: 30px;
  font-weight: 400;
}

.site-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 29px;
}

.site-footer__social span {
    font-weight: 600;
    font-size: 20px;
    margin-right: 20px;
}

.site-footer__social a {
  position: relative;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--brote-white);
  font-size: 15px;
  background-color: #0a2e99;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.site-footer__social a.facebook {
    background-color: #3b5998;
}
.site-footer__social a.facebook:hover {
    color: #3b5998;
}

.site-footer__social a.twitter {
    background-color: #55acee;
}
.site-footer__social a.twitter:hover {
    color: #55acee;
}

.site-footer__social a.youtube {
    background-color: #c4302b;
}
.site-footer__social a.youtube:hover {
    color: #c4302b;
}

.site-footer__social a.instagram {
    background-color: #FB7833;
}
.site-footer__social a.instagram:hover {
    color: #FB7833;
}

.site-footer__social a:hover {
  color: var(--brote-base);
}

.site-footer__social a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--brote-white);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.site-footer__social a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.site-footer__social a+a {
  margin-left: 10px;
}

.footer-widget__links {
  position: relative;
  display: block;
}

.footer-widget__title {
  position: relative;
  display: inline-block;
  font-size: 24px;
  color: var(--unmas-primary);
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.footer-widget__title.footer-logo {
    padding-bottom: 0;
}

.footer-widget__title::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: var(--unmas-primary);
}

.footer-widget__title::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 45px;
    width: 8px;
    height: 3px;
    background-color: var(--unmas-primary);
}

.footer-widget__title.footer-logo::before,
.footer-widget__title.footer-logo::after{
    content: unset;
}

.footer-logo a{
    display: flex;
    align-items: center;
}

.footer-logo a img {
    width: 50px;
    height: 100%;
}

.footer-logo a h2 {
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;
}

.footer-logo a h2 span {
    font-size: 18px;
    display: block;
}

.footer-widget__links-list {
  position: relative;
  display: block;
}

.footer-widget__links-list li+li {
  margin-top: 10px;
}

.footer-widget__links-list li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 400;
}

.footer-widget__links-list li a i {
    font-size: 12px;
    margin-right: 15px;
    color: var(--unmas-primary);
}

.footer-widget__links-list li a:hover {
  color: var(--brote-dark-blue);
  font-weight: 600;
}

.footer-widget__articles {
  position: relative;
  display: block;
  margin-right: -30px;
}

.footer-widget__articles-list {
  position: relative;
  display: block;
  margin-top: 9px;
}

.footer-widget__articles-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-widget__articles-list li+li {
  margin-top: 20px;
}

.footer-widget__articles-img {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  max-width: 80px;
  width: 100%;
}

.sidebar__post-image {
    position: relative;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    max-width: 80px;
    width: 100%;
  }

  .sidebar__post-image span.icon-side {
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
  }

  .sidebar__post-image span.icon-side i {
      font-size: 40px;
      color: #ff8d00;
  }


.footer-widget__articles-img:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(var(--brote-base-rgb), 0.5);
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  border-radius: 10px;
  z-index: 1;
}

.sidebar__post-image::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(var(--unmas-primary-rgb), 0.5);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    border-radius: 10px;
    z-index: 1;
}

.download .blog-one__img .icon-download::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(var(--brote-base-rgb), 0.5);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    /* border-radius: 15px; */
    z-index: 1;
}

.download .blog-one__img .icon-download a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: var(--brote-white);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    z-index: 2;
}

.download .blog-one__img .icon-download a span {
    font-size: 40px;
    color: var(--brote-white);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

.download .blog-one__img .icon-download a:hover span {
    color: var(--brote-base-gelap);
}

.blog-one__single.download:hover .blog-one__img .icon-download::before{
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.blog-one__single.download:hover .blog-one__img .icon-download a{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.footer-widget__articles-list li:hover .footer-widget__articles-img:before {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.sidebar__post-list li:hover .sidebar__post-image::before {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.footer-widget__articles-img img {
  width: 100%;
  border-radius: 10px;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .7s;
  transition-duration: .7s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.footer-widget__articles-list li:hover .footer-widget__articles-img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.footer-widget__articles-img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  color: var(--brote-white);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  z-index: 2;
}

.sidebar__post-image a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: var(--brote-white);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    z-index: 2;
}

.footer-widget__articles-list li:hover .footer-widget__articles-img a {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.sidebar__post-list li:hover .sidebar__post-image a {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}



.footer-widget__articles-content {
  margin-left: 20px;
  margin-top: -2px;
}

.footer-widget__articles-date {
  font-size: 14px;
  color: var(--brote-primary);
  line-height: 14px;
  margin-bottom: 7px;
}

.footer-widget__articles-sub-title {
  font-size: 16px;
  color: var(--brote-white);
  font-weight: 700;
  line-height: 30px;
}

.footer-widget__articles-sub-title a {
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__articles-sub-title a:hover {
  color: var(--brote-primary);
}

.footer-widget__newsletter {
  position: relative;
  display: block;
  margin-left: 70px;
}

.footer-widget__newsletter-text {
  color: #b1c2f5;
  line-height: 28px;
  padding-top: 1px;
}

.footer-widget__newsletter-form {
  position: relative;
  display: block;
  margin-top: 31px;
}

.footer-widget__newsletter-input-box {
  position: relative;
  display: block;
}

.footer-widget__newsletter-input-box input[type="email"] {
  height: 60px;
  width: 100%;
  border: none;
  outline: none;
  padding-left: 30px;
  padding-right: 60px;
  background-color: rgba(var(--brote-white-rgb), 0.1);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 400;
  color: var(--brote-white);
}

.footer-widget__newsletter-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  height: 36px;
  width: 36px;
  border: none;
  border-radius: 50%;
  font-size: 15px;
  background-color: var(--brote-primary);
  color: var(--brote-white);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__newsletter-btn:hover {
  background-color: var(--brote-white);
  color: var(--brote-base);
}

.site-footer__bottom {
  position: relative;
  display: block;
  background-color: var(--unmas-primary);
}

.site-footer__bottom-inner {
  position: relative;
  display: block;
  text-align: center;
  padding: 20px 0;
}

.site-footer__bottom-text {
  font-size: 16px;
  color: var(--brote-white);
}

.site-footer__bottom-text a {
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-footer__bottom-text a:hover {
  color: var(--brote-base);
}

.site-footer-two {
  margin-top: 0;
}

.site-footer-two .site-footer__top {
  padding: 112px 0 91px;
}

/*--------------------------------------------------------------
# Feature Two
--------------------------------------------------------------*/
.feature-two {
  position: relative;
  display: block;
  padding: 75px 0 110px;
}

.feature-two__single {
  position: relative;
  display: block;
  padding-left: 140px;
  margin-bottom: 60px;
  min-height: 120px;
  z-index: 1;
}

.feature-two__single:before {
  position: absolute;
  top: -15px;
  bottom: -15px;
  right: 0;
  left: 58px;
  content: "";
  border: 1px solid #e4e5ea;
  border-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}

.feature-two__single:hover:before {
  background-color: var(--brote-base);
  border: 1px solid var(--brote-base);
}

.feature-two__icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background-color: #e4e5ea;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  top: 0;
  left: 0;
}

.feature-two__single:hover .feature-two__icon {
  background-color: var(--brote-primary);
}

.feature-two__icon:before {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  content: "";
  background-color: var(--brote-white);
  border-radius: 50%;
  z-index: 1;
}

.feature-two__icon img {
  width: auto;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 1;
}

.feature-two__single:hover .feature-two__icon img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.feature-two__content {
  position: relative;
  display: block;
  top: 12px;
}

.feature-two__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 3px;
}

.feature-two__title a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__single:hover .feature-two__title a {
  color: var(--brote-white);
}

.feature-two__text {
  font-size: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__single:hover .feature-two__text {
  color: #b1c2f5;
}

.feature-two__star-1 {
  position: absolute;
  bottom: 4px;
  right: 45px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.feature-two__single:hover .feature-two__star-1 {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.feature-two__star-1 img {
  width: auto;
  opacity: .20;
}

.feature-two__star-2 {
  position: absolute;
  bottom: 20px;
  right: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.feature-two__single:hover .feature-two__star-2 {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.feature-two__star-2 img {
  width: auto;
  opacity: .20;
}

.feature-two__star-3 {
  position: absolute;
  bottom: -14px;
  right: 8px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.feature-two__single:hover .feature-two__star-3 {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.feature-two__star-3 img {
  width: auto;
  opacity: .20;
}

/*--------------------------------------------------------------
# We Cleaning
--------------------------------------------------------------*/
.we-cleaning {
  position: relative;
  display: block;
  padding: 0 0 120px;
}

.we-cleaning__left {
  position: relative;
  display: block;
  margin-left: -41px;
  margin-right: 45px;
  margin-top: 45px;
}

.we-cleaning__img-box {
  position: relative;
  display: block;
}

.we-cleaning__img {
  position: relative;
  display: block;
  border-radius: 50%;
}

.we-cleaning__img>img {
  width: 100%;
  border-radius: 50%;
  border: 22px solid var(--brote-primary);
}

.we-cleaning-line {
  position: absolute;
  top: -43px;
  bottom: 0;
  right: -44px;
}

.we-cleaning-line>img {
  width: auto;
}

.we-cleaning-line:before {
  content: "";
  position: absolute;
  top: -11px;
  left: -15px;
  height: 35px;
  width: 35px;
  background-color: var(--brote-primary);
  border-radius: 50%;
}

.we-cleaning-line:after {
  content: "";
  position: absolute;
  bottom: -54px;
  left: -15px;
  height: 35px;
  width: 35px;
  background-color: var(--brote-base);
  border-radius: 50%;
}

.we-cleaning__small-img {
  position: absolute;
  top: -80px;
  left: -91px;
}

.we-cleaning__small-img img {
  width: auto;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(12, 12, 12, 0.1);
  box-shadow: 0px 10px 60px 0px rgba(12, 12, 12, 0.1);
  border: 14px solid var(--brote-white);
  border-radius: 50%;
}

.we-cleaning__video-link {
  position: absolute;
  left: -50px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-float .we-cleaning__video-link {
    left: unset;
    bottom: unset;
}

.we-cleaning__video-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 190px;
  height: 190px;
  line-height: 190px;
  text-align: center;
  font-size: 35px;
  color: var(--brote-white);
  background-color: var(--brote-base);
  border-radius: 50%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 1;
}

.image-float .we-cleaning__video-icon {
  width: 100px;
  height: 100px;
  font-size: 30px;
}

.we-cleaning__video-icon:hover {
  color: var(--brote-base);
}

.we-cleaning__video-icon:before {
  position: absolute;
  top: 28px;
  left: 28px;
  right: 28px;
  bottom: 28px;
  content: "";
  border-radius: 50%;
  background-color: rgba(var(--brote-white-rgb), 0.1);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: -1;
}

.image-float .we-cleaning__video-icon:before{
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
}

.we-cleaning__video-icon:hover:before {
  background-color: var(--brote-white);
}

.we-cleaning__video-link .ripple,
.we-cleaning__video-icon .ripple:before,
.we-cleaning__video-icon .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 190px;
  height: 190px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  -o-box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  -webkit-box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  border-radius: 50%;
}

.image-float .we-cleaning__video-link .ripple,
.image-float .we-cleaning__video-icon .ripple:before,
.image-float .we-cleaning__video-icon .ripple:after {
  width: 100px;
  height: 100px;
}

.we-cleaning__video-icon .ripple:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.we-cleaning__video-icon .ripple:after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.we-cleaning__shape-1 {
  position: absolute;
  left: -78px;
  bottom: -30px;
  border-radius: 50%;
  background-color: #eef0f6;
  width: 243px;
  height: 243px;
  z-index: -1;
}

.we-cleaning__shape-2 {
  position: absolute;
  bottom: 39px;
  left: -163px;
  border-width: 5px;
  border-color: #ffb400;
  border-style: solid;
  border-radius: 50%;
  width: 145px;
  height: 145px;
}

.we-cleaning__shape-3 {
  position: absolute;
  top: -70px;
  left: 204px;
  border-radius: 50%;
  background-color: #1200ff;
  width: 26px;
  height: 26px;
}

.we-cleaning__shape-4 {
  position: absolute;
  bottom: -51px;
  left: 199px;
  border-radius: 50%;
  background-color: #eef0f6;
  width: 26px;
  height: 26px;
}

.we-cleaning__shape-5 {
  position: absolute;
  top: 250px;
  left: -46px;
  border-radius: 50%;
  background-color: #eef0f6;
  width: 26px;
  height: 26px;
}

.we-cleaning__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.we-cleaning__right .section-title {
  margin-bottom: 27px;
}

.we-cleaning__text-1 {
  line-height: 32px;
}

.we-cleaning__points-box {
  position: relative;
  display: block;
  margin-top: 38px;
  margin-bottom: 39px;
}

.we-cleaning__points {
  position: relative;
  display: block;
}

.we-cleaning__points li {
  position: relative;
  display: block;
  float: left;
}

.we-cleaning__points li:last-child {
  margin-left: 50px;
}

.we-cleaning__icon {
  position: relative;
  display: block;
  margin-left: 30px;
  z-index: 1;
}

.we-cleaning__icon:before {
  position: absolute;
  bottom: 5px;
  left: -30px;
  height: 65px;
  width: 65px;
  background-color: #eef0f6;
  border-radius: 50%;
  content: "";
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: -1;
}

.we-cleaning__points li:hover .we-cleaning__icon:before {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.we-cleaning__icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--brote-primary);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.we-cleaning__points li:hover .we-cleaning__icon span {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.we-cleaning__text-box {
  position: relative;
  display: block;
  margin-top: 17px;
}

.we-cleaning__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 13px;
}

.we-cleaning__text-2 {
  line-height: 32px;
}

/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  z-index: 1;
}

.services-two:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 580px;
  content: "";
  background-color: #eef0f6;
  z-index: -1;
}

.services-two-bubble {
  position: absolute;
  top: 20px;
  right: 215px;
  width: 1498px;
  height: 524px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: -1;
}

.services-two-dot-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.services-two-dot-1 img {
  width: auto;
}

.services-two-dot-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.services-two-dot-2 img {
  width: auto;
}

.services-two__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
  /* padding: 15px; */
  border-radius: 8px;
  -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
  transition: all .3s cubic-bezier(.24, .74, .58, 1);
}

/* .services-two__single:hover {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -khtml-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -moz-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -ms-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -o-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  box-shadow: 0 25px 25px rgba(5,28,49,.14);
} */

.services-two__img-box {
  position: relative;
  display: block;
  bottom: -20px;
}

.services-two__img-box img {
  border-radius: 12px 12px 0 0;
}

.services-two__img {
  position: relative;
  display: block;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
  z-index: 1;
}

.services-two__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--brote-base-rgb), 0.5);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: 1;
}

.services-two__single:hover .services-two__img:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.services-two__img img {
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-two__single:hover .services-two__img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.services-two__icon {
  position: absolute;
  bottom: -45px;
  left: 50%;
  border-radius: 10px;
  background-color: #ffb400;
  box-shadow: 0px -2px 10px #fff;
  width: 109px;
  height: 99px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 2;
}

@media (min-width: 991px) and (max-width: 1200px) {
  .services-two__icon {
    bottom: -22px;
  }
}

.services-two__icon.agenda_icon {
  display: block;
}

@media (max-width: 768px) {
  .services-two__icon.agenda_icon {
    bottom: -20px;
  }
}

.services-two__single:hover .services-two__icon {
  background-color: var(--brote-base);
}

.services-two__icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--brote-white);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.services-two__single:hover .services-two__icon span {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.services-two__single .services-two__icon .calendar span,
.services-two__single:hover .services-two__icon .calendar span {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.services-two__content {
  position: relative;
  display: block;
  background-color: white;
  -webkit-box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.1);
  /* padding: 50px 40px 40px; */
  padding: 74px 40px 40px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-align: center;
}

.agenda-beranda .services-two__content {
  border-radius: 15px;
}

.services-two__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}

.agenda-beranda .services-two__title {
  margin-bottom: 20px;
}

.calendar {
  position: relative;
  top: -20px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  margin-top: 20px;
  border: 1.8px solid #3d3d3d;
  border-radius: 10px;
  background: #fff;
  /* box-shadow: 0 10px 0 0 #eef0f6; */
}

.calendar > .top {
  width: 100%;
  height: 20px;
  border-bottom: 2px solid #3d3d3d;
  background: #ff0000;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.calendar > .top > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 3px 0 0 0;
  line-height: 75px;
}

.calendar > .top > ul > li {
  width: 9.5px;
  height: 9.5px;
  margin: 0;
  border: 1px solid #3d3d3d;
  border-radius: 50%;
  display: inline-block;
  background: #eef0f6;
  position: relative;
}

.calendar > .top > ul > li:after {
  content: "";
  width: 6px;
  height: 16px;
  background: #3d3d3d;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 1px;
  border-radius: 15px;
}

.calendar > .day {
  display: block;
  /* height: 100%; */
  position: relative;
  box-shadow: inset 0 9px 0 0 #fff, inset 0 10px 0 0 #a2a2a2, inset 0 19px 0 0 #fff, inset 0 20px 0 0 #a2a2a2, inset 0 29px 0 0 #fff, inset 0 30px 0 0 #a2a2a2, inset 0 39px 0 0 #fff, inset 0 40px 0 0 #a2a2a2, inset 0 49px 0 0 #fff, inset 0 50px 0 0 #a2a2a2, inset 0 59px 0 0 #fff, inset 0 60px 0 0 #a2a2a2, inset 0 69px 0 0 #fff, inset 0 70px 0 0 #a2a2a2;
}

.calendar > .day > h1 {
  text-align: center;
  line-height: 40px;
  font-size: 40px;
  margin: 0;
  color: #3d3d3d;
  text-shadow: 0 2px 0 #fff, 0 -2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;
}

.calendar > .day > span {
  /* position: absolute; */
  /* margin: auto; */
  /* left: 0; */
  /* right: 0; */
  /* bottom: 16px; */
  color: #3d3d3d;
  display: block;
  /* text-align: center; */
  font-weight: 700;
  text-align: center;
  line-height: 6px;
  font-size: 16px;
  margin: 0;
  /* color: #3d3d3d; */
  text-shadow: 0 2px 0 #fff, 0 -2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff;
}

.calendar > .day > span:last-child {
  line-height: 34px;
  font-size: 22px;
}

.services-two__title a {
  color: var(--unmas-primary);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-two__title a:hover {
  color: rgba(var(--unmas-primary-rgb), .7);
}

.services-two__text {
  padding-top: 14px;
  padding-bottom: 20px;
}

.services-two__btn {
  position: relative;
  display: block;
  background-color: #e4e5ea;
  font-size: 12px;
  color: var(--brote-gray);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  border-radius: 25px;
  padding: 10px 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-two__btn:hover {
  background-color: var(--unmas-primary);
  color: var(--brote-base);
}

/*--------------------------------------------------------------
# Brand TWo
--------------------------------------------------------------*/
.brand-two {
  position: relative;
  display: block;
}

.brand-two .brand-one__inner {
  padding: 40px 0 40px;
}

.swiper-wrapper {
  align-items: center;
}

.swiper-wrapper a,
.swiper-wrapper a img {
  width: 100%;
}

/*--------------------------------------------------------------
# FAQ One
--------------------------------------------------------------*/
.faq-one {
  position: relative;
  display: block;
  background-color: #eef0f6;
  padding: 120px 0 120px;
  overflow: hidden;
  z-index: 1;
}

.faq-one-bg {
  position: absolute;
  top: -113px;
  bottom: 0;
  right: 0;
  width: 1413px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  z-index: -1;
}

.faq-one-bg:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 742px;
  background: #eef0f6;
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, #eef0f6), color-stop(80%, rgba(238, 240, 246, 0)));
  background: linear-gradient(90deg, #eef0f6 46%, rgba(238, 240, 246, 0) 80%);
}

.faq-one-shape-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1057px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: .30;
  z-index: -1;
}

.faq-one__left {
  position: relative;
  display: block;
}

.faq-one-accrodion .accrodion {
  position: relative;
  display: block;
  /* border: 1px solid #e4e5ea; */
  border-radius: 10px;
  /* background-color: var(--brote-white); */
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active {
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
}

/* .faq-one-accrodion .accrodion:before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 7px;
  content: "";
  background-color: var(--brote-primary);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.faq-one-accrodion .accrodion.active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
} */

#post-thumbnails {
  position: relative;
}

#post-thumbnails>div::after {
  /* content: ''; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: all .5s ease;
}

#post-thumbnails>div:hover::after {
  background: rgba(255, 221, 2, .3);
  cursor: pointer;
  transition: all .5s ease;
}

.faq-one-accrodion .accrodion-title {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 21px 30px 21px;
  background-color: var(--unmas-primary);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  border-radius: 10px;
}

.faq-one-accrodion .accrodion-title:hover {
    background-color: var(--unmas-primary);
}

.faq-one-accrodion .accrodion-title h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: var(--brote-white);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion+.accrodion {
  margin-top: 20px;
}

.faq-one-accrodion .accrodion.active .accrodion-title {
  border-radius: 10px 10px 0px 0px;
  background-color: var(--unmas-primary);
}

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
  color: var(--brote-white);
}

.faq-one-accrodion .accrodion-title h4::before {
  /* content: "\f067"; */
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  color: var(--brote-white);
  background-color: var(--brote-primary);
  position: absolute;
  top: 50%;
  right: 0;
  height: 35px;
  width: 35px;
  line-height: 15px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-align: center;
}

.accrodion-inner+.accrodion-inner{
    margin-top: 15px;
}
.accrodion-title-inner {
    padding-bottom: 10px;
}

.accrodion-title-inner h4{
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.accrodion-inner.active .accrodion-title-inner h4,
.accrodion-title-inner:hover h4 {
    color: var(--brote-base-gelap);
}



.accrodion-title-inner h4::before{
    content: "\f067";
    /* content: "\f105"; */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: var(--brote-white);
    background-color: var(--brote-primary);
    position: absolute;
    top: 50%;
    left: 0;
    height: 22px;
    width: 22px;
    line-height: 15px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
}

.accrodion-inner.active .accrodion-title-inner h4::before{
    content: "\f068";
    color: var(--brote-white);
    background-color: var(--brote-base-gelap);
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
  /* content: "\f068"; */
  content: "\f107";
  color: var(--brote-base-gelap);
  background-color: var(--brote-white);
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accrodion-content-inner {
    padding: 10px 0;
}

.accrodion-content-inner .table thead {
    background-color: var(--unmas-primary);
    color: var(--brote-white);
}

.accrodion-content-inner .table thead tr {
    text-align: center;
    font-size: 17px;
}

.accrodion-content-inner .table tbody tr {
    text-align: center;
    color: var(--brote-gray);
    vertical-align: middle;
}

.faq-one-accrodion .accrodion-content {
  position: relative;
  padding: 25px 30px 30px;
}

.faq-one-accrodion .accrodion-content p {
  margin: 0;
}

/*--------------------------------------------------------------
# Project One
--------------------------------------------------------------*/
/* .deretan-fakultas .owl-stage {
  perspective: 1200px;
}

.deretan-fakultas .owl-stage .owl-item {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.deretan-fakultas .owl-stage .owl-item:nth-child(7).active {
  transform: translate3d(0px, 0px, -360px) rotateX(0deg) rotateY(80deg);
} */

.deretan-fakultas .owl-nav {
  position: absolute;
}

.ct-blog-carousel-layout3 .item--date {
  width: 80px;
  height: 80px;
  background-color: #007cfb;
  color: #fff;
  line-height: 1;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 27px;
  bottom: -24px
}

.ct-blog-carousel-layout3 .item--date span:nth-child(1) {
  display: block;
  font-size: 30px;
  font-weight: 700;
  font-family: poppins,sans-serif;
  margin-bottom: 5px
}

.ct-blog-carousel-layout3 .item--meta {
  list-style: none;
  margin-bottom: 7px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  color: #676f95;
  text-transform: uppercase
}

.ct-blog-carousel-layout3 .item--meta a {
  color: inherit
}

.ct-blog-carousel-layout3 .item--meta a:hover {
  color: #007cfb
}

.ct-blog-carousel-layout3 .item--meta i {
  margin-right: 7px;
  color: #0431b8
}

.ct-blog-carousel-layout3 .item--meta i.fac-folder-open {
  margin-right: 3px
}

.ct-blog-carousel-layout3 .item--meta li {
  margin-right: 20px
}

.ct-blog-carousel-layout3 .item--meta li:last-child {
  margin-right: 0
}

.ct-blog-carousel-layout3 .item--title {
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  padding-bottom: 12px
}

.ct-blog-carousel-layout3 .item--title:before {
  content: '';
  width: 37px;
  height: 3px;
  bottom: -1px;
  left: 0;
  background-color: #007cfb;
  position: absolute
}

.ct-blog-carousel-layout3 .item--title a {
  color: inherit
}

.ct-blog-carousel-layout3 .item--title a:hover {
  color: #007cfb
}

.ct-blog-carousel-layout3 .item--content {
  font-size: 15px;
  line-height: 26px
}

.ct-blog-carousel-layout3 .item--body {
  background-color: #fff;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #eaebf0;
  padding: 45px 27px 36px
}

.ct-blog-carousel-layout3 .item--readmore a {
  font-size: 14px;
  font-weight: 700;
  color: #082680;
  text-transform: uppercase;
  -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
  -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
  -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
  -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
  -o-transition: .3s cubic-bezier(.24,.74,.58,1);
  transition: .3s cubic-bezier(.24,.74,.58,1)
}

.ct-blog-carousel-layout3 .item--readmore a i {
  font-style: normal;
  font-size: 18px;
  margin-left: 4px
}

.ct-blog-carousel-layout3 .item--readmore a span {
  border-bottom: 1px solid rgba(8,38,128,.42);
  -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
  -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
  -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
  -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
  -o-transition: .3s cubic-bezier(.24,.74,.58,1);
  transition: .3s cubic-bezier(.24,.74,.58,1)
}

.ct-blog-carousel-layout3 .item--readmore a:hover {
  color: #007cfb
}

.ct-blog-carousel-layout3 .item--readmore a:hover span {
  border-color: rgba(0,124,251,.42)
}

.ct-blog-carousel-layout3 .item--featured {
  position: relative
}

.ct-blog-carousel-layout3 .item--featured img {
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  width: 100%
}

.ct-blog-carousel-layout3 .item--featured+.item--body {
  -webkit-border-radius: 0 0 4px 4px;
  -khtml-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}

.ct-blog-carousel-layout3 .grid-item-inner {
  margin-top: 30px;
  margin-bottom: 50px;
  -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
  -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
  -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
  -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
  -o-transition: .3s cubic-bezier(.24,.74,.58,1);
  transition: .3s cubic-bezier(.24,.74,.58,1)
}

.ct-blog-carousel-layout3 .grid-item-inner:hover {
  -webkit-transform: translate(0,-15px);
  -khtml-transform: translate(0,-15px);
  -moz-transform: translate(0,-15px);
  -ms-transform: translate(0,-15px);
  -o-transform: translate(0,-15px);
  transform: translate(0,-15px);
  -webkit-box-shadow: 0 27px 32px rgba(12,12,12,.16);
  -khtml-box-shadow: 0 27px 32px rgba(12,12,12,.16);
  -moz-box-shadow: 0 27px 32px rgba(12,12,12,.16);
  -ms-box-shadow: 0 27px 32px rgba(12,12,12,.16);
  -o-box-shadow: 0 27px 32px rgba(12,12,12,.16);
  box-shadow: 0 27px 32px rgba(12,12,12,.16)
}

.ct-blog-carousel-layout3 .ct-slick-carousel {
  margin: 0 -30px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden
}

.ct-blog-carousel-layout3 .ct-slick-carousel .slick-list {
  overflow: visible
}

.ct-blog-carousel-layout3 .slick-slide {
  -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
  -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
  -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
  -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
  -o-transition: .3s cubic-bezier(.24,.74,.58,1);
  transition: .3s cubic-bezier(.24,.74,.58,1);
  opacity: 0
}

.ct-blog-carousel-layout3 .slick-slide.slick-active {
  opacity: 1
}

.project-one {
  position: relative;
  display: block;
  padding: 120px 0 180px;
}

.project-one.fakultas-beranda-project {
  padding: 24px;
  z-index: 92;
}

.project-one.fakultas-beranda-project .project-one__bottom {
  position: absolute;
  width: 100%;
  padding: 20px 0;
  /* background: #04be5b; */
  bottom: 0;
}

.project-one.fakultas-beranda-project .project-one__bottom .project-one__bottom-bg-left {
  position: absolute;
  top: 0;
  left: -97px;
  width: 660px;
  height: 100%;
  transform: scale(.9) perspective(540px) rotateY(332deg);
  background-image: linear-gradient(-90deg, hsla(148deg, 96%, 38%, .7) 5%, hsla(148deg, 96%, 30%, .9) 30%, hsla(148deg, 96%, 22%, .9) 80%, hsla(148deg, 96%, 14%, .9) 100%);
  background-color: #fcfcfc;
}
.project-one.fakultas-beranda-project .project-one__bottom .project-one__bottom-bg-right {
  position: absolute;
  top: 0;
  right: -97px;
  width: 660px;
  height: 100%;
  transform: scale(.9) perspective(540px) rotateY(-332deg);
  background-image: linear-gradient(90deg, hsla(148deg, 96%, 38%, .8) 5%, hsla(148deg, 96%, 30%, .9) 30%, hsla(148deg, 96%, 22%, .9) 80%, hsla(148deg, 96%, 14%, .9) 100%);
  background-color: #fcfcfc;
}

.project-one__top {
  position: relative;
  display: block;
}

.project-one__left {
  position: relative;
  display: block;
}

.project-one__right {
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: 26px;
}

.project-one__bottom {
  position: relative;
  display: block;
}

.project-one__bottom-container {
  position: relative;
  display: block;
  max-width: 1600px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.project-one__carousel {
  position: relative;
  display: block;
}

.project-one__single {
  position: relative;
  display: block;
}

.project-one__img {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

.project-one__img:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  box-shadow: inset 0px -160px 50px -50px rgba(var(--unmas-primary-rgb), 0.9);
  /* background-color: rgba(var(--unmas-primary-rgb), 0.9); */
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 1;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: 1;
}

.project-one__img.fakultas-beranda:before {
  background-color: unset;
  background-image: linear-gradient(0deg ,rgba(var(--brote-base-rgb), 1) 0%, rgba(var(--brote-base-rgb), 0) 70%);
}

.project-one__single:hover .project-one__img:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.project-one__img img {
  width: 100%;
  border-radius: 10px;
}

.project-one__content {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  z-index: 2;
  border-top: 2px solid var(--brote-primary);
  padding-top: 23px;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-one__single:hover .project-one__content {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

.project-one__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
}

.project-one__title a {
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-one__title a:hover {
  color: var(--brote-primary);
}

.project-one__sub-title {
  color: #b1c2f5;
}

.project-one__arrow {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 2;
}

.project-one__single:hover .project-one__arrow {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.project-one__arrow a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--unmas-primary);
  border-radius: 50%;
  font-size: 20px;
  color: var(--brote-white);
}

.project-one__arrow a.galerivideo {
    background-color: #c4302b;
}

.project-one__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -60px;
  left: 0px;
  right: 0;
  text-align: center;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(var(--brote-base-rgb), 0.3);
  margin: 0px 5px;
  padding: 0px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.project-one__carousel.owl-carousel .owl-dot.active {
  width: 20px;
  height: 20px;
  background-color: rgba(var(--brote-primary-rgb), 1);
}

.project-one__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Process
--------------------------------------------------------------*/
.process {
  position: relative;
  display: block;
  padding: 0 0 90px;
  z-index: 1;
}

.process__inner {
  position: relative;
  display: block;
  counter-reset: count;
  z-index: 1;
}

.process-line {
  position: absolute;
  top: -10px;
  left: 168px;
  z-index: -1;
}

.process-line img {
  width: auto;
}

.process__single {
  position: relative;
  display: block;
  text-align: center;
  padding: 0 65px 0;
  margin-bottom: 20px;
}

.process__icon-box {
  position: relative;
  display: block;
  height: 142px;
  width: 142px;
  margin: 0 auto;
}

.process__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 142px;
  width: 142px;
  background-color: var(--brote-primary);
  border-radius: 50%;
  margin: 0 auto;
  z-index: 1;
}

.process__icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--brote-base);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1) rotateY(0deg);
  transform: scale(1) rotateY(0deg);
  z-index: 1;
}

.process__single:hover .process__icon span {
  -webkit-transform: scale(0.9) rotateY(360deg);
  transform: scale(0.9) rotateY(360deg);
  color: var(--brote-primary);
}

.process-icon-shape {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.process__count {
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: var(--brote-base);
  z-index: 2;
}

.process__count:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 20px;
  line-height: 45px;
  font-weight: 700;
  counter-increment: count;
  content: counters(count, ".", decimal-leading-zero);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  font-family: var(--qutiiz-font-two);
  color: var(--brote-white);
}

.process__content {
  position: relative;
  display: block;
}

.process__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin-top: 34px;
  margin-bottom: 17px;
}

.process__title a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.process__title a:hover {
  color: var(--brote-primary);
}

.process__single-two .process__count {
  bottom: 0;
  right: 0;
  top: inherit;
  left: inherit;
}

/*--------------------------------------------------------------
# Call One
--------------------------------------------------------------*/
.call-one {
  position: relative;
  display: block;
  background-color: #ffa400;
  z-index: 1;
}

.call-one-shape-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 205px;
  width: 565px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: .60;
  z-index: -1;
}

.call-one-shape-2 {
  position: absolute;
  top: 0;
  right: 190px;
  bottom: 0;
  width: 565px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: .60;
  z-index: -1;
}

.call-one__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 60px 0;
}

.call-one__text {
  font-size: 34px;
  color: var(--brote-white);
  font-weight: 700;
  line-height: 46px;
}

.call-one__call-number a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--brote-base);
  font-size: 20px;
  color: var(--brote-white);
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 40px;
  border-radius: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.call-one__call-number a:hover {
  background-color: var(--brote-white);
  color: var(--brote-base);
}

.call-one__call-number a i {
  height: 53px;
  width: 53px;
  background-color: #0a2e99;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px;
  margin-right: 20px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.call-one__call-number a:hover i {
  background-color: var(--brote-primary);
  color: var(--brote-white);
}

/*--------------------------------------------------------------
# Why Choose One
--------------------------------------------------------------*/
.why-choose-one {
  position: relative;
  display: block;
  padding: 0 0 120px;
  overflow: hidden;
  z-index: 1;
}

.misi.why-choose-one {
    padding: 80px 0 0;
}

.why-choose-one-shape-1 {
  position: absolute;
  top: -22px;
  left: 0;
  width: 1050px;
  height: 760px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: -1;
}

.why-choose-one__img {
  position: absolute;
  top: 10%;
  left: 0;
}

@media (max-width: 992px) {
  .why-choose-one__img {
    display: none;
  }
}

.why-choose-one__img.strategi-bg {
    right: 0;
    left: unset;
}


.why-choose-one__img img {
  /* width: auto; */
  width: 40vw;
}

.why-choose-one-bubble-1 {
  position: absolute;
  top: 90px;
  left: 845px;
}

.why-choose-one-bubble-1 img {
  width: auto;
}

.why-choose-one-bubble-2 {
  position: absolute;
  bottom: 171px;
  left: 422px;
  z-index: 1;
}

.why-choose-one-bubble-2 img {
  width: auto;
}

.why-choose-one-bubble-3 {
  position: absolute;
  left: 40px;
  bottom: 150px;
}

.why-choose-one-bubble-3 img {
  width: auto;
}

.why-choosee-one__left {
  position: relative;
  display: block;
  margin-top: 113px;
}

.why-choose-one__img-2 {
  margin-left: 215px;
}

.why-choose-one__img-2 img {
  width: auto;
  border-radius: 50%;
  -webkit-box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
  box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
  border: 10px solid var(--brote-white);
}

.why-choose-one__img-3 {
  margin-left: 35px;
  margin-top: 17px;
}

.why-choose-one__img-3 img {
  width: auto;
  border-radius: 50%;
  -webkit-box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
  box-shadow: 6.157px 7.88px 50px 0px rgba(12, 12, 12, 0.15);
  border: 15px solid var(--brote-white);
}

.why-choose-one__right {
  position: relative;
  display: block;
  padding-top: 120px;
}

.why-choose-one__right.strategi {
    padding-top: 70px;
}

.misi .why-choose-one__right {
    padding-top: 0;
}

.misi .why-choose-one__right img{
    width: 100%;
}

.why-choose-one__points {
  position: relative;
  display: block;
}

.strategi .why-choose-one__points li {
    padding-bottom: 20px;
    padding-top: 15px;
    padding-right: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #d7d7d7;
    background-color: #eef0f6;
    border-radius: 30px 0;
}

.why-choose-one__points li {
  position: relative;
  display: block;
  padding-left: 80px;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 42px;
  margin-bottom: 50px;
}

.why-choose-one__points li.misi-kiri {
    padding-left: 0;
    padding-right: 80px;
}

.why-choose-one__points li.misi-kiri .text {
    text-align: right;
}

@media only screen and (max-width:991px) {
    .why-choose-one__points li.misi-kiri {
        padding-left: 80px;
        padding-right: 0;
    }

    .why-choose-one__points li.misi-kiri .text {
        text-align: unset;
    }
}



.why-choose-one__points li:last-child{
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media only screen and (max-width:768px) {
    .misi .why-choose-one__points li:last-child{
        border-bottom: 1px solid #d7d7d7;
        padding-bottom: 42px;
        margin-bottom: 50px;
    }
}



.strategi .why-choose-one__points li:last-child{
    padding-bottom: 15px;
    border-bottom: 2px solid #d7d7d7;
}

.why-choose-one__points li .icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  background-color: #eef0f6;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: 1;
}

.strategi .why-choose-one__points li .icon {
    top: unset;
    left: 10px;
}

.why-choose-one__points li .icon.icon-right {
    left: unset;
    right: 0;
}

@media only screen and (max-width:991px) {
    .why-choose-one__points li .icon.icon-right {
        left: 0;
        right: unset;
    }

}

.why-choose-one__points li .icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border-radius: 50%;
  background-color: var(--unmas-primary);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: -1;
}


.why-choose-one__points li:hover .icon:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.why-choose-one__points li .icon span {
  position: relative;
  display: inline-block;
  font-size: 25px;
  color: var(--unmas-primary);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.why-choose-one__points li:hover .icon span {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  color: var(--brote-white);
}

.why-choose-one__points li .text {
  position: relative;
  display: block;
  top: 3px;
}

.misi .why-choose-one__points li .text {
    height: 150px;
}

@media only screen and (max-width:767px) {
    .misi .why-choose-one__points li .text {
        height: 100%;
    }
}

.why-choose-one__points li .text h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}

.why-choose-one__points li .text p {
  line-height: 32px;
}


.strategi .why-choose-one__points li .text p,
.misi .why-choose-one__points li .text p {
    line-height: 27px;
}

@media only screen and (max-width: 1200px) {
    .misi .why-choose-one__points li .text p {
        font-size: 15px;
        line-height: 23px;
    }
}

/*--------------------------------------------------------------
# Blog Two
--------------------------------------------------------------*/
.blog-two {
  position: relative;
  display: block;
  padding: 80px 0 120px;
  z-index: 1;
}

.blog-two.beranda-blog {
  padding: 100px 0 120px;
}

.blog-two:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* content: ""; */
  background-color: #eef0f6;
  height: 560px;
  z-index: -1;
}

.blog-two-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 560px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .20;
  z-index: -1;
}

.blog-two-shape-2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 560px;
  width: 1470px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

.blog-two .blog-one__single {
  margin-bottom: 30px;
  -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
  transition: all .3s cubic-bezier(.24, .74, .58, 1);
}

.blog-two .blog-one__single:hover {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -khtml-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -moz-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -ms-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  -o-box-shadow: 0 25px 25px rgba(5,28,49,.14);
  box-shadow: 0 25px 25px rgba(5,28,49,.14);
}

.blog-two .blog-single-top .blog-one__single {
  height: 100%;
  margin: 0;
}

.blog-two .blog-single-top .blog-one__single.foto-depan {
  z-index: 2;
}

.blog-two .blog-single-top .blog-one__single:hover {
  -webkit-transform: unset;
  transform: unset;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/*--------------------------------------------------------------
# Why Choose Two
--------------------------------------------------------------*/
.why-choose-two {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

@media (max-width: 1199px) {
  .why-choose-two {
    padding-top: 90px;
  }
}

@media (max-width: 767px) {
  .why-choose-two {
    padding-top: 50px;
  }
}

.why-choose-two.alumni {
  padding-bottom: 150px;
}

.why-choose-two.bg-sasaran {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0 90px;
}

.why-choose-two-bubble {
  position: absolute;
  top: 180px;
  right: 70px;
  z-index: -1;
}

.why-choose-two-bubble img {
  width: auto;
}

.why-choose-two__left {
  position: relative;
  display: block;
  margin-left: 140px;
}

.why-choose-two__img-box {
  position: relative;
  display: block;
}

.why-choose-two__img-1 {
  position: relative;
  display: block;
  border-radius: 10px;
  z-index: 2;
}

.why-choose-two__img-1::before {
  content: '';
  position: absolute;
  top: -3%;
  left: -3%;
  width: 106%;
  height: 106%;
  background: #fff;
  border-radius: 10px;
  z-index: -1;
}

.why-choose-two__img-1 img {
  width: 100%;
  border-radius: 10px;
}

.why-choose-two__img-2 {
  position: absolute;
  top: 80px;
  /* top: 180px; */
  left: -170px;
  border-radius: 10px;
}

.why-choose-two__img-2 img {
  width: 90%;
  border-radius: 10px;
}

.why-choose-two__dot {
  position: absolute;
  top: -45px;
  left: -254px;
  opacity: .20;
  z-index: -1;
}

.sejarah .why-choose-two__dot {
    top: 60px;
    left: 90px;
    opacity: .15;
}

.why-choose-two__dot img {
  width: auto;
  -webkit-animation-name: shapeMover;
  animation-name: shapeMover;
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.why-choose-two__right {
  position: relative;
  display: block;
  margin-left: 25px;
}

.why-choose-two__right .section-title {
  margin-bottom: 27px;
}

.why-choose-two__text {
  line-height: 32px;
}

.alumni .why-choose-two__text {
    line-height: 27px;
    font-weight: 400;
}

.alumni .why-choose-two__text + .why-choose-two__text {
    margin-top: 20px;
}

.why-choose-two__progress {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 32px;
}

.why-choose-two__progress-single {
  position: relative;
  display: block;
}

.why-choose-two__progress-title {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 7px;
  font-weight: 700;
}

.why-choose-two__progress .bar {
  position: relative;
  width: 100%;
  height: 14px;
  background-color: #eef0f6;
  border-radius: 7px;
  margin-bottom: 13px;
}

.why-choose-two__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 14px;
  border-radius: 7px;
  background: var(--brote-primary);
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.why-choose-two__progress .count-text {
  position: absolute;
  right: -20px;
  bottom: 21px;
  color: var(--brote-gray);
  line-height: 26px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.why-choose-two__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.why-choose-two__progress .bar.marb-0 {
  margin-bottom: 0;
}

.why-choose-two__number {
  position: relative;
  display: block;
  margin-top: 50px;
}

.alumni .why-choose-two__number {
    margin-top: 20px;
}

.dosen-unmas .alumni .why-choose-two__number {
  padding: 20px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
  box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
  border-radius: 15px;
}

@media (max-width: 991px) {
  .dosen-unmas .alumni .why-choose-two__number {
    padding: 20px 25px;
  }
}

/* .why-choose-two__number a {
  position: relative;
  display: inline-block;
  background-color: var(--brote-base);
  font-size: 20px;
  font-weight: 700;
  color: var(--brote-white);
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 40px;
  border-radius: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.why-choose-two__number a:hover {
  background-color: var(--brote-primary);
  color: var(--brote-white);
}

.why-choose-two__number a i {
  position: relative;
  display: inline-block;
  height: 53px;
  width: 53px;
  background-color: var(--brote-primary);
  border-radius: 50%;
  text-align: center;
  line-height: 53px;
  margin-right: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.why-choose-two__number a:hover i {
  background-color: var(--brote-base);
  color: var(--brote-white);
} */

/*--------------------------------------------------------------
# Services Three
--------------------------------------------------------------*/
.services-three {
  position: relative;
  display: block;
  background-color: #eef0f6;
  overflow: hidden;
  padding: 90px 0;
  margin-top: -125px;
}

@media (max-width: 991px) {
  .services-three {
    margin-top: -100px;
  }
}

@media (max-width: 768px) {
  .services-three {
    margin-top: -150px;
  }
}

@media (max-width: 576px) {
  .services-three {
    margin-top: -205px;
  }
}

@media (max-width: 991px) and (max-height: 600px) {
  .services-three {
    margin-top: -100px;
  }
}

.services-three-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1497px;
  height: 746px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.services-three-dot-1 {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.services-three-dot-1 img {
  width: auto;
}

.services-three-dot-2 {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.services-three-dot-2 img {
  width: auto;
}

.services-three__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.services-three__img-box {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.services-three__img {
  position: relative;
  display: block;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  overflow: hidden;
}

.services-three__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--unmas-primary-rgb), 0.5);
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: 1;
}

.services-three__single:hover .services-three__img:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.services-three__img img {
  width: 100%;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-three__single:hover .services-three__img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.services-three__icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  background-color: var(--unmas-primary);
  border-radius: 50%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}

.services-three__icon:before {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  content: "";
  background-color: var(--brote-white);
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}

.services-three__single:hover .services-three__icon:before {
  background-color: var(--unmas-primary);
}

.services-three__icon span {
  position: relative;
  display: inherit;
  /* font-size: 55px; */
  color: var(--unmas-primary);
  width: auto;
  height: 100%;
  padding: 10px 0 18px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-three__icon span>img {
  width: 100%;
  height: 100%;
}

.services-three__single:hover .services-three__icon span {
  color: var(--brote-white);
}

.services-three__bubble {
  position: absolute;
  bottom: -30px;
  left: -16px;
  right: -7px;
  z-index: 2;
}

.services-three__bubble img {
  width: 100%;
}

.service-three__bulat {
  position: absolute;
  bottom: -26px;
  width: 100%;
  z-index: 2;
}

.service-three__bulat span {
  display: block;
  height: 60px;
  width: 100%;
  background: #fff;
  border-radius: 50% 50% 0 0;
}

.services-three__content {
  position: relative;
  display: block;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 15px 20px 30px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.services-three__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  height: calc(28px * 3);
}

.services-three__title a {
  color: var(--unmas-primary);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-three__title a span {
  display: block;
}

.services-three__single:hover .services-three__title a {
  color: var(--brote-primary);
}

.services-three__text {
  padding-top: 16px;
  padding-bottom: 20px;
}

.services-three__btn-box {
  position: relative;
  display: block;
}

.services-three__btn {
  position: relative;
  display: block;
  background-color: #e4e5ea;
  font-size: 12px;
  color: var(--brote-gray);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  border-radius: 25px;
  padding: 10px 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-three__btn:hover {
  background-color: var(--brote-primary);
  color: var(--brote-white);
}

/*--------------------------------------------------------------
# Project Two
--------------------------------------------------------------*/
.project-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.project-two__top {
  position: relative;
  display: block;
}

.project-two__top-left {
  position: relative;
  display: block;
}

.project-two__top-right {
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: 20px;
}

.project-two__bottom {
  position: relative;
  display: block;
}

.project-two__bottom .project-one__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Feature Three
--------------------------------------------------------------*/
.feature-three {
  position: relative;
  display: block;
  padding: 90px 0 120px;
}

.feature-three__single {
  height: 100%;
  position: relative;
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e5ea;
  border-radius: 30px;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  padding: 50px 40px;
}

.feature-three__single.judul-kiri {
    border-color: #e4e5ea;
    background-color: var(--unmas-primary);
    padding: 50px 40px;
}

.feature-three__top {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature-three__icon {
  position: relative;
  height: 110px;
  width: 110px;
  background-color: var(--brote-primary);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-three__single:hover .feature-three__icon {
  background-color: var(--brote-base);
}

.feature-three__icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--brote-white);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.feature-three__single:hover .feature-three__icon span {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* .feature-three__content {
  margin-left: 30px;
} */

.feature-three__content-box {
  font-size: 38px;
  color: var(--brote-base);
  font-weight: 700;
  line-height: 44px;
}

.judul-kiri .feature-three__content-box{
    color: white;
}

.feature-three__text-1 {
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  /* padding-top: 29px; */
  padding-bottom: 10px;
  text-align: justify;
}

.judul-kiri .feature-three__text-1 {
    color: white;
}

.feature-three__points-box {
  position: relative;
  display: block;
  overflow: hidden;
}

.feature-three__points {
  position: relative;
  display: block;
  float: left;
}

.feature-three__points li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature-three__points li+li {
  margin-top: 9px;
}

.feature-three__points li .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature-three__points li .icon i {
  font-size: 12px;
  color: var(--brote-primary);
}

.feature-three__points li .text {
  margin-left: 10px;
}

.feature-three__points li .text p {
  font-size: 18px;
  color: var(--brote-base);
}

.feature-three__points-two {
  margin-left: 35px;
}

.feature-three__img {
  position: relative;
  display: block;
  margin-top: 10px;
  top: 1px;
}

.feature-three__img img {
  width: 100%;
}

.feature-three__bottom {
  position: relative;
  display: block;
  text-align: center;
  margin-top: 11px;
}

.feature-three__bottom-text {
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}

.feature-three__btn-box {
  position: relative;
  display: block;
  margin-top: 34px;
}

/*--------------------------------------------------------------
# Counter One
--------------------------------------------------------------*/
.counter-two {
  position: relative;
  display: block;
  z-index: 2;
}

.counter-two__inner {
  position: relative;
  display: block;
  padding: 93px 0px 100px;
  border-top: 2px solid #eef0f6;
  z-index: 1;
}

.counter-two__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.counter-two__list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.counter-two__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 4px;
}

.counter-two__icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: #61ddff;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1) rotateY(0deg);
  transform: scale(1) rotateY(0deg);
}

.counter-two__list li:hover .counter-two__icon span {
  -webkit-transform: scale(0.9) rotateY(360deg);
  transform: scale(0.9) rotateY(360deg);
}

.counter-two__count-box {
  margin-left: 20px;
}

.counter-two__count-box-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.counter-two__count-box-inner h3 {
  font-size: 36px;
  color: var(--brote-base);
  font-weight: 700;
  line-height: 46px !important;
  font-family: var(--brote-font) !important;
}

.counter-two__plus {
  position: relative;
  font-size: 20px;
  color: var(--brote-primary);
  top: 3px;
}

.counter-two__text {
  color: var(--brote-gray);
  font-weight: 400;
  line-height: 20px;
}

.counter-two .odometer-formatting-mark {
  display: none;
}

/*--------------------------------------------------------------
# CTA One
--------------------------------------------------------------*/
.cta-one {
  position: relative;
  display: block;
  /* background-color: var(--brote-base); */
  padding: 80px 0 90px;
  z-index: 1;
}

.cta-one-bg-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--unmas-primary);
  opacity: .8;
  z-index: -1;
}

.cta-one-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: var(--brote-base);
  mix-blend-mode: luminosity;
  opacity: .25;
}

.cta-one-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  /* width: 1230px; */
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  mix-blend-mode: color-dodge;
  opacity: .15;
  z-index: -1;
}

.cta-one__inner {
  position: relative;
  display: block;
  text-align: center;
}

.cta-one__title {
  font-size: 60px;
  color: var(--brote-white);
  font-weight: 900;
  line-height: 70px;
  letter-spacing: -0.02em;
}

.motto .cta-one__title {
    line-height: 60px;
    font-size: 45px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .motto .cta-one__title {
        font-size: 35px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 425px) {
    .motto .cta-one__title {
        font-size: 28px;
        line-height: 38px;
    }
}

.motto .cta-one__text {
    margin-top: 55px;
    font-size: 30px;
    color: white;
}

.cta-one__title span {
  position: relative;
  display: inline-block;
}

.cta-one__title span:before {
  position: absolute;
  top: -14px;
  left: 78px;
  right: -155px;
  bottom: -18px;
  content: "";
  background-image: url(../images/shapes/cta-one-shape-2.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  animation-name: zoom-fade;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: zoom-fade;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: zoom-fade;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: zoom-fade;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.cta-one__btn-box {
  margin-top: 45px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cta-one__btn-1 {
  background-color: var(--brote-primary);
}

.cta-one__btn-1:hover {
  background-color: var(--brote-white);
  color: var(--brote-base);
}

.cta-one__btn-1:hover i {
  color: var(--brote-white);
  background-color: var(--brote-primary);
}

.cta-one__btn-1 i {
  background-color: var(--brote-base);
  color: var(--brote-white);
}

.cta-one__btn-2 {
  background-color: var(--brote-white);
  color: var(--brote-base);
}

.cta-one__btn-2 i {
  color: var(--brote-white);
}

.cta-one__btn-1+.cta-one__btn-2 {
  margin-left: 10px;
}

/*--------------------------------------------------------------
# Blog Three
--------------------------------------------------------------*/
.blog-three {
  position: relative;
  display: block;
  padding: 120px 0 213px;
  z-index: 1;
}

.blog-three-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 851px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.blog-three .section-title {
  margin-bottom: 77px;
}

.blog-three__carousel {
  position: relative;
  display: block;
}

.blog-three__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.blog-three__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.blog-three__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.blog-three__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.blog-three__single-box {
  position: relative;
  display: block;
}

.blog-three__single {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 90px;
  z-index: 1;
}

.blog-three__single:before {
  position: absolute;
  top: -30px;
  left: 130px;
  bottom: -30px;
  right: 0;
  border-radius: 10px;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  content: "";
  z-index: -1;
}

.blog-three__img {
  position: relative;
  display: block;
  border-radius: 10px;
  max-width: 270px;
  width: 100%;
  overflow: hidden;
}

.blog-three__img img {
  width: 100%;
  border-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-three__single:hover .blog-three__img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.blog-three__img>a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--brote-base-rgb), 0.5);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  color: var(--brote-base);
  border-radius: 10px;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}

.blog-three__img>a>span {
  position: relative;
}

.blog-three__img>a>span::before {
  content: '';
  width: 20px;
  height: 2px;
  background-color: var(--brote-primary);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-three__img>a>span::after {
  content: '';
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 2px;
  height: 20px;
  background-color: var(--brote-primary);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.blog-three__img>a:hover>span::before,
.blog-three__img>a:hover>span::after {
  background-color: var(--brote-white);
}

.blog-three__single:hover .blog-three__img>a {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.blog-three__date {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  background-color: var(--brote-white);
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.blog-three__date p {
  font-size: 20px;
  font-weight: 700;
  color: var(--brote-base);
  text-align: center;
  line-height: 20px;
}

.blog-three__date p span {
  font-size: 14px;
  text-transform: uppercase;
}

.blog-three__content {
  position: relative;
  display: block;
  padding-left: 40px;
  padding-right: 40px;
}

.blog-three__meta {
  position: relative;
  display: block;
}

.blog-three__meta li {
  position: relative;
  display: block;
  line-height: 24px;
}

.blog-three__meta li a {
  font-size: 14px;
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-three__meta li a:hover {
  color: var(--brote-primary);
}

.blog-three__meta li a i {
  color: var(--brote-primary);
}

.blog-three__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin-top: 18px;
  margin-bottom: 20px;
}

.blog-three__title a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-three__title a:hover {
  color: var(--brote-primary);
}

.blog-three__btn-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e4e5ea;
  padding-top: 12px;
}

.blog-three__btn-box a {
  font-size: 14px;
  color: var(--brote-gray);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-three__btn-box a i {
  position: relative;
  font-size: 15px;
  top: 1px;
  padding-left: 8px;
}

.blog-three__btn-box a:hover {
  color: var(--brote-base);
}

.blog-three__carousel.owl-theme .owl-nav {
  position: absolute;
  top: -170px;
  right: 0px;
  margin-top: 0 !important;
}

.blog-three__carousel.owl-theme .owl-nav .owl-prev {
  height: 50px;
  width: 50px;
  background: var(--brote-base);
  border-radius: 50%;
  color: var(--brote-white);
  font-size: 15px;
  text-align: center;
  line-height: 55px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-three__carousel.owl-theme .owl-nav .owl-next {
  height: 50px;
  width: 50px;
  background: var(--brote-base);
  border-radius: 50%;
  color: var(--brote-white);
  font-size: 15px;
  text-align: center;
  line-height: 55px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-three__carousel.owl-theme .owl-nav .owl-prev {
  margin-right: 5px;
}

.blog-three__carousel.owl-theme .owl-nav .owl-next {
  margin-left: 5px;
}

.blog-three__carousel.owl-theme .owl-nav .owl-next span,
.blog-three__carousel.owl-theme .owl-nav .owl-prev span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog-three__carousel.owl-theme .owl-nav .owl-next:hover,
.blog-three__carousel.owl-theme .owl-nav .owl-prev:hover {
  background-color: #eef0f6;
  color: var(--brote-gray);
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  display: block;
  padding: 111px 0 116px;
  background-color: #eef0f6;
  z-index: 1;
  /* margin-top: -37px; */
}

@media (max-width: 767px) {
  .page-header {
    padding: 50px 0 56px;
  }
}

.page-header-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  /* width: 1382px; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: -1;
}

.page-header-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  background-color: rgba(54, 59, 77, .7);
  /* background-image: -ms-linear-gradient(0deg, #eef0f6 0%, rgba(238, 240, 246, 0) 100%); */
}

.page-header-bubble {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  -webkit-animation-name: zoomInOut;
  animation-name: zoomInOut;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: zoomInOut2;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: zoomInOut2;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-name: zoomInOut2;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-name: zoomInOut2;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease-in-out;
}

.page-header-bubble img {
  width: auto;
}

.page-header__inner {
  position: relative;
  display: block;
  z-index: 15;
}

.page-header__inner h2 {
  font-size: 40px;
  color: var(--brote-base);
  font-weight: 700;
  line-height: 50px;
}

.thm-breadcrumb {
  position: relative;
  display: block;
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li+li {
  margin-left: 4px;
}

.thm-breadcrumb li a {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li:hover a {
  color: var(--brote-base);
}

/*--------------------------------------------------------------
# Blog Page
--------------------------------------------------------------*/
.video-bg-section {
  height: 365px;
  background: #ccc url(../images/unmas-assets/hero-area.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}

.video-bg-section .video-sec-content {
  background: rgba(17, 17, 17, 0.5);
  padding-top: 100px;
  width: 100%;
  height: 100%;
  text-align: center;
}

.video-bg-section .video-sec-content h3,
.video-bg-section .video-sec-content .page-title .subheading,
.page-title .video-bg-section .video-sec-content .subheading, .video-bg-section .video-sec-content h5,
.video-bg-section .video-sec-content .ft-boxed-hover ul li .hover-content .ft-heading,
.ft-boxed-hover ul li .hover-content .video-bg-section .video-sec-content .ft-heading, .video-bg-section .video-sec-content .ft-tabs .tabs-list li a .tab-group .tab-info,
.ft-tabs .tabs-list li a .tab-group .video-bg-section .video-sec-content .tab-info, .video-bg-section .video-sec-content .sidebar .comments-widget .widget-item span .widget-comm-title,
.sidebar .comments-widget .widget-item span .video-bg-section .video-sec-content .widget-comm-title, .video-bg-section .video-sec-content .comingsoon .content-wrapper .content-inner .cs-timer .item .title-timer,
.comingsoon .content-wrapper .content-inner .cs-timer .item .video-bg-section .video-sec-content .title-timer, .video-bg-section .video-sec-content .shop-layout-options span,
.shop-layout-options .video-bg-section .video-sec-content span, .video-bg-section .video-sec-content span {
  color: #ececec;
}

.video-bg-section .video-sec-content .cta-lead {
  letter-spacing: 8px;
}


.blog-page {
  position: relative;
  display: block;
  padding: 120px 0 140px;
}

.blog-page .blog-one__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Blog Page Carousel
--------------------------------------------------------------*/
.blog-page-two {
  padding: 120px 0 200px;
}

.blog-page__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 0px;
  right: 0;
  text-align: center;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog-page__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(var(--unmas-primary-rgb), 0.3);
  margin: 0px 5px;
  padding: 0px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.blog-page__carousel.owl-carousel .owl-dot.active {
  background-color: rgba(var(--unmas-primary-rgb), 1);
}

.blog-page__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.blog-page__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
.blog-sibebar {
  position: relative;
  display: block;
  padding: 100px 0 120px;
}

@media (max-width: 1199px) {
  .blog-sibebar {
    padding-top: 70px;
  }
}

@media (max-width: 767px) {
  .blog-sibebar {
    padding-top: 30px;
  }
}

.blog-sibebar .blog-one__single {
    margin-bottom: 30px;
}

.blog-sideabr__left {
  position: relative;
  display: block;
}

.blog-sidebar__content {
  position: relative;
  display: block;
}

.blog-sidebar__single {
  position: relative;
  display: block;
}

.blog-sidebar__single+.blog-sidebar__single {
  margin-top: 30px;
}

.blog-sidebar__img {
  position: relative;
  display: block;
  border-radius: 10px;
}

.blog-sidebar__img img {
  width: 100%;
  border-radius: 10px;
}

.blog-sidebar__content-box {
  position: relative;
  display: block;
  margin-top: 22px;
}

.blog-sibebar__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-sibebar__meta li+li {
  margin-left: 15px;
}

.blog-sibebar__meta li a {
  font-size: 14px;
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-sibebar__meta li a:hover {
  color: var(--brote-primary);
}

.blog-sibebar__meta li a i {
  color: var(--brote-primary);
}

.blog-sidebar__title {
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
  margin-top: 2px;
  margin-bottom: 12px;
}

.blog-sidebar__title a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-sidebar__title a:hover {
  color: var(--brote-primary);
}

.blog-sidebar__text {
  padding-bottom: 25px;
}

@media (max-width: 991px) {
  .blog-sidebar__text {
    height: 190px;
  }
}

.blog-sidebar__text .maximum-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media (max-width: 1199px) and (min-width: 991px) {
  .blog-sidebar__text .maximum-text {
    -webkit-line-clamp: 3;
  }
}

.blog-sidebar__btn {
  font-size: 12px;
  font-weight: 700;
  color: var(--brote-gray);
  padding: 10px 40px 10px;
  background-color: #e4e5ea;
  border-radius: 25px;
}

.blog-sidebar__bottom-box {
  position: relative;
  display: block;
  background-color: #eef0f6;
  padding: 50px 60px 45px;
  margin-top: 30px;
  border-radius: 10px;
}

.blog-sidebar__bottom-box-icon {
  margin-bottom: 21px;
}

.blog-sidebar__bottom-box-text {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
}

.blog-sidebar__delivering-services {
  position: relative;
  display: block;
  background-color: #eef0f6;
  padding: 50px 60px 47px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
}

.blog-sidebar__delivering-services-icon {
  margin-bottom: 21px;
}

.blog-sidebar__delivering-services-title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}

.blog-sidebar__delivering-services-title a {
  color: var(--brote-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-sidebar__delivering-services-title a:hover {
  color: var(--brote-primary);
}

.blog-sidebar__video-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog-sidebar__video-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 97px;
  height: 97px;
  line-height: 97px;
  text-align: center;
  font-size: 23px;
  color: var(--brote-white);
  background-color: var(--brote-primary);
  border-radius: 50%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.blog-sidebar__video-icon:hover {
  background-color: var(--brote-white);
  color: var(--brote-base);
}

.blog-sidebar__video-icon:before {
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  content: "";
  border-radius: 50%;
  border: 1px solid var(--brote-white);
  opacity: 0.1;
  z-index: 1;
}

.blog-sidebar__video-link .ripple,
.blog-sidebar__video-icon .ripple:before,
.blog-sidebar__video-icon .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 125px;
  height: 125px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  -o-box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  -webkit-box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  box-shadow: 0 0 0 0 rgba(var(--brote-primary-rgb), 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  border-radius: 50%;
}

.blog-sidebar__video-icon .ripple:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.blog-sidebar__video-icon .ripple:after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.comment-form__input-box.checkbox-group-custom {
  display: grid
}

.checkbox-group-custom label.checkbox {
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  /* margin-bottom: 0.375em; */
  /* margin-right: 40px; */
  margin-right: 26px;
  width: fit-content;
}

.checkbox-group-custom label input {
  position: absolute;
  left: -9999px;
}

.checkbox-group-custom label input:checked + span {
  background-color: rgba(var(--unmas-primary-rgb), .6);
  color: #fff;
}

.checkbox-group-custom label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em var(--unmas-primary);
}

.checkbox-group-custom.checkbox-real label:not(.form-label) input:checked + span:before {
  box-shadow: inset 0 0 0 0.125em var(--unmas-primary);
}

.checkbox-group-custom.checkbox-real label:not(.form-label) input:checked + span:after {
  background: var(--unmas-primary);
  color: #fff;
  opacity: 1;
}

.checkbox-group-custom label:not(.form-label) span {
  display: flex;
  align-items: center;
  padding: 0.375em 1.375em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
}

.checkbox-group-custom.checkbox-real label:not(.form-label) span {
  padding: 0.3em 0.75em 0.3em 0.375em;
  border-radius: 5px;
}

.checkbox-group-custom label:not(.form-label) span:hover {
  background-color: rgba(var(--unmas-primary-rgb), .8);
  color: #fff;
}

.checkbox-group-custom label:not(.form-label) span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em var(--unmas-primary);
}

.checkbox-group-custom.checkbox-real label:not(.form-label) span:before {
  border-radius: 5px;
}

.checkbox-group-custom.checkbox-real label:not(.form-label) span:after {
  color: #555;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Material-Design-Iconic-Font';
  content: "\f26b";
  text-align: center;
  left: 0.5em;
  position: absolute;
  opacity: 0;
  border: 0;
  background-color: inherit;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em var(--unmas-primary);
}

.select2-container .select2-choice {
  border: none;
  background-image: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.select2-container .select2-choice:focus, .select2-container .select2-choice:hover, .select2-container .select2-choice:active {
  box-shadow: none !important;
  border: 0 !important;
}

.select2-container .select2-choice .select2-arrow {
  border-left: none;
  background-image: none;
  background: transparent;
}

.select2-container.select2-dropdown-open .select2-choice {
  background: transparent;
  box-shadow: none !important;
}

.select2-drop {
  border-radius: 0;
  border: 0 !important;
}

.select2-container-multi .select2-choices {
  border: 0 !important;
  padding: 0;
  margin: 0;
  background-image: none;
  box-shadow: none !important;
}

.select2-container-multi .select2-choices:focus, .select2-container-multi .select2-choices:hover, .select2-container-multi .select2-choices:active {
  box-shadow: none !important;
  border: none;
  border: 0 !important;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 0;
}



.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  width: 50px;
}

.show-data .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
  width: 18px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 10px 8px 0 8px;
  left: calc(50% - 8px / 2);
  top: calc(50% - 10px / 4);
}

.show-data .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 8px 5px 0 5px;
  left: calc(50% - 5px / 2);
  top: calc(50% - 8px / 4);
}

.select2-container--default.selectedSelect2 .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 8px 10px 8px;
}

.show-data .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 5px 8px 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: var(--unmas-primary);
  background-color: rgba(var(--unmas-primary-rgb), .12);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border: 1px solid var(--unmas-primary);
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}

.sidebar__single+.sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  position: relative;
  font-size: 20px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  margin-left: 15px;
}

.sidebar__title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: var(--unmas-primary);
}

.sidebar__title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 45px;
    width: 7px;
    height: 3px;
    background-color: var(--unmas-primary);
}


.sidebar__search {
  position: relative;
  display: block;
}

.sidebar__search-form {
  position: relative;
}

.sidebar__search-form input[type="search"] {
  display: block;
  border: none;
  outline: none;
  background-color: var(--unmas-primary);
  color: var(--brote-white);
  font-size: 17px;
  font-weight: 400;
  padding-left: 28px;
  height: 64px;
  width: 100%;
  padding-right: 60px;
  border-radius: 10px;
  text-transform: capitalize;
}

.sidebar__search-form ::-webkit-input-placeholder {
  color: var(--brote-white);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--brote-white);
  opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--brote-white);
  opacity: 1;
}

.sidebar__search-form ::placeholder {
  color: var(--brote-white);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--brote-white);
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--brote-white);
}

.sidebar__search-form button[type="submit"] {
  background-color: transparent;
  color: var(--brote-white);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 35px 15px 30px 12px;
  background-color: #eef0f6;
  border-radius: 10px;
}

/* .sidebar__post .sidebar__title {
  margin-left: 15px;
} */

.sidebar__post-list {
  margin: 0;
}

.sidebar__post-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 11px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 10px;
}

.sidebar__post-list li:hover {
  background-color: white;
}

.sidebar__post-list li+li {
  margin-top: 10px;
}

.sidebar__post-image {
  margin-right: 10px;
}

.sidebar__post-image>img {
  width: 80px;
  border-radius: 10px;
}

.sidebar__post-content {
  position: relative;
  /* top: -4px; */
}

.sidebar__post-content h3 {
  font-size: 16px;
  margin: 0;
  line-height: 20px;
}

.sidebar__post-content-meta {
  font-size: 14px;
  font-weight: 400;
  color: var(--brote-gray) !important;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar__post-content-meta i {
  color: var(--unmas-primary);
  font-size: 14px;
  margin-right: 8px;
}

.sidebar__post-content h3 a {
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-top: 2px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sidebar__post-list li:hover .sidebar__post-content h3 a {
    color: var(--unmas-primary);
}

.sidebar__post-content h3 span {
    font-size: 14px;
}

.sidebar__category {
  position: relative;
  display: block;
  background-color: #eef0f6;
  padding: 35px 15px 30px 12px;
  border-radius: 10px;
}

/* .sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 11px;
} */

.sidebar__category-list {
  margin: 0;
}

.sidebar__category-list li+li {
  margin-top: 4px;
}

.sidebar__category-list li a {
  color: var(--brote-gray);
  font-size: 16px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 9px 20px;
  border-radius: 10px;
}

.sidebar__category-list li a:hover {
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: var(--unmas-primary);
}

.sidebar__category-list li.active a {
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: var(--unmas-primary);
}

.sidebar__category-list li a span {
  /* position: absolute;
  top: 50%;
  right: 30px; */
  /* -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0); */
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--unmas-primary);
  text-align: center;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  float: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-radius: 50%;
  background-color: white;
}

.sidebar__category-list li a:hover span {
  color: white;
  /* -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1); */
  background-color: var(--unmas-primary);
}

.sidebar__category-list li.active a span {
  /* -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1); */
  color: white;
  background-color: var(--unmas-primary);
}

.sidebar__tags {
  position: relative;
  display: block;
  background: #eef0f6;
  padding: 45px 45px 50px;
  border-radius: 10px;
}

.sidebar__tags .sidebar__title {
  margin-left: 5px;
  margin-bottom: 25px;
}

.sidebar__tags-list {
  margin-top: -10px;
}

.sidebar__tags-list a {
  font-size: 12px;
  color: var(--brote-gray);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: var(--brote-white);
  display: inline-block;
  padding: 6px 28px 4px;
  margin-left: 5px;
  font-weight: 700;
  border-radius: 20px;
}

.sidebar__tags-list a+a {
  margin-left: 5px;
  margin-top: 10px;
}

.sidebar__tags-list a:hover {
  color: var(--brote-white);
  background: var(--brote-base);
}

.sidebar__comments {
  position: relative;
  display: block;
  background: #eef0f6;
  padding: 45px 50px 43px;
  border-radius: 10px;
}

.sidebar__comments .sidebar__title {
  margin-bottom: 25px;
}

.sidebar__comments-list {
  position: relative;
  display: block;
}

.sidebar__comments-list li {
  position: relative;
  display: block;
  padding-left: 65px;
}

.sidebar__comments-list li+li {
  margin-top: 23px;
}

.sidebar__comments-icon {
  height: 45px;
  width: 45px;
  background-color: var(--brote-white);
  border-radius: 50%;
  font-size: 15px;
  color: var(--brote-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.sidebar__comments-list li:hover .sidebar__comments-icon {
  background-color: var(--brote-primary);
  color: var(--brote-white);
}

.sidebar__comments-text-box p {
  font-size: 15px;
  margin: 0;
  line-height: 26px;
  font-weight: 500;
}

.sidebar__comments-text-box p span {
  color: var(--brote-base);
}

.sidebar__comments-text-box h5 {
  font-size: 15px;
  margin: 0;
  line-height: 26px;
  color: var(--brote-gray);
}

/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/
.blog-details {
  position: relative;
  display: block;
  padding: 120px 0 170px;
}

.blog-details__left {
  position: relative;
  display: block;
}

.blog-details__img {
  position: relative;
  display: block;
}

.blog-details__img.detil .gallery-page__single {
  margin-bottom: 0;
}

.blog-details__img.detil .owl-stage-outer {
  border-radius: 15px;
}

.blog-details__img.detil .owl-nav {
  position: absolute;
  width: 100%;
  top: calc(50% - 60px);
  font-size: 45px;
  color: #efdd02;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
}

.blog-details__img.detil .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  background: #02124e;
  padding: 6px 19px 6px 16px !important;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
}

.blog-details__img.detil .owl-nav .owl-next {
  position: absolute;
  right: 0;
  background: #02124e;
  padding: 6px 16px 6px 19px !important;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transform: scale(.2);
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
}

.blog-details__img.detil:hover .owl-nav .owl-prev {
  left: -31px;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.blog-details__img.detil:hover .owl-nav .owl-next {
  right: -31px;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.blog-details__img.detil .owl-dots {
  bottom: 30px !important;
}

.blog-details__img.detil .owl-dots .owl-dot {
  background-color: rgba(var(--unmas-primary-rgb), 0.5) !important;
}

.blog-details__img.detil .owl-dots .owl-dot.active {
  background-color: rgba(var(--unmas-primary-rgb), 1) !important;
}

@media (max-width: 991px) {
  .blog-details__img.detil .owl-nav {
    top: calc(50% - 40px);
    font-size: 35px;
  }
  .blog-details__img.detil:hover .owl-nav .owl-prev {
    left: -17px;
    padding: 6px 15px 6px 11px !important;
  }
  .blog-details__img.detil:hover .owl-nav .owl-next {
    right: -17px;
    padding: 6px 11px 6px 15px !important;
  }
}

.blog-details__img img {
  width: 100%;
  border-radius: 15px;
}

.blog-details__content {
  position: relative;
  display: block;
  margin-top: 22px;
  border-radius: 0 0 15px 15px;
}

.blog-details__content.detil {
    margin-top: -25px;
    background-color: white;
    /* -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%); */
    /* box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%); */
    padding: 45px 0 30px;
}

.judul-blog {
  padding: 0;
}

.blog-details__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.berita .blog-one__meta li i {
    margin-right: 8px;
    color: var(--unmas-primary);
}

.detil .blog-details__meta li {
    font-size: 15px;
}

.detil .blog-details__meta li i{
    margin-right: 8px;
    color: var(--unmas-primary);
}

.detil .blog-details__meta li+li {
    margin-left: 25px;
}

.blog-details__meta li+li {
  margin-left: 18px;
}

.blog-details__meta li a {
  font-size: 14px;
  color: var(--brote-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-details__meta li a:hover {
  color: var(--brote-primary);
}

.blog-details__meta li a i {
  color: var(--brote-primary);
}

.blog-details__title {
  font-size: 34px;
  line-height: 44px;
  margin-bottom: 12px;
  margin-top: 2px;
  font-weight: 700;
}

.detil .blog-details__title {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
  .detil .blog-details__title {
    font-size: 28px;
    line-height: 36px;
  }
}

@media (max-width: 567px) {
  .detil .blog-details__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.blog-details__text-1 {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

.detil .blog-details__text-1 {
    margin-top: 15px;
    line-height: 27px;
    font-weight: 400;
    text-align: justify;
}

.blog-details__text-2 {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  padding-top: 31px;
}

.blog-details__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0 10px;
  margin-top: 54px;
  border-top: 1px solid #e4e5ea;
}

.blog-details__bottom p {
  margin: 0;
}

.blog-details__tags span {
  color: var(--unmas-primary);
  font-size: 20px;
  margin-right: 15px;
  font-weight: 700;
}

.blog-details__tags a {
  position: relative;
  color: var(--brote-white);
  font-size: 12px;
  background-color: var(--brote-base);
  display: inline-block;
  padding: 6px 29px 4px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 20px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.blog-details__tags a:hover {
  background-color: var(--brote-primary);
  color: var(--brote-white);
}

.blog-details__tags a+a {
  margin-left: 6px;
}

.blog-details__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-details__social-list a {
  position: relative;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--brote-white);
  font-size: 16px;
  background-color: #eef0f6;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.blog-details__social-list a:hover {
  color: var(--brote-white);
}

.blog-details__social-list a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--brote-dark-green);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.blog-details__social-list a.twitter{
    background-color: #55acee;
}

.blog-details__social-list a.facebook{
    background-color: #3b5998;
}

.blog-details__social-list a.whatsapp{
    background-color: #04BE5B;
}

.blog-details__social-list a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.blog-details__social-list a+a {
  margin-left: 10px;
}

.blgo-details__pagenation-box {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 53px;
}

.blog-details__pagenation {
  position: relative;
  display: block;
}

.blog-details__pagenation li {
  position: relative;
  float: left;
  font-size: 20px;
  color: var(--brote-gray);
  font-weight: 700;
  background-color: #eef0f6;
  line-height: 34px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  max-width: 100%;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 50px;
  padding-bottom: 56px;
  border-radius: 10px;
}

@media (min-width: 1200px) {
  .blog-details__pagenation li {
    max-width: 370px;
  }
}

.blog-details__pagenation li+li {
  margin-left: 30px;
}

.blog-details__pagenation li:hover {
  background-color: var(--brote-base);
  color: var(--brote-white);
}

.js-scroll-tracer {
  position: relative;
  padding: 20px;
  background: var(--unmas-primary);
  width: calc(25vw - 1.5rem * 2);
}
.js-scroll-tracer.fixed {
  position: fixed;
  /* top: calc(115px + 24px); */
  top: calc(115px + 0px);
}
.js-scroll-tracer.fixed.bottom-fix {
  position: absolute;
  top: unset;
  bottom: 1.5rem;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-one__title,
.comment-form__title {
  margin: 0;
  color: var(--brote-base);
  font-size: 30px;
  margin-bottom: 52px;
  font-weight: 700;
}

.comment-one__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e4e5ea;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.comment-one__content {
  position: relative;
  margin-left: 45px;
}

.comment-one__content h3 {
  margin: 0;
  font-size: 20px;
  color: var(--brote-base);
  margin-bottom: 26px;
  font-weight: 700;
}

.comment-one__content p {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

.comment-one__btn {
  padding: 5px 30px;
  margin-top: 20px;
  background-color: var(--brote-primary);
  font-size: 12px;
}

@media (min-width: 768px) {
  .comment-one__btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
  }
}

.comment-one__btn:hover {
  background-color: var(--brote-base);
}

.comment-one__image {
  position: relative;
  display: block;
  border-radius: 50%;
}

.comment-one__image img {
  border-radius: 50%;
}

.comment-form .comment-form__title {
  margin-top: -7px;
}

.comment-one__form .row {
  --bs-gutter-x: 20px;
}

.comment-form__input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.alumni .comment-form__input-box {
    margin-bottom: 0;
    display: flex;
    background-color: rgba(var(--brote-base-rgb), .1);
    border: 1px solid #ced4da;
    padding: 6px;
    border-radius: 10px;
}


.alumni .comment-form__input-box input[type="text"] {
    background-color: transparent;
    border: none;
    padding-right: 20px;
    padding-left: 20px;
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"],
.comment-form__input-box input[type="number"],
.comment-form__input-box input[type="password"],
.comment-form__input-box textarea,
.comment-form__input-box input.flatpickr-basic[type="text"][readonly] {
  height: 50px;
  width: 100%;
  /* border: none; */
  border: 1px solid #ced4da;
  background-color: rgba(var(--unmas-primary-rgb), .1);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 16px;
  color: var(--brote-gray);
  display: block;
  border-radius: 10px;
  box-shadow: none;
}

.comment-form__input-box textarea:focus {
  background-color: rgba(var(--unmas-primary-rgb), .1);
  box-shadow: none;
}

.comment-form__input-box textarea

.comment-form__input-box .sub-input input[type="text"],
.comment-form__input-box .sub-input input[type="email"],
.comment-form__input-box .sub-input input[type="number"],
.comment-form__input-box .sub-input input[type="password"] {
  height: 45px;
}

.comment-form__input-box .sub-input input[type="number"]::-webkit-outer-spin-button,
.comment-form__input-box .sub-input input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.comment-form__input-box input[type="text"][disabled],
.comment-form__input-box input[type="email"][disabled],
.comment-form__input-box input[type="number"][disabled],
.comment-form__input-box input[type="password"][disabled],
.comment-form__input-box textarea[disabled] {
  background-color: #dbdee1;
}

.comment-form__input-box input[type="text"][readonly],
.comment-form__input-box input[type="email"][readonly],
.comment-form__input-box input[type="number"][readonly],
.comment-form__input-box input[type="password"][readonly],
.comment-form__input-box textarea[readonly],
.comment-form__input-box input[type="text"].is-text[readonly],
.comment-form__input-box input[type="email"].is-text[readonly],
.comment-form__input-box input[type="number"].is-text[readonly],
.comment-form__input-box input[type="password"].is-text[readonly]
.comment-form__input-box textarea.is-text[readonly] {
  background-color: #9d9d9d;
}

.comment-form__input-box input[type="text"].is-text,
.comment-form__input-box input[type="email"].is-text,
.comment-form__input-box input[type="number"].is-text,
.comment-form__input-box input[type="password"].is-text,
.comment-form__input-box textarea.is-text,
.comment-form__input-box input.flatpickr-basic[type="text"][readonly].is-text {
  background: var(--unmas-primary);
  color: #fff;
}

.comment-form__input-box .error,
.comment-form__input-box .error-select2,
.comment-form__input-box .error-checkbox {
  font-size: 14px;
  display: block;
  color: #f00;
}

.comment-form__input-box .error-checkbox {
  line-height: 1
}

.comment-form__input-box #fotos-error.error,
.comment-form__input-box #dokpddiktis-error.error {
  position: relative;
  top: 60px;
}

.dropify-wrapper {
  background: rgba(var(--unmas-primary-rgb), .1);
}

.select2-container {
  padding: 0;
  border-radius: 10px;
  background: rgba(var(--unmas-primary-rgb), .1);
}

.show-data .select2-container {
  background: var(--brote-white);
  width: auto !important;
  min-width: 65px;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    height: 100%;
    padding: 10px;
    border-radius: 10px;
}

.show-data .select2-container .select2-selection--single,
.show-data .select2-container .select2-selection--multiple {
  border: none;
  padding: 3px 20px 3px 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 1px;
  margin-bottom: 3px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--unmas-primary);
  color: #fff;
}

.akreps.search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 5px;
    top: 0;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: inherit;
}

.select2-container.selectedSelect2 {
  background-color: var(--unmas-primary);
  color: #fff;
}

.select2-results .select2-highlighted {
  background: var(--unmas-primary);
}

.select2-container .select2-choice {
  background: transparent;
  color: #fff;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    /* padding-right: 20px; */
    padding-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.show-data .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
}

.select2-results__option[aria-selected] {
  line-height: 1.5;
}

.comment-form__input-box textarea {
  font-size: 14px;
  color: var(--brote-gray);
  height: 190px;
  width: 100%;
  background-color: #eef0f6;
  padding: 15px 30px 30px;
  border: none;
  border-radius: 10px;
  outline: none;
  margin-bottom: 0px;
}

.comment-form__btn {
  border: none;
}

.comment-form__btn:hover {
  background: rgba(var(--unmas-primary-rgb), 1);
  color: var(--brote-white);
}

.comment-form__btn:disabled {
  background: var(--unmas-primary);
  color: #676767;
}

.comment-form__input-box.text-message-box {
  height: 190px;
}

.checkbox-valid-form {
  margin-bottom: 12px;
}

.checkbox-valid-form input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.checkbox-valid-form label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 33px;
  line-height: 27px;
}

.checkbox-valid-form label::before,
.checkbox-valid-form label::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid #ced4da;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.checkbox-valid-form label::after {
  color: #555;
  font-size: 14px;
  font-family: 'Material-Design-Iconic-Font';
  content: "\f26b";
  top: 0px;
  text-align: center;
  opacity: 0;
  border: 0;
  background-color: inherit;
}

.checkbox-valid-form input[type="checkbox"]:checked+label::after {
  background: var(--unmas-primary);
  color: #fff;
}

.checkbox-valid-form input[type="checkbox"]:checked+label::after {
  opacity: 1;
}

.dropify-wrapper .dropify-message p {
  font-size: 16px;
}

small {
  font-size: 12px;
  display: block;
  line-height: 20px;
}

/*--------------------------------------------------------------
# Services Page 1
--------------------------------------------------------------*/
.services-page-1 {
  position: relative;
  display: block;
  padding: 80px 0 80px;
}

.services-page-1 .services-two__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Services Page 2
--------------------------------------------------------------*/
.services-page-2 {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

/*--------------------------------------------------------------
# Testimonial Two
--------------------------------------------------------------*/
.testimonial-two {
  position: relative;
  display: block;
  background-color: #eef0f6;
  padding: 120px 0 312px;
  overflow: hidden;
  z-index: 1;
}

.testimonial-two-shape-1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  opacity: .20;
  z-index: -1;
}

.testimonial-two-bubble {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1497px;
  height: 746px;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-repeat: no-repeat;
  z-index: -1;
}

.testimonial-two-star-1 {
  position: absolute;
  top: -103px;
  left: 288px;
  z-index: -1;
}

.testimonial-two-star-1 img {
  width: auto;
}

.testimonial-two-star-2 {
  position: absolute;
  top: 145px;
  left: 55px;
  z-index: -1;
}

.testimonial-two-star-2 img {
  width: auto;
}

.testimonial-two-star-3 {
  position: absolute;
  bottom: 220px;
  left: 225px;
  z-index: -1;
}

.testimonial-two-star-3 img {
  width: auto;
}

.testimonial-two-star-4 {
  position: absolute;
  top: 60px;
  right: 435px;
  z-index: -1;
}

.testimonial-two-star-4 img {
  width: auto;
}

.testimonial-two-star-5 {
  position: absolute;
  bottom: 345px;
  right: 120px;
  z-index: -1;
}

.testimonial-two-star-5 img {
  width: auto;
}

.testimonial-two__container {
  position: relative;
  display: block;
  max-width: 1590px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

/*--------------------------------------------------------------
# FAQ Two
--------------------------------------------------------------*/
.faq-two {
  padding-bottom: 277px;
}

.faq-two .faq-one-bg {
  background-position: right center;
}

/*--------------------------------------------------------------
# Services Details
--------------------------------------------------------------*/
.service-details {
  position: relative;
  display: block;
  padding: 120px 0 170px;
}

.service-details__left {
  position: relative;
  display: block;
}

.service-details__category {
  position: relative;
  display: block;
  background-color: var(--brote-white);
  border: 1px solid #e4e5ea;
  border-radius: 10px;
}

.service-details__category-title {
  font-size: 20px;
  color: var(--brote-base);
  line-height: 20px;
  display: block;
  background-color: #e4e5ea;
  padding: 20px 50px 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.service-details__category-list {
  position: relative;
  display: block;
  padding-left: 39px;
  padding-right: 39px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.service-details__category-list li {
  position: relative;
  display: block;
}

.service-details__category-list li a {
  color: var(--brote-gray);
  font-size: 18px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 10px 20px 10px;
  font-weight: 500;
  border-radius: 10px;
  z-index: 1;
}

.service-details__category-list li:hover a {
  color: var(--brote-white);
}

.service-details__category-list li.active a {
  color: var(--brote-white);
}

.service-details__category-list li a:after {
  position: absolute;
  bottom: -1px;
  top: -1px;
  left: 0;
  right: -22px;
  content: "";
  background-color: var(--brote-base);
  border-radius: 10px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}

.service-details__category-list li:hover a:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.service-details__category-list li.active a:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.service-details__category-list li a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background-color: #e4e5ea;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}

.service-details__category-list li:hover a:before {
  opacity: 0;
  visibility: hidden;
}

.service-details__category-list li.active a:before {
  opacity: 0;
  visibility: hidden;
}

.service-details__category-list li:last-child a:before {
  display: none;
}

.service-details__category-list li a span {
  position: absolute;
  top: 50%;
  right: 7px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--brote-gray);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
}

.service-details__category-list li a:hover span {
  color: var(--brote-white);
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

.service-details__category-list li.active a span {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  color: var(--brote-white);
}

.service-details__need-help {
  position: relative;
  display: block;
  padding: 50px 50px 50px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  z-index: 1;
  background-color: var(--brote-base);
  border-radius: 30px;
}

.service-details__need-help-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--brote-base);
  opacity: 0.05;
  border-radius: 30px;
  z-index: -1;
}

.service-details__need-help-icon {
  height: 85px;
  width: 85px;
  background-color: var(--brote-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 29px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-details__need-help-icon:hover {
  background-color: var(--brote-white);
}

.service-details__need-help-icon span {
  font-size: 30px;
  color: var(--brote-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-details__need-help-icon:hover span {
  color: var(--brote-base);
}

.service-details__need-help-title {
  font-size: 26px;
  color: var(--brote-white);
  line-height: 32px;
  font-weight: 700;
}

.service-details__need-help-contact {
  position: relative;
  display: block;
  margin-top: 29px;
}

.service-details__need-help-contact p {
  font-size: 16px;
  color: #b1c2f5;
  margin: 0;
  line-height: 24px;
}

.service-details__need-help-contact a {
  font-size: 18px;
  color: var(--brote-white);
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-details__need-help-contact a:hover {
  color: var(--brote-primary);
}

.service-details__download {
  position: relative;
  display: block;
  margin-top: 30px;
}

.service-details__btn {
  width: 100%;
  background-color: var(--brote-primary);
}

.service-details__btn:hover {
  background-color: var(--brote-base);
}

.service-details__btn i {
  background-color: var(--brote-base);
  margin-left: 73px;
}

.service-details__btn:hover i {
  background-color: var(--brote-primary);
  color: var(--brote-white);
}

.service-details__right {
  position: relative;
  display: block;
}

.service-details__img {
  position: relative;
  display: block;
  border-radius: 10px;
}

.service-details__img img {
  width: 100%;
  border-radius: 10px;
}

.service-details__content {
  position: relative;
  display: block;
  margin-top: 30px;
  margin-bottom: 44px;
}

.service-details__content-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 10px;
}

.service-details__text-2 {
  font-size: 20px;
  line-height: 30px;
  padding-top: 28px;
  padding-bottom: 33px;
  color: var(--brote-base);
}

.service-details__points-box {
  position: relative;
  display: block;
  border-top: 1px solid #e4e5ea;
  border-bottom: 1px solid #e4e5ea;
  padding-top: 38px;
  padding-bottom: 31px;
}

.service-details__points-box.sasaran {
    border-top: unset;
    border-bottom: unset;
    padding-top: 10px;
}

.service-details__points {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sasaran .service-details__points {
    display: unset;
}

.service-details__points li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.service-details__points li+li {
  margin-left: 55px;
}


.sasaran .service-details__points li{
    /* padding-bottom: 15px; */
    /* border-bottom: 1px solid #d7d7d7; */
    margin-bottom: 30px;
    align-items: center;
}

.sasaran .service-details__points li+li {
    margin-left: 0;
}

.why-choose-two__right{ counter-reset: service-details__points-box; }

.sasaran .service-details__points-icon::before {
    counter-increment: service-details__points-box;
    font-size: 90px;
    content: counter(service-details__points-box, decimal-leading-zero) " ";
    position: absolute;
    color: #fff;
    opacity: .05;
    top: 50%;
    left: 0;
    /* font-family: "Poppins",Tahoma,Geneva,sans-serif; */
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.service-details__points-icon span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 63px;
  color: var(--brote-primary);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* .sasaran .service-details__points-icon span {
    color: var(--brote-base);
} */

.service-details__points li:hover .service-details__points-icon span {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.service-details__points-content {
  margin-left: 30px;
  margin-top: -7px;
}

.sasaran .service-details__points-content {
    margin-left: 20px;
    margin-top: 0;
}

.service-details__points-content p {
  font-size: 20px;
  color: var(--brote-base);
  font-weight: 700;
  line-height: 32px;
}

.sasaran .service-details__points-content p {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
  }

.service-details__benefits {
  position: relative;
  display: block;
  margin-bottom: 50px;
  margin-top: 50px;
}

.service-details__benefits-img {
  position: relative;
  display: block;
  border-radius: 10px;
}

.service-details__benefits-img img {
  width: 100%;
  border-radius: 10px;
}

.service-details__benefits-right {
  position: relative;
  display: block;
  margin-top: -6px;
}

.service-details__benefits-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.service-betails__benefits-text-1 {
  font-size: 18px;
  color: var(--brote-gray);
  font-weight: 500;
  line-height: 30px;
  margin: 0;
  padding-top: 25px;
  padding-bottom: 31px;
}

.service-details__benefits-points {
  position: relative;
  display: block;
}

.service-details__benefits-points li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-details__benefits-points li+li {
  margin-top: 3px;
}

.service-details__benefits-points li .icon {
  color: var(--brote-primary);
  font-size: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 16px;
  width: 16px;
  border: 1px solid var(--brote-primary);
  border-radius: 50%;
}

.service-details__benefits-points li .icon i {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 1px;
}

.service-details__benefits-points li .text {
  margin-left: 15px;
}

.service-details__benefits-points li .text p {
  font-size: 16px;
  color: var(--brote-base);
  font-weight: 500;
  line-height: 30px;
}

/*--------------------------------------------------------------
# Team Page
--------------------------------------------------------------*/
.team-page {
  position: relative;
  display: block;
  padding: 120px 0 139px;
}

.team-page .team-one__single {
  margin-bottom: 65px;
}

.team-page .team-one__title-box {
  padding-right: 25px;
  padding-top: 18px;
  padding-bottom: 32px;
  padding-left: 18px;
  margin-left: 0px;
  margin-top: -100px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.team-page .team-one__sub-title-box {
  padding: 12px 20px;
  bottom: -21px;
  left: -19px;
  max-width: 90%;
}

.team-page .team-one__sub-title-box:before {
  top: -20px;
  left: 0;
  border-top: 20px solid transparent;
  border-right: 20px solid #0a2e99;
  border-bottom: 0px solid transparent;
}

.team-page .team-one__sub-title-box:after {
  right: -20px;
  border-left: 20px solid #0a2e99;
  border-bottom: 21px solid transparent;
}

.team-page .team-one__sub-title {
  font-size: 12px;
  color: var(--brote-white);
  line-height: 16px;
}

.team-page .team-one__content {
  bottom: -20px;
}

@media (max-width: 767px) {
  .team-page .team-one__content {
    bottom: -36px;
  }
  .team-page .team-one__single {
    margin-bottom: 78px;
  }
  .team-page .team-one__title-box {
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 32px;
    padding-left: 12px;
  }
  .team-page .team-one__sub-title-box {
    padding: 8px 12px;
    bottom: -24px;
    left: -8px;
    max-width: 85%;
    border-top-right-radius: 8px;
  }
  .team-page .team-one__sub-title {
    font-size: 11px;
    line-height: 14px;
  }
  .team-page .team-one__sub-title-box:before {
    border-right: 8px solid;
  }
  .team-page .team-one__sub-title-box:after {
    right: -12px;
    border-left: 12px solid;
    border-bottom: 23px solid transparent;
  }
}

.team-page .team-one__sub-title-box.fba {
  background-color: #46b6fe;
}
.team-page .team-one__sub-title-box.fba:before {
  /* border-right: 20px solid #46b6fe; */
  border-right-color: #46b6fe;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.fba:after {
  /* border-left: 20px solid #46b6fe; */
  border-left-color: #46b6fe;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.feb {
  background-color: #fa7b16;
}
.team-page .team-one__sub-title-box.feb:before {
  border-right-color: #fa7b16;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.feb:after {
  border-left-color: #fa7b16;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.ff {
  background-color: #e47297;
}
.team-page .team-one__sub-title-box.ff:before {
  border-right-color: #e47297;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.ff:after {
  border-left-color: #e47297;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.fh {
  background-color: #ee2558;
}
.team-page .team-one__sub-title-box.fh:before {
  border-right-color: #ee2558;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.fh:after {
  border-left-color: #ee2558;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.fkg {
  background-color: #f7a51d;
}
.team-page .team-one__sub-title-box.fkg:before {
  border-right-color: #f7a51d;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.fkg:after {
  border-left-color: #f7a51d;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.fkip {
  background-color: #607D8B;
}
.team-page .team-one__sub-title-box.fkip:before {
  border-right-color: #607D8B;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.fkip:after {
  border-left-color: #607D8B;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.fpb {
  background-color: #795548;
}
.team-page .team-one__sub-title-box.fpb:before {
  border-right-color: #795548;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.fpb:after {
  border-left-color: #795548;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.ft {
  background-color: #000000;
}
.team-page .team-one__sub-title-box.ft:before {
  border-right-color: #000000;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.ft:after {
  border-left-color: #000000;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.pasca {
  background-color: #04BE5B;
}
.team-page .team-one__sub-title-box.pasca:before {
  border-right-color: #04BE5B;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.pasca:after {
  border-left-color: #04BE5B;
  filter: brightness(0.5);
}

.team-page .team-one__sub-title-box.psdku {
  background-color: #6f42c1;
}
.team-page .team-one__sub-title-box.psdku:before {
  border-right-color: #6f42c1;
  filter: brightness(0.5);
}
.team-page .team-one__sub-title-box.psdku:after {
  border-left-color: #6f42c1;
  filter: brightness(0.5);
}



.team-page .team-one__social {
  position: absolute;
  right: 30px;
  bottom: 100px;
}

.team-page .team-one__social-two {
  right: 30px;
}

/*--------------------------------------------------------------
# Team Page Carousel
--------------------------------------------------------------*/
.team-page-carousel {
  position: relative;
  display: block;
  padding: 120px 0 130px;
}

.team-page-carousel-box.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.team-page-carousel-box.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.team-page-carousel-box.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.team-page-carousel-box.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.team-page-carousel-box.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(var(--brote-base-rgb), 0.3);
  margin: 0px 5px;
  padding: 0px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.team-page-carousel-box.owl-carousel .owl-dot.active {
  background-color: rgba(var(--brote-primary-rgb), 1);
}

.team-page-carousel-box.owl-carousel .owl-dot:focus {
  outline: none;
}

.team-page-carousel-box.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.team-details {
  position: relative;
  display: block;
}

.team-details-shape-1 {
  position: absolute;
  bottom: -270px;
  right: 0;
  opacity: .50;
  z-index: 2;
}

.team-details-shape-1 img {
  width: auto;
}

.team-details__top {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.team-details__top-left {
  position: relative;
  display: block;
  margin-right: 20px;
}

.team-details__top-img {
  position: relative;
  display: block;
  border-radius: 30px;
}

.team-details__top-img img {
  width: 100%;
  border-radius: 30px;
}

.team-details__big-text {
  font-size: 80px;
  line-height: 80px;
  text-transform: uppercase;
  color: #eef0f6;
  letter-spacing: 0.35em;
  font-weight: 400;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 209px;
  left: -325px;
}

.team-details__top-right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.team-details__top-content {
  position: relative;
  display: block;
  margin-top: -11px;
}

.team-details__top-name {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 3px;
}

.team-details__top-title {
  font-size: 16px;
  color: var(--brote-gray);
}

.team-details__social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 28px;
}

.team-details__social a {
  position: relative;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: #eef0f6;
  color: var(--brote-gray);
  font-size: 15px;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-details__social a:hover {
  background-color: var(--brote-base);
  color: var(--brote-white);
}

.team-details__social a+a {
  margin-left: 10px;
}

.team-details__top-text-1 {
  font-size: 30px;
  color: var(--brote-primary);
  line-height: 45px;
  font-weight: 400;
}

.team-details__top-text-2 {
  font-size: 18px;
  line-height: 34px;
  padding-top: 23px;
  padding-bottom: 35px;
  font-weight: 400;
}

.team-details__top-text-3 {
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}

.team-details__bottom {
  position: relative;
  display: block;
  border-top: 1px solid #e4e5ea;
  padding-top: 110px;
  padding-bottom: 120px;
}

.team-details__bottom-left {
  position: relative;
  display: block;
  margin-right: 70px;
}

.team-details__bottom-left-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.team-details__bottom-left-text {
  font-size: 18px;
  line-height: 34px;
  padding-top: 30px;
  font-weight: 400;
}

.team-details__bottom-right {
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: 1px;
}

.team-details__progress {
  position: relative;
  display: block;
  width: 100%;
}

.team-details__progress-single {
  position: relative;
  display: block;
}

.team-details__progress-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  color: var(--brote-base);
  margin-bottom: 6px;
}

.team-details__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: #eef0f6;
  border-radius: 7px;
  margin-bottom: 22px;
}

.team-details__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 13px;
  border-radius: 7px;
  background-color: var(--brote-primary);
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.team-details__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 21px;
  color: var(--brote-gray);
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-details__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.team-details__progress .bar.marb-0 {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Message One
--------------------------------------------------------------*/
.message-one {
  position: relative;
  display: block;
  background-color: #eef0f6;
  padding: 120px 0 275px;
  overflow: hidden;
  z-index: 1;
}

.message-one-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .20;
  z-index: -1;
}

.message-one-bubble {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 746px;
  width: 1497px;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.message-one .container {
  max-width: 770px;
  width: 100%;
}

.message-one .comment-form__btn {
  margin: 20px auto 0;
  display: block;
}

.message-one .comment-form__input-box input[type="text"],
.message-one .comment-form__input-box input[type="email"] {
  background-color: var(--brote-white);
  font-weight: 500;
}

.message-one .comment-form__input-box.text-message-box {
  height: 190px;
}

.message-one .comment-form__input-box textarea {
  background-color: var(--brote-white);
  height: 190px;
  font-weight: 500;
}

/*--------------------------------------------------------------
# Testimonial Page
--------------------------------------------------------------*/
.testimonial-page {
  position: relative;
  display: block;
  padding: 110px 0 141px;
}

.testimonial-page .container {
  max-width: 1060px;
}

.testimonial-page .testimonial-one__single {
  margin-bottom: 65px;
}

/*--------------------------------------------------------------
# Testimonial Carousel Page
--------------------------------------------------------------*/
.testimonial-carousel-page {
  position: relative;
  display: block;
  padding: 120px 0 232px;
}

.testimonial-carousel-page__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -63px;
  left: 0px;
  right: 0;
  text-align: center;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.testimonial-carousel-page__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(var(--brote-base-rgb), 0.3);
  margin: 0px 5px;
  padding: 0px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.testimonial-carousel-page__carousel.owl-carousel .owl-dot.active {
  background-color: rgba(var(--brote-primary-rgb), 1);
}

.testimonial-carousel-page__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.testimonial-carousel-page__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Gallery Page
--------------------------------------------------------------*/
.gallery-page {
  position: relative;
  display: block;
  padding: 120px 0 140px;
}

.gallery-page__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.image-float.right .gallery-page__single{
    margin-bottom: 0;
}

.gallery-page__img {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

.gallery-page__img:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  background-color: rgba(var(--unmas-primary-rgb), 0.5);
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform: translateY(-102%);
  transform: translateY(-102%);
  border-radius: 10px;
  z-index: 1;
}

.gallery-page__single:hover .gallery-page__img:before {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.gallery-page__img img {
  width: 100%;
  border-radius: 10px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.gallery-page__single:hover .gallery-page__img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.gallery-page__icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
}

.gallery-page__icon a {
  height: 80px;
  width: 80px;
  background-color: var(--brote-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 22px;
  color: var(--brote-white);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  -webkit-transition: all 700ms ease;
  transition: all 700ms ease;
  z-index: 2;
}

.gallery-page__single:hover .gallery-page__icon a {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

.gallery-page__icon a:hover {
  background-color: var(--brote-white);
  color: var(--unmas-primary);
}

/*--------------------------------------------------------------
# Gallery Carousel Page
--------------------------------------------------------------*/
.gallery-carousel-page {
  padding-bottom: 200px;
}

.gallery-carousel-page__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 0px;
  right: 0;
  text-align: center;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.gallery-carousel-page__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(var(--brote-base-rgb), 0.3);
  margin: 0px 5px;
  padding: 0px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.gallery-carousel-page__carousel.owl-carousel .owl-dot.active {
  background-color: rgba(var(--brote-primary-rgb), 1);
}

.gallery-carousel-page__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.gallery-carousel-page__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# FAq Page
--------------------------------------------------------------*/
.faq-page {
  position: relative;
  display: block;
  padding: 80px 0 100px;
  background-color: #eef0f6;
}

.faq-page__left {
  position: relative;
  display: block;
}

.faq-page__right {
  position: relative;
  display: block;
}

.faq-page__right .service-details__need-help {
  margin-top: 0px;
}

/*--------------------------------------------------------------
## Error Page
--------------------------------------------------------------*/
.error-page {
  position: relative;
  display: block;
  padding: 81px 0 170px;
}

.error-page__inner {
  position: relative;
  display: block;
  margin-right: 33px;
}

.error-page__title-box {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.error-page__title {
  position: relative;
  display: inline-block;
  font-size: 280px;
  line-height: 280px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--brote-primary);
}

.error-page__tagline {
  font-size: 40px;
  line-height: 49px;
  margin-bottom: 12px;
  font-weight: 400;
  color: var(--unmas-primary);
}

.error-page__text {
  font-size: 20px;
}

.error-page__form {
  position: relative;
  display: block;
  margin: 56px 0px 20px;
}

.error-page__form-input {
  position: relative;
  display: block;
  max-width: 510px;
  width: 100%;
  margin: 0 0 0;
}

.error-page__form input[type="search"] {
  height: 60px;
  width: 100%;
  border: none;
  outline: none;
  background-color: #eef0f6;
  font-size: 16px;
  color: var(--brote-gray);
  font-weight: 500;
  padding-left: 50px;
  padding-right: 75px;
  border-radius: 30px;
}

.error-page__form button[type="submit"] {
  background-color: transparent;
  color: var(--brote-gray);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 72px;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.error-page__img {
  position: relative;
  display: block;
  /* margin-left: -47px;
  margin-right: -157px;
  margin-top: -17px; */
  margin-bottom: 15px;
}

.error-page__img img {
  width: 100%;
}

/*--------------------------------------------------------------
# Portfolio Page
--------------------------------------------------------------*/
.portfolio-page {
  position: relative;
  display: block;
  padding: 120px 0 130px;
}

.portfolio-page .project-one__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Portfolio Carousel Page
--------------------------------------------------------------*/
.portfolio-carousel-page {
  position: relative;
  display: block;
  padding: 120px 0 230px;
}

.portfolio-carousel-page__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -60px;
  left: 0px;
  right: 0;
  text-align: center;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.portfolio-carousel-page__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(var(--brote-base-rgb), 0.3);
  margin: 0px 5px;
  padding: 0px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.portfolio-carousel-page__carousel.owl-carousel .owl-dot.active {
  background-color: rgba(var(--brote-primary-rgb), 1);
}

.portfolio-carousel-page__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.portfolio-carousel-page__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.portfolio-details__img-box {
  position: relative;
  display: block;
}

.portfolio-details__img {
  position: relative;
  display: block;
}

.portfolio-details__img img {
  width: 100%;
  border-radius: 10px;
}

.portfolio-details__content-one {
  position: relative;
  display: block;
  margin-top: 29px;
}

.portfolio-details__content-one h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 20px;
}

.portfolio-details__content-two {
  position: relative;
  display: block;
  margin-top: 36px;
}

.portfolio-details__content-two h4 {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 22px;
}

.portfolio-details__points {
  position: relative;
  display: block;
  margin-top: 45px;
  margin-bottom: 31px;
}

.portfolio-details__points-img {
  position: relative;
  display: block;
}

.portfolio-details__points-img img {
  width: 100%;
  border-radius: 10px;
}

.portfolio-details__details-box {
  position: absolute;
  bottom: -30px;
  right: 30px;
  border-radius: 10px;
  background-color: white;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  padding: 41px 50px 50px;
  max-width: 300px;
  width: 100%;
}

@media (max-width: 991px) {
  .portfolio-details__details-box {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 100%;
    padding: 30px;
    margin-top: 40px;
  }
}

.portfolio-details__details-list {
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .portfolio-details__details-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-bottom: -20px;
    margin-right: -15px;
  }
}

@media (max-width: 480px) {
  .portfolio-details__details-list {
    margin-bottom: 0;
  }
}

.portfolio-details__details-list li {
  position: relative;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e4e5ea;
}

@media (max-width: 991px) {
  .portfolio-details__details-list li {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 0px solid #e4e5ea;
    border-right: 1px solid #e4e5ea;
    padding-bottom: 0;
    margin-bottom: 20px;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .portfolio-details__details-list li:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 480px) {
  .portfolio-details__details-list li {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid #e4e5ea;
    border-right: 0px solid #e4e5ea;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

.portfolio-details__details-list li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  border-right: 0;
}

.portfolio-details__name {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}

.portfolio-details__social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px;
}

.portfolio-details__social a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: #eef0f6;
  border-radius: 50%;
  color: var(--brote-gray);
  font-size: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.portfolio-details__social a:hover {
  background-color: var(--brote-base);
  color: var(--brote-white);
}

.portfolio-details__social a+a {
  margin-left: 10px;
}

.portfolio-details__points-box {
  position: relative;
  display: block;
  margin-top: 12px;
  margin-left: 30px;
}

.portfolio-details__points-list {
  position: relative;
  display: block;
}

.portfolio-details__points-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.portfolio-details__points-list li+li {
  margin-top: 7px;
}

.portfolio-details__points-list li .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: var(--brote-primary);
}

.portfolio-details__points-list li .text {
  margin-left: 15px;
}

.portfolio-details__points-list li .text p {
  font-size: 18px;
  color: var(--brote-base);
}

.portfolio-details__content-three {
  position: relative;
  display: block;
}

.portfolio-details__content-three h4 {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 22px;
}

.portfolio-details__pagination-box {
  position: relative;
  display: block;
  text-align: center;
  border-top: 1px solid #e4e5ea;
  border-bottom: 1px solid #e4e5ea;
  padding: 30px 0;
  margin-top: 55px;
}

.portfolio-details__pagination li {
  display: inline-block;
}

.portfolio-details__pagination li.next {
  float: left;
  position: relative;
}

.portfolio-details__pagination li a {
  font-size: 16px;
  color: var(--brote-base);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.portfolio-details__pagination li a:hover {
  color: var(--brote-gray);
}

.portfolio-details__pagination li.next i {
  position: relative;
  height: 50px;
  width: 50px;
  background-color: var(--brote-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--brote-white);
  font-size: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-right: 20px;
  z-index: 1;
}

.portfolio-details__pagination li.previous {
  position: relative;
  float: right;
}

.portfolio-details__pagination li.previous i {
  position: relative;
  height: 50px;
  width: 50px;
  background-color: var(--brote-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--brote-white);
  font-size: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-left: 20px;
  z-index: 1;
}

.portfolio-details__pagination li a:hover i {
  color: var(--brote-gray);
  background-color: #eef0f6;
}

/*--------------------------------------------------------------
# Similar Portfolio
--------------------------------------------------------------*/
.similar-portfolio {
  position: relative;
  display: block;
  padding: 0 0 140px;
}

.similar-portfolio .project-one__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Contact Page One Details
--------------------------------------------------------------*/
.contact-page-one-details {
  position: relative;
  display: block;
  padding: 120px 0 125px;
}

.contact-page-one-details__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contact-page-one-details__list li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: 100%;
  text-align: center;
  margin-bottom: 29px;
}

.contact-page-one-details__list li:before {
  position: absolute;
  top: 20px;
  bottom: 27px;
  left: 0;
  content: "";
  width: 1px;
  background-color: #eef0f6;
}

.contact-page-one-details__list li:first-child:before {
  display: none;
}

.contact-page-one-details__icon {
  position: relative;
  height: 110px;
  width: 110px;
  background-color: var(--brote-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 19px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page-one-details__icon .icon-location {
  font-size: 34px;
}

.contact-page-one-details__list li:hover .contact-page-one-details__icon {
  background-color: var(--brote-base);
}

.contact-page-one-details__icon span {
  position: relative;
  display: inline-block;
  font-size: 30px;
  color: var(--brote-white);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.contact-page-one-details__list li:hover .contact-page-one-details__icon span {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.contact-page-one-details__content-box {
  position: relative;
  display: block;
}

.contact-page-one-details__content {
  position: relative;
  display: block;
  line-height: 36px;
}

.contact-page-one-details__content a {
  font-size: 20px;
  color: var(--brote-gray);
  font-weight: 400;
  position: relative;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page-one-details__content a:hover {
  color: var(--brote-primary);
}

.contact-page-one-details__address {
  font-size: 20px;
  color: var(--brote-gray);
  font-weight: 400;
  line-height: 36px;
}

/*--------------------------------------------------------------
# Google Map Two
--------------------------------------------------------------*/
.google-map--two {
  margin-top: -40px;
}

/*--------------------------------------------------------------
# Contact page  Two
--------------------------------------------------------------*/
.contact-page-two {
  position: relative;
  display: block;
  padding: 90px 0 120px;
}

.contact-page-two__left {
  position: relative;
  display: block;
}

.contact-page-two__info {
  position: relative;
  display: block;
  margin-top: 40px;
}

.contact-page-two__info li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-page-two__info li+li {
  margin-top: 10px;
}

.contact-page-two__info li .icon {
  height: 70px;
  width: 70px;
  background-color: var(--brote-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page-two__info li:hover .icon {
  background-color: var(--brote-base);
}

.contact-page-two__info li .icon span {
  color: var(--brote-white);
  font-size: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page-two__info li:hover .icon span {
  color: var(--brote-white);
}

.contact-page-two__info li .text {
  margin-left: 20px;
}

.contact-page-two__info li .text p {
  line-height: 28px;
}

.contact-page-two__info li .text p a {
  font-size: 16px;
  color: var(--brote-gray);
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page-two__info li:hover .text p a {
  color: var(--brote-primary);
}

.contact-page-two__info li .text h5 {
  font-size: 20px;
  color: var(--brote-base);
  font-weight: 700;
}

.contact-page-two__info li .text h5 a {
  color: var(--brote-base);
}

/*--------------------------------------------------------------
# Get To Know
--------------------------------------------------------------*/
.get-to-know {
  position: relative;
  display: block;
  padding: 120px 0 40px;
}

.sejarah.get-to-know {
  padding: 80px 0 40px;
}

@media (mas-width: 767px) {
  .sejarah.get-to-know {
    padding: 0px 0 40px;
  }
}

.get-to-know-bubble {
  position: absolute;
  top: 90px;
  right: 165px;
}

.get-to-know-bubble img {
  width: auto;
}

.get-to-know__left {
  position: relative;
  display: block;
  margin-left: 22px;
  margin-right: 35px;
}

.get-to-know__img {
  position: relative;
  display: block;
  border-radius: 10px;
  z-index: 1;
}

.get-to-know__img:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 21px;
  right: 22px;
  content: "";
  background-color: var(--brote-primary);
  border-radius: 10px;
  z-index: -1;
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}

.get-to-know__img img {
  width: 100%;
  border-radius: 10px;
}

.get-to-know-shape-1 {
  position: absolute;
  left: 200px;
  top: -52px;
  border-radius: 50%;
  background-color: #eef0f6;
  width: 26px;
  height: 26px;
}

.get-to-know-shape-2 {
  position: absolute;
  left: -50px;
  bottom: 180px;
  border-radius: 50%;
  background-color: #1239ac;
  width: 26px;
  height: 26px;
}

.get-to-know__right {
  position: relative;
  display: block;
}

.get-to-know__right .section-title {
  margin-bottom: 27px;
}

.get-to-know__text {
  padding-bottom: 36px;
}

.sejarah .image-float {
    max-width: 50%;
    max-height: 40%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}

@media only screen and (max-width:992px) {
    .sejarah .image-float {
        max-width: 100%;
        max-height: 100%;
        float: unset;
        display: flex;
        margin-right: 0;
        margin-bottom: 50px;
    }
}

.sejarah .image-float.right {
    float: right;
    margin-left: 30px;
    margin-right: 0;
    margin-top: 15px;
}

@media only screen and (max-width:992px) {
    .sejarah .image-float.right {
        float: unset;
        max-width: 100%;
        max-height: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

.sejarah .image-float img {
    width: 100%;
    border-radius: 10px;
}

.sejarah .get-to-know__text {
    text-align: justify;
}

.sejarah .get-to-know__right p {
    text-align: justify;
    margin-bottom: 10px;
    text-indent: 50px;
    font-weight: 100;
}

.sejarah .get-to-know__right ol {
    text-align: justify;
    font-weight: 100;
    margin-bottom: 10px;
}

.sejarah .get-to-know__right ol li {
    padding-left: 5px;
}
.sejarah .get-to-know__right ol li ul{
    list-style-type: disc;
}



.get-to-know__points-box {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 46px;
}

.get-to-know__points {
  position: relative;
  display: block;
  float: left;
}

.get-to-know__points li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.get-to-know__points li+li {
  margin-top: 10px;
}

.get-to-know__points li .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.get-to-know__points li .icon span {
  font-size: 15px;
  color: var(--brote-primary);
}

.get-to-know__points li .text {
  margin-left: 13px;
}

.get-to-know__points li .text p {
  font-size: 18px;
  color: var(--brote-base);
  font-weight: 700;
}

.get-to-know__points--two {
  margin-left: 75px;
}

/*--------------------------------------------------------------
# About Team Page
--------------------------------------------------------------*/
.about-team-page {
  position: relative;
  display: block;
  padding-top: 120px;
  margin-top: 0;
}

.about-team-page .team-one__single {
  margin-bottom: 51px;
}

.about-team-page .team-one__title-box {
  padding-right: 30px;
  padding-top: 22px;
  padding-bottom: 48px;
  margin-left: 20px;
  margin-top: -100px;
}

.about-team-page .team-one__sub-title-box {
  padding: 17px 30px;
  bottom: -21px;
}

.about-team-page .team-one__sub-title-box:before {
  top: -20px;
  left: 0;
  border-top: 20px solid transparent;
  border-right: 20px solid #0a2e99;
  border-bottom: 0px solid transparent;
}

.about-team-page .team-one__sub-title-box:after {
  right: -20px;
  border-left: 20px solid #0a2e99;
  border-bottom: 21px solid transparent;
}

.about-team-page .team-one__social {
  position: absolute;
  right: 30px;
  bottom: 100px;
}

.about-team-page .team-one__social-two {
  right: 30px;
}

/*--------------------------------------------------------------
# Brand Three
--------------------------------------------------------------*/
.brand-three {
  position: relative;
  display: block;
}

.brand-three .brand-one__inner {
  border-top: 0;
  padding: 60px 0 116px;
}

/*--------------------------------------------------------------
# Services Carousel Page
--------------------------------------------------------------*/
.services-carousel-page {
  position: relative;
  display: block;
  padding: 120px 0 200px;
}

.services-carousel-page__carousel {
  position: relative;
  display: block;
}

.services-carousel-page__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.blog-one__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.services-carousel-page__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.services-carousel-page__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.services-carousel-page__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 0px;
  right: 0;
  text-align: center;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.services-carousel-page__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: rgba(var(--brote-base-rgb), 0.3);
  margin: 0px 5px;
  padding: 0px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.services-carousel-page__carousel.owl-carousel .owl-dot.active {
  background-color: rgba(var(--brote-primary-rgb), 1);
}

.services-carousel-page__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.services-carousel-page__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Boxed Version
--------------------------------------------------------------*/
body.boxed-wrapper {
  background-color: #eef0f6;
}

body.boxed-wrapper .main-slider .image-layer {
  background-size: cover;
}

body.boxed-wrapper .contact-one__call {
  right: 245px;
}

.boxed-wrapper .page-wrapper {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08);
}

.text-gradient {
    background: linear-gradient(to left,#fff 0,#fff 25%,#ffa400 50%,#fff 75%,#fff 100%);
    background: linear-gradient(to left, #55ffa5 0%, #04cc62 10%, #06b35b 25%, #62ffac 40%, #55ffa5 60%, #04cc62 75%, #06b35b 90%, #62ffac 100%);
    background-size: 200% auto;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine2 5s linear infinite;
    animation: shine2 5s linear infinite;
}

@-webkit-keyframes shine2 {
    from {
      background-position: 0 0;
    }

    to {
      background-position: -200% 200%;
    }
  }
  @keyframes shine2 {
    from {
      background-position: 0 0;
    }

    to {
      background-position: -200% 200%;
    }
  }


.fasilitas-beranda {
  padding: 90px 0 100px;
  overflow-x: hidden;
}
@media screen and (max-width: 1199px) {
  .fasilitas-beranda {
    padding: 80px 0 100px;
  }
}
.fasilitas-beranda .heading-layout1 {
  margin-bottom: 65px;
}
.fasilitas-beranda .slick-navigation {
  background-color: #ffffff;
  color: var(--unmas-primary);
  border: 1px solid var(--unmas-primary);
  text-align: center;
  opacity: 1;
  font-size: 20px;
  height: 45px;
  width: 45px;
  line-height: 43px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fasilitas-beranda .slick-navigation:hover {
  background-color: var(--unmas-primary);
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .fasilitas-beranda .slick-navigation {
    height: 35px;
    width: 35px;
    line-height: 33px;
    background-color: var(--unmas-primary);
    color: #fff;
  }
}
.fasilitas-beranda .slick-prev {
  position: absolute;
  left: -10px;
  top: 85px;
  z-index: 7;
}
@media only screen and (max-width: 479px) {
  .fasilitas-beranda .slick-prev {
    left: -13px;
  }
}
.fasilitas-beranda .slick-prev:before {
  display: none;
}
.fasilitas-beranda .slick-next {
  position: absolute;
  right: -10px;
  top: 85px;
  z-index: 7;
}
@media only screen and (max-width: 479px) {
  .fasilitas-beranda .slick-next {
    right: -13px;
  }
}
@media only screen and (max-width: 768px) {
  .fasilitas-beranda .slick-next,
  .fasilitas-beranda .slick-prev {
    top: 63px;
  }
}
@media only screen and (max-width: 576px) {
  .fasilitas-beranda .slick-next,
  .fasilitas-beranda .slick-prev {
    top: 52px;
  }
}
.fasilitas-beranda .slick-next:before {
  display: none;
}
.fasilitas-beranda.ie-browser .slick-next,
.fasilitas-beranda.ie-browser .slick-prev {
  top: -20%;
}
.fasilitas-beranda .slick-slider {
  position: initial;
}

.fasilitas-box-beranda {
  position: relative;
}
.fasilitas-box-beranda .nav-wrap {
  margin-bottom: 26px;
  width: 100%;
  border-bottom: 0;
}
.fasilitas-box-beranda .nav-wrap .nav-item.slick-slide {
  font-size: 15px;
  cursor: pointer;
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 8px;
  margin-bottom: 4px;
  text-align: center;
  color: #111111;
  padding: 20px 5px 25px;
  background: #edeef3;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fasilitas-box-beranda .nav-wrap .nav-item.slick-slide:hover {
  background: #dadce7;
}
@media screen and (max-width: 769px) {
  .fasilitas-box-beranda .nav-wrap .nav-item.slick-slide {
    padding: 20px 5px;
  }
}
@media screen and (max-width: 576PX) {
  .fasilitas-box-beranda .nav-wrap .nav-item.slick-slide {
    padding: 10px 5px 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 430px) {
  .fasilitas-box-beranda .nav-wrap .nav-item.slick-slide {
    margin-left: 1px;
    margin-right: 1px;
  }
}
.fasilitas-box-beranda .nav-wrap .nav-item.slick-slide i {
  display: block;
  color: var(--unmas-primary);
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fasilitas-box-beranda .nav-wrap .nav-item.slick-slide i:before {
  margin-left: 0;
  font-size: 4.5rem;
  color: var(--unmas-primary);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 495px) {
  .fasilitas-box-beranda .nav-wrap .nav-item.slick-slide span {
    display: none;
  }
}
.fasilitas-box-beranda .nav-wrap .nav-item.slick-slide.slick-center {
  background: var(--unmas-primary);
  color: var(--brote-base);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fasilitas-box-beranda .nav-wrap .nav-item.slick-slide.slick-center i {
  color: var(--brote-base);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fasilitas-box-beranda .nav-wrap .nav-item.slick-slide.slick-center i:before {
  color: var(--brote-base);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fasilitas-box-beranda .single-item .media {
  display: -ms-flexbox;
  display: flex;
  /* display: block; */
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 8px;
  /* -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; */
  background-color: var(--unmas-primary);
  z-index: 1;
}
.fasilitas-box-beranda .sarana-layout .single-item .media .col-sarana {
  padding-left: 0;
  padding-right: 0;
}
.fasilitas-box-beranda .single-item .media .item-img {
  max-width: 650px;
  position: relative;
  margin: 8px 8px 8px 7px;
  overflow: hidden;
  /* -webkit-clip-path: ellipse(75% 75% at 25% 50%); */
  /* clip-path: ellipse(75% 75% at 25% 50%); */
  border-radius: 8px 0 0 8px;
}
@media (max-width: 1200px) {
  .fasilitas-box-beranda .single-item .media .item-img {
    max-width: unset;
    margin: 0 8px;
    padding: 8px 0;
    width: calc(100% - 8px * 2);
  }
}
.fasilitas-box-beranda .single-item .media .item-img img {
  width: 100%;
  /* transform: scale(1.01); */
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.fasilitas-box-beranda .single-item .media:hover .item-img img {
  transform: scale(1.03);
  filter: blur(0px);
}
.fasilitas-box-beranda .sarana-layout .single-item .media .item-img {
  -webkit-clip-path: ellipse(79% 73% at 21% 27%);
  clip-path: ellipse(79% 73% at 21% 27%);
}
@media only screen and (max-width: 1399px) {
  .fasilitas-box-beranda .single-item .media .item-img {
    /* width: 50%; */
  }
}
@media only screen and (max-width: 1199px) {
  .fasilitas-box-beranda .single-item .media .item-img {
    overflow: hidden;
    -webkit-clip-path: none;
    clip-path: none;
    /* width: 100%; */
    border-radius: 8px 8px 0 0;
  }
}
.fasilitas-box-beranda .single-item .media .media-body {
  -ms-flex: 1;
  flex: 1;
  padding: 1.5rem;
  margin-left: 0;
  height: inherit;
}
@media only screen and (max-width: 1399px) {
  .fasilitas-box-beranda .single-item .media .media-body {
    padding: 2rem;
  }
}
@media only screen and (max-width: 1200px) {
  .fasilitas-box-beranda .single-item .media .media-body {
    /* padding: 4rem 5rem 5rem; */
    padding: 0 1rem;
    margin-top: 0;
  }
}
@media only screen and (max-width: 379px) {
  .fasilitas-box-beranda .single-item .media .media-body {
    padding: 0rem 2rem 2rem;
  }
}
.fasilitas-box-beranda .single-item .media .media-body .item-title {
  position: relative;
}
.fasilitas-box-beranda .single-item .media .media-body .item-title span {
  font-size: 32px;
  line-height: 46px;
  color: #ffffff;
  position: relative;
  margin-bottom: 50px;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1200px) {
  .fasilitas-box-beranda .single-item .media .media-body .item-title span {
    line-height: 46px;
  }
}
@media screen and (max-width: 768px) {
  .fasilitas-box-beranda .single-item .media .media-body .item-title span {
    font-size: 24px;
    line-height: 36px;
    overflow: visible;
    -webkit-line-clamp: unset;
  }
}
@media screen and (max-width: 576px) {
  .fasilitas-box-beranda .single-item .media .media-body .item-title span {
    font-size: 20px;
    line-height: 32px;
  }
}
.fasilitas-box-beranda .single-item .media .media-body .item-title:before {
  position: absolute;
  height: 5px;
  width: 104px;
  background-color: #ffffff;
  content: "";
  z-index: 1;
  bottom: -18px;
  left: 0;
  border-radius: 4px;
}
@media screen and (max-width: 1199px) {
  .fasilitas-box-beranda .single-item .media .media-body .text-service-fkg {
    overflow: hidden;
    height: 85px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

@media (max-width: 379px) {
  .fasilitas-box-beranda .single-item .media .media-body .text-service-fkg {
    height: 20px;
  }
}

.fasilitas-box-beranda .single-item .media .media-body p {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 26px;
}
@media screen and (max-width: 576px) {
  .fasilitas-box-beranda .single-item .media .media-body p {
    font-size: 15px;
  }
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .fasilitas-box-beranda .single-item .media .media-body ul.list-item {
    margin-bottom: 40px;
  }
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item li {
  margin-bottom: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-right: 1px solid #648eff;
  padding-right: 30px;
  margin-right: 30px;
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .fasilitas-box-beranda .single-item .media .media-body ul.list-item li {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .fasilitas-box-beranda .single-item .media .media-body ul.list-item li:last-child {
    margin-bottom: 0;
  }
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item li .item-icon i {
  margin-top: 5px;
  display: inline-block;
  line-height: 1;
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item li .item-icon i:before {
  margin-left: 0;
  color: #ffffff;
  font-size: 56px;
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item li .item-text {
  margin-left: 20px;
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item li .item-text .inner-item-title {
  color: #ffffff;
  margin-bottom: 10px;
}
.fasilitas-box-beranda .single-item .media .media-body ul.list-item li .item-text span {
  color: #ffffff;
}
.fasilitas-box-beranda .single-item .media .media-body a.item-btn {
  display: inline-block;
  padding: 10px 25px;
  border: 1px solid #ffffff;
  margin-top: 10px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 991px) {
  .fasilitas-box-beranda .single-item .media .media-body a.item-btn {
    padding: 10px 16px 8px;
    font-size: 14px;
  }
}
.fasilitas-box-beranda .single-item .media .media-body a.item-btn:hover {
  background-color: #ffffff;
  color: var(--brote-base);
}
.fasilitas-box-beranda .single-item .media .media-body a.item-btn i {
  position: relative;
  font-size: 20px;
  top: 1px;
  margin-left: -10px;
  color: var(--brote-base);
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease;
}
.fasilitas-box-beranda .single-item .media .media-body a.item-btn:hover i {
  margin-left: 0;
  padding-left: 15px;
  visibility: visible;
  opacity: 1;
}
.fasilitas-box-beranda .single-item .media .media-body .ctg-item-icon {
  position: absolute;
  width: auto;
  bottom: -5px;
  right: -5px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .fasilitas-box-beranda .single-item .media .media-body .ctg-item-icon {
    right: -5px;
  }
}
.fasilitas-box-beranda .single-item .media .media-body .ctg-item-icon i {
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}
.fasilitas-box-beranda .single-item .media .media-body .ctg-item-icon i.fa.fa-handshake {
  margin: 0 10px 0 0;
}
.fasilitas-box-beranda .single-item .media .media-body .ctg-item-icon i.fa.fa-book {
  margin: 0 10px 20px 0;
}
.fasilitas-box-beranda .single-item .media .media-body .ctg-item-icon i:before {
  margin-left: 0;
  font-size: 7rem;
  color: var(--brote-base);
}
@media screen and (max-width: 991px) {
  .fasilitas-box-beranda .single-item .media .media-body .ctg-item-icon i:before {
    font-size: 6rem;
  }
}




.fasilitas-box-beranda .slick-carousel-wrap-1 .slick-navigation {
  position: absolute;
  font-size: 14px;
  z-index: 1;
}

.fasilitas-box-beranda .slick-carousel-wrap-1 .slick-navigation.slick-custom-prev {
  top: 50%;
  left: 15px;
}

.fasilitas-box-beranda .slick-carousel-wrap-1 .slick-navigation.slick-custom-next {
  top: 50%;
  right: 15px;
}

.fasilitas-box-beranda .slick-carousel-wrap-1 .slick-list {
  height: 100%;
}

.fasilitas-box-beranda .slick-carousel-wrap-1 .slick-list .slick-track {
  height: 100%;
}

.fasilitas-box-beranda .slick-carousel-wrap-1 .slick-list .slick-track .services-two__single {
  margin-bottom: 0;
  overflow: hidden;
}

.fasilitas-box-beranda .services-two__single {
  margin-bottom: 0;
}

.fasilitas-box-beranda .slick-carousel-wrap-1 .slick-list .slick-track .single-item>.row {
  height: inherit;
}


.pagination{
    position: relative;
    display: inline-block;
    padding: 10px 0px;
    /* background: linear-gradient(90deg, transparent 0%, #f5f5f5 50%, transparent 100%); */
    background: linear-gradient(90deg, transparent 0%, #e4e4e4 50%, transparent 100%);
  }

  .pagination li{
    display: inline-block;
    margin: 0px 6px;
  }

  .pagination li a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    width: 30px;
    font-weight: 700;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #5c4e63;
    background: transparent;
    transition: all 500ms ease;
  }



  .pagination li.prev-btn a,
  .pagination li.prev-btn span,
  .pagination li.next-btn a,
  .pagination li.next-btn span{
    width: auto;
    height: auto;
    border: none;
    background: none !important;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 700;
    color: #666;
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .pagination li.prev-btn.disabled span,
  .pagination li.next-btn.disabled span{
      color: #afafaf;
  }

  .pagination li.next-btn{
    margin-left: 90px;
  }

  .pagination li.prev-btn{
    margin-right: 90px;
  }

  .pagination li.prev-btn:hover a,
  .pagination li.next-btn:hover a{
      color: var(--unmas-primary);
  }

  .pagination li.prev-btn a i,
  .pagination li.next-btn a i{
    position: relative;
    transition: all ease .3s;
  }

  .pagination li.prev-btn a i {
    right: 0;
  }
  .pagination li.next-btn a i {
    left: 0;
  }

  .pagination li.prev-btn:hover a i{
    right: 5px;
  }
  .pagination li.next-btn:hover a i{
    left: 5px;
  }

  .pagination li a:hover
  {
    color: #fff;
    background: rgba(var(--unmas-primary-rgb), .5);
  }

  .pagination li.active{
      position: relative;
      display: inline-block;
      font-size: 16px;
      height: 30px;
      width: 30px;
      font-weight: 700;
      line-height: 30px;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      background: var(--unmas-primary);
      transition: all 500ms ease;
  }

  .fancybox-caption {
      text-align: center;
  }

  .detil a.btn-thum {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--unmas-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: scale(.2);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .detil:hover a.btn-thum {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }

  .detil a.btn-thum i.ripple,
  .detil a.btn-thum i.ripple::before,
  .detil a.btn-thum i.ripple::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65px;
    height: 65px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--unmas-primary-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--unmas-primary-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--unmas-primary-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--unmas-primary-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    border-radius: 50%;
  }

  .detil a.btn-thum i.ripple:before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    content: "";
    position: absolute;
  }

  .detil a.btn-thum i.ripple:after {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    content: "";
    position: absolute;
  }

  @media (max-width: 991px) {
    .detil a.btn-thum {
      width: 50px;
      height: 50px;
    }
    .detil a.btn-thum i.ripple,
    .detil a.btn-thum i.ripple::before,
    .detil a.btn-thum i.ripple::after {
      width: 50px;
      height: 50px;
    }
  }

  .akrept {
    position: relative;
  }

  .akrept img{
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 15%);
  }

  .akrept a.btn-thum {
    position: absolute;
    top: calc(50% - 60px / 2);
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #02124e;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .akrept a.btn-thum.lg-galeri{
    right: calc(50% - 60px / 2);
  }

  .akrept>div:hover a.btn-thum {
    color: var(--brote-base);
    transform: scale(1);
  }

  .akrept .btn-thum span {
    font-size: 20px;
    color: var(--brote-white);
  }

  .akrept .thm-btn{
      position: absolute;
      top: 15px;
      right: 30px;
      padding-left: 10px;
  }
  .akrept .thm-btn i {
      margin-left: 0;
  }


  .detil .btn-thum span {
      font-size: 25px;
      color: var(--brote-white);
      transition: all ease .3s;
      -webkit-transition: all ease .3s;
  }

  @media (max-width: 991px) {
    .detil .btn-thum span {
      font-size: 18px;
    }
  }

  .detil .btn-thum:hover span {
    color: var(--brote-base);
  }

  .menghilang {
    color: transparent;
  }

  .table-akreps{
    width: 100%;
  }

  .table-akreps .sub-isi {
    color: var(--unmas-primary);
    width: 20%;
    font-weight: bold;
  }

  .fakultas {
    font-size: 20px;
    margin-bottom: 5px;
  }


  .dosen-unmas .alumni .thm-btn {
    padding: 5px;
    width: 100%;
    background-color: rgba(var(--unmas-primary-rgb), .8);
    color: var(--brote-white);
  }

  .dosen-unmas .alumni .thm-btn:hover {
    background-color: var(--unmas-primary);
    color: var(--brote-white);
  }

  .alumni .thm-btn {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 20px;
    border-radius: 10px;
    border: none;
    width: 300px;
  }

  .alumni .thm-btn i {
    margin-left: 0;
    background-color: transparent;
  }

  .modal-content {
    border: none !important;
  }

  .modal .modal-header{
    background-color: var(--unmas-primary);
  }

  .modal-title {
    color: var(--brote-white);
    font-size: 20px;
  }

  .modal-title i {
    margin-right: 5px;
  }

  .modal button.close{
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--brote-primary);
    color: var(--brote-white);
    font-size: 18px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .modal button.close:hover{
    background: var(--brote-white);
    color: var(--unmas-primary);
  }

  .box-modal {
    padding: 25px 20px;
    border-radius: 20px;
    background-color: #eef0f6;
  }

  .box-modal h4 {
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 32px;
  }

  .thm-btn.modal-btn {
    padding-left: 20px;
    font-size: 12px;
  }

  .thm-btn.modal-btn i {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }




.blink-logo-tengah {
    background: linear-gradient(to left,#c59401 0,#e9bd00 25%,#fde480 50%,#e9bd00 75%,#c59401 100%);
    background-size: 200% auto;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine2 5s linear infinite;
    animation: shine2 5s linear infinite
}

.blink-logo-tengah.ie-browser {
    background: 0 0;
    background-size: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: #ffbe28;
    animation: unset
}

@media (max-width: 768px) {
    .blink-logo-tengah {
        background:linear-gradient(to left,#e9bd00,#f9e07d,#e9bd00);
        background-clip: text;
        -webkit-background-clip: text;
        background-size: unset
    }
}

@-webkit-keyframes shine2 {
    from {
        background-position: 0 0
    }

    to {
        background-position: -200% 200%
    }
}

@keyframes shine2 {
    from {
        background-position: 0 0
    }

    to {
        background-position: -200% 200%
    }
}

.sambutan-rektor {
  position: relative;
  display: block;
  /* padding: 90px 0 120px; */
  /* margin-top: unset; */
  overflow: visible;
  z-index: 1;
}

@media (max-width: 1200px) {
  .sambutan-rektor {
    margin-top: 60px;
  }
}

@media (max-width: 576px) {
  .sambutan-rektor>.container>.row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1690px) {
  .sambutan-rektor {
    margin-top: calc(120px + (100vw - 1690px) / 2);
  }
}

.sambutan-rektor .about-box-layout9 {
  position: relative;
  text-align: center;
}

.sambutan-rektor .about-box-layout9 .rektor-img {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.sambutan-rektor .about-box-layout9 .rektor-img img {
  transform: scale(1.05);
}

.sambutan-rektor .about-box-layout8 {
  padding-bottom: 2rem;
  padding-right: 1rem;
  /* padding-left: 0; */
  padding-top: 0;
}

@media (max-width: 576px) {
  .sambutan-rektor .about-box-layout8 {
    padding-left: 0;
    padding-right: 0;
  }
}

.sambutan-rektor .about-box-layout8 h1.item-title {
  color: var(--unmas-primary);
  margin-bottom: 20px;
}

h1.big-text {
  font-size: 42px
}

@media only screen and (max-width: 1199px) {
  h1.big-text {
      font-size:calc(38px)
  }
}

@media only screen and (max-width: 991px) {
  h1.big-text {
      font-size:calc(36px)
  }
}

@media only screen and (max-width: 767px) {
  h1.big-text {
      font-size:calc(32px)
  }
}

@media only screen and (max-width: 575px) {
  h1.big-text {
      font-size:calc(30px)
  }
}

@media only screen and (max-width: 479px) {
  h1.big-text {
      font-size:calc(26px)
  }
}

.sambutan-rektor .about-box-layout8 h1.item-title span {
  display: block;
  color: #ffbe28;
  font-weight: 600;
}

.sambutan-rektor .about-box-layout8 h2.item-title {
  margin-bottom: 35px;
  font-weight: 200;
}

.sambutan-rektor .about-box-layout8 .sub-title {
  color: #111;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
}

.sambutan-rektor .about-box-layout8 p {
  margin-bottom: 24px;
  line-height: 26px;
}

.sambutan-rektor .about-box-layout8 p:last-child {
  margin-bottom: 10px;
}


/**
 * FilePond Custom Styles
 */
 .filepond--drop-label {
  color: #4c4e53;
}

.filepond--label-action {
  -webkit-text-decoration-color: #babdc0;
          text-decoration-color: #babdc0;
}

.filepond--panel-root {
  border-radius: 2em;
  background-color: #edf0f4;
  height: 1em;
}

.filepond--item-panel {
  background-color: #595e68;
}

.filepond--drip-blob {
  background-color: #7f8a9a;
}





.rs-cta {
  background-color: #4675ff;
  background-image: linear-gradient(250deg, #4675ff 18%, #3755c4 100%);
}

.rs-cta .title-wrap .epx-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  color: #fff;
  margin: 0px;
}

@media only screen and (max-width: 1199px) {
  .rs-cta .title-wrap .epx-title {
    font-size: 33px;
    line-height: 43px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-cta .title-wrap .epx-title, .sec-title2 .title {
    font-size: 28px;
  }
}

.rs-cta .title-wrap .gray-color-text {
  color: #e5e5e5 !important;
  font-size: 16px;
}

.book-div {
  position: absolute;
  bottom: 25px;
  right: 0;
  /* transform: translateX(-50%); */
  display: block;
  width: 290px;
  margin: auto;
  transform: scale(1.2) translateY(50%);
}

@media only screen and (max-width: 991px) {
  .book-div {
  	position: relative;
    transform: scale(1) translateY(8%);
  }
}

.book-div .book-cover {
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.book-div .book-cover:hover {
  transform: perspective(60em) rotateX(58deg) rotateZ(-34deg) skewY(-7deg) scale(1.1);
}


@media (max-width: 455px) {
  .book-div {
      transform: scale(.8);
  }
}

.book-div .book-cover {
  width: 16.5em;
  height: 23.0991em;
  margin-top: -4.4em;
  position: relative;
  transform: perspective(60em) rotateX(58deg) rotateZ(-34deg) skewY(-7deg);
  box-shadow: -1.4em 1.7em 0.3em -0.3em rgb(0 0 0 / 80%), -1.6em 1.8em 0.9em -0.2em rgb(0 0 0 / 50%), 0.3em 1.9em 1.3em rgb(0 0 0 / 30%);
  border-top-right-radius: 0.4em;
}

.book-div .book-cover:before, .book-div .book-cover:after {
  content: '';
  position: absolute;
  top: 0;
}

.book-div .book-cover:before {
  width: 105%;
  height: 105%;
  left: -5%;
  z-index: -1;
  background-repeat: no-repeat;
  background-image: linear-gradient(115deg, transparent 2.8%, #00134b 3%, #003f76 16%, transparent 16%), linear-gradient(125deg, transparent 10%, #003f76 10%, #003f76 17%, #095597 49.2%, transparent 47%), linear-gradient(125deg, transparent 46%, rgba(0,0,0,0.5) 46.5%, rgba(0,0,0,0.25) 49%, transparent 53%), linear-gradient(to right, #444, #666), linear-gradient(#444, #444), linear-gradient(140deg, transparent 45%, #eee 45%, #ccc 96.8%, rgba(170,170,170,0) 97%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 0.4em, 94% 0.2em, 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 95.8%, 0 100%, 0 0;
}

.book-div .book-cover:after {
  /* width: 100%; */
  /* height: 100%; */
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, transparent 2%, rgba(0,0,0,0.1) 3%, rgba(0,0,0,0.1) 4%, transparent 5%), linear-gradient(-50deg, rgba(0,0,0,0.1) 20%, transparent 100%), linear-gradient(-50deg, rgba(0,0,0,0.2) 20%, transparent 100%), linear-gradient(to bottom, rgba(0,0,0,0.1) 20%, transparent 100%), linear-gradient(to bottom, rgba(0,0,0,0.1) 20%, transparent 100%);
  background-size: 100% 100%, 2% 20%, 1% 20%, 2% 20%, 1% 20%;
  background-position: 0 0, 2.2% 100%, 3% 100%, 2.2% 0, 3% 0;
}

.book-div .book-cover img {
  border-top-right-radius: 0.4em;
  box-sizing: border-box;
  width: 100%;
  clip: rect(0em, 16.5em, 23.1em, 0em);
  display: block;
  position: absolute;
  filter: saturate(90%);
  max-width: 100%;
  height: auto;
}




.sortable-masonry .filter-tabs li{
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-family: 'Oxygen', sans-serif;
  line-height: 24px;
  color: #808080;
  cursor: pointer;
  margin: 0px 15px;
  transition: all 500ms ease;
}

.sortable-masonry .filter-tabs li.active,
.sortable-masonry .filter-tabs li:hover{

}

.sortable-masonry .filter-tabs li:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 1px;
  left: 0px;
  bottom: 0px;
  transition: all 500ms ease;
}

.sortable-masonry .filter-tabs li.active:before,
.sortable-masonry .filter-tabs li:hover:before{
  width: 100%;
}

.project-eight .masonry-item{
  /* padding: 0px 35px; */
}

.project-eight .sortable-masonry{
  margin: 0px -20px;
}

.project-eight .sortable-masonry .filter-tabs li{
  border: 1px solid #c9c9c9;
  border-radius: 25px;
  padding: 8px 29px 6px 29px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  margin: 0px 3.5px;
}

.project-eight .sortable-masonry .filter-tabs li:before{
  /* display: none; */
}

.project-eight .sortable-masonry .filter-tabs li.active,
.project-eight .sortable-masonry .filter-tabs li:hover{
  color: #fff;
}

.project-eight .sortable-masonry .filter-tabs li:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #fcfcfc;
  left: 0px;
  top: 0px;
  border-radius: 25px;
  z-index: -1;
  transition: all 500ms ease;
}

.project-eight .sortable-masonry .filter-tabs li:after{
  position: absolute;
  content: '';
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  border-radius: 25px;
  z-index: -1;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.project-eight .sortable-masonry .filter-tabs li:after {
  background: -webkit-linear-gradient(0deg, #00134b 20%, #9f8101 100%);
}

.project-eight .sortable-masonry .filter-tabs li.active:after,
.project-eight .sortable-masonry .filter-tabs li:hover:after{
  transform: scale(1,1);
}

.project-eight .team-block-one .inner-box .image-box{
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  background: #000000;
  transition: all 500ms ease;
}

.project-eight .team-block-one .inner-box:hover .image-box{
  box-shadow: 0 0 30px rgba(0, 19, 75, .8);
}

.project-eight .team-block-one .inner-box .image-box img{
  width: 100%;
  filter: grayscale(1);
  transition: all 500ms ease;
}

.project-eight .team-block-one .inner-box:hover .image-box img{
  /* opacity: 0.4; */
  opacity: 1;
  filter: grayscale(0);
  transform: scale(1.05);
}

.lh_28{
  line-height: 28px;
}

.project-eight .team-block-one .inner-box .lower-content h4 a{
  color: #141417;
}

.project-eight .team-block-one .inner-box .lower-content h4 a:hover{

}

.project-eight .team-block-one .inner-box .lower-content h4:before{
  position: absolute;
  /* content: ''; */
  background: #141417;
  width: 18px;
  height: 3px;
  left: 0px;
  top: 13px;
  transition: all 500ms ease;
}

.project-eight .team-block-one .inner-box .lower-content h4:hover:before{

}

.pengguna-lulusan>.image-float.right {
  margin-top: 35px;
  margin-bottom: 20px;
  /* max-width: 35%; */
  max-width: calc(35% - ((100vw - 1400px) / 4));
}

@media (max-width: 767px) {
  .pengguna-lulusan .why-choose-two__img-2 {
    display: block;
  }
  .pengguna-lulusan>.image-float.right {
    margin-top: 0;
  }
}

.team-page>.row>* {
  /* padding-left: 18px;
  padding-right: 18px; */
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .team-page>.row>* {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.cari-dosen .thm-btn {
  background-color: rgba(var(--unmas-primary-rgb), .8);
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  border: none;
  width: 100%;
}

.dosen-unmas-detail .team-details__top {
  padding: 26px 24px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
  border-radius: 15px;
  overflow: hidden;
  top: -150px;
  z-index: 1;
}

@media (max-width: 767px) {
  .dosen-unmas-detail .team-details__top {
    top: -80px;
  }
}

.dosen-unmas-detail .bg_image {
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(-1);
}

.dosen-unmas-detail .bg_image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, .3);
  background-image: linear-gradient(45deg, rgba(var(--unmas-primary-rgb), .3) 70%, rgba(0, 0, 0, .3));
}

.dosen-unmas-detail .team-details__top-name {
  color: var(--brote-base);
  margin-bottom: 8px;
  font-size: 32px;
  line-height: 42px;
}

@media (max-width: 991px) {
  .dosen-unmas-detail .team-details__top-name {
    font-size: 30px;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .dosen-unmas-detail .team-details__top-name {
    font-size: 28px;
    line-height: 38px;
  }
}

.dosen-unmas-detail .team-details__top-img {
  border-radius: 15px;
  overflow: hidden;
}

.dosen-unmas-detail .team-details__top-img img {
  border-radius: unset;
}

.dosen-unmas-detail .team-details__top-title {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  color: var(--brote-white);
  padding: 7px 30px 7px 20px;
  display: inline-block;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  background-color: #000;
}

.dosen-unmas-detail .team-details__top-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, 0 -25%, 100% top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(0, 0, 0, 0.04)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(65%, rgba(255, 255, 255, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-size: 200%;
  -webkit-animation-name: flagshow;
  -webkit-animation-duration: 8s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0.14, 0.82, 0.73);
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes flagshow {
  0% {
    background-position: -200% 0px;
  }
  30% {
    background-position: -60% 5px;
  }
  70% {
    background-position: 60% -5px;
  }
  100% {
    background-position: 200% 0px;
  }
}

.dosen-unmas-detail .team-details__top-title.fba {
  /* background-image: linear-gradient(118deg, #46b6fe 70%, #fff 100%); */
  background-color: #46b6fe;
}

.dosen-unmas-detail .team-details__top-title.feb {
  background-color: #fa7b16;
}

.dosen-unmas-detail .team-details__top-title.ff {
  background-color: #e47297;
}

.dosen-unmas-detail .team-details__top-title.fh {
  background-color: #ee2558;
}

.dosen-unmas-detail .team-details__top-title.fkg {
  background-color: #f7a51d;
}

.dosen-unmas-detail .team-details__top-title.fkip {
  background-color: #607D8B;
}

.dosen-unmas-detail .team-details__top-title.fpb {
  background-color: #795548;
}

.dosen-unmas-detail .team-details__top-title.ft {
  background-color: #000000;
}

.dosen-unmas-detail .team-details__top-title.pasca {
  background-color: #04BE5B;
}

.dosen-unmas-detail .team-details__top-title.psdku {
  background-color: #6f42c1;
}

.dosen-unmas-detail .team-details__top-text-1 {
  font-size: 20px;
  line-height: 1.5;
  color: var(--brote-primary);
}

.dosen-unmas-detail .bagi-detail>div:first-child {
  border-right: 1px solid var(--brote-base);
}
.dosen-unmas-detail .bagi-detail>div:last-child {
  border-left: 1px solid var(--brote-base);
}

@media (max-width: 576px) {
  .dosen-unmas-detail .bagi-detail>div:last-child {
    margin-top: 8px;
  }
}

.dosen-unmas-detail .portfolio-details__points-box {
  margin-left: 20px;
  margin-top: 10px;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dosen-unmas-detail .portfolio-details__points-box {
    margin-left: 20px;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .dosen-unmas-detail .portfolio-details__points-box {
    margin-left: 20px;
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  .dosen-unmas-detail .portfolio-details__points-box {
    margin-left: 0;
    margin-top: 8px;
  }
}

.dosen-unmas-detail .portfolio-details__points-list li .icon {
  font-size: 45px;
  color: var(--brote-base);
}

@media (max-width: 576px) {
  .dosen-unmas-detail .portfolio-details__points-list li+li {
    margin-top: 10px;
  }
  .dosen-unmas-detail .portfolio-details__points-list li .icon {
    display: none;
  }
  .dosen-unmas-detail .portfolio-details__points-list li .text {
    margin-left: 10px;
  }
}

.dosen-unmas-detail .portfolio-details__points-list li .text p {
  font-size: 14px;
  color: var(--brote-base);
  line-height: 1.4;
}

.dosen-unmas-detail .portfolio-details__points-list li .text p:first-child {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dosen-unmas-detail .team-details__top-content {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dosen-unmas-detail .team-details__top-content {
    margin-top: -11px;
  }
}

@media only screen and (max-width: 767px) {
  .dosen-unmas-detail .team-details__top-content {
    margin-top: 0px;
  }
}

.dosen-unmas-detail .team-details__top-content

.dosen-unmas-detail .biodata p.team-details__top-text-1,
.dosen-unmas-detail .kinerja p.team-details__top-text-1 {
  margin-bottom: 5px;
}

.dosen-unmas-detail .biodata p:not(.team-details__top-text-1),
.dosen-unmas-detail .kinerja p:not(.team-details__top-text-1) {
  color: var(--brote-base);
  margin-left: 10px;
  font-size: 15px;
  line-height: 1.6;
}

@media (min-width: 1690px) {
  .dosen-unmas-detail .biodata p:not(.team-details__top-text-1),
  .dosen-unmas-detail .kinerja p:not(.team-details__top-text-1) {
    font-size: 16px;
  }
}

.dosen-unmas-detail .button-kinerja {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 20px;
  z-index: 9;
}

@media (max-width: 576px) {
  .dosen-unmas-detail .button-kinerja {
    bottom: 10px;
  }
}

.dosen-unmas-detail .button-kinerja.stop-scroll {
  position: relative;
}

.dosen-unmas-detail .button-kinerja.stop-scroll .container {
  padding: 0;
}

.dosen-unmas-detail .rbt-inner-onepage-navigation {
  border-radius: 30px;
  background: var(--brote-white);
  overflow: hidden;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
  padding: 7px;
}

@media (max-width: 767px) {
  .dosen-unmas-detail .rbt-inner-onepage-navigation {
    border-radius: 20px;
  }
}

@media (max-width: 576px) {
  .dosen-unmas-detail .rbt-inner-onepage-navigation {
    border-radius: 15px;
  }
}

.dosen-unmas-detail .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu {
  display: flex;
  padding: 0;
  justify-content: space-between;
  margin: -3px;
  flex-wrap: wrap;
  list-style: none;
  list-style-image: none;
}

.dosen-unmas-detail .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li {
  position: relative;
  margin: 3px;
  flex-grow: 1;
  text-align: center;
}

.rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li a {
  margin: 0;
  position: relative;
  display: block;
  color: var(--brote-dark-blue);
  z-index: 2;
  padding: 10px 25px;
  border-radius: 500px;
  transition: all ease .3s;
}

@media (max-width: 767px) {
  .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li a {
    padding: 5px 25px;
  }
}

.dosen-unmas-detail .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li.current a,
.dosen-unmas-detail .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li:hover a {
  color: var(--brote-white);
}

.dosen-unmas-detail .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li a::after {
  position: absolute;
  content: "";
  left: 0;
  background: rgba(0, 0, 0, .04);
  width: 100%;
  height: 100%;
  bottom: 0;
  opacity: 1;
  transition: 0.4s;
  z-index: -1;
  border-radius: 500px;
}

.dosen-unmas-detail .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li.current a::after,
.dosen-unmas-detail .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu li:hover a::after {
  width: 100%;
  opacity: 1;
  background: var(--unmas-primary);
}

.dosen-unmas-detail .kinerjanya {
  border-top: none;
  padding-top: 30px;
  top: -130px;
  padding-bottom: 0;
  margin-bottom: -60px;
  min-height: 80vh;
}

@media (max-width: 767px) {
  .dosen-unmas-detail .kinerjanya {
    top: -80px;
  }
}

.dosen-unmas-detail .kinerjanya .tab-kinerja {
  position: relative;
  display: none;
  transform: scale(0.9, 0.9) translateY(0px);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.dosen-unmas-detail .kinerjanya .tab-kinerja.active {
  display: block;
  transform: scale(1) translateY(0px);
}

.dosen-unmas-detail .list-kinerja {
  position: relative;
  /* margin-bottom: 50px; */
  z-index: 1;
}

.dosen-unmas-detail .list-kinerja .card {
  border-radius: 8px;
  transition: all ease .3s;
}

.dosen-unmas-detail .list-kinerja .card:hover {
  box-shadow: 0 0 30px 0 rgba(31, 69, 113, .2);
}

.dosen-unmas-detail .list-kinerja .card .icon {
  font-size: 60px;
  padding-top: 18px;
  padding-right: 0;
  padding-left: 5px;
}

@media (max-width: 576px) {
  .dosen-unmas-detail .list-kinerja .card .icon {
    display: none;
  }
}

.dosen-unmas-detail .list-kinerja .card .icon span::before {
  font-size: inherit;
  margin-left: 0;
}


.team-page .card-dosen.team-one__single {
  display: flex;
  padding: 13px 12px;
  margin-bottom: 35px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

.team-page .card-dosen .team-one__img {
  padding: 10px 20px 10px 10px;
  margin-bottom: 0;
  box-shadow: unset;
  overflow: visible;
}

.team-page .card-dosen .team-one__img a {
  display: block;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
  /* padding: 10px 20px 0; */
  box-shadow: 0 0 10px rgba(0, 19, 75, .5);
}

.team-page .card-dosen .team-one__img a img {
  padding-bottom: 0;
}


.team-page .card-dosen .team-one__content {
  position: static;
  padding: 0;
}

.team-page .card-dosen .team-one__content .team-one__title-box {
  height: 100%;
  padding: 0;
  box-shadow: unset;
  margin-top: 0;
}

.team-page .card-dosen .team-one__name a {
  display: block;
}

@media (max-width: 991px) {
  .team-page .card-dosen .team-one__img {
    padding: 4px 12px 4px 4px;
  }
  .team-page .card-dosen .team-one__name {
    font-size: 12px;
    line-height: 16px;
  }
  .team-page .card-dosen .team-one__sub-title-box {
    padding: 10px 18px;
    border-top-right-radius: 12px;
  }
  .team-page .card-dosen .team-one__sub-title {
    font-size: 11px;
    line-height: 14px;
  }
}

@media (max-width: 767px) {
  .team-page .card-dosen .team-one__img {
    padding: 0 10px 0 0;
  }
  .team-page .card-dosen .team-one__name {
    font-size: 11px;
    line-height: 13px;
  }

  .team-page .team-one__sub-title-box {
    bottom: -18px;
  }
  .team-page .card-dosen .team-one__sub-title-box:after {
    border-bottom: 17px solid transparent;
  }
  .team-page .card-dosen .team-one__sub-title {
    font-size: 9px;
    line-height: 10px;
  }
}



.cari-informasi .select2-container {
  background: none;
}

.cari-informasi .select2-container--default .select2-selection--single {
  border: 1px solid transparent;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

.cari-informasi .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 8px 6px 0 6px;
}

.cari-informasi .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 6px 8px 6px;
}

.single-sidebar-style1.prosple {
  padding: 15px;
  border: 1px solid #031f4b;
  border-radius: 10px;
  background-color: #031f4b;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
}
.single-sidebar-style1.prosple:hover {
  background-color: #fff;
}
.single-sidebar-style1.prosple .title h3 {
  color: #fff;
  font-size: 15px !important;
  line-height: 1.5;
  font-weight: 700;
  margin: 0 !important;
}
.single-sidebar-style1.prosple:hover h3 {
  color: #031f4b;
}
.single-sidebar-style1.prosple .icon {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 25px;
  color: #fff;
  background-color: #0098ff;
  border-radius: 50%;
}
.single-sidebar-style1.prosple .icon i {
  position: relative;
  top: 1px;
  left: 1px;
}