/* 
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
*/

/*Breadcrumb*/
#breadcrumbs span {
    color: #F16623;
    margin: 0 10px
}
#breadcrumbs span:first-child {
    margin-left: 0
}
.breadcrumb_last {
    color: #A1ACB0 !important
}

/*Button*/
.butn-style1 a,
.form-kontakt button {
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 1;
    vertical-align: top
}
.butn-style1 a:before,
.form-kontakt button:before {
    content: "";
    position: absolute;
    top: -71px;
    left: -1px;
    width: 185%;
    height: 402%;
    background: #0f313a;
    z-index: -1;
    transition: all 0.4s linear;
    transform: translateX(-100%) rotate(180deg);
}
.butn-style1 a:hover:before,
.form-kontakt button:hover:before {
    transform: translateX(0) rotate(195deg)
}
.but-sub-cat .elementor-button-content-wrapper {
    display: flex;
    justify-content: space-between !important 
}


/*Slides*/
.swiper-pagination-bullets {
    display: none !important;
}
.slide-home {
    position: relative;
}
.slide-home .custom-pagination {
    position: absolute;
    right: 0;
    z-index: 9999;
    top: 50%;
     -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: flex;
    flex-direction: column;
}
.slide-home .pagination-number {
    display: inline-block;
    margin-right: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: .5;
	margin-bottom: 30px;
}
.slide-home .pagination-number.active {
opacity: 1;
}
.slide-home .pagination-number.active {
    position: relative
}
.slide-home .pagination-number.active:after {
    content: '';
    width: 50px;
    border-bottom: solid 1px #fff;
    position: absolute;
    left: -70px;
    top: 50%;
	z-index: 1;
}

/*Counter Home*/
.counter-home .elementor-counter-title {
    text-align: center !important;
}

/*Footer*/
.text-line .elementor-icon-list-item {
    position: relative;
    overflow: hidden;
}
.text-line .elementor-icon-list-text {
    display: inline-block !important;
    position: relative !important;
    transition: transform 0.4s ease-in-out !important;
}
.text-line .elementor-icon-list-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 2px;
    background-color: white;
    transition: width 0.4s ease-in-out, opacity 0.4s ease-in-out;
    opacity: 0;
}
.text-line .elementor-icon-list-item:hover .elementor-icon-list-text {
    transform: translateX(30px);
}

.text-line .elementor-icon-list-item:hover::before {
    width: 20px;
    opacity: 1;
}
.titfooter .elementor-heading-title.elementor-size-default {
    position: relative;
    letter-spacing: 2px;
    display: inline-block;
    z-index: 1;
    padding: 5px 18px 5px 18px;
    margin-bottom: 8px
}
.titfooter .elementor-heading-title.elementor-size-default:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F16623;
    z-index: -1;
    transition: transform 0.3s ease;
    transform: scaleX(0);
    transform-origin: bottom right
}
.titfooter .elementor-heading-title.elementor-size-default:after {
    width: 5px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F16623;
    z-index: -1;
    transition: transform 0.3s ease
}
.titfooter .elementor-heading-title.elementor-size-default:hover {
    color: #fff
}
.titfooter .elementor-heading-title.elementor-size-default:hover:before {
    transform: scaleX(1);
    transform-origin: bottom left
}

.long-title {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.classa a {
    color: #FFF
}

/*Percentual*/

        .chevron-up {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            cursor: pointer;
        }
        .chevron-up svg {
            width: 20px;
            height: 20px;
            fill: white;
        }
.elementor-scrolling-tracker {
    position: relative;
    width: 60px; /* Ajuste conforme necessário */
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: conic-gradient(#F16623 0deg, #154058 0deg 360deg); /* Inicializa sem preenchimento */
    transition: background 0.5s ease-in-out;
}
.current-progress-percentage {
    color: #FFF !important;
    font-size: 16px !important;
    font-weight: 600 !important
}
.elementor-scrolling-tracker-circular .circle {
stroke-width: 0px !important;
}
.current-progress {
display: none !important;
}


@media (max-width:991px) {
	.comments-home .elementor-swiper-button.elementor-swiper-button-prev,
	.comments-home .elementor-swiper-button.elementor-swiper-button-next {
		display: none !important
}
}

/*FAQ*/
.faq-page .e-n-accordion-item[open] {
    box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
}


/**/
.part-leistungen {
    position: relative 
}
.part-leistungen .portfolio-overlay:before {
content: "";
    height: 100%;
    width: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 0;
    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.part-leistungen:hover .portfolio-overlay:before {
    content: '';
    position: absolute;
    background: #0f313a;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8
    
}
.part-leistungen .tit-part-leistungen,
.part-leistungen .tit-part-leistungen h2 {
    transition: .3s ease-in-out    
}

.part-leistungen:hover .tit-part-leistungen {
    background: #F16623
}
.part-leistungen:hover .tit-part-leistungen h2 {
    color: #FFF !important   
}
.portfolio-overlay:after {
	content: url("https://agenciabeyon.com/import-team/wp-content/uploads/2025/03/ico-link-overlay.png");
	position: absolute;
    top: 65%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);


    opacity: 0;
    visibility: hidden;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.part-leistungen:hover .portfolio-overlay:after{
    opacity: 1 !important;
    visibility: visible;
    top: 50%;
}


.e-n-tabs-heading {
border-bottom: 1px solid #272727;
}




.partners-page .client-item {
    justify-content: center;
    padding: 44px 30px;
    align-items: center;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.partners-page .client-item img {
    width: 140px
}
.partners-page .client-item::after {
    position: absolute;
    border-bottom: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    content: "";
    background: #0f313a;
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
	z-index: 100
}
.partners-page .client-item:hover {
    background: #F16623;
    box-shadow: 0px 16px 32px 0px rgba(0,62,131,0.2)
}
.partners-page .client-item img {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s
}
.partners-page .client-item:hover img {
    filter: brightness(0) invert(1)
}
.partners-page .client-item:hover::after {
    opacity: 1 !important
}