:root{
/* Fonts */
--primary-font :"DM Sans", sans-serif;
--heading-font :"Space Grotesk", sans-serif;;
/* Colors */
--primary :#0000FF;
--secondary :#00A4FF;
--white :#ffffff;
--offWhite :#F4F4F4;
--black :#000000;
--textPBlack :#101828;
--textSBlack :#4A5565;
--lightBlack :#364153;
--darkBlue :#0A3161;
--red :#E4171E;
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; color: #555555; font-size: 0.875rem; line-height: 1.5;}
html, body{-webkit-appearance:none; appearance: none; border:none; -webkit-text-size-adjust:none;font-family: var(--primary-font);}
@media (min-width:1921px){
html{font-size: 1vw;}
}
/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*,*::after,*::before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
/* 2. Define Base Typography
------------------------------------------------------------------------------*/
/* Create the Default Paragraphs */
/* Other Typo */
strong {font-weight: bold;}
ol {list-style: decimal;}
ul {list-style: disc;}
/* To make FontSmooth in MAC */
.mac * {-webkit-font-smoothing: antialiased;}
/* 3. Images
------------------------------------------------------------------------------*/
/* Remove border around linked images */
img {border: 0; border-style: none;vertical-align: middle;}
/* 4. Links
------------------------------------------------------------------------------*/
/* Default Link Types */
a {color: var(--primary); font-size: 1rem; text-decoration:none;transition: 0.5s ease all;position: relative;line-height: 1.5;display: inline-flex;font-family: var(--primary-font);font-weight: 800;}
a.current,a:active,a:hover {color: var(--secondary);}
a:focus {outline: none;color: var(--secondary);}
/* Paragraph */
p {font-size: 1.125rem; line-height: 1.5;color: var(--textPBlack);font-weight: 500;}
/* Create the Default Headers */
h1, h2, h3, h4, h5, h6 {font-weight: 600;position: relative;color: var(--textPBlack);font-family: var(--heading-font);}
/* Specific Header Settings */
h1,.h1 {font-size:6.25rem;line-height: 1.1;font-weight: 700;text-transform: uppercase;}
h2,.h2 {font-size:4.5rem;line-height: 1.45;font-weight: 700;text-transform: uppercase;}
h3,.h3 {font-size:3.5rem;line-height: 1.44;font-weight: 700;text-transform: uppercase;}
h4,.h4 {font-size:2.5rem;line-height: 1.57;font-weight: 700;text-transform: uppercase;}
h5,.h5 {font-size:2rem;line-height: 1.5;font-weight: 700;text-transform: uppercase;}
h6,.h6 {font-size:1.5rem;line-height: 1.5;font-weight: 700;text-transform: uppercase;}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) strong{color: var(--secondary);}
/* Common CSS */
.container{ width:100%;max-width:85rem;padding-right:0.9375rem;padding-left:0.9375rem;margin-right:auto;margin-left:auto;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.9375rem;margin-left:-0.9375rem;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position:relative;width:100%;padding-right:0.9375rem;padding-left:0.9375rem;}
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;}
.d-block{display:block}
.position-relative{ position:relative;}
.hidden,.d-none{ display:none !important;}
.d-flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-items-center{align-items:center}
.align-items-baseline{align-items:baseline;}
.align-items-flexEnd{align-items:flex-end;}
.justify-content{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}
.font-weight-medium {font-weight: 500;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.no-listed{list-style: none;}
figure{margin: 0;padding: 0;line-height: 0;}
.w-100{width: 100%;}
img{max-width: 100%;height: auto;}
section{position: relative;padding: 4.5rem 0;}
.btn{padding: 0.5rem 0.5rem 0.5rem 1.5rem;color: var(--white);text-transform: uppercase;border-radius: 0.5rem;border: 0.03125rem solid var(--white);align-items: center;gap:1rem;font-size: 0.875rem;font-weight: 800;}
.btn:is(:hover, :focus, :active, :target){color: var(--white);}
.btn span:empty{background-color: var(--white);border-radius: 0.5rem;height: 2.5rem;width: 2.5rem;transition: 0.3s ease all;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: 1.5rem 1.5rem;position: relative;overflow: hidden;}
.btn--default{background-color: var(--secondary);border:none}
.btn--default:hover span:empty,.btn--primary:hover span:empty{background-color: transparent;}
.btn--primary{background-color: var(--primary);border:none;}
.btn--secondary span:empty{background-color: transparent;border: 0.03125rem solid var(--white);}
.btn--secondary:hover span:empty{background-color: var(--secondary);border: none;}
.btn--dark,.btn--dark:is(:hover, :focus, :active, :target){border-color: var(--darkBlue);color: var(--textPBlack);}
.btn--dark span:empty{border-color: var(--darkBlue);}
.btn span:empty::before{content: "";position: absolute;inset: 0;background-repeat: no-repeat;background-size:1.375rem 1.375rem;background-position: center;transition: 0.3s ease all}
.btn.ball span:empty::before{background-image: url('data:image/svg+xml;utf8,');animation: iconDiagonal 2s ease-in-out infinite;}
.btn.ball:hover span:empty::before{filter:brightness(0) invert(1);}
.btn.arrow span:empty::before{background-image: url('data:image/svg+xml;utf8,');}
.btn.arrow:hover span:empty::before{filter:brightness(0) invert(1);transform: rotate(45deg);}
.btn.play span:empty::before{background-image: url('data:image/svg+xml;utf8,');}
.btn--dark.arrow span:empty::before{background-image: url("data:image/svg+xml;utf8,");}
@keyframes iconDiagonal {
0% {background-position: 140% -50%;opacity: 0;}
2% {opacity: 1;}
5% {background-position: center; /* ARRIVE */}
10% {background-position: calc(50% - 20%) calc(50% - -30%); /* overshoot diagonally up-left */}
13% {background-position: calc(50% - -30%) calc(50% - 30%); /* overshoot diagonally up-left */}
16% {background-position: calc(50% - 10%) calc(50% - -10%); /* overshoot diagonally up-left */}
19% {background-position: center; /* settle back to center */}
/* Pause at the center */
80% {background-position: center;opacity: 1;}
90% {opacity: 0;}
95% {background-position: -50% 140%; /* exit bottom-left */opacity: 0;}
100% {opacity: 0;}
}
.btn-row{display: flex;flex-wrap: wrap;gap:1rem;justify-content: center;}
.dotted {background-image: url('../images/dots-bg.webp');background-repeat: repeat; background-size: contain;}
/* Popup Fancybox */
.fancybox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:9999;display:none;transition:background 0.4s cubic-bezier(0.4,0,0.2,1);}
.fancybox-overlay.active{display:block;background:rgba(0,0,0,0.95);}
.fancybox-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}
.fancybox-content{position:relative;max-width:100%;max-height:calc(100% - 120px);pointer-events:auto;transform-origin:center center;}
.fancybox-content img,.fancybox-content iframe,.fancybox-content video{opacity:0;transform:scale(0.8);transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);}
.fancybox-overlay.active .fancybox-content img,.fancybox-overlay.active .fancybox-content iframe,.fancybox-overlay.active .fancybox-content video{opacity:1;transform:scale(1);}
.fancybox-content img{max-width:90vw;max-height:calc(90vh - 150px);display:block;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.fancybox-content iframe,.fancybox-content video{width:80vw;height:45vw;max-width:1200px;max-height:675px;border:none;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.fancybox-controls{pointer-events:auto;}
.fancybox-close{position:fixed;top:30px;right:30px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);color:white;font-size:28px;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:10001;opacity:0;transform:translateY(-20px) rotate(-90deg);}
.fancybox-overlay.active .fancybox-close{opacity:1;transform:translateY(0) rotate(0deg);transition-delay:0.2s;}
.fancybox-close:hover{background:rgba(255,255,255,0.25);transform:translateY(0) rotate(90deg) scale(1.1);}
.fancybox-nav{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);color:white;font-size:32px;cursor:pointer;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:10000;opacity:0;}
.fancybox-overlay.active .fancybox-nav{opacity:1;}
.fancybox-nav:hover{background:rgba(255,255,255,0.25);transform:translateY(-50%) scale(1.15);}
.fancybox-nav.fancybox-prev{left:30px;transform:translateY(-50%) translateX(-30px);}
.fancybox-overlay.active .fancybox-nav.fancybox-prev{transform:translateY(-50%) translateX(0);transition-delay:0.3s;}
.fancybox-nav.fancybox-prev:hover{transform:translateY(-50%) translateX(-5px) scale(1.15);}
.fancybox-nav.fancybox-next{right:30px;transform:translateY(-50%) translateX(30px);}
.fancybox-overlay.active .fancybox-nav.fancybox-next{transform:translateY(-50%) translateX(0);transition-delay:0.3s;}
.fancybox-nav.fancybox-next:hover{transform:translateY(-50%) translateX(5px) scale(1.15);}
.fancybox-thumbs{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(150px);display:flex;gap:12px;padding:15px 20px;background:rgba(0,0,0,0.6);backdrop-filter:blur(20px);border-radius:16px;max-width:90%;overflow-x:auto;opacity:0;transition:all 0.6s cubic-bezier(0.34,1.56,0.64,1);pointer-events:auto;}
.fancybox-overlay.active .fancybox-thumbs{transform:translateX(-50%) translateY(0);opacity:1;transition-delay:0.4s;}
.fancybox-thumbs::-webkit-scrollbar{height:6px;}
.fancybox-thumbs::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:3px;}
.fancybox-thumbs::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:3px;}
.fancybox-thumbs::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.5);}
.thumb-item{flex-shrink:0;width:90px;height:70px;cursor:pointer;border-radius:8px;overflow:hidden;border:3px solid rgba(255,255,255,0.2);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;opacity:0;transform:translateY(20px);}
.fancybox-overlay.active .thumb-item{opacity:1;transform:translateY(0);}
.fancybox-overlay.active .thumb-item:nth-child(1){transition-delay:0.5s;}
.fancybox-overlay.active .thumb-item:nth-child(2){transition-delay:0.55s;}
.fancybox-overlay.active .thumb-item:nth-child(3){transition-delay:0.6s;}
.fancybox-overlay.active .thumb-item:nth-child(4){transition-delay:0.65s;}
.fancybox-overlay.active .thumb-item:nth-child(5){transition-delay:0.7s;}
.fancybox-overlay.active .thumb-item:nth-child(6){transition-delay:0.75s;}
.fancybox-overlay.active .thumb-item:nth-child(7){transition-delay:0.8s;}
.thumb-item:hover{transform:translateY(-5px) scale(1.1);border-color:rgba(255,255,255,0.5);}
.thumb-item.active{border-color:#fff;box-shadow:0 0 25px rgba(255,255,255,0.6);transform:translateY(-5px) scale(1.05);}
.thumb-item img{width:100%;height:100%;object-fit:cover;}
.thumb-item .thumb-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;font-size:28px;}
.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:4px solid rgba(255,255,255,0.2);border-top-color:#fff;border-radius:50%;animation:spin 1s cubic-bezier(0.68,-0.55,0.27,1.55) infinite;}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg);}}
/* Header */
header{position:fixed;width:100%;z-index:8;top:1rem;}
header .header-wrap{transition:.3s ease all;}
header .brand-logo i{width:3.4375rem;display:inline-grid;}
header .brand-logo i img{width:100%;height:100%;object-fit:contain;}
header #menu ul li a:not(.btn){color:var(--white);font-weight:500;}
header #menu ul{gap:2rem;}
header.scrolled .header-wrap{border-radius:.5rem;padding:.5rem .5rem .5rem 2rem;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);background: rgba(255, 255, 255, 1);backdrop-filter: blur(.5rem) !important;}
header.scrolled .header-wrap #menu ul li a{color:var(--textPBlack);}
header.scrolled .header-wrap #menu ul li a:hover{color:var(--secondary);}
header.scrolled .header-wrap #menu ul li a.btn,header.scrolled .header-wrap #menu ul li a.btn:hover{color:var(--white);}
header #menu ul li a:hover{color:var(--secondary);}
header #menu ul li a.btn:hover{color:var(--white);}
/* Banner */
.banner-video{padding:0;min-height:100vh;position:relative;}
.banner-video video::-webkit-media-controls{display:none;}
.banner-video video{position:absolute;width:100%;height:100%;object-fit:cover;}
.banner-video::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:rgb(0 0 0 / 70%);pointer-events: none;}
.banner-video .container > *{position:relative;z-index:2;}
.banner-video .container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;}
.banner-video h1{font-size:0;}
.banner-video h1 img{width:18.125rem;height:auto;line-height:0;display:inline-flex;}
.banner-video p{color:var(--white);}
.banner-img{background-repeat: no-repeat;background-size: cover;background-position: center center;}
/* DayOff */
.dayoff{padding-top:6.5rem;padding-bottom:2.5rem;overflow:hidden;background: rgba(0, 0, 0, 0.04);}
.dayoff h2{padding:0 0 5.5rem 5.75rem;line-height: 1.1;}
.dayoff h3{margin-bottom:1.5rem;line-height: 1.1;}
.dayoff p{margin-bottom:1rem;}
.dayoff .btn{margin-top:2rem;}
.dayoff figure{transform:scale(1.6) translate(7rem,-5.5rem);width:39rem;height:auto;position:absolute;left:0;bottom:0;}
.dayoff figure img{width:100%;height:100%;object-fit:cover;}
.dayoff [class*='col-']:first-child{position:static;}
/* Game Effect */
.effect [class*='col-']:first-child p { margin-bottom: 1rem; }
.accordion ul li .bg-wrap{width: 15rem;height: 28.5rem;overflow: hidden;position: relative;border-radius: 1rem 1rem 1rem 0rem;border: .125rem solid var(--white);background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%), url() lightgray 50% / cover no-repeat;cursor: pointer;display: flex;justify-content: space-between;transition: .5s ease all;background-position: center; background-repeat: no-repeat; background-size: cover;}
.accordion ul li .bg-wrap p{color:var(--white);line-height:1.3;transform: translate(10rem,-2.5rem);transition: .5s ease all;position:relative;z-index: 1;width: 20.61rem;opacity: 0;visibility: hidden;}
.accordion ul li .bg-wrap::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);pointer-events: none;opacity: 0;visibility: hidden;transition: .3s ease all;}
.accordion ul li .bg-wrap h4 {z-index:1;border-radius:0rem .5rem .5rem 0rem;background:var(--white);padding:.5rem;line-height:1;text-transform:capitalize;transition: .3s ease all;writing-mode: vertical-lr; display: flex ; margin-top: auto;position: absolute;left: 0;bottom: 0;font-weight: 600;}
.accordion ul li .bg-wrap h6 { z-index: 2; color: var(--white); line-height: 1.1; text-transform: capitalize; min-width: 20.75rem; transform: translate(-10rem, 11rem) rotate(90deg); opacity: 0; visibility: hidden; transition: .5s ease transform; font-weight: 600; }
.accordion ul li.active .bg-wrap{width: 26rem;padding: 2.5rem;border-radius: 1rem;flex-direction: column;border: none;}
.accordion ul li.active .bg-wrap::after{opacity: 1;visibility: visible;}
.accordion ul li.active .bg-wrap h4{color:var(--white);background-color:transparent;padding:0;opacity: 0;visibility: hidden;}
.accordion ul li.active .bg-wrap h6 { transform: translate(0rem, 0rem) rotate(0); opacity: 1; visibility: visible; }
.accordion ul li.active .bg-wrap p{opacity:1;visibility:visible;transform: translate(0);}
/* Monday Off Marquee */
body.loaded .clients-logos-wrap{visibility:visible}
.mondayoff{padding: 3rem 0 1rem;overflow: hidden;}
.clients-logos{display:block;overflow:hidden;position:relative;width:100%}
.clients-logos .clients-logos-wrap{align-items:center;backface-visibility:hidden;display:flex;line-height:0;transform:translateZ(0);visibility:hidden;width:-moz-fit-content;width:fit-content;will-change:transform}
.clients-logos .clients-logos-wrap .client-logo{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding: 0 1rem;}
.clients-logos .clients-logos-wrap .client-logo a{width: 100%;}
.mondayoff .clients-logos .clients-logos-wrap .client-logo {padding:2.45rem 2.75rem;color: var(--white);}
.mondayoff .clients-logos .clients-logos-wrap .client-logo .h2{font-weight: 600;}
.blue-marquee { background-color: var(--primary); transform: rotate(5deg) translate(-1rem, 5rem); min-width: calc(100% + 3rem); }
.skyblue-marquee { background-color: var(--secondary); transform: rotate(-5deg) translate(-1rem, -4rem); min-width: calc(100% + 2rem); }
/* Press */
.press{overflow: hidden;}
.press .client-logo{width: 26.9375rem;height:auto;}
.press .client-logo.lg-img{width:27.3125rem;}
.press .client-logo img{height:auto;width: 100%; border-radius:.5rem;box-shadow:0 .55rem .75rem -.13rem rgba(0,0,0,0.10),0 0.2110625rem 0.3165625rem -0.2110625rem rgba(0,0,0,0.10);}
.press .client-logo.lg-img img{border-radius:1.875rem;height:auto;}
.press .clients-logos{margin-top:3rem;}
.press .clients-logos .clients-logos-wrap{align-items: flex-start;padding-bottom: 3rem;}
.press .press-share p{color: #364153;}
.press .press-share p strong{text-transform:uppercase;color:var(--primary);font-size: 1rem;font-weight: 600;}
/* take action cta */
.take-action-cta{padding: 0 1rem;}
.take-action-cta__container{background-color: var(--offWhite);border-radius: 1rem;padding: 4.5rem 2.5rem;}
.take-action-cta__title{letter-spacing: -0.125rem;line-height: 1.1;}
.take-action-cta__img{border-radius: 1rem;max-width: 24rem;width: 100%;height: 100%;object-fit: cover;}
.take-action-cta__sec p{margin-bottom: 1rem;}
.take-action-cta__col{display: flex;flex-direction: column;justify-content: end;}
.take-action-cta.home-cta{padding-top: 0;}
/* take action form section */
.ta-form-sec__container{padding: 0;}
.ta-form-sec__actions{max-width: 70.125rem;margin: 0 auto;}
.ta-form-sec__fw-actions{margin-top: 4.5rem;}
.ta-form-sec__title{line-height: 1.1;letter-spacing: -0.125rem;text-align: center;}
.ta-form-sec__fw-actions .ta-form-sec__title{max-width: 70.125rem;margin: 0 auto;}
.ta-form-sec__action-row{margin-top: 3rem;}
.ta-form-sec__action-row [class*='col-']{display: flex;}
.ta-form-sec__form__iframe{height:81.875rem;height: 44.875rem;}
.ta-form-sec__action-row [class*='col-']:not(:last-child){border-right:2px solid var(--offWhite);}
.ta-form-sec__fw-actions .info-card--form:hover{border: 0.0625rem solid var(--secondary);box-shadow: 0 1rem 2rem -0.25rem #00A4FF1A;background-color: var(--white);}
.ta-sign-patition iframe{height: 54.375rem;width: 100%;}
.fqCGZh{justify-content:center;}
.ta-form-sec__form{padding-top: 0;padding-bottom: 0;margin-bottom: 0;background-color: var(--white);}
.form-input-field .form-input-error{display:none;}
.ta-sign-patition{padding-top: 0;padding-bottom: 0;background-color: var(--white);}
.info-card--form{padding: 1.5rem;display: flex;flex-direction: column;border:0.0625rem solid transparent;border-radius: 1rem;transition: 0.5s ease all;}
.info-card--form:hover{background-color: var(--white);box-shadow: 0 1rem 2rem -0.25rem #00A4FF1A;border-radius:1rem;border: 0.0625rem solid var(--offWhite);}
.info-card--col:has(.info-card--form:hover){border-right-color: transparent;border-left-color: transparent;}
.info-card--col:has(+ .info-card--col .info-card--form:hover){border-right-color: transparent;}
.info-card--form .info-card__subtitle{margin-bottom: 1.5rem;font-size: 0.875rem;color: var(--textPBlack);}
.info-card--form .info-card__title{margin-bottom: 0.5rem;color: #1C1819;}
.info-card--form .info-card__btn{margin-top: auto;align-self: flex-start;}
.info-card--col{transition: 0.3s ease all;}
.info-card--form .info-card__btn.default-btn.arrow:hover span:empty::before { transform: none; filter: none; background-color: #ddd; }
.info-card--form .info-card__btn.default-btn,.info-card--form .info-card__btn.default-btn:hover {cursor: no-drop;background-color: #ddd;}
.info-card--form .info-card__btn.default-btn.btn--secondary.arrow:hover span:empty{background-color: #ddd;border: 0.03125rem solid var(--darkBlue);}
/* Footer */
footer .footer-main{padding:4.5rem 0 5.0625rem;}
footer .footer-main .f-brand-logo a{display:inline-flex;width:7.4375rem;transform:translateX(-.25rem);margin-bottom:1.5rem;}
footer .footer-main .f-brand-logo a img{width:100%;height:100%;object-fit:cover;}
footer .footer-main .f-brand-content p{color:var(--textSBlack);font-size:1rem;line-height:1.5;}
footer .footer-main :is(.f-menu-links,.f-social-links) h6{font-size:1rem;line-height:1.5;margin-bottom:1.15625rem;font-weight: 600;}
footer .footer-main :is(.f-menu-links,.f-social-links) h6:not(:first-child){margin-top: 1.5rem;}
footer .footer-main .f-menu-links ul{display:flex;flex-direction:column;gap:.5rem;}
footer .footer-main .f-menu-links ul li a{color:var(--textSBlack);font-weight:500;display:inline-block;font-family:var(--primary-font);}
footer .footer-main .f-menu-links ul li a:hover{color:var(--secondary);}
footer .footer-main .f-social-links{padding-left: 3rem;}
footer .footer-main .f-social-links ul{gap:1rem;width: 9.75rem; flex-wrap: wrap;}
footer .footer-main .f-social-links ul li a{width:2.5rem;height:2.5rem;background:var(--darkBlue);border-radius:50%;display:flex;align-items:center;justify-content:center;}
footer .footer-main .f-social-links ul li a svg{width:1rem;height:1rem;}
footer .footer-main .f-social-links ul li a:hover{background-color:var(--secondary);}
footer .secondary-footer{padding:1rem 2.5rem;background-color:var(--secondary);border-radius:1rem 1rem 0 0;}
footer .secondary-footer .copyright-text p{font-size:1rem;color:var(--white);}
footer .secondary-footer .footer-links ul { display: flex; gap: 1.5rem; }
footer .secondary-footer .footer-links li a{font-size:1rem;color:var(--white);font-weight:400;letter-spacing:-0.0195rem;}
footer .secondary-footer .footer-links li a:hover{color:var(--darkBlue);}
.hero--regular{text-align: center;background-size: cover;background-position: center center;background-repeat: no-repeat;min-height: 100vh;padding: 1.25rem 0 0;}
.hero--regular::before{content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.7);}
.hero__container{min-height: 100vh;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.hero__title{color: var(--white);margin-bottom: 1.5rem;letter-spacing: -0.25rem;}
.hero__subtitle,.hero__subtitle p{color: #FFFFFFF2;}
.hero__subtitle p:not(:last-child){margin-bottom: 1rem;}
.hero__btn-row{margin-top: 3rem;}
/* about us */
.about-us__title{line-height: 1.16;letter-spacing: -0.055rem;}
.about-us__desc{margin-top: 1.5rem;}
.about-us__img{max-width: 41.5rem;width:100%;border-radius: 1rem;display: block;margin: 0 auto;}
/* our values */
.our-values__container{padding: 0;}
.our-values__title{line-height: 1.1;letter-spacing: -0.125rem;margin-bottom: 4rem;}
.our-values__img{max-width: 53.9375rem;width:100%;border-radius: 1rem;}
.info-card:not(:first-child){padding-top: 1.5rem;}
.info-card:not(:last-child){border-bottom: 0.125rem solid #D9D9D9;padding-bottom: 1.5rem;}
.info-card__img{width: 3rem;margin-bottom: 1.5rem;display: block;}
.info-card__title{line-height: 1.2;letter-spacing: -0.0625rem;margin-bottom: 1rem;}
.info-card__subtitle,.info-card__subtitle p{font-size: 1rem;color: var(--textSBlack);}
.info-card__subtitle p:not(:last-child){margin-bottom: 0.5rem;}
.info-card__btn{margin-top: 1.5rem;}
/* PressBox Img */
.hero--press-box .hero__subtitle p:not(:last-child){margin-bottom:.65rem;}
.media-block{padding:.5rem .5rem 2rem;border-radius:.5rem;background:var(--offWhite);}
.mediaInfo .row{gap:1.875rem 0;}
.media-block .thumb-img{height:22.8125rem;border-radius:.5rem;overflow:hidden;margin-bottom:2rem;}
.media-block .thumb-img img{width:100%;height:100%;object-fit:cover;}
.media-block :is(h6,p){padding:0 7.5rem 0 1rem;position: relative;}
.media-block h6{font-size: 1.5rem;position: relative;}
.media-block h6 a{font-size:inherit;color:var(--textPBlack);font-family:var(--heading-font);font-weight:inherit;line-height:120%;letter-spacing:-.0625rem;text-transform:uppercase;margin-bottom:.5rem;position:relative;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; position: static;}
.media-block h6::after{content:"";width:2.5rem;height:2.5rem;border-radius:.5rem;position:absolute;right:1rem;top:.25rem;background-image: url('data:image/svg+xml,');background-repeat:no-repeat;background-position:center;background-size: 2.5rem;transition: .15s ease all;pointer-events: none;}
.media-block p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; color: var(--textSBlack);}
.media-block h6 a::after { content: ""; position: absolute; left: 1rem; height: 100%; width: calc(100% - 2rem); top: 0; }
.media-block:hover h6::after,.media-block h6:hover::after{background-image:url('data:image/svg+xml,');}
.media-info{display:flex;align-items:center;padding:1rem 1rem 0;gap:0.84375rem;}
.media-info i{display:inline-flex;line-height:0;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;}
.media-info .inner-info{display:flex;flex-direction:column;font-weight:800;text-transform:uppercase;font-size:.875rem;line-height:1.5;}
.media-info .inner-info span:first-child{color:var(--textPBlack);}
.media-info .inner-info span:last-child{color:#6A7282;}
/* Hero Banner Section */
.gen-page header{position:sticky;inset:0;background-color:var(--white);padding:.5rem 0;box-shadow: 0 .5rem 5rem 0 #8080803b;}
.gen-page header .brand-logo{line-height:0;}
.gen-page header #menu ul li a:not(.btn){color:var(--textPBlack);}
header #menu ul li{cursor: pointer;}
.gen-page header #menu ul li a:not(.btn):hover{color:var(--secondary);}
.gen-page header.scrolled{padding:0;border-radius:0;box-shadow:0 0.5rem 3rem .75rem #afafaf1f;}
.gen-page header.scrolled .header-wrap{border-radius:0;padding:.5rem 0;}
.hero:not(.hero--regular){background:var(--primary);overflow:hidden;padding:4rem 0;position: relative;min-height: 22.8125rem;min-height: 22.8125rem; display: flex ; flex-direction: column; justify-content: center;}
.hero .hero-title{font-size:4.5rem;line-height:1.1;letter-spacing:-.125rem;color:var(--white);max-width:70.875rem;padding-left:1.5rem;position: relative;z-index: 2;}
.hero .hero-subtitle{margin-top:1.5rem;color:var(--white);max-width:70.875rem;padding-left:1.75rem;position: relative;z-index: 2;}
.hero .hero-gradients {position: absolute; display: flex; align-items: center; justify-content: center; right: -7.6rem; top: 1.75rem; width: 26.475rem; transform: rotate(180deg) scaleY(-1);}
.hero .gradient-bars {display: flex; flex-direction: column; gap: 2.25rem; width: 26.475rem;}
.hero .gradient-bar-1 {background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0)); height: 3.125rem; width: 25.125rem;}
.hero .gradient-bar-2 {background: linear-gradient(to right, #00a4ff, rgba(0, 164, 255, 0)); height: 3.125rem; width: 25.122rem;}
.hero .gradient-bar-3 {background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0)); height: 3.125rem; width: 100%;}
.hero .gradient-bar-4 {height: 3.125rem; width: 25.122rem;}
.content-wrapper{max-width: 70.5rem;border-radius: 0.625rem;border: .0625rem solid var(--offWhite);background: var(--white);box-shadow: 0 .0625rem .125rem -125rem rgba(0, 0, 0, 0.10);padding: 2rem;margin: 3rem auto;}
.content-wrapper .policy-section{display:flex;flex-direction:column;gap: 1rem;padding: 0;}
.content-wrapper .policy-section:not(:last-child){padding-bottom:3rem;}
.content-wrapper .section-heading{display:flex;gap: .5rem;padding-bottom: .5rem;border-bottom: .0625rem solid #e5e7eb;width:100%;}
.content-wrapper .section-heading :is(h2,.h2){font-size: 1.5rem;line-height:1.2;letter-spacing: -.0625rem;color: var(--textPBlack);}
.content-wrapper .section-content{display:flex;flex-direction:column;gap: 1.5rem;}
.content-wrapper .section-content p{font-size: 1rem;color: var(--textSBlack);}
.content-wrapper .text-group{display:flex;flex-direction:column;gap:1rem;}
.content-wrapper .bullet-list{display:flex;flex-direction:column;gap: 1rem;}
.content-wrapper .list-item{display:flex;gap:.5rem;align-items:flex-start;}
.content-wrapper .bullet-point{background:var(--secondary);width: .375rem;height: .375rem;flex-shrink:0;margin-top: .5rem;}
.content-wrapper .list-item-text{font-weight:500;line-height:1.5;}
.content-wrapper .bold-text{font-weight:700;color:var(--textPBlack);}
.content-wrapper .table-container{width:100%;overflow-x:auto;margin:1rem 0 1.5rem;}
.content-wrapper .privacy-table{width:100%;border-collapse:collapse;border:.0625rem solid #d1d5dc;background:var(--white);table-layout: fixed;}
.content-wrapper .privacy-table thead{background:#f9fafb;}
.content-wrapper .privacy-table :is(th,td){font-family:var(--primary-font);font-weight:700;font-size:1rem;line-height:1.5;color:var(--textPBlack);padding:1.25rem 1rem;border:.0625rem solid #d1d5dc;text-align: left;}
.content-wrapper .privacy-table tbody tr td{vertical-align:top;font-weight: 500;color: var(--textSBlack);}
.content-wrapper .table-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;}
.content-wrapper .table-list li{position:relative;padding-left:.875rem;color:var(--textSBlack);font-size: 1rem;}
.content-wrapper .table-list li::before{content:'';position:absolute;left:0;top:.5rem;width:.375rem;height:.375rem;background:var(--secondary);}
.content-wrapper .email-link,.content-wrapper .intro-section a{color:var(--secondary);text-decoration:underline;text-underline-position:from-font;}
.content-wrapper p a:hover,.content-wrapper .email-link:hover{color:#0086d6;}
.content-wrapper h3{font-size: 1.125rem; color: var(--textPBlack); font-weight: 700;line-height: 1.5;font-family: var(--primary-font);text-transform: unset;}
.content-wrapper p a{font-weight: 500;color: var(--secondary);}
.content-wrapper .intro-section{margin-bottom:2rem;}
.content-wrapper .intro-section p:not(:last-child){margin-bottom: 1rem;}
.content-wrapper .intro-section p{font-size: 1rem;color: var(--textSBlack);}
.content-wrapper .conclusion-sec .bold-text{color: var(--textSBlack);}
/* 404 */
.error-banner{padding:5rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:59vh;}
.error-banner .container{height:100%;}
.error-banner .error-code{font-family:var(--heading-font);font-size:12.5rem;font-weight:700;color:var(--secondary);line-height:1;margin-bottom:0;letter-spacing:-.375rem;text-transform:uppercase;display:inline-flex;}
.error-banner .error-code .highlight{color:#0f1828;}
.error-banner .error-message{margin-top:1rem;}
.error-banner a.btn.btn--default.ball{margin-top:2rem;}
/* Superscript reference */
sup{vertical-align: super;font-size: smaller;}
.tooltip-ref{position: relative;display: inline-block;font-size: 0.75em;cursor: pointer;margin-left: 0.1875rem;color: var(--white);font-weight: 600;}
.tooltip-text{visibility: hidden;opacity: 0;width: 16.25rem;background: var(--white);color: var(--textSBlack);text-align: left;padding: 0.75rem 0.875rem;border-radius: 0.5rem;position: absolute;z-index: 999;bottom: 1.3rem;left: 5.5rem;transform: translateX(-50%);transition: all .15s ease;line-height: 1.2;font-size: 0.75rem;pointer-events: none;cursor: auto;}
.tooltip-text a,.tooltip-mob a{font-size: 0.75rem;line-height: 1.2;display: inline;color: var(--textSBlack);text-decoration: underline;}
.tooltip-text a:hover,.tooltip-mob a:hover{color: var(--secondary);}
.tooltip-text::after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -0.375rem;border-width: 0.375rem;border-style: solid;border-color: var(--white) transparent transparent transparent;display: none;}
.tooltip-ref:hover .tooltip-text,.tooltip-ref:focus .tooltip-text,.tooltip-ref:focus-within .tooltip-text{visibility: visible;opacity: 1;pointer-events: auto;}
.tooltip-mob{display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 16.25rem;background: var(--white);color: var(--textSBlack);text-align: left;padding: 0.75rem 0.875rem;border-radius: 0.5rem;z-index: 1;}
.tooltip-mob .tooltip-text{bottom: unset;left:unset;transform:unset;}
.tooltip-mob.active{display: block;}
.tooltip-mob.active .tooltip-text{opacity: 1;visibility: visible;}
/* Animations */
.animatable{opacity: 0; visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;}
.animated{opacity: 1; visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;-ms-animation-duration:0.3s;-o-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;}
.animated.fade{-webkit-animation-name:fade;-moz-animation-name:fade;-o-animation-name:fade;animation-name:fade;}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
.animated.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
.animated.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.animated.zoomIn{-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;-o-animation-name:zoomIn;animation-name:zoomIn}
[data-delay="100"].animated{animation-delay:.1s;}
[data-delay="200"].animated{animation-delay:.2s;}
[data-delay="300"].animated{animation-delay:.3s;}
[data-delay="400"].animated{animation-delay:.4s;}
[data-delay="500"].animated{animation-delay:.5s;}
[data-delay="600"].animated{animation-delay:.6s;}
[data-delay="700"].animated{animation-delay:.7s;}
[data-delay="800"].animated{animation-delay:.8s;}
[data-delay="900"].animated{animation-delay:.9s;}
[data-delay="1000"].animated{animation-delay:1s;}
[data-delay="1100"].animated{animation-delay:1.1s;}
[data-delay="2100"].animated{animation-delay:2.1s;}
/*** fadeInDown ***/
@-webkit-keyframes fade{
0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fade{
0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fade{
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fade{
0%{opacity:0;}
100%{opacity:1;}
}
/*** fadeInDown ***/
/*** fadeInDown ***/
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-50px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;-moz-transform:translateY(-50px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDown{
0%{opacity:0;-o-transform:translateY(-50px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDown{
0%{opacity:0;transform:translateY(-50px);}
100%{opacity:1;transform:translateY(0);}
}
/*** fadeInDown ***/
/*** fadeInUp ***/
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(50px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;-moz-transform:translateY(50px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUp{
0%{opacity:0;-o-transform:translateY(50px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUp{
0%{opacity:0;transform:translateY(50px);}
100%{opacity:1;transform:translateY(0);}
}
/*** fadeInUp ***/
/*** fadeInLeft ***/
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-100px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-100px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-100px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-100px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
/*** fadeInLeft ***/
/*** fadeInRight ***/
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(100px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;-moz-transform:translateX(100px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInRight{
0%{opacity:0;-o-transform:translateX(100px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInRight{
0%{opacity:0;transform:translateX(100px);}
100%{opacity:1;transform:translateX(0);}
}
/*** fadeInRight ***/
/*** ZoomIn ***/
@-webkit-keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale(.8);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes zoomIn{
0%{opacity:0;-moz-transform:scale(.8);}
100%{opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes zoomIn{
0%{opacity:0;-o-transform:scale(.8);}
100%{opacity:1;-o-transform:scale(1);}
}
@keyframes zoomIn{
0%{opacity:0;transform:scale(.8);}
100%{opacity:1;transform:scale(1);}
}
/* Responsive */
@media (min-width:1921px){
/* .ta-form-sec__form{margin-top: -19rem;} */
.ta-sign-patition iframe{height: 50rem !important;}
.ta-form-sec__form__iframe{height: 64rem;height: 40rem;}
}
@media (min-width:1200px){
.our-values [class*='col-']:first-child img,.about-us__heading{position: sticky;top: 9rem;}
.dayoff .last-p{margin-bottom: 9.375rem;}
}
@media (max-width: 1400px){
/* Day Off */
.dayoff figure{transform:scale(1.5) translate(5.8rem,-5rem);}
/* Effect */
.effect [class*='col-']{max-width:100%;}
.effect .row{gap:2rem;align-items:center;}
.effect [class*='col-']:first-child{text-align:center;}
.effect ul{justify-content:center;}
}
@media (max-width: 1366px){
/* our values */
.container{padding:0 1rem;}
/* take action cta */
.take-action-cta__container{padding: 2.5rem 1.5rem;}
}
@media only screen and (width: 1024px) and (height: 1366px) {
.hero__container,.hero--regular{min-height:50vh;}
/* take action form section */
.ta-form-sec__form__iframe{height: 80rem;}
.ta-sign-patition iframe{height: 56.375rem;}
.ta-forms-footer{margin-top: -7rem;margin-top: 0;}
}
@media (max-width: 1280px){
section,.take-action-cta.home-cta{padding: 4rem 0;}
h1,.h1 {font-size:4rem;}
h2,.h2 {font-size:3.2rem;line-height: 1.2;}
h3,.h3 {font-size:3rem;}
h4,.h4 {font-size:2rem;}
h5,.h5 {font-size:1.5rem;}
h6,.h6 {font-size:1rem;}
/* about us */
/* take action cta */
.take-action-cta__container{padding: 2.5rem 1.5rem;}
/* Day Off */
.dayoff figure{transform:scale(1.35) translate(5rem,-3rem);}
.dayoff h2{padding-bottom: 2rem;}
/* Monday Off Marquee */
.blue-marquee {background-color: var(--primary);transform: rotate(6deg) translate(-1rem, 4rem);min-width: calc(100% + 3rem);}
.skyblue-marquee {background-color: var(--secondary);transform: rotate(-3deg) translate(-1rem, -3rem);min-width: calc(100% + 3rem);}
/* take action form section */
.ta-form-sec__fw-actions{margin-top: 4rem;}
}
@media (max-width: 1199px){
/* hero section */
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) br{display: none;}
/* Day Off */
.dayoff figure{transform:scale(1.25) translate(3.9rem,-3rem);}
/* Effect */
.dayoff{padding-top:64px;text-align:center;padding-bottom:0;}
.dayoff h2{padding-left:0;padding-bottom:48px;}
.dayoff [class*='col-']{max-width:100%;}
.dayoff figure{transform:translateX(4rem);position:relative;margin:48px auto 0;}
.dayoff [class*='col-']:first-child{position:relative;text-align:center;}
.dayoff .row{flex-direction:column-reverse;}
/* take action form section */
.ta-form-sec__form{padding-bottom: 0;}
.ta-form-sec__form__iframe{height: 81.25rem;height: 46.25rem;}
.ta-forms-footer{margin-top: -12rem;margin-top: 0;}
.ta-sign-patition{padding-bottom: 0;}
/* Press Box */
.media-block h6 a::after { background-size: 2rem; top: 0rem; right: -5rem; }
.media-block :is(h6,p) {padding: 0 6rem 0 1rem;}
.media-block p{font-size: .875rem;}
/* our values */
.our-values__container .row [class*='col-']{max-width: 100%;}
.our-values__container .info-cards{padding: 3rem 1rem;}
.our-values__title{text-align: center;margin-bottom: 3rem;}
/* Terms Page */
.hero .hero-title{font-size:3rem;}
.hero .hero-title { padding-left: 0; }
.hero .hero-subtitle { padding-left: 0; }
}
@media (min-width: 768px) and (max-width: 1199px) {
.our-values__img{max-width: 48rem;margin: 0 auto;display: block;}
}
@media (max-width: 992px){
/* take action cta */
.take-action-cta{padding: 0 0.5rem;}
/* body{overflow-x: hidden;} */
section{overflow: hidden;}
/* Effect */
.effect{padding:64px 0 24px;}
.effect ul{flex-direction:column;align-items:center;margin-top:32px;gap:16px;}
.accordion ul li .bg-wrap{padding:2.5rem;border-radius:1rem;flex-direction:column;width:26rem;height:320px;padding:32px 16px;}
.accordion ul li .bg-wrap h4{display:none;}
.accordion ul li .bg-wrap h6{transform:translate(0rem,0rem) rotate(0);opacity:1;visibility:visible;}
.accordion ul li .bg-wrap p{transform:none;opacity:1;visibility:visible;}
.effect .row{gap: 0;}
.accordion ul li .bg-wrap::after{opacity: 1;visibility: visible;}
/* Hero Banner */
.hero__container,.hero--regular{min-height:65vh;}
.hero__subtitle br, .hero__subtitle p br{display: none;}
/* TA Form Sec */
.ta-form-sec__form{margin-top: 0;}
.ta-forms-footer{margin-top: -7rem;margin-top: 0;}
.ta-sign-patition{padding-top: 0;}
.ta-sign-patition iframe{height: 61rem;}
/* Footer */
footer .footer-main .f-social-links{padding-left: 1rem;}
footer .secondary-footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:16px;}
footer .secondary-footer ul{justify-content: center;}
footer .footer-main .f-brand-content p br{display: none;}
footer :is(.copyright-text,.footer-links){width: 100%;}
/* take action form section */
.ta-form-sec__form__iframe{height: 83.75rem;height: 46.75rem;}
/* PressBox */
.media-block{padding-bottom:1rem;}
.media-block .thumb-img{height:14.5625rem;width:100%;margin-bottom:1rem;}
.media-block :is(h6,p){padding:0 2.5rem 0 0rem;}
.media-block h6 { font-size: 1rem; }
.media-block h6 a::after{right:-3rem;}
.media-block h6 a::after{width:100%;left:0;}
.media-block h6::after { width: 1.75rem; height: 1.75rem; background-size: 1.5rem; right: 0; top: 0; }
.media-info { padding: .65rem 0rem 0rem; gap: .5rem; }
.media-info i { width: 2rem; height: 2rem; }
.media-info .inner-info { font-size: .6875rem; line-height: 1.25; }
/* Terms Page */
.hero :is(.gradient-bar-1,.gradient-bar-2,.gradient-bar-3){height: 2.125rem;}
}
@media screen and (min-width:768px) and (max-width:992px){
/* TA Form Sec */
.ta-form-sec__action-row { flex-wrap:wrap;}
.ta-form-sec__action-row .info-card--col{max-width:50%;}
/* Footer */
[class*='col-']:last-child.f-menu-links {margin-left: -4.7rem;}
}
@media (max-width: 800px){
.ta-sign-patition iframe{height: 53rem;}
}
@media (max-width: 767px){
.container{padding:0 1rem;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position:relative;max-width: 100%;}
section{padding: 4rem 0 0;}
h1,.h1 {font-size:2.5rem;letter-spacing: -0.055rem;}
h2,.h2 {font-size:2rem;}
h3,.h3 {font-size:1.8rem;}
h4,.h4 {font-size:1.5rem;}
h5,.h5 {font-size:1.2rem;}
h6,.h6 {font-size:0.875rem;}
p {font-size: 0.875rem;}
/* hero section */
.hero__container, .hero--regular{min-height: 100vh;}
.hero__title{margin-bottom: 1rem;letter-spacing: -0.055rem;}
.hero__btn-row{margin-top: 2rem;}
/* about us */
.about-us__heading{text-align: center;margin-bottom: 3rem;padding: 0 1rem;}
.about-us__title{letter-spacing: -0.055rem;}
/* our values */
.our-values__title{line-height: 1.2;margin-bottom: 3rem;letter-spacing: -0.055rem;padding: 0 1rem;text-align: center;}
.our-values__img{height: 100%;object-fit: cover;}
.info-cards{padding: 3rem 1rem;}
.info-card{padding: 0 1rem;}
.info-card__title{font-size: 1.125rem;}
.info-card__subtitle{font-size: 0.875rem;}
/* take action cta */
.take-action-cta{padding: 0.5rem;}
.take-action-cta__container{padding: 3.5rem 0.5rem;text-align: center;}
.take-action-cta__title{line-height: 1.2;letter-spacing: -0.055rem;margin-bottom: 2rem;}
.take-action-cta__col{margin-top: 2rem;}
.take-action-cta.home-cta{padding: 2rem 0.5rem 0;}
/* Banner */
.banner-video h1 img{width:230px;padding-top:15px;margin-bottom:16px;}
.banner-video .container{gap:0;}
.banner-video p br{display:none;}
.banner-video .btn-row{justify-content:center;margin-top: 32px;}
.fancybox-close{width:40px;height:40px;}
.hero.hero--regular.hero--take-action { min-height: 86vh; }
.hero.hero--regular.hero--take-action .container.hero__container { min-height: 84vh; }
/* .banner.banner-img{background-image: url('../images/mobile-home-hero.webp') !important;background-repeat: no-repeat;background-size: cover;} */
.hero.hero--regular.hero--about-us{background-image: url('../images/mobile-about-hero.webp') !important;background-repeat: no-repeat;background-size: cover;}
.banner.banner-img,.hero.hero--regular.hero--take-action{background-image: url('../images/mobile-take-action-hero.webp') !important;background-repeat: no-repeat;background-size: cover;}
.hero.hero--regular.hero--press-box{background-image: url('../images/press-box-banner.webp') !important;background-repeat: no-repeat;background-size: cover;}
/* DayOff */
.dotted{background-size:109rem;}
.dayoff .btn{margin-top:.5rem;}
.dayoff figure{transform:none;max-width:31rem;margin-left:0;}
.dayoff [class*='col-']:first-child{padding:0;}
/* Effect */
.effect .row{gap: 0;}
.effect [class*='col-']:first-child{text-align: left;}
.accordion ul li.active .bg-wrap,.accordion ul li .bg-wrap{width: 92vw; padding: 32px 16px;}
.accordion ul li.active .bg-wrap p,.accordion ul li .bg-wrap p{width: 100%;}
/* tooltip */
.tooltip-ref .tooltip-text{display: none;}
.tooltip-text::after{display: none}
/* Monday Off Marquee */
.mondayoff{padding:4rem 0rem 0;}
.mondayoff .clients-logos .clients-logos-wrap .client-logo{padding:27px 18px;}
.blue-marquee{transform:rotate(8deg) translate(-1rem,2rem);}
/* Press */
.press{padding-top:1rem;padding-bottom:40px;}
.press h2{margin-bottom:16px;}
.press .clients-logos .clients-logos-wrap .client-logo{padding:0 8px;width:296px;}
.press .client-logo img,.press .client-logo.lg-img img{border-radius:11px;}
.press .client-logo.lg-img{width:175px;padding:0 4px;}
.press .client-logo.lg-img img{border-radius:11px;}
.press .clients-logos .clients-logos-wrap{padding-bottom:48px;}
.press .press-share p strong{display:block;margin-top:8px;text-transform:uppercase;color:var(--primary);font-size: 14px;}
/* Header */
body.stop-scroll{overflow: hidden;}
header{transition: .3s ease all;}
header .hamburger{width:32px;height:14px;display:flex;position:relative;z-index:3;align-items:center;justify-content:center;gap:0.6rem;flex-direction:column;}
header .hamburger span{width:2rem;height:2px;background-color:#fff;transition:.3s ease all;display:inline-block;position:absolute;top:0;left:0;}
header.active .hamburger span:first-child{transform:rotate(45deg) translate(0.05rem,0rem);}
header.active .hamburger span:last-child{transform:rotate(-45deg) translate(0,0);bottom: 11px;}
header .hamburger span:last-child{bottom:0;top:auto;}
header #menu{display: none;}
header #menu{position:absolute;background-color:var(--white);top:-2rem;left:0;min-height:70vh;padding:96px 16px 32px;width:100%;display:flex;width:100%;transform: translateX(110%);transition: .3s ease all;}
header.active #menu { transform: translateX(0); }
header #menu ul{gap:0;height:56.5vh;flex-direction:column;width:100%;}
.brand-logo{position:relative;z-index:1;}
header.active .hamburger span{background-color:var(--textPBlack);}
header #menu ul :is(li a.btn,li){width:100%;justify-content:space-between;}
header #menu ul li a.btn{margin-top:auto;}
header #menu ul li :not(a.btn){color:var(--textPBlack);line-height:1.5;padding:12px 0;}
header #menu ul li:first-child{margin-bottom:8px;border-bottom:1px solid var(--offWhite);padding-bottom:8px;}
header #menu ul li:last-child{margin-top:auto;display:flex;}
header #menu ul li a.btn span{color:var(--white);padding:0;}
header #menu ul li:is(:first-child,:nth-child(2)) a { width: 100%; padding-right: 42px; }
header #menu ul li:is(:first-child,:nth-child(2)) a:is(:active,:focus,:hover){color: var(--secondary);}
header #menu ul li:is(:first-child,:nth-child(2)) a::after { content: ""; background-image: url('data:image/svg+xml,'); width: 17px; background-repeat: no-repeat; height: 17px; background-position: center; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; }
header #menu ul li:is(:first-child,:nth-child(2)) a:is(:active,:focus,:hover)::after{background-image:url('data:image/svg+xml,');}
header.scrolled{top:1rem;}
header.scrolled .header-wrap{padding:16px;}
header.scrolled .header-wrap .hamburger span{background-color:var(--textPBlack);}
header.scrolled .header-wrap i{margin-top:0.4rem;}
header.active.scrolled{top:2rem;}
header.active.scrolled .header-wrap{padding:0px;}
header.active.scrolled .header-wrap i{margin-top:0rem;}
header.active.scrolled div#menu { min-width: calc(100% + 40px); left: -20px; }
/* Footer */
footer .footer-main{padding:64px 0 40px;}
footer .footer-main .f-brand-content p{font-size:14px;}
footer .footer-main .f-menu-links{margin-top:40px;}
footer .footer-main .f-social-links{margin-top:40px;}
footer .footer-main .f-social-links ul{width:100%;}
footer .footer-main .f-menu-links ul{gap:1.5rem;}
footer .secondary-footer{gap: 32px;}
footer .secondary-footer .footer-links ul {flex-direction: column;gap: 8px;}
/* take action from section */
.ta-form-sec__title{line-height: 1.2;letter-spacing: -0.055rem;}
.ta-form-sec__action-row{margin-top: 1.5rem;}
.info-card--form{padding: 1.5rem;width: 100%;}
.ta-form-sec__form{padding-top: 1.25rem;}
.ta-sign-patition{padding-top:2rem;}
.ta-forms-footer{margin-top: -10rem;margin-top: 0;}
.ta-form-sec__form__iframe{height: 72.75rem;height: 46.75rem;}
/* PressBox */
.mediaInfo .row{gap:1.5rem;}
.media-block h6{font-size:1.125rem;}
.media-block h6 a::after,.media-block h6::after{display:none;}
.media-block :is(h6,p){padding:0 .5rem;}
.media-info{padding: .65rem .5rem 0rem;}
/* Terms Page */
.gen-page{overflow: hidden;}
.hero:not(.hero--regular){padding: 3rem 0;min-height: auto;}
.hero :is(.gradient-bar-1,.gradient-bar-2,.gradient-bar-3){display: none;}
.hero .hero-title{font-size: 2.5rem;}
.gen-page { margin-top: 4rem; }
.gen-page header { padding: 1rem 0; position: fixed; top: 0; left: 0; height: 4rem; }
.gen-page header .hamburger span { background-color: var(--textPBlack); }
/* 404 */
.error-banner .error-code{font-size:8rem;}
.error-banner p br{display:none;}
.content-wrapper{padding:1.25rem;margin:2rem auto;}
.content-wrapper .section-content p{font-size:.875rem;}
.content-wrapper .policy-section:not(:last-child){padding-bottom:2rem;}
.content-wrapper .policy-section{gap:.5rem;}
.content-wrapper .section-content{gap:.875rem;}
.content-wrapper .bullet-list{gap:.5rem;}
.content-wrapper .email-link{display:inline;word-break:break-all;}
.content-wrapper .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.content-wrapper .table-container table{width:100%;min-width:600px;border-collapse:collapse;table-layout:unset;}
}