/**
 * Custom Styles for DigitalTVU
 * Includes animation styles, lazyload, watermark removal, and mobile responsive fixes
 */

/* ============================================
   LAYOUT FIXES
   Remove unwanted spacing and ensure proper layout
   ============================================ */
/* Remove top spacing on first section (header) */
.ladi-wraper {
  margin: 0;
  padding: 0;
}

.ladi-section:first-child,
#SECTION1 {
  margin-top: 0 !important;
}

/* Ensure body has no spacing */
body {
  margin: 0 !important;
  padding: 0 !important;
}

/* Fix SECTION13 and SECTION46 to prevent self-scrolling - let JS control height */
#SECTION13,
#SECTION46 {
  overflow: visible !important;
  /* No height constraints - JS will set it dynamically */
}

/* Ensure background and overlay fill the entire section height */
#SECTION13 > .ladi-section-background,
#SECTION13 > .ladi-overlay,
#SECTION46 > .ladi-section-background,
#SECTION46 > .ladi-overlay {
  height: 100% !important;
  overflow: visible !important;
}

#SECTION13 .ladi-container,
#SECTION46 .ladi-container {
  height: auto !important; /* Allow container to expand with content */
  min-height: 100% !important;
  overflow: visible !important;
}

#HTML_CODE6,
#HTML_CODE6 .ladi-html-code {
  height: auto !important; /* Allow form wrapper to expand */
  min-height: 100% !important;
}

/* Hide decorative box that creates extra space below form */
#BOX111 {
  display: none !important;
}

@media (max-width: 767px) {
  #SECTION13,
  #SECTION46 {
    /* No height constraints - JS will handle it */
  }
}

/* ============================================
   ANIMATION STYLES
   Hide elements with animations until ready
   ============================================ */
@media (min-width: 768px) {
  #BUTTON87,
  #SHAPE138,
  #BUTTON95,
  #BUTTON100,
  #BUTTON167 {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  #HTML_CODE2{
      width: 561.48px;
      top: 131.4835px;
      left: 638.52px;
  }
}

@media (max-width: 767px) {
  #GROUP398,
  #GROUP401,
  #GROUP403,
  #GROUP404,
  #GROUP406,
  #BUTTON87,
  #SHAPE138,
  #BUTTON95,
  #BUTTON100,
  #BUTTON167,
  #IMAGE104 {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  #HTML_CODE2{
      top: 590.4835px;
  }
}

/* ============================================
   LAZYLOAD STYLES
   Remove background images until lazy loaded
   ============================================ */
body.lazyload .ladi-overlay,
body.lazyload .ladi-box,
body.lazyload .ladi-button-background,
body.lazyload .ladi-collection-item:before,
body.lazyload .ladi-countdown-background,
body.lazyload .ladi-form-item-background,
body.lazyload .ladi-form-label-container .ladi-form-label-item.image,
body.lazyload .ladi-frame-background,
body.lazyload .ladi-gallery-view-item,
body.lazyload .ladi-gallery-control-item,
body.lazyload .ladi-headline,
body.lazyload .ladi-image-background,
body.lazyload .ladi-image-compare,
body.lazyload .ladi-list-paragraph ul li:before,
body.lazyload .ladi-section-background,
body.lazyload .ladi-survey-option-background,
body.lazyload .ladi-survey-option-image,
body.lazyload .ladi-tabs-background,
body.lazyload .ladi-video-background,
body.lazyload .ladi-banner,
body.lazyload .ladi-spin-lucky-screen,
body.lazyload .ladi-spin-lucky-start {
  background-image: none !important;
}

/* ============================================
   LADIPAGE WATERMARK REMOVAL
   5-layer protection against watermark
   ============================================ */
.ladi-wraper > a[href*="ladipage"],
.ladi-section > a[href*="ladipage"],
a[href*="ladipage.vn"],
a[href*="ladipage.com"],
.ladi-powered,
.ladi-watermark,
.ladi-widget,
a[href*="ldpform"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
  left: -9999px !important;
  z-index: -9999 !important;
}

/* Hide fixed/absolute positioned links at corners with high z-index */
a[style*="position: fixed"],
a[style*="position:fixed"],
a[style*="z-index: 9"][style*="position"],
a[style*="z-index:9"][style*="position"],
a[style*="position: absolute"][style*="bottom"],
a[style*="position:absolute"][style*="bottom"] {
  display: none !important;
  visibility: absolute !important;
  overflow: hidden !important;
}

/* ============================================
   CONSULTATION FORM STYLING
   Custom positioning for second form instance
   ============================================ */
.consultation-form-section-2 {
  position: relative;
  width: 100%;
}

.consultation-form-section-2 .consultation-form-wrapper {
  position: absolute;
  width: 1280px;
  top: 0;
  left: auto;
}

/* ============================================
   MOBILE RESPONSIVE FIXES
   Prevent horizontal scroll on mobile devices
   ============================================ */
@media (max-width: 767px) {
  .consultation-form-section-2 .consultation-form-wrapper {
    position: static;
    width: 100%;
    left: 0;
    transform: none;
    transform-origin: unset;
  }
  
  /* Prevent horizontal overflow */
  html {
    overflow-x: hidden !important;
    width: 100vw !important;
    position: relative !important;
  }
  
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .ladi-wraper {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
  }
  
  .ladi-section {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 0 !important;
  }
  
  .ladi-container {
    overflow-x: hidden !important;
    max-width: 100% !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
  }
  
  /* Fix elements with negative left values */
  .ladi-element {
    max-width: 100vw !important;
  }
  
  .ladi-element[style*="left: -"] {
    left: 0 !important;
  }
  
  /* Fix carousel overflow */
  .ladi-carousel {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  
  .ladi-carousel .ladi-carousel-content {
    max-width: none !important;
  }
  
  /* Fix wide boxes */
  .ladi-box[style*="width: 2"] {
    max-width: 100vw !important;
    left: 0 !important;
  }
  
  /* Ensure menu icon is visible and on top */
  .ladi-menu.menu-icon-item {
    display: block !important;
    z-index: 90000050 !important;
    position: relative !important;
    pointer-events: auto !important;
  }
  
  /* Fix menu container positioning */
  #MENU2, #MENU688 {
    z-index: 90000050 !important;
  }

  /* Keep header fixed on mobile */
  #SECTION1 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    z-index: 90000060 !important;
    background-color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
    transform: none !important;
  }

  #SECTION1 .ladi-container {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body {
    padding-top: 82px !important;
  }
}

/* ============================================
   MOBILE MENU POPUP STYLING
   Aurora Slate Capsule
   ============================================ */

/* Keep popup content visible and gently elevated */
#POPUP_MENU_MOBILE_MENU2 .ladi-popup {
  display: block !important;
  padding: 0 !important;
}

#POPUP_MENU_MOBILE_MENU2 .ladi-popup .ladi-popup-content {
  display: block !important;
  padding: 8vh 4vw 6vh !important;
}

/* Dimmed glass overlay */
#POPUP_MENU_MOBILE_MENU2.ladi-popup .ladi-popup-background,
#POPUP_MENU_MOBILE_MENU2 .ladi-popup .ladi-popup-background {
  background: radial-gradient(circle at 20% 20%, rgba(99, 122, 255, 0.22), rgba(3, 12, 30, 0.9)) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
}

/* Floating capsule */
#POPUP_MENU_MOBILE_MENU2 #MENU688 {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(240, 245, 255, 0.85)) !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  box-shadow:
    0 40px 80px rgba(7, 15, 40, 0.28),
    0 12px 30px rgba(72, 99, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  overflow: hidden !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688::before,
#POPUP_MENU_MOBILE_MENU2 #MENU688::after {
  content: '' !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #86b9ff, #9ef0ff, #d7f5ff) !important;
  box-shadow: 0 0 18px rgba(134, 185, 255, 0.6) !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688::before {
  top: 18px !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688::after {
  bottom: 18px !important;
  opacity: 0.45 !important;
}

/* Hide hamburger icon */
#POPUP_MENU_MOBILE_MENU2 #MENU688 .menu-icon-item {
  display: none !important;
}

/* Content padding */
#POPUP_MENU_MOBILE_MENU2 #MENU688 .list-menu-items {
  margin: 0 !important;
  padding: 42px 20px 32px !important;
  list-style: none !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Menu rows */
#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item {
  background: rgba(255, 255, 255, 0.85) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(119, 140, 190, 0.2) !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease !important;
  box-shadow: 0 10px 28px rgba(15, 33, 72, 0.08) !important;
  width: 100%;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item:last-child {
  margin-bottom: 0 !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(120deg, rgba(103, 178, 255, 0.18), rgba(190, 223, 255, 0.05)) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(103, 178, 255, 0.6) !important;
  box-shadow: 0 20px 36px rgba(8, 21, 56, 0.2) !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item:hover::before {
  opacity: 1 !important;
}

/* Link layout */
#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item a {
  color: #0f1f3f !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  letter-spacing: 0.35px !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item span.menu-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: #7c8cab !important;
  letter-spacing: 1px !important;
}

/* Decorative orb */
#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item a::before {
  content: '' !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #91c9ff 60%, #6ae0ff 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  /* box-shadow: 0 8px 16px rgba(108, 202, 255, 0.45) !important; */
  flex-shrink: 0 !important;
  transition: transform 0.3s ease !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item:hover a::before {
  transform: scale(1.08) !important;
}

/* Arrow */
#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item a::after {
  content: '' !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(129, 164, 255, 0.6) !important;
  background: rgba(129, 164, 255, 0.18) !important;
  display: grid !important;
  place-items: center !important;
  color: #4c64ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item a::after {
  content: '➜' !important;
}

#POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item:hover a::after {
  border-color: rgba(76, 100, 255, 0.95) !important;
  background: rgba(76, 100, 255, 0.24) !important;
  transform: translateX(6px) scale(1.05) !important;
}

/* Close button */
#POPUP_MENU_MOBILE_MENU2 .ladi-popup-close {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 16px 28px rgba(7, 16, 40, 0.3) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#POPUP_MENU_MOBILE_MENU2 .ladi-popup-close::before,
#POPUP_MENU_MOBILE_MENU2 .ladi-popup-close::after {
  background: #1a2746 !important;
  width: 16px !important;
  height: 2px !important;
  border-radius: 1px !important;
}

#POPUP_MENU_MOBILE_MENU2 .ladi-popup-close:hover {
  transform: scale(1.06) rotate(90deg) !important;
  box-shadow: 0 20px 36px rgba(8, 15, 38, 0.4) !important;
}

#POPUP_MENU_MOBILE_MENU2 .ladi-popup-close:hover::before,
#POPUP_MENU_MOBILE_MENU2 .ladi-popup-close:hover::after {
  background: #475bff !important;
}

@media (max-width: 767px) {
  #POPUP_MENU_MOBILE_MENU2 #MENU688 {
    border-radius: 20px !important;
  }

  #POPUP_MENU_MOBILE_MENU2 #MENU688::before,
  #POPUP_MENU_MOBILE_MENU2 #MENU688::after {
    left: 14px !important;
    right: 14px !important;
  }

  #POPUP_MENU_MOBILE_MENU2 #MENU688 .list-menu-items {
    padding: 34px 14px 24px !important;
  }

  #POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item a {
    font-size: 14px !important;
    padding: 14px 16px !important;
  }

  #POPUP_MENU_MOBILE_MENU2 #MENU688 .ladi-menu-item a::before {
    width: 30px !important;
    height: 30px !important;
  }

  #POPUP_MENU_MOBILE_MENU2 .ladi-popup-close {
    width: 36px !important;
    height: 36px !important;
  }
}

/* ============================================
   SECTION52_KD – Kiểm định (CSS mirror for cloned section)
   Mirrors styling from style_3.css for the renamed _KD IDs
   ============================================ */

/* Section background */
#SECTION52_KD > .ladi-section-background {
  background-image: linear-gradient(rgb(241, 243, 244), rgb(225, 238, 255));
  background-color: initial;
  background-size: initial;
  background-origin: initial;
  background-position: initial;
  background-repeat: initial;
  background-attachment: initial;
}

/* Headline typography */
#HEADLINE527_KD > .ladi-headline {
  font-family: Montserrat, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  color: rgb(0, 39, 112);
  text-align: center;
}

/* Carousel arrow icons */
#CAROUSEL40_KD .ladi-carousel .ladi-carousel-arrow {
  background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22rgba(255%2C%20255%2C%20255%2C%201)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00015%200.585938L18.4144%2012.0002L7.00015%2023.4144L5.58594%2022.0002L15.5859%2012.0002L5.58594%202.00015L7.00015%200.585938Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

/* Carousel items – frame background gradient */
#CAROUSEL_ITEM491_KD > .ladi-frame-bg > .ladi-frame-background,
#CAROUSEL_ITEM492_KD > .ladi-frame-bg > .ladi-frame-background,
#CAROUSEL_ITEM493_KD > .ladi-frame-bg > .ladi-frame-background,
#CAROUSEL_ITEM494_KD > .ladi-frame-bg > .ladi-frame-background,
#CAROUSEL_ITEM495_KD > .ladi-frame-bg > .ladi-frame-background,
#CAROUSEL_ITEM496_KD > .ladi-frame-bg > .ladi-frame-background {
  background-image: linear-gradient(rgba(2, 40, 112, 0.7), rgb(1, 39, 112));
  background-color: initial;
}

/* Carousel items – frame border */
#CAROUSEL_ITEM491_KD > .ladi-frame,
#CAROUSEL_ITEM492_KD > .ladi-frame,
#CAROUSEL_ITEM493_KD > .ladi-frame,
#CAROUSEL_ITEM494_KD > .ladi-frame,
#CAROUSEL_ITEM495_KD > .ladi-frame,
#CAROUSEL_ITEM496_KD > .ladi-frame {
  border-width: 1px;
  border-radius: 16px;
  border-style: double;
  border-color: rgb(77, 127, 248);
  box-shadow: rgb(0, 0, 0) 15px 0px 55px -43px;
}

/* Image / box backgrounds */
/* All image containers: rectangular images displayed with contain (no crop) */
#BOX266_KD,
#BOX269_KD,
#IMAGE315_KD,
#IMAGE316_KD,
#IMAGE317_KD,
#IMAGE318_KD {
  width: 100%;
  height: 160px;
  top: 20px;
  left: 0;
}
#BOX266_KD > .ladi-box {
  border-radius: 8px;
  background-image: url("/public/images/bo-giao-duc-va-dao-tao-20251018190808-wnqun.webp");
  background-size: 100% auto !important;
  background-origin: content-box;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll;
}
#BOX269_KD > .ladi-box {
  border-radius: 8px;
  background-image: url("/public/images/wuri-rank-20251018190844-rbwc8.webp");
  background-size: 100% auto !important;
  background-origin: content-box;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll;
  background-color: white;
}
#IMAGE318_KD > .ladi-image > .ladi-image-background,
#IMAGE315_KD > .ladi-image > .ladi-image-background,
#IMAGE316_KD > .ladi-image > .ladi-image-background,
#IMAGE317_KD > .ladi-image > .ladi-image-background {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background-size: 100% auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#IMAGE318_KD > .ladi-image > .ladi-image-background {
  background-image: url("/public/images/cea-20251018190823-x4r5c.webp");
}
#IMAGE315_KD > .ladi-image > .ladi-image-background {
  background-image: url("/public/images/aun-qa-20251018190855-gdee9.webp");
}
#IMAGE316_KD > .ladi-image > .ladi-image-background {
  background-image: url("/public/images/fibaa-20251018190917-enkug.webp");
}
#IMAGE317_KD > .ladi-image > .ladi-image-background {
  background-image: url("/public/images/rank-abet-20251018190933-bvuxt.webp");
}

/* Headlines inside carousel items */
#HEADLINE948_KD,
#HEADLINE949_KD,
#HEADLINE950_KD,
#HEADLINE951_KD,
#HEADLINE952_KD,
#HEADLINE953_KD {
  width: 236px;
  top: 205px;
  left: 23px;
}
#HEADLINE948_KD > .ladi-headline,
#HEADLINE949_KD > .ladi-headline,
#HEADLINE950_KD > .ladi-headline,
#HEADLINE951_KD > .ladi-headline,
#HEADLINE952_KD > .ladi-headline,
#HEADLINE953_KD > .ladi-headline {
  font-family: Mulish, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: center;
}

/* Paragraph inside carousel item */
#PARAGRAPH466_KD {
  width: 253px;
  top: 273px;
  left: 14.5px;
}
#PARAGRAPH466_KD > .ladi-paragraph {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: rgb(255, 255, 255);
  text-align: center;
}

/* Carousel item positions — must be global (apply on both desktop and mobile) */
#CAROUSEL_ITEM492_KD { top: 0px; left: 306px; }
#CAROUSEL_ITEM493_KD { top: 0px; left: 612px; }
#CAROUSEL_ITEM494_KD { top: 0px; left: 918px; }
#CAROUSEL_ITEM495_KD { top: 0px; left: 1224px; }
#CAROUSEL_ITEM496_KD { top: 0px; left: 1530px; }

/* Desktop layout */
@media (min-width: 768px) {
  #SECTION52_KD {
    height: 564.4px;
  }
  #HEADLINE527_KD {
    width: 950px;
    top: 26.9px;
    left: 125px;
  }
  #HEADLINE527_KD > .ladi-headline {
    font-size: 42px;
  }
  #HEADLINE491_KD,
  #CAROUSEL40_KD {
    width: 1200px;
  }
  #CAROUSEL40_KD {
    height: 356px;
    top: 157px;
    left: 1px;
  }
  #CAROUSEL40_KD .ladi-carousel .ladi-carousel-content {
    width: 1836px;
  }
  #CAROUSEL_ITEM491_KD,
  #CAROUSEL_ITEM492_KD,
  #CAROUSEL_ITEM493_KD,
  #CAROUSEL_ITEM494_KD,
  #CAROUSEL_ITEM495_KD,
  #CAROUSEL_ITEM496_KD {
    width: 282px;
    height: 356px;
  }

  #BOX266_KD,
  #BOX269_KD,
  #IMAGE315_KD,
  #IMAGE316_KD,
  #IMAGE317_KD,
  #IMAGE318_KD {
    width: 100%;
    height: 170px;
    top: 0px;
    left: 0;
  }
}

/* Mobile layout */
@media (max-width: 767px) {
  #SECTION52_KD {
    height: 455px;
  }
  #HEADLINE527_KD {
    width: 357px;
    top: 9.38767px;
    left: 30px;
  }
  #HEADLINE527_KD > .ladi-headline {
    font-size: 26px;
  }
  #CAROUSEL40_KD {
    width: 402px;
    height: 280px;
    top: 147.97px;
    left: 20px;
  }
  #CAROUSEL40_KD .ladi-carousel .ladi-carousel-content {
    width: 1836px;
  }
  #CAROUSEL_ITEM491_KD,
  #CAROUSEL_ITEM492_KD,
  #CAROUSEL_ITEM493_KD,
  #CAROUSEL_ITEM494_KD,
  #CAROUSEL_ITEM495_KD,
  #CAROUSEL_ITEM496_KD {
    width: 282px !important;
    height: 280px !important;
  }
  #BOX266_KD,
  #BOX269_KD,
  #IMAGE315_KD,
  #IMAGE316_KD,
  #IMAGE317_KD,
  #IMAGE318_KD {
    width: 100% !important;
    height: 130px !important;
    top: 0px !important;
    left: 0 !important;
  }
  #HEADLINE948_KD,
  #HEADLINE949_KD,
  #HEADLINE950_KD,
  #HEADLINE951_KD,
  #HEADLINE952_KD,
  #HEADLINE953_KD {
    width: 250px !important;
    top: 158px !important;
    left: 16px !important;
  }
  #PARAGRAPH466_KD {
    top: 228px !important;
  }
  #BOX266_KD > .ladi-box,
  #BOX269_KD > .ladi-box {
    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  #IMAGE318_KD > .ladi-image > .ladi-image-background,
  #IMAGE315_KD > .ladi-image > .ladi-image-background,
  #IMAGE316_KD > .ladi-image > .ladi-image-background,
  #IMAGE317_KD > .ladi-image > .ladi-image-background {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}