.elementor-10049 .elementor-element.elementor-element-bcb23a9{--display:flex;--min-height:866px;--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;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10049 .elementor-element.elementor-element-bcb23a9:not(.elementor-motion-effects-element-type-background), .elementor-10049 .elementor-element.elementor-element-bcb23a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://digitaldropouts.net/wp-content/uploads/2026/05/Untitled-design.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10049 .elementor-element.elementor-element-bcb23a9::before, .elementor-10049 .elementor-element.elementor-element-bcb23a9 > .elementor-background-video-container::before, .elementor-10049 .elementor-element.elementor-element-bcb23a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-10049 .elementor-element.elementor-element-bcb23a9 > .elementor-background-slideshow::before, .elementor-10049 .elementor-element.elementor-element-bcb23a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10049 .elementor-element.elementor-element-bcb23a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10049 .elementor-element.elementor-element-86c8452{--display:flex;--min-height:722px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-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-10049 .elementor-element.elementor-element-c7151fc > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-10049 .elementor-element.elementor-element-c7151fc{text-align:center;font-family:"Cooper", Sans-serif;font-size:48px;font-weight:400;color:#FFFFFF;}.elementor-10049 .elementor-element.elementor-element-c7151fc p{margin-block-end:0px;}.elementor-10049 .elementor-element.elementor-element-3424bc2{width:100%;max-width:100%;}.elementor-10049 .elementor-element.elementor-element-266fe00{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .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-10049 .elementor-element.elementor-element-05e7c1c .elementor-button-content-wrapper{flex-direction:row;}.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button{font-family:"Baby Boston", Sans-serif;font-weight:800;}.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button-content-wrapper{flex-direction:row;}.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button{font-family:"Baby Boston", Sans-serif;font-weight:800;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10049 .elementor-element.elementor-element-266fe00{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-10049 .elementor-element.elementor-element-bcb23a9{--content-width:1600px;}}@media(min-width:1025px){.elementor-10049 .elementor-element.elementor-element-bcb23a9:not(.elementor-motion-effects-element-type-background), .elementor-10049 .elementor-element.elementor-element-bcb23a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-10049 .elementor-element.elementor-element-266fe00{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-c7151fc *//* =========================================
   MAIN HEADING
========================================= */

.elementor-10049 .elementor-element.elementor-element-c7151fc .elementor-heading-title{

    font-size: 82px;
    font-weight: 800;
    font-family: Arial, sans-serif;

    color: #ffffff;

    line-height: 1.1;
    letter-spacing: -2px;

    text-shadow:
        0 0 4px rgba(0,0,0,0.95),
        0 0 10px rgba(0,0,0,0.85),
        0 4px 18px rgba(0,0,0,1),
        0 0 28px rgba(0,255,120,0.15);

    animation: bbGlow 3s ease-in-out infinite;
}

/* =========================================
   BREAKING BAD WORD WRAPPER
========================================= */

.elementor-10049 .elementor-element.elementor-element-c7151fc .bb-word{

    display:inline-flex;

    align-items:flex-end;

    gap:6px;

    margin:0 10px;
}

/* =========================================
   PERIODIC TABLE BOXES
========================================= */

.elementor-10049 .elementor-element.elementor-element-c7151fc .bb-box{

    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;

    min-width:72px;
    height:82px;

    padding-top:12px;

    background:
        linear-gradient(
            180deg,
            rgba(35,155,110,0.95) 0%,
            rgba(12,78,55,0.96) 100%
        );

    border:2px solid rgba(255,255,255,0.85);

    color:#ffffff;

    font-size:42px;
    font-weight:800;

    box-shadow:
        0 0 20px rgba(0,255,120,0.25),
        0 12px 35px rgba(0,0,0,0.65);

    overflow:hidden;

    backdrop-filter:blur(3px);
}

/* =========================================
   SMALL ATOMIC NUMBER
========================================= */

.elementor-10049 .elementor-element.elementor-element-c7151fc .bb-number{

    position:absolute;

    top:6px;
    right:8px;

    font-size:13px;
    font-weight:700;

    color:rgba(255,255,255,0.95);
}

/* =========================================
   GLASS SHINE
========================================= */

.elementor-10049 .elementor-element.elementor-element-c7151fc .bb-box::before{

    content:"";

    position:absolute;

    top:-40%;
    left:-10%;

    width:50%;
    height:220%;

    background:rgba(255,255,255,0.08);

    transform:rotate(25deg);

    filter:blur(8px);

    pointer-events:none;
}

/* =========================================
   GLOW EFFECT
========================================= */

@keyframes bbGlow{

    0%{
        text-shadow:
            0 0 4px rgba(0,0,0,0.95),
            0 0 10px rgba(0,0,0,0.85),
            0 4px 18px rgba(0,0,0,1),
            0 0 18px rgba(0,255,120,0.08);
    }

    50%{
        text-shadow:
            0 0 6px rgba(255,255,255,0.15),
            0 0 14px rgba(0,0,0,0.95),
            0 5px 25px rgba(0,0,0,1),
            0 0 32px rgba(0,255,120,0.22);
    }

    100%{
        text-shadow:
            0 0 4px rgba(0,0,0,0.95),
            0 0 10px rgba(0,0,0,0.85),
            0 4px 18px rgba(0,0,0,1),
            0 0 18px rgba(0,255,120,0.08);
    }
}

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

@media(max-width:767px){

    .elementor-10049 .elementor-element.elementor-element-c7151fc .elementor-heading-title{

        font-size:42px;

        line-height:1.2;

        letter-spacing:-1px;
    }

    .elementor-10049 .elementor-element.elementor-element-c7151fc .bb-word{

        gap:3px;
    }

    .elementor-10049 .elementor-element.elementor-element-c7151fc .bb-box{

        min-width:42px;
        height:50px;

        font-size:24px;

        border-width:1.5px;
    }

    .elementor-10049 .elementor-element.elementor-element-c7151fc .bb-number{

        font-size:8px;

        top:3px;
        right:4px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-05e7c1c *//* =========================
BREAKING BAD BUTTON
AMBER + TOXIC GREEN MIX
========================= */

.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button{

  position:relative;

  background:
    linear-gradient(
      180deg,
      #2a1d08,
      #120b03
    ) !important;

  color:#ffcc66 !important;

  border:1px solid rgba(255,196,92,0.35) !important;

  border-radius:14px;

  padding:18px 42px;

  font-size:16px;

  font-weight:600;

  letter-spacing:2px;

  text-transform:uppercase;

  overflow:hidden;

  transition:all .35s ease;

  box-shadow:
    0 0 10px rgba(255,187,70,0.12),
    0 0 30px rgba(255,187,70,0.06),
    inset 0 0 12px rgba(255,196,92,0.04);
}

/* =========================
TOP GLOW LINE
========================= */

.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button::before{

  content:"";

  position:absolute;

  top:0;
  left:-100%;

  width:100%;
  height:2px;

  background:#ffc95e;

  box-shadow:
    0 0 12px #ffc95e;

  transition:all .45s ease;
}

/* =========================
SCANLINE EFFECT
========================= */

.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button::after{

  content:"";

  position:absolute;

  inset:0;

  background-image:
    linear-gradient(
      rgba(255,255,255,0.03) 1px,
      transparent 1px
    );

  background-size:100% 3px;

  opacity:.14;

  pointer-events:none;
}

/* =========================
HOVER
========================= */

.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button:hover{

  transform:translateY(-2px);

  background:
    linear-gradient(
      180deg,
      #3b2a0d,
      #181003
    ) !important;

  color:#fff1c7 !important;

  border-color:#ffe08a !important;

  box-shadow:
    0 0 18px rgba(255,196,92,0.25),
    0 0 45px rgba(255,196,92,0.12),
    inset 0 0 16px rgba(255,196,92,0.06);
}

.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button:hover::before{

  left:0;
}

/* =========================
BUTTON TEXT
========================= */

.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button-text{

  position:relative;
  z-index:2;
}

/* =========================
ACTIVE CLICK EFFECT
========================= */

.elementor-10049 .elementor-element.elementor-element-05e7c1c .elementor-button:active{

  transform:scale(.98);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4814d3f *//* =========================
BREAKING BAD BUTTON
AMBER + TOXIC GREEN MIX
========================= */

.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button{

  position:relative;

  background:
    linear-gradient(
      180deg,
      #2a1d08,
      #120b03
    ) !important;

  color:#ffcc66 !important;

  border:1px solid rgba(255,196,92,0.35) !important;

  border-radius:14px;

  padding:18px 42px;

  font-size:16px;

  font-weight:600;

  letter-spacing:2px;

  text-transform:uppercase;

  overflow:hidden;

  transition:all .35s ease;

  box-shadow:
    0 0 10px rgba(255,187,70,0.12),
    0 0 30px rgba(255,187,70,0.06),
    inset 0 0 12px rgba(255,196,92,0.04);
}

/* =========================
TOP GLOW LINE
========================= */

.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button::before{

  content:"";

  position:absolute;

  top:0;
  left:-100%;

  width:100%;
  height:2px;

  background:#ffc95e;

  box-shadow:
    0 0 12px #ffc95e;

  transition:all .45s ease;
}

/* =========================
SCANLINE EFFECT
========================= */

.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button::after{

  content:"";

  position:absolute;

  inset:0;

  background-image:
    linear-gradient(
      rgba(255,255,255,0.03) 1px,
      transparent 1px
    );

  background-size:100% 3px;

  opacity:.14;

  pointer-events:none;
}

/* =========================
HOVER
========================= */

.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button:hover{

  transform:translateY(-2px);

  background:
    linear-gradient(
      180deg,
      #3b2a0d,
      #181003
    ) !important;

  color:#fff1c7 !important;

  border-color:#ffe08a !important;

  box-shadow:
    0 0 18px rgba(255,196,92,0.25),
    0 0 45px rgba(255,196,92,0.12),
    inset 0 0 16px rgba(255,196,92,0.06);
}

.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button:hover::before{

  left:0;
}

/* =========================
BUTTON TEXT
========================= */

.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button-text{

  position:relative;
  z-index:2;
}

/* =========================
ACTIVE CLICK EFFECT
========================= */

.elementor-10049 .elementor-element.elementor-element-4814d3f .elementor-button:active{

  transform:scale(.98);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cooper';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://digitaldropouts.net/wp-content/uploads/2026/05/Cooper-SemiBoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Baby Boston';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://digitaldropouts.net/wp-content/uploads/2024/01/babyboston-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */