/*
 Theme Name:   Zodport Child Theme
 Theme URI:    http://zodport.pt
 Description:  A custom child theme based on Parent Theme
 Author:       Sanzza.com
 Author URI:   http://sanzza.com
 Template:     hello-elementor
 Version:      1.0
*/

/* botão */
.sabermais-seta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 24px 40px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  text-decoration: none;
}
.sabermais-seta::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 7px;
  height: 8.167px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 8'%3E%3Cpolygon points='0,0 7,4 0,8' fill='%23fff'/%3E%3C/svg%3E") no-repeat left center;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 8'%3E%3Cpolygon points='0,0 7,4 0,8' fill='%23fff'/%3E%3C/svg%3E") no-repeat left center;
  -webkit-mask-size: 7px 8.167px;
          mask-size: 7px 8.167px;
  max-width: 0;
  opacity: 0;
  transform: translateX(-6px);
  overflow: hidden;
  transition:
    max-width 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.6s ease-out,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.sabermais-seta:hover::before {
  max-width: 7px;
  opacity: 1;
  transform: translateX(0);
}
/* botão end*/
 
.hr-line h3:before{
  content:" ";
  display: block;
  height: 1px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #125E95;
}

.hr-line h3{
	position: relative;
	max-width: 200px;
	text-align: center;
}


.hr-line-white h3:before{
  content:" ";
  display: block;
  height: 1px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  background: white;
}

.hr-line-white h3{
	position: relative;
	max-width: 200px;
	text-align: center;
}


.hr-line-white-v2 h3:before{
  content:" ";
  display: block;
  height: 1px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 91%;
  background: white;
}

.hr-line-white-v2 h3{
	position: relative;
	/*max-width: 200px;*/
	text-align: right;
}


.slice-left-top-v2 {
    clip-path: polygon(40% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 35%);
}

.slice-left-top {
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%);
}

.slice-right-bottom {
    clip-path: polygon(0% 0%, 135% 0%, 75% 100%, 0% 100%, 0% 0%);
}

.slice-right-buttom {
	clip-path: polygon(0% 0%, 150% 0%, 50% 100%, 0% 100%, 0% 0%);
}

a.sabermais{
	padding-inline-start: 15px !important;
	-webkit-transition: width 1s;
    transition: width 1s;
	width: 45%;
}

a.sabermais:hover{
	background-color: #125E95 ;
	color: white;
	width: 55%;
}

.sabermais::before {
    content: "➔";
    display: inline-block;
    opacity: 0;
    max-width: 0;
    margin-right: 0;
    transition: all 0.6s ease;
}

.sabermais:hover::before {
    opacity: 1;
    max-width: 20px;
    margin-right: 8px;
}

/*.sabermais:hover::before {
  content: url('caminho-da-sua-imagem.svg');
  margin-right: 8px;
  /* Se a imagem for muito grande, adicione também: */
  /* transform: scale(0.8); */
/*}*/


.marcas-slider .elementor-swiper-button.elementor-swiper-button-next {
	border: 2px solid #125E95;
	top: -55% !important;	
}

.marcas-slider .elementor-swiper-button.elementor-swiper-button-prev {
	border: 2px solid #125E95;
	top: -55% !important;
	left: 90% !important;
}
.marcas-slider .elementor-swiper-button.elementor-swiper-button-prev svg, .marcas-slider .elementor-swiper-button.elementor-swiper-button-next svg {
	margin: 12px !important;
}

.slider-one .nextend-arrow-previous{
	top: -15%;
    left: 37%;
}

.slider-one .nextend-arrow-next{
	top: -15%;
    left: -7%;
}

.slider-two .nextend-arrow-previous {
	top: -2%;
    left: 1%;
}

.slider-two .nextend-arrow-next {
	top: -2%;
    left: -42%;
}

.slider-three .nextend-arrow-previous {
	top: -4%;
	left: 4%;
}
.slider-three .nextend-arrow-next {
	top: -4%;
	left: -30%;
}

.slider-one-number h3{
	-webkit-text-stroke: 1px #ffffff !important;
}

@media (max-width: 1366px) {
	.slider-one .nextend-arrow-previous {
		top: -5%;
		left: 35%;
	}
	.slider-one .nextend-arrow-next {
    	top: -5%;
    	left: -7%;
	}
}

@media (max-width: 1200px) {
	.slider-one .nextend-arrow-next {
    	top: -15%;
    	left: -5%;
	}
	.slider-two .nextend-arrow-next {
    	top: -2%;
    	left: -40%;
	}
	.slider-three .nextend-arrow-next {
    	top: -4%;
    	left: -26%;
	}
}
@media (max-width: 1200px) {
	.slider-one .nextend-arrow-next {
    	top: -15%;
    	left: -5%;
	}
	.slider-two .nextend-arrow-next {
    	top: -2%;
    	left: -40%;
	}
	.slider-three .nextend-arrow-next {
    	top: -4%;
    	left: -27%;
	}
}
@media (max-width: 1024px){
	.marcas-slider .elementor-swiper-button.elementor-swiper-button-prev {
		top: -55% !important;
		left: 86% !important;
	}
	.slider-one .nextend-arrow-previous {
    	top: -15%;
    	left: 35%;
	}
	.slider-two .nextend-arrow-next {
    	top: -2%;
    	left: -40%;
	}
}

@media (max-width: 768px){
	.slider-one .nextend-arrow-next {
		top: -7%;
	}
	.slider-one .nextend-arrow-previous {
    	top: -7%;
    	left: 32%;
	}
	.slider-two .nextend-arrow-next {
    	left: -38%;
	}
	.marcas-slider .elementor-swiper-button.elementor-swiper-button-prev {
    	left: 82% !important;
	}
}

@media (max-width: 425px){
	.slider-one .nextend-arrow-previous {
    	top: -2%;
    	left: 25%;
	}
	.slider-one .nextend-arrow-next {
    	top: -2%;
    	left: -5%;
	}
	.slider-two .nextend-arrow-previous {
    	top: -2%;
    	left: 0%;
	}
	.slider-two .nextend-arrow-next {
    	top: -2%;
    	left: -30%;
	}
	.slider-three .nextend-arrow-next {
    	top: -4%;
    	left: -20%;
	}
	.marcas-slider .elementor-swiper-button.elementor-swiper-button-prev {
    	top: -80% !important;
    	left: 70% !important;
	}
	.marcas-slider .elementor-swiper-button.elementor-swiper-button-next {
    	top: -80% !important;
	}
}

@media (max-width: 375px) {
	.slider-one .nextend-arrow-previous {
    	top: -2%;
    	left: 28%;
	}
	.slider-one .nextend-arrow-next {
    	top: -2%;
    	left: 0%;
	}
	.slider-two .nextend-arrow-next {
    	top: -2%;
    	left: -25%;
	}
	.slider-three .nextend-arrow-next {
    	top: -4%;
    	left: -22%;
	}
	.marcas-slider .elementor-swiper-button.elementor-swiper-button-prev {
    	top: -80% !important;
    	left: 64% !important;
	}
	.marcas-slider .elementor-swiper-button.elementor-swiper-button-next {
    	top: -80% !important;
	}
}