.elementor-255 .elementor-element.elementor-element-34f6336{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-255 .elementor-element.elementor-element-34f6336:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-34f6336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rochelletrandesign.com/wp-content/uploads/2026/05/WPP.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-255 .elementor-element.elementor-element-da33890{--display:flex;--position:absolute;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-255 .elementor-element.elementor-element-da33890.e-con{--align-self:center;}.elementor-255 .elementor-element.elementor-element-9106365{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-255 .elementor-element.elementor-element-4b9d0a8{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:40px;}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-4b9d0a8{left:0px;}body.rtl .elementor-255 .elementor-element.elementor-element-4b9d0a8{right:0px;}.elementor-255 .elementor-element.elementor-element-ad59649{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-255 .elementor-element.elementor-element-88c9fdb{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-d9a8fe2{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:40px;}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-d9a8fe2{left:0px;}body.rtl .elementor-255 .elementor-element.elementor-element-d9a8fe2{right:0px;}.elementor-255 .elementor-element.elementor-element-971dc50{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-255 .elementor-element.elementor-element-9f25cd0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-9f25cd0:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-9f25cd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-255 .elementor-element.elementor-element-bdbb977{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-255 .elementor-element.elementor-element-bdbb977 .elementor-heading-title{font-family:"Blauer Nue", Sans-serif;font-size:4em;font-weight:500;color:var( --e-global-color-31a53d3 );}.elementor-255 .elementor-element.elementor-element-1c777c9{--spacer-size:40px;}.elementor-255 .elementor-element.elementor-element-1e2ad95{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:10px;--e-filter-normal-text-color:#FFFFFF;--e-filter-hover-text-color:#000000;--e-filter-active-text-color:#000000;--e-filter-item-border-radius:100px 100px 100px 100px;}.elementor-255 .elementor-element.elementor-element-1e2ad95 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-255 .elementor-element.elementor-element-1e2ad95 .e-filter-item[aria-pressed="true"]{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-31a53d3 );}.elementor-255 .elementor-element.elementor-element-1e2ad95 .e-filter-item{font-family:"Blauer Nue", Sans-serif;font-size:1em;padding:10px 20px 10px 20px;}.elementor-255 .elementor-element.elementor-element-1e2ad95 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;}.elementor-255 .elementor-element.elementor-element-b664173{--spacer-size:40px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-255 .elementor-element.elementor-element-e030842{--grid-columns:2;--grid-row-gap:30px;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--grid-column-gap:60px;}.elementor-255 .elementor-element.elementor-element-e030842 .elementor-repeater-item-ba14efe{grid-column:span min( 1, var(--grid-columns) );}.elementor-255 .elementor-element.elementor-element-e030842 .elementor-repeater-item-9a55a9d{grid-column:span min( 2, var(--grid-columns) );}@media(max-width:1024px){.elementor-255 .elementor-element.elementor-element-4b9d0a8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-255 .elementor-element.elementor-element-d9a8fe2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-255 .elementor-element.elementor-element-bdbb977{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-255 .elementor-element.elementor-element-1e2ad95{padding:20px 20px 20px 20px;}.elementor-255 .elementor-element.elementor-element-e030842{--grid-columns:2;--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(min-width:768px){.elementor-255 .elementor-element.elementor-element-4b9d0a8{--content-width:1800px;}.elementor-255 .elementor-element.elementor-element-88c9fdb{--width:10%;}.elementor-255 .elementor-element.elementor-element-d9a8fe2{--content-width:1800px;}.elementor-255 .elementor-element.elementor-element-9f25cd0{--content-width:1800px;}}@media(max-width:767px){.elementor-255 .elementor-element.elementor-element-4b9d0a8{--justify-content:center;}.elementor-255 .elementor-element.elementor-element-ad59649{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-255 .elementor-element.elementor-element-d9a8fe2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-255 .elementor-element.elementor-element-971dc50{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-255 .elementor-element.elementor-element-971dc50.elementor-element{--align-self:center;}.elementor-255 .elementor-element.elementor-element-9f25cd0{--content-width:100%;--min-height:33vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-255 .elementor-element.elementor-element-bdbb977{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-255 .elementor-element.elementor-element-bdbb977 .elementor-heading-title{font-size:2.6em;}.elementor-255 .elementor-element.elementor-element-1e2ad95{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;}.elementor-255 .elementor-element.elementor-element-1e2ad95 .e-filter-item{font-size:0.7em;}.elementor-255 .elementor-element.elementor-element-e030842{--grid-columns:1;--load-more-message-alignment:center;}}/* Start custom CSS for html, class: .elementor-element-9106365 */@font-face {
  font-family: 'Blauer Neu';
  src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Blauer Neu';
  src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Light.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

.marquee {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}

.marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: scroll 80s linear infinite;
}

.marquee span {
  font-family: 'Blauer Neu', sans-serif;
  font-weight: 100;
  word-spacing: -20px;
  font-size: 10em;
  color: white;
  margin: 0 40px;
  white-space: nowrap;
}

.marquee img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* =========================
   TABLET
========================= */
@media (max-width: 1024px) {
  .marquee {
    padding: 15px 0;
  }

  .marquee span {
    font-size: 6em;
    margin: 0 25px;
    word-spacing: -10px;
  }

  .marquee img {
    width: 70px;
    height: 70px;
  }

  .marquee-track {
    animation-duration: 60s;
  }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px) {
  .marquee {
    padding: 10px 0;
  }

  .marquee span {
    font-size: 3.2em;
    margin: 0 15px;
    word-spacing: -4px;
  }

  .marquee img {
    width: 45px;
    height: 45px;
  }

  .marquee-track {
    animation-duration: 40s;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad59649 */.scroll-btn {
  display: flex;
  align-items: center;
  gap: 10px;

  background: transparent;
  border: none;
  color: white;

  font-family: Blauer Neu;
  font-weight: 300; /* 100 thường không support đẹp */
  font-size: 1em;

  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* icon */
.scroll-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;

  animation: float 1.8s ease-in-out infinite;
}



/* animation mượt hơn bounce */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}

.scroll-btn:hover { background: none; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b9d0a8 */@media (max-width: 767px) {
  .tag_posion {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-971dc50 */.scroll-btn {
  display:flex;
  align-items:center;
  justify-content:center;

  margin:0 auto;

  background: transparent;
  border: none;
  color: white;

  font-family: Blauer Neu;
  font-weight: 300; /* 100 thường không support đẹp */
  font-size: 1em;

  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* icon */
.scroll-btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;

  animation: float 1.8s ease-in-out infinite;
}



/* animation mượt hơn bounce */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}

.scroll-btn:hover { background: none; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9a8fe2 */@media (max-width: 767px) {
  .tag_posion {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34f6336 */.elementor-255 .elementor-element.elementor-element-34f6336 {
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f25cd0 *//* FULL SCREEN ANIMATED BG */

.animated-bg{
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at 20% 30%, rgba(255,170,0,0.18), transparent 30%),
        radial-gradient(circle at 80% 70%, rgba(255,120,0,0.14), transparent 35%),
        radial-gradient(circle at 50% 50%, rgba(255,200,0,0.06), transparent 45%),
        #000;

    background-size: 120% 120%;

    animation: gradientMove 8s ease-in-out infinite alternate;
}

/* Đảm bảo content/form nằm trên background */
.animated-bg > *{
    position: relative;
    z-index: 2;
}

/* BIG FLOATING GLOW */
.animated-bg::before{
    content: "";

    position: absolute;
    inset: -30%;

    background:
        radial-gradient(circle, rgba(255,190,0,0.10), transparent 35%);

    filter: blur(140px);

    animation: glowFloat 10s ease-in-out infinite alternate;

    mix-blend-mode: screen;

    z-index: 0;
    pointer-events: none;
}

/* FILM GRAIN */
.animated-bg::after{
    content:"";

    position:absolute;
    inset:0;

    background-image:
        url("https://grainy-gradients.vercel.app/noise.svg");

    opacity:0.06;

    mix-blend-mode: overlay;

    animation: grainMove 0.25s steps(2) infinite;

    z-index: 0;
    pointer-events: none;
}

/* BACKGROUND MOVEMENT */
@keyframes gradientMove{

    0%{
        background-position:
            0% 0%,
            100% 100%,
            50% 50%;
    }

    50%{
        background-position:
            40% 20%,
            60% 80%,
            45% 55%;
    }

    100%{
        background-position:
            100% 0%,
            0% 100%,
            60% 40%;
    }
}

/* GLOW FLOAT */
@keyframes glowFloat{

    0%{
        transform:
            translate(-10%, -10%)
            scale(1);
    }

    100%{
        transform:
            translate(10%, 10%)
            scale(1.35);
    }
}

/* GRAIN ANIMATION */
@keyframes grainMove{
    0%{ transform:translate(0,0); }
    25%{ transform:translate(1%, -1%); }
    50%{ transform:translate(-1%, 1%); }
    75%{ transform:translate(1%, 1%); }
    100%{ transform:translate(0,0); }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Blauer Nue';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Blauer Nue';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Blauer Nue';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Blauer Nue';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Blauer Nue';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Blauer Nue';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('http://rochelletrandesign.com/wp-content/uploads/2026/05/BlauerNue-Heavy.ttf') format('truetype');
}
/* End Custom Fonts CSS */