/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html,body,div {font-family: 'Poppins', sans-serif;}

#body-row {
  max-width: 1380px;
  margin: auto;
  font-family: 'Poppins', sans-serif;
  font-size:16px;
}
a{
  text-decoration: none;
}
a:hover {
  color: #DD0A30 !important;
  text-decoration: none;
}
.h3 {
  font-family: 'Poppins', sans-serif;
  font-size:26px;
  font-weight: 600;
  padding: 10px 0;
}
.h5 {
  font-family: 'Poppins', sans-serif;
  font-size:19px;
  font-weight: 600;
  padding: 10px 0;
}
.h6 {
  font-family: 'Poppins', sans-serif;
  font-size:17px;
  font-weight: 600;
}
h6 {
  font-family: 'Poppins', sans-serif;
  font-size:17px;
  font-weight: 600;
  /*padding: 10px 0;*/
}
.bg-red {
	background-color: #DD0A30 !important;
}
.bg-bernama {
	background-color: #33A1DB !important;
}
/*timeline start*/
.ji-timeline { position: relative; margin: 0 auto; }
.ji-timeline::after { content: ''; position: absolute; width: 2px; background-color: gray; top: 0; bottom: 0; margin-left: 7px; }
.ji-container { padding: 0 0 0 30px; position: relative; background-color: inherit; width: 100%; }
.ji-container::after { content: ''; position: absolute; width: 16px; height: 16px; background-color: white; border: 2px solid gray; top: 0; border-radius: 50%; z-index: 1; }
.ji-right { left: 0%; }
.ji-right::after { left: 0px; }
.ji-content { padding: 0; }
/*timeline end*/

.pmxkk {
  /*padding-top: 20px;*/
  /*background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/highlights.jpg") fixed center center;*/
  background: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url(../img/highlights-2.jpg) center center no-repeat;
  background-size: cover;
  padding: 60px 0;
  /*color: #fff !important;*/
  color: #000 !important;
}
.pmxkk a, .pmxkk .text-secondary, .pmxkk .button-text {
  /*color: #fff !important;*/
  color: #000 !important;
}
.pmxkk a:hover {
  color: #DD0A30 !important;
  text-decoration: none;
}

#skroll{ overflow:hidden;} #skroll:hover{overflow-y: scroll;} 

/*Button More #1*/
.btn-more {
	 position: relative;
	 display: inline-block;
	 cursor: pointer;
	 outline: none;
	 border: 0;
	 vertical-align: middle;
	 text-decoration: none;
	 background: transparent;
	 padding: 0;
	 font-size: inherit;
	 font-family: inherit;
}
.btn-more.learn-more {
	 width: 6.5rem;
	 height: auto;
	 margin-top: -5px;
}
.btn-more.learn-more .circle {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: relative;
	 display: block;
	 margin: 0;
	 width: 2rem;
	 height: 2rem;
	 background: #DD0A30;  /*#33a1db;*/
	 border-radius: 1.625rem;
}
.btn-more.learn-more .circle .icon {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 background: #fff;
}
.btn-more.learn-more .circle .icon.arrow {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 left: 0.125rem;
	 width: 1.125rem;
	 height: 0.125rem;
	 background: none;
}
.btn-more.learn-more .circle .icon.arrow::before {
	 position: absolute;
	 content: '';
	 top: -0.25rem;
	 right: 0.0625rem;
	 width: 0.625rem;
	 height: 0.625rem;
	 border-top: 0.125rem solid #fff;
	 border-right: 0.125rem solid #fff;
	 transform: rotate(45deg);
}
.btn-more.learn-more .button-text {
	 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 padding: 0.75rem 0;
	 margin: 0 0 0 1.3rem;  /*margin: 0 0 0 1.85rem;*/
	 color: #282936;
	 font-weight: 700;
	 line-height: 0.6;
	 text-align: center;
	 text-transform: uppercase;
	 z-index: 1;
}
.btn-more:hover .circle {
	 width: 100%;
}
.btn-more:hover .circle .icon.arrow {
	 background: #fff;
	 transform: translate(1rem, 0);
}
.btn-more:hover .button-text {
	 color: #fff !important;
}

/*Button More #2*/
.button-more {
  border-radius: 4px;
  background-color:#DD0A30;
  color: #fff;
  font-weight: 700;
  border: none;
  padding: 3px;
  width: 80px;
  transition: all 0.5s;
  margin-top: -5px;
}


.button-more span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-more span:after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  padding-top: 1px;
}

.button-more:hover span {
  padding-right: 20px;
  color: #fff;
}

.button-more:hover span:after {
  opacity: 1;
  right: 0;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* table striped 
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: red;
}
.table-striped>tr:nth-child(odd){
   background-color:red;
}
.table-striped {--bs-table-striped-bg: #DD0A30; --bs-table-striped-color:white;}
*/

.table-striped {
	--bs-table-striped-bg: #c13232 !important;
	--bs-table-striped-color: #fff !important;
	--bs-table-bg: #b20000 !important;
	--bs-table-color: #fff !important;
	color: #fff !important;
}

.pagination {
    display: inline-block;
    //padding-left: 0;
    //margin: 20px 0;
    border-radius: 4px;margin: auto;
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*IOS disabled save image*/
*:not(input):not(textarea) {
  -webkit-user-select: none; /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}
/*IOS disabled save image*/