.elementor-11 .elementor-element.elementor-element-183eef6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-183eef6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-2899776{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-aa3d6e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-466776e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-0d0dda3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-10eeedc{padding:40px 0px 0px 0px;text-align:center;}.elementor-11 .elementor-element.elementor-element-10eeedc .elementor-heading-title{font-family:"Forum", Sans-serif;font-size:56px;font-weight:500;color:#FFFFFF;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11 .elementor-element.elementor-element-9c4f970 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-11 .elementor-element.elementor-element-9c4f970 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-11 .elementor-element.elementor-element-9c4f970{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-9c4f970{padding:0px 20px 0px 20px;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-183eef6{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-0d0dda3 *//* =========================================================
     WORDPRESS SAFE RESET
     ========================================================= */

  #ccn-luxury-background,
  #ccn-luxury-background *,
  #ccn-luxury-background *::before,
  #ccn-luxury-background *::after {
    box-sizing: border-box;
  }

  #ccn-luxury-background {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;
  }

  /* =========================================================
     SECTION BACKGROUND
     ========================================================= */

  #ccn-luxury-background {
    --ccn-bg-gold: #d8b56a;
    --ccn-bg-gold-light: #f3dda5;
    --ccn-bg-black: #070706;

    position: relative;
    isolation: isolate;

    width: 100%;

    /*
     * Có thể thay đổi chiều cao tại đây.
     * Ví dụ: 500px, 700px hoặc 100vh.
     */
    min-height: 650px;

    overflow: hidden;

    background:
      radial-gradient(
        circle at 13% 18%,
        rgba(216, 181, 106, 0.13),
        transparent 30%
      ),
      radial-gradient(
        circle at 88% 78%,
        rgba(216, 181, 106, 0.09),
        transparent 32%
      ),
      linear-gradient(
        135deg,
        #050504 0%,
        #10100e 48%,
        #070706 100%
      );
  }

  /* Viền gold mảnh */

  #ccn-luxury-background::before {
    position: absolute;
    inset: 18px;
    z-index: 5;

    content: "";

    border: 1px solid rgba(216, 181, 106, 0.2);

    pointer-events: none;
  }

  /* Hiệu ứng grain nhẹ */

  #ccn-luxury-background::after {
    position: absolute;
    inset: 0;
    z-index: 4;

    content: "";

    opacity: 0.15;

    background-image:
      repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.018) 0,
        rgba(255, 255, 255, 0.018) 1px,
        transparent 1px,
        transparent 5px
      );

    mix-blend-mode: soft-light;

    pointer-events: none;
  }

  .ccn-luxury-background__effects {
    position: absolute;
    inset: 0;
    z-index: 1;

    overflow: hidden;

    pointer-events: none;
  }

  /* =========================================================
     GOLD GLOW
     ========================================================= */

  .ccn-luxury-background__glow {
    position: absolute;

    display: block;

    border-radius: 50%;

    background: radial-gradient(
      circle,
      rgba(243, 221, 165, 0.21) 0%,
      rgba(216, 181, 106, 0.08) 38%,
      transparent 72%
    );

    filter: blur(2px);

    pointer-events: none;
  }

  .ccn-luxury-background__glow--one {
    top: -260px;
    left: -210px;

    width: 650px;
    height: 650px;

    animation:
      ccn-background-glow-one
      18s
      ease-in-out
      infinite
      alternate;
  }

  .ccn-luxury-background__glow--two {
    right: -280px;
    bottom: -320px;

    width: 760px;
    height: 760px;

    opacity: 0.62;

    animation:
      ccn-background-glow-two
      22s
      ease-in-out
      infinite
      alternate;
  }

  .ccn-luxury-background__glow--three {
    top: 35%;
    left: 45%;

    width: 360px;
    height: 360px;

    opacity: 0.22;

    animation:
      ccn-background-glow-three
      16s
      ease-in-out
      infinite
      alternate;
  }

  @keyframes ccn-background-glow-one {
    from {
      transform:
        translate3d(-20px, -20px, 0)
        scale(0.95);
    }

    to {
      transform:
        translate3d(110px, 75px, 0)
        scale(1.08);
    }
  }

  @keyframes ccn-background-glow-two {
    from {
      transform:
        translate3d(50px, 40px, 0)
        scale(1);
    }

    to {
      transform:
        translate3d(-110px, -70px, 0)
        scale(1.12);
    }
  }

  @keyframes ccn-background-glow-three {
    from {
      transform:
        translate3d(-30px, 20px, 0)
        scale(0.9);
    }

    to {
      transform:
        translate3d(70px, -45px, 0)
        scale(1.12);
    }
  }

  /* =========================================================
     DECORATIVE RINGS
     ========================================================= */

  .ccn-luxury-background__ring {
    position: absolute;

    display: block;

    border: 1px solid rgba(216, 181, 106, 0.14);
    border-radius: 50%;

    pointer-events: none;
  }

  .ccn-luxury-background__ring--one {
    top: -210px;
    right: -170px;

    width: 510px;
    height: 510px;

    animation:
      ccn-background-ring
      28s
      linear
      infinite;
  }

  .ccn-luxury-background__ring--two {
    top: -145px;
    right: -105px;

    width: 380px;
    height: 380px;

    border-style: dashed;

    opacity: 0.65;

    animation:
      ccn-background-ring
      34s
      linear
      infinite
      reverse;
  }

  @keyframes ccn-background-ring {
    to {
      transform: rotate(360deg);
    }
  }

  /* =========================================================
     ABSTRACT GOLD LINES
     ========================================================= */

  .ccn-luxury-background__lines {
    position: absolute;
    right: -12%;
    bottom: -14%;

    width: 125%;
    height: 88%;

    opacity: 0.42;

    pointer-events: none;
  }

  .ccn-luxury-background__line {
    fill: none;

    stroke-linecap: round;

    vector-effect: non-scaling-stroke;
  }

  .ccn-luxury-background__line--one {
    stroke: rgba(243, 221, 165, 0.21);
    stroke-width: 1;

    stroke-dasharray: 15 22;

    animation:
      ccn-background-line
      25s
      linear
      infinite;
  }

  .ccn-luxury-background__line--two {
    stroke: rgba(216, 181, 106, 0.12);
    stroke-width: 1.4;

    stroke-dasharray: 8 25;

    animation:
      ccn-background-line
      31s
      linear
      infinite
      reverse;
  }

  .ccn-luxury-background__line--three {
    stroke: rgba(243, 221, 165, 0.08);
    stroke-width: 0.8;

    stroke-dasharray: 5 28;

    animation:
      ccn-background-line
      37s
      linear
      infinite;
  }

  @keyframes ccn-background-line {
    to {
      stroke-dashoffset: -420;
    }
  }

  /* =========================================================
     TABLET
     ========================================================= */

  @media (max-width: 1024px) {
    #ccn-luxury-background {
      min-height: 560px;
    }

    #ccn-luxury-background::before {
      inset: 13px;
    }

    .ccn-luxury-background__ring--one {
      width: 410px;
      height: 410px;
    }

    .ccn-luxury-background__ring--two {
      width: 310px;
      height: 310px;
    }
  }

  /* =========================================================
     MOBILE
     ========================================================= */

  @media (max-width: 767px) {
    #ccn-luxury-background {
      min-height: 460px;
    }

    #ccn-luxury-background::before {
      inset: 8px;
    }

    .ccn-luxury-background__glow--one {
      top: -210px;
      left: -230px;

      width: 500px;
      height: 500px;
    }

    .ccn-luxury-background__glow--two {
      right: -250px;
      bottom: -240px;

      width: 550px;
      height: 550px;
    }

    .ccn-luxury-background__glow--three {
      display: none;
    }

    .ccn-luxury-background__ring--one {
      top: -150px;
      right: -180px;

      width: 340px;
      height: 340px;
    }

    .ccn-luxury-background__ring--two {
      top: -100px;
      right: -125px;

      width: 250px;
      height: 250px;
    }

    .ccn-luxury-background__lines {
      right: -40%;
      bottom: -8%;

      width: 175%;
      height: 75%;
    }
  }

  /* =========================================================
     REDUCED MOTION
     ========================================================= */

  @media (prefers-reduced-motion: reduce) {
    #ccn-luxury-background *,
    #ccn-luxury-background *::before,
    #ccn-luxury-background *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }/* End custom CSS */