/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2026 | 16:52:37 */
/*GLOBALS
****************************************/
:root {
	--font-family-main: "Fahrenheit Sans UI", sans-serif;
	--color-white: #fff;
	--color-black: #000;
	--color-gray: #231f20;
	--color-gray-02: #2f2f2f;
	--color-gray-light: #cecece;
	--color-orange-main: #FF5400;
	--color-orange-light: #FCA800;
	--color-orange-dark: #FE4601;
	--color-orange-gradient: linear-gradient(40deg, rgb(251, 67, 20) 0%, rgb(253, 212, 41) 100%);
}

a {
	transition: all 0.3s ease;
}

.text-gradient {
	background: var(--color-orange-gradient);
    background-clip: border-box;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

@keyframes opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacityToHide {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

p {
	&:last-child {
		margin-bottom: 0;
	}
}

body {
	overflow-x: hidden !important;
	font-size: 10px;
	
	&.logged-in {
		& > header {
			&:not(.sticky) {
				margin-top: 3rem;
			}
			
			@media(width >= 992px) {
				margin-top: 2rem !important;
			}
		}
	}
}

.arrow-icon {
	flex-shrink: 0;
	transition: all .3s ease;

	.arrow-icon--circle {
		transition: all .3s ease;
		stroke-dasharray: 95;
		stroke-dashoffset: 95;
	}
}

.btn {
	min-width: 180px !important;
	
	.elementor-button-link {
		min-width: 100%;
		
		.elementor-button-content-wrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			.arrow-icon {
				width: 45px; 
			}
		}
	}
	
	&.btn-default {
		.elementor-button-link {
			.arrow-icon {
				.arrow-icon--arrow {
					stroke: #ff5400;
				}

				.arrow-icon--circle {
					stroke: var(--color-gray-02);
					fill: var(--color-gray-02);
				}
			}
			
			&:hover,
			&:focus {
				.arrow-icon {
					.arrow-icon--circle {
						stroke: #ff5400;
						stroke-dashoffset: 0;
					}
				}
			}
		}	
	}
	
	&.btn-primary {
		.elementor-button-link {
			.arrow-icon {
				.arrow-icon--arrow {
					stroke: var(--color-white);
				}

				.arrow-icon--circle {
					stroke: rgba(255, 255, 255, 0.3);
					fill: rgba(255, 255, 255, 0.3);
				}
			}
			
			&:hover,
			&:focus {
				.arrow-icon {
					.arrow-icon--circle {
						stroke: var(--color-black);
						stroke-dashoffset: 0;
					}
					
					.arrow-icon--arrow {
						stroke: var(--color-black);
					}
				}
			}
		}
	}
	
	&.btn-secondary {
		.elementor-button-link {
			.arrow-icon {
				.arrow-icon--circle {
					fill: #444;
					stroke: var(--color-orange-main);
				}
				
				.arrow-icon--arrow {
					stroke: var(--color-orange-main);
				}
			}
			
			&:hover,
			&:focus {
				.arrow-icon {
					.arrow-icon--circle {
						stroke: #ff5400;
						stroke-dashoffset: 0;
					}
				}
			}
		}
	}
	
	&.btn-third {
		.elementor-button-link {
			.arrow-icon {
				.arrow-icon--arrow {
					stroke: var(--color-orange-main);
				}
				
				.arrow-icon--circle {
					stroke: var(--color-orange-main);
					fill: rgba(245,245,245,.1);
				}
			}
			
			&:hover,
			&:focus {
				.arrow-icon {
					.arrow-icon--circle {
						stroke: #ff5400;
						stroke-dashoffset: 0;
					}
				}
			}
		}
	}
	
	&.btn-fourth {
		.elementor-button-link {
			.arrow-icon {
				.arrow-icon--arrow {
					stroke: #ff5400;
				}

				.arrow-icon--circle {
					stroke: #414141;
					fill: #414141;
				}
			}
			
			&:hover,
			&:focus {
				.arrow-icon {
					.arrow-icon--circle {
						stroke: #ff5400;
						stroke-dashoffset: 0;
						fill: var(--color-black);
					}
				}
			}
		}
	}
	
	&.btn-back,
	&.btn-next,
	&.btn-link {		
		min-width: auto !important;

		.elementor-button-link {
			min-width: auto !important;
			padding: 0;
			margin-left: -0.5rem;
			display: inline-block;
			text-align: left;

			.arrow-icon {
				width: 32px;  
				transform: rotate(180deg);
				/*margin-left: 5px;*/

				.arrow-icon--arrow {
					stroke: #ff5400;
				}
				
				.arrow-icon--circle {
					stroke: #ff5400;
				}
			}			
			
			&:hover,
			&:focus {
				.arrow-icon {
					transform: rotate(180deg) translateX(5px);
					
					.arrow-icon--circle {
						stroke-dashoffset: 0;
					}
				}
			}
		}

	}
	
	&.btn-next {	
		.elementor-button-link {
			.arrow-icon {
				transform: rotate(90deg);
			}			
			
			&:hover,
			&:focus {
				.arrow-icon {
					transform: rotate(90deg) translateX(0);
					
				}
			}
		}
	}
	
	&.btn-link {	
		.elementor-button-link {
			margin-left: 0;
			
			.arrow-icon {
				transform: rotate(0deg);
			}			
			
			&:hover,
			&:focus {
				.arrow-icon {
					transform: translateX(5px);
					
				}
			}
		}
	}
}

.d-block {
	display: block;
}

.d-lg-block {
	@media (width >= 1024px) {
		display: block;
	}
}

.d-none {
	display: none;
}

strong {
	font-weight: 700;
}

.fw-light {
	font-weight: 300;
}

main {
	min-height: 100vh;
	overflow-x: hidden !important;
}

#breadcrumbs {
	& > span {
		display: flex;
		gap: 0.4rem;
		flex-wrap: wrap;
		
		span {		
			position: relative;
			font-weight: 400;
			font-size: 14px;

			&.breadcrumb_last {
				font-weight: 600;

				&:after {
					display: none;
				}
			}

			&:after {
				display: block;
				width: .6rem;
				height: .6rem;
				background-image:       url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1LjVMMSAxMCIgc3Ryb2tlPSIjRkQ1RTAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
				background-repeat: no-repeat;
				background-size: contain;
				content: "";
				position: absolute;
				right: -1rem;
				top: 8px;
				background-color: var(--color-white);
			}
		}
	}
}

.breadcrumb-dark {
	#breadcrumbs {
		& > span {
			span {
				&:after {
					background-color: var(--color-black);
				}
			}
		}
	}
}

.accordion {
	.e-n-accordion-item-title {
		display: flex;
  		justify-content: space-between;
		
		span {
			height: auto;
		}
		
		.arrow-icon {
			width: 45px;
			height: 45px;

			.arrow-icon--arrow {
				stroke: var(--color-orange-main);
			}
			
			.arrow-icon--circle {
				stroke: var(--color-gray-light);
				transition: all .3s ease;
				stroke-dasharray: 0;
        		stroke-dashoffset: 0;
			}
		}
		.e-opened {
			 .arrow-icon {
			  transform: rotate(90deg);

				 .arrow-icon--circle {
					 stroke: var(--color-orange-main);
				 }
			}
		}
		
		&:hover {
			.arrow-icon {
				.arrow-icon--circle {
					stroke: var(--color-orange-main);
				}
			}			
		}
	}
	
}

/*main {
	.e-con.e-parent {
		padding: 5rem 1rem;

		@media (width > 1024px) {
			padding: 10rem 1rem;
		}
	}
}*/

/*HEADER
*****************************************/
header {
	position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 2em 0;
    transition: background-color .5s ease 0s, opacity .5s ease .7s, padding .5s ease;
	
	&.header--scrolled {
		background-color: rgba(0,0,0,.8);
		
        .header__logo {
			.header__logoSvg {
				.header__isoSvg {
					transform: scale(3);
					transition-delay: 170ms;
					animation: opacityToHide 1s both;
					animation-delay: 1s;

					svg {
						&.normal {
							display: none;
						}

						&.sticky {
							display: block;
						}
					}

					&.header__isoSvg--gradient {
						animation: opacity 1s both;
						animation-delay: 1s;
					}
				}

				.header__numberSvg {
					opacity: 0;
					transform: translateX(-3em);

					&.header__numberSvg--4 {
						transition-delay: 0ms;
					}

					&.header__numberSvg--5 {
						transition-delay: 100ms;
					}

					&.header__numberSvg--1 {
						transition-delay: 200ms;
					}
				}
			}
			
            svg {
                .change-path {
                    fill: var(--color-white) !important;
                }

                .static-path {
                    fill: #FF4E00;
                }
            }
        }
		
		.header-desktop {
		  .elementor-nav-menu--main  {
			ul {
			  li {
				a {
				  	color: var(--color-white) !important;
					transition: all 0.3s ease;

				  &:hover {
					color: var(--color-black) !important;
				  }

				  &:after {
					background-color: var(--color-white);
					width: 105%;
					opacity: 1;
				  }
				}

				&.current-menu-item,
				&.current-page-ancestor {
				  a {
					color: var(--color-black) !important;

					&:after {
					  background-color: var(--color-white);
					  width: 105%;
					  opacity: 1;
					}
				  }
				}
			  }
			}
		  }
		}
		
		.header-mobile {
			.header__toggleMenu {
				&:after,
				&:before {
					background-color: var(--color-white);
				}
			}
		}
    }
	
	.header__logo {
		display: inline-block;
        transition: all 1s ease;
		
		&:hover {
			transform: scale(1.1);
		}
		
		.header__logoSvg {
			width: 80px;
			height: auto;
			display: block;
			position: relative;

			@media(width >= 1024px) {
				width: 90px;
				margin-right: .5rem;
			}

			svg {
				width: 100%;
				height: auto;
				display: block;
				opacity: 1;
				transition: opacity 500ms ease;

				path {
					transition: fill 1s ease;
					
					&.change-path {
						fill: #231f20;
					}

					&.static-path {
						fill: #FF4E00;
					}
				}
			}
			
			.header__numberSvg {
				width: 100%;
				height: auto;
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				z-index: 0;
				opacity: 1;
				transition: transform 700ms ease, opacity 500ms ease;

				svg {
					width: 100%;
					height: auto;
					display: block;
				}

				&.header__numberSvg--4 {
					position: relative;
					transition-delay: 200ms;
				}

				&.header__numberSvg--4 {
					transition-delay: 100ms;
				}

				&.header__numberSvg--4 {
					transition-delay: 0ms;
				}
    		}
			
			.header__isoSvg {
				width: 11px;
				height: auto;
				display: block;
				z-index: 1;
				position: absolute;
				top: 0;
				right: 0;
				transform: scale(1);
				transform-origin: top right;
				transition: transform 700ms ease 0ms;

				svg {
					width: 100%;
					height: auto;
					display: block;

					&.normal {
						display: block;
					}

					&.sticky {
						display: none;
					}
				}

				&.header__isoSvg--gradient {
					opacity: 0;
				}
			}
		}
	}
	
	.elementor-nav-menu--main {
		ul {
			li {
				.elementor-item {
					position: relative;
					
					&:hover {
						color: var(--color-white) !important;
						
						&:after {
							opacity: 1;
							width: 105%;
						}
					}
					
					&:after {
						content: "";
						position: absolute;
						top: 0;
						left: 50%;
						width: 0;
						height: 100% !important;
						border-radius: 2rem;
						background-color: var(--color-black);
						opacity: 0;
						transition: opacity 300ms ease, width 300ms ease;
						z-index: -1;
						transform: translateX(-50%);
					}
				}
				
				&.current-menu-item,
				&.current-page-ancestor {
					a {
						@media (width >= 1025px) {
							color: var(--color-white) !important;
						}

						&:after {
							@media (width>= 1025px) {
								background-color: var(--color-black);
								width: 105%;
              					opacity: 1 !important;
							}
						}
					}
					
					&.menu-item-home {
						@media (width >= 1025px) and (width <= 1366px) {
							margin-left: 1rem;
						}
					}
				}
			}
		}
	}
	
	.header-mobile {
		.header__toggleMenu {
			width: 30px;
			height: 30px;
			background-color: rgba(0, 0, 0, 0);
			border: none;
			outline: none;
			position: absolute;
			top: 0;
			z-index: 9999;
			transition: opacity .5s ease 0s;
			left: 0;
			right: auto;
			
			&:after,
			&:before {
				content: "";
				display: block;
				width: 100%;
				height: 2px;
				position: absolute;
				left: 0;
				top: 0;
				transform-origin: center;
				transition: transform .3s ease 0s, top .3s ease 0s, background-color .3s ease 0s;
				background-color: var(--color-black);
			}
			
			&:before {
				top: 8px;
			}
			
			&:after {
				top: 20px;
			}
			
			&.active {
				&:before {
					transform: rotate(45deg);
					top: 50%;
					background-color: var(--color-white);
				}
				
				&:after {
					transform: rotate(-45deg);
					top: 50%;
					background-color: var(--color-white);
				}
			}
		}
		
		.menu-mobile {
			transform: translateY(100vh);
			
			&.active {
				transform: translateY(0);
			}
			
			.elementor-nav-menu--main {
				margin-top: 2rem;
				
				ul {
					li {
						border-bottom: 1px solid rgba(237,237,237,.2);
						margin-bottom: 0 !important;
						
						a {
							background-image: url("data:image/svg+xml,%3Csvg class='arrow-icon' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23414141' stroke='%23414141' stroke-width='1.5' stroke-linejoin='round' stroke-miterlimit='10'%3E%3Ccircle class='arrow-icon--circle' cx='16' cy='16' r='15.12'%3E%3C/circle%3E%3Cpath class='arrow-icon--arrow' d='M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98' stroke='%23ff5400'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
							background-repeat: no-repeat;
							background-position: right center;
							background-size: 40px;
						}
					}
				}
			}
		}
		
		&.header-services {
			.header__toggleMenu {
				&:after,
				&:before {
					background-color: var(--color-white);
				}
			}
		}
	}
	
	.header-desktop {
		&.header-services {
			.elementor-nav-menu--main {
				a {
					&:hover {
						color: var(--color-black) !important;

						&:after {
							@media (width>= 1024px) {
								background-color: var(--color-white) !important;
							}
						}
					}
				}
				.current-page-ancestor {
					a {
						color: var(--color-black) !important;

						&:hover {
							color: var(--color-black) !important;

							&:after {
								@media (width>= 1024px) {
									background-color: var(--color-white) !important;
								}
							}
						}

						&:after {
							@media (width>= 1024px) {
								background-color: var(--color-white) !important;
							}
						}
					}
				}
			}
		}
	}
}

body {
    &:not(.home) {
        header {
            &:not(.header--scrolled) {
                .header-desktop:not(.header-services) {
                    .btn-primary {
                        .elementor-button-link {
                            color: var(--color-black);
                            border-color: var(--color-black);

                             .arrow-icon {
                                .arrow-icon--circle {
                                    stroke: var(--color-black);
                                    fill: var(--color-black);
                                }

                                .arrow-icon--arrow {
                                    stroke: var(--color-white);
                                }
                            }

                            &:hover {
                                background-color: var(--color-black);
                                color: var(--color-white);
                                
                                .arrow-icon {
                                    .arrow-icon--circle {
                                        stroke: var(--color-white);
                                        stroke-dashoffset: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/*FOOTER
******************************************************************************/
footer {
	position: relative;
	background: linear-gradient(90deg, #fd4500 0%, #fd5f00 65%, rgb(253, 131, 0) 100%);
	overflow: hidden;
	
	.elementor-nav-menu {
		gap: 2rem;
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		
		@media (width >= 992px) {
			grid-template-columns: 1fr 1fr 1fr;
		}
		
		li {    	
			a {
			  font-size: 1.6rem;
			  line-height: 120%;
			  letter-spacing: .015em;
			  font-weight: 400;
			  margin: 0;
			  color: var(--color-black);
			  display: block;
			  position: relative;
			  padding: .5em 0;
			  transition: color 600ms ease;
			  border-bottom: 1px solid rgba(0,0,0,.1);
				
				&::after {
					position: absolute;
					content: "";
					bottom: -2px;
					left: 0;
					width: 0;
					height: 2px;
					background-color: #000;
					opacity: 0;
					transition: opacity .3s ease,width .4s ease;
					z-index: 1;
				}
				
				&:hover,
				&:focus {
					color: var(--color-gray);
					
					&::after {
						opacity: 1;
  						width: 100%;
					}
				}
			}
		}
	}
	
	.footer__copy {
		@media(width >= 992px) {
			margin-bottom: 0;
		}
	}
}

/*HOME
********************************************************/
.heroHome {
	background: linear-gradient(17deg, rgb(253, 69, 0) 72%, rgb(253, 121, 0) 84%, rgb(253, 131, 0) 100%);
	
	h1 {
		min-height: 124px;
		
		@media (width > 768px) {
			min-height: 218px;
		}
		
		@media (width >= 1025px) {
			min-height: 326px;
		}
		
		@media (width >= 1367px) {
			min-height: 360px;
		}
		
		@media (width >= 1920px) {
			font-size: 18rem !important;
			min-height: 490px;
		}
	}
}

.homeServices {
	.svg-bg {
		width: 100vw;
		height: auto;
	}
	
	.elementor-icon-list-item {
		a {
			justify-content: space-between !important;
			flex-direction: row-reverse;
			
			&:hover {
				.arrow-icon {
					.arrow-icon--circle {
						stroke-dashoffset: 0;
    					stroke: var(--color-orange-main);
					}
				}
			}
		}
		
		.arrow-icon {
			.arrow-icon--circle {
				fill: var(--color-gray-02);
				stroke: var(--color-gray-02);
			}
			
			.arrow-icon--arrow {
				stroke: var(--color-orange-main);
			}
		}
	}
}

.homeWhatThatWorks {
	.elementor-widget-image {
		height: 100%;
	}
}

.homeWorks {
	.worksHighlight {
		.elementor-grid {
			.e-loop-item {
				@media (width >= 768px) {
					min-height: 45rem;
				}
				
				&:nth-child(3),
				&:nth-child(5) {
					& > div {
						border-top-right-radius: 0;
						border-bottom-right-radius: 0;
					}
				}

				&:nth-child(2),
				&:nth-child(4) {
					& > div {
						border-top-left-radius: 0;
						border-bottom-left-radius: 0;
						
						.e-loop-item-content {
							.e-con-inner {
								align-items: end;
							}
						}
					}
				}

				.elementor-widget-image {
					height: 100%;
				}
			}
		}
	}
	
	.sliderWorksHightlight {
		.swiper {
			.swiper-slide {
				min-height: 400px;
				border-radius: 1rem;
                overflow: hidden;
				
				&::after {
					position: absolute;
					bottom: 0;
					left: 0;
					border-radius: 20px;
					content: "";
					width: 100%;
					height: 100%;
					z-index: 3;
					background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);  
					transition: all .3s ease;
				}
				
				.elementor-widget-image {
					height: 100%;
				}
				
				.e-loop-item-content {
					padding-left: 1.5rem;
					padding-right: 1.5rem;
				}
			}
		}
	}
}

/*JOIN
******************************************************/
.joinPositions {
	.elementor-icon-list-item {
		a {
			justify-content: space-between !important;
			flex-direction: row-reverse;
			
			&:hover {
				.arrow-icon {
					.arrow-icon--circle {
    					stroke: var(--color-orange-main);
					}
				}
			}
		}
		
		.arrow-icon {
			.arrow-icon--circle {
				stroke: var(--color-gray-light);
				stroke-dashoffset: 0;
			}
			
			.arrow-icon--arrow {
				stroke: var(--color-orange-main);
			}
		}
	}
	
	.position-content {
		ul {
			padding-left: 1rem;
			list-style: square;
			
			li {
				margin-bottom: 5px;
			}
		}
	}
	
	.joinForm {
		margin: 0;
	}
}

#form-contact {
	.joinForm {
		.wpforms-form {
			.wpforms-field {
				
				&.inputPosition {
					height: 0;
					padding: 0;
					overflow: hidden;
				}
				
				input,
				textarea {
					border: 1px solid transparent;
            		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #a6a6a6, #dfdfdf) border-box;
					color: var(--color-black);
					
					&::placeholder {
						color: var(--color-black);
					}
					
					&:focus {
						outline: 2px solid var(--color-gray-02);
					}
				}
			}
			
			.wpforms-submit {
				min-width: 260px;
			}
		}
	}
}

/*SERVICES
****************************************************/
.services-grid {
	.e-loop-item {
		.elementor-icon-box-icon {
			transform: translateY(.75rem);
			
			@media (width >= 1024px) {
				transform: translateY(1rem);
			}
			
			svg {
				overflow: visible;
			}
		}
		
		.elementor-icon-box-title {
			@media (width >= 768px) {
				max-width: 65%;
			}
		}
		
		.elementor-widget-icon {
			a {
				&:hover {
					.arrow-icon {
						.arrow-icon--circle {
							stroke: var(--color-orange-main);
						}
					}
				}
			}
			.arrow-icon {
				.arrow-icon--circle {
					stroke: var(--color-gray-light);
					stroke-dashoffset: 0;
				}

				.arrow-icon--arrow {
					stroke: var(--color-orange-main);
				}
			}
		}
	}
}

/*FORM
*********************************************************/
#form-contact {
	&.formSecondary {
		.wpforms-form {
			.wpforms-field {
				input,
				textarea {
					background: linear-gradient(#fff, #fff) padding-box,linear-gradient(to right, #a6a6a6, #dfdfdf) border-box;
					color: var(--color-black);
					
					&:focus {
						outline: 2px solid var(--color-gray-02);
						color: var(--color-black);
					}

					&::placeholder {
						color: var(--color-black);
					}
				}
			}
		}
		
	}
	
	.wpforms-container {
		margin-top: 0;
		
		@media (width >=768px) {
			margin-top: -1rem;
		} 
	}

	.wpforms-form {
		.wpforms-one-half {
			@media(width <= 1024px) {
				width: 100%;
				margin: 0;
			}
		}

		.wpforms-field {
			input,
			textarea {	
				width: 100%;
				min-height: 55px;
				border: none;
				font-size: 18px;
				padding: 0;
				font-weight: 300;
				padding: 0.6em 1em;
				outline: 2px solid transparent;
				transition: outline 0.3s ease;
				outline-offset: -2px;
				border-radius: 10px;
				border: 1px solid transparent;
				background: linear-gradient(#191919, #191919) padding-box,linear-gradient(to right, #757575, #272727) border-box;
				color: var(--color-white);
				
				&:-webkit-autofill {
				  	-webkit-box-shadow: 0 0 0px 1px var(--color-gray-light) inset; /* Overrides the default background */
				  	-webkit-text-fill-color: #333; /* Sets the text color */
					background-color: transparent !important;
				}

				&::placeholder {
					color: var(--color-white);
					opacity: .65 !important;
					transition: all 0.3s ease;
				}

				&:focus {
					color: var(--color-white);
					outline: 2px solid var(--color-gray-light);
					outline-offset: -1px;	
					box-shadow: none;

					&::placeholder {
						opacity: 0.4 !important;
					}
				}
			}

			textarea {
				resize: none;
				height: 12rem;
			}
			
			.wpforms-required-label {
				color: inherit;
			}

			em.wpforms-error {
				font-size: 13px;
				margin-top: 0.5rem;
			}
		}

		.wpforms-submit {
			background-color: var(--color-gray-02);
			color: #fff !important;
			border: 2px solid var(--color-gray-02);
			padding: 1rem .2rem 1rem 1.6rem;
			min-width: 180px;
			display: inline-flex;
			align-items: center;
			justify-content: space-between;
			border-radius: 30px;
			color: #fff;
			font-size: 17px;    
			font-weight: 400;
			height: auto;
			transition: all 0.3s ease;

			&::after {
				position: absolute;
				right: 0.15rem;
				top: 0.2rem;
				left: initial;
				content: "";
				width: 44px;
				height: 44px;
				background-image: url("data:image/svg+xml,%3Csvg class='arrow-icon' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23414141' stroke='%23414141' stroke-width='1.5' stroke-linejoin='round' stroke-miterlimit='10'%3E%3Ccircle class='arrow-icon--circle' cx='16' cy='16' r='15.12'%3E%3C/circle%3E%3Cpath class='arrow-icon--arrow' d='M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98' stroke='%23ff5400'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
				background-size: 100%;
				transition: all 0.3s ease;
			}

			&:hover,
			&:focus {
				background-color: #414141;
				border-color: transparent;

				&::after {
					background-image: url("data:image/svg+xml,%3Csvg class='arrow-icon' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23414141' stroke='%23ff5400' stroke-width='1.5' stroke-linejoin='round' stroke-miterlimit='10'%3E%3Ccircle class='arrow-icon--circle' cx='16' cy='16' r='15.12'%3E%3C/circle%3E%3Cpath class='arrow-icon--arrow' d='M16.14 9.93L22.21 16l-6.07 6.07M8.23 16h13.98' stroke='%23ff5400'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
				}
			}
		}
		
		.wpforms-field-file {
			&:after {
				content: "*.docx | *.pdf";
				font-size: 13px;
				text-align: right;
				padding: 2px 0;
				display: block;
			}
			
			.wpforms-field-label {
				position: absolute;
				top: 3rem;
				left: 1.2rem;
				font-weight: 300;
				opacity: .75;
				font-size: 18px;
			}
			
			input[type="file"] {
				margin: auto;
				padding: 2rem 2.5rem;
				border: 2px dashed var(--color-gray-light);
				background: var(--color-white);
				transition: border-color .25s ease-in-out;
				height: auto;
				max-width: 100%;
				font-size: 0.95rem;
				cursor: pointer;
				min-height: 90px;
				color: #999;
				transition: all 0.3s ease;
				
				&:hover {
					border-style: solid;
				}
			  
				&::file-selector-button {
					border: 0;
					background-color: transparent;
					color: hsl(210 40% 90%);
					transition: all .25s ease-in-out;
					cursor: pointer;
					margin-right: 1em;
					color: var(--color-black);
					/*padding: 1rem 2rem;*/
					opacity: 0;
				}
			}
		}
	}
	
	.formMessage {
		@media (width <= 991px) {
			position: relative;
		}
	}
}


/*CLIENTS SLIDER SECTION
*****************************************************/
.clients-slider {
	.swiper {
		.swiper-slide {
			margin: 0 3rem;
			img {
				filter: contrast(0.1);
				opacity: 0.6;
			}
		}
	}
}

/*OUR WORK
*******************************************************/
.filter-buttons {
	white-space: nowrap;
    overflow: auto;
	
	button, a {
		color: #808285;
		position: relative;
		background: none;
		font-weight: 300;
		font-size: 1rem;
		border: 0;
		opacity: 1;
		transition: color .5s ease;
		display: inline-block;
		padding: .6em 1em;
		font-weight: 400;
		
		@media (width >= 1024px) {
			font-size: 1.2rem;
		}
		
		&::after {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 50%;
		  width: 0;
		  height: 100%;
		  border-radius: 1.6em;
		  background-color: #e4e4e4;
		  opacity: 0;
		  transition: opacity 300ms ease,width 300ms ease;
		  z-index: -1;
		  transform: translateX(-50%);
		}
		
		&:hover,
		&.active {
			  color: #000;
			
			&::after {
				opacity: 1;
				width: 100%;
			}
		}
	}
}

.our-work {
	.e-loop-item {
		position: relative;
		width: 100%;
		margin: 10px 0;
		
		@media (width >= 1024px) {
			width: calc(50% - 20px);
			margin: 10px;
		}
		
		&.e-loop-item--left {
			.e-loop-item-content {
				.e-con-inner {
					align-items: flex-end;					
				}
			}
		}
		
		.e-con {
			height: 300px;	
			
			@media (width >= 1024px) {
				height: 420px;
			}

			&.height-2 {
				@media (width >= 1024px) {
					height: 860px;
				}
			}			
		}	
		
		&::after {
			position: absolute;
			bottom: 0;
			left: 0;
			border-radius: 20px;
			content: "";
			width: 100%;
			height: 100%;
			z-index: 3;
			background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);  
			transition: all .3s ease;
			
			@media (width < 1024px) {
				border-radius: 0;
			}
		}
		
		&:hover {
			&::after {
				  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
			}
		}
		
		.elementor-widget-image {
			width: 100% !important;
			height: 100% !important;
			left: 50% !important;
			top: 50% !important;
			transform: translate(-50%,-50%);

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}
	}
	
}

.our-work-template-default {
	footer {
		display: none;
	}
}

/*CONTACT
**********************************************/
.contact-locations {
	& > div {
		position: relative;
		
		&:last-child {
			&:after {
				display: none;
			}
		}
		
		&:after {
			content: '';
			display: block;
			width: 85%;
			left: 2rem;
			bottom: -1.5rem;
			height: 1px;
			background-color: var(--color-gray-light);
			position: absolute;
		}
	}
	
	.elementor-widget-icon-box {
		.elementor-icon-box-icon {
			transform: translateY(0.5rem);
		}
	}
}

/*OUR POLICIES
*************************************************/
.ourPolicies-grid {
	h3 {
		@media (width >= 1024px) {
			min-height: 66px;
		}
	}
	
	.elementor-widget-text-editor {
		@media (width >= 1024px) {
			min-height: 102px;
		}
	}
}

.ourPolicies-content {
	h4 {
		font-weight: 300;
		margin-top: 2rem;
	}
	
	p {
		a {
			text-decoration: underline;
		}
	}
	
	ol,
	ul {
		padding-left: 0;
    	margin-left: 1.5rem;
		
		@media (width >= 1024px) {
    		margin-left: 1rem;
		}
	}
}

/*COOKIEBOT
*************************************************/
#CybotCookiebotDialogTabContent,
#CybotCookiebotDialogBodyButtons {
    font-family: var(--font-family-main) !important;
    font-weight: 400 !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonDescription {
    font-weight: 500 !important;
}

/*Branding on the banner*/
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredByText {
    display: none;
}

/*Branding on the Privacy trigger*/
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

#CybotCookiebotDialog {
    h2 {
        margin-bottom: 0 !important;
    }

    .CybotCookiebotScrollContainer {
        min-height: auto !important;
    }

    .CybotCookiebotDialogBodyContentHeading {
        @media (width >= 1024px) {
            margin-bottom: 0 !important;
        }
    }

}

#CybotCookiebotDialog.CybotEdge {
    @media (width >= 1024px) {
        padding: 8px 16px !important;
    }

    #CybotCookiebotDialogBodyEdgeMoreDetails {
        a:after {
            margin-left: .25em !important;
			width: 6px !important;
            height: 6px !important;
        }
    }

    .CybotCookiebotDialogContentWrapper {
        @media (width >= 1024px) {
            max-width: 1360px !important;
        }
    }

    #CybotCookiebotDialogHeader {
        display: none;
    }

    .CybotCookiebotDialogBodyBottomWrapper {
        @media (width >= 1024px) {
            margin-top: .5em !important;
        }
    }

    #CybotCookiebotDialogFooter {
        @media (width >= 1024px) {
            position: relative !important;
            top: 50%;
            transform: translateY(-50%);
        }

        #CybotCookiebotDialogBodyButtonsWrapper {
            @media (width >= 1024px) {
                flex-direction: row !important;
                align-items: center;
                gap: 0.5rem;
            }
        }
    }
}

.CybotCookiebotDialogBodyButton {
    border-radius: 3rem !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 0 !important;
	font-family: var(--font-family-main) !important;
	font-weight: 500 !important;
	min-height: 50px;

    &#CybotCookiebotDialogBodyButtonDecline {
        @media(width >= 1024px) {
            margin-top: 0 !important;
        }
    }
}

/*BLOG
**************************************************************************/
.blog-latest {
    .elementor-loop-container.elementor-grid {
        display: flex;
        flex-wrap: wrap;
		
		@media (width >= 992px) {
        	margin-right: -30px;
		}
        
		.e-loop-item {
            width: calc(33.33% - 30px);
		
			@media(width <= 768px) {
				/*width: calc(100% - 30px);	*/
				width: 100%;
			}
            
            &:nth-child(3),
            &:nth-child(2) {
                width: calc(50% - 30px);
				
				@media(width <= 768px) {
					/*width: calc(100% - 30px);*/
					width: 100%;
				}
            }
			
			.elementor-heading-title {
				&:hover {
					text-decoration: underline;
				}
			}
        }
    }
}

.single-post {
	.postContent {
		p {
			margin-bottom: 1.1rem !important;
		}
	}
}

/*OUR WORK SECTION - SLIDER
**************************************************/
#sliderCases {
	.svg-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: auto;
        z-index: 1;

        @media (width >= 992px) {
            width: 60vw;
        }
    }
	
	h2 {
		text-align: left;
		
		strong {
			margin-top: 5px;
			
			@media (width >= 1025px) {
				font-size: 44px;
			}
		}
	}
	
	.swiper {
		.swiper-slide {
			min-height: 260px;
			
			@media (width >= 992px) {
				min-height: 400px; 
			}
			
			&:hover {
				.e-loop-item-content {
					transform: translatey(0);
				}
				
				&::after {
					opacity: 1;
				}
			}
			
			&::after {
				position: absolute;
				bottom: 0;
				left: 0;
				border-radius: 20px;
				content: "";
				width: 100%;
				height: 100%;
				z-index: 3;
				background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);  
				transition: all .3s ease;
				
				@media (width >= 992px) {
					opacity: 0;
				} 
			}
			
			.e-con-boxed  {
				border-radius: 20px !important;
			}
			
			.elementor-widget-image {
				width: 100% !important;
				height: 100% !important;
				left: 50% !important;
				top: 50% !important;
				transform: translate(-50%, -50%);
			}
			
			.e-loop-item-content {
				@media (width >= 992px) {
					transform: translatey(100%);
					transition: transform 0.3s ease-out;
				}
			}
		}
	}
}

.video-controls {
  width: 100%;
  background: rgba(0,0,0,.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  transition: all .5s ease;
	a.play {
	  color: #fff;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
		
		.arrow-icon {
			.arrow-icon--arrow {
				stroke: #ff5400;
			}
		}

		&:hover,
		&:focus {
			.arrow-icon {
				transform: translate3d(5px, 0, 0);
				.arrow-icon--circle {
					stroke: #ff5400;
					stroke-dashoffset: 0;
				}
			}
		}
	}
	
	a.pause {
	  color: #fff;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: flex-end;
	  justify-content: flex-start;
	  padding: 5em;
	  font-weight: bold;
	  font-size: 12px;
	  letter-spacing: 2px;
	  text-transform: uppercase;
	  text-shadow: 0 0 10px rgba(0,0,0,.5);
	  display: none;
	}
}

.playing {
    .video-controls {
      background: rgba(0, 0, 0, 0);

      a {
        &.play {
          display: none;
        }

        &.pause {
          display: flex;
        }
      }
    }
  }

/*OUR WORK - CASES
***************************************************************/
#casePesti {
	.elementor-widget-text-editor {
		h3 {
			font-size: 22px;
			color: #747474;
		}
	}
}