.elementor-kit-8{--e-global-color-primary:#003366;--e-global-color-secondary:#ED8B00;--e-global-color-text:#898989;--e-global-color-accent:#252525;--e-global-color-c01:#01477F;--e-global-color-c02:#043742;--e-global-color-c03:#80A3BF;--e-global-color-c04:#FFF3DF;--e-global-color-c05:#F2AE2A;--e-global-color-c06:#FFFFFF;--e-global-color-c07:#F5F7FA;--e-global-color-c08:#000000;--e-global-color-c09:#777777;--e-global-color-c10:#F1F1F1;--e-global-color-c11:#DFDFDF;--e-global-color-c12:#EEEFF0;--e-global-color-c13:#5C5C5C;--e-global-color-c14:#2A2A2A;--e-global-color-c15:#0C0C0C;--e-global-color-c16:#E4E4E4;--e-global-color-c17:#FCFCFC;--e-global-color-c18:#F5F5F5;--e-global-color-c19:#434343;--e-global-color-c20:#D9D9D9;--e-global-color-c21:#ADADAD;--e-global-color-c22:#242424;--e-global-color-c23:#48474B;--e-global-color-c24:#F6F6F6;--e-global-color-c25:#9E958C;--e-global-color-c26:#8E8D8D;--e-global-color-c27:#FEFEFE;--e-global-color-c28:#8F8F8F;--e-global-color-c29:#DDDDDD;--e-global-color-c30:#323232;--e-global-color-c31:#2C2034;--e-global-color-c32:#232323;--e-global-color-c33:#30C3F4;--e-global-color-c34:#676CB8;--e-global-color-c35:#3695CC;--e-global-color-c36:#D6D7DA;--e-global-color-c37:#E0E4EB;--e-global-color-c38:#CCCCCC2E;--e-global-color-c39:#DDDDDD54;--e-global-color-c40:#0000001A;--e-global-color-c41:#0000001F;--e-global-color-c42:#00000033;--e-global-color-c43:#00000080;--e-global-color-c44:#0000008C;--e-global-color-c45:#07070766;--e-global-color-4effaa3:#252525;--e-global-color-5bc6094:#02010100;--e-global-color-2cbce03:#013366;--e-global-color-266f6b7:#333333;--e-global-color-9b17896:#00000066;--e-global-color-93a6520:#F6F7F9;--e-global-color-8c019e3:#337AB7;--e-global-color-649e402:#23527C;--e-global-color-eec4b89:#8F8F8F;--e-global-color-3a81a72:#898989;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0.3px;--e-global-typography-t01-font-family:"Montserrat";--e-global-typography-t01-font-size:24px;--e-global-typography-t01-font-weight:600;--e-global-typography-t01-line-height:1.1em;--e-global-typography-t02-font-family:"Montserrat";--e-global-typography-t02-font-size:18px;--e-global-typography-t02-font-weight:600;--e-global-typography-t02-line-height:1.5em;--e-global-typography-t03-font-family:"Montserrat";--e-global-typography-t03-font-size:16px;--e-global-typography-t03-font-weight:600;--e-global-typography-t03-line-height:1.38em;--e-global-typography-t04-font-family:"Montserrat";--e-global-typography-t04-font-size:15px;--e-global-typography-t04-font-weight:600;--e-global-typography-t04-line-height:1.33em;--e-global-typography-t05-font-family:"Montserrat";--e-global-typography-t05-font-size:14px;--e-global-typography-t05-font-weight:600;--e-global-typography-t05-text-transform:uppercase;--e-global-typography-t05-line-height:1.2em;--e-global-typography-t05-letter-spacing:0.3px;--e-global-typography-t06-font-family:"Montserrat";--e-global-typography-t06-font-size:12px;--e-global-typography-t06-font-weight:600;--e-global-typography-t06-line-height:1.2em;--e-global-typography-t07-font-family:"Lato";--e-global-typography-t07-font-size:18px;--e-global-typography-t07-font-weight:400;--e-global-typography-t07-line-height:1.39em;--e-global-typography-7951607-font-family:"Lato";--e-global-typography-7951607-font-size:18px;--e-global-typography-7951607-font-weight:600;--e-global-typography-7951607-line-height:1.2em;--e-global-typography-t08-font-family:"Lato";--e-global-typography-t08-font-size:17px;--e-global-typography-t08-font-weight:400;--e-global-typography-t08-line-height:2.12em;--e-global-typography-t09-font-family:"Lato";--e-global-typography-t09-font-size:14px;--e-global-typography-t09-font-weight:400;--e-global-typography-t09-line-height:1.79em;--e-global-typography-7f913c9-font-family:"Lato";--e-global-typography-7f913c9-font-size:15px;--e-global-typography-7f913c9-font-weight:400;--e-global-typography-7f913c9-line-height:1.4em;--e-global-typography-22f6db5-font-family:"Lato";--e-global-typography-22f6db5-font-size:16px;--e-global-typography-22f6db5-font-weight:400;--e-global-typography-22f6db5-line-height:1.3em;--e-global-typography-0fdb9dc-font-family:"Lato";--e-global-typography-0fdb9dc-font-size:26px;--e-global-typography-0fdb9dc-font-weight:400;--e-global-typography-0fdb9dc-line-height:1.3em;--e-global-typography-t10-font-family:"Work Sans";--e-global-typography-t10-font-size:50px;--e-global-typography-t10-font-weight:600;--e-global-typography-t10-line-height:1.2em;--e-global-typography-t11-font-family:"Work Sans";--e-global-typography-t11-font-size:30px;--e-global-typography-t11-font-weight:600;--e-global-typography-t11-line-height:1.07em;--e-global-typography-t12-font-family:"Work Sans";--e-global-typography-t12-font-size:28px;--e-global-typography-t12-font-weight:600;--e-global-typography-t12-line-height:1.29em;--e-global-typography-t13-font-family:"Work Sans";--e-global-typography-t13-font-size:26px;--e-global-typography-t13-font-weight:600;--e-global-typography-t13-line-height:1.31em;--e-global-typography-t14-font-family:"Work Sans";--e-global-typography-t14-font-size:25px;--e-global-typography-t14-font-weight:600;--e-global-typography-t14-line-height:1.2em;--e-global-typography-17d0fca-font-family:"Helvetica Neue";--e-global-typography-17d0fca-font-size:24px;--e-global-typography-17d0fca-font-weight:500;--e-global-typography-17d0fca-line-height:1.2em;--e-global-typography-dd37475-font-family:"Helvetica Neue";--e-global-typography-dd37475-font-size:14px;--e-global-typography-dd37475-font-weight:500;--e-global-typography-dd37475-line-height:1.4em;--e-global-typography-b509566-font-family:"Helvetica Neue";--e-global-typography-b509566-font-size:12px;--e-global-typography-b509566-font-weight:400;--e-global-typography-b509566-line-height:1.4em;--e-global-typography-3193169-font-family:"Montserrat";--e-global-typography-3193169-font-size:13px;--e-global-typography-3193169-font-weight:500;--e-global-typography-3193169-line-height:1.3em;--e-global-typography-8e87a80-font-family:"Montserrat";--e-global-typography-8e87a80-font-size:16px;--e-global-typography-8e87a80-font-weight:500;--e-global-typography-8e87a80-line-height:1.2em;--e-global-typography-8e87a80-letter-spacing:0.3px;--e-global-typography-6aac1ae-font-family:"Montserrat";--e-global-typography-6aac1ae-font-size:20px;--e-global-typography-6aac1ae-font-weight:500;--e-global-typography-6aac1ae-line-height:1.1em;--e-global-typography-ee838c5-font-family:"Montserrat";--e-global-typography-ee838c5-font-size:30px;--e-global-typography-ee838c5-font-weight:700;--e-global-typography-ee838c5-line-height:1.4em;--e-global-typography-e4b804f-font-family:"Montserrat";--e-global-typography-e4b804f-font-size:20px;--e-global-typography-e4b804f-font-weight:600;--e-global-typography-e4b804f-line-height:1.2em;--e-global-typography-b356300-font-family:"Helvetica Neue";--e-global-typography-b356300-font-size:18px;--e-global-typography-b356300-font-weight:500;--e-global-typography-b356300-line-height:1.1em;--e-global-typography-ddb5d39-font-family:"Montserrat";--e-global-typography-ddb5d39-font-size:18px;--e-global-typography-ddb5d39-font-weight:500;--e-global-typography-ddb5d39-text-transform:capitalize;--e-global-typography-ddb5d39-line-height:1.38em;--e-global-typography-ddb5d39-letter-spacing:0.88px;--e-global-typography-ef31eaa-font-family:"Lato";--e-global-typography-ef31eaa-font-size:15px;--e-global-typography-ef31eaa-font-weight:500;--e-global-typography-ef31eaa-line-height:1.6em;--e-global-typography-6fa9099-font-family:"Montserrat";--e-global-typography-6fa9099-font-size:24px;--e-global-typography-6fa9099-font-weight:500;--e-global-typography-6fa9099-line-height:1.1em;--e-global-typography-7061756-font-family:"Lato";--e-global-typography-7061756-font-size:18px;--e-global-typography-7061756-font-weight:500;--e-global-typography-7061756-line-height:1.1em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );color:var( --e-global-color-c06 );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-8 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-8 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-t01-font-family ), Sans-serif;font-size:var( --e-global-typography-t01-font-size );font-weight:var( --e-global-typography-t01-font-weight );line-height:var( --e-global-typography-t01-line-height );letter-spacing:var( --e-global-typography-t01-letter-spacing );word-spacing:var( --e-global-typography-t01-word-spacing );}.elementor-kit-8 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-t02-font-family ), Sans-serif;font-size:var( --e-global-typography-t02-font-size );font-weight:var( --e-global-typography-t02-font-weight );line-height:var( --e-global-typography-t02-line-height );letter-spacing:var( --e-global-typography-t02-letter-spacing );word-spacing:var( --e-global-typography-t02-word-spacing );}.elementor-kit-8 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-t05-font-family ), Sans-serif;font-size:var( --e-global-typography-t05-font-size );font-weight:var( --e-global-typography-t05-font-weight );text-transform:var( --e-global-typography-t05-text-transform );line-height:var( --e-global-typography-t05-line-height );letter-spacing:var( --e-global-typography-t05-letter-spacing );word-spacing:var( --e-global-typography-t05-word-spacing );}.elementor-kit-8 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-t06-font-family ), Sans-serif;font-size:var( --e-global-typography-t06-font-size );font-weight:var( --e-global-typography-t06-font-weight );line-height:var( --e-global-typography-t06-line-height );letter-spacing:var( --e-global-typography-t06-letter-spacing );word-spacing:var( --e-global-typography-t06-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-primary-font-size:31px;--e-global-typography-secondary-font-size:26px;--e-global-typography-t01-font-size:21px;--e-global-typography-7951607-font-size:16px;--e-global-typography-22f6db5-font-size:15px;--e-global-typography-0fdb9dc-font-size:22px;--e-global-typography-t10-font-size:43px;--e-global-typography-t11-font-size:26px;--e-global-typography-t12-font-size:24px;--e-global-typography-t13-font-size:22px;--e-global-typography-t14-font-size:22px;--e-global-typography-17d0fca-font-size:22px;--e-global-typography-dd37475-font-size:14px;--e-global-typography-b509566-font-size:12px;--e-global-typography-b509566-line-height:1.4em;--e-global-typography-8e87a80-font-size:15px;--e-global-typography-6aac1ae-font-size:18px;--e-global-typography-ee838c5-font-size:26px;--e-global-typography-ee838c5-line-height:1.3em;--e-global-typography-e4b804f-font-size:18px;--e-global-typography-b356300-font-size:17px;--e-global-typography-ddb5d39-font-size:17px;--e-global-typography-ef31eaa-font-size:14px;--e-global-typography-ef31eaa-line-height:1.5em;--e-global-typography-6fa9099-font-size:21px;--e-global-typography-7061756-font-size:17px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-t01-font-size );line-height:var( --e-global-typography-t01-line-height );letter-spacing:var( --e-global-typography-t01-letter-spacing );word-spacing:var( --e-global-typography-t01-word-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-t02-font-size );line-height:var( --e-global-typography-t02-line-height );letter-spacing:var( --e-global-typography-t02-letter-spacing );word-spacing:var( --e-global-typography-t02-word-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-t05-font-size );line-height:var( --e-global-typography-t05-line-height );letter-spacing:var( --e-global-typography-t05-letter-spacing );word-spacing:var( --e-global-typography-t05-word-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-t06-font-size );line-height:var( --e-global-typography-t06-line-height );letter-spacing:var( --e-global-typography-t06-letter-spacing );word-spacing:var( --e-global-typography-t06-word-spacing );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:26px;--e-global-typography-secondary-font-size:22px;--e-global-typography-t01-font-size:19px;--e-global-typography-7f913c9-font-size:14px;--e-global-typography-7f913c9-line-height:1.34em;--e-global-typography-22f6db5-font-size:15px;--e-global-typography-0fdb9dc-font-size:19px;--e-global-typography-t10-font-size:36px;--e-global-typography-t11-font-size:22px;--e-global-typography-t12-font-size:20px;--e-global-typography-t13-font-size:19px;--e-global-typography-t14-font-size:19px;--e-global-typography-b509566-font-size:12px;--e-global-typography-3193169-font-size:13px;--e-global-typography-3193169-line-height:1.3em;--e-global-typography-6aac1ae-font-size:17px;--e-global-typography-ee838c5-font-size:22px;--e-global-typography-ee838c5-line-height:1.3em;--e-global-typography-b356300-font-size:16px;--e-global-typography-ddb5d39-font-size:16px;--e-global-typography-6fa9099-font-size:19px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-t01-font-size );line-height:var( --e-global-typography-t01-line-height );letter-spacing:var( --e-global-typography-t01-letter-spacing );word-spacing:var( --e-global-typography-t01-word-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-t02-font-size );line-height:var( --e-global-typography-t02-line-height );letter-spacing:var( --e-global-typography-t02-letter-spacing );word-spacing:var( --e-global-typography-t02-word-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-t05-font-size );line-height:var( --e-global-typography-t05-line-height );letter-spacing:var( --e-global-typography-t05-letter-spacing );word-spacing:var( --e-global-typography-t05-word-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-t06-font-size );line-height:var( --e-global-typography-t06-line-height );letter-spacing:var( --e-global-typography-t06-letter-spacing );word-spacing:var( --e-global-typography-t06-word-spacing );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-widget-text-editor p:last-child {
margin: 0 !important;
}
a{
color:inherit;
}
h1, h2, h3, h4, h5, h6{
margin: unset;
}
:focus-visible {
outline: unset !important;
}
a:focus {
outline: none !important;
}
:focus {
outline: none!important;
}
p:last-child {
margin-bottom: 0 !important;
}
body{
overflow-x: clip!important;
}
.e-con-inner{
position: relative !important;
}
.elementor-widget-text-editor ul, .elementor-location-single ul, .elementor-widget-text-editor ol, .elementor-location-single ol{
padding-left: 20px;
margin-bottom: 20px;
}
.gchoice{
cursor: pointer !important;
}
/*Global BG*/
.bg-dots{
opacity: 0.03;
}
/*Button hover*/
.elementor-button:hover svg path {
fill: #000 !important;
stroke: #000 !important;
}
.icon-swap-btn {
position: relative;
overflow: hidden;
}
.icon-swap-btn .elementor-button-content-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
/*Global Elementor's default colors overrides*/
a {
background-color: transparent;
color: var(--e-global-color-accent);
text-decoration: none;
}
[type=button],
[type=submit],
button {
background-color: transparent;
border: 1px solid var(--e-global-color-accent);
border-radius: 3px;
color: var(--e-global-color-accent);
display: inline-block;
font-size: 1rem;
font-weight: 400;
padding: .5rem 1rem;
text-align: center;
transition: all .3s;
user-select: none;
white-space: nowrap;
}
[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
background-color: var(--e-global-color-accent);
color: #fff;
text-decoration: none;
}
/*form spellbook*/
.iti__dropdown-content{
color: #000 !important;
}
/* Override Elementor Lightbox */
/* Global Elementor video/image lightbox only */
.dialog-widget.elementor-lightbox {
background: rgba(0, 0, 0, 0.4) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/* Lightbox content wrapper */
.dialog-widget.elementor-lightbox .dialog-lightbox-widget-content {
align-items: center !important;
justify-content: center !important;
padding: 0 140px !important;
max-width: none !important;
}
/* Lightbox close button */
.dialog-widget.elementor-lightbox .dialog-lightbox-close-button {
position: absolute !important;
top: 40px !important;
right: 40px !important;
width: 44px !important;
height: 44px !important;
background: var(--e-global-color-accent) !important;
border-radius: 0 !important;
padding: 5px 10px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s ease !important;
z-index: 10001 !important;
}
/* Close button icon */
.dialog-widget.elementor-lightbox .dialog-lightbox-close-button svg {
width: 14px !important;
height: 14px !important;
fill: #fff !important;
}
/* Lightbox stage */
.dialog-widget.elementor-lightbox .dialog-lightbox-message {
background: transparent !important;
border-radius: 20px !important;
overflow: visible !important;
box-shadow: none !important;
max-width: 1000px !important;
width: auto !important;
margin: 0 auto !important;
animation: none !important;
padding: 0 !important;
}
/* Video container */
.dialog-widget.elementor-lightbox .elementor-video-container {
margin: 0 !important;
border-radius: 20px !important;
overflow: hidden !important;
max-width: 1000px !important;
background: transparent !important;
}
/* Video wrapper */
.dialog-widget.elementor-lightbox .elementor-video-wrapper {
border-radius: 20px !important;
overflow: hidden !important;
max-width: 1000px !important;
background: #000 !important;
}
/* Video iframe */
.dialog-widget.elementor-lightbox .elementor-video-wrapper iframe {
border-radius: 20px !important;
display: block !important;
width: 100% !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
}
/* Landscape video fix */
.dialog-widget.elementor-lightbox .elementor-video-container .elementor-video-landscape {
width: 100% !important;
}
/* Disable page scroll when lightbox is open */
html:has(.dialog-widget.elementor-lightbox:not([style*="display: none"])),
body:has(.dialog-widget.elementor-lightbox:not([style*="display: none"])) {
overflow: hidden !important;
}
/* Tablet styles */
@media (max-width: 768px) {
.dialog-widget.elementor-lightbox .dialog-lightbox-widget-content {
padding: 0 60px !important;
}
.dialog-widget.elementor-lightbox .dialog-lightbox-close-button {
top: 60px !important;
right: 30px !important;
}
}
/* Mobile styles */
@media (max-width: 600px) {
.dialog-widget.elementor-lightbox .dialog-lightbox-widget-content {
padding: 0 20px !important;
}
.dialog-widget.elementor-lightbox .dialog-lightbox-message {
width: 100% !important;
max-width: calc(100vw - 40px) !important;
}
.dialog-widget.elementor-lightbox .dialog-lightbox-close-button {
top: 20px !important;
right: 20px !important;
width: 36px !important;
height: 36px !important;
padding: 8px !important;
}
.dialog-widget.elementor-lightbox .dialog-lightbox-close-button svg {
width: 12px !important;
height: 12px !important;
}
}
/*Make Sure to set 2 column for all jet listing on mobile */
@media(max-width:500px){
.jet-listing-grid__items>.jet-listing-grid__item{
max-width: calc(100% / 1);
flex: 0 0 calc(100% / 1);
}
}
/* Width may need to change depending on dropdown menu-item texts sizes */
.elementor-nav-menu--layout-horizontal ul.sub-menu{
width: 280px!important;
}
.elementor-nav-menu a{
white-space: wrap !important;
}
/* === DFW HOMEPAGE — managed block, do not edit by hand === */
/* ===========================================================================
DFW HighTech Signs — Custom CSS
Paste into Elementor → Site Settings → Custom CSS.
Everything here is a behaviour Elementor's controls cannot express. Colours
and type deliberately reference the kit globals (var(--e-global-*)) so this
file never becomes a second source of truth — change the kit, this follows.
=========================================================================== */
/* ---------------------------------------------------------------------------
1. BUTTON — the hover "wipe"
The reference site's .button8 fills orange from the left edge on hover
(width 0% -> 100%, opacity 0 -> 1) rather than cross-fading the background.
Elementor's Button widget only offers a flat hover background colour, so the
wipe is done here with a ::before layer.
Usage: add the CSS class `dfw-btn` to any Elementor Button widget
(Advanced -> CSS Classes). Add `dfw-btn--outline` for the white/outlined
variant used on the hero slides.
--------------------------------------------------------------------------- */
.dfw-btn .elementor-button {
position: relative;
z-index: 0;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 172px;
min-height: 49px;
padding: 0 24px;
border-radius: 3px;
background-color: var(--e-global-color-primary); /* #003366 */
color: var(--e-global-color-c06); /* #FFFFFF */
font-family: var(--e-global-typography-accent-font-family), sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 1em; /* flex centres the label; no line-height hack needed */
text-transform: initial;
transition: color 0.5s ease;
}
/* the wipe layer */
.dfw-btn .elementor-button::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 0;
height: 100%;
z-index: -1;
opacity: 0;
border-radius: inherit;
background-color: var(--e-global-color-secondary); /* #ED8B00 */
transition: width 0.3s ease, opacity 0.3s ease;
}
.dfw-btn .elementor-button:hover::before,
.dfw-btn .elementor-button:focus-visible::before {
width: 100%;
opacity: 1;
}
.dfw-btn .elementor-button:hover,
.dfw-btn .elementor-button:focus-visible {
color: var(--e-global-color-c06);
}
/* keep the label above the wipe */
.dfw-btn .elementor-button-content-wrapper,
.dfw-btn .elementor-button-text {
position: relative;
z-index: 1;
}
/* white / outlined variant — hero slides */
.dfw-btn--outline .elementor-button {
min-width: 154px;
min-height: 43px;
border: 2px solid var(--e-global-color-primary);
border-radius: 25px;
background-color: var(--e-global-color-c06);
color: var(--e-global-color-primary);
font-weight: 600;
}
.dfw-btn--outline .elementor-button:hover,
.dfw-btn--outline .elementor-button:focus-visible {
color: var(--e-global-color-c06);
border-color: var(--e-global-color-secondary);
}
/* respect users who ask for less motion */
@media (prefers-reduced-motion: reduce) {
.dfw-btn .elementor-button,
.dfw-btn .elementor-button::before {
transition: none;
}
}
/* ---------------------------------------------------------------------------
2. SIGN-TYPE CHIP GRID
132 sign-type labels in a dense wrapping grid. Elementor has no repeater for
plain text chips, so the markup is one HTML widget and the layout lives here.
Usage: HTML widget containing
--------------------------------------------------------------------------- */
.dfw-chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.dfw-chips li {
margin: 0;
padding: 10px 18px;
border: 1px solid var(--e-global-color-c16); /* #E4E4E4 */
border-radius: 3px;
background-color: var(--e-global-color-c07); /* #F5F7FA */
color: var(--e-global-color-accent); /* #252525 */
font-family: var(--e-global-typography-t05-font-family), sans-serif;
font-size: var(--e-global-typography-t05-font-size);
font-weight: var(--e-global-typography-t05-font-weight);
line-height: var(--e-global-typography-t05-line-height);
transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.dfw-chips li:hover {
background-color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: var(--e-global-color-c06);
}
@media (max-width: 767px) {
.dfw-chips { gap: 8px; }
.dfw-chips li { padding: 8px 14px; }
}
/* ---------------------------------------------------------------------------
3. CITY LINK BLOCK
190 service-area names, 77 of them linked to their location page. A single
flowing paragraph separated by bullets — a Text Editor widget plus this.
--------------------------------------------------------------------------- */
.dfw-cities {
text-align: center;
}
.dfw-cities p {
font-family: var(--e-global-typography-t09-font-family), sans-serif;
font-size: var(--e-global-typography-t09-font-size);
line-height: 2em; /* generous — this is a dense link block */
color: var(--e-global-color-text);
word-spacing: 2px;
}
.dfw-cities a {
color: var(--e-global-color-primary);
text-decoration: none;
transition: color 0.2s ease;
}
.dfw-cities a:hover,
.dfw-cities a:focus-visible {
color: var(--e-global-color-secondary);
text-decoration: underline;
}
/* ---------------------------------------------------------------------------
4. REVIEW CARDS
Star row + platform badge. The stars are inline SVG in the markup; this sizes
and colours them. See the Elementor gap report for why the carousel itself
is a Loop Carousel rather than a stack of hand-built cards.
--------------------------------------------------------------------------- */
.dfw-review {
display: flex;
gap: 20px;
align-items: flex-start;
}
.dfw-review__logo {
flex: 0 0 72px;
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
}
.dfw-review__body p {
font-family: var(--e-global-typography-text-font-family), sans-serif;
font-size: var(--e-global-typography-text-font-size);
line-height: var(--e-global-typography-text-line-height);
color: var(--e-global-color-text);
margin-bottom: 8px;
}
.dfw-review__author {
font-family: var(--e-global-typography-t03-font-family), sans-serif;
font-size: var(--e-global-typography-t03-font-size);
font-weight: var(--e-global-typography-t03-font-weight);
line-height: var(--e-global-typography-t03-line-height);
color: var(--e-global-color-primary);
margin: 0 0 6px;
}
.dfw-review__stars {
display: inline-flex;
gap: 3px;
color: var(--e-global-color-secondary); /* #ED8B00 */
font-size: 15px;
line-height: 1em;
}
.dfw-review__stars svg {
width: 1em;
height: 1em;
fill: currentColor;
}
@media (max-width: 600px) {
.dfw-review { gap: 14px; }
.dfw-review__logo { flex-basis: 56px; width: 56px; height: 56px; }
}
/* ---------------------------------------------------------------------------
5. NUMBERED PRODUCT TILES
The 01–06 tiles use an oversized ghost numeral behind the title. Elementor
can stack two Heading widgets but cannot offset one behind the other without
absolute positioning, so it is done here.
Usage: container class `dfw-tile`, numeral heading class `dfw-tile__num`.
--------------------------------------------------------------------------- */
.dfw-tile {
position: relative;
overflow: hidden;
}
.dfw-tile .dfw-tile__num {
position: absolute;
top: -8px;
right: 8px;
margin: 0;
color: var(--e-global-color-c07); /* #F5F7FA — ghosted */
font-family: var(--e-global-typography-t10-font-family), sans-serif;
font-size: 72px;
font-weight: 700;
line-height: 1em;
pointer-events: none;
user-select: none;
}
@media (max-width: 767px) {
.dfw-tile .dfw-tile__num { font-size: 52px; }
}
/* Keyword grid: reference markup is , so the h4 must
inherit the list's type rather than the kit's h4 scale. Matches the reference
computed style exactly (18px / 500 / #777). */
.elementor-widget-text-editor li h4.textlist {
font-size: 18px;
font-weight: 500;
line-height: 1.1em;
color: #777;
margin: 0;
padding: 0;
}
/* Hero slide headings: the reference colours the heading orange and drops the
emphasised words back to white. We keep the kit's white heading and mark the
orange words with .ylw-text instead, which is how the homepage was built by
hand. Colour is the kit global (secondary = #ED8B00), not a literal. */
.elementor-slide-heading .ylw-text,
.ylw-text {
color: var(--e-global-color-secondary, #ED8B00);
}
/* === end DFW HOMEPAGE block === */
.deep-blue-btn .elementor-button {
position: relative;
overflow: hidden;
z-index: 0;
transition: color 0.35s ease;
}
.deep-blue-btn .elementor-button .elementor-button-content-wrapper {
position: relative;
z-index: 1;
}
.deep-blue-btn .elementor-button::after {
content: "";
position: absolute;
inset: 0;
z-index: -2;
border-radius: inherit;
background-color: #003366 !important;
}
.deep-blue-btn .elementor-button::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 0;
height: 100%;
z-index: -1;
opacity: 0;
border-radius: inherit;
background-color: #ED8B00;
transition: width 0.3s ease, opacity 0.3s ease;
}
.deep-blue-btn .elementor-button:hover::before,
.deep-blue-btn .elementor-button:focus-visible::before {
width: 100%;
opacity: 1;
}
.deep-ylw-btn .elementor-button {
position: relative;
overflow: hidden;
z-index: 0;
transition: color 0.35s ease;
}
.deep-ylw-btn .elementor-button .elementor-button-content-wrapper {
position: relative;
z-index: 1;
}
.deep-ylw-btn .elementor-button::after {
content: "";
position: absolute;
inset: 0;
z-index: -2;
border-radius: inherit;
background-color: #ED8B00 !important;
}
.deep-ylw-btn .elementor-button::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 0;
height: 100%;
z-index: -1;
opacity: 0;
border-radius: inherit;
background-color: #003366;
transition: width 0.3s ease, opacity 0.3s ease;
}
.deep-ylw-btn .elementor-button:hover::before,
.deep-ylw-btn .elementor-button:focus-visible::before {
width: 100%;
opacity: 1;
}
.elementor-widget-button {
display: flex !important;
height: max-content!important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://www.dfwhightechsigns.com/wp-content/uploads/2026/08/HelveticaNeue-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://www.dfwhightechsigns.com/wp-content/uploads/2026/08/HelveticaNeue-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://www.dfwhightechsigns.com/wp-content/uploads/2026/08/HelveticaNeue-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://www.dfwhightechsigns.com/wp-content/uploads/2026/08/HelveticaNeue-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */