.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4410 .elementor-element.elementor-element-3212e5d{--display:flex;--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-4410 .elementor-element.elementor-element-6bfb9f6{--display:flex;--min-height:70vh;--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:flex-start;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:80px;--padding-left:100px;--padding-right:100px;}.elementor-4410 .elementor-element.elementor-element-6bfb9f6::before, .elementor-4410 .elementor-element.elementor-element-6bfb9f6 > .elementor-background-video-container::before, .elementor-4410 .elementor-element.elementor-element-6bfb9f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-4410 .elementor-element.elementor-element-6bfb9f6 > .elementor-background-slideshow::before, .elementor-4410 .elementor-element.elementor-element-6bfb9f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4410 .elementor-element.elementor-element-6bfb9f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4410 .elementor-element.elementor-element-6bfb9f6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4410 .elementor-element.elementor-element-0d22f0b{--display:flex;--min-height:343px;--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:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-4410 .elementor-element.elementor-element-0d22f0b:not(.elementor-motion-effects-element-type-background), .elementor-4410 .elementor-element.elementor-element-0d22f0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1616;}.elementor-4410 .elementor-element.elementor-element-b7bd6de{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-4410 .elementor-element.elementor-element-b7bd6de.e-con{--flex-grow:0;--flex-shrink:0;}.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 );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4410 .elementor-element.elementor-element-13127d5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:63px;font-weight:600;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4410 .elementor-element.elementor-element-dca091e img{width:80%;}.elementor-4410 .elementor-element.elementor-element-778714d{--display:flex;}.elementor-4410 .elementor-element.elementor-element-bb1f9df{--display:flex;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(min-width:768px){.elementor-4410 .elementor-element.elementor-element-6bfb9f6{--width:100%;}.elementor-4410 .elementor-element.elementor-element-b7bd6de{--width:31.157%;}}/* Start custom CSS for container, class: .elementor-element-0d22f0b *//* =========================
LIVE FONT TESTER V7
========================= */

.elementor-4410 .elementor-element.elementor-element-0d22f0b{

background:
linear-gradient(
180deg,
#080808,
#101010
);

padding:22px;

border-radius:34px;

overflow:hidden;

}

/* GRID */

.elementor-4410 .elementor-element.elementor-element-0d22f0b .type-tester,
.elementor-4410 .elementor-element.elementor-element-0d22f0b .TYPE-TESTER{

display:grid;

grid-template-columns:

390px
1fr;

gap:34px;

align-items:center;

min-height:620px;

}

/* =========================
LEFT
========================= */

.hero-left{

display:flex;

flex-direction:column;

padding:

18px
20px
0;

overflow:hidden;

position:relative;

}

/* APP TITLE */

.headline{

font-size:22px!important;

line-height:1!important;

font-weight:600!important;

letter-spacing:-.3px;

margin:0!important;

color:#fff!important;

position:absolute;

left:20px;

top:18px;

z-index:10;

}

/* HIDE SUBLINE */

.subline{

display:none!important;

}

/* LOGO */

.logoimage{

margin-top:auto;

margin-bottom:-20px;

margin-left:-30px;

}

.logoimage img{

width:520px!important;

max-width:none!important;

display:block;

}

/* =========================
RIGHT
========================= */

.hero-right{

display:flex;

height:100%;

}

.tester-card{

width:100%;

min-height:540px;

background:

linear-gradient(
90deg,
#242424,
#2c2c2c
);

border-radius:34px;

position:relative;

overflow:hidden;

padding:34px;

}

/* HIDE OLD */

.tester-top,
.tester-btn,
.tester-toolbar,
.tester-toolbar-wrap{

display:none!important;

}

/* =========================
PREVIEW FIX
========================= */

.tester-preview{

position:absolute;

left:50%;

top:50%;

transform:

translate(
-50%,
-50%
);

width:88%;

height:80%;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

font-size:84px;

line-height:1.08;

color:#fff;

padding:20px;

overflow-wrap:break-word;

word-break:break-word;

white-space:normal;

overflow:auto;

/* FIX OUTSIDE */

max-width:88%;

max-height:80%;

box-sizing:border-box;

}

/* PLACEHOLDER */

.tester-preview:empty:before{

content:"Type your text here";

opacity:.72;

}

/* AUTO SHRINK LONG TEXT */

.tester-preview.long{

font-size:64px;

}

.tester-preview.xlong{

font-size:46px;

}

/* MOBILE */

@media(
max-width:1024px
){

.elementor-4410 .elementor-element.elementor-element-0d22f0b .TYPE-TESTER,
.elementor-4410 .elementor-element.elementor-element-0d22f0b .type-tester{

grid-template-columns:1fr;

}

.logoimage img{

width:100%!important;

max-width:420px!important;

}

.tester-card{

min-height:360px;

}

.tester-preview{

font-size:52px;

width:92%;

height:85%;

}

}/* End custom CSS */