.wrap .top-wrap .icon{
    width:45px;
    height:45px;
    font-size: 18px;
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover{
    color:#fff;
}

.block-23 ul li{
    margin-bottom:0;
}

@media(min-width:992px){
    nav.navbar{
        background-color: #f1f1f1!important;
    }
}

.orange-a{
    color:#e0772a!important;
}

@media(max-width:991px){
    .header-contact{
        margin:30px 0;
    }
    .social-media-col{
        justify-content: start!important;
    }
    .owl-carousel.home-slider .slider-item .slider-text h1, .owl-carousel.home-slider .slider-item .slider-text h2{
        font-size:20px!important;
        line-height:25px!important;
    }
}
.map{
    position: relative;
    overflow: hidden;
}

.map iframe{
    width:100%;
    min-height: 500px;
}

.work:after{
    background:#202020;
}
.work:hover:after{
    opacity:0.7;
}
.services .icon{
    background: #252525;
}

.services .btn-custom:hover {
    color: #e0772a;
    border-color: #e0772a;
}

.owl-carousel.home-slider .slider-item .slider-text h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
    line-height: 55px;
}
.owl-carousel.home-slider .slider-item .slider-text h1{
    text-transform: uppercase;
    line-height: 55px;
}
.owl-carousel.home-slider .slider-item .overlay{
    opacity:0.5;
}
.fs-15{
    font-size:15px;
}
.icon-air-conditioning {
    display: inline-block;
    width: var(--icon-size, 40px);   /* defaultní velikost ikony */
    height: var(--icon-size, 40px);
    background-image: url('../img/air-conditioner.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;        /* zachová poměr stran */
    vertical-align: middle;
    /* pokud by tam bylo nějaké textové obsahování (obvykle není), skryjeme ho pro vizuál */
    text-indent: -9999px;
    overflow: hidden;
}
.icon-car {
    display: inline-block;
    width: var(--icon-size, 40px);   /* defaultní velikost ikony */
    height: var(--icon-size, 40px);
    background-image: url('../img/coupe-car.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;        /* zachová poměr stran */
    vertical-align: middle;
    /* pokud by tam bylo nějaké textové obsahování (obvykle není), skryjeme ho pro vizuál */
    text-indent: -9999px;
    overflow: hidden;
}

.icon-tow-truck {
    display: inline-block;
    width: var(--icon-size, 40px);   /* defaultní velikost ikony */
    height: var(--icon-size, 40px);
    background-image: url('../img/tow-truck.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;        /* zachová poměr stran */
    vertical-align: middle;
    /* pokud by tam bylo nějaké textové obsahování (obvykle není), skryjeme ho pro vizuál */
    text-indent: -9999px;
    overflow: hidden;
}
.img, .blog-img, .user-img{
    background-position: center center !important;
}
.mh50{
    max-height:50px;
}
.mh40{
    max-height:40px;
}
.ml20{
    margin-left:10px;
}
.footer .logo a span{
    font-size: 18px;
}










.service-hub-item {
        transition: all 0.3s ease;
        padding: 20px;
        border-radius: 8px;
    }
    
    /* Ikona v tmavém kruhu podle tvého webu */
    .service-hub-item .icon-wrap {
        min-width: 70px;
        width: 70px;
        height: 70px;
        background: #333333; /* Tmavé pozadí ikony */
        border-radius: 50%;
        color: #ffffff;
        font-size: 30px;
    }

    .service-hub-item h3.heading {
        font-size: 20px;
        font-weight: 700;
        color: #000000;
        margin-bottom: 10px;
        transition: color 0.3s ease;
    }

    /* Odkaz "Více informací" v oranžové barvě webu */
    .link-more-orange {
        color: #da7b33; 
        font-weight: 600;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
        text-decoration: none !important;
    }

    .link-more-orange:hover {
        color: #000000;
    }

    /* Hover efekt na celý blok */
    .service-hub-item:hover h3.heading {
        color: #da7b33;
    }