/* Start Modify by bonz 04/08/2564 */
/* .icon-chevrons-left::before{
    color: #c00000;
} */
.modal-dialog{
    max-width: 860px;
}
.modal-body{
    padding: 2rem;
}

.download-policy .item + .item{margin-top: 15px;}
/* End Modify by bonz 04/08/2564 */

.partner .cover img{
    filter: grayscale(0);
}
.social-list-i{
    position: fixed;
    top: 50%;
    left: 30px;
    z-index: 100;
}

.social-list-i.inner{
    position: fixed;
    top: 270px;
    left: 30px;
    z-index: 100;
}
.width-img{
    max-width: 22px;
}

.select-control.error {
    border: 1px solid red;
}



/* lang adjust */
/* [lang="ar"] .menu-inner .menu-list .link, */
[lang="id"] .menu-inner .menu-list .link {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; max-height: 2.8em; line-height: 1.4em;}

.sc-customer-sevice .item-list .title {max-width: 180px;}
.sc-info .info-content-area .h-title .number {white-space: nowrap;}
.sc-info .info-content-area .h-title .text {display: flex;}

[lang="id"] .sc-info .info-content-area .h-title .text {font-size: 50px;line-height: 60px;}
[lang="id"] .sc-info .info-content-area .desc br {display: none;}

@media (max-width: 1440px) {
  [lang="ar"] .layout-header .topbar .topbar-help .btn,
  [lang="id"] .layout-header .topbar .topbar-help .btn {max-width: 180px;}

  [lang="id"] .sc-info .info-content-area .h-title .text {font-size: 44px;}
}

@media (max-width: 991px) {
  [lang="ar"] .layout-header .topbar .topbar-help .btn, 
  [lang="id"] .layout-header .topbar .topbar-help .btn {max-width: max-content;}

  [lang="id"] .sc-info .info-content-area .h-title .text {font-size: 20px; line-height: 30px;}
}

/* Contact page row spacing */
#contact_us .row.row-40 {
  margin-bottom: 150px;
}

@media (max-width: 991px) {
  #contact_us .row.row-40 {
    margin-bottom: 40px;
  }
}

/* YouTube iframe full width and height in gallery */
.gallery-detail-list .slider-single .video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.gallery-detail-list .slider-single .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.gallery-detail-list .slider-single .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix product list layout - prevent missing rows */
.product-service .item-list {
  display: flex !important;
  flex-wrap: wrap !important;
}

.product-service .item-list li {
  float: none !important;
}

/* Fix subjectg text overflow - prevent view more from dropping */
.product-service .action .subjectg {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}

.product-service .action .subjectg.text-limit {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  line-clamp: 1;
}

.product-service .action .view-more {
  flex-shrink: 0 !important;
}

/* Fix title and desc height for responsive - keep boxes equal height */
.product-service .wrapper .title.text-limit {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: calc(1.4em * 2) !important;
  max-height: calc(1.4em * 2) !important;
  line-height: 1.4em !important;
  line-clamp: 2 !important;
}

.product-service .wrapper .desc.text-limit {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: calc(1.6em * 2) !important;
  max-height: calc(1.6em * 2) !important;
  line-height: 1.6em !important;
  line-clamp: 2 !important;
}

/* Fix submenu */
.mainbar .menu .submenu1 {width: 100% !important;}

@media (min-width: 1199px) {
    .mainbar .menu .banner-menu {width: 320px !important;}
}

/* Fix container */
@media (min-width: 1200px) {
    .container{max-width: 1280px !important;}
}

@media (min-width: 1600px) {
    .container{max-width: 1460px !important;}
}

@media (min-width: 1671px){
	.container{max-width: 1670px !important;}
}