*,
::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));
}
}*,
::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));
}
}*,
::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));
}
}*,
::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));
}
}*,
::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));
}
}*,
::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));
}
}*,
::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));
}
}*,
::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));
}
}