#wrapper > .header-wrapper{
    position:relative !important;
}
.energySocketHeader{
    /*background:url('/wp-content/themes/smart-home-child-2/images/energy-socket/energysocket-banner.jpg');*/
    background-size:cover !important;
    background-position:center -100px !important;
    height:calc(100vh - 68px);
}
.energySocketHeaderOverlay{
    background-size:cover !important;
    background-position:center -100px !important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute;
    animation: fadeInOutBanner 6s infinite;
    opacity: 1;
}
.energySocketHeader .container{
    z-index:99;
}
.fadeSocket{
    position:relative;
    margin-top:48px;
}
.fadeSocket:after{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, .7525603991596639) 3%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%);
}
.fadeSocketH2{
    max-width:550px;
    margin:0 auto;
}
.darkButton .button {
    background: #20265B;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif !important;
    padding: 12px 24px 10px;
    font-weight: 600 !important;
    font-size: 18px;
    margin-top: 24px;
    transform:scale(1);
}
.darkButton .button:hover{
    transform:scale(1.01);
    background:#313B8E !Important;
}

@keyframes fadeInOutBanner {
    0% { opacity: 1; }
    25% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 1; }
}