.email-input {color:#FFF;padding:100px 0;background-size:cover !important;}
.email-input .text-content {padding-top:50px;}
.email-input h2 {color:#FFF;font-family: 'Graphie',sans-serif;font-size: 36px;margin-bottom:25px;font-weight: 400;}
.email-input h2::before {content:'';width: 3px;height: 30px;display: inline-block;margin-right: 20px;float: left;margin-top: 4px;background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.email-input h2 strong {font-family: 'Graphie Light', sans-serif;}
.email-input span {font-family: 'Graphie Light',sans-serif;font-size: 18px;line-height: 150%;margin-bottom:25px;display: block;}
.email-input span strong {font-family: 'Graphie Bold',sans-serif;}
.email-input span strong.labs {margin-right:50px;position: relative;}
.email-input span strong.labs::after {content: 'LABS'; display: inline-block;  vertical-align: top; color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 11px;letter-spacing: 3.6px;position: absolute;top: -6px;margin-left: 5px;}
.email-input p {font-family: 'Graphie Light', sans-serif;margin-bottom:25px;color:#FFF;line-height: 150%;font-size:12px;}
.email-input .email-form form {display: flex;align-items: center;}
.email-input .email-form form input[type=email] {margin-right: 10px;border:1px solid #FFF;font-family: 'Graphie Light';font-size: 18px;line-height: 150%;background:transparent;color:#FFF;width:355px;height:60px;line-height: 60px;padding-left:15px;margin-bottom:25px;}
.email-input .email-form form input[type=email]::placeholder {color:#FFF;}
.email-input .email-form form button {position:relative; font-family:'Graphie Bold',sans-serif; font-size:24px; line-height:60px; height:60px; padding:0 50px 0 24px; background:#00A1E1; color:#161F2D; text-decoration:none; display:inline-block; white-space:nowrap; border:none; cursor:pointer;margin-bottom:15px;margin-top:-11px;}
.email-input .email-form form button {position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.email-input .email-form form button::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.email-input .email-form form button:hover::before {opacity: 1;}
.email-input .email-form form button::after {content:""; display:block; position:absolute; top:50%; right:15px; width:13px; height:19px; transform:translateY(-50%); background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="19" viewBox="0 0 13 19" fill="none"><path d="M3 16.5L10 9.5L3 2.5" stroke="%23161F2D" stroke-width="3" stroke-linecap="square"/></svg>'); background-size:contain; background-repeat:no-repeat;}

.email-input .follow h4 {color:#FFF;font-family: 'Graphie Bold',sans-serif;font-size: 18px;line-height: 150%;margin-bottom:15px;}
.email-input .follow .icons {display: flex;align-items: center;margin-bottom:25px;}
.email-input .follow .icons a {margin-right: 10px;}
.email-input .follow .icons a:last-child {margin-right: 0;}

.email-input .success {margin-bottom:25px;}

.email-input.blue .email-form form button {background:#00A1E1;}
.email-input.blue h2 strong {color:#00A1E1;}
.email-input.blue h2::before {content:'';width: 3px;height: 30px;display: inline-block;margin-right: 20px;float: left;margin-top: 4px;background: linear-gradient(180deg, #0094FF 0%, #00EB6C 100%);}
.email-input.green .email-form form button {background:#00E96C;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.email-input.green .email-form form button::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.email-input.green .email-form form button:hover::before {opacity: 1;}
.email-input.green h2 strong {color:#00E96C;}
.email-input.green h2::before {content:'';width: 3px;height: 30px;display: inline-block;margin-right: 20px;float: left;margin-top: 4px;background: linear-gradient(180deg, #00E96C 0%, #00E96C 100%);}
.email-input.lightblue .email-form form button {background:#69E0F5;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.email-input.lightblue .email-form form button::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.email-input.lightblue .email-form form button:hover::before {opacity: 1;}
.email-input.lightblue h2 strong {color:#69E0F5;}
.email-input.lightblue h2::before {content:'';width: 3px;height: 30px;display: inline-block;margin-right: 20px;float: left;margin-top: 4px;background: linear-gradient(180deg, #69E0F5 0%, #69E0F5 100%);}
.email-input.orange .email-form form button {background:#F85849;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.email-input.orange .email-form form button::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.email-input.orange .email-form form button:hover::before {opacity: 1;}
.email-input.orange h2 strong {color:#F85849;}
.email-input.orange h2::before {content:'';width: 3px;height: 30px;display: inline-block;margin-right: 20px;float: left;margin-top: 4px;background: linear-gradient(180deg, #F85849 0%, #F85849 100%);}



@media all and (min-width: 1px) and (max-width: 768px) {
    .email-input h2 {font-size: 24px;}
    .email-input .email-form {zoom: 60%;}
}