.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
position: absolute !important;
word-wrap: normal !important;
}
.findUsSelect select{
width:100% !important;
}*,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
.container {
width: 100%;
} .swiper-button-next, .swiper-button-prev {flex: 0 0 var(--swiper-navigation-size);width: var(--swiper-navigation-size);margin: 0 -7px; }
.swiper-button-next:after, .swiper-button-prev:after{display: flex; width: 100% !important;height: 100% !important; justify-content: center;align-items: center; }
.wp-block-button__link:hover {
background: #fee27b;
border-color: #fee27b;
color: #262C3F;
}
.breadcrumb.pl-5{
z-index: 2;
padding-left: 40px;
}
.btnHoverStyle1,.btnHoverStyle2,.wpcf7-submit{border: 1px solid transparent;}
.wpcf7-submit:hover {background: transparent;color: #262C3F;border: 1px solid #262C3F;transition: .5s;}
.text-\[\#3D4757\]{
color: #3D4757;
}
ul#mobile-primary-menu a, ul#mobile-primary-menu button,ul#mobile-primary-menu p {
color: #3D4757 !important;
}  .wp-block-social-links .wp-social-link svg{width: 26px;height: 26px;}
ul#primary-menu p{margin-bottom: 0 !important;} .privacy-policy .career-details,.general-terms-and-conditions .career-details { margin-top: 0; } 
.privacy-policy .career-details h1, .general-terms-and-conditions .career-details h1 { font-size: 58px !important; line-height: 63px; margin-bottom: 40px !important; color: #262c3f !important; } 
.privacy-policy .career-details p, .general-terms-and-conditions .career-details p,.general-terms-and-conditions .career-details li { font-size: 18px !important; color: #262c3f !important; } 
.privacy-policy .career-details h2, .general-terms-and-conditions .career-details h2 { font-size: 28px !important; margin-top: 40px !important; margin-bottom: 20px !important; } 
.privacy-policy .career-details h3, .general-terms-and-conditions .career-details h3 { font-size: 20px !important; } 
.privacy-policy div#content > div, .general-terms-and-conditions div#content > div  { padding-bottom: 80px !important; } .general-terms-and-conditions .career-details ul,.general-terms-and-conditions .career-details ol{padding-left: 20px !important;}
.wpcf7-form input.wpcf7-form-control.wpcf7-text.datetimepicker {
background-color: #fff !important;
background-image: url(https://staging.efulfilment.eu/wp-content/uploads/2025/08/bx_calendar.png); background-size: 20px;
background-repeat: no-repeat;
background-position: right 20px center;
padding-right: 35px !important; cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7-form input.wpcf7-form-control.wpcf7-text.datetimepicker::-webkit-inner-spin-button,
.wpcf7-form input.wpcf7-form-control.wpcf7-text.datetimepicker::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
.career-details a { font-family: 'SpaceGrotesk', sans-serif !important; color: #fee27b !important; } section.efulmap {
background-color: #7792a0;
}
.eful-map_rssation {
max-width: 1351px !important;
margin-left: auto;
margin-right: auto;
}
.pb-\[30px\] {
padding-bottom: 30px;
}
.privacy-policy .career-details li { margin: 0 0 15px; font-size: 18px !important; color: #262c3f !important; }
.privacy-policy .career-details ol,.privacy-policy .career-details ul{margin-bottom: 20px;}
.min-w-\[246px\] {
min-width: 246px;
} .pick-stack-attack-is-terug .swiper-container.mt-\[8rem\],.pick-stack-attack-is-back .swiper-container.mt-\[8rem\]{
margin-top: 0 !important;
}
.swiper-wrapper .swiper-slide {
overflow: hidden;
}
.swiper-wrapper .swiper-slide > img {
transition: .5s ease-in-out;
transform-origin: center;
width: 100%;
}
.swiper-wrapper .swiper-slide:hover > img {transform: scale(1.3)}
.h2-heading h2{line-height: 110%;} @media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
} p.p-flex {
display: flex;
align-items: start;
margin-bottom: 25px !important;
}
p.p-flex strong {
min-width: 200px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0px;
}
.bottom-0 {
bottom: 0px;
}
.bottom-full {
bottom: 100%;
}
.end-2\.5 {
inset-inline-end: 0.625rem;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: 50%;
}
.right-0 {
right: 0px;
}
.right-2 {
right: 0.5rem;
}
.start-0 {
inset-inline-start: 0px;
}
.top-0 {
top: 0px;
}
.top-2 {
top: 0.5rem;
}
.top-3 {
top: 0.75rem;
}
.top-\[20px\] {
top: 20px;
}
.top-\[5rem\] {
top: 5rem;
}
.top-full {
top: 100%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-50 {
z-index: 50;
}
.z-\[0\] {
z-index: 0;
}
.z-\[1\] {
z-index: 1;
}
.z-\[25\] {
z-index: 25;
}
.z-\[2\] {
z-index: 2;
}
.z-\[3\] {
z-index: 3;
}
.z-\[99\] {
z-index: 99;
}
.m-auto {
margin: auto;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-\[24px\] {
margin-top: 24px;
margin-bottom: 24px;
}
.my-\[50px\] {
margin-top: 50px;
margin-bottom: 50px;
}
.mb-\[15px\] {
margin-bottom: 15px;
}
.my-\[60px\] {
margin-top: 60px;
margin-bottom: 60px;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-\[10px\] {
margin-bottom: 10px;
}
.mb-\[11px\] {
margin-bottom: 11px;
}
.mb-\[16px\] {
margin-bottom: 16px;
}
.mb-\[20px\] {
margin-bottom: 20px;
}
.mb-\[24px\] {
margin-bottom: 24px;
}
.mb-\[27px\] {
margin-bottom: 27px;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.mb-\[32px\] {
margin-bottom: 32px;
}
.mb-\[40px\] {
margin-bottom: 40px;
}
.mt-\[30px\] {
margin-top: 30px;
}
.mt-\[-40px\] {
margin-top: -40px;
}
.bottom-\[-40px\] {
bottom: -40px;
}
.mb-\[42px\] {
margin-bottom: 42px;
}
.mb-\[50px\] {
margin-bottom: 50px;
}
.mb-\[56px\] {
margin-bottom: 56px;
}
.mb-\[5px\] {
margin-bottom: 5px;
}
.mb-\[60px\] {
margin-bottom: 60px;
}
.mb-\[67px\] {
margin-bottom: 67px;
}
.mb-\[80px\] {
margin-bottom: 80px;
}
.ml-4 {
margin-left: 1rem;
}
.ml-\[-90px\] {
margin-left: -90px;
}
.mr-\[10px\] {
margin-right: 10px;
}
.ms-3 {
margin-inline-start: 0.75rem;
}
.ms-2 {
margin-inline-start: 0.15rem;
}
.ms-auto {
margin-inline-start: auto;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-\[-300px\] {
margin-top: -300px;
}
.mt-\[-68px\] {
margin-top: -68px;
}
.mt-\[115px\] {
margin-top: 115px;
}
.mt-\[120px\] {
margin-top: 120px;
}
.mt-\[12rem\] {
margin-top: 12rem;
}
.mt-\[170px\] {
margin-top: 170px;
}
.mt-\[1px\] {
margin-top: 1px;
}
.mt-\[20px\] {
margin-top: 20px;
}
.mt-\[29px\] {
margin-top: 29px;
}
.mt-\[24px\] {
margin-top: 24px;
}
.mt-\[40px\] {
margin-top: 40px;
}
.mt-\[54px\] {
margin-top: 54px;
}
.mt-\[5rem\] {
margin-top: 5rem;
}
.mt-\[60px\] {
margin-top: 60px;
}
.mt-\[71px\] {
margin-top: 71px;
}
.mt-\[75px\] {
margin-top: 75px;
}
.mt-\[76px\] {
margin-top: 76px;
}
.mt-\[7px\] {
margin-top: 7px;
}
.mt-\[80px\] {
margin-top: 80px;
}
.mt-\[8px\] {
margin-top: 8px;
}
.mt-\[8rem\] {
margin-top: 8rem;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.aspect-\[16\/9\] {
aspect-ratio: 16/9;
}
.h-10 {
height: 2.5rem;
}
.h-2\.5 {
height: 0.625rem;
}
.h-3 {
height: 0.75rem;
}
.h-8 {
height: 2rem;
}
.h-\[110px\] {
height: 110px;
}
.h-\[100\%\] {
height: 100%;
}
.h-\[114px\] {
height: 114px;
}
.h-\[135px\] {
height: 135px;
}
.h-\[200vh\] {
height: 200vh;
}
.h-\[250px\] {
height: 250px;
}
.h-\[259px\] {
height: 259px;
}
.h-\[285px\] {
height: 285px;
}
.h-\[295px\] {
height: 295px;
}
.h-\[2px\] {
height: 2px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[326px\] {
height: 326px;
}
.h-\[216px\] {
height: 216px;
}
.bg-top-80{
background-position: right top 80px;
background-repeat: no-repeat;
}
.h-\[32px\] {
height: 32px;
}
.h-\[370px\] {
height: 370px;
}
.h-\[400px\] {
height: 400px;
}
.h-\[40px\] {
height: 40px;
}
.h-\[44px\] {
height: 44px;
}
.w-\[22px\] {
width: 22px;
}
.vertical-align-base{
vertical-align: baseline;
}
.h-\[450px\] {
height: 450px;
}
.h-\[48px\] {
height: 48px;
}
.h-\[49px\] {
height: 49px;
}
.h-\[528px\] {
height: 528px;
}
.h-\[62px\] {
height: 62px;
}
.h-\[800px\] {
height: 800px;
}
.h-\[864px\] {
height: 864px;
}
.h-\[calc\(100\%-1rem\)\] {
height: calc(100% - 1rem);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.max-h-0 {
max-height: 0px;
}
.max-h-full {
max-height: 100%;
}
.w-10 {
width: 2.5rem;
}
.w-2\.5 {
width: 0.625rem;
}
.w-3 {
width: 0.75rem;
}
.w-8 {
width: 2rem;
}
.w-\[100\%\] {
width: 100%;
}
.w-\[100vh\] {
width: 100vh;
}
.h-\[100vh\] {
height: 100vh;
}
.w-\[110px\] {
width: 110px;
}
.w-\[157px\] {
width: 157px;
}
.w-\[170px\] {
width: 170px;
}
.w-\[172px\] {
width: 172px;
}
.w-\[18px\] {
width: 18px;
}
.w-\[200px\] {
width: 200px;
}
.w-\[204px\] {
width: 204px;
}
.w-\[205px\] {
width: 205px;
}
.w-\[210px\] {
width: 210px;
}
.w-\[225px\] {
width: 225px;
}
.w-\[227px\] {
width: 227px;
}
.w-\[247px\] {
width: 247px;
}
.w-\[24px\] {
width: 24px;
}
.w-\[285px\] {
width: 285px;
}
.w-\[297px\] {
width: 297px;
}
.w-\[300px\] {
width: 300px;
}
.w-\[240px\] {
width: 240px;
}
.w-\[30px\] {
width: 30px;
}
.w-\[34px\] {
width: 34px;
}
.min-h-\[24px\] {
min-height: 24px;
}
.max-h-\[24px\] {
max-height: 24px;
}
.w-\[378px\] {
width: 378px;
}
.w-\[40px\] {
width: 40px;
}
.w-\[483px\] {
width: 483px;
}
.max-w-\[635px\] {
width: 635px;
}
.w-\[50px\] {
width: 50px;
}
.w-\[569px\] {
width: 569px;
}
.w-\[576px\] {
width: 576px;
}
.w-\[579px\] {
width: 579px;
}
.w-\[587px\] {
width: 587px;
}
.w-\[588px\] {
width: 588px;
}
.w-\[600px\] {
width: 600px;
}
.w-\[683px\] {
width: 683px;
}
.w-\[684px\] {
width: 684px;
}
.w-\[687px\] {
width: 687px;
}
.w-\[688px\] {
width: 688px;
}
.w-\[692px\] {
width: 692px;
}
.w-\[725px\] {
width: 725px;
}
.w-\[757px\] {
width: 757px;
}
.w-\[787px\] {
width: 787px;
}
.w-\[79px\] {
width: 79px;
}
.w-\[80px\] {
width: 80px;
}
.w-\[8px\] {
width: 8px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.max-w-\[1120px\] {
max-width: 1120px;
}
.max-w-\[1280px\] {
max-width: 1280px;
}
.max-w-\[1290px\] {
max-width: 1290px;
}
.max-w-\[41rem\] {
max-width: 41rem;
}
.max-w-\[555px\] {
max-width: 555px;
}
.max-w-\[530px\] {
max-width: 530px;
}
.max-w-\[587px\] {
max-width: 587px;
}
.max-w-\[588px\] {
max-width: 588px;
}
.max-w-\[681px\] {
max-width: 681px;
}
.max-w-\[776px\] {
max-width: 776px;
}
.max-w-\[792px\] {
max-width: 792px;
}
.max-w-md {
max-width: 28rem;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.border-collapse {
border-collapse: collapse;
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-stretch {
align-items: stretch;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-\[100px\] {
gap: 100px;
}
.gap-\[10px\] {
gap: 10px;
}
.gap-\[11px\] {
gap: 11px;
}
.gap-\[12px\] {
gap: 12px;
}
.gap-\[16px\] {
gap: 16px;
}
.gap-\[1rem\] {
gap: 1rem;
}
.gap-\[20px\] {
gap: 20px;
}
.gap-\[27rem\] {
gap: 27rem;
}
.gap-\[40px\] {
gap: 40px;
}
.gap-\[45px\] {
gap: 45px;
}
.gap-\[48px\] {
gap: 48px;
}
.gap-\[4rem\] {
gap: 4rem;
}
.gap-\[50px\] {
gap: 50px;
}
.gap-\[55px\] {
gap: 55px;
}
.gap-\[63px\] {
gap: 63px;
}
.gap-\[7px\] {
gap: 7px;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.whitespace-nowrap {
white-space: nowrap;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-\[13px\] {
border-radius: 13px;
}
.rounded-\[15px\] {
border-radius: 15px;
}
.rounded-\[16px\] {
border-radius: 16px;
}
.rounded-\[20px\] {
border-radius: 20px;
}
.rounded-\[40px\] {
border-radius: 40px;
}
.rounded-\[50\%\] {
border-radius: 50%;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-none {
border-radius: 0px;
}
.rounded-xl {
border-radius: 0.75rem;
}
.border {
border-width: 1px;
}
.border-\[1px\] {
border-width: 1px;
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-primary {
--tw-border-opacity: 1;
border-color: rgb(254 226 123 / var(--tw-border-opacity));
}
.border-secondary {
--tw-border-opacity: 1;
border-color: rgb(38 44 63 / var(--tw-border-opacity));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-\[\#022856\] {
--tw-bg-opacity: 1;
background-color: rgb(2 40 86 / var(--tw-bg-opacity));
}
.bg-\[\#fff9e5\] {
background-color: #fff9e5;
}
.bg-\[\#fffcf2\] {
background-color: #fffcf2;
}
.bg-\[\#7792a0\] {
--tw-bg-opacity: 1;
background-color: rgb(119 146 160 / var(--tw-bg-opacity));
}
.bg-\[\#6a8693\] {
--tw-bg-opacity: 1;
background-color: #6a8693;
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-bodyColor {
--tw-bg-opacity: 1;
background-color: rgb(249 246 234 / var(--tw-bg-opacity));
}
.bg-efulOrange {
--tw-bg-opacity: 1;
background-color: rgb(235 166 121 / var(--tw-bg-opacity));
}
.bg-efulgray {
--tw-bg-opacity: 1;
background-color: rgb(60 71 88 / var(--tw-bg-opacity));
}
.bg-efulgreen {
--tw-bg-opacity: 1;
background-color: rgb(190 192 89 / var(--tw-bg-opacity));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(254 226 123 / var(--tw-bg-opacity));
}
.bg-secondary {
--tw-bg-opacity: 1;
background-color: rgb(38 44 63 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
opacity: 0.6;
}
.bg-opacity-70 {
--tw-bg-opacity: 0.7;
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-black\/80 {
--tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-contain {
background-size: contain;
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center;
}
.bg-top {
background-position: top;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.last:last-child .object-top {
-o-object-position: top;
object-position: top;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.p-\[14px\] {
padding: 14px;
}
.p-\[15px\] {
padding: 15px;
}
.p-\[1rem\] {
padding: 1rem;
}
.p-\[24px\] {
padding: 24px;
}
.p-\[25px\] {
padding: 25px;
}
.p-\[2rem\] {
padding: 2rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-\[16px\] {
padding-left: 16px;
padding-right: 16px;
}
.px-\[20px\] {
padding-left: 20px;
padding-right: 20px;
}
.px-\[24px\] {
padding-left: 24px;
padding-right: 24px;
}
.px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.px-\[50px\] {
padding-left: 50px;
padding-right: 50px;
}
.px-\[6px\] {
padding-left: 6px;
padding-right: 6px;
}
.px-\[8px\] {
padding-left: 8px;
padding-right: 8px;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-\[125px\] {
padding-top: 125px;
padding-bottom: 125px;
}
.py-\[12px\] {
padding-top: 12px;
padding-bottom: 12px;
}
.py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px;
}
.py-\[14px\] {
padding-top: 14px;
padding-bottom: 14px;
}
.px-\[41px\] {
padding-left: 41px;
padding-right: 41px;
}
.py-\[22px\] {
padding-top: 22px;
padding-bottom: 22px;
}
.py-\[2px\] {
padding-top: 2px;
padding-bottom: 2px;
}
.py-\[30px\] {
padding-top: 30px;
padding-bottom: 30px;
}
.py-\[31px\] {
padding-top: 31px;
padding-bottom: 31px;
}
.py-\[4px\] {
padding-top: 4px;
padding-bottom: 4px;
}
.py-\[4rem\] {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-\[64px\] {
padding-top: 64px;
padding-bottom: 64px;
}
.py-\[7rem\] {
padding-top: 7rem;
padding-bottom: 7rem;
}
.py-\[80px\] {
padding-top: 80px;
padding-bottom: 80px;
}
.py-\[96px\] {
padding-top: 96px;
padding-bottom: 96px;
}
.pb-\[102px\] {
padding-bottom: 102px;
}
.pb-\[118px\] {
padding-bottom: 118px;
}
.pt-\[118px\] {
padding-top: 118px;
}
.pb-\[13rem\] {
padding-bottom: 13rem;
}
.pb-\[53px\] {
padding-bottom: 53px;
}
.pb-\[80px\] {
padding-bottom: 80px;
}
.pb-\[82px\] {
padding-bottom: 82px;
}
.pb-\[98px\] {
padding-bottom: 98px;
}
.pl-3 {
padding-left: 0.75rem;
}
.pr-8 {
padding-right: 2rem;
}
.pt-\[122px\] {
padding-top: 122px;
}
.pt-\[13rem\] {
padding-top: 13rem;
}
.pt-\[158px\] {
padding-top: 158px;
}
.pt-\[16px\] {
padding-top: 16px;
}
.pt-\[190px\] {
padding-top: 190px;
}
.pt-\[216px\] {
padding-top: 216px;
}
.pt-\[270px\] {
padding-top: 270px;
}
.pt-\[32px\] {
padding-top: 32px;
}
.pt-\[73px\] {
padding-top: 73px;
}
.pt-\[80px\] {
padding-top: 80px;
}
.pt-\[96px\] {
padding-top: 96px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.font-mainFont {
font-family: pprightgrotek, sans-serif;
}
.font-secondaryFont {
font-family: spaceGrotesk, sans-serif;
}
.text-\[100px\] {
font-size: 100px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[28px\] {
font-size: 28px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[17px\] {
font-size: 17px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[30px\] {
font-size: 30px;
}
.text-\[32px\] {
font-size: 32px;
}
.text-\[36px\] {
font-size: 36px;
}
.text-\[40px\] {
font-size: 40px;
}
.text-\[58px\] {
font-size: 58px;
}
.text-\[62px\] {
font-size: 62px;
}
.text-\[80px\] {
font-size: 80px;
}
.text-\[24px\] {
font-size: 24px;
}
.text-\[52px\] {
font-size: 52px;
}
.leading-\[90px\] {
line-height: 90px;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-\[100\] {
font-weight: 100;
}
.font-\[500\] {
font-weight: 500;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.leading-\[110\%\] {
line-height: 110%;
}
.leading-\[110px\] {
line-height: 110px;
}
.leading-\[1\.9\] {
line-height: 1.9;
}
.leading-\[19px\] {
line-height: 19px;
}
.leading-\[33px\] {
line-height: 33px;
}
.leading-\[38px\] {
line-height: 38px;
}
.leading-\[63px\] {
line-height: 63px;
}
.leading-\[88px\] {
line-height: 88px;
}
.text-\[\#262C3F\] {
--tw-text-opacity: 1;
color: rgb(38 44 63 / var(--tw-text-opacity));
} .text-\[\#f9f6ea\] {
--tw-text-opacity: 1;
color: #f9f6ea;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-primary {
--tw-text-opacity: 1;
color: rgb(254 226 123 / var(--tw-text-opacity));
}
.text-secondary {
--tw-text-opacity: 1;
color: rgb(38 44 63 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.opacity-0 {
opacity: 0;
}
.opacity-60 {
opacity: 0.6;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.brightness-\[0\.7\] {
--tw-brightness: brightness(0.7);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.delay-100 {
transition-delay: 100ms;
}
.delay-150 {
transition-delay: 150ms;
}
.duration-1000 {
transition-duration: 1000ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.duration-700 {
transition-duration: 700ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@font-face {
font-family: 'pprightgrotek'; src: url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/fonts/PPRightGrotesk-WideMedium.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'spaceGrotesk'; src: url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/fonts/SpaceGrotesk-VariableFont_wght.ttf) format('woff');
font-weight: normal;
font-style: normal;
}
html, body{
scroll-behavior:  smooth;
overflow-x: hidden;
}
body{
background: #F9F6EA;
font-family: 'pprightgrotek';
}
body p{
font-family: "spaceGrotesk", sans-serif;
}
.menu-footer-1-container,
.menu-footer-2-container,
.menu-footer-menu-1-container,
.menu-footer-2-menu-container,
.menu-footer-3-container,
.widget-content p{
font-family: "spaceGrotesk", sans-serif;
margin-top: 21px;
}
.widget-content p{
margin-bottom: 17px;
}
.wp-social-link{
background-color: #262C3F !important;
}
#navbar {
transition: background-color 0.5s ease; }
.scrolled {
background: #262C3F !important; }
.scrolled #dropdownHoverButton, .scrolled #primary-menu,
.scrolled #dropdownHoverButton, .scrolled #primary-menu .menu-item a{
color: #FEE27B;
}
.scrolled #mobileMenuToggler div{
background: #FEE27B;
}
.btnHoverStyle1:hover{
background: transparent;
color: #ffffff;
border: 1px solid #ffffff;
transition: .5s;
}
.btnHoverStyle2:hover{
background: transparent;
color: #262C3F;
border: 1px solid #262C3F;
transition: .5s;
}
.btnHoverStyle3:hover{
background: #FEE27B;
color: #262C3F;
border: 1px solid #FEE27B;
transition: .5s;
}
.wp-block-button__link{
background-color: transparent;
border: 1px solid #262C3F;
color: #262C3F;
padding: 15px 41px;
font-size: 16px;
margin-bottom: 22px;
min-width: 246px;
}
.footer_social ul.wp-block-social-links.is-layout-flex {
gap: 18px;
}
.otgs-development-site-front-end{
display: none;
}
.no-scroll {
position: fixed;
width: 100%;
overflow: hidden;
}
#heroContainer{
transition: 2s;
}
.wpcf7-form p{
font-family: "spaceGrotesk" !important;
}
.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='tel'],
.wpcf7-form input[type='url'],
.wpcf7-form input[type='date']{
padding: 13px 13px 13px 18px;
width: 500px;
border-radius: 22px;
border: 1px solid;
margin-bottom: 24px;
}
.wpcf7-form-control{
margin-top: 8px;
}
.wpcf7-select{
-webkit-appearance:none;
moz-appearance:none;
-moz-appearance: none;
appearance: none;
padding: 13px 13px 13px 18px;
width: 244px;
background: #ffffff;
border-radius: 22px;
border: 1px solid;
margin-bottom: 24px;
}
.selectElm p .wpcf7-form-control-wrap::after{
content:  url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/imgs/selectArrow.png);
position: absolute;
top: -2px;
right: 23px;
}
.invalidSelect::after{
right: -195px !important;
}
.selectElm .wpcf7-form-control-wrap::after{
content:  url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/imgs/selectArrow.png);
position: absolute;
top: -2px;
right: 23px;
}
.pricingSelects{
width: 559px;
}
.pricingSelects .wpcf7-select{
width: 219px;
}
.wpcf7-form textarea{
padding: 8px 13px 13px 18px;
width: 500px;
height: 123px;
border-radius: 22px;
-webkit-border-radius: 22px; border: 1px solid;
resize: none;
margin-bottom: 24px;
}
.wpcf7-submit{
padding: 15px 41px 15px 41px;
font-family: 'pprightgrotek';
cursor: pointer; border-radius: 40px;
color: white;
background: #262C3F;
min-width: 246px;
}
.wpcf7-spinner{
display: none;
}
.wpcf7-not-valid {
border-color: #FF4900; }
.input-error::-moz-placeholder {
color: #FF4900; }
.input-error::placeholder {
color: #FF4900; }
.wpcf7-not-valid-tip::before {
content: url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/imgs/err-icon.png);
margin-right: 9px;
}
.jobsForm .wpcf7-not-valid-tip, #booking-modal .wpcf7-not-valid-tip{
display: none;
}
.jobsForm input{
margin-bottom: 0 !important;
}
.wpcf7-not-valid{
border: 1px solid #FF4900 !important;
}
.jobsForm .wpcf7-submit{
margin-top: 30px;
}
input[type="file"]::file-selector-button {
padding: 15px 41px 15px 41px;
border-radius: 40px;
background: transparent;
border: 1px solid #000;
}
.jobsForm .wpcf7-form-control-wrap input[type="file"]::before {
background: #eba679;
color: #262c3f;
border-radius: 50px;
font-size: 14px;
padding: 11px 18px;
top: 0px;
}
.wpcf7-response-output{
border: none !important;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #46b450;
}
.wpcf7-form .step-content{
display: flex;
justify-content: space-between;
} .wpcf7-list-item input[type="checkbox"]:not(.acceptance-checkbox) {
display: none;
} .wpcf7-list-item:not(.wpcf7-acceptance .wpcf7-list-item) {
background-color: white;
width: 132px;
height: 43px;
display: flex;
justify-content: center;
align-items: center;
color: #93959f;
border-radius: 22px;
margin: 0;
cursor: pointer;
border: 1px solid #3C4758;
padding: 0 70px;
}
.wpcf7-acceptance .wpcf7-list-item{
font-family: "Istok Web", sans-serif;
}
#step-3 .step-content input[type="tel"]{
margin-bottom: 0;
}
.countriesContainer{
display: flex;
gap:10px;
width: 500px;
flex-wrap: wrap;
}
.country-item{
background-color: #262C3F !important;
color: white !important;
height: 49px !important;
border-radius: 22px;
padding: 12px 22px;
}    .wpcf7-checkbox{
display: flex;
align-items: center;
gap: 10px;
}
.wpcf7-list-item:not(.wpcf7-acceptance .wpcf7-list-item)::after {
content: '+';
margin-left: 31px;
} .wpcf7-list-item input[type="checkbox"]:not(.acceptance-checkbox):checked + label {
background-color: #0d0d26;
} .acceptance-checkbox {
accent-color: #262C3F;
width: 20px;
height: 20px;
display: inline-block;
margin: 0;
cursor: default;
}
.wpcf7-acceptance label{
display: flex;
align-items: center;
gap: 13px;
}
#clearAll {
text-decoration: underline;
cursor: pointer;
margin-left: 10px;
display: inline-block;
margin-top: 10px;
}
.quoteBtns{
display: flex;
justify-content: end;
}
.quoteBtns button, .quoteBtns input[type="submit"]{
width: 246px;
font-family: 'pprightgrotek';
margin-top: 24px;
}
.page-template-requestQuote .footerWidgets{
padding-top: 10rem;
} .wpcf7-form-control-wrap[data-name="terms"] .wpcf7-not-valid-tip {
width: 371px;
}
#allEurop{
display: block !important;
}
#countries{
margin-bottom: 0 !important;
}
.career-details ul{
padding-left: 20px;
}
.career-details ul li {
font-size: 15px;
line-height: 24px;
font-family: "spaceGrotesk", sans-serif;
list-style: disc;
}
.career-details h3 {
margin: 0 0 20px;
}
.career-details p {
margin: 0 0 15px;
}
.career-details h4 {
margin: 0 0 10px;
padding: 15px 0 0;
}
#overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 21;
} .privacy-policy h1:not(.footerWidgets h1),
.general-terms-and-conditions h1:not(.footerWidgets h1) {
font-size: 30px;
margin: 0 0 70px;
color: #233148;
font-family: 'pprightgrotek', sans-serif;
} .privacy-policy h2:not(.footerWidgets h2),
.general-terms-and-conditions h2:not(.footerWidgets h2) {
font-size: 24px;
color: #233148;
margin: 18px 0 30px;
font-family: 'pprightgrotek', sans-serif;
} .privacy-policy h4:not(.footerWidgets h4),
.general-terms-and-conditions h4:not(.footerWidgets h4) {
font-family: 'pprightgrotek', sans-serif;
margin: 0 0 10px;
color: #262c3f;
} .privacy-policy h3:not(.footerWidgets h3),
.general-terms-and-conditions h3:not(.footerWidgets h3) {
font-family: 'pprightgrotek', sans-serif;
margin: 0 0 10px;
color: #262c3f;
} .privacy-policy p:not(.footerWidgets p),
.general-terms-and-conditions p:not(.footerWidgets p) {
font-family: 'SpaceGrotesk', sans-serif;
margin: 0 0 15px;
font-size: 14px;
color: #233148;
}
.fieldsGroup, .form_b p{
display: grid;
grid-template-columns: repeat(2,1fr);
align-items: end;
gap: 1rem;
}
.form_b h2, .form_ h2{
font-size: 32px;
margin-bottom: 1rem;
}
.form_b p input{
width: 100% !important;
}
.form_b p br{
display: none;
}
.fieldsGroup textarea{
width: 100% !important;
}
.meeting #navbar, .meeting .footerWidgets{
display: none;
}
.custom-events-form {
display: flex;
justify-content: center;
}
.custom-events-form .form-container {
display: grid;
grid-template-columns: 500px 1fr;
gap: 5rem;
width: 100%;
}
.custom-events-form .form-info h2 {
font-size: 57px;
color: #FEE27B;
line-height: 65px;
}
.custom-events-form .form-info p {
font-size: 1rem;
color: #fff;
margin: 2rem 0;
}
.custom-events-form .input-grid p {
display: grid;
align-items: center;
grid-template-columns: repeat(2, 1fr);
gap: 0rem 2rem;
}
.custom-events-form .input-grid br {
display: none;
}
.custom-events-form .selectElm select{
color: #262C3F;
}
.custom-events-form .selectElm select,
.custom-events-form .input-grid input {
width: 100%;
padding: 13px;
border-radius: 22px;
border: none;
outline: none;
}
.custom-events-form .input-grid .acceptance-checkbox {
width: 50px;
}
.custom-events-form .wpcf7-acceptance .wpcf7-list-item-label{
font-size: 14px;
color: #FFFFFF;
font-family: "spaceGrotesk", sans-serif;
}
.custom-events-form .consent {
margin-top: 1rem;
}
.custom-events-form input[type="submit"] {
height: 49px;
cursor: pointer;
border-radius: 40px;
--tw-bg-opacity: 1;
background-color: rgb(254 226 123 / var(--tw-bg-opacity));
padding: 14px;
text-align: center;
font-size: 16px;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(38 44 63 / var(--tw-text-opacity));
}
.custom-events-form input[type="submit"]:hover{
background: transparent;
color: #ffffff;
border: 1px solid #ffffff;
transition: .5s;
}
@media (max-width: 570px) {
.custom-events-form input[type="submit"] {
margin-top: 50px;
}
}
.white-swiper-arrows:after{
font-size: 10px;
border: 1px solid white;
padding: 16px;
border-radius: 50%;
}
.black-swiper-arrows:after{
font-size: 10px;
border: 1px solid #262c3f;
padding: 16px;
border-radius: 50%;
}
.logos-slider-item{
width: 192px !important;
height: 114px !important;
display: flex;
justify-content: center;
align-items: center;
}
.logos-slider::before,
.logos-slider::after {
content: "";
position: absolute;
top: 0;
width: 250px;
height: 100%;
z-index: 10;
pointer-events: none;
}
.logos-slider::before {
left: 0;
background: linear-gradient(to right, #262c3f 0%, transparent 100%);
}
.logos-slider::after {
right: 0;
background: linear-gradient(to left, #262c3f 0%, transparent 100%);
}
.eful-map_ration{
aspect-ratio: 1432 / 871;
}
.textContentBlock h2{
font-size: 32px;
line-height: 39px;
margin-bottom: 24px;
}
.textContentBlock p{
font-size: 18px;
}
.logos-slider .swiper-slider{
width: 192px !important;
}
.wp-block-columns{
max-width: 1280px;
margin: auto;
}
.submenu {
position: absolute;
left: 0px;
top: 100%;
z-index: 50;
margin-top: 0.5rem;
display: none;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover > .submenu {
display: block;
}
@media only screen and (max-width: 668px) {
.inkomendeLogi div, .inkomendeLogi p{
width: 100% !important;
}
}
@media only screen and (max-width: 1040px) {
.h2-heading h2{line-height: 100%;}
.eful-map_ration{
aspect-ratio: 1432 / 1200;
}
.wpcf7-form .step-content{
flex-direction: column;
}
.quoteBtns{
justify-content: start;
}
.formStep1, .formStep2, .formStep3{
margin-top: 24px !important;
}
.formStep2 div:nth-child(3){
width: 570px;
}
.wpcf7-form .step-content div:nth-child(1) h1, .wpcf7-form .step-content div:nth-child(1) h2{
font-size: 28px !important;
width: 100% !important;
line-height: 31px !important;
}
}
@media only screen and (max-width: 737px) {
.team p{
width: 100% !important;
}
}
@media only screen and (max-width: 746px) {
#software_content p, .contactBtn p{
width: 100% !important;
}
.pricingSelects{
width: 100%;
flex-direction: column;
gap: unset !important;
}
.pricingSelects .wpcf7-select{
width: 100%;
}
.fieldsGroup, .form_b p {
grid-template-columns: repeat(1, 1fr);
}
.eful-map_ration{
aspect-ratio: 1732 / 1724;
}
.locationMark{
width: 20px;
}
}
@media only screen and (max-width: 570px) {
#prev-step-2 p:nth-child(2),
#prev-step-3 p:nth-child(2),
.closeIcon p:nth-child(1){
display: none;
}
#step-1, #step-2, #step-3{
margin-top: 200px !important;
}
.step-content div:nth-child(1){
margin-top: 21px !important;
}
#contactForm{
width: 100% !important;
}
.step-content h3{
font-size: 38px !important;
margin-bottom: 12px;
}
.step-content h4{
margin-bottom: 11px;
}
.step-content h1{
margin-bottom: 46px;
}
.formStep2 div{
flex-direction: column;
width: 100% !important;
gap: unset !important;
}
.formStep2 .wpcf7-select{
width: 100% !important;
}
.wpcf7-checkbox{
flex-wrap: wrap;
}
.wpcf7-form input:not(.acceptance-checkbox), .wpcf7-form textarea{
width: 100% !important;
}
}
@media only screen and (min-width: 1200px) {
.page-template-sponsor #dropdownHoverButton,
.page-template-sponsor #primary-menu,
.international-fulfilment-services #primary-menu,
.international-fulfilment-services #dropdownHoverButton,
.international-fulfilment #primary-menu,
.international-fulfilment #dropdownHoverButton{
color: #FEE27B;
}
}
@media only screen and (max-width: 670px)  {
.custom-events-form .input-grid p{
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 1200px) {
.custom-events-form .form-container{
grid-template-columns: 1fr;
gap: 0;
}
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:bg-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(254 226 123 / var(--tw-bg-opacity));
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-secondary:hover {
--tw-text-opacity: 1;
color: #262C3F;
}
.group:hover .group-hover\:visible {
visibility: visible;
}
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:hidden {
display: none;
}
.group:hover .group-hover\:scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:bg-\[\#111827\] {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.group.hovered .group-\[\.hovered\]\:max-h-40 {
max-height: 10rem;
}
.group.hovered .group-\[\.hovered\]\:opacity-100 {
opacity: 1;
}
@media (max-width: 1500px) {
.max-\[1500px\]\:w-\[22px\] {
width: 22px;
}
}
@media (max-width: 1200px) {
.max-\[1200px\]\:ml-\[20px\] {
margin-left: 20px;
}
.max-\[1200px\]\:hidden {
display: none;
}
.max-\[1200px\]\:flex-row-reverse {
flex-direction: row-reverse;
}
.max-\[1200px\]\:gap-\[24px\] {
gap: 24px;
}
.max-\[1200px\]\:bg-bodyColor {
--tw-bg-opacity: 1;
background-color: rgb(249 246 234 / var(--tw-bg-opacity));
}
.max-\[1200px\]\:pl-0 {
padding-left: 0px;
}
.max-\[1200px\]\:pr-\[22px\] {
padding-right: 22px;
}
}
@media (max-width: 1042px) {
.max-\[1042px\]\:text-\[50px\] {
font-size: 50px;
}
.max-\[1042px\]\:leading-\[65px\] {
line-height: 65px;
}
.max-\[1042px\]\:leading-\[60px\] {
line-height: 60px;
}
}
@media (max-width: 1040px) {
.max-\[1040px\]\:hidden {
display: none;
}
.max-\[1040px\]\:h-full {
height: 100%;
}
}
@media (max-width: 1023px) {
.max-\[1023px\]\:w-\[15px\] {
width: 15px;
}
}
@media (max-width: 1016px) {
.max-\[1016px\]\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.max-\[1016px\]\:gap-\[2rem\] {
gap: 2rem;
}
}
@media (max-width: 900px) {
.max-\[900px\]\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.max-\[900px\]\:flex-col {
flex-direction: column;
}
.max-\[900px\]\:gap-0 {
gap: 0px;
}
}
@media (max-width: 850px) {
.max-\[850px\]\:flex-col {
flex-direction: column;
}
}
@media (max-width: 846px) {
.max-\[846px\]\:w-full {
width: 100%;
}
.max-\[846px\]\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (max-width: 840px) {
.max-\[840px\]\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (max-width: 780px) {
.max-\[780px\]\:mb-\[24px\] {
margin-bottom: 24px;
}
.max-\[780px\]\:mt-\[40px\] {
margin-top: 40px;
}
.max-\[780px\]\:mt-\[56px\] {
margin-top: 56px;
}
.max-\[780px\]\:block {
display: block;
}
.max-\[780px\]\:hidden {
display: none;
} .max-\[780px\]\:bg-center {
background-position: center;
}
.max-\[780px\]\:w-full {
width: 100%;
}
.max-\[780px\]\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.max-\[780px\]\:p-0 {
padding: 0px;
} .privacy-policy div#content > div, .general-terms-and-conditions div#content > div { padding-top: 100px; } 
.privacy-policy .career-details h1, .general-terms-and-conditions .career-details h1 { font-size: 32px !important; line-height: 37px; margin-bottom: 20px !important; } 
.privacy-policy .career-details p, .general-terms-and-conditions .career-details p, .general-terms-and-conditions .career-details li { font-size: 16px !important; } 
.privacy-policy .career-details h2, .general-terms-and-conditions .career-details h2 { font-size: 20px !important; line-height: 26px; margin-top: 20px !important; } 
.privacy-policy h3:not(.footerWidgets h3), .general-terms-and-conditions h3:not(.footerWidgets h3) { font-size: 18px !important; }
.general-terms{padding: 0 !important;}
.wpcf7-form input.wpcf7-form-control.wpcf7-text.datetimepicker {
width: 100% !important;
padding: 13px 13px 13px 18px;
border-radius: 22px;
border: 1px solid;
margin-bottom: 24px;
}
}
@media (max-width: 687px) {
.max-\[687px\]\:m-0 {
margin: 0px;
}
.max-\[687px\]\:mt-0 {
margin-top: 0px;
}
.max-\[687px\]\:h-\[90px\] {
height: 90px;
}
.max-\[687px\]\:w-full {
width: 100%;
}
.max-\[687px\]\:flex-col {
flex-direction: column;
}
.max-\[687px\]\:items-start {
align-items: flex-start;
}
}
@media (max-width: 646px) {
.max-\[646px\]\:text-\[55px\] {
font-size: 55px;
}
.max-\[646px\]\:leading-\[80px\] {
line-height: 80px;
}
}
@media (max-width: 630px) {
.max-\[630px\]\:flex-col {
flex-direction: column;
}
}
@media (max-width: 600px) {
.max-\[600px\]\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 580px) {
.max-\[580px\]\:gap-\[14px\] {
gap: 14px;
}
}
@media (max-width: 575px) {
.max-\[575px\]\:h-\[44px\] {
height: 44px;
}
.max-\[575px\]\:w-\[196px\] {
width: 196px;
}
.max-\[575px\]\:p-\[11px\] {
padding: 11px;
}
.max-\[575px\]\:py-\[12px\] {
padding-top: 12px;
padding-bottom: 12px;
}
.max-\[575px\]\:px-\[20px\] {
padding-left: 20px;
padding-right: 20px;
}
.max-\[575px\]\:py-\[50px\] {
padding: 50px 0;
}
.max-\[575px\]\:text-\[15px\] {
font-size: 15px;
}
.max-\[575px\]\:mt-\[30px\] {
margin-top: 30px;
}
.custom_space_80 {
height: 40px !important;
} .wp-block-button__link {font-size: 15px;padding: 12px 30px;min-width: auto;}
.footer_social { display: flex; align-items: center; } 
.footer_social .wp-block-button__link { margin: 0; margin-right: 15px; }
.mt-\[5rem\]{
margin-top: 3rem;
}
.logos-slider::before, .logos-slider::after {width: 0;}
.footer_social ul.wp-block-social-links.is-layout-flex{gap: 12px;}
}
@media (max-width: 570px) {
.max-\[570px\]\:px-\[10px\] {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 536px) {
.max-\[536px\]\:flex-col {
flex-direction: column;
}
.max-\[536px\]\:items-start {
align-items: flex-start;
}
.max-\[536px\]\:gap-\[20px\] {
gap: 20px;
}
}
@media (max-width: 516px) {
.privacy-policy .career-details li{font-size: 16px;}
.wpcf7-submit{padding: 12px 30px;}
.max-\[516px\]\:mt-0 {
margin-top: 0px;
}
.max-\[516px\]\:mt-\[0px\] {
margin-top: 0px;
}
.max-\[516px\]\:mt-\[30px\] {
margin-top: 30px;
}
.max-\[516px\]\:w-\[275px\] {
width: 275px;
}
.max-\[516px\]\:min-w-auto {
min-width: none;
}
.max-\[516px\]\:text-\[20px\]{
font-size: 20px;
}
.max-\[516px\]\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.max-\[516px\]\:gap-\[24px\] {
gap: 24px;
}
h2.mb-\[40px\] {
margin-bottom: 20px;
}
.max-\[516px\]\:mb-\[0px\]{margin-bottom: 0 !important;}
.mt-\[80px\] {
margin-top: 40px;
}
.relative.aspect-\[16\/9\].w-\[100vh\]{
max-width: 500px;
}
.mt-\[120px\]{
margin-top: 60px;
}
.py-\[96px\] {
padding-top: 50px;
padding-bottom: 40px;
}
.py-\[80px\] {
padding-top: 50px;
padding-bottom: 40px;
}
.text-\[18px\] {
font-size: 18px;
}
.pb-\[98px\] {
padding-bottom: 40px;
}
.max-\[516px\]\:object-right {
-o-object-position: right;
object-position: right;
}
.max-\[516px\]\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.max-\[516px\]\:mb-\[20px\] {
margin-bottom: 20px;
}
.max-\[516px\]\:mt-\[0px\] {
margin-top: 0px;
}
.max-\[516px\]\:text-\[50px\] {
font-size: 50px;
}
.max-\[516px\]\:text-\[15px\] {
font-size: 15px;
}
.max-\[516px\]\:h-\[50px\] {
height: 50px;
}
.max-\[516px\]\:pb-\[0px\] {
padding-bottom: 0 !important;
}
.max-\[516px\]\:mb-\[30px\] {
margin-bottom: 30px;
}
.max-\[516px\]\:px-\[10px\] {
padding-left: 10px;
padding-right: 10px;
}
.max-\[516px\]\:px-\[22px\] {
padding-left: 22px;
padding-right: 22px;
}
.max-\[516px\]\:pr-0 {
padding-right: 0px;
}
.max-\[516px\]\:pt-\[66px\] {
padding-top: 66px;
}
.max-\[516px\]\:text-\[16px\],.textContentBlock p {
font-size: 16px;
}
.max-\[516px\]\:text-\[22px\] {
font-size: 22px;
}
.max-\[516px\]\:text-\[24px\] {
font-size: 24px;
}
.max-\[516px\]\:text-\[32px\] {
font-size: 32px;
}
.max-\[516px\]\:text-\[40px\] {
font-size: 40px;
}
.max-\[516px\]\:leading-\[47px\] {
line-height: 47px;
}
.max-\[516px\]\:text-\[38px\] {
font-size: 38px;
}
.max-\[516px\]\:leading-\[38px\] {
line-height: 38px;
}
.max-\[516px\]\:text-\[27px\],.textContentBlock h2{
font-size: 27px;
}
.max-\[516px\]\:leading-\[32px\],.textContentBlock h2{
line-height: 32px;
}
.max-\[516px\]\:mb-\[15px\] {
margin-bottom: 15px;
}
.max-\[516px\]\:pb-\[50px\] {
padding-bottom: 50px;
}
.max-\[516px\]\:py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.max-\[516px\]\:text-\[38px\] {
font-size: 38px;
}
.max-\[516px\]\:leading-\[31px\] {
line-height: 31px;
}
.max-\[516px\]\:leading-\[35px\] {
line-height: 35px;
}
.max-\[516px\]\:leading-\[38px\] {
line-height: 38px;
}
.max-\[516px\]\:text-\[18px\]{
font-size: 18px;
}
.max-\[516px\]\:mt-\[20px\] {
margin-top: 20px;
}
.max-\[516px\]\:pt-\[40px\] {
padding-top: 40px !important;
}
}
@media (max-width: 500px) {
.max-\[500px\]\:mt-\[12px\] {
margin-top: 12px;
}
.max-\[500px\]\:h-full {
height: 100%;
}
.max-\[500px\]\:gap-\[25px\] {
gap: 25px;
}
.max-\[500px\]\:bg-center {
background-position: center;
}
.max-\[500px\]\:bg-right {
background-position: right;
}
.max-\[500px\]\:pt-\[150px\] {
padding-top: 150px;
}
.max-\[500px\]\:text-\[12px\] {
font-size: 12px;
}
}
@media (max-width: 480px) {
.max-\[480px\]\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (max-width: 450px) {
.max-\[450px\]\:mt-\[2rem\] {
margin-top: 2rem;
}
.max-\[450px\]\:mt-\[40px\] {
margin-top: 40px;
}
}
@media (max-width: 430px) {
.max-\[430px\]\:w-\[130px\] {
width: 130px;
}
.max-\[430px\]\:pr-0 {
padding-right: 0px;
}
}
@media (min-width: 640px) {
.sm\:w-\[50\%\] {
width: 50%;
}
}
@media (min-width: 768px) {
.md\:inset-0 {
inset: 0px;
}
.md\:order-1 {
order: 1;
}
.md\:order-2 {
order: 2;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:h-\[500px\] {
height: 500px;
}
.md\:w-\[33\.3333\%\] {
width: 33.3333%;
}
.md\:w-auto {
width: auto;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.md\:p-0 {
padding: 0px;
}
.md\:text-\[32px\] {
font-size: 32px;
}
}
@media (min-width: 1024px) {
.lg\:block {
display: block;
}
.lg\:hidden {
display: none;
}
}
@media (min-width: 1200px) {
.min-\[1200px\]\:hidden {
display: none;
}
}
@media (min-width: 1259px) {
.min-\[1259px\]\:h-\[24px\] {
height: 24px;
}
}
.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 1;
}
@media (prefers-color-scheme: dark) {
.dark\:hover\:bg-gray-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.dark\:hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
@font-face{font-family:'PP Right Grotesk Wide';src:url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/fonts/PPRightGrotesk-WideMedium.eot);src:url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/fonts/PPRightGrotesk-WideMedium.eot?#iefix) format('embedded-opentype'),url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/fonts/PPRightGrotesk-WideMedium.woff2) format('woff2'),url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/fonts/PPRightGrotesk-WideMedium.woff) format('woff'),url(//www.efulfilment.eu/wp-content/themes/efulfilment/assets/fonts/PPRightGrotesk-WideMedium.ttf) format('truetype');font-weight:500;font-style:normal;font-display:swap;}
html{scroll-behavior:smooth;}
html body{scroll-behavior:smooth;font-family:'Space Grotesk',sans-serif !important;font-size:18px;background:#262C3F;line-height:24px;height: 100vh;}
.footerWidgets{
display: none;
}
:root{--bgcolor:#262c3f;--btncolor:#BEC059;--btntextcolor:#262c3f;--textcolor:#BEC059;--black:#000;}
.maincontainer{height:100vh;background:var(--bgcolor);overflow-y: auto;}
.welcomeScreen{align-items:center;align-content:center;justify-content:center;text-align:center;flex-wrap:wrap;height:100%;max-width:100%;opacity:1;transition:all ease .3s;margin:auto;padding:40px 15px;position:relative;z-index:1;}
.welcomeScreen.hideWel{opacity:0;transition:all ease .3s;}
.welcomeScreen h2{width:100%;display:block;font-size:16px;letter-spacing:0.025em;line-height:32px;font-family:'Space Grotesk',sans-serif;font-weight:400;margin:0 0 16px;color: var(--textcolor);    max-width: 800px;}
.welcomeScreen h3{width:100%;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:21px;margin:0 0 32px;color: var(--textcolor);    line-height: 24px;}
.welcomeScreen h3 a{color: #BEC059;}
.welcomeScreen h3 a:hover{color: var(--btncolor);}
.startsec{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;margin:0 0 8px;}
.startbtn{padding:8px 16px 14px;background:var(--btncolor);border:none;box-shadow:var(--shadow);color:var(--btntextcolor);font-weight:500;font-size:25px;border-radius:4px;}
.startbtn:hover{background:#BEC059;}
.startsec span{font-size: 13px; line-height: 15px; font-family: 'Space Grotesk',sans-serif; font-weight: 400; color: var(--textcolor); left: 198px; right: 0; max-width: 90px; margin: auto; position: absolute;}
.takeminute{font-size:13px;line-height:24px;font-family:'Space Grotesk',sans-serif;font-weight:400;color:var(--textcolor);margin-left:0;}
.takeminute svg{display:inline-block;vertical-align:middle;margin-right:2px;    fill: #BEC059;
transition: fill 0.2s ease 0s;}
.StepsMainBox{position:absolute;top:0;bottom:0;width:100%;min-height:100%;height:100%;overflow:hidden;opacity:0;transition:all ease .3s;display:flex;align-items:center;align-content:center;justify-content:center;}
.StepsMainBox.stepsVisible{opacity:1;transition:all ease 2.3s;z-index:1;padding:20px 15px;}
.progressBar{width:100%;height:4px;overflow:hidden;background-color:#000000;position:absolute;top:0;}
.progressbarfill{height:100%;width:7.14286%;background-color:var(--btncolor);transition:all 0.4s ease 0s;}
.formQus{max-width: 830px; margin: auto; position: relative; padding-left: 30px; transition: all ease .8s;}
.formQus.active { bottom: 0; transition: all ease .8s; } line#clock-hour-hand{animation: 1000ms linear 3500ms 1 normal forwards running DPoHz; transform-origin: 6px center; transform: rotate(120deg);}
.visibleBox {transition: all ease .8s;bottom: -1000px;position: absolute;height: 100%;display: flex;align-items: center;align-content: center;}
.visibleBox.active { bottom: 0; transition: all ease .8s;}
.Qus{width:100%;display:block;font-size:24px;letter-spacing:0.025em;line-height:32px;font-family:'Space Grotesk',sans-serif;font-weight:400;margin:0 0 0;color:var(--textcolor)}
.Ans{color:#f7f7f7;font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:20px;line-height:28px;margin: 8px 0 0}
.countnumber{position:absolute;left:-15px;    top: 3px;}
.countnumber strong{font-size:16px;color:var(--textcolor);display:inline-block;vertical-align:middle;font-weight: bold;}
.countnumber strong svg{fill:var(--textcolor);}
.optionbox{display:flex;align-items:center;align-content:center;position:relative;padding-left:35px;margin-bottom:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto;min-width:200px;background-color:rgba(0,0,0,0.1);box-shadow: #BEC059 0px 0px 0px 1px inset;color:var(--textcolor);padding:6px 40px 6px 40px;border-radius:3px;font-size:19px;line-height:26px;font-family:'Space Grotesk',sans-serif;font-weight:400;}
.optionbox_wrap{position: relative;}
.optionbox input,.optionbox_wrap input{position: absolute;
opacity: 0;
cursor: pointer;
height: 100%;
width: 100%;
top: 0;
z-index: 999;}
.optkmark{position:absolute;top:5px;right:7px;height:25px;width:25px;}
.optkmark:after{content:"";position:absolute;display:none;}
.optionbox input:checked ~ .optkmark:after,.optionbox_wrap input:checked ~ .optionbox .optkmark:after{display:block;}
.optionbox .optkmark:after{left:10px;top:5px;width:7px;height:15px;border: solid #BEC059;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.optionType{margin:32px 0 0;display:inline-flex;flex-flow:column wrap;-webkit-box-align:stretch;align-items:stretch;}
.optionbox strong{width:25px;height:25px;border-color:rgba(0,0,0,0.6);background-color:#BEC059;display:inline-flex;vertical-align:middle;align-items:center;align-content:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;border:1px solid var(--btncolor);position:absolute;left:6px;top:6px;color: var(--btntextcolor);}
form .visibleBox label {
margin: 0;
}
form .visibleBox label.optionbox{margin-bottom: 8px;}
.optionbox input:checked ~ strong,.optionbox_wrap input:checked~.optionbox strong{background-color:#000;color:#BEC059;}
.optionbox_wrap input:checked~.optionbox{animation: 0.25s ease 0s 2 normal none running demo;}
@keyframes demo {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.optionbox:hover,.optionbox:focus,.optionbox_wrap:hover .optionbox,.optionbox_wrap:focus .optionbox{background-color:rgba(0,0,0,0.3);}
.okbtn, .submit-btn{display:inline-block;padding:9px 38px 9px 20px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;background:var(--btncolor);border:none;color:var( --btntextcolor);border-radius:3px;position:relative; border:none}
.okbtn:hover, .submit-btn:hover{background:#BEC059;}
.okbtn:after{content:'';width:7px;height:15px;border:solid var( --btntextcolor);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:17px;top:12px;}
.submit-btn { padding: 9px 30px; }
.scalRating{margin:30px 0 0;}
.RatingBox{display:inline-block;position:relative;padding-left:0;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:64px;width:64px;}
.RatingBox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.Ratingcheckmark{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.1);box-shadow: #BEC059 0px 0px 0px 1px inset;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:400;border-radius:3px;display:flex;align-items:center;align-content:center;justify-content:center;text-align:center;color:var(--textcolor);}
.RatingBox:hover input ~ .Ratingcheckmark{background-color:rgba(0,0,0,0.3);}
.RatingBox input:checked ~ .Ratingcheckmark{background-color:var(--btncolor);color:var(--btntextcolor);animation: 0.25s ease 0s 2 normal none running demo;}
.Ratingcheckmark:after{content:"";position:absolute;display:none;} .RatingBox .Ratingcheckmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.buttonsec{margin-top:16px;}
.feelRating ul{display:flex;align-items:center;align-content:center;margin:0 0 15px;flex-wrap: wrap;}
.feelRating ul li{margin:0 10px 0 0;}
.feelRating ul li label svg{width:55px;fill: var(--textcolor);}
.feelRating ul li label span{display:block;text-align:center;margin:7px 0 0;font-size:15px;color:var(--textcolor);}
.feelRating ul li label:hover span{color:var(--textcolor);}
.feelRating ul li label svg .symbolFill{fill:none;}
.feelRating ul li label.active svg .symbolFill{fill:var(--textcolor);}
.feelRating ul li label:hover svg .symbolFill{fill:#	f8bb93;}
.feelRating ul li label.active:hover svg .symbolFill{fill:var(--textcolor);}
.feelRating ul li label input {
opacity: 0;
position: absolute;
width: 65px;
height: 54px;
top: 0;
}
.feelRating ul li label {
position: relative;
} .feelRating ul li.active label svg .symbolFill { fill: #BEC059;}
.feelRating ul li.liked label svg .symbolFill { fill: var(--textcolor);}
.feelRating{margin:32px 0 0;}
.chooselike{color:#fff;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:300;line-height:22px;margin:0 0 10px;}
.improveapp textarea{appearance:none;display:block;width:100%;font-family:inherit;color:rgb(0 0 0);padding-block-start:0px;padding-block-end:var(--spacing-100);padding-inline:0px;border-radius:0px;border:none;outline:none;background-color:transparent;font-size:30px;line-height:38px;overflow-wrap:break-word;resize:none;overflow:hidden;transition:box-shadow 0.1s ease-out 0s;box-shadow:rgba(0,0,0,0.3) 0px 1px;overflow-x:hidden;overflow-wrap:break-word;height:46px;}
.improveapp{margin:40px 0 0;}
.makebreak{color:var(--textcolor);font-size:12px;margin:5px 0 0;font-weight:600;}
.improveapp textarea:focus{box-shadow:rgb(0,0,0) 0px 2px;}
.improveapp input::-webkit-input-placeholder,.improveapp textarea::-webkit-input-placeholder{color:rgb(255,255,255,0.6);}
.improveapp input:-moz-placeholder,.improveapp textarea:-moz-placeholder{color:rgb(255,255,255,0.6);}
.buttonsec span{font-size:12px;color:var(--textcolor);margin-left:2px;}
.updown{position:fixed;bottom:20px;right:20px;}
.updown button{width:30px;height:30px;background:#7792a0;color:#fff;border:none;border-radius:3px;text-align: center;padding: 0;}
.updown button svg{fill:#fff;display: block; margin: auto;}
.regfeedback input{display:block;width:100%;font-family:inherit;color:rgb(0,0,0);padding-block-start:0px;padding-block-end:var(--spacing-100);padding-inline:0px;border:none;outline:none;border-radius:0px;appearance:none;font-size:30px;line-height:unset;transition:background-color 1e+08s ease 0s,box-shadow 0.1s ease-out 0s;box-shadow:rgba(255,255,255,0.3) 0px 1px;background:none;color: #fff;padding-bottom: 10px;}
.regfeedback input:hover,.regfeedback input:focus{box-shadow:rgb(255,255,255,0.6) 0px 2px;}
.regfeedback input::-webkit-input-placeholder,.regfeedback textarea::-webkit-input-placeholder{color:rgb(255,255,255,0.6);}
.regfeedback input:-moz-placeholder,.regfeedback textarea:-moz-placeholder{color:rgb(255,255,255,0.6);}
.regfeedback{margin:32px 0 0px;}
.submitsec{text-align: left;margin-top: 16px;}
.submitsec span { padding-left: 10px; font-size: 12px; line-height: 16px; color: var(--textcolor); }
.submitsec p{font-size:12px;color:#cbcbcb;margin:7px 0 0;}
.submitsec p a{text-decoration:underline;color: var(--textcolor);}
.submitsec button.okbtn:after{display:none;}
.submitsec button.okbtn{padding:9px 20px 9px 20px;}
.thankyousec{padding:15px;text-align:center;max-width:720px;width:100%;display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;}
.thankyousec h2{width:100%;display:block;font-size:23px;letter-spacing:0.025em;line-height:27px;font-family:'Space Grotesk',sans-serif;font-weight:400;margin:0 0 40px;color: var( --textcolor);}
.social{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;}
.social li{display:inline-block;vertical-align:middle;margin:0 3px;}
.createbtn{position:relative;margin:20px 0 0;}
.createbtn span{position:absolute;font-size:12px;color: var( --textcolor);display:inline-block;width:100px;top:9px;}
.createbtn .okbtn:after{display:none;}
.createbtn .okbtn{padding-right:20px;}
.hide{
display: none !important;
}
.powerby {
text-align: center; width: 100%; font-size: 18px; line-height: 28px; color: var(--textcolor); z-index: 1; position: absolute;
animation: loadcnt 2s ease;
bottom: 30px;
}
.powerby strong {
display: block;
width: 100%;
font-size: 24px;
}
.loadingscreen {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; padding: 15px; z-index: 1;}
.loadingscreenbox { position: relative; height: 100px; width: 164px; }
.loader-line{width: 160px; height: 4px; position: absolute; overflow: hidden; background-color: #BEC059; margin: auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; left: 0; right: 0; bottom: 0;}
.loader-line:before{content: ""; position: absolute; left: -50%; height: 4px; width: 40%; background-color: #4c4c4e; -webkit-animation: lineAnim 1s linear infinite; -moz-animation: lineAnim 1s linear infinite; animation: lineAnim 1s linear infinite; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
@keyframes loadcnt{
0%{bottom:20px;}
100%{bottom:30px;}
}
@keyframes lineAnim{
0%{left:-40%;}
50%{left:20%;width:80%;}
100%{left:100%;width:100%;}
}
.loadingscreen.removed .powerby {
bottom: 35px;
opacity: 0;
transition: all ease .3s;
}
.loadingscreen.removed .loader-line {
opacity: 0;
transition: all ease .3s;
}
.visibleBox.visitedbox { bottom: 1000px; }  .optionbox_wrap .optionbox { margin-bottom: 0; }
.optionbox_wrap { margin-bottom: 0; }
.updown button.upbtn.disabled { pointer-events: none; opacity: 0.7; }
.updown button.upbtn.disabled svg { fill: #ccc; }
.regfeedback input:-webkit-autofill {
border: none;
-webkit-text-fill-color: rgb(255 255 255);
-webkit-box-shadow: 0 0 0px 1000px #080f2c inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.regfeedback input:-internal-autofill-selected {
border: none;
-webkit-text-fill-color: rgb(255 255 255);
-webkit-box-shadow: 0 0 0px 1000px #080f2c inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.regfeedback input:-webkit-autofill:hover,
.regfeedback input:-webkit-autofill:focus {
border: none;
-webkit-text-fill-color: rgb(255 255 255);
-webkit-box-shadow: 0 0 0px 1000px #080f2c inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.formQus span.error { color: #ff0000; display: block; text-align: center; margin-top: 15px; }
.thankyousec .createbtn a{display:inline-block;font-family:'Space Grotesk',sans-serif;font-weight:600;background:var(--btncolor);border:none;color:var( --btntextcolor);border-radius:3px;position:relative; border:none;font-size: 24px;    padding: 12px 16px;min-height: 48px;display: inline-block;}
.thankyousec .createbtn a:hover{     background:#BEC059; color: #262c3f;}
.submit-as-anonymous { padding: 9px 10px; font-family: 'Space Grotesk',sans-serif;  font-weight: 600; font-size: 19px; background:  #808080; color: #ffffff; border-radius: 3px; position: relative; border: none;     margin-right: 5px; }
.submit-as-anonymous:hover{ background: #BEC059;color: #262c3f;}
.countnumber{left: -5px;} .feelRating ul li label input:checked ~ svg {
animation: 0.25s ease 0s 2 normal none running demo;
}
@media(max-width:991px){
.countnumber{left:-5px;}
.visibleBox{padding: 0 15px;}
.formQus{max-width: 100%;}
input.submit-as-anonymous{margin-left: 5px;font-size: 16px;padding: 9px 8px;}
.submit-btn { padding: 9px 13px; font-size: 16px; }
}
@media (max-width:767px){ .welcomeScreen h2{font-size:19px;}
.Qus{font-size: 20px; line-height: 24px;}
.Ans{font-size: 16px; line-height: 24px;}
.scalRating{text-align: left;}
.RatingBox{width:49px;height:49px;}
.improveapp textarea{font-size:22px;}
.regfeedback input{font-size:22px;}
.visibleBox{padding: 0 15px;}
.formQus{max-width: 100%;}
.feelRating ul li label svg{width: 36px;}
.feelRating ul li label span{font-size: 14px;}
.Ratingcheckmark{font-size: 18px;}
}
@media (max-width:550px){ .createbtn span{width:100%;position:inherit;}
.feelRating ul li a svg{width:40px;}
}
@media (max-width:400px){ .optionbox{font-size:15px;}
.feelRating ul li{margin:0 7px 0 0;}
.feelRating ul li a svg{width:30px;}
input.submit-as-anonymous{font-size: 15px;padding: 9px 7px;}
.submit-btn { padding: 9px 12px; font-size: 15px; }
.feelRating ul li label svg {
width: 30px;
}
}
@media (max-width:359px){ .feelRating ul li label svg{width: 32px;}
.RatingBox { width: 39px; height: 39px; }
}