/*
Theme Name: wp_exeq
Theme URI: https://walaszczyk.studio/
Author: walaszczyk.studio
Author URI: https://walaszczyk.studio/
Description: Wordpress Template made by ŁW
Version: 1.1
Tags: lw
Text Domain: wp_exeq
*/

.testimonial-slider-box {
  position: relative;
}

.a-arrow-slick.prev-slick {
  left: 0;
   margin-right: 0;
   margin-left: -2.5rem;
}

.a-arrow-slick.prev-slick .img-arrow-slick {
  transform: rotate(180deg);
}


html a {
  color: inherit;
}

.input-field.w-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

.klauzula-wrapper {
  position: relative;
  display: inline;
}

.klauzula-full {
  display: none;
}

.klauzula-wrapper.active .klauzula-short {
  display: none;
}

.klauzula-wrapper.active .klauzula-full {
  display: inline;
}

.toggle-klauzula {
  background: none;
  border: none;
  padding: 0;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.klauzula-wrapper.active .toggle-klauzula {
  transform: rotate(180deg);
}

/* Dodatkowe style dla lepszego wyglądu */
.wpcf7-list-item-label {
  display: inline;
  align-items: flex-start;
  gap: 5px;
}

.toggle-klauzula svg {
  display: block;
  margin-top: 0px; /* Dostosuj według potrzeb */
}

.hidd-animate-content .tb-form-name {
  font-weight: 500;
}


.a-link-button.open-form .img-arrow-right {
  transform: rotate(90deg);
}


html .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0px;
}

html .wpcf7-form-control.wpcf7-acceptance label {
  font-weight: 500;
  margin-bottom: 0px;
}

.wpcf7-spinner {
  display: none !important;
}

html .wpcf7 form.invalid .wpcf7-response-output, html .wpcf7 form.unaccepted .wpcf7-response-output, html .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
  margin: 0px;
  margin-top: 2.5rem;
  padding: 0px;
  padding-top: 1rem;
  border: none;
  border-top: 0px solid var(--black);
  font-size: 0.875rem;
}

.wpcf7-not-valid-tip {
margin-top: 5px;
font-size: 12px;
font-weight: 300;
color: inherit;
}


.submit-button {
  opacity: 0;
}

.section-normal.color-darkred .input-field {
	--dark-grey: var(--tomato);
  --black: var(--white);
}
.inputs-form .wpcf7-form-control-wrap:first-child .input-field {
	border-top-width: 1px;
}

.item-animation-service .image-anim svg g rect {
  fill:transparent !important;
}

.div-item-testimonial.slick-slide {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}


.div-flex-testimonials-slick  {
  margin-left: -3.125rem;
  margin-right: -3.125rem;
}



img {
  height: auto;
}

/*
.navbar, .section-normal.hero-section .h1-main-hero, .section-normal.hero-section .div-box-hero-content {
	opacity: 0;
}
*/
body {
	opacity: 0;
}

.rich-main p:last-child {
	margin-bottom: 0rem;
}
.gird-news-item {
  	display: none;
  }
  .gird-news-item:nth-child(-n+3) {
  	display: grid;
  }
.text-list-service:first-child {
	border-top-width: 1px;
}
.navbar.light-nav:not(.is-scrolled) .img-logo-brand, .navbar.light-nav:not(.is-scrolled) .img-arrow-lang {
	 filter: brightness(0) invert(1);
}
.navbar.is-scrolled .navmenu {
	margin-bottom: 0px;
}
.navbar.light-nav:not(.is-scrolled) {
	--black: var(--white);
  --firebrick: var(--white);
}
[visibility="mobile-only"] {
	display: none;
}
.case-photo-item:hover .image-case {
	transform: scale(1.06);
}
.simple-text p:last-child, .simple-text ul:last-child {
	margin-bottom: 0px;
}
.navlink:after, .a-navlink-footer:after, .navlink-bfooter:after, .a-link-bfooter:after, .a-nav-case:after {
	position: absolute;
  height: 0.0625rem; /* 1px */
  background-color: var(--firebrick);
  width: 0%;
  bottom: 0rem;
  left: auto;
  right: 0;
  content: "";
  pointer-events: none;
  -webkit-transition: width .3s ease-out;
  -moz-transition: width .3s ease-out;
  -o-transition: width .3s ease-out;
  transition: width .3s ease-out;
}
.a-navlink-footer:after, .navlink-bfooter:after, .a-link-bfooter:after {
	background-color: var(--white);
}
.navlink:hover:after, .navlink:focus:after, .navlink:active:after,
.a-navlink-footer:hover:after, .a-navlink-footer:focus:after, .a-navlink-footer:active:after,
.navlink-bfooter:hover:after, .navlink-bfooter:focus:after, .navlink-bfooter:active:after,
.a-link-bfooter:hover:after, .a-link-bfooter:focus:after, .a-link-bfooter:active:after,
.a-nav-case:hover:after, .a-nav-case:focus:after, .a-nav-case:active:after
{
	width:100%;
  left: 0;
  right: auto;
}
.a-link-button:after {
	position: absolute;
  height: 1px;
  background-color: var(--firebrick);
  width: 100%;
  bottom: 0px;
  left: 0;
  right: auto;
  content: "";
  pointer-events: none;
  -webkit-transition: width .3s ease-out;
  -moz-transition: width .3s ease-out;
  -o-transition: width .3s ease-out;
  transition: width .3s ease-out;
}
.a-link-button.white-button:after {
	background-color: var(--white);
}
.a-link-button.light-red:after {
	background-color: var(--tomato);
}
.a-link-button:hover:after, .a-link-button:focus:after, .a-link-button:active:after {
  animation-name: underlineAnim;
  animation-duration: 0.6s;
}
@keyframes underlineAnim {
  from {
    left: auto;
    right: 0;
    width: 100%;
  }
  25% {
  	left: auto;
    right: 0;
  }
  50% {
  	width:0%;
  }
  100% {
  	width:100%;
  }
}
.navlink.w--current {
	color: #222;
}
.navlink.w--current:after, .a-nav-case.is-active-case:after {
	width: 100%;
}
.div-module-num-item.is-active:last-child {
	border-bottom-color: transparent;
}
.div-module-num-item:first-child {
	margin-top: 2.5rem; /* 40px */
}
.div-module-num-item.is-active:first-child {
	margin-top: 0rem;
}
.navbar.is-scrolled .img-logo-brand {
	width: 2.5rem; /* 40px */
}
.div-module-num-item.is-active .tb-num-inactive {
	  font-size: 8rem; /* 160px */
    line-height: 6.75rem; /* 140px */
    color: #fff;
}
.tb-num-item-desc {
	opacity: 0;
}
.div-module-num-item.is-active .tb-num-item-desc {
	opacity: 1;
}
.rich-main p:last-child {
	margin-bottom: 0px;
}
.div-module-num-item:first-child {
	border-top-width: 0px;
}
.div-module-num-item-inactive:last-child, .div-module-num-item:last-child {
	border-bottom-width: 1px;
}
.hero-section .fp-overflow, .cta-section .fp-overflow {
	height: auto;
}
.fp-overflow {
	width: 100%;
  height: 100%;
}
.tb-website-author:last-child {
	margin-right: 0px;
}
.div-title-service-flex {
	max-height: 3.75rem; /* 60px */
}
.div-item-service.active-service .div-title-service-flex {
	max-height: 0px;
}

@media only screen and (max-width: 1240px) {
  .div-item-testimonial.slick-slide {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .div-flex-testimonials-slick  {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
  }

}

@media only screen and (max-width: 991px) {

	.navbar.light-nav .navlink {
  	color: #222;
  }
  .navbar.light-nav .navlink:after {
  	background-color: #d32421;
  }
  .navbar.light-nav .img-arrow-lang {
     filter: none !important;
  }
}
@media only screen and (max-width: 767px) {

  .step-text-name {
    max-width: 6rem;
  }


  .div-flex-testimonials-slick  {
    margin-left: 0rem;
    margin-right: 0rem;
  }

	.item-grid-case {
  	display: none;
  }
	.item-grid-case:nth-child(-n+4) {
  	display: block;
  }
	[visibility="mobile-only"] {
    display: block;
  }
  .div-module-num-item.is-active .tb-num-item-desc {
    margin-top: 1.25rem; /* 20px */
  }
  .div-module-num-item.is-active .tb-num-inactive {
      font-size: 4.375rem; /* 70px */
      line-height: 4.375rem; /* 70px */
  }
	.navbar.is-scrolled .img-logo-brand {
    width: 1.875rem; /* 30px */
  }
  .div-item-service.active-service .div-service-cont {
  	max-height: 43.75rem; /* 700px */
  }
  .fp-overflow {
  	overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  .div-flex-testimonials-slick {
    display: block !important;
  }
  .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]), .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]) {
  	min-height: auto !important;
  }
  html .slick-dots li button:before {
  	color: #D22320;
    font-size: 0.75rem; /* 12px */
  }
  html .slick-dots li {
    margin: 0 0.0625rem; /* 1px */
  }
  html .slick-dots li.slick-active button:before {
  	color:#D22320;
  }
  html .slick-dots {
  	position: relative;
    bottom: 0;
    margin-top: 1.875rem; /* 30px */
  }
}

@media only screen and (max-width: 479px) {

  .step-text-name {
    max-width: 4.5rem;
  }

}

html { font-size: 1rem; }
@media screen and (max-width:1920px) { html { font-size: 1rem; } }
@media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
@media screen and (max-width:479px) { html { font-size: calc(0.7497384937238494rem + 0.41841004184100417vw); } }

@media screen and (max-height: 750px) and (min-width: 768px) {
    .div-module-num-item.is-active .tb-num-inactive {
        font-size: 4rem;
        line-height: 4rem;
    }
    
    .div-module-num-item.is-active {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}