/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.head-hammer-right,
.head-hammer-left{
    position: relative;
}
.head-hammer-right:before,
.head-hammer-left:after{
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 30px;
    height: 13px;
    border-radius: 0;
    background-color: #B8967E;
    mask-image: url("data:image/svg+xml,%3Csvg width='3.4319999mm' height='1.0650001mm' viewBox='0 0 3.4319999 1.0650001' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cg id='layer1'%3E%3Cpath style='display:inline;fill:%23000000;stroke-width:0.00813239' d='M 0.46367922,0.53250003 V 0.36985233 H 1.9478395 3.4319999 v 0.1626477 0.1626477 H 1.9478395 0.46367922 Z' id='path1' /%3E%3Cpath style='fill:%23000000;stroke-width:0.00581587' d='M 0,0.5326713 V 0 h 0.23177302 0.231773 V 0.5326713 1.0653425 H 0.23177302 0 Z' id='path2' /%3E%3C/g%3E%3C/svg%3E%0A");
    mask-repeat: no-repeat;
    mask-size: cover;
}
.head-hammer-left:after{
    right: unset;
    left: 0;
    background-color: #B8967E;
}
.head-hammer-right:before{
    transform: rotate(180deg);
}
/**
 * card
 * */
.service-card {
    background-color: #ffffff0d;
    border-radius: 6px;
    min-height: 300px;
    overflow: hidden;
}

.service-card:hover {
    background-color: #b8967e;
}

.service-card:hover .service-card--icon svg {
    fill: #ffffff !important;
}

.service-card .service-card--icon svg {
    transition: all .2s linear;
}

.service-desc {
    margin: 0;
    opacity: 0;
    transition: all .2 linear;
}

.service-desc {
    overflow: hidden;
}

.services-desc-wrap{
    transform: translateY(60px);
}

.service-card:hover .services-desc-wrap{
    transform: translateY(0px);
}

.service-card:hover .service-desc{
    opacity: 1;
}

@media only screen and (max-width:768px){
	.service-desc {
    opacity: 1;
}
.service-desc {
    overflow: auto;
}
.services-desc-wrap{
    transform: translateY(0px);
}
}