/* static_boxes_holder shortcode */

.static_boxes_holder ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: grid;
}


.static_boxes_element_holder .sc_content_title{
    font-family: var(--theme-primary-font);
    font-weight: 700;
    font-size: 1.5rem;
    line-height:2rem;
    text-transform: initial;
    color:rgb(var(--title-primary-color));
    position: relative;
    margin:0rem;
}
.static_boxes_element_holder .sc_content_title .title_color{
    color:var(--title-color); 
}
.static_boxes_element_holder .sc_description{
    font-family: var(--theme-secondary-font);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: initial;
     color:rgb(var(--text-primary-color));
    position: relative;
    margin:0rem;
}
.static_boxes_element_holder .sc_description .description_color{
   color:var(--description-color); 
}

.static_boxes_element_holder{
    background-color:rgb(var(--theme-light-color));
    box-shadow: 0px 21px 21px -14px #b6b6b6;
     display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.static_boxes_element_holder:hover{
    box-shadow: 0px 21px 21px -8px #b6b6b6;
}
.static_boxes_element_holder.element_background_color{
     background-color:var(--element-background-color); 

}
.static_boxes_element_holder .btn-holder:hover{
    box-shadow: 0px 4px 7px 0px #9f9f9f80;
}

.static_boxes_element_holder .btn-holder{
    background-color:rgb(var(--button-background-primary-color));
    padding:1rem 2.5rem;
}
.static_boxes_element_holder .btn-holder.btn_background_color{
     background-color:var(--btn-background-color); 

}

.static_boxes_element_holder .btn-holder span{
    font-family: var(--theme-secondary-font);
    color:rgb(var(--button-text-light-color));
    font-size:1rem;
    font-weight:600;
    text-decoration: none;
}
.static_boxes_element_holder .btn-holder span~.btn_text_color{
     color:var(--button-text-color);
}
.static_boxes_element_holder .element_icon_image img{
    max-width: 100%;
    object-fit: contain;
}
@media only screen and (max-width:991.98px){
   .static_boxes_holder ul{
    grid-template-columns: repeat(2, 1fr) !important;
   }
   
}
@media only screen and (max-width:449.98px){
   .static_boxes_holder ul{
    grid-template-columns: repeat(1, 1fr)!important;
   }
}