:root {
  --mku-bg-primary-color: #1F2251;
  --mku-bg-secondary-color: #D41616;
  --mku-bg-gray-color: #e1e1e1;
  --mku-font-size-base: 16px;
  --mku-text-primary-color:#1F2251;
  --mku-text-color-red:#FF2626;
  --mku-text-orange:#FD6504;
  --mku-content-font-size-h1:2.5rem;
  --mku-content-font-size-h2:2.0rem;
  --mku-content-font-size-h3:1.5rem;
  --mku-content-font-size-h4:1.25rem;
  --mku-content-font-size-h5:1rem;
  --mku-content-font-size-h6:0.75rem;
}

/* 
body {
  scrollbar-width: none;  
  scrollbar-width: none;
  -ms-overflow-style: none;  
}

body::-webkit-scrollbar {
  display: none;  
}
html::-webkit-scrollbar {
  display: none;  
} */
a {
  text-decoration: none !important;
}

.cover-img {
    width: 100%;
    object-fit: fill;
    display: block;
}

 .navbar.scrolled {
    position: fixed !important;  
    top: 0; left: 0; right: 0;
    z-index: 1100;
  }

.font25r{
    font-size: 2.5rem;
}
.font20r{
    font-size: 2.0rem;
}
.font175r{
    font-size: 1.75rem;
}
.font15r{
    font-size: 1.5rem;
}
.font125r{
     font-size: 1.25rem;
}
.font-regular {
    font-family: "SVN-Gotham-Bold";
}

.item-reverser:nth-child(2n) {
    flex-direction: row-reverse;
}

:root {
  --mku-bg-primary-color: #1F2251;
  --mku-bg-secondary-color: #D41616;
  --mku-font-size-base: 16px;
  --mku-text-primary-color:#1F2251;
  --mku-text-color-red:#FF2626;
  --mku-text-orange:#FD6504;
  --mku-content-font-size-h1:2.5rem;
  --mku-content-font-size-h2:2.0rem;
  --mku-content-font-size-h3:1.5rem;
  --mku-content-font-size-h4:1.25rem;
  --mku-content-font-size-h5:1rem;
  --mku-content-font-size-h6:0.75rem;
}

/* 
body {
  scrollbar-width: none;  
  scrollbar-width: none;
  -ms-overflow-style: none;  
}

body::-webkit-scrollbar {
  display: none;  
}
html::-webkit-scrollbar {
  display: none;  
} */
a {
  text-decoration: none !important;
}

.cover-img {
    width: 100%;
    object-fit: fill;
    display: block;
}

 .navbar.scrolled {
    position: fixed !important;  
    top: 0; left: 0; right: 0;
    z-index: 1100;
  }

.font25r{
    font-size: 2.5rem !important;
}
.font20r{
    font-size: 2.0rem !important;
}
.font175r{
    font-size: 1.75rem !important;
}
.font15r{
    font-size: 1.5rem !important;
}
.font125r{
     font-size: 1.25rem !important;
}
.font-regular {
    font-family: "SVN-Gotham-Bold";
}

/* .item-reverser:nth-child(2n+1) {
    flex-direction: row;
} */
/* .item-reverser:nth-child(2n) {
    flex-direction: row-reverse;
}

.mku-reverser:nth-child(2n+1)>.container > .row  {
    flex-direction: row-reverse;
} */

.mku-reverser{
  margin: 2rem 0 ;
  overflow: hidden;
}

.mku-reverser:nth-child(3n+1){ background:#fff; } /* 1 */
.mku-reverser:nth-child(3n+2){ background:#e1e1e1; } /* 2 */
.mku-reverser:nth-child(3n){   background:#1F2251; color: #fff !important;} /* 3 */

.mku-reverser:nth-child(3n) h2,
.mku-reverser:nth-child(3n) h3,
.mku-reverser:nth-child(3n) h4,
.mku-reverser:nth-child(3n) p,
.mku-reverser:nth-child(3n) strong,
.mku-reverser:nth-child(3n) b,
.mku-reverser:nth-child(3n) a{
  color: #fff !important;
}


.mku-reverser div.img{
  display: block;
  overflow: hidden !important;
}
.mku-reverser  div.img > img {
  transition: transform 0.7s ease, box-shadow 0.5s ease;
}

.mku-reverser:nth-child(2n) .rotate div.img {
  transform: rotate(45deg) !important;
}

.mku-reverser:nth-child(2n) .rotate div.img > img {
  transform: rotate(-45deg) !important;
}
.mku-reverser:nth-child(2n) .rotate div.img > img:hover {
  transform: rotate(-45deg) scale(0.9) !important;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3); /* Bóng đổ khi hover */
}
.mku-reverser:nth-child(2n+1) .rotate div.img {
  transform: rotate(-45deg) !important;
}

.mku-reverser:nth-child(2n+1) .rotate div.img > img {
  transform: rotate(45deg) !important;
}
.mku-reverser:nth-child(2n+1) .rotate div.img > img:hover {
  transform: rotate(45deg) scale(0.9) !important;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3); /* Bóng đổ khi hover */
}


.bg-even-odd:nth-child(even){
  background: var(--mku-bg-gray-color);
}
.bg-even-odd:nth-child(odd){
   background: #ffffff; /* nền trắng cho các khối lẻ */
}
.item-box:hover {
  box-shadow: 0 5px 5px rgba(31, 34, 81, 0.3);
  cursor: pointer;
}