.bg-global {
    padding: 100px 0;
    background-image: url(../images/global-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.fw-light {
  font-weight: 300;
}

.fw-medium {
  font-weight: 600;
}

.fw-high {
  font-weight: 800;
}

.subtext-area h4{
    color:#fff;
    font-size: 20px !important;
}

.title-50 {
    font-size: 50px;
}
.title-40 {
    font-size: 40px;
}


.title-section {
    margin-bottom: 35px;
}

/*section {*/
/*    padding: 100px 0;*/
/*}*/

.video-area {
    position: relative;
    z-index: 5;
}

.relative {
    position: relative;
}

.line-bottom {
    bottom: 50px;
    position: absolute;
    background: #121545;
    height: 100px;
    width: 100%;
    z-index: 1;
}

.line-bottom-news {
    bottom: 50px;
    position: absolute;
    background: #121545;
    height: 100px;
    width: 100%;
    z-index: 1;
}

.news-submit-article h4 {
 font-weight: 500;
 font-size: 20px;
}

.news-submit-article .date {
    font-size: 14px;
    font-style: italic;
    padding-bottom: 20px;
}

.desc-area {
    padding-top:20px;
    text-align: justify;
    text-justify:auto ;
}

.desc-area p {
    font-size: 20px;
}

.img-submit {
    position: relative;
    z-index: 5;
}


/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	/* margin-right: 2%; */
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */
/* .counter {
    padding: 10px;
} */
.wrapper { width: 100%; margin:auto; position: relative;}
.count-title { color: #fff; font-size: 40px; font-weight: 700;  margin-top: 0; margin-bottom: 0; }
.count-text {  color: #fff; font-size: 13px; font-weight: normal;  margin-top: 0; margin-bottom: 0; line-height:normal;  min-height:60px; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
.counter:nth-of-type(2) .count-number::after,
        .counter:nth-of-type(3) .count-number::after {
            content: "+";
        }
.counter {
    padding: 10px;
}
.counter::after {
    content: "";
    display: flex;
    padding-top: 10px;
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #fff;
}

.button-link a {
    text-decoration: none;
    color: #fff;
}

.button-link a:hover {
    color: #c91313;
}

.bg-ghc {
    background: linear-gradient(to right, #272968, #0e1230, #631115);
}

.line-sparator {

    margin:auto;
    width:70%;
    border-top:1px solid #fff;
}

.line-sparator-dark {

    margin:auto;
    width:100%;
    border-top:1px solid #343a40;
}

.ghc-frame {
    width: 100%;
    aspect-ratio: 16 / 9; /* atau tinggi tetap seperti height: 300px; */
    overflow: hidden;
    border-radius: 20px; /* atur sesuai kebutuhan */
    position: relative;
}

.ghc-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px; /* buat rounded juga pada img agar rapi */
    display: block;
}

.title-ghc {
    color:#fff;
}

.title-ghc h2 {
    padding-top:20px;
    font-family: "Old Standard TT", serif;
    color:#fff;
     font-style: italic;
}

.title-event-ghc {
       color: #343a40;
}

.title-event-ghc h2 {
    font-size:25px;
    padding-top:10px;
    padding-bottom:20px;
    font-family: "Old Standard TT", serif;
    color:#343a40;
    font-style: italic;
}

.link-booklet a {
    font-style:italic;
        color:#343a40;
}

.link-booklet a:hover {
    color:#e11f26;
}

/*--ghc carousel--*/

.ghc-carousel .item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 12px;
}

.owl-nav .owl-nav-prev,
.owl-nav .owl-nav-next {
  font-size: 2rem;
  color: #333;
  background: rgba(255,255,255,0.7);
  padding: 8px 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 2;
}

.owl-nav .owl-nav-prev {
  left: -25px;
}

.owl-nav .owl-nav-next {
  right: -25px;
}

.link-area h4 {
    padding-top:20px;
    font-weight:600;
    font-size:18px;
    color:#343a40;
}

.title-ghc h4, .title-ghc span {
    font-size:18px;
    color:#fff;
}

.ghc-des p {
    text-align:justify;
    padding-bottom:20px;
}

.ghc-date-event {
    padding-top:25px;
}

.ghc-btn {
    text-transform:capitalize;
}
.ghc-graphic img {
    height:350px;
}
.ghc-graphic {
    top:-70px;
    position:absolute;
    right:-60px;
    heigh:100px;
}

.ghc-video {
  overflow: hidden;
  border-radius: 20px; /* Ubah nilai sesuai kebutuhan */
}

.ghc-video iframe {
  border-radius: 20px; /* Untuk berjaga jika browser support */
  display: block;
}

/* Margin Top */
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }

/* Margin Bottom */
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }

@media (max-width: 767px) {
  .owl-nav .owl-nav-prev,
  .owl-nav .owl-nav-next {
    font-size: 1.5rem;
    padding: 6px 10px;
  }

  .owl-nav .owl-nav-prev {
    left: -10px;
  }

  .owl-nav .owl-nav-next {
    right: -10px;
  }
  .title-ghc {
    text-align:center;
  }
  .ghc-btn-area {
    text-align:center;
    margin-bottom:50px;;
  }
}

@media only screen and (max-width: 767px) {

.line-bottom-news {
    position: static;
}

.btn-news {
    text-align: center;
 display: flex;
 justify-content: space-between;
}
}