/**
* Theme Name: Axtra Child
* Description: This is a child theme of Axtra
* Author: <a href="http://themeforest.net/user/crowdyflow">Crowdyflow</a>
* Template: axtra
* Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap');

.itmfox-sign {
	font-family: 'Manrope', sans-serif !important;
	font-weight: 800 !important;
	transition: color .2s ease-out !important;
	background: transparent !important
}

.itmfox-sign strong {
	transition: color .2s ease-out !important;
	font-weight: 800 !important;
	font-family: 'Manrope', sans-serif !important;
}

.itmfox-sign:hover {
	transition: color .2s ease-out !important
}

.itmfox-sign:hover strong {
	color: #63AE24 !important;
	font-weight: 800 !important;
	transition: color .2s ease-out !important
}

/*------ Fades: Directional ------*/

/* FadeInDown */
@keyframes kgFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0); /* Less movement than default */
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInDown {
    animation-name: kgFadeInDown !important; /* Ensure this takes precedence */
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* FadeInLeft */
@keyframes kgFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInLeft {
    animation-name: kgFadeInLeft !important;
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* FadeInRight */
@keyframes kgFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInRight {
    animation-name: kgFadeInRight !important;
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* FadeInUp */
@keyframes kgFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element.animated.fadeInUp {
    animation-name: kgFadeInUp !important;
	animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.header-holder.scroll {
	background-color: #000
}

.elementor-button-content-wrapper {
	align-items: center
}

.elementor-button-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #C0C4CB
}

.contact-form.elementor-widget-wcf--contact-form-7 .wcf-btn-default svg {
	width: 32px;
	height: 32px;
	padding: 6px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #C0C4CB
}

.elementor-button-icon svg {
	width: 0.9em
}

.bg-blur > .e-child {
	-webkit-backdrop-filter: blur(10px) brightness(130%);
    backdrop-filter: blur(10px) brightness(130%);
}

sup {
	font-size: 0.5em;
	top: -0.75em
}

.custom-icons ul li ad {
    border: solid 1px #fff;
}

.contact-form .wpcf7-form-control.wpcf7-select {
	border-radius: 0;
	padding-left: 0;
	padding-right: 0
}

.contact-form .wpcf7-form-control.wpcf7-acceptance {
	margin-top: 10px;
	display: block
}

.contact-form .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
	color: #C0C4CB
}

.container-right .e-con-inner {
	margin-right: 0 !important;
	margin-left: auto
}

.jfooter-wrapper {
	display: none
}

.sectors sup {
	color: #777777 !important
}

.check-item .wcf--title,
.line-item .wcf--title {
	position: relative;
	padding-left: 30px
}

.line-item .wcf--title {
	padding-left: 50px
}

.check-item .wcf--title:before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="19.28" height="19.28" viewBox="0 0 19.28 19.28"%3E%3Cg id="check" transform="translate(-237 -60)"%3E%3Cpath id="Path_3680" data-name="Path 3680" d="M19.555,13a6.555,6.555,0,1,0,6.555,6.555A6.55,6.55,0,0,0,19.555,13Zm3.509,4.512-4.589,4.627a.373.373,0,0,1-.54,0l-1.889-1.889a.382.382,0,0,1,.54-.54l1.62,1.62,4.319-4.319a.373.373,0,0,1,.54,0A.329.329,0,0,1,23.064,17.512Z" transform="translate(227.085 50.085)" fill="%23c0c4cb"/%3E%3Cpath id="Path_3681" data-name="Path 3681" d="M14.64,5a9.64,9.64,0,1,0,9.64,9.64A9.644,9.644,0,0,0,14.64,5Zm0,16.967a7.327,7.327,0,1,1,7.327-7.327A7.323,7.323,0,0,1,14.64,21.967Z" transform="translate(232 55)" fill="%23c0c4cb"/%3E%3C/g%3E%3C/svg%3E');
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0
}

.line-item .wcf--title:before {
	content: '';
	display: block;
	top: 12px;
	left: 0;
	width: 30px;
	height: 1px;
	position: absolute;
	background-color: #70A700
}

.offcanvas__logo {
	text-align: left
}

.offcanvas__logo > a img {
	max-width: 250px !important;
	margin-bottom: 40px
}

.offcanvas__body .desc p {
	padding: 0 !important
}

.offcanvas__body .elementor-button {
    background-color: var(--e-global-color-9a94ce0);
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 30px 15px 30px;
}

.offcanvas__body .elementor-button .elementor-button-text {
	padding-right: 15px;
	font-size: 18px
}

.offcanvas__body .elementor-button img {
	width: 17px
}

.elementor-element[data-settings*="motion_fx"] {
    transition: none !important;
    transform: none !important;
    animation: none !important;
    opacity: 1 !important;
}

.hfeed.site {
	overflow: hidden
}

.normal-text h1,
.normal-text h2,
.normal-text h3,
.normal-text h4,
.normal-text h5,
.normal-text h6 {
	margin-bottom: 1em
}

.normal-text ul,
.normal-text ol {
	margin-left: 30px;
    margin-bottom: 30px;
}

.normal-text ul li {
    list-style: disc;
    list-style-position: outside;
}

b, strong {
	font-family: 'Aeonik Medium';
	font-weight: 500
}

.cky-btn {
	border-width: 1px !important;
	border-radius: 50px !important
}

.cky-title,
.cky-preference-header .cky-preference-title {
	font-family: 'Aeonik Medium' !important;
	font-weight: 500 !important
}


.cky-consent-container .cky-consent-bar {
	border: solid 1px rgba(255, 255, 255, 0.25) !important;
}

.cta-btn .elementor-button-icon {
	background-color: transparent
}

.cta-btn .elementor-button-icon svg {
	position: relative;
	top: 2px
}

.cta-btn .elementor-button-content-wrapper {
	gap: 5px !important
}

.elementor-widget-wcf--counter .wcf--counter .count,
.wcf-default-header-layout ul > li a {
	white-space: nowrap
}

.gradient-border {
	border-image: linear-gradient(to bottom, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%) 1;
}

.inline-iconbox .wcf__iconbox {
	display: flex;
	align-items: flex-start
}

.inline-iconbox.align-center .wcf__iconbox {
	align-items: center
}

.inline-iconbox .wcf__iconbox .title {
	margin-top: -0.25em;
	margin-left: 20px
}

.header-holder .wcf--header-1 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	-webkit-transition:all .5s ease; 
	-moz-transition:all .5s ease; 
	-o-transition:all .5s ease; 
	-ms-transition:all .5s ease; 
	transition:all .5s ease;
}

.header-holder.scroll .wcf--header-1 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.header-holder .header__logo img {
	transform-origin: left center;
	-webkit-transition:all .5s ease; 
	-moz-transition:all .5s ease; 
	-o-transition:all .5s ease; 
	-ms-transition:all .5s ease; 
	transition:all .5s ease;
}

.header-holder.scroll .header__logo img {
	width: 220px !important
}

.inline-iconbox .wcf__iconbox .title {
	margin-top: 0 
}

.iconbox-left .wcf__iconbox {
  	display: grid;
  	grid-template-columns: auto 1fr; 
  	column-gap: 16px;
  	row-gap: 4px;
  	align-items: start; 
}

.iconbox-left .wcf__iconbox .icon {
  	grid-column: 1;
  	grid-row: 1 / span 2;
  	flex-shrink: 0; 
	margin-top: 7px

}

.iconbox-left .wcf__iconbox .title {
  	grid-column: 2;
  	grid-row: 1;
  	margin: 0 0 2px 0;
}

.iconbox-left .wcf__iconbox .desc {
  	grid-column: 2;
  	grid-row: 2;
  	margin: 0;
}

/* Kontener przełącznika */
.seg-toggle{
  position: relative;
  display: flex;
  border: 2px solid #fff;     /* 🔹 biała ramka */
  background: transparent;
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px;               /* 🔹 padding wewnętrzny */
  box-sizing: border-box;
}

/* Opcje */
.seg-option{
  position: relative;
  z-index: 2;                 /* nad wskaźnikiem */
  flex: 1 0 0;
  min-width: 160px;           /* możesz dopasować */
  padding: 10px 20px;
  border: none;
  background: transparent;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  color: #fff;                /* 🔹 biały tekst */
  transition: color .25s ease;
}

/* Wskaźnik przesuwający się */
.seg-indicator{
  position: absolute;
  top: 10px;                   /* 🔹 uwzględnia padding */
  bottom: 10px;
  left: 10px;
  width: calc(50% - 10px);     /* 🔹 szerokość dopasowana */
  background: #0000FF;        /* 🔹 aktywne tło */
  transition: transform .3s ease;
  z-index: 1;
}

/* Stan: aktywne Sp. z o.o. – wskaźnik przesunięty w prawo */
.seg-toggle.is-spzoo .seg-indicator{
  transform: translateX(100%);
}

/* Kolor aktywnego tekstu – pozostaje biały */
.seg-toggle:not(.is-spzoo) .seg-option[data-target="jdg"]{ color: #fff; }
.seg-toggle.is-spzoo .seg-option[data-target="spzoo"]{ color: #fff; }

/* Fokus z klawiatury */
.seg-option:focus-visible{
  outline: 2px solid #fff;    /* 🔹 biały outline */
  outline-offset: -2px;
}

.pum-content.popmake-content {
	padding-top: 40px;
	padding-bottom: 40px
}

.modal-content-holder {
    height: calc(100vh - 100px) !important;
    overflow-y: scroll !important;
}



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

	.header-holder.scroll .header__logo img {
		width: 170px !important
	}
	
}

@media only screen and (max-width:1024px) { 
	
	.header-holder.scroll .header__logo img {
		width: 150px !important
	}

	.container-right .e-con-inner {
		margin-right: 0 !important;
		margin-left: 0 !important
	}
	
	.atributes-holder {
		overflow-x: scroll !important
	}

	.header-holder.scroll .header__logo img {
		width: auto !im
	}

}

@media only screen and (max-width:768px) { 
	
	.header-holder.scroll .header__logo img {
		width: 120px !important
	}

	.premium-video-box-container > div {
		height: 250px
	}
	
	.header-holder .wcf--header-1 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	.seg-option {
		min-width: 130px
	}

}