.elementor-697 .elementor-element.elementor-element-1811f5c{--display:flex;--min-height:6vh;--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;--flex-wrap:wrap;--background-transition:1.2s;--overlay-opacity:0.09;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-697 .elementor-element.elementor-element-1811f5c:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-1811f5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, var( --e-global-color-secondary ) 20%, var( --e-global-color-b360804 ) 100%);}.elementor-697 .elementor-element.elementor-element-1811f5c::before, .elementor-697 .elementor-element.elementor-element-1811f5c > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-1811f5c > .e-con-inner > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-1811f5c > .elementor-background-slideshow::before, .elementor-697 .elementor-element.elementor-element-1811f5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-697 .elementor-element.elementor-element-1811f5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-697 .elementor-element.elementor-element-1811f5c:hover::before, .elementor-697 .elementor-element.elementor-element-1811f5c:hover > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-1811f5c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-1811f5c > .elementor-background-slideshow:hover::before, .elementor-697 .elementor-element.elementor-element-1811f5c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-697 .elementor-element.elementor-element-1811f5c:hover{--overlay-opacity:0.09;}.elementor-697 .elementor-element.elementor-element-1811f5c, .elementor-697 .elementor-element.elementor-element-1811f5c::before{--overlay-transition:0s;}.elementor-697 .elementor-element.elementor-element-1811f5c > .elementor-shape-bottom .elementor-shape-fill, .elementor-697 .elementor-element.elementor-element-1811f5c > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-b360804 );}.elementor-697 .elementor-element.elementor-element-1811f5c > .elementor-shape-bottom svg, .elementor-697 .elementor-element.elementor-element-1811f5c > .e-con-inner > .elementor-shape-bottom svg{height:155px;}.elementor-697 .elementor-element.elementor-element-ca1e6a0{width:100%;max-width:100%;text-align:center;}.elementor-697 .elementor-element.elementor-element-ca1e6a0.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-697 .elementor-element.elementor-element-ca1e6a0 .elementor-heading-title{font-size:124px;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.98);color:var( --e-global-color-primary );}.elementor-697 .elementor-element.elementor-element-25d4417{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-25d4417.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-25d4417 .elementor-wrapper{--video-aspect-ratio:2.33333;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-697 .elementor-element.elementor-element-bc807a5{width:var( --container-widget-width, 71.435% );max-width:71.435%;--container-widget-width:71.435%;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Georgia", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-secondary );}.elementor-697 .elementor-element.elementor-element-bc807a5 > .elementor-widget-container{--e-transform-translateX:0px;background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-a9fdadc ) 0%, var( --e-global-color-accent ) 100%);border-radius:50px 50px 50px 50px;}.elementor-697 .elementor-element.elementor-element-bc807a5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-59fcbb2{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--background-transition:1.2s;--overlay-opacity:0.43;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-697 .elementor-element.elementor-element-59fcbb2:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-59fcbb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, var( --e-global-color-secondary ) 71%, var( --e-global-color-b360804 ) 12%);}.elementor-697 .elementor-element.elementor-element-59fcbb2::before, .elementor-697 .elementor-element.elementor-element-59fcbb2 > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-59fcbb2 > .e-con-inner > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-59fcbb2 > .elementor-background-slideshow::before, .elementor-697 .elementor-element.elementor-element-59fcbb2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-697 .elementor-element.elementor-element-59fcbb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-697 .elementor-element.elementor-element-59fcbb2:hover::before, .elementor-697 .elementor-element.elementor-element-59fcbb2:hover > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-59fcbb2:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-697 .elementor-element.elementor-element-59fcbb2 > .elementor-background-slideshow:hover::before, .elementor-697 .elementor-element.elementor-element-59fcbb2 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-697 .elementor-element.elementor-element-59fcbb2:hover{--overlay-opacity:0;}.elementor-697 .elementor-element.elementor-element-59fcbb2, .elementor-697 .elementor-element.elementor-element-59fcbb2::before{--overlay-transition:0s;}.elementor-697 .elementor-element.elementor-element-5a504f2{width:100%;max-width:100%;text-align:center;}.elementor-697 .elementor-element.elementor-element-5a504f2.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-697 .elementor-element.elementor-element-5a504f2 .elementor-heading-title{font-size:124px;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.98);color:var( --e-global-color-primary );}.elementor-697 .elementor-element.elementor-element-94087a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-697 .elementor-element.elementor-element-94087a8:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-94087a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b360804 ) 55%, #f2295b 89%);}.elementor-697 .elementor-element.elementor-element-94087a8 > .elementor-shape-top .elementor-shape-fill, .elementor-697 .elementor-element.elementor-element-94087a8 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-secondary );}.elementor-697 .elementor-element.elementor-element-94087a8 > .elementor-shape-top svg, .elementor-697 .elementor-element.elementor-element-94087a8 > .e-con-inner > .elementor-shape-top svg{height:500px;}.elementor-697 .elementor-element.elementor-element-94087a8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__front{background-color:#000000FC;background-image:url("https://thehomieexperience.com/wp-content/uploads/2024/10/IMG_7145-scaled.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:none;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__back{background-color:#000000C4;}.elementor-697 .elementor-element.elementor-element-39ba4fd{width:var( --container-widget-width, 69% );max-width:69%;--container-widget-width:69%;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-39ba4fd > .elementor-widget-container{margin:0px 08px 10px 0px;border-radius:0px 0px 0px 0px;}.elementor-697 .elementor-element.elementor-element-39ba4fd.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#00000094;padding:0px 0px 0px 0px;text-align:center;justify-content:center;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box{height:430px;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__layer, .elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__layer__overlay{border-radius:0px;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__image img{width:5%;border-radius:76px;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__image{opacity:1;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__front .elementor-flip-box__layer__title{margin-bottom:100px;color:var( --e-global-color-b360804 );font-family:"Times New Roman", Sans-serif;font-size:27px;font-weight:900;line-height:55px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-b360804 );stroke:var( --e-global-color-b360804 );}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__front .elementor-flip-box__layer__description{color:var( --e-global-color-primary );font-weight:900;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;justify-content:base;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__button{margin-center:0;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__back .elementor-flip-box__layer__title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:var( --e-global-color-a9fdadc );stroke:var( --e-global-color-a9fdadc );}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-293d926 );font-family:"Indy Flower", Sans-serif;font-size:22px;font-weight:900;font-style:normal;text-transform:none;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-697 .elementor-element.elementor-element-0e4bae7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:9px 9px 9px 9px;--border-top-width:9px;--border-right-width:9px;--border-bottom-width:9px;--border-left-width:9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-697 .elementor-element.elementor-element-0e4bae7:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-0e4bae7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b360804 );background-image:url("https://thehomieexperience.com/wp-content/uploads/2024/10/cropped-Black-trans-face-e1728036850597.png");}.elementor-697 .elementor-element.elementor-element-947f07f{width:var( --container-widget-width, 46.59% );max-width:46.59%;--container-widget-width:46.59%;--container-widget-flex-grow:0;text-align:center;}.elementor-697 .elementor-element.elementor-element-947f07f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-697 .elementor-element.elementor-element-947f07f .elementor-heading-title{font-size:100px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:3px 3px 0px #000000;color:#0EFF00;}.elementor-697 .elementor-element.elementor-element-496e1f4 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-697 .elementor-element.elementor-element-ae88a8b{--display:flex;--min-height:0px;}.elementor-697 .elementor-element.elementor-element-ae88a8b:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-ae88a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b360804 ) 0%, #112222 5%);}.elementor-697 .elementor-element.elementor-element-ae88a8b > .elementor-shape-bottom .elementor-shape-fill, .elementor-697 .elementor-element.elementor-element-ae88a8b > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#f2295b;}.elementor-697 .elementor-element.elementor-element-ae88a8b > .elementor-shape-bottom svg, .elementor-697 .elementor-element.elementor-element-ae88a8b > .e-con-inner > .elementor-shape-bottom svg{width:calc(177% + 1.3px);height:62px;}.elementor-697 .elementor-element.elementor-element-75fb958{--display:flex;--min-height:0px;}.elementor-697 .elementor-element.elementor-element-75fb958:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-75fb958 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-b360804 ) 0%, #112222 5%);}.elementor-697 .elementor-element.elementor-element-75fb958 > .elementor-shape-bottom .elementor-shape-fill, .elementor-697 .elementor-element.elementor-element-75fb958 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#f2295b;}.elementor-697 .elementor-element.elementor-element-75fb958 > .elementor-shape-bottom svg, .elementor-697 .elementor-element.elementor-element-75fb958 > .e-con-inner > .elementor-shape-bottom svg{width:calc(177% + 1.3px);height:62px;}.elementor-697 .elementor-element.elementor-element-d4cdfd6{--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;--align-items:center;border-style:none;--border-style:none;}.elementor-697 .elementor-element.elementor-element-d4cdfd6:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-d4cdfd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #e0e0e0 55%, #f2295b 89%);}.elementor-697 .elementor-element.elementor-element-d4cdfd6 > .elementor-shape-bottom .elementor-shape-fill, .elementor-697 .elementor-element.elementor-element-d4cdfd6 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-secondary );}.elementor-697 .elementor-element.elementor-element-d4cdfd6 > .elementor-shape-bottom svg, .elementor-697 .elementor-element.elementor-element-d4cdfd6 > .e-con-inner > .elementor-shape-bottom svg{height:500px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-697 .elementor-element.elementor-element-25d4417 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-697 .elementor-element.elementor-element-bc807a5{width:var( --container-widget-width, 564px );max-width:564px;--container-widget-width:564px;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-bc807a5 > .elementor-widget-container{border-radius:29px 29px 29px 29px;}.elementor-697 .elementor-element.elementor-element-5a504f2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-697 .elementor-element.elementor-element-5a504f2 .elementor-heading-title{font-size:100px;}.elementor-697 .elementor-element.elementor-element-94087a8{--justify-content:space-around;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:wrap;}.elementor-697 .elementor-element.elementor-element-39ba4fd{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-39ba4fd > .elementor-widget-container{margin:0px 0px 0px 40px;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box{height:257px;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:14px;}.elementor-697 .elementor-element.elementor-element-947f07f .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-697 .elementor-element.elementor-element-ca1e6a0 .elementor-heading-title{font-size:50px;}.elementor-697 .elementor-element.elementor-element-25d4417{width:var( --container-widget-width, 308.797px );max-width:308.797px;--container-widget-width:308.797px;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-bc807a5{width:var( --container-widget-width, 332px );max-width:332px;--container-widget-width:332px;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-5a504f2 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-697 .elementor-element.elementor-element-5a504f2 .elementor-heading-title{font-size:50px;}.elementor-697 .elementor-element.elementor-element-94087a8{--width:323%;--gap:27px 27px;--row-gap:27px;--column-gap:27px;}.elementor-697 .elementor-element.elementor-element-39ba4fd{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-39ba4fd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box{height:25vh;}.elementor-697 .elementor-element.elementor-element-0e4bae7{--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;}.elementor-697 .elementor-element.elementor-element-0e4bae7:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-0e4bae7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:182px 167px;}.elementor-697 .elementor-element.elementor-element-947f07f{width:var( --container-widget-width, 249.391px );max-width:249.391px;--container-widget-width:249.391px;--container-widget-flex-grow:0;}.elementor-697 .elementor-element.elementor-element-947f07f > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-697 .elementor-element.elementor-element-947f07f.elementor-element{--align-self:center;}.elementor-697 .elementor-element.elementor-element-947f07f .elementor-heading-title{font-size:56px;-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-697 .elementor-element.elementor-element-496e1f4 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-697 .elementor-element.elementor-element-ae88a8b{--min-height:0px;}.elementor-697 .elementor-element.elementor-element-944adc1{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-697 .elementor-element.elementor-element-1811f5c{--width:100%;}.elementor-697 .elementor-element.elementor-element-59fcbb2{--width:100%;}.elementor-697 .elementor-element.elementor-element-94087a8{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-697 .elementor-element.elementor-element-94087a8{--width:100%;}}@media(min-width:1025px){.elementor-697 .elementor-element.elementor-element-39ba4fd .elementor-flip-box__front{background-attachment:scroll;}.elementor-697 .elementor-element.elementor-element-0e4bae7:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-0e4bae7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-944adc1 */.freelance-instruction-section-mobile {
  background: #111; /* Simple solid background for better performance on mobile */
  color: #f4f4f4;
  padding: 20px;
  font-family: 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
}

.section-intro-mobile {
  
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  color: #f4f4f4;
  margin-bottom: 20px;

}

.block-title-mobile {
  font-size: 1.5rem;
  color: #ffdd00;
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.icon-text-group-mobile {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.icon-text-item-mobile {
  padding: 15px;
  background: linear-gradient(145deg, #333, #555);
  border: 2px solid #ff0054;
  border-radius: 15px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.icon {
  font-size: 2rem;
  color: #ffdd00;
  margin-bottom: 10px;
  transform: rotate(-10deg);
}

.icon-text-item-mobile h4 {
  font-size: 1.2rem;
  color: #f4f4f4;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.icon-text-item-mobile p {
  
  font-size: 0.9rem;
  color: #ddd;

  text-align: center;
}

@media (max-width: 600px) {
  .freelance-instruction-section-mobile {
    padding: 15px;
  }

  .section-intro-mobile {
    font-size: 0.9rem;
  }

  .block-title-mobile {
    font-size: 1.3rem;
  }

  .icon {
    font-size: 1.5rem;
  }

  .icon-text-item-mobile h4 {
    font-size: 1rem;
  }

  .icon-text-item-mobile p {
    font-size: 0.8rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e723ff5 *//* Revamped Punk Rock Style for Engaging Visuals with Professional Clarity */

@import url('https://fonts.googleapis.com/css2?family=Freckle+Face&display=swap');

.freelance-instruction-section {
  background: radial-gradient(circle, #2b2b2b, #111); /* Bold, gradient background for depth */
  color: #f4f4f4;
  padding: 40px;
  font-family: 'Montserrat', sans-serif;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 3px solid #ffdd00; /* Simplified border for a cleaner look */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.section-title {
  font-size: 2.5rem;
  margin-bottom: 20px;
  text-align: center;
  color: #ff0054;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: 3px solid #ffdd00;
  padding-bottom: 8px;
  font-family: 'Freckle Face', cursive !important;
}

.section-intro {
  font-size: 1.2rem;
  line-height: 1.6; /* Adjusted for better spacing */
  margin-bottom: 20px;
  text-align: center; /* Centered the paragraph text */
  color: #ffdd00;
  padding: 20px;
  background: rgba(255, 0, 84, 0.1);
  border-left: 4px solid #ffdd00;
  border-radius: 8px;
  transition: background 0.3s ease, box-shadow 0.3s ease; /* Smoother transition */
  font-weight: 500; /* Lighter for better readability */
}

.section-intro:hover {
  background: rgba(255, 0, 84, 0.2);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4); /* Added subtle shadow on hover */
}

.content-block {
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.block-title {
  font-size: 1.8rem;
  color: #ffdd00;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  width: 100%;
  text-align: center;
}

.content-block p {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #f5f5f5;
  margin-top: 10px;
  transition: color 0.3s ease, transform 0.3s ease;
}

.content-block p:hover {
  color: #ffdd00;
  transform: translateY(-3px);
}

.icon-text-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.icon-text-item {
  flex: 1;
  min-width: 280px;
  max-width: 350px;
  padding: 20px;
  background: linear-gradient(145deg, #444, #666);
  border: 2px solid #ff0054;
  border-radius: 15px;
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.5);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.icon-text-item:hover {
  transform: scale(1.05);
  box-shadow: 12px 12px 25px rgba(0, 0, 0, 0.6);
}

.icon-text-item::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 0, 84, 0.1);
  transform: rotate(30deg);
  transition: opacity 0.3s ease;
  z-index: 0;
}

.icon-text-item:hover::before {
  opacity: 0.2;
}

.icon {
  font-size: 2.5rem;
  color: #ffdd00;
  margin-bottom: 10px;
  transform: rotate(-10deg);
  z-index: 1;
}

.icon-text-item h4 {
  font-size: 1.4rem;
  color: #f4f4f4;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
  position: relative;
}

.icon-text-item p {
  font-size: 1rem;
  line-height: 1.5;
  color: #ddd;
  z-index: 1;
  position: relative;
  font-weight: 400;
  text-align: center; /* Centered the paragraph text */
}

@media (max-width: 1024px) {
  .section-title {
    font-size: 2rem;
  }

  .content-block {
    flex-direction: column;
    align-items: center;
  }

  .block-title {
    font-size: 1.6rem;
  }

  .icon {
    font-size: 2.5rem;
  }
}

@media (max-width: 600px) {
  .section-title {
    font-size: 1.8rem;
  }

  .section-intro {
    font-size: 1rem;
    padding: 15px;
  }

  .content-block {
    flex-direction: column;
    gap: 15px;
  }

  .block-title {
    font-size: 1.4rem;
  }

  .icon-text-item {
    min-width: 90%;
    max-width: 90%;
  }

  .icon {
    font-size: 2rem;
  }

  .icon-text-item h4 {
    font-size: 1.1rem;
  }

  .icon-text-item p {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cfaa80 */body {
    font-family: 'Arial', sans-serif;
    background: #1a1a1a;
    color: #f5f5f5;
    padding: 20px;
}

.code-container {
    max-width: 800px;
    margin: auto;
    padding: 20px;
    border-radius: 15px;
    background: #262626;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

h1 {
    text-align: center;
    font-size: 2.5em;
    animation: popIn 2s ease;
}

.subtitle {
    text-align: center;
    font-size: 1.5em;
    color: #a3e4d7;
    animation: fadeIn 4s ease-in-out;
    margin-bottom: 10px;
    background: linear-gradient(to right, #a3e4d7, #76d7c4);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
    padding: 10px;
    border-radius: 8px;
    transition: color 0.3s ease, box-shadow 0.3s ease;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.subtitle:hover {
    color: #76d7c4;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.rule {
    position: relative;
    margin-bottom: 20px;
    padding: 15px;
    background: #333;
    border-radius: 10px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.rule:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5);
}

.rule h2 {
    font-size: 1.5em;
    color: #ff3366;
    animation: slideIn 1.5s ease;
    text-align: center;
}

.rule p {
    font-size: 1em;
    line-height: 1.5;
    color: #bfbfbf;
    text-align: center;
}

/* Keyframes for animations */
@keyframes popIn {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes slideIn {
    0% { transform: translateX(-100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Responsive Styling for h1 and subtitle */
@media (max-width: 1024px) {
    h1 {
        font-size: 2em !important;
    }
    .subtitle {
        font-size: 1.3em !important;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 1.8em !important;
    }
    .subtitle {
        font-size: 1.2em !important;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 1.5em !important;
    }
    .subtitle {
        font-size: 1em !important;
        padding: 5px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Indy Flower';
	font-display: auto;
	src: url('https://thehomieexperience.com/wp-content/uploads/2024/10/IndieFlower-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */