benefits
& perks

benefits & perks ourstory ourteams benefits& perks #insidetheshift inclusion& engagement discoverSabre university To view benefits specific to you, select your country from the list below. select your country Americas Brazil United States Uruguay Europe Germany Poland Spain United Kingdom Asia-Pacific Australia India Singapore Listed benefits subject to change. If your country is not listed, please ask for an overview from one of our talent recruiters upon being selected for an interview. .face-container{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; } .face-container__shift{ background-image: url('https://assets.sabre.com/images/evp/shift-square.png'); background-size: cover; } .face-container__inner { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url('https://assets.sabre.com/images/evp/new-min/faces-sprite-3.jpg'); background-repeat: no-repeat; background-size: calc(var(--columns) * var(--rows) * 20% ); transition: opacity 700ms; } class RandomFaceGenerator { constructor(rows, columns) { this._faceContainers = Array.from(document.getElementsByClassName("face-container__inner")); this._containerIndices = Array.from(Array(this._faceContainers.length).keys()); this._numberOfSprites = rows * columns; this._itemsInRow = columns; this._itemRows = rows; this._usedIndices = []; this._changeme; this._initializeSprites(); this._changeSprite(); setInterval(this._changeSprite, 3500); } _calculatePosition( uniqueNumber ){ // Calculate sprite position dynamically based on rows and columns const spriteIndexX = (uniqueNumber - 1) % this._itemsInRow; const spriteIndexY = Math.floor((uniqueNumber - 1) / this._itemsInRow); const posX = spriteIndexX * (100 / (this._itemsInRow - 1)); const posY = spriteIndexY * (100 / (this._itemRows - 1)); return {"x": posX, "y": posY}; } _initializeSprites = () => { for (let i = 0; i < this._faceContainers.length; i++) { this._changeme = this._faceContainers[i]; const uniqueNumber = this._generateUniqueNumber(1, this._numberOfSprites); const position = this._calculatePosition(uniqueNumber); this._changeme.style.backgroundPosition = position["x"] + "% " + position["y"] + "%"; this._changeme.dataset.lastSpriteIndex = uniqueNumber; } } _changeSprite = () => { if (this._containerIndices.length === 0) { this._containerIndices = Array.from(Array(this._faceContainers.length).keys()); } const randomIndex = Math.floor(Math.random() * this._containerIndices.length); const currentIndex = this._containerIndices[randomIndex]; this._containerIndices.splice(randomIndex, 1); this._changeme = this._faceContainers[currentIndex]; const lastSpriteIndex = parseInt(this._changeme.dataset.lastSpriteIndex); let uniqueNumber; do { uniqueNumber = this._generateUniqueNumber(1, this._numberOfSprites); } while (uniqueNumber === lastSpriteIndex); this._changeme.dataset.lastSpriteIndex = uniqueNumber; const position = this._calculatePosition(uniqueNumber); this._changeme.style.opacity = 0; setTimeout(() => { this._changeme.style.backgroundPosition = position["x"] + "% " + position["y"] + "%"; this._changeme.style.opacity = 1; }, Math.floor(Math.random() * 501) + 500); } _generateUniqueNumber = (min, max) => { if (this._usedIndices.length === this._numberOfSprites) { this._usedIndices = []; } let randomNumber; do { randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; } while (this._usedIndices.includes(randomNumber)); this._usedIndices.push(randomNumber); return randomNumber; } } new RandomFaceGenerator(5, 10); document.documentElement.style.setProperty("--rows", 5); document.documentElement.style.setProperty("--columns", 10); ready to get started? apply today .spark-header .spark-header__nav::after{ background: linear-gradient(270deg, #260FAA 0%, #E50000 73.49%); }