.elementor-72 .elementor-element.elementor-element-3656227d{--display:flex;--min-height:587px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:350px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-3656227d:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-3656227d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-72 .elementor-element.elementor-element-8d436e3{--display:flex;--min-height:408px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-72 .elementor-element.elementor-element-8d436e3:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-8d436e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-72 .elementor-element.elementor-element-362fa46{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-362fa46:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-362fa46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-72 .elementor-element.elementor-element-3ebacae8{--display:flex;--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-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-72 .elementor-element.elementor-element-135f198e{text-align:center;}.elementor-72 .elementor-element.elementor-element-135f198e .elementor-heading-title{font-family:"Ruluko", Sans-serif;font-size:19px;font-weight:600;}.elementor-72 .elementor-element.elementor-element-1b7a9a45{text-align:center;}.elementor-72 .elementor-element.elementor-element-1b7a9a45 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:35px;font-weight:600;letter-spacing:1.1px;color:#FFFFFF;}.elementor-72 .elementor-element.elementor-element-2ae37d00{--display:flex;--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-41d729a4 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-41d729a4{text-align:center;font-family:"Akatab", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-72 .elementor-element.elementor-element-69886537 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-72 .elementor-element.elementor-element-69886537{text-align:center;font-family:"Ruluko", Sans-serif;font-size:15px;font-weight:600;color:#DDDCDC;}.elementor-72 .elementor-element.elementor-element-5629ece3 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-72 .elementor-element.elementor-element-5629ece3{text-align:center;font-family:"Ruluko", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}@media(min-width:768px){.elementor-72 .elementor-element.elementor-element-2ae37d00{--content-width:766px;}}/* Start custom CSS for html, class: .elementor-element-22e22106 *//* Import the Bai Jamjuree font */
@import url('https://fonts.bunny.net/css?family=bai-jamjuree:300,600,700');

.layered-text {
  --bg-clr: black;
  --txt-clr: white;
  --txt-cta: rgb(2, 132, 199);

  background-color: var(--bg-clr);
  color: var(--txt-clr);
  font-family: "Bai Jamjuree", sans-serif;
  padding: 2rem;
  display: grid;
  place-content: center;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 650px;
}

.layered-text p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 0.75;
  margin: 0;
}

.layered-text p:first-child {
  text-indent: 35px;
  margin-bottom: -1px;
}

.layered-text p.shadow {
  text-transform: uppercase;
  font-size: 9rem;
  position: relative;
  perspective: 100px;
  font-weight: 800;
  color: var(--txt-cta);
  line-height: 1;
}

.layered-text p.shadow::before {
  content: "PERSPECTIVE";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  scale: 1.1 -1;
  opacity: 0.25;
  color: white;
  z-index: -1;
  transform: rotateX(-40deg) scaleX(1.23);
}

.layered-text p.shadow::after {
  content: "";
  position: absolute;
  top: 100%;
  left: -50%;
  width: 200%;
  height: 150%;
  background: linear-gradient(to bottom, transparent, var(--bg-clr) 85%);
}

/* Optional: Make it responsive for mobile */
@media (max-width: 768px) {
  .layered-text p.shadow {
    font-size: 3rem;
  }
}/* End custom CSS */