/* style 1 */
.tf-services-wrap.style1 .services-post .tf-button-container a,
.tf-services-wrap.style4 .services-post .tf-button-container a,
.tf-posts.style1 .project-carousel-post .tf-button-container a {
    position: relative;
    transition: all 0.5s, color 0s;
    padding-right: 27px;
    display: inline-block;
}
.tf-services-wrap.style1 .services-post .tf-button-container a:hover,
.tf-services-wrap.style4 .services-post .tf-button-container a:hover,
.tf-posts.style1 .project-carousel-post .tf-button-container a:hover  {
    padding-right: unset;
    padding-left: 27px;
}
.tf-services-wrap.style1 .services-post .tf-button-container a::before,
.tf-services-wrap.style1 .services-post .tf-button-container a::after,
.tf-services-wrap.style4 .services-post .tf-button-container a::before,
.tf-services-wrap.style4 .services-post .tf-button-container a::after,
.tf-posts.style1 .project-carousel-post .tf-button-container a::after,
.tf-posts.style1 .project-carousel-post .tf-button-container a::before {
    content: "\f103";
    font-family: 'icon-custom-theme';
    font-size: 20px;
    vertical-align: middle;
    font-weight: 400;
    transition: inherit;
    position: absolute;
    display: inline-block;
    color: var(--theme-accent-color);
}
.tf-services-wrap.style1 .services-post .tf-button-container a::after,
.tf-services-wrap.style4 .services-post .tf-button-container a::after,
.tf-posts.style1 .project-carousel-post .tf-button-container a::after {
    transform-origin: right center;
    right: 0;
    top: -1px;
}
.tf-services-wrap.style1 .services-post .tf-button-container a::before,
.tf-services-wrap.style4 .services-post .tf-button-container a::before,
.tf-posts.style1 .project-carousel-post .tf-button-container a::before {
    transform-origin: left center;
    transform: scale(0);
    opacity: 0;
    left: 0;
    top: -1px;
}
.tf-services-wrap.style1 .services-post .tf-button-container a:hover::before,
.tf-services-wrap.style4 .services-post .tf-button-container a:hover::before,
.tf-posts.style1 .project-carousel-post .tf-button-container a:hover::before {
    transform-origin: left center;
    transform: scale(1);
    opacity: 1;
}
.tf-services-wrap.style1 .services-post .tf-button-container a:hover::after,
.tf-services-wrap.style4 .services-post .tf-button-container a:hover::after,
.tf-posts.style1 .project-carousel-post .tf-button-container a:hover::after {
    transform: scale(0);
    opacity: 0;
}
.tf-services-wrap.has-carousel .wrap-services-post .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.tf-services-wrap .owl-carousel .owl-nav .owl-next:before,
.tf-services-wrap .owl-carousel .owl-nav .owl-prev:before {
    display: none;
}
.tf-services-wrap.has-carousel .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 127px;
    padding: 0 10px;
    right: 25%;
}
.tf-services-wrap .owl-carousel .owl-nav .owl-prev, 
.tf-services-wrap .owl-carousel .owl-nav .owl-next {    
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 1550px) {
    .tf-services-position-right .tf-services-wrap.has-carousel .wrap-services-post {
        max-width: 1560px;
    }
    .tf-services-position-right .tf-services-wrap.has-carousel {
        display: flex;
        justify-content: flex-end;
    }
}
@media only screen and (max-width: 1441px) {
    .tf-services-position-right .tf-services-wrap.has-carousel .wrap-services-post {
        max-width: 1170px;
    }    
    .tf-services-position-right .tf-services-wrap.has-carousel {
        display: flex;
        justify-content: center;
    }
    .tf-services-position-right .tf-services-wrap.has-carousel .owl-nav {
        right: 0%;
    }
}
@media only screen and (max-width: 1200px) {
    .tf-services-position-right .tf-services-wrap.has-carousel .wrap-services-post {
        max-width: 100%;
    }
}
@media only screen and (max-width: 991px) {
    .tf-services-wrap.style3 .services-post .title {
        height: 50px;
    }
}
@media only screen and (max-width: 767px) {	
    .tf-services-wrap.style3 .services-post .title {
        height: unset;
    }
}