@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;700&display=swap');

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* ========================================================================== */
/* Hero */


}
.pwr-hero__cta-container {
    padding: 30px 0 10px;
}
.pwr-hero__cta-container .cta_button {
    margin-bottom: 10px;
}

.pwr-hero__cta-container .cta_button  .pwr-cta--regular-border {
 
    background-color: #a91920;
  
}

/* ========================================================================== */
/* BLOG POST */

.pwr-post-body {
    background-color: #ffffff;
    overflow: hidden;
    padding-top: 60px;
}

/* ========================================================================== */
/* BLOG LISTING */

.pwr-blog-listing   {
    background-color: #ffffff;
   
}

.pwr-blog-listing:not(.pwr-blog-listing--author-page) .pwr-post-item__content

{
    background-color: #eaeaea;
   
}

/* ========================================================================== */
/* SERVICE BOXES */

.pwr-services-item__img {
    margin-top: 5px;
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    vertical-align: top;
    margin-bottom:15px;
}


}
.pwr--colored-box {
    background-color: ;
    border-radius: ;
    color: ;
    overflow: hidden;
}
.pwr--dark .pwr--colored-box {
    background-color: ;
    color: ;
}
body .pwr--colored-box.pwr--light {
    background-color: #ffffff;
    color: ;
}
body .pwr--colored-box.pwr--dark {
    background-color: ;
    color: ;
}

/* ========================================================================== */


/* ========================================================================== */
/* VIDEO SUB BOXES */

.offset-play-button .pwr-sec-video__button  {
      background-color: #ffde00;
    border-radius: 100%;
    cursor: pointer;
    font-size: 32px;
    height: 140px;
    left: 15%;
    line-height: 140px;
    position: absolute;
    text-align: center;
    top: 85%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 140px;
 }



.offset-play-button .pwr-sec-video__button--small {
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    width: 80px; 
}




/* ========================================================================== */
/* POWER SEC STEPS */

.pwr-step__count {
    background-color: #ffde00;
    color: #3c3c3b;
}


/** custom button form fix - jn maka 24.11.22 **/
/* maka Erg - Custom Button Form Fix */
    
    
    
    

    
    .pwr-cta--custom-01 .hs-submit {
        color: #FFFFFF;
    }
    

    
    .pwr-cta--custom-01 .hs-submit:hover {
        color: #FFFFFF;
    }
    

    .pwr-cta--custom-01 .hs-submit:before {
        
        background-color: #08aeea;
        
    }
    .pwr-cta--custom-01 .hs-submit:after, 
    .pwr-cta--custom-01 .hs-submit:hover:after {
        
        background-color: #3c3c3b;
        
        
    }
    
    
    
    
    
    



    
    
    
    

    
    .pwr-cta--custom-02 .hs-submit {
        color: #FFFFFF;
    }
    

    
    .pwr-cta--custom-02 .hs-submit:hover {
        color: #FFFFFF;
    }
    

    .pwr-cta--custom-02 .hs-submit:before {
        
        background-color: #a91920;
        
    }
    .pwr-cta--custom-02 .hs-submit:after, 
    .pwr-cta--custom-02 .hs-submit:hover:after {
        
        background-color: #3c3c3b;
        
        
    }
    
    
    
    
    
    



    
    
    
    

    
    .pwr-cta--custom-03 .hs-submit {
        color: #3c3c3b;
    }
    

    
    .pwr-cta--custom-03 .hs-submit:hover {
        color: #FFFFFF;
    }
    

    .pwr-cta--custom-03 .hs-submit:before {
        
        background-color: #ffffff;
        
    }
    .pwr-cta--custom-03 .hs-submit:after, 
    .pwr-cta--custom-03 .hs-submit:hover:after {
        
        background-color: #3c3c3b;
        
        
    }
    
    
    
    
    
    



    
    
    
    

    
    .pwr-cta--custom-04 .hs-submit {
        color: #3c3c3b;
    }
    

    
    .pwr-cta--custom-04 .hs-submit:hover {
        color: #3c3c3b;
    }
    

    .pwr-cta--custom-04 .hs-submit:before {
        
        background-color: #FFde00;
        
    }
    .pwr-cta--custom-04 .hs-submit:after, 
    .pwr-cta--custom-04 .hs-submit:hover:after {
        
        background-color: #ffde00;
        
        
    }