/*
 Theme Name:   Konta Child  
 Theme URI:    https://themeholy.com/wordpress/konta
 Description:  This is a child theme for Konta - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     konta
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  konta-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

.header-logo {
    padding-top: 8px;
    padding-bottom: 8px;
}

.hero-text {
    margin-top: 20px;
}

.my-project-card .my-project-detail {
    background: white;
    -webkit-clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
}

.my-project-card .my-project-detail:before, .my-project-card .my-project-detail:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #e7e7e7;
    -webkit-clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
    z-index: -2;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.my-project-card .my-project-detail:before {
    background-color: var(--white-color);
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    top: 1px;
    left: 1px;
    z-index: -1;
}

.my-project-card:hover .my-project-detail {
    background: var(--theme-color);
    -webkit-clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
}

.my-project-card:hover .my-project-detail:after, .my-project-card:hover .my-project-detail:before {
    opacity: 0;
    visibility: hidden;
}

.my-project-card .project-description > div {
    font-family: var(--body-font) !important;
    color: var(--body-color) !important;
}

.my-project-card:hover .card-title .elementor-heading-title, .my-project-card:hover .project-description > div, .my-project-card:hover .location h6, .my-project-card:hover span {
    color: white !important;
}

.my-project-card:hover .project-card-img img {
    transform: scale(1.1);
}

.my-project-card:hover .th-btn {
    background: var(--white-color) !important;
    border-color: var(--white-color) !important;
    color: var(--theme-color) !important;
}


.process-card2 {
    display: flex;
    align-items: center;
}

.page-id-2836 .service-card:hover img {
    filter: invert(1) grayscale(1) !important;
}

.our-service-sliders img {
    height: 235px;
    width: 100%;
    object-fit: cover;
}

.our-service-sliders .service-block_title {
    min-height: 64px;
    margin-top: 10px;
}

/*
@media (max-width: 767px){
    .footer-contact-us .elementor-absolute{
        position:relative!important;
        top: unset!important;;
    }
}*/

@media screen and (max-width: 576px) {
    .header-link {
        font-size: 12px;
    }

    .th-header .icon-btn {
        --btn-size: 30px;
        line-height: 30px;
        margin-right: 2px!important;

    }
}