/**
 * Animate
 * Version - 4.1.1
 * Plugin URL: https://animate.style/
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 */
:root{--animate-duration:1.5s;--animate-delay:0.3s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1.5s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:calc(1 * 2);animation-iteration-count:calc(1 * 2);-webkit-animation-iteration-count:calc(var(--animate-repeat) * 2);animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:calc(1 * 3);animation-iteration-count:calc(1 * 3);-webkit-animation-iteration-count:calc(var(--animate-repeat) * 3);animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1{-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2{-webkit-animation-delay:calc(0.3s * 2);animation-delay:calc(0.3s * 2);-webkit-animation-delay:calc(var(--animate-delay) * 2);animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3{-webkit-animation-delay:calc(0.3s * 3);animation-delay:calc(0.3s * 3);-webkit-animation-delay:calc(var(--animate-delay) * 3);animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4{-webkit-animation-delay:calc(0.3s * 4);animation-delay:calc(0.3s * 4);-webkit-animation-delay:calc(var(--animate-delay) * 4);animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5{-webkit-animation-delay:calc(0.3s * 5);animation-delay:calc(0.3s * 5);-webkit-animation-delay:calc(var(--animate-delay) * 5);animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__delay-6{-webkit-animation-delay:calc(0.3s * 6);animation-delay:calc(0.3s * 6);-webkit-animation-delay:calc(var(--animate-delay) * 6);animation-delay:calc(var(--animate-delay) * 6)}.animate__animated.animate__delay-7{-webkit-animation-delay:calc(0.3s * 7);animation-delay:calc(0.3s * 7);-webkit-animation-delay:calc(var(--animate-delay) * 7);animation-delay:calc(var(--animate-delay) * 7)}.animate__animated.animate__delay-8{-webkit-animation-delay:calc(0.3s * 8);animation-delay:calc(0.3s * 8);-webkit-animation-delay:calc(var(--animate-delay) * 8);animation-delay:calc(var(--animate-delay) * 8)}.animate__animated.animate__delay-9{-webkit-animation-delay:calc(0.3s * 9);animation-delay:calc(0.3s * 9);-webkit-animation-delay:calc(var(--animate-delay) * 9);animation-delay:calc(var(--animate-delay) * 9)}.animate__animated.animate__delay-10{-webkit-animation-delay:calc(0.3s * 10);animation-delay:calc(0.3s * 10);-webkit-animation-delay:calc(var(--animate-delay) * 10);animation-delay:calc(var(--animate-delay) * 10)}.animate__animated.animate__faster{-webkit-animation-duration:calc(1s / 2);animation-duration:calc(1s / 2);-webkit-animation-duration:calc(var(--animate-duration) / 2);animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{-webkit-animation-duration:calc(1s * 0.8);animation-duration:calc(1s * 0.8);-webkit-animation-duration:calc(var(--animate-duration) * 0.8);animation-duration:calc(var(--animate-duration) * 0.8)}.animate__animated.animate__slow{-webkit-animation-duration:calc(1s * 2);animation-duration:calc(1s * 2);-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{-webkit-animation-duration:calc(1s * 3);animation-duration:calc(1s * 3);-webkit-animation-duration:calc(var(--animate-duration) * 3);animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion:reduce){.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*="Out"]{opacity:0}}@-webkit-keyframes bounce{20%,53%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{20%,53%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__headShake,.animate__pulse{animation-timing-function:ease-in-out}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%,50%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}}@keyframes headShake{0%,50%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}}.animate__headShake{animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%,28%,70%{-webkit-transform:scale(1);transform:scale(1)}14%,42%{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes heartBeat{0%,28%,70%{-webkit-transform:scale(1);transform:scale(1)}14%,42%{-webkit-transform:scale(1.3);transform:scale(1.3)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:calc(1s * 1.3);animation-duration:calc(1s * 1.3);-webkit-animation-duration:calc(var(--animate-duration) * 1.3);animation-duration:calc(var(--animate-duration) * 1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.animate__bounceIn{-webkit-animation-duration:calc(1s * 0.75);animation-duration:calc(1s * 0.75);-webkit-animation-duration:calc(var(--animate-duration) * 0.75);animation-duration:calc(var(--animate-duration) * 0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}.animate__bounceOut,.animate__flipOutX{animation-duration:calc(1s * 0.75)}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:calc(1s * 0.75);-webkit-animation-duration:calc(var(--animate-duration) * 0.75);animation-duration:calc(var(--animate-duration) * 0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.animate__flipInY,.animate__flipOutX{backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.animate__flipOutX{animation-duration:calc(1s * 0.75);-webkit-animation-duration:calc(var(--animate-duration) * 0.75);animation-duration:calc(var(--animate-duration) * 0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:calc(1s * 0.75);animation-duration:calc(1s * 0.75);-webkit-animation-duration:calc(var(--animate-duration) * 0.75);animation-duration:calc(var(--animate-duration) * 0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{from{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{from{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:calc(1s * 2);animation-duration:calc(1s * 2);-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/**
 * Owl Carousel
 * Version - 2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:#fff0;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{backface-visibility:hidden;transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height 0.5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 0.4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;backface-visibility:hidden;transition:transform 0.1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 0.4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel
 * Version - 2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * Magnific Popup
 * Version: v1.2.0
 * Plugin URL: http://dimsemenov.com/plugins/magnific-popup/
 * License: Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 */
.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:"";top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/**
 * Flaticons
 * Icons URL: https://www.flaticon.com/
 * License: Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 */
@font-face{font-family:"flaticon";font-display:swap;src:url(../fonts/flaticon.woff2?42899f59c90e85401c4a0d79dbf29cab) format("woff2"),url(../fonts/flaticon.woff?42899f59c90e85401c4a0d79dbf29cab) format("woff"),url("../fonts/flaticon.eot?42899f59c90e85401c4a0d79dbf29cab#iefix") format("embedded-opentype"),url(../fonts/flaticon.ttf?42899f59c90e85401c4a0d79dbf29cab) format("truetype"),url("../fonts/flaticon.svg?42899f59c90e85401c4a0d79dbf29cab#flaticon") format("svg")}span[class^="flaticon-"]:before,span[class*=" flaticon-"]:before{font-family:flaticon!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flaticon-facebook:before{content:"\f101"}.flaticon-twitter:before{content:"\f102"}.flaticon-youtube:before{content:"\f103"}.flaticon-whatsapp:before{content:"\f104"}.flaticon-messenger:before{content:"\f105"}.flaticon-skype:before{content:"\f106"}.flaticon-dribbble:before{content:"\f107"}.flaticon-instagram:before{content:"\f108"}.flaticon-instagram-1:before{content:"\f109"}.flaticon-pinterest-logo:before{content:"\f10a"}.flaticon-vimeo:before{content:"\f10b"}.flaticon-telegram:before{content:"\f10c"}.flaticon-kakao-talk:before{content:"\f10d"}.flaticon-line:before{content:"\f10e"}.flaticon-snapchat:before{content:"\f10f"}.flaticon-behance:before{content:"\f110"}.flaticon-twitch:before{content:"\f111"}.flaticon-whatsapp-1:before{content:"\f112"}.flaticon-linkedin-sign:before{content:"\f113"}.flaticon-google-plus-symbol:before{content:"\f114"}.flaticon-trello:before{content:"\f115"}.flaticon-slack:before{content:"\f116"}.flaticon-github:before{content:"\f117"}.flaticon-stack-overflow:before{content:"\f118"}.flaticon-codepen:before{content:"\f119"}.flaticon-git:before{content:"\f11a"}.flaticon-slack-1:before{content:"\f11b"}.flaticon-google-drive:before{content:"\f11c"}.flaticon-dropbox:before{content:"\f11d"}.flaticon-google-play:before{content:"\f11e"}.flaticon-apple-logo:before{content:"\f11f"}.flaticon-windows-logo-silhouette:before{content:"\f120"}.flaticon-android-logo:before{content:"\f121"}.flaticon-star:before{content:"\f122"}.flaticon-star-1:before{content:"\f123"}.flaticon-star-half-empty:before{content:"\f124"}.flaticon-half-star-shape:before{content:"\f125"}.flaticon-magnifying-glass:before{content:"\f126"}.flaticon-reply-arrow:before{content:"\f127"}.flaticon-visibility:before{content:"\f128"}.flaticon-invisible:before{content:"\f129"}.flaticon-circle:before{content:"\f12a"}.flaticon-ring:before{content:"\f12b"}.flaticon-play:before{content:"\f12c"}.flaticon-play-button:before{content:"\f12d"}.flaticon-heart:before{content:"\f12e"}.flaticon-padlock:before{content:"\f12f"}.flaticon-send:before{content:"\f130"}.flaticon-diskette:before{content:"\f131"}.flaticon-bookmark:before{content:"\f132"}.flaticon-grid:before{content:"\f133"}.flaticon-ellipsis:before{content:"\f134"}.flaticon-double-quotes:before{content:"\f135"}.flaticon-quote:before{content:"\f136"}.flaticon-plus:before{content:"\f137"}.flaticon-minus:before{content:"\f138"}.flaticon-plus-1:before{content:"\f139"}.flaticon-minus-1:before{content:"\f13a"}.flaticon-cancel:before{content:"\f13b"}.flaticon-check:before{content:"\f13c"}.flaticon-sort-arrows-couple-pointing-up-and-down:before{content:"\f13d"}.flaticon-sort-down:before{content:"\f13e"}.flaticon-caret-arrow-up:before{content:"\f13f"}.flaticon-back:before{content:"\f140"}.flaticon-next:before{content:"\f141"}.flaticon-up-arrow:before{content:"\f142"}.flaticon-down-arrow:before{content:"\f143"}.flaticon-right-arrow:before{content:"\f144"}.flaticon-up-arrow-1:before{content:"\f145"}.flaticon-down-arrow-1:before{content:"\f146"}.flaticon-download-file:before{content:"\f147"}.flaticon-upload:before{content:"\f148"}.flaticon-sync:before{content:"\f149"}.flaticon-sun:before{content:"\f14a"}.flaticon-moon:before{content:"\f14b"}.flaticon-location-pin:before{content:"\f14c"}.flaticon-phone-call:before{content:"\f14d"}.flaticon-email:before{content:"\f14e"}.flaticon-conversation:before{content:"\f14f"}.flaticon-plus-2:before{content:"\f150"}.flaticon-cancel-1:before{content:"\f151"}.flaticon-check-1:before{content:"\f152"}.flaticon-change:before{content:"\f153"}.flaticon-user:before{content:"\f154"}.flaticon-history:before{content:"\f155"}.flaticon-heart-1:before{content:"\f156"}.flaticon-bookmark-1:before{content:"\f157"}.flaticon-comment:before{content:"\f158"}.flaticon-share-post:before{content:"\f159"}.flaticon-printer:before{content:"\f15a"}.flaticon-select:before{content:"\f15b"}.flaticon-filter:before{content:"\f15c"}.flaticon-ai:before{content:"\f15d"}.flaticon-checked:before{content:"\f15e"}.flaticon-check-2:before{content:"\f15f"}.flaticon-vertical-line:before{content:"\f160"}.flaticon-layout:before{content:"\f161"}.flaticon-git-1:before{content:"\f162"}.flaticon-git-2:before{content:"\f163"}.flaticon-gauge:before{content:"\f164"}.flaticon-terminal:before{content:"\f165"}.flaticon-presentation:before{content:"\f166"}.flaticon-bag:before{content:"\f167"}.flaticon-app:before{content:"\f168"}.flaticon-message:before{content:"\f169"}.flaticon-users-avatar:before{content:"\f16a"}.flaticon-users:before{content:"\f16b"}.flaticon-chart-pie:before{content:"\f16c"}.flaticon-paperclip:before{content:"\f16d"}.flaticon-bottom-alignment:before{content:"\f16e"}.flaticon-bulb:before{content:"\f16f"}.flaticon-cash-money:before{content:"\f170"}.flaticon-bottom-alignment-1:before{content:"\f171"}.flaticon-network:before{content:"\f172"}.flaticon-analyse:before{content:"\f173"}.flaticon-chat:before{content:"\f174"}.flaticon-shield:before{content:"\f175"}.flaticon-database:before{content:"\f176"}.flaticon-diamond:before{content:"\f177"}.flaticon-concept:before{content:"\f178"}.flaticon-idea:before{content:"\f179"}.flaticon-union:before{content:"\f17a"}.flaticon-dice:before{content:"\f17b"}.flaticon-scale:before{content:"\f17c"}.flaticon-color-palette:before{content:"\f17d"}.flaticon-cube:before{content:"\f17e"}.flaticon-push-pin:before{content:"\f17f"}.flaticon-typography:before{content:"\f180"}.flaticon-color-palette-1:before{content:"\f181"}.flaticon-iteration:before{content:"\f182"}.flaticon-networking:before{content:"\f183"}.flaticon-data:before{content:"\f184"}.flaticon-graphic:before{content:"\f185"}.flaticon-rotate:before{content:"\f186"}.flaticon-prioritize:before{content:"\f187"}.flaticon-kanban:before{content:"\f188"}.flaticon-workflow:before{content:"\f189"}.flaticon-key-value-database:before{content:"\f18a"}.flaticon-time:before{content:"\f18b"}.flaticon-excel:before{content:"\f18c"}.flaticon-trophy:before{content:"\f18d"}.flaticon-start-up:before{content:"\f18e"}.flaticon-orientation:before{content:"\f18f"}.flaticon-calculator:before{content:"\f190"}.flaticon-suit:before{content:"\f191"}.flaticon-proof-of-concept:before{content:"\f192"}.flaticon-wrench:before{content:"\f193"}.flaticon-creative-process:before{content:"\f194"}.flaticon-layers:before{content:"\f195"}.flaticon-select-1:before{content:"\f196"}.flaticon-tasks:before{content:"\f197"}.flaticon-check-3:before{content:"\f198"}.flaticon-translate:before{content:"\f199"}.flaticon-qr-code:before{content:"\f19a"}.flaticon-wallet:before{content:"\f19b"}.flaticon-envelope:before{content:"\f19c"}.flaticon-website:before{content:"\f19d"}.flaticon-money:before{content:"\f19e"}.flaticon-pension:before{content:"\f19f"}.flaticon-price-label:before{content:"\f1a0"}.flaticon-shopping-bag:before{content:"\f1a1"}.flaticon-shopping-online:before{content:"\f1a2"}.flaticon-online-shopping:before{content:"\f1a3"}.flaticon-paid-search:before{content:"\f1a4"}.flaticon-computer:before{content:"\f1a5"}.flaticon-online:before{content:"\f1a6"}.flaticon-open-enrollment:before{content:"\f1a7"}.flaticon-pay-per-click:before{content:"\f1a8"}.flaticon-computer-mouse:before{content:"\f1a9"}.flaticon-keyboard:before{content:"\f1aa"}.flaticon-browser:before{content:"\f1ab"}.flaticon-folder:before{content:"\f1ac"}.flaticon-folder-1:before{content:"\f1ad"}.flaticon-flow-chart:before{content:"\f1ae"}.flaticon-film:before{content:"\f1af"}.flaticon-video-clip:before{content:"\f1b0"}.flaticon-video-call:before{content:"\f1b1"}.flaticon-click:before{content:"\f1b2"}.flaticon-click-1:before{content:"\f1b3"}.flaticon-map:before{content:"\f1b4"}.flaticon-maximize:before{content:"\f1b5"}.flaticon-maximize-1:before{content:"\f1b6"}.flaticon-insert:before{content:"\f1b7"}.flaticon-sliders:before{content:"\f1b8"}.flaticon-search-engine:before{content:"\f1b9"}.flaticon-search-engine-1:before{content:"\f1ba"}.flaticon-browser-1:before{content:"\f1bb"}.flaticon-wireframe:before{content:"\f1bc"}.flaticon-calendar:before{content:"\f1bd"}.flaticon-calendar-1:before{content:"\f1be"}.flaticon-schedule:before{content:"\f1bf"}.flaticon-maintenance:before{content:"\f1c0"}.flaticon-security:before{content:"\f1c1"}.flaticon-gear:before{content:"\f1c2"}.flaticon-speedometer:before{content:"\f1c3"}.flaticon-computer-1:before{content:"\f1c4"}.flaticon-group:before{content:"\f1c5"}.flaticon-poll:before{content:"\f1c6"}.flaticon-networking-1:before{content:"\f1c7"}.flaticon-affiliate:before{content:"\f1c8"}.flaticon-podium:before{content:"\f1c9"}.flaticon-shield-1:before{content:"\f1ca"}.flaticon-message-1:before{content:"\f1cb"}.flaticon-phone-call-1:before{content:"\f1cc"}.flaticon-pie-chart:before{content:"\f1cd"}.flaticon-analytics:before{content:"\f1ce"}.flaticon-pie-chart-1:before{content:"\f1cf"}.flaticon-search:before{content:"\f1d0"}.flaticon-download:before{content:"\f1d1"}.flaticon-shopping-cart:before{content:"\f1d2"}.flaticon-ai-1:before{content:"\f1d3"}.flaticon-rotation:before{content:"\f1d4"}.flaticon-smartphone:before{content:"\f1d5"}.flaticon-credit-card:before{content:"\f1d6"}.flaticon-map-1:before{content:"\f1d7"}.flaticon-geolocalization:before{content:"\f1d8"}.flaticon-server:before{content:"\f1d9"}.flaticon-data-transfer:before{content:"\f1da"}.flaticon-server-1:before{content:"\f1db"}.flaticon-network-1:before{content:"\f1dc"}.flaticon-download-1:before{content:"\f1dd"}.flaticon-data-copy:before{content:"\f1de"}.flaticon-audio-message:before{content:"\f1df"}.flaticon-message-2:before{content:"\f1e0"}.flaticon-traffic:before{content:"\f1e1"}.flaticon-graphics:before{content:"\f1e2"}.flaticon-graph:before{content:"\f1e3"}.flaticon-flash:before{content:"\f1e4"}.flaticon-up-arrow-2:before{content:"\f1e5"}.flaticon-arrow:before{content:"\f1e6"}.flaticon-increase:before{content:"\f1e7"}.flaticon-cubes:before{content:"\f1e8"}.flaticon-swatches:before{content:"\f1e9"}.flaticon-message-3:before{content:"\f1ea"}.flaticon-frequency-graph:before{content:"\f1eb"}.flaticon-bar-chart:before{content:"\f1ec"}.flaticon-report:before{content:"\f1ed"}.flaticon-scan:before{content:"\f1ee"}.flaticon-tag:before{content:"\f1ef"}.flaticon-screen:before{content:"\f1f0"}.flaticon-open-mail:before{content:"\f1f1"}.flaticon-chat-box:before{content:"\f1f2"}.flaticon-spiral:before{content:"\f1f3"}.flaticon-shuffle:before{content:"\f1f4"}.flaticon-ring-bell:before{content:"\f1f5"}.flaticon-refresh:before{content:"\f1f6"}.flaticon-message-4:before{content:"\f1f7"}.flaticon-data-analytics:before{content:"\f1f8"}.flaticon-brush:before{content:"\f1f9"}.flaticon-link:before{content:"\f1fa"}.flaticon-question:before{content:"\f1fb"}.flaticon-innovation:before{content:"\f1fc"}.flaticon-target:before{content:"\f1fd"}.flaticon-success:before{content:"\f1fe"}
/**
 * Modal Lightbox
 * Version - 1.0.0
 * Copyright (c) 2011-2019 https://getbootstrap.com/
 * License: Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 */
.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;max-width:700px;margin:.5rem auto;pointer-events:none}.modal-dialog.modal-sm{width:400px}.modal-dialog.modal-xl{max-width:730px}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - .5rem * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-body{position:relative;flex:1 1 auto}.modal .btn-close{cursor:pointer;position:absolute;right:15px!important;top:15px!important;height:1.5rem;width:1.5rem;border-radius:50%;padding:0;z-index:9999}.modal .btn-close span{position:relative;line-height:24px!important;top:-1px}.modal .btn-close:focus{outline:0!important;box-shadow:none!important;text-decoration:none!important}.modal .form-control{display:block;width:100%;box-shadow:none;line-height:1;transition:.4s ease-in-out}.modal .form-control:focus{outline:0;box-shadow:none}.modal .form-notification.error,.modal .form-notification.valid{color:#fc2f4b}.modal .form-notification.valid{color:#0fbc49}.modal .request-form .error{display:block;position:relative;color:#e74c3c;font-size:.85rem;line-height:1;font-weight:400;margin-bottom:12px;padding-left:10px}@media (min-width:992px) and (max-width:1199.98px){.modal-dialog{max-width:580px}.modal-dialog.modal-sm{width:350px}.modal-dialog.modal-xl{max-width:700px}}@media (min-width:768px) and (max-width:991.98px){.modal-dialog{max-width:520px}.modal-dialog.modal-sm{width:380px}.modal-dialog.modal-xl{max-width:660px}}@media (max-width:767px){.modal-dialog{max-width:490px}.modal-dialog.modal-sm{width:350px}.modal-dialog.modal-xl{max-width:360px}}@media (min-width:391px) and (max-width:414px){.modal-dialog{max-width:370px}.modal-dialog.modal-sm{width:320px}.modal-dialog.modal-xl{max-width:350px}}@media (min-width:361px) and (max-width:390px){.modal-dialog,.modal-dialog.modal-xl{max-width:350px}.modal-dialog.modal-sm{width:320px}}@media (max-width:360px){.modal-dialog,.modal-dialog.modal-xl{max-width:330px}.modal-dialog.modal-sm{width:310px}}

/*
 * Plugin: Web Slide Navigation System
 * Demo Link: https://uxwing.com/webslide/
 * Author: UXWing
 * License: http://codecanyon.net/licenses/standard
*/


/*------------------------------------------*/
/*  Desktop Base CSS
--------------------------------------------*/

.wsmenu html,
.wsmenu body,
.wsmenu iframe,
.wsmenu h1,
.wsmenu h2,
.wsmenu h3,
.wsmenu h4,
.wsmenu h5,
.wsmenu h6 {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
}

.wsmenu .cl,
.wsmenu:after {
  clear: both;
}

.wsmenu img {
  border: 0 none;
  max-width: 100%;
}

.wsmenu a:focus {
  outline: none;
}

.wsmenu:before,
.wsmenu:after {
  content: "";
  display: table;
}

/*------------------------------------------*/
/*  Desktop Main Menu CSS
--------------------------------------------*/

.header-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.headerwp {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0;
}

.posrlt {
  position: relative;
}

.wsmenucontainer {
  overflow: hidden;
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.wsmainwp {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 15px;
}

.wsmainfull {
  width: 100%;
  height: auto;
  background-color: #fff!important;
  z-index: 1031;
  border: none !important;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  transition: all 450ms ease-in-out; 
}

.tra-menu .wsmainfull {
  background-color: transparent!important;
  box-shadow: none;
  transition: all 450ms ease-in-out; 
}

.white-menu .wsmainfull {
  padding: 6px 0;
  background-color: #fff!important;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .13);
  transition: all 450ms ease-in-out; 
}

.dark .white-menu .wsmainfull {
  background-color: #101219!important;
  box-shadow: 0 2px 3px rgba(16, 18, 25, .15);
  transition: all 450ms ease-in-out; 
}

.tra-menu .wsmainfull.scroll,
.white-menu .wsmainfull.scroll {
  padding: 0;
  border: none;
  background-color: #fff!important;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .13);
}

#header.hiddden-header {
  display: none;
}

.hidden-nav .wsmainfull {
  margin-top: -140px;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .13);
  transition: all 400ms ease-in-out;
}

.hidden-nav .wsmainfull.scroll {
  margin-top: 0;
}

/*------------------------------------------*/
/* HEADER LOGO
/*------------------------------------------*/

.desktoplogo {
  padding: 0;
  margin: 0;
  float: left;
  line-height: 80px;
}

.desktoplogo img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: inherit;
}

.logo-white, 
.logo-black {
  display: block;
}

.navbar-dark .logo-white,
.navbar-light .logo-black,
.tra-menu.navbar-light .scroll .logo-white {
  display: none;
}

.tra-menu.navbar-light .scroll .logo-black {
  display: block;
}

/*------------------------------------------*/
/* NAVIGATION MENU
/*------------------------------------------*/

.wsmenu {
  display: block;
  float: right;
  padding: 0;
}

.wsmenu > .wsmenu-list {
  display: block;
  width: 100%;
  text-align: right;
  margin: 0 auto 0 auto;
  padding: 0;
}

.wsmenu > .wsmenu-list > li {
  display: block;
  float: right;
  text-align: center;
  padding: 0;
  margin: 0;
}

.wsmenu > .wsmenu-list > li > a {
  display: block;
  position: relative;
  font-size: 1.1rem;
  line-height: 60px;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none;  
  margin: 0 8px;
  padding: 10px 15px;
}

.wsmenu > .wsmenu-list.text-uppercase > li > a.h-link {
  font-size: 0.815rem;
  text-transform: uppercase !important;
  letter-spacing: 1px;
}

.wsmenu>.wsmenu-list.text-uppercase .link-list a {
  text-transform: none;
}

.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
  color: #181d27;
}

.navbar-dark .wsmenu-list > li > a.h-link:hover {
  color: #21164c;
}

.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
  color: #fff;
}

.navbar-light .wsmenu-list > li > a.h-link:hover {
  color: #e7e7e7;
}

.navbar-light .scroll .wsmenu-list > li > a.h-link:hover {
  color: #21164c!important;
}

.tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
.tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a.h-link {
  color: #181d27;
}

.wsmenu > .wsmenu-list > li > a.h-link.last-link {
  padding: 10px 0px;
  margin: 0;
}

.wsmenu > .wsmenu-list > li > a .wsarrow:after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid;
  content: "";
  float: right;
  left: 0;
  height: 0;
  margin: 0 17px 0 0;
  position: absolute;
  text-align: right;
  top: 40px;
  width: 0;
}

.wsmenu>.wsmenu-list.text-uppercase>li>a .wsarrow:after {
  top: 37px;
}

/*------------------------------------------*/
/* HEADER LINK INFO
/*------------------------------------------*/

span.sm-info {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 22px;
  height: 22px;
  color: #fff;
  font-size: 0.7875rem;
  line-height: 22px;
  font-weight: 500;
  top: -1.5px;
  margin-left: 8px;
  border-radius: 100%;
}

/*------------------------------------------*/
/* HEADER BUTTON
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li a.btn {
  font-size: 1.025rem;
  line-height: 30px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  margin: 18px 0 0;
  padding: 5px 16px;
}

.wsmenu>.wsmenu-list>li a.btn .btn-text.text-uppercase {
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 1px;
}

.dark .wsmenu > .wsmenu-list > li a.btn,
.dark .wsmenu > .wsmenu-list > li a.btn .btn-text {
  color: #fff;
}

.dark .wsmenu > .wsmenu-list > li a.btn.btn-lime,
.dark .wsmenu > .wsmenu-list > li a.btn.btn-lime .btn-text {
  color: #151515;
}

.centered-menu .wsmenu > .wsmenu-list > li a.btn {
  padding: 6px 13px 5px;
}

.wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a {
  margin-left: 65px;
}

.nl-simple.m-left .btn {
  margin-left: 65px;
}

/*------------------------------------------*/
/* LANGUAGE SELECT
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li.lang {
  margin-right: 12px;
}

.wsmenu > .wsmenu-list > li.lang > ul.sub-menu {
  width: auto;
  min-width: 115px!important;
  padding: 8px 5px;
}

.wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a {
  font-size: 0.875rem;
  padding: 8px 11px;
}

.wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover {
  padding: 8px 11px;
}

/*------------------------------------------*/
/* HEADER SUBMENU
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 70px;
  z-index: 1000;
  width: auto;
  min-width: 190px;
  top: 62px;
  background-color: #fff;
  border: solid 1px #eee;
  margin: 0;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .13);
  transform-origin: 0% 0%;
  transition: transform 0.3s, opacity 0.3s;
  transform-style: preserve-3d;
  transform: rotateX(-75deg);
}

.wsmenu > .wsmenu-list > li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li {
  display: block;
  position: relative;
  background-color: transparent;
  padding: 11px 10px;
  margin: 0;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover {
   background-color: #f4f4f9;
   padding: 11px 5px 11px 15px;
}

.dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover {
   background-color: #202431;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
  display: block;
  text-align: left;
  text-transform: none;
  color: #6c757d;
  font-size: 1.05rem;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: 0;
  border-right: 0 none;
  border-radius: 4px; 
  transition: all 0.3s ease-in-out;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
  position: absolute;
  top: 12px;
  right: 0;
}

.wsmenu > .wsmenu-list > li  > ul.sub-menu > li > ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  transform-style: preserve-3d;
  transform: rotateX(-75deg);
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform-origin: 0% 0%;
  transition: transform 0.4s, opacity 0.4s;
  transform: rotateX(0deg);
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  transform-origin: 0% 0%;
  transition: transform 0.4s, opacity 0.4s;
  transform-style: preserve-3d;
  transform: rotateX(-75deg);
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
}

/*------------------------------------------*/
/*  HEADER SUBMENU SUBMENU
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
  min-width: 190px;
  position: absolute;
  left: 102%;
  top: 0;
  margin: 0;
  padding: 10px;
  list-style: none;
  background-color: #fff;
  border: solid 1px #eee;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .13);
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
  display: block;
  position: relative;
  background-color: transparent;
  padding: 11px 10px;
  margin: 0;
  border-bottom: none;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover {
  background-color: #f4f4f9;
  padding: 11px 5px 11px 15px;
}

.dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover {
  background-color: #202431;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:last-child {
  border-bottom: none;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
  display: block;
  position: relative;
  text-align: left;
  text-transform: none;
  color: #6c757d;
  font-size: 1.05rem;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: normal;
  border-right: 0 none;
  transition: all 0.3s ease-in-out;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
  position: absolute;
  top: 12px;
  right: 12px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span {
  position: absolute;
  top: 11px;
  right: 9px;
}

.sub-menu.ico-10 [class*="flaticon-"]:before, 
.sub-menu.ico-10 [class*="flaticon-"]:after { 
  font-size: 0.75rem; 
} 

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
  min-width: 200px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  list-style: none;
  padding: 0;
  background-color: #fff;
  border: solid 1px #eee;
  border-radius: 4px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
  display: block;
  position: relative;
  background-color: transparent;
  padding: 11px 10px;
  margin: 0;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover {
  background-color: #f4f4f9;
  padding: 11px 5px 11px 15px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
  display: block;
  text-align: left;
  text-transform: none;
  color: #6c757d;
  font-size: 1.05rem;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: normal;
  border-right: 0 none;
  transition: all 0.3s ease-in-out;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
  margin-left: 9px;
}

/*------------------------------------------*/
/* MEGAMENU
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > .wsmegamenu {
  width: 100%;
  position: absolute;
  top: 70px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  text-align: right;
  background-color: #fff;
  border: solid 1px #eee;
  padding: 20px 30px;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .13);
  transform-origin: 0% 0%;
  transition: transform 0.3s, opacity 0.3s;
  transform-style: preserve-3d;
  transform: rotateX(-75deg);
}

.wsmenu > .wsmenu-list > li:hover > .wsmegamenu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 {
  width: 60%!important;
  left: 30%;
  padding: 25px 12px 15px;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
  display: block;
  text-align: left;
  background-color: transparent;
  padding: 11px 10px;
  margin: 0;
  border-radius: 6px;
  border-bottom: none;
  transition: all 350ms ease-in-out;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li:hover {
  background-color: #f4f4f9;
  padding: 11px 5px 11px 15px;
}

.dark .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li:hover {
  background-color: #202431;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
  display: block;
  border-right: none;
  text-align: left;
  color: #6c757d;
  font-size: 1.05rem;
  line-height: 22px;
  font-weight: 500;
  border-right: 0 none;
  transition: all 0.3s ease-in-out;
}

/*------------------------------------------*/
/* HALFMENU
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
  width: 27%;
  right: auto;
  left: auto;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(96, 96, 96, .13);
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.ext-halfmenu {
  width: 50%;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv {
  width: 35%;
  right: auto;
  left: auto;
}

/*------------------------------------------*/
/*  MEGAMENU TITLE
/*------------------------------------------*/

.wsmegamenu p.title {
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 10px 10px;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li.title,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li:last-child {
   border-bottom: none;
}

/*------------------------------------------*/
/*  Desktop Extra CSS
--------------------------------------------*/

.hometext,
.wsmobileheader,
.wsmenu .wsmenu-click,
.wsmenu .wsmenu-click02 {
  display: none;
}

.overlapblackbg {
  opacity: 0;
  visibility: hidden;
}

/*------------------------------------------*/
/*  DARK MODE
/*------------------------------------------*/

.dark .navbar-dark .wsmenu > .wsmenu-list > li > a,
.dark .navbar-light .wsmenu > .wsmenu-list > li > a,
.dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
.dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
  color: #dee1ea;
}

.dark .navbar-dark .wsmenu > .wsmenu-list > li > a.btn,
.dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn {
  color: #fff;
}

.dark .navbar-dark .wsmenu-list > li > a.h-link:hover,
.dark .navbar-light .wsmenu-list > li > a.h-link:hover,
.dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
.dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a:hover,
.dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover {
  color: #eee!important;
}

.dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
  color: #fff!important;
}

.dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn.btn--lime:hover {
  color: #31363f!important;
}

.dark .nav-coal .sm-info { 
  background-color: #d5d52b; color: #31363f!important; 
}

/*------------------------------------------*/
/*  HEADER SUBMENU / MEGAMENU
/*------------------------------------------*/

.dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
.dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
.dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu,
.dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
  background-color: #191c28!important; 
  border: solid 1px rgba(43, 48, 64, .7)!important; 
  box-shadow: 0 2px 3px rgba(1, 1, 1, .1);
}

.dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
.dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
.dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
  background-color: #101219;
  border-left: solid #101219;
  border-top: solid 1px #101219;
}

.dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a,
.dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a,
.dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
  color: #dee1ea;
  background-color: transparent!important;
}

.dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.dark .dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a,
.dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a,
.dark .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
  color: #dee1ea;
}


.dark .wsmegamenu p.title {
  color: #fff;
}

/*------------------------------------------*/
/*  NAVBAR SCROLL
/*------------------------------------------*/

.dark .tra-menu .wsmainfull.scroll,
.dark .white-menu .wsmainfull.scroll {
  background-color: #101219!important;
  padding: 0;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
}

.dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
.dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
.dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
.dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a.h-link {
  color: #dee1ea;
}

.dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a.btn,
.dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a.btn {
  color: #fff;
}

.dark .navbar-light .scroll .wsmenu-list > li > a.h-link:hover {
  color: #fff!important;
}

.dark .navbar-light .scroll .wsmenu-list > li > a.btn--lime:hover {
  color: #31363f!important;
}

/*==============================================================================
                              Start Mobile CSS
===============================================================================*/

/* ================== Mobile Menu Change Brake Point ================== */

@media only screen and (max-width: 991px) {

/* ================== Mobile Base CSS ================== */

html {
  overflow: hidden;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

body.wsactive {
  overflow: hidden;
}

/* ================== Mobile Main Menu CSS ================== */

.desktoplogo {
  display: none;
}

.wsmainfull {
  height: 0;
}

.wsmenu {
  width: 100%;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  right: 0;
  overflow-y: hidden;
  padding: 0;
  top: 0;
  visibility: hidden;
  position: fixed;
  margin: 0;
}

.wsmenu > .wsmenu-list {
  height: auto;
  min-height: 100%;
  width: 350px;
  background: #fff;
  padding-bottom: 0;
  margin-right: -350px;
  display: block;
  text-align: center;
  transition: all 0.25s ease-in-out;
}

.wsmenu > .wsmenu-list > li {
  width: 100%;
  display: block;
  float: none;
  border-right: none;
  background-color: transparent;
  position: relative;
  white-space: inherit;
  clear: right;
}

@supports (-webkit-overflow-scrolling: touch) {
  .wsmenu > .wsmenu-list > li:last-child {
    padding-bottom: 110px;
  }
}

.wsmenu > .wsmenu-list > li > a {
  padding: 12px 32px 12px 17px;
  font-size: 15px;
  text-align: left;
  border-right: solid 0;
  line-height: 25px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(0, 0, 0, 0.13);
  position: static;
}

.wsmenu > .wsmenu-list > li a.menuhomeicon {
  padding-left: 17px;
  padding-right: 17px;
  border-top: solid 1px rgba(0, 0, 0, 0.13);
}

.wsmenu > .wsmenu-list > li > a.menuhomeicon i {
  margin-right: 2px;
  font-size: 13px;
}

.wsmenu > .wsmenu-list > li > a > i {
  font-size: 14px;
  color: #bfbfbf;
}

.wsmenu > .wsmenu-list > li >a .wsarrow:after {
  display: none;
}

.wsmenu > .wsmenu-list > li:hover > a {
  background-color: rgba(0, 0, 0, .03);
  text-decoration: none;
}

.wsmenu > .wsmenu-list > li > a > .hometext {
  display: inline-block;
}

/* ================== Mobile Slide Down Links CSS ================== */

.wsmenu > .wsmenu-list > li > ul.sub-menu {
  display: none;
  position: relative;
  top: 0;
  background-color: #fff;
  border: none;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: inherit;
}
/*
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
  line-height: 20px;
  font-size: 13px;
  padding: 10px 0px 10px 16px;
  color: #383838;
}
*/
.wsmenu > .wsmenu-list > li > ul.sub-menu > li span + a {
  padding-right: 30px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
  display: none;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
  background-color: #e7e7e7;
  text-decoration: underline;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu li:hover > a {
  background-color: #e7e7e7;
  color: #666666;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
  width: 100%;
  position: static;
  left: 100%;
  top: 0;
  display: none;
  margin: 0;
  padding: 0;
  border: solid 0;
  transform: none;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: inherit;
  transform-style: flat;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
  margin: 0;
  padding: 0;
  position: relative;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
  line-height: 20px;
  font-size: 13px;
  padding: 10px 0 10px 26px;
  color: #383838;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
  padding-right: 30px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
  display: none;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
  background-color: #e7e7e7;
  color: #666;
  text-decoration: underline;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
  color: #000;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
  color: #000;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
  width: 100%;
  position: static;
  left: 100%;
  top: 0;
  display: none;
  margin: 0;
  padding: 0;
  border: solid 0;
  transform: none;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: inherit;
  transform-style: flat;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
  margin: 0;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a {
  line-height: 20px;
  font-size: 13px;
  padding: 10px 0 10px 34px;
  color: #383838;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span+a {
  padding-right: 30px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a >i {
  display: none;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a:hover {
  background-color: #e7e7e7;
  color: #666;
  text-decoration: underline;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li >a.active {
  color: #000;
}

/* ================== Mobile Mega Menus CSS  ================== */

.wsmenu > .wsmenu-list > li > .wsmegamenu {
  color: #666666;
  display: none;
  position: relative;
  top: 0;
  padding: 10px 0;
  border: solid 0;
  transform: none;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  transform-style: flat;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
  width: 100%;
  margin: 0;
  padding: 5px 0 10px 0;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .title {
  color: #666;
  font-size: 15px;
  padding: 10px 8px 10px 0;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu> ul {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu> ul > li > a {
  padding: 9px 14px;
  line-height: normal;
  font-size: 13px;
  background-color: #e7e7e7;
  color: #666;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu> ul> li >a:hover {
  background-color: #000000;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
  line-height: 26px;
  color: #666;
  margin: 0;
  font-size: 15px;
  padding: 7px 0;
  background-color: transparent;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.halfdiv {
  width: 100%;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form {
  padding: 5px 0 62px 0;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .show-grid div {
  margin: 0;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="button"] {
  width: 46%;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form input[type="submit"] {
  width: 46%;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .menu_form textarea {
  min-height: 100px;
}

/* ================== Mobile Header CSS ================== */

.wsmobileheader {
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10002;
  height: 54px;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 0 1px rgba(0, 0, 0, .3);
}

.wsactive .wsmobileheader {
  margin-right: 350px;
  transition: all 0.25s ease-in-out;
}

.wsmobileheader .smllogo {
  display: inline-block;
}

.smllogo img {
  display: inline-block;
}

.callusbtn {
  color: #a9a9a9;
  font-size: 18px;
  position: absolute;
  right: 5px;
  top: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index: 102;
  padding: 12px 14px;
}

.callusbtn i {
  vertical-align: top;
  margin-top: 4px;
}

.callusbtn:hover i {
  color: #a9a9a9;
}

/* Mobile Toggle Menu icon (X ICON) */
.wsanimated-arrow {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 102;
  transition: all 0.4s ease-in-out;
}

.wsanimated-arrow {
  cursor: pointer;
  padding: 16px 35px 16px 0;
  margin: 7px 0 0 15px;
}

.wsanimated-arrow span,
.wsanimated-arrow span:before,
.wsanimated-arrow span:after {
  cursor: pointer;
  height: 3px;
  width: 22px;
  background: #a9a9a9;
  position: absolute;
  display: block;
  content: '';
}

.wsanimated-arrow span:before {
  top: -7px;
  width: 26px;
}

.wsanimated-arrow span:after {
  bottom: -7px;
  width: 20px;
}

.wsanimated-arrow span,
.wsanimated-arrow span:before,
.wsanimated-arrow span:after {
  transition: all 500ms ease-in-out;
}

.wsactive .wsanimated-arrow span:after {
  width: 23px;
}

.wsactive .wsanimated-arrow span {
  background-color: transparent;
}

.wsactive .wsanimated-arrow span:before,
.wsactive .wsanimated-arrow.active span:after {
  top: 7px;
}

.wsactive .wsanimated-arrow span:before {
  transform: rotate(45deg);
  bottom: 0;
}

.wsactive .wsanimated-arrow span:after {
  transform: rotate(-45deg);
}

/* ================== Mobile Overlay/Drawer CSS ================== */

.overlapblackbg {
  left: 0;
  width: calc(100% - 350px);
  height: 100vh;
  min-height: 100%;
  position: fixed;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

.wsactive .wsmenu .overlapblackbg {
  opacity: 1;
  visibility: visible;
  transition: opacity 1.5s ease-in-out;
  z-index: 8888!important;
}

.wsmenucontainer {
  transition: all 0.25s ease-in-out;
}

.wsactive .wsmenucontainer {
  margin-right: 300px;
  transition: all 0.25s ease-in-out;
}

.wsactive .wsmenu {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  visibility: visible;
  z-index: 1000;
  top: 0;
}

.wsactive .wsmenu > .wsmenu-list {
  transition: all 0.25s ease-in-out;
  margin-right: 0;
}

/* ================== Mobile Sub Menu Expander Arrows  ================== */

.wsmenu > .wsmenu-list > li > .wsmenu-click {
  height: 49px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

.wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i {
  transform: rotate(-45deg);
  margin-top: 23px;
}

.wsmenu > .wsmenu-list > li > .wsmenu-click > i {
  display: block;
  height: 8px;
  width: 8px;
  float: left;
  transform: rotate(-225deg);
  margin: 18px 18px 0 0;
}

.wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
  content: "";
  width: 100%;
  height: 100%;
  border-width: 1.5px 1.5px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.40);
  transition: 0.2s ease;
  display: block;
  transform-origin: 100% 0;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 {
  height: 41px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i {
  display: block;
  height: 8px;
  width: 8px;
  float: right;
  transform: rotate(-225deg);
  margin: 14px 18px 0 0;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i:before {
  content: "";
  width: 100%;
  height: 100%;
  border-width: 1.5px 1.5px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.40);
  transition: 0.2s ease;
  display: block;
  transform-origin: 100% 0;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate {
  transform: rotate(-45deg);
  margin-top: 19px;
}

}

/* Extra @Media Query*/
@media (min-width: 1399px) {

  .headerwp, .wsmainwp { max-width: 1320px; }

}

@media (min-width: 1200px) {

  .wsmainwp { padding-left: 50px; padding-right: 50px; }
  .headerwp { padding-left: 40px; padding-right: 40px; }

}

@media (min-width: 992px) and (max-width: 1199.95px) {

  .desktoplogo { line-height: 70px; }

  .tra-menu .wsmainfull { padding: 15px 0; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1rem; line-height: 50px; margin: 0 5px; padding: 10px 15px; }
  .wsmenu > .wsmenu-list > li > a .wsarrow:after { top: 35px; }
  .wsmenu > .wsmenu-list.text-uppercase > li > a.h-link { font-size: 0.85rem; letter-spacing: 1px; }
  .wsmenu > .wsmenu-list.text-uppercase > li > a .wsarrow:after { top: 33px; }

  span.sm-info { width: 20px; height: 20px; font-size: 0.735rem; line-height: 20px; margin-left: 6px; }

  .wsmenu > .wsmenu-list > li a.btn { font-size: 0.915rem; line-height: 28px; margin: 15px 0 0; padding: 4px 14px; }
  .wsmenu>.wsmenu-list>li a.btn .btn-text.text-uppercase { font-size: 0.85rem; }
  .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a, .nl-simple.m-left .btn { margin-left: 20px; }

  .wsmenu > .wsmenu-list > li.lang { margin-right: 12px; }
  .wsmenu > .wsmenu-list > li.lang > a { padding: 10px 14px 10px 6px; }
  .wsmenu > .wsmenu-list > li.lang > ul.sub-menu { min-width: 110px!important; padding: 8px 5px; }
  .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 0.95rem; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu { min-width: 175px; }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu { min-width: 165px; }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 32%; }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 { width: 70%!important; left: 20%; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a { font-size: 0.95rem; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { top: 12px; right: 8px; }

  .col-img .video-preview { margin-top: 10px; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { font-size: 0.875rem; }

}

@media (min-width: 768px) and (max-width: 991.98px) { 

  .wsmobileheader { height: 80px; top: 0; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } 
  .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; }

  .wsmobileheader .smllogo { display: block; }

  .callusbtn { left: 0; top:0; padding: 14px 0 14px 0; margin: 13px 0 0 28px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { 
    font-size: 1.6rem; line-height: 1; 
  }

  .dark .tra-menu .wsmobileheader, .dark .white-menu .wsmobileheader { background-color: #161821; }
  .dark .wsactive .wsmobileheader, .dark .wsmenu > .wsmenu-list { background-color: #161821; }
  .dark .wsmenu > .wsmenu-list > li > a { border-color: #353535!important; }
  .dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: #fff; }

  .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; }
  .wsanimated-arrow span:before { top: -8px; width: 26px; }
  .wsanimated-arrow span:after { bottom: -8px; width: 20px; }

  .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span { background: transparent; }

  .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.1rem; line-height: 46px; padding: 5px 32px 6px 20px; margin: 0; }
  .wsmenu>.wsmenu-list.text-uppercase>li>a.h-link { font-size: 0.975rem; }

  .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, 
  .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: #6c757d; }
  .dark .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, 
  .dark .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: #fff; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 20px 18px 0px 0px; }
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; }

  .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1rem; padding: 12px 0; }
  .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 0; }

  span.sm-info { width: 24px; height: 24px; font-size: 0.85rem; line-height: 24px; top: -1px; margin-left: 10px; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 { width: 100%!important; left: 0;}
  .col-img { margin: 20px 0 10px; }

  .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; }
  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; border-radius: 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { 
    opacity: 1!important; visibility: visible!important; transform: rotateX(0deg); 
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
    width: 100%!important; 
    min-width: 100%!important;
    box-shadow: 0 0;
    border: none;
    position: static;
    left: 0;
    top: 0;
    margin: 0;
    padding: 5px 0 0 0;
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { top: 4px; right: 8px; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { color: #333!important; font-size: 0.95rem; margin: 14px 0 4px 10px; }
  .wsmenu>.wsmenu-list>li>.wsmegamenu .title.fst-hea { margin-top: 0; }
  .dark .wsmenu > .wsmenu-list > li > .wsmegamenu .title { color: #fff!important }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { 
    color: #6c757d; font-size: 1.0625rem;
  }

  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
  .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.w-70 ul.link-list>li>a:hover,
  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
     text-decoration: none;
  }

  .navbar-light .wsmenu-list > li > a.h-link:hover { color: #181d27!important; }
  .wsmenu > .wsmenu-list > li > ul.sub-menu li:hover > a { background-color: transparent; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i {
    height: 10px; width: 10px; transform: rotate(-225deg); margin: 14px 0 0px 0px; 
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 20px; }

  .wsmenu > .wsmenu-list > li a.btn {  
    font-size: 1.1rem;
    line-height: 44px; 
    border-width: 2px;
    padding: 4px 22px 6px;
    margin: 0;
    border-radius: 0; 
  }

  .wsmenu > .wsmenu-list > li a.btn.btn-tra-white { background-color: #161821; border-color: #161821; color: #fff; }
  .wsmenu >.wsmenu-list > li a.btn .btn-text.text-uppercase { font-size: 0.975rem; }

  .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a { margin-left: 0; }
  .nl-simple.m-left .btn { margin-left: 0; }

}

@media (max-width: 767px) { 

  .headtoppart { display: none; }

  .wsmobileheader { height: 80px; top: 0; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } 
  .tra-menu .wsmobileheader, .white-menu .wsmobileheader { background-color: #fff; }

  .wsmobileheader .smllogo { display: block; }

  .callusbtn { left: 0; top:0; padding: 14px 0 14px 0; margin: 13px 0 0 28px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { 
    font-size: 1.6rem; line-height: 1; 
  }

  .dark .tra-menu .wsmobileheader, .dark .white-menu .wsmobileheader { background-color: #161821; }
  .dark .wsactive .wsmobileheader, .dark .wsmenu > .wsmenu-list { background-color: #161821; }
  .dark .wsmenu > .wsmenu-list > li > a { border-color: #353535!important; }
  .dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before { border-color: #fff; }

  .wsanimated-arrow { padding: 14px 22px 14px 0px; margin: 24px 28px 0 0; }
  .wsanimated-arrow span:before { top: -8px; width: 26px; }
  .wsanimated-arrow span:after { bottom: -8px; width: 20px; }

  .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span:after { width: 28px; top: 0; }
  .wsactive .wsanimated-arrow span { background: transparent; }

  .wsmenu > .wsmenu-list > li > .wsmenu-click { height: 64px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.125rem; line-height: 46px; padding: 5px 32px 6px 20px; margin: 0; }
  .wsmenu>.wsmenu-list.text-uppercase>li>a.h-link { font-size: 0.975rem; }

  .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, 
  .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: #6c757d; }
  .dark .tra-menu .wsmenu > .wsmenu-list > li > a.h-link, 
  .dark .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a.h-link { color: #fff; }
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i { height: 10px; width: 10px; margin: 20px 0px 0px 18px; }
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i { transform: rotate(-45deg); margin-top: 25px; }

  .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a { font-size: 1rem; padding: 12px 0; }
  .wsmenu > .wsmenu-list > li.lang > ul.sub-menu > li > a:hover { padding: 12px 0; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu { width: 100%!important; min-width: 100%!important; }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { width: 100%!important; padding: 10px; }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 { width: 100%!important; left: 0; }
  .col-img { margin: 20px 0 10px; }

  .wsmenu > .wsmenu-list > li.mobile-last-link > ul.sub-menu { border-bottom: none!important; }
  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu { top: 0; border-radius: 0; box-shadow: 0 0; border-bottom: 1px solid #ddd; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu { 
    opacity: 1!important; visibility: visible!important; transform: rotateX(0deg); 
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
    width: 100%!important; 
    min-width: 100%!important;
    box-shadow: 0 0;
    border: none;
    position: static;
    left: 0;
    top: 0;
    margin: 0;
    padding: 5px 0 0 0;
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { top: 4px; right: 8px; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { color: #333!important; font-size: 0.95rem; margin: 10px 0 5px 10px; }
  .wsmenu>.wsmenu-list>li>.wsmegamenu .title.fst-hea { margin-top: 0; }
  .dark .wsmenu > .wsmenu-list > li > .wsmegamenu .title { color: #fff!important }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { 
    color: #6c757d; font-size: 1.05rem;
  }

  .navbar-light .wsmenu-list > li > a.h-link:hover { color: #181d27!important; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a:hover,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover { 
    text-decoration: none; 
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu li:hover > a {
    background-color: transparent;
  }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span { display: none; }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02 > i {
    height: 10px; width: 10px; transform: rotate(-225deg); margin: 14px 0 0px 0px; 
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li .wsmenu-click02>i.wsmenu-rotate { margin-top: 20px; }

  .wsmenu > .wsmenu-list > li a.btn {  
    font-size: 1.125rem;
    line-height: 44px; 
    border-width: 2px;
    padding: 4px 22px 6px;
    margin: 0;
    border-radius: 0; 
  }

  .wsmenu>.wsmenu-list>li a.btn.btn-tra-white { background-color: #161821; border-color: #161821; color: #fff; }
  .wsmenu>.wsmenu-list>li a.btn .btn-text.text-uppercase { font-size: 0.975rem; }
  .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a, .nl-simple.m-left .btn { margin-left: 0; }

}

@media (min-width: 480px) and (max-width: 767.98px) {

  .wsmenu > .wsmenu-list { width: 345px; margin-right: -345px; }
  .wsactive .wsmobileheader { margin-right: 345px; }
  .overlapblackbg { width: calc(100% - 345px); }

  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; }

  .callusbtn { left: 0; top:0; padding: 14px 0 0 0; margin: 15px 0 0 22px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.6rem; }
  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 18px 0 0; }

  span.sm-info { width: 23px; height: 23px; font-size: 0.825rem; line-height: 22px; top: -1px; margin-left: 10px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.15rem; }

  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.w-70 ul.link-list>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { font-size: 1.1rem; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { font-size: 1rem; margin-bottom: 5px; }

}

@media (min-width: 414px) and (max-width: 479.98px) {

  .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; }
  .wsactive .wsmobileheader { margin-right: 325px; }
  .overlapblackbg { width: calc(100% - 325px); }

  .callusbtn { left: 0; top:0; padding: 14px 0 0 0; margin: 15px 0 0 22px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.6rem; }
  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }

  span.sm-info { width: 22px; height: 22px; font-size: 0.825rem; line-height: 21px; top: -1px; margin-left: 10px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.15rem; }

  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.w-70 ul.link-list>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { font-size: 1.1rem; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { font-size: 1rem; margin-bottom: 5px; }

}

@media (min-width: 390px) and (max-width: 413.98px) {

  .wsmenu > .wsmenu-list { width: 325px; margin-right: -325px; }
  .wsactive .wsmobileheader { margin-right: 325px; }
  .overlapblackbg { width: calc(100% - 325px); }

  .callusbtn { left: 0; top:0; padding: 14px 0 0 0; margin: 15px 0 0 18px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.6rem; }
  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }

  span.sm-info { width: 22px; height: 22px; font-size: 0.825rem; line-height: 21px; top: -1px; margin-left: 8px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.15rem; }

  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.w-70 ul.link-list>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { font-size: 1.1rem; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { font-size: 1rem; margin-bottom: 5px; }

}

@media (min-width: 321px) and (max-width: 389.98px) {

  .wsmenu > .wsmenu-list { width: 290px; margin-right: -290px; }
  .wsactive .wsmobileheader { margin-right: 290px; }
  .overlapblackbg { width: calc(100% - 290px); }

  .callusbtn { left: 0; top:0; padding: 14px 0 0 0; margin: 14px 0 0 18px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.6rem; }
  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 16px 0 0; }
  
  span.sm-info { width: 22px; height: 22px; font-size: 0.825rem; line-height: 21px; top: -1px; margin-left: 8px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.15rem; }

  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.w-70 ul.link-list>li>a,
  .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a { font-size: 1.1rem; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { font-size: 1rem; margin-bottom: 5px; }

}

@media (max-width: 320.98px) { 

  .wsmobileheader .smllogo { margin-top: 24px; padding-left: 15px; }
  .smllogo img { max-height: 32px; }

  .wsmenu > .wsmenu-list { width: 250px; margin-right: -250px; }
  .wsactive .wsmobileheader { margin-right: 250px; }
  .overlapblackbg { width: calc(100% - 250px); }

  .callusbtn { left: 0; top:0; padding: 14px 0 0 0; margin: 15px 0 0 18px; }
  .callusbtn.ico-20 [class^="flaticon-"]:before, .callusbtn.ico-20 [class^="flaticon-"]:after { font-size: 1.6rem; }
  .wsanimated-arrow { padding: 14px 30px 14px 0px; margin: 25px 15px 0 0; }

  span.sm-info { width: 22px; height: 22px; font-size: 0.8rem; line-height: 22px; top: -1px; margin-left: 6px; }

  .wsmenu > .wsmenu-list > li > a { font-size: 1.2rem; }

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 ul.link-list > li > a, 
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a { font-size: 1.15rem; }

  .wsmenu > .wsmenu-list > li > .wsmegamenu .title { font-size: 1.05rem; margin-bottom: 5px; }

}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Inter', sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-pink-400: oklch(71.8% 0.202 349.761);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-main: "Plus Jakarta Sans", sans-serif;
    --text-10px: 0.625rem;
    --text-11px: 0.6875rem;
    --text-12px: 0.75rem;
    --text-13px: 0.8125rem;
    --text-14px: 0.875rem;
    --text-15px: 0.9375rem;
    --text-17px: 1.0625rem;
    --text-18px: 1.125rem;
    --text-19px: 1.1875rem;
    --text-20px: 1.25rem;
    --text-21px: 1.3125rem;
    --text-22px: 1.375rem;
    --text-23px: 1.4375rem;
    --text-24px: 1.5rem;
    --text-25px: 1.5625rem;
    --text-26px: 1.625rem;
    --text-27px: 1.6875rem;
    --text-28px: 1.75rem;
    --text-29px: 1.8125rem;
    --text-30px: 1.875rem;
    --text-32px: 2rem;
    --text-34px: 2.125rem;
    --text-36px: 2.25rem;
    --text-38px: 2.375rem;
    --text-40px: 2.5rem;
    --text-42px: 2.6255rem;
    --text-44px: 2.75rem;
    --text-46px: 2.875rem;
    --text-48px: 3rem;
    --text-50px: 3.125rem;
    --text-52px: 3.25rem;
    --text-54px: 3.375rem;
    --text-56px: 3.5rem;
    --text-58px: 3.625rem;
    --text-60px: 3.75rem;
    --text-62px: 3.875rem;
    --text-64px: 4rem;
    --text-66px: 4.125rem;
    --text-68px: 4.25rem;
    --text-70px: 4.375rem;
    --text-72px: 4.5rem;
    --text-74px: 4.625rem;
    --text-76px: 4.75rem;
    --text-82px: 5.125rem;
    --text-86px: 5.375rem;
    --text-98px: 6.125rem;
    --color-heading: #120036;
    --color-blue-theme: #1b86fa;
    --color-coal: #1f2334;
    --color-denim: #006ce0;
    --color-grape: #353451;
    --color-green-theme: #54af48;
    --color-ghost: #f5f6f9;
    --color-nero: #202431;
    --color-onyx: #1b1e2b;
    --color-pink-theme: #fc5a8d;
    --color-plum-theme: #de5e99;
    --color-purple-theme: #8268e4;
    --color-noir: #161821;
    --color-silver: #d9dce0;
    --color-smoke: #d1d8e5;
    --color-skyblue-theme: #00a5fe;
    --color-whitesmoke: #f4f4f9;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  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;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-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;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-0\.75 {
    top: calc(var(--spacing) * -0.75);
  }
  .-top-1\.25 {
    top: calc(var(--spacing) * -1.25);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-5\.5 {
    top: calc(var(--spacing) * -5.5);
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-0\.75 {
    top: calc(var(--spacing) * 0.75);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\.25 {
    top: calc(var(--spacing) * 1.25);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-30 {
    top: calc(var(--spacing) * 30);
  }
  .top-135 {
    top: calc(var(--spacing) * 135);
  }
  .top-\[8\%\] {
    top: 8%;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-px {
    top: 1px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-4 {
    left:  calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-6\.5 {
    right: calc(var(--spacing) * 6.5);
  }
  .right-7 {
    right: calc(var(--spacing) * 7);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .-left-25 {
    left: calc(var(--spacing) * -25);
  }
  .-left-\[10\%\] {
    left: calc(10% * -1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .-z-3 {
    z-index: calc(3 * -1);
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-4 {
    z-index: 4;
  }
  .z-9 {
    z-index: 9;
  }
  .z-20 {
    z-index: 20;
  }
  .z-70 {
    z-index: 70;
  }
  .z-99 {
    z-index: 99;
  }
  .z-9999 {
    z-index: 9999;
  }
  .z-99999 {
    z-index: 99999;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .container {
    width: 100%;
    @media (width >= 22.5rem) {
      max-width: 22.5rem;
    }
    @media (width >= 24.375rem) {
      max-width: 24.375rem;
    }
    @media (width >= 25.875rem) {
      max-width: 25.875rem;
    }
    @media (width >= 36rem) {
      max-width: 36rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 62rem) {
      max-width: 62rem;
    }
    @media (width >= 75rem) {
      max-width: 75rem;
    }
    @media (width >= 87.5rem) {
      max-width: 87.5rem;
    }
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-4\.5 {
    margin-block: calc(var(--spacing) * 4.5);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .-mt-12\.5 {
    margin-top: calc(var(--spacing) * -12.5);
  }
  .-mt-13\! {
    margin-top: calc(var(--spacing) * -13) !important;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-1\.25 {
    margin-top: calc(var(--spacing) * 1.25);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-4\.5 {
    margin-top: calc(var(--spacing) * 4.5);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-5\.5 {
    margin-top: calc(var(--spacing) * 5.5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-6\.25 {
    margin-top: calc(var(--spacing) * 6.25);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-8\.5 {
    margin-top: calc(var(--spacing) * 8.5);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-11 {
    margin-top: calc(var(--spacing) * 11);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-1\.25 {
    margin-right: calc(var(--spacing) * 1.25);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .-mb-8 {
    margin-bottom: calc(var(--spacing) * -8);
  }
  .-mb-10 {
    margin-bottom: calc(var(--spacing) * -10);
  }
  .-mb-12 {
    margin-bottom: calc(var(--spacing) * -12);
  }
  .-mb-15 {
    margin-bottom: calc(var(--spacing) * -15);
  }
  .-mb-20 {
    margin-bottom: calc(var(--spacing) * -20);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-1\.25 {
    margin-bottom: calc(var(--spacing) * 1.25);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-5\.5 {
    margin-bottom: calc(var(--spacing) * 5.5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-6\.5 {
    margin-bottom: calc(var(--spacing) * 6.5);
  }
  .mb-6\.25 {
    margin-bottom: calc(var(--spacing) * 6.25);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-7\.5 {
    margin-bottom: calc(var(--spacing) * 7.5);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-8\.5 {
    margin-bottom: calc(var(--spacing) * 8.5);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-15 {
    margin-bottom: calc(var(--spacing) * 15);
  }
  .-ml-12\.5 {
    margin-left: calc(var(--spacing) * -12.5);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-0\.75 {
    margin-left: calc(var(--spacing) * 0.75);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-1\.25 {
    margin-left: calc(var(--spacing) * 1.25);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }
  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-13 {
    width: calc(var(--spacing) * 13);
    height: calc(var(--spacing) * 13);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-18 {
    width: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 18);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-13\.5 {
    height: calc(var(--spacing) * 13.5);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-25 {
    height: calc(var(--spacing) * 25);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-130 {
    height: calc(var(--spacing) * 130);
  }
  .h-\[110\%\] {
    height: 110%;
  }
  .h-full {
    height: 100%;
  }
  .max-h-5 {
    max-height: calc(var(--spacing) * 5);
  }
  .max-h-5\.5 {
    max-height: calc(var(--spacing) * 5.5);
  }
  .max-h-6 {
    max-height: calc(var(--spacing) * 6);
  }
  .max-h-6\.5 {
    max-height: calc(var(--spacing) * 6.5);
  }
  .max-h-7 {
    max-height: calc(var(--spacing) * 7);
  }
  .max-h-7\.5 {
    max-height: calc(var(--spacing) * 7.5);
  }
  .max-h-8 {
    max-height: calc(var(--spacing) * 8);
  }
  .max-h-9 {
    max-height: calc(var(--spacing) * 9);
  }
  .max-h-12 {
    max-height: calc(var(--spacing) * 12);
  }
  .max-h-12\.5 {
    max-height: calc(var(--spacing) * 12.5);
  }
  .max-h-13 {
    max-height: calc(var(--spacing) * 13);
  }
  .max-h-14 {
    max-height: calc(var(--spacing) * 14);
  }
  .max-h-15 {
    max-height: calc(var(--spacing) * 15);
  }
  .max-h-16 {
    max-height: calc(var(--spacing) * 16);
  }
  .max-h-20\.5 {
    max-height: calc(var(--spacing) * 20.5);
  }
  .max-h-21 {
    max-height: calc(var(--spacing) * 21);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-35 {
    max-height: calc(var(--spacing) * 35);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-65 {
    max-height: calc(var(--spacing) * 65);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-70 {
    width: calc(var(--spacing) * 70);
  }
  .w-130 {
    width: calc(var(--spacing) * 130);
  }
  .w-\[22\%\] {
    width: 22%;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[120\%\] {
    width: 120%;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-200 {
    max-width: calc(var(--spacing) * 200);
  }
  .max-w-230 {
    max-width: calc(var(--spacing) * 230);
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-15 {
    min-width: calc(var(--spacing) * 15);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-19 {
    flex: 19;
  }
  .grow {
    flex-grow: 1;
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-3 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-\[\#d0e7f3\] {
    border-color: #d0e7f3;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-blue-theme {
    border-color: var(--color-blue-theme);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-300\/50 {
    border-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent);
    }
  }
  .border-gray-300\/60 {
    border-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-300) 60%, transparent);
    }
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-gray-400\/50 {
    border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent);
    }
  }
  .border-gray-400\/60 {
    border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-400) 60%, transparent);
    }
  }
  .border-gray-600 {
    border-color: var(--color-gray-600);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-gray-700\/50 {
    border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    }
  }
  .border-gray-700\/60 {
    border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
    }
  }
  .border-gray-700\/70 {
    border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-700) 70%, transparent);
    }
  }
  .border-green-theme {
    border-color: var(--color-green-theme);
  }
  .border-pink-theme {
    border-color: var(--color-pink-theme);
  }
  .border-plum-theme {
    border-color: var(--color-plum-theme);
  }
  .border-purple-theme {
    border-color: var(--color-purple-theme);
  }
  .border-skyblue-theme {
    border-color: var(--color-skyblue-theme);
  }
  .border-smoke {
    border-color: var(--color-smoke);
  }
  .border-smoke\/60 {
    border-color: color-mix(in srgb, #d1d8e5 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-smoke) 60%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-\[\#f7d5e4\] {
    background-color: #f7d5e4;
  }
  .bg-\[\#f9f9fa\] {
    background-color: #f9f9fa;
  }
  .bg-amber-100\/70 {
    background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-100) 70%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/15 {
    background-color: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }
  .bg-black\/75 {
    background-color: color-mix(in srgb, #000 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
  }
  .bg-blue-theme {
    background-color: var(--color-blue-theme);
  }
  .bg-coal {
    background-color: var(--color-coal);
  }
  .bg-ghost {
    background-color: var(--color-ghost);
  }
  .bg-ghost\/85 {
    background-color: color-mix(in srgb, #f5f6f9 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ghost) 85%, transparent);
    }
  }
  .bg-grape {
    background-color: var(--color-grape);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-100\/70 {
    background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-100) 70%, transparent);
    }
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-200\/60 {
    background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent);
    }
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-green-600\/85 {
    background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-600) 85%, transparent);
    }
  }
  .bg-green-theme {
    background-color: var(--color-green-theme);
  }
  .bg-nero {
    background-color: var(--color-nero);
  }
  .bg-nero\/60 {
    background-color: color-mix(in srgb, #202431 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-nero) 60%, transparent);
    }
  }
  .bg-noir {
    background-color: var(--color-noir);
  }
  .bg-onyx {
    background-color: var(--color-onyx);
  }
  .bg-onyx\/85 {
    background-color: color-mix(in srgb, #1b1e2b 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onyx) 85%, transparent);
    }
  }
  .bg-pink-400 {
    background-color: var(--color-pink-400);
  }
  .bg-pink-theme {
    background-color: var(--color-pink-theme);
  }
  .bg-plum-theme {
    background-color: var(--color-plum-theme);
  }
  .bg-purple-theme {
    background-color: var(--color-purple-theme);
  }
  .bg-red-200 {
    background-color: var(--color-red-200);
  }
  .bg-skyblue-theme {
    background-color: var(--color-skyblue-theme);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/50 {
    background-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-whitesmoke {
    background-color: var(--color-whitesmoke);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-fixed {
    background-attachment: fixed;
  }
  .bg-scroll {
    background-attachment: scroll;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-5\.5 {
    padding: calc(var(--spacing) * 5.5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-5\.5 {
    padding-inline: calc(var(--spacing) * 5.5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-6\.5 {
    padding-inline: calc(var(--spacing) * 6.5);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.5\! {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-2\.75 {
    padding-block: calc(var(--spacing) * 2.75);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5\.5 {
    padding-block: calc(var(--spacing) * 5.5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-11 {
    padding-block: calc(var(--spacing) * 11);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-12\.5 {
    padding-block: calc(var(--spacing) * 12.5);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-22\.5 {
    padding-block: calc(var(--spacing) * 22.5);
  }
  .py-23 {
    padding-block: calc(var(--spacing) * 23);
  }
  .py-30 {
    padding-block: calc(var(--spacing) * 30);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-17\.5 {
    padding-top: calc(var(--spacing) * 17.5);
  }
  .pt-19 {
    padding-top: calc(var(--spacing) * 19);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-22\.5 {
    padding-top: calc(var(--spacing) * 22.5);
  }
  .pt-23 {
    padding-top: calc(var(--spacing) * 23);
  }
  .pt-45 {
    padding-top: calc(var(--spacing) * 45);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pb-0\.75 {
    padding-bottom: calc(var(--spacing) * 0.75);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-4\.5 {
    padding-bottom: calc(var(--spacing) * 4.5);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-11 {
    padding-bottom: calc(var(--spacing) * 11);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-15 {
    padding-bottom: calc(var(--spacing) * 15);
  }
  .pb-17 {
    padding-bottom: calc(var(--spacing) * 17);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-42 {
    padding-bottom: calc(var(--spacing) * 42);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-main {
    font-family: var(--font-main);
  }
  .text-17px\/6\.5 {
    font-size: var(--text-17px);
    line-height: calc(var(--spacing) * 6.5);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\! {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-10px {
    font-size: var(--text-10px);
  }
  .text-11px {
    font-size: var(--text-11px);
  }
  .text-13px {
    font-size: var(--text-13px);
  }
  .text-14px {
    font-size: var(--text-14px);
  }
  .text-15px {
    font-size: var(--text-15px);
  }
  .text-17px {
    font-size: var(--text-17px);
  }
  .text-18px {
    font-size: var(--text-18px);
  }
  .text-19px {
    font-size: var(--text-19px);
  }
  .text-20px {
    font-size: var(--text-20px);
  }
  .text-21px {
    font-size: var(--text-21px);
  }
  .text-22px {
    font-size: var(--text-22px);
  }
  .text-23px {
    font-size: var(--text-23px);
  }
  .text-24px {
    font-size: var(--text-24px);
  }
  .text-25px {
    font-size: var(--text-25px);
  }
  .text-26px {
    font-size: var(--text-26px);
  }
  .text-27px {
    font-size: var(--text-27px);
  }
  .text-28px {
    font-size: var(--text-28px);
  }
  .text-30px {
    font-size: var(--text-30px);
  }
  .text-32px {
    font-size: var(--text-32px);
  }
  .text-34px {
    font-size: var(--text-34px);
  }
  .text-36px {
    font-size: var(--text-36px);
  }
  .text-38px {
    font-size: var(--text-38px);
  }
  .text-40px {
    font-size: var(--text-40px);
  }
  .text-42px {
    font-size: var(--text-42px);
  }
  .text-44px {
    font-size: var(--text-44px);
  }
  .text-46px {
    font-size: var(--text-46px);
  }
  .text-48px {
    font-size: var(--text-48px);
  }
  .text-50px {
    font-size: var(--text-50px);
  }
  .text-52px {
    font-size: var(--text-52px);
  }
  .text-54px {
    font-size: var(--text-54px);
  }
  .text-56px {
    font-size: var(--text-56px);
  }
  .text-58px {
    font-size: var(--text-58px);
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[15\.5px\] {
    font-size: 15.5px;
  }
  .text-\[19\.5px\] {
    font-size: 19.5px;
  }
  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-\[1\.95\] {
    --tw-leading: 1.95;
    line-height: 1.95;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
  .text-\[\#3eb1ff\] {
    color: #3eb1ff;
  }
  .text-\[\#1680fb\] {
    color: #1680fb;
  }
  .text-blue-theme {
    color: var(--color-blue-theme);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-theme {
    color: var(--color-green-theme);
  }
  .text-heading {
    color: var(--color-heading);
  }
  .text-heading\/60 {
    color: color-mix(in srgb, #120036 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-heading) 60%, transparent);
    }
  }
  .text-plum-theme {
    color: var(--color-plum-theme);
  }
  .text-purple-theme {
    color: var(--color-purple-theme);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-silver {
    color: var(--color-silver);
  }
  .text-skyblue-theme {
    color: var(--color-skyblue-theme);
  }
  .text-smoke {
    color: var(--color-smoke);
  }
  .text-smoke\/80 {
    color: color-mix(in srgb, #d1d8e5 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-smoke) 80%, transparent);
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/65 {
    color: color-mix(in srgb, #fff 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-8 {
    opacity: 8%;
  }
  .opacity-12 {
    opacity: 12%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-black\/5 {
    --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-black\/8 {
    --tw-shadow-color: color-mix(in srgb, #000 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 8%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-200\/70 {
    --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 70%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-300 {
    --tw-shadow-color: oklch(87.2% 0.01 258.338);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-gray-300) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-300\/5 {
    --tw-shadow-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-300) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-300\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-300) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-gray-300\/70 {
    --tw-shadow-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-300) 70%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .blur-\[100px\] {
    --tw-blur: blur(100px);
    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,);
  }
  .filter {
    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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:border-blue-theme {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-blue-theme);
      }
    }
  }
  .group-hover\:text-grape {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grape);
      }
    }
  }
  .placeholder\:text-gray-500 {
    &::placeholder {
      color: var(--color-gray-500);
    }
  }
  .placeholder\:text-silver {
    &::placeholder {
      color: var(--color-silver);
    }
  }
  .before\:bg-gray-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-gray-500);
    }
  }
  .before\:bg-green-theme {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-green-theme);
    }
  }
  .before\:bg-purple-theme {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-purple-theme);
    }
  }
  .before\:bg-white {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .after\:rounded-xl {
    &::after {
      content: var(--tw-content);
      border-radius: var(--radius-xl);
    }
  }
  .after\:bg-coal {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-coal);
    }
  }
  .after\:bg-ghost {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-ghost);
    }
  }
  .after\:bg-grape {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-grape);
    }
  }
  .after\:bg-noir {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-noir);
    }
  }
  .after\:bg-onyx {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-onyx);
    }
  }
  .after\:bg-whitesmoke {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-whitesmoke);
    }
  }
  .focus-within\:border-blue-theme {
    &:focus-within {
      border-color: var(--color-blue-theme);
    }
  }
  .focus-within\:border-green-theme {
    &:focus-within {
      border-color: var(--color-green-theme);
    }
  }
  .focus-within\:border-skyblue-theme {
    &:focus-within {
      border-color: var(--color-skyblue-theme);
    }
  }
  .hover\:border-black {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
  }
  .hover\:border-yellow-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-yellow-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-400);
      }
    }
  }
  .hover\:text-blue-theme {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-theme);
      }
    }
  }
  .hover\:text-heading {
    &:hover {
      @media (hover: hover) {
        color: var(--color-heading);
      }
    }
  }
  .hover\:text-heading\/80 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #120036 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-heading) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-skyblue-theme {
    &:hover {
      @media (hover: hover) {
        color: var(--color-skyblue-theme);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:border-blue-theme {
    &:focus {
      border-color: var(--color-blue-theme);
    }
  }
  .focus\:border-green-theme {
    &:focus {
      border-color: var(--color-green-theme);
    }
  }
  .focus\:border-purple-theme {
    &:focus {
      border-color: var(--color-purple-theme);
    }
  }
  .focus\:border-skyblue-theme {
    &:focus {
      border-color: var(--color-skyblue-theme);
    }
  }
  .focus\:bg-transparent {
    &:focus {
      background-color: transparent;
    }
  }
  .max-xl\:mt-5 {
    @media (width < 75rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .max-xl\:px-5 {
    @media (width < 75rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .max-lg\:order-1 {
    @media (width < 62rem) {
      order: 1;
    }
  }
  .max-lg\:order-2 {
    @media (width < 62rem) {
      order: 2;
    }
  }
  .max-lg\:mt-3 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .max-lg\:mt-3\.5 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .max-lg\:mt-4 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:mt-5 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .max-lg\:mt-5\.5 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 5.5);
    }
  }
  .max-lg\:mt-6 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .max-lg\:mt-10 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .max-lg\:mt-12 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .max-lg\:mt-20 {
    @media (width < 62rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .max-lg\:-mb-12 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * -12);
    }
  }
  .max-lg\:mb-4 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:mb-4\.5 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * 4.5);
    }
  }
  .max-lg\:mb-5 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .max-lg\:mb-6 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .max-lg\:mb-7 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .max-lg\:mb-10 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .max-lg\:mb-12 {
    @media (width < 62rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .max-lg\:hidden {
    @media (width < 62rem) {
      display: none;
    }
  }
  .max-lg\:inline-block {
    @media (width < 62rem) {
      display: inline-block;
    }
  }
  .max-lg\:w-full {
    @media (width < 62rem) {
      width: 100%;
    }
  }
  .max-lg\:justify-center {
    @media (width < 62rem) {
      justify-content: center;
    }
  }
  .max-lg\:gap-7 {
    @media (width < 62rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .max-lg\:gap-y-4 {
    @media (width < 62rem) {
      row-gap: calc(var(--spacing) * 4);
    }
  }
  .max-lg\:gap-y-5 {
    @media (width < 62rem) {
      row-gap: calc(var(--spacing) * 5);
    }
  }
  .max-lg\:gap-y-8 {
    @media (width < 62rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .max-lg\:divide-y {
    @media (width < 62rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
  }
  .max-lg\:border-b {
    @media (width < 62rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-lg\:text-15px {
    @media (width < 62rem) {
      font-size: var(--text-15px);
    }
  }
  .max-md\:mx-1 {
    @media (width < 48rem) {
      margin-inline: calc(var(--spacing) * 1);
    }
  }
  .max-md\:mt-2 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .max-md\:mt-3 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .max-md\:mt-3\.5 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .max-md\:mt-4\.5 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  .max-md\:mt-8 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .max-md\:mb-4 {
    @media (width < 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:w-full {
    @media (width < 48rem) {
      width: 100%;
    }
  }
  .max-md\:gap-6 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .max-md\:gap-7 {
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .max-md\:gap-y-7 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 7);
    }
  }
  .max-md\:gap-y-8 {
    @media (width < 48rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .max-md\:border {
    @media (width < 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .max-md\:border-2 {
    @media (width < 48rem) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .max-md\:border-b {
    @media (width < 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-md\:bg-white {
    @media (width < 48rem) {
      background-color: var(--color-white);
    }
  }
  .max-md\:px-2\.5 {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .max-md\:pr-8 {
    @media (width < 48rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:mx-3\.5 {
    @media (width < 36rem) {
      margin-inline: calc(var(--spacing) * 3.5);
    }
  }
  .max-sm\:mt-2\.5 {
    @media (width < 36rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .max-sm\:mt-3 {
    @media (width < 36rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .max-sm\:mt-3\.5 {
    @media (width < 36rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .max-sm\:mt-4 {
    @media (width < 36rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .max-sm\:mt-4\.5 {
    @media (width < 36rem) {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  .max-sm\:mb-3 {
    @media (width < 36rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .max-sm\:mb-8 {
    @media (width < 36rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:mb-10 {
    @media (width < 36rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .max-sm\:block {
    @media (width < 36rem) {
      display: block;
    }
  }
  .max-sm\:hidden {
    @media (width < 36rem) {
    }
  }
  .max-sm\:gap-6 {
    @media (width < 36rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .max-sm\:space-y-2\.5 {
    @media (width < 36rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .max-sm\:gap-y-8 {
    @media (width < 36rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:gap-y-9 {
    @media (width < 36rem) {
      row-gap: calc(var(--spacing) * 9);
    }
  }
  .max-sm\:border-b {
    @media (width < 36rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-sm\:px-2 {
    @media (width < 36rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .max-sm\:px-3 {
    @media (width < 36rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .max-sm\:px-5 {
    @media (width < 36rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .max-sm\:px-8 {
    @media (width < 36rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .max-sm\:pr-5 {
    @media (width < 36rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .max-sm\:leading-\[1\.7\] {
    @media (width < 36rem) {
      --tw-leading: 1.7;
      line-height: 1.7;
    }
  }
  .max-sm\:leading-\[1\.8\] {
    @media (width < 36rem) {
      --tw-leading: 1.8;
      line-height: 1.8;
    }
  }
  .max-2xs\:mb-4 {
    @media (width < 24.375rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-2xs\:mb-4\.5 {
    @media (width < 24.375rem) {
      margin-bottom: calc(var(--spacing) * 4.5);
    }
  }
  .max-2xs\:mb-6 {
    @media (width < 24.375rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .\32 xs\:col-span-6 {
    @media (width >= 24.375rem) {
      grid-column: span 6 / span 6;
    }
  }
  .\32 xs\:mx-1 {
    @media (width >= 24.375rem) {
      margin-inline: calc(var(--spacing) * 1);
    }
  }
  .\32 xs\:my-3\.5 {
    @media (width >= 24.375rem) {
      margin-block: calc(var(--spacing) * 3.5);
    }
  }
  .\32 xs\:mt-3\.5 {
    @media (width >= 24.375rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .\32 xs\:mt-4\.5 {
    @media (width >= 24.375rem) {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  .\32 xs\:mt-5 {
    @media (width >= 24.375rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .\32 xs\:mt-8 {
    @media (width >= 24.375rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .\32 xs\:mt-10 {
    @media (width >= 24.375rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .\32 xs\:mb-4 {
    @media (width >= 24.375rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .\32 xs\:mb-5 {
    @media (width >= 24.375rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .\32 xs\:mb-7 {
    @media (width >= 24.375rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .\32 xs\:mb-8 {
    @media (width >= 24.375rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .\32 xs\:ml-5 {
    @media (width >= 24.375rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .\32 xs\:h-13\.5 {
    @media (width >= 24.375rem) {
      height: calc(var(--spacing) * 13.5);
    }
  }
  .\32 xs\:max-h-6 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 6);
    }
  }
  .\32 xs\:max-h-6\.5 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 6.5);
    }
  }
  .\32 xs\:max-h-7 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 7);
    }
  }
  .\32 xs\:max-h-8 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 8);
    }
  }
  .\32 xs\:max-h-13 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 13);
    }
  }
  .\32 xs\:max-h-13\.5 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 13.5);
    }
  }
  .\32 xs\:max-h-15 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 15);
    }
  }
  .\32 xs\:max-h-16 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 16);
    }
  }
  .\32 xs\:max-h-22 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 22);
    }
  }
  .\32 xs\:max-h-26 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 26);
    }
  }
  .\32 xs\:max-h-38 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 38);
    }
  }
  .\32 xs\:max-h-65 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 65);
    }
  }
  .\32 xs\:max-h-70 {
    @media (width >= 24.375rem) {
      max-height: calc(var(--spacing) * 70);
    }
  }
  .\32 xs\:p-5 {
    @media (width >= 24.375rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .\32 xs\:p-6 {
    @media (width >= 24.375rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .\32 xs\:px-4 {
    @media (width >= 24.375rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\32 xs\:px-4\.5 {
    @media (width >= 24.375rem) {
      padding-inline: calc(var(--spacing) * 4.5);
    }
  }
  .\32 xs\:px-5 {
    @media (width >= 24.375rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .\32 xs\:px-5\.5 {
    @media (width >= 24.375rem) {
      padding-inline: calc(var(--spacing) * 5.5);
    }
  }
  .\32 xs\:px-6 {
    @media (width >= 24.375rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .\32 xs\:py-1\.75 {
    @media (width >= 24.375rem) {
      padding-block: calc(var(--spacing) * 1.75);
    }
  }
  .\32 xs\:pt-11 {
    @media (width >= 24.375rem) {
      padding-top: calc(var(--spacing) * 11);
    }
  }
  .\32 xs\:pr-5 {
    @media (width >= 24.375rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .\32 xs\:pb-8 {
    @media (width >= 24.375rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .\32 xs\:pl-5 {
    @media (width >= 24.375rem) {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .\32 xs\:text-36px\/14 {
    @media (width >= 24.375rem) {
      font-size: var(--text-36px);
      line-height: calc(var(--spacing) * 14);
    }
  }
  .\32 xs\:text-14px {
    @media (width >= 24.375rem) {
      font-size: var(--text-14px);
    }
  }
  .\32 xs\:text-15px {
    @media (width >= 24.375rem) {
      font-size: var(--text-15px);
    }
  }
  .\32 xs\:text-17px {
    @media (width >= 24.375rem) {
      font-size: var(--text-17px);
    }
  }
  .\32 xs\:text-18px {
    @media (width >= 24.375rem) {
      font-size: var(--text-18px);
    }
  }
  .\32 xs\:text-19px {
    @media (width >= 24.375rem) {
      font-size: var(--text-19px);
    }
  }
  .\32 xs\:text-20px {
    @media (width >= 24.375rem) {
      font-size: var(--text-20px);
    }
  }
  .\32 xs\:text-21px {
    @media (width >= 24.375rem) {
      font-size: var(--text-21px);
    }
  }
  .\32 xs\:text-22px {
    @media (width >= 24.375rem) {
      font-size: var(--text-22px);
    }
  }
  .\32 xs\:text-23px {
    @media (width >= 24.375rem) {
      font-size: var(--text-23px);
    }
  }
  .\32 xs\:text-24px {
    @media (width >= 24.375rem) {
      font-size: var(--text-24px);
    }
  }
  .\32 xs\:text-25px {
    @media (width >= 24.375rem) {
      font-size: var(--text-25px);
    }
  }
  .\32 xs\:text-26px {
    @media (width >= 24.375rem) {
      font-size: var(--text-26px);
    }
  }
  .\32 xs\:text-28px {
    @media (width >= 24.375rem) {
      font-size: var(--text-28px);
    }
  }
  .\32 xs\:text-30px {
    @media (width >= 24.375rem) {
      font-size: var(--text-30px);
    }
  }
  .\32 xs\:text-32px {
    @media (width >= 24.375rem) {
      font-size: var(--text-32px);
    }
  }
  .\32 xs\:text-34px {
    @media (width >= 24.375rem) {
      font-size: var(--text-34px);
    }
  }
  .\32 xs\:text-36px {
    @media (width >= 24.375rem) {
      font-size: var(--text-36px);
    }
  }
  .\32 xs\:text-38px {
    @media (width >= 24.375rem) {
      font-size: var(--text-38px);
    }
  }
  .\32 xs\:text-40px {
    @media (width >= 24.375rem) {
      font-size: var(--text-40px);
    }
  }
  .\32 xs\:text-42px {
    @media (width >= 24.375rem) {
      font-size: var(--text-42px);
    }
  }
  .\32 xs\:text-58px {
    @media (width >= 24.375rem) {
      font-size: var(--text-58px);
    }
  }
  .\32 xs\:max-lg\:text-17px {
    @media (width >= 24.375rem) {
      @media (width < 62rem) {
        font-size: var(--text-17px);
      }
    }
  }
  .\32 xs\:max-lg\:text-18px {
    @media (width >= 24.375rem) {
      @media (width < 62rem) {
        font-size: var(--text-18px);
      }
    }
  }
  .\32 xs\:max-md\:text-17px {
    @media (width >= 24.375rem) {
      @media (width < 48rem) {
        font-size: var(--text-17px);
      }
    }
  }
  .xs\:col-span-6 {
    @media (width >= 25.875rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xs\:mx-2 {
    @media (width >= 25.875rem) {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  .xs\:mx-2\.5 {
    @media (width >= 25.875rem) {
      margin-inline: calc(var(--spacing) * 2.5);
    }
  }
  .xs\:my-4\.5 {
    @media (width >= 25.875rem) {
      margin-block: calc(var(--spacing) * 4.5);
    }
  }
  .xs\:mt-3\.5 {
    @media (width >= 25.875rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .xs\:mt-4\.5 {
    @media (width >= 25.875rem) {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  .xs\:mt-5 {
    @media (width >= 25.875rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .xs\:mt-6 {
    @media (width >= 25.875rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .xs\:mt-8 {
    @media (width >= 25.875rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .xs\:mt-10 {
    @media (width >= 25.875rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .xs\:-mb-12 {
    @media (width >= 25.875rem) {
      margin-bottom: calc(var(--spacing) * -12);
    }
  }
  .xs\:mb-4\.5 {
    @media (width >= 25.875rem) {
      margin-bottom: calc(var(--spacing) * 4.5);
    }
  }
  .xs\:mb-8 {
    @media (width >= 25.875rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .xs\:mb-12 {
    @media (width >= 25.875rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .xs\:ml-1\.5 {
    @media (width >= 25.875rem) {
      margin-left: calc(var(--spacing) * 1.5);
    }
  }
  .xs\:ml-3 {
    @media (width >= 25.875rem) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .xs\:ml-3\.5 {
    @media (width >= 25.875rem) {
      margin-left: calc(var(--spacing) * 3.5);
    }
  }
  .xs\:ml-4 {
    @media (width >= 25.875rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .xs\:ml-5 {
    @media (width >= 25.875rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .xs\:ml-14 {
    @media (width >= 25.875rem) {
      margin-left: calc(var(--spacing) * 14);
    }
  }
  .xs\:max-h-7 {
    @media (width >= 25.875rem) {
      max-height: calc(var(--spacing) * 7);
    }
  }
  .xs\:max-h-8 {
    @media (width >= 25.875rem) {
      max-height: calc(var(--spacing) * 8);
    }
  }
  .xs\:max-h-23 {
    @media (width >= 25.875rem) {
      max-height: calc(var(--spacing) * 23);
    }
  }
  .xs\:max-h-72\.5 {
    @media (width >= 25.875rem) {
      max-height: calc(var(--spacing) * 72.5);
    }
  }
  .xs\:gap-7 {
    @media (width >= 25.875rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .xs\:space-y-4 {
    @media (width >= 25.875rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .xs\:p-6\.5 {
    @media (width >= 25.875rem) {
      padding: calc(var(--spacing) * 6.5);
    }
  }
  .xs\:p-7 {
    @media (width >= 25.875rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .xs\:p-8 {
    @media (width >= 25.875rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .xs\:px-2\.5 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .xs\:px-3 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .xs\:px-4 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .xs\:px-6 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .xs\:px-6\.5 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 6.5);
    }
  }
  .xs\:px-7 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .xs\:px-8 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .xs\:px-10 {
    @media (width >= 25.875rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .xs\:py-4 {
    @media (width >= 25.875rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .xs\:py-8 {
    @media (width >= 25.875rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .xs\:py-9 {
    @media (width >= 25.875rem) {
      padding-block: calc(var(--spacing) * 9);
    }
  }
  .xs\:pt-7\.5 {
    @media (width >= 25.875rem) {
      padding-top: calc(var(--spacing) * 7.5);
    }
  }
  .xs\:pr-6 {
    @media (width >= 25.875rem) {
      padding-right: calc(var(--spacing) * 6);
    }
  }
  .xs\:pb-12 {
    @media (width >= 25.875rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .xs\:pl-6 {
    @media (width >= 25.875rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .xs\:text-base {
    @media (width >= 25.875rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .xs\:text-15px {
    @media (width >= 25.875rem) {
      font-size: var(--text-15px);
    }
  }
  .xs\:text-17px {
    @media (width >= 25.875rem) {
      font-size: var(--text-17px);
    }
  }
  .xs\:text-18px {
    @media (width >= 25.875rem) {
      font-size: var(--text-18px);
    }
  }
  .xs\:text-19px {
    @media (width >= 25.875rem) {
      font-size: var(--text-19px);
    }
  }
  .xs\:text-21px {
    @media (width >= 25.875rem) {
      font-size: var(--text-21px);
    }
  }
  .xs\:text-22px {
    @media (width >= 25.875rem) {
      font-size: var(--text-22px);
    }
  }
  .xs\:text-23px {
    @media (width >= 25.875rem) {
      font-size: var(--text-23px);
    }
  }
  .xs\:text-24px {
    @media (width >= 25.875rem) {
      font-size: var(--text-24px);
    }
  }
  .xs\:text-26px {
    @media (width >= 25.875rem) {
      font-size: var(--text-26px);
    }
  }
  .xs\:text-28px {
    @media (width >= 25.875rem) {
      font-size: var(--text-28px);
    }
  }
  .xs\:text-30px {
    @media (width >= 25.875rem) {
      font-size: var(--text-30px);
    }
  }
  .xs\:text-32px {
    @media (width >= 25.875rem) {
      font-size: var(--text-32px);
    }
  }
  .xs\:text-34px {
    @media (width >= 25.875rem) {
      font-size: var(--text-34px);
    }
  }
  .xs\:text-36px {
    @media (width >= 25.875rem) {
      font-size: var(--text-36px);
    }
  }
  .xs\:text-38px {
    @media (width >= 25.875rem) {
      font-size: var(--text-38px);
    }
  }
  .xs\:text-40px {
    @media (width >= 25.875rem) {
      font-size: var(--text-40px);
    }
  }
  .xs\:text-42px {
    @media (width >= 25.875rem) {
      font-size: var(--text-42px);
    }
  }
  .xs\:text-44px {
    @media (width >= 25.875rem) {
      font-size: var(--text-44px);
    }
  }
  .xs\:text-46px {
    @media (width >= 25.875rem) {
      font-size: var(--text-46px);
    }
  }
  .xs\:text-52px {
    @media (width >= 25.875rem) {
      font-size: var(--text-52px);
    }
  }
  .xs\:text-56px {
    @media (width >= 25.875rem) {
      font-size: var(--text-56px);
    }
  }
  .xs\:text-58px {
    @media (width >= 25.875rem) {
      font-size: var(--text-58px);
    }
  }
  .xs\:text-60px {
    @media (width >= 25.875rem) {
      font-size: var(--text-60px);
    }
  }
  .xs\:max-lg\:text-22px {
    @media (width >= 25.875rem) {
      @media (width < 62rem) {
        font-size: var(--text-22px);
      }
    }
  }
  .xs\:max-lg\:text-23px {
    @media (width >= 25.875rem) {
      @media (width < 62rem) {
        font-size: var(--text-23px);
      }
    }
  }
  .xs\:max-md\:mx-2 {
    @media (width >= 25.875rem) {
      @media (width < 48rem) {
        margin-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .xs\:max-md\:px-5 {
    @media (width >= 25.875rem) {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 5);
      }
    }
  }
  .xs\:max-sm\:px-3\.5 {
    @media (width >= 25.875rem) {
      @media (width < 36rem) {
        padding-inline: calc(var(--spacing) * 3.5);
      }
    }
  }
  .sm\:-top-3 {
    @media (width >= 36rem) {
      top: calc(var(--spacing) * -3);
    }
  }
  .sm\:top-8 {
    @media (width >= 36rem) {
      top: calc(var(--spacing) * 8);
    }
  }
  .sm\:top-80 {
    @media (width >= 36rem) {
      top: calc(var(--spacing) * 80);
    }
  }
  .sm\:right-2 {
    @media (width >= 36rem) {
      right: calc(var(--spacing) * 2);
    }
  }
  .sm\:-bottom-1 {
    @media (width >= 36rem) {
      bottom: calc(var(--spacing) * -1);
    }
  }
  .sm\:left-6\.5 {
    @media (width >= 36rem) {
      left: calc(var(--spacing) * 6.5);
    }
  }
  .sm\:col-span-5 {
    @media (width >= 36rem) {
      grid-column: span 5 / span 5;
    }
  }
  .sm\:mx-5 {
    @media (width >= 36rem) {
      margin-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:mx-8 {
    @media (width >= 36rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:mx-14 {
    @media (width >= 36rem) {
      margin-inline: calc(var(--spacing) * 14);
    }
  }
  .sm\:my-6 {
    @media (width >= 36rem) {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:-mt-16\! {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * -16) !important;
    }
  }
  .sm\:mt-0\.5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 0.5);
    }
  }
  .sm\:mt-1 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .sm\:mt-2 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .sm\:mt-2\.5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:mt-3 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .sm\:mt-3\.5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:mt-4 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:mt-4\.5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:mt-5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .sm\:mt-6 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .sm\:mt-6\.5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 6.5);
    }
  }
  .sm\:mt-7 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 7);
    }
  }
  .sm\:mt-7\.5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 7.5);
    }
  }
  .sm\:mt-8\.5 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 8.5);
    }
  }
  .sm\:mt-9 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 9);
    }
  }
  .sm\:mt-10 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .sm\:mt-11 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 11);
    }
  }
  .sm\:mt-12 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .sm\:mt-14 {
    @media (width >= 36rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .sm\:mr-2 {
    @media (width >= 36rem) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .sm\:mr-5 {
    @media (width >= 36rem) {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  .sm\:-mb-18 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * -18);
    }
  }
  .sm\:-mb-22 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * -22);
    }
  }
  .sm\:mb-4\.5 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:mb-5 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .sm\:mb-6 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:mb-8 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .sm\:mb-8\.5 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 8.5);
    }
  }
  .sm\:mb-9 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .sm\:mb-10 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:mb-11 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 11);
    }
  }
  .sm\:mb-12 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .sm\:mb-13 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 13);
    }
  }
  .sm\:mb-15 {
    @media (width >= 36rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .sm\:ml-2 {
    @media (width >= 36rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .sm\:ml-2\.5 {
    @media (width >= 36rem) {
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:ml-3 {
    @media (width >= 36rem) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .sm\:ml-4 {
    @media (width >= 36rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .sm\:ml-5\.5 {
    @media (width >= 36rem) {
      margin-left: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:ml-20 {
    @media (width >= 36rem) {
      margin-left: calc(var(--spacing) * 20);
    }
  }
  .sm\:flex {
    @media (width >= 36rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 36rem) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 36rem) {
      display: inline;
    }
  }
  .sm\:size-20 {
    @media (width >= 36rem) {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }
  .sm\:h-125 {
    @media (width >= 36rem) {
      height: calc(var(--spacing) * 125);
    }
  }
  .sm\:max-h-9\.5 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 9.5);
    }
  }
  .sm\:max-h-13 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 13);
    }
  }
  .sm\:max-h-14 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 14);
    }
  }
  .sm\:max-h-24 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 24);
    }
  }
  .sm\:max-h-26 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 26);
    }
  }
  .sm\:max-h-45 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 45);
    }
  }
  .sm\:max-h-72 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 72);
    }
  }
  .sm\:max-h-80 {
    @media (width >= 36rem) {
      max-height: calc(var(--spacing) * 80);
    }
  }
  .sm\:max-w-98 {
    @media (width >= 36rem) {
      max-width: calc(var(--spacing) * 98);
    }
  }
  .sm\:max-w-110 {
    @media (width >= 36rem) {
      max-width: calc(var(--spacing) * 110);
    }
  }
  .sm\:max-w-120 {
    @media (width >= 36rem) {
      max-width: calc(var(--spacing) * 120);
    }
  }
  .sm\:max-w-130 {
    @media (width >= 36rem) {
      max-width: calc(var(--spacing) * 130);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 36rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 36rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 36rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:gap-6 {
    @media (width >= 36rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-8 {
    @media (width >= 36rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-x-4\.5 {
    @media (width >= 36rem) {
      column-gap: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:gap-x-5 {
    @media (width >= 36rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .sm\:gap-x-5\.5 {
    @media (width >= 36rem) {
      column-gap: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:gap-x-6 {
    @media (width >= 36rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-x-8 {
    @media (width >= 36rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-x-14 {
    @media (width >= 36rem) {
      column-gap: calc(var(--spacing) * 14);
    }
  }
  .sm\:gap-y-10 {
    @media (width >= 36rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 36rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .sm\:rounded-4xl {
    @media (width >= 36rem) {
      border-radius: var(--radius-4xl);
    }
  }
  .sm\:border-l {
    @media (width >= 36rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .sm\:p-6 {
    @media (width >= 36rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-6\.5 {
    @media (width >= 36rem) {
      padding: calc(var(--spacing) * 6.5);
    }
  }
  .sm\:p-9 {
    @media (width >= 36rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .sm\:p-10 {
    @media (width >= 36rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .sm\:px-0 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .sm\:px-1\.5 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .sm\:px-3 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .sm\:px-4 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:px-5 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-5\.5 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:px-6 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-6\.5 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 6.5);
    }
  }
  .sm\:px-7 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .sm\:px-8 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-10 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .sm\:px-14 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .sm\:px-15 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .sm\:px-18 {
    @media (width >= 36rem) {
      padding-inline: calc(var(--spacing) * 18);
    }
  }
  .sm\:py-2 {
    @media (width >= 36rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .sm\:py-2\.5 {
    @media (width >= 36rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:py-4 {
    @media (width >= 36rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .sm\:py-10 {
    @media (width >= 36rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .sm\:py-11 {
    @media (width >= 36rem) {
      padding-block: calc(var(--spacing) * 11);
    }
  }
  .sm\:py-15 {
    @media (width >= 36rem) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .sm\:py-25 {
    @media (width >= 36rem) {
      padding-block: calc(var(--spacing) * 25);
    }
  }
  .sm\:pt-8\.5 {
    @media (width >= 36rem) {
      padding-top: calc(var(--spacing) * 8.5);
    }
  }
  .sm\:pt-12\.5 {
    @media (width >= 36rem) {
      padding-top: calc(var(--spacing) * 12.5);
    }
  }
  .sm\:pt-14 {
    @media (width >= 36rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .sm\:pt-17\.5 {
    @media (width >= 36rem) {
      padding-top: calc(var(--spacing) * 17.5);
    }
  }
  .sm\:pt-20 {
    @media (width >= 36rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .sm\:pt-22\.5 {
    @media (width >= 36rem) {
      padding-top: calc(var(--spacing) * 22.5);
    }
  }
  .sm\:pt-25 {
    @media (width >= 36rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .sm\:pr-5 {
    @media (width >= 36rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .sm\:pr-7 {
    @media (width >= 36rem) {
      padding-right: calc(var(--spacing) * 7);
    }
  }
  .sm\:pr-8 {
    @media (width >= 36rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .sm\:pr-10 {
    @media (width >= 36rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .sm\:pb-4 {
    @media (width >= 36rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .sm\:pb-11 {
    @media (width >= 36rem) {
      padding-bottom: calc(var(--spacing) * 11);
    }
  }
  .sm\:pb-15 {
    @media (width >= 36rem) {
      padding-bottom: calc(var(--spacing) * 15);
    }
  }
  .sm\:pb-18 {
    @media (width >= 36rem) {
      padding-bottom: calc(var(--spacing) * 18);
    }
  }
  .sm\:pl-2 {
    @media (width >= 36rem) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .sm\:pl-3 {
    @media (width >= 36rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .sm\:pl-4 {
    @media (width >= 36rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .sm\:pl-4\.5 {
    @media (width >= 36rem) {
      padding-left: calc(var(--spacing) * 4.5);
    }
  }
  .sm\:pl-5\.5 {
    @media (width >= 36rem) {
      padding-left: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:pl-8 {
    @media (width >= 36rem) {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  .sm\:pl-10 {
    @media (width >= 36rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .sm\:text-46px\/16 {
    @media (width >= 36rem) {
      font-size: var(--text-46px);
      line-height: calc(var(--spacing) * 16);
    }
  }
  .sm\:text-base {
    @media (width >= 36rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-12px {
    @media (width >= 36rem) {
      font-size: var(--text-12px);
    }
  }
  .sm\:text-14px {
    @media (width >= 36rem) {
      font-size: var(--text-14px);
    }
  }
  .sm\:text-17px {
    @media (width >= 36rem) {
      font-size: var(--text-17px);
    }
  }
  .sm\:text-18px {
    @media (width >= 36rem) {
      font-size: var(--text-18px);
    }
  }
  .sm\:text-19px {
    @media (width >= 36rem) {
      font-size: var(--text-19px);
    }
  }
  .sm\:text-20px {
    @media (width >= 36rem) {
      font-size: var(--text-20px);
    }
  }
  .sm\:text-21px {
    @media (width >= 36rem) {
      font-size: var(--text-21px);
    }
  }
  .sm\:text-22px {
    @media (width >= 36rem) {
      font-size: var(--text-22px);
    }
  }
  .sm\:text-23px {
    @media (width >= 36rem) {
      font-size: var(--text-23px);
    }
  }
  .sm\:text-24px {
    @media (width >= 36rem) {
      font-size: var(--text-24px);
    }
  }
  .sm\:text-25px {
    @media (width >= 36rem) {
      font-size: var(--text-25px);
    }
  }
  .sm\:text-26px {
    @media (width >= 36rem) {
      font-size: var(--text-26px);
    }
  }
  .sm\:text-27px {
    @media (width >= 36rem) {
      font-size: var(--text-27px);
    }
  }
  .sm\:text-28px {
    @media (width >= 36rem) {
      font-size: var(--text-28px);
    }
  }
  .sm\:text-30px {
    @media (width >= 36rem) {
      font-size: var(--text-30px);
    }
  }
  .sm\:text-34px {
    @media (width >= 36rem) {
      font-size: var(--text-34px);
    }
  }
  .sm\:text-36px {
    @media (width >= 36rem) {
      font-size: var(--text-36px);
    }
  }
  .sm\:text-38px {
    @media (width >= 36rem) {
      font-size: var(--text-38px);
    }
  }
  .sm\:text-40px {
    @media (width >= 36rem) {
      font-size: var(--text-40px);
    }
  }
  .sm\:text-42px {
    @media (width >= 36rem) {
      font-size: var(--text-42px);
    }
  }
  .sm\:text-44px {
    @media (width >= 36rem) {
      font-size: var(--text-44px);
    }
  }
  .sm\:text-46px {
    @media (width >= 36rem) {
      font-size: var(--text-46px);
    }
  }
  .sm\:text-48px {
    @media (width >= 36rem) {
      font-size: var(--text-48px);
    }
  }
  .sm\:text-54px {
    @media (width >= 36rem) {
      font-size: var(--text-54px);
    }
  }
  .sm\:text-76px {
    @media (width >= 36rem) {
      font-size: var(--text-76px);
    }
  }
  .sm\:leading-\[1\.2\] {
    @media (width >= 36rem) {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
  }
  .sm\:leading-\[1\.15\] {
    @media (width >= 36rem) {
      --tw-leading: 1.15;
      line-height: 1.15;
    }
  }
  .sm\:tracking-\[-1px\] {
    @media (width >= 36rem) {
      --tw-tracking: -1px;
      letter-spacing: -1px;
    }
  }
  .sm\:max-lg\:mt-10 {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        margin-top: calc(var(--spacing) * 10);
      }
    }
  }
  .sm\:max-lg\:mb-10 {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        margin-bottom: calc(var(--spacing) * 10);
      }
    }
  }
  .sm\:max-lg\:mb-12 {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        margin-bottom: calc(var(--spacing) * 12);
      }
    }
  }
  .sm\:max-lg\:px-5 {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 5);
      }
    }
  }
  .sm\:max-lg\:px-6 {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 6);
      }
    }
  }
  .sm\:max-lg\:px-9 {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 9);
      }
    }
  }
  .sm\:max-lg\:px-10 {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
    }
  }
  .sm\:max-lg\:text-17px {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        font-size: var(--text-17px);
      }
    }
  }
  .sm\:max-lg\:text-19px {
    @media (width >= 36rem) {
      @media (width < 62rem) {
        font-size: var(--text-19px);
      }
    }
  }
  .sm\:max-md\:col-start-2 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        grid-column-start: 2;
      }
    }
  }
  .sm\:max-md\:h-14\.5 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        height: calc(var(--spacing) * 14.5);
      }
    }
  }
  .sm\:max-md\:gap-x-7 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        column-gap: calc(var(--spacing) * 7);
      }
    }
  }
  .sm\:max-md\:px-3 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 3);
      }
    }
  }
  .sm\:max-md\:px-9 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 9);
      }
    }
  }
  .sm\:max-md\:px-10 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
    }
  }
  .sm\:max-md\:px-12 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 12);
      }
    }
  }
  .sm\:max-md\:px-14 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 14);
      }
    }
  }
  .sm\:max-md\:py-9 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        padding-block: calc(var(--spacing) * 9);
      }
    }
  }
  .sm\:max-md\:pt-9 {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        padding-top: calc(var(--spacing) * 9);
      }
    }
  }
  .sm\:max-md\:text-18px {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        font-size: var(--text-18px);
      }
    }
  }
  .sm\:max-md\:text-23px {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        font-size: var(--text-23px);
      }
    }
  }
  .sm\:max-md\:text-24px {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        font-size: var(--text-24px);
      }
    }
  }
  .sm\:max-md\:text-25px {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        font-size: var(--text-25px);
      }
    }
  }
  .sm\:max-md\:text-30px {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        font-size: var(--text-30px);
      }
    }
  }
  .sm\:max-md\:text-46px {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        font-size: var(--text-46px);
      }
    }
  }
  .sm\:max-md\:text-60px {
    @media (width >= 36rem) {
      @media (width < 48rem) {
        font-size: var(--text-60px);
      }
    }
  }
  .md\:-top-5 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -5);
    }
  }
  .md\:top-1 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 1);
    }
  }
  .md\:top-\[7\%\] {
    @media (width >= 48rem) {
      top: 7%;
    }
  }
  .md\:top-px {
    @media (width >= 48rem) {
      top: 1px;
    }
  }
  .md\:left-0 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .md\:left-8 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 8);
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-0\.5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0.5);
    }
  }
  .md\:mx-3 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:mx-3\.5 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 3.5);
    }
  }
  .md\:mx-10 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:mx-15 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 15);
    }
  }
  .md\:mx-16 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 16);
    }
  }
  .md\:mx-25 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 25);
    }
  }
  .md\:my-5 {
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 5);
    }
  }
  .md\:-mt-20\! {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -20) !important;
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mt-1 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .md\:mt-1\.5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
  .md\:mt-2\.5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mt-3 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .md\:mt-4 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .md\:mt-5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .md\:mt-5\.5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 5.5);
    }
  }
  .md\:mt-6 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .md\:mt-7 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 7);
    }
  }
  .md\:mt-8 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-10 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .md\:mt-11 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 11);
    }
  }
  .md\:mt-12 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .md\:mt-12\.5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 12.5);
    }
  }
  .md\:mt-14 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .md\:mt-15 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .md\:mt-28 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 28);
    }
  }
  .md\:mr-7 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 7);
    }
  }
  .md\:-mb-15 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -15);
    }
  }
  .md\:-mb-20 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -20);
    }
  }
  .md\:-mb-25 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -25);
    }
  }
  .md\:-mb-28 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * -28);
    }
  }
  .md\:mb-0 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-4 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:mb-5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-6\.5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6.5);
    }
  }
  .md\:mb-7 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .md\:mb-7\.5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 7.5);
    }
  }
  .md\:mb-8 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-9 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .md\:mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:mb-15 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .md\:mb-18 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 18);
    }
  }
  .md\:mb-20 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:ml-2\.5 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .md\:ml-8 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 8);
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:inline-block {
    @media (width >= 48rem) {
      display: inline-block;
    }
  }
  .md\:size-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20);
    }
  }
  .md\:size-22 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 22);
      height: calc(var(--spacing) * 22);
    }
  }
  .md\:h-8 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 8);
    }
  }
  .md\:h-15 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 15);
    }
  }
  .md\:h-55 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 55);
    }
  }
  .md\:h-138 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 138);
    }
  }
  .md\:h-\[113\%\] {
    @media (width >= 48rem) {
      height: 113%;
    }
  }
  .md\:max-h-8\.5 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 8.5);
    }
  }
  .md\:max-h-10 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 10);
    }
  }
  .md\:max-h-13 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 13);
    }
  }
  .md\:max-h-14 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 14);
    }
  }
  .md\:max-h-26 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 26);
    }
  }
  .md\:max-h-30 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 30);
    }
  }
  .md\:max-h-52 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 52);
    }
  }
  .md\:max-h-90 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 90);
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .md\:max-w-105 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 105);
    }
  }
  .md\:max-w-135 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 135);
    }
  }
  .md\:max-w-140 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 140);
    }
  }
  .md\:max-w-150 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 150);
    }
  }
  .md\:max-w-155 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 155);
    }
  }
  .md\:max-w-160 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 160);
    }
  }
  .md\:max-w-162 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 162);
    }
  }
  .md\:max-w-165 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 165);
    }
  }
  .md\:max-w-170 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 170);
    }
  }
  .md\:flex-1 {
    @media (width >= 48rem) {
      flex: 1;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .md\:gap-7\.5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7.5);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-9 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 9);
    }
  }
  .md\:gap-x-3 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-x-4 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-x-5 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-x-6 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-x-7 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .md\:space-x-2\.5 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .md\:space-x-3\.5 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .md\:space-x-4 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .md\:overflow-hidden {
    @media (width >= 48rem) {
      overflow: hidden;
    }
  }
  .md\:rounded-2xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .md\:rounded-4xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-4xl);
    }
  }
  .md\:rounded-\[10px\] {
    @media (width >= 48rem) {
      border-radius: 10px;
    }
  }
  .md\:rounded-xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-xl);
    }
  }
  .md\:border {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .md\:border-l {
    @media (width >= 48rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .md\:bg-ghost {
    @media (width >= 48rem) {
      background-color: var(--color-ghost);
    }
  }
  .md\:bg-white {
    @media (width >= 48rem) {
      background-color: var(--color-white);
    }
  }
  .md\:p-1\.5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .md\:p-1\.25 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 1.25);
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:px-3 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .md\:px-4\.5\! {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4.5) !important;
    }
  }
  .md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:px-5\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5.5);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-7 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .md\:px-14 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .md\:px-15 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .md\:px-16 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .md\:px-20 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .md\:px-25 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 25);
    }
  }
  .md\:px-30 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 30);
    }
  }
  .md\:py-2\! {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2) !important;
    }
  }
  .md\:py-2\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:py-4\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4.5);
    }
  }
  .md\:py-5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .md\:py-6 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .md\:py-7 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .md\:py-11 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 11);
    }
  }
  .md\:py-13 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 13);
    }
  }
  .md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:py-22 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 22);
    }
  }
  .md\:py-22\.5 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 22.5);
    }
  }
  .md\:py-23 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 23);
    }
  }
  .md\:py-35 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 35);
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .md\:pt-5\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 5.5);
    }
  }
  .md\:pt-10 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .md\:pt-11 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 11);
    }
  }
  .md\:pt-12 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .md\:pt-17 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 17);
    }
  }
  .md\:pt-18 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 18);
    }
  }
  .md\:pt-22\.5 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 22.5);
    }
  }
  .md\:pt-23 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 23);
    }
  }
  .md\:pt-25 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .md\:pt-28 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
  }
  .md\:pr-7 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 7);
    }
  }
  .md\:pr-10 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .md\:pr-25 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 25);
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:pb-6 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-12 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:pb-14 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:pb-17\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 17.5);
    }
  }
  .md\:pb-22\.5 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 22.5);
    }
  }
  .md\:pb-23 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 23);
    }
  }
  .md\:pb-25 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 25);
    }
  }
  .md\:pb-30 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .md\:pl-2\.5 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 2.5);
    }
  }
  .md\:pl-4 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .md\:pl-5\.5 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 5.5);
    }
  }
  .md\:pl-12 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .md\:pl-14 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .md\:text-end {
    @media (width >= 48rem) {
      text-align: end;
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-14px {
    @media (width >= 48rem) {
      font-size: var(--text-14px);
    }
  }
  .md\:text-15px {
    @media (width >= 48rem) {
      font-size: var(--text-15px);
    }
  }
  .md\:text-17px {
    @media (width >= 48rem) {
      font-size: var(--text-17px);
    }
  }
  .md\:text-18px {
    @media (width >= 48rem) {
      font-size: var(--text-18px);
    }
  }
  .md\:text-19px {
    @media (width >= 48rem) {
      font-size: var(--text-19px);
    }
  }
  .md\:text-20px {
    @media (width >= 48rem) {
      font-size: var(--text-20px);
    }
  }
  .md\:text-21px {
    @media (width >= 48rem) {
      font-size: var(--text-21px);
    }
  }
  .md\:text-22px {
    @media (width >= 48rem) {
      font-size: var(--text-22px);
    }
  }
  .md\:text-23px {
    @media (width >= 48rem) {
      font-size: var(--text-23px);
    }
  }
  .md\:text-24px {
    @media (width >= 48rem) {
      font-size: var(--text-24px);
    }
  }
  .md\:text-25px {
    @media (width >= 48rem) {
      font-size: var(--text-25px);
    }
  }
  .md\:text-26px {
    @media (width >= 48rem) {
      font-size: var(--text-26px);
    }
  }
  .md\:text-27px {
    @media (width >= 48rem) {
      font-size: var(--text-27px);
    }
  }
  .md\:text-28px {
    @media (width >= 48rem) {
      font-size: var(--text-28px);
    }
  }
  .md\:text-30px {
    @media (width >= 48rem) {
      font-size: var(--text-30px);
    }
  }
  .md\:text-32px {
    @media (width >= 48rem) {
      font-size: var(--text-32px);
    }
  }
  .md\:text-34px {
    @media (width >= 48rem) {
      font-size: var(--text-34px);
    }
  }
  .md\:text-38px {
    @media (width >= 48rem) {
      font-size: var(--text-38px);
    }
  }
  .md\:text-40px {
    @media (width >= 48rem) {
      font-size: var(--text-40px);
    }
  }
  .md\:text-42px {
    @media (width >= 48rem) {
      font-size: var(--text-42px);
    }
  }
  .md\:text-46px {
    @media (width >= 48rem) {
      font-size: var(--text-46px);
    }
  }
  .md\:text-48px {
    @media (width >= 48rem) {
      font-size: var(--text-48px);
    }
  }
  .md\:text-50px {
    @media (width >= 48rem) {
      font-size: var(--text-50px);
    }
  }
  .md\:text-52px {
    @media (width >= 48rem) {
      font-size: var(--text-52px);
    }
  }
  .md\:text-54px {
    @media (width >= 48rem) {
      font-size: var(--text-54px);
    }
  }
  .md\:text-56px {
    @media (width >= 48rem) {
      font-size: var(--text-56px);
    }
  }
  .md\:text-58px {
    @media (width >= 48rem) {
      font-size: var(--text-58px);
    }
  }
  .md\:text-60px {
    @media (width >= 48rem) {
      font-size: var(--text-60px);
    }
  }
  .md\:text-86px {
    @media (width >= 48rem) {
      font-size: var(--text-86px);
    }
  }
  .md\:leading-none {
    @media (width >= 48rem) {
      --tw-leading: 1;
      line-height: 1;
    }
  }
  .md\:leading-tight {
    @media (width >= 48rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .md\:focus\:bg-transparent {
    @media (width >= 48rem) {
      &:focus {
        background-color: transparent;
      }
    }
  }
  .md\:max-xl\:-top-4\.5 {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        top: calc(var(--spacing) * -4.5);
      }
    }
  }
  .md\:max-xl\:mr-3 {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        margin-right: calc(var(--spacing) * 3);
      }
    }
  }
  .md\:max-xl\:max-h-13 {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        max-height: calc(var(--spacing) * 13);
      }
    }
  }
  .md\:max-xl\:px-7 {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        padding-inline: calc(var(--spacing) * 7);
      }
    }
  }
  .md\:max-xl\:py-1\.5 {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        padding-block: calc(var(--spacing) * 1.5);
      }
    }
  }
  .md\:max-xl\:text-base {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
  }
  .md\:max-xl\:text-22px {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        font-size: var(--text-22px);
      }
    }
  }
  .md\:max-xl\:text-23px {
    @media (width >= 48rem) {
      @media (width < 75rem) {
        font-size: var(--text-23px);
      }
    }
  }
  .md\:max-lg\:col-span-4 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        grid-column: span 4 / span 4;
      }
    }
  }
  .md\:max-lg\:mx-20 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        margin-inline: calc(var(--spacing) * 20);
      }
    }
  }
  .md\:max-lg\:mx-auto {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        margin-inline: auto;
      }
    }
  }
  .md\:max-lg\:mt-3 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        margin-top: calc(var(--spacing) * 3);
      }
    }
  }
  .md\:max-lg\:mt-4 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        margin-top: calc(var(--spacing) * 4);
      }
    }
  }
  .md\:max-lg\:mt-7 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        margin-top: calc(var(--spacing) * 7);
      }
    }
  }
  .md\:max-lg\:mb-8\.5 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        margin-bottom: calc(var(--spacing) * 8.5);
      }
    }
  }
  .md\:max-lg\:mb-20 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        margin-bottom: calc(var(--spacing) * 20);
      }
    }
  }
  .md\:max-lg\:hidden {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        display: none;
      }
    }
  }
  .md\:max-lg\:max-h-8 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-height: calc(var(--spacing) * 8);
      }
    }
  }
  .md\:max-lg\:max-h-8\.5 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-height: calc(var(--spacing) * 8.5);
      }
    }
  }
  .md\:max-lg\:max-h-27 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-height: calc(var(--spacing) * 27);
      }
    }
  }
  .md\:max-lg\:w-max {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        width: max-content;
      }
    }
  }
  .md\:max-lg\:max-w-140 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-width: calc(var(--spacing) * 140);
      }
    }
  }
  .md\:max-lg\:max-w-150 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-width: calc(var(--spacing) * 150);
      }
    }
  }
  .md\:max-lg\:max-w-160 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-width: calc(var(--spacing) * 160);
      }
    }
  }
  .md\:max-lg\:max-w-165 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-width: calc(var(--spacing) * 165);
      }
    }
  }
  .md\:max-lg\:max-w-170 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        max-width: calc(var(--spacing) * 170);
      }
    }
  }
  .md\:max-lg\:items-stretch {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        align-items: stretch;
      }
    }
  }
  .md\:max-lg\:px-2 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .md\:max-lg\:px-5 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 5);
      }
    }
  }
  .md\:max-lg\:px-8 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 8);
      }
    }
  }
  .md\:max-lg\:px-10 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
    }
  }
  .md\:max-lg\:px-12 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 12);
      }
    }
  }
  .md\:max-lg\:px-14 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 14);
      }
    }
  }
  .md\:max-lg\:px-16 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 16);
      }
    }
  }
  .md\:max-lg\:px-20 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-inline: calc(var(--spacing) * 20);
      }
    }
  }
  .md\:max-lg\:py-22 {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        padding-block: calc(var(--spacing) * 22);
      }
    }
  }
  .md\:max-lg\:text-15px {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        font-size: var(--text-15px);
      }
    }
  }
  .md\:max-lg\:text-19px {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        font-size: var(--text-19px);
      }
    }
  }
  .md\:max-lg\:text-20px {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        font-size: var(--text-20px);
      }
    }
  }
  .md\:max-lg\:text-54px {
    @media (width >= 48rem) {
      @media (width < 62rem) {
        font-size: var(--text-54px);
      }
    }
  }
  .lg\:fixed {
    @media (width >= 62rem) {
      position: fixed;
    }
  }
  .lg\:relative {
    @media (width >= 62rem) {
      position: relative;
    }
  }
  .lg\:top-1 {
    @media (width >= 62rem) {
      top: calc(var(--spacing) * 1);
    }
  }
  .lg\:top-2\.75 {
    @media (width >= 62rem) {
      top: calc(var(--spacing) * 2.75);
    }
  }
  .lg\:top-4\.25 {
    @media (width >= 62rem) {
      top: calc(var(--spacing) * 4.25);
    }
  }
  .lg\:top-8 {
    @media (width >= 62rem) {
      top: calc(var(--spacing) * 8);
    }
  }
  .lg\:top-\[10\%\] {
    @media (width >= 62rem) {
      top: 10%;
    }
  }
  .lg\:-left-12 {
    @media (width >= 62rem) {
      left: calc(var(--spacing) * -12);
    }
  }
  .lg\:left-6 {
    @media (width >= 62rem) {
      left: calc(var(--spacing) * 6);
    }
  }
  .lg\:left-\[12\%\] {
    @media (width >= 62rem) {
      left: 12%;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 62rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 62rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 62rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 62rem) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 62rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 62rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 62rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:mx-0 {
    @media (width >= 62rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-2 {
    @media (width >= 62rem) {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  .lg\:mx-5 {
    @media (width >= 62rem) {
      margin-inline: calc(var(--spacing) * 5);
    }
  }
  .lg\:mx-6 {
    @media (width >= 62rem) {
      margin-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:mx-8 {
    @media (width >= 62rem) {
      margin-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:mx-10 {
    @media (width >= 62rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:mx-13 {
    @media (width >= 62rem) {
      margin-inline: calc(var(--spacing) * 13);
    }
  }
  .lg\:my-5 {
    @media (width >= 62rem) {
      margin-block: calc(var(--spacing) * 5);
    }
  }
  .lg\:-mt-10 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * -10);
    }
  }
  .lg\:-mt-12 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * -12);
    }
  }
  .lg\:-mt-28\! {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * -28) !important;
    }
  }
  .lg\:mt-0 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-2 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .lg\:mt-3 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .lg\:mt-3\.5 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .lg\:mt-4 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:mt-4\.5 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  .lg\:mt-5 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .lg\:mt-5\.5 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 5.5);
    }
  }
  .lg\:mt-6 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .lg\:mt-7 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 7);
    }
  }
  .lg\:mt-9 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 9);
    }
  }
  .lg\:mt-11 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 11);
    }
  }
  .lg\:mt-12 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:mt-12\.5 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 12.5);
    }
  }
  .lg\:mt-13\.5 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 13.5);
    }
  }
  .lg\:mt-14 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .lg\:mt-15 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .lg\:mt-16 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:mt-18 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 18);
    }
  }
  .lg\:mt-20 {
    @media (width >= 62rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:-mr-110 {
    @media (width >= 62rem) {
      margin-right: calc(var(--spacing) * -110);
    }
  }
  .lg\:mr-0 {
    @media (width >= 62rem) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:mr-3 {
    @media (width >= 62rem) {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .lg\:mr-5 {
    @media (width >= 62rem) {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  .lg\:-mb-5 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * -5);
    }
  }
  .lg\:-mb-20 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * -20);
    }
  }
  .lg\:-mb-22\.5 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * -22.5);
    }
  }
  .lg\:-mb-26 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * -26);
    }
  }
  .lg\:-mb-30 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * -30);
    }
  }
  .lg\:mb-0 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-1 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .lg\:mb-1\.75 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 1.75);
    }
  }
  .lg\:mb-4 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:mb-6 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-7 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .lg\:mb-8 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-9 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .lg\:mb-10 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:mb-12 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:mb-12\.5 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 12.5);
    }
  }
  .lg\:mb-13 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 13);
    }
  }
  .lg\:mb-14 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:mb-15 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .lg\:mb-20 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:mb-26 {
    @media (width >= 62rem) {
      margin-bottom: calc(var(--spacing) * 26);
    }
  }
  .lg\:ml-1\.5 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 1.5);
    }
  }
  .lg\:ml-2 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .lg\:ml-2\.5 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:ml-3 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .lg\:ml-4 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 4);
    }
  }
  .lg\:ml-5 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .lg\:ml-6 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .lg\:ml-8 {
    @media (width >= 62rem) {
      margin-left: calc(var(--spacing) * 8);
    }
  }
  .lg\:block {
    @media (width >= 62rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 62rem) {
      display: flex;
    }
  }
  .lg\:inline-block {
    @media (width >= 62rem) {
      display: inline-block;
    }
  }
  .lg\:size-13 {
    @media (width >= 62rem) {
      width: calc(var(--spacing) * 13);
      height: calc(var(--spacing) * 13);
    }
  }
  .lg\:h-14 {
    @media (width >= 62rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .lg\:h-155 {
    @media (width >= 62rem) {
      height: calc(var(--spacing) * 155);
    }
  }
  .lg\:max-h-6\.5 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 6.5);
    }
  }
  .lg\:max-h-7 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 7);
    }
  }
  .lg\:max-h-7\.5 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 7.5);
    }
  }
  .lg\:max-h-8\.5 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 8.5);
    }
  }
  .lg\:max-h-9 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 9);
    }
  }
  .lg\:max-h-12 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 12);
    }
  }
  .lg\:max-h-14 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 14);
    }
  }
  .lg\:max-h-15 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 15);
    }
  }
  .lg\:max-h-58 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 58);
    }
  }
  .lg\:max-h-75 {
    @media (width >= 62rem) {
      max-height: calc(var(--spacing) * 75);
    }
  }
  .lg\:w-0\.75 {
    @media (width >= 62rem) {
      width: calc(var(--spacing) * 0.75);
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 62rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 62rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .lg\:w-\[74\%\] {
    @media (width >= 62rem) {
      width: 74%;
    }
  }
  .lg\:max-w-170 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 170);
    }
  }
  .lg\:max-w-175 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 175);
    }
  }
  .lg\:max-w-180 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 180);
    }
  }
  .lg\:max-w-185 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 185);
    }
  }
  .lg\:max-w-190 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 190);
    }
  }
  .lg\:max-w-195 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 195);
    }
  }
  .lg\:max-w-200 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 200);
    }
  }
  .lg\:max-w-205 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 205);
    }
  }
  .lg\:max-w-210 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 210);
    }
  }
  .lg\:max-w-220 {
    @media (width >= 62rem) {
      max-width: calc(var(--spacing) * 220);
    }
  }
  .lg\:max-w-\[230\%\] {
    @media (width >= 62rem) {
      max-width: 230%;
    }
  }
  .lg\:max-w-\[240\%\] {
    @media (width >= 62rem) {
      max-width: 240%;
    }
  }
  .lg\:max-w-\[250\%\] {
    @media (width >= 62rem) {
      max-width: 250%;
    }
  }
  .lg\:flex-1 {
    @media (width >= 62rem) {
      flex: 1;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 62rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 62rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 62rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 62rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 62rem) {
      flex-direction: row;
    }
  }
  .lg\:gap-5 {
    @media (width >= 62rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-5\.5 {
    @media (width >= 62rem) {
      gap: calc(var(--spacing) * 5.5);
    }
  }
  .lg\:gap-7 {
    @media (width >= 62rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:gap-8 {
    @media (width >= 62rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:space-y-4 {
    @media (width >= 62rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:gap-x-2 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-x-4 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-x-5 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-x-7 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:gap-x-8 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-x-9 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 9);
    }
  }
  .lg\:gap-x-10 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-x-12 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-x-16 {
    @media (width >= 62rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-y-9 {
    @media (width >= 62rem) {
      row-gap: calc(var(--spacing) * 9);
    }
  }
  .lg\:gap-y-10 {
    @media (width >= 62rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:divide-x {
    @media (width >= 62rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 62rem) {
      overflow: hidden;
    }
  }
  .lg\:rounded-3xl {
    @media (width >= 62rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .lg\:border-l {
    @media (width >= 62rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .lg\:bg-transparent {
    @media (width >= 62rem) {
      background-color: transparent;
    }
  }
  .lg\:bg-none {
    @media (width >= 62rem) {
      background-image: none;
    }
  }
  .lg\:p-5\.5 {
    @media (width >= 62rem) {
      padding: calc(var(--spacing) * 5.5);
    }
  }
  .lg\:p-6 {
    @media (width >= 62rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-9 {
    @media (width >= 62rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .lg\:p-11 {
    @media (width >= 62rem) {
      padding: calc(var(--spacing) * 11);
    }
  }
  .lg\:px-0 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:px-3 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .lg\:px-3\.5 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .lg\:px-4 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-5 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .lg\:px-5\.5 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 5.5);
    }
  }
  .lg\:px-6 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-7 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .lg\:px-7\.5 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 7.5);
    }
  }
  .lg\:px-8 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-10 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-11 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 11);
    }
  }
  .lg\:px-12 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:px-14 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .lg\:px-15 {
    @media (width >= 62rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .lg\:py-0 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:py-2\.5 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:py-3 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-6 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .lg\:py-7\.5 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 7.5);
    }
  }
  .lg\:py-8 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .lg\:py-9\.5 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 9.5);
    }
  }
  .lg\:py-10 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-11 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 11);
    }
  }
  .lg\:py-12 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-15 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .lg\:py-25 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 25);
    }
  }
  .lg\:py-37\.5 {
    @media (width >= 62rem) {
      padding-block: calc(var(--spacing) * 37.5);
    }
  }
  .lg\:pt-0 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:pt-1 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .lg\:pt-12 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:pt-14 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .lg\:pt-15 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 15);
    }
  }
  .lg\:pt-20 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-25 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .lg\:pt-30 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .lg\:pt-35 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 35);
    }
  }
  .lg\:pt-39 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 39);
    }
  }
  .lg\:pt-40 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:pt-42\.5 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 42.5);
    }
  }
  .lg\:pt-44 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 44);
    }
  }
  .lg\:pt-45 {
    @media (width >= 62rem) {
      padding-top: calc(var(--spacing) * 45);
    }
  }
  .lg\:pr-3 {
    @media (width >= 62rem) {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .lg\:pr-5 {
    @media (width >= 62rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .lg\:pr-8 {
    @media (width >= 62rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .lg\:pr-10 {
    @media (width >= 62rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .lg\:pr-30 {
    @media (width >= 62rem) {
      padding-right: calc(var(--spacing) * 30);
    }
  }
  .lg\:pb-0 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-3 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .lg\:pb-4 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:pb-5\.5 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 5.5);
    }
  }
  .lg\:pb-8 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:pb-12 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:pb-14 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:pb-18 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 18);
    }
  }
  .lg\:pb-20 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:pb-22\.5 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 22.5);
    }
  }
  .lg\:pb-23 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 23);
    }
  }
  .lg\:pb-25 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 25);
    }
  }
  .lg\:pb-26 {
    @media (width >= 62rem) {
      padding-bottom: calc(var(--spacing) * 26);
    }
  }
  .lg\:pl-3 {
    @media (width >= 62rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .lg\:pl-12 {
    @media (width >= 62rem) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .lg\:pl-18 {
    @media (width >= 62rem) {
      padding-left: calc(var(--spacing) * 18);
    }
  }
  .lg\:text-end {
    @media (width >= 62rem) {
      text-align: end;
    }
  }
  .lg\:text-left {
    @media (width >= 62rem) {
      text-align: left;
    }
  }
  .lg\:text-54px\/18 {
    @media (width >= 62rem) {
      font-size: var(--text-54px);
      line-height: calc(var(--spacing) * 18);
    }
  }
  .lg\:text-base {
    @media (width >= 62rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-14px {
    @media (width >= 62rem) {
      font-size: var(--text-14px);
    }
  }
  .lg\:text-15px {
    @media (width >= 62rem) {
      font-size: var(--text-15px);
    }
  }
  .lg\:text-17px {
    @media (width >= 62rem) {
      font-size: var(--text-17px);
    }
  }
  .lg\:text-18px {
    @media (width >= 62rem) {
      font-size: var(--text-18px);
    }
  }
  .lg\:text-19px {
    @media (width >= 62rem) {
      font-size: var(--text-19px);
    }
  }
  .lg\:text-20px {
    @media (width >= 62rem) {
      font-size: var(--text-20px);
    }
  }
  .lg\:text-21px {
    @media (width >= 62rem) {
      font-size: var(--text-21px);
    }
  }
  .lg\:text-22px {
    @media (width >= 62rem) {
      font-size: var(--text-22px);
    }
  }
  .lg\:text-23px {
    @media (width >= 62rem) {
      font-size: var(--text-23px);
    }
  }
  .lg\:text-24px {
    @media (width >= 62rem) {
      font-size: var(--text-24px);
    }
  }
  .lg\:text-25px {
    @media (width >= 62rem) {
      font-size: var(--text-25px);
    }
  }
  .lg\:text-26px {
    @media (width >= 62rem) {
      font-size: var(--text-26px);
    }
  }
  .lg\:text-27px {
    @media (width >= 62rem) {
      font-size: var(--text-27px);
    }
  }
  .lg\:text-28px {
    @media (width >= 62rem) {
      font-size: var(--text-28px);
    }
  }
  .lg\:text-30px {
    @media (width >= 62rem) {
      font-size: var(--text-30px);
    }
  }
  .lg\:text-32px {
    @media (width >= 62rem) {
      font-size: var(--text-32px);
    }
  }
  .lg\:text-34px {
    @media (width >= 62rem) {
      font-size: var(--text-34px);
    }
  }
  .lg\:text-36px {
    @media (width >= 62rem) {
      font-size: var(--text-36px);
    }
  }
  .lg\:text-40px {
    @media (width >= 62rem) {
      font-size: var(--text-40px);
    }
  }
  .lg\:text-44px {
    @media (width >= 62rem) {
      font-size: var(--text-44px);
    }
  }
  .lg\:text-46px {
    @media (width >= 62rem) {
      font-size: var(--text-46px);
    }
  }
  .lg\:text-48px {
    @media (width >= 62rem) {
      font-size: var(--text-48px);
    }
  }
  .lg\:text-50px {
    @media (width >= 62rem) {
      font-size: var(--text-50px);
    }
  }
  .lg\:text-52px {
    @media (width >= 62rem) {
      font-size: var(--text-52px);
    }
  }
  .lg\:text-54px {
    @media (width >= 62rem) {
      font-size: var(--text-54px);
    }
  }
  .lg\:text-56px {
    @media (width >= 62rem) {
      font-size: var(--text-56px);
    }
  }
  .lg\:text-58px {
    @media (width >= 62rem) {
      font-size: var(--text-58px);
    }
  }
  .lg\:text-60px {
    @media (width >= 62rem) {
      font-size: var(--text-60px);
    }
  }
  .lg\:text-62px {
    @media (width >= 62rem) {
      font-size: var(--text-62px);
    }
  }
  .lg\:text-64px {
    @media (width >= 62rem) {
      font-size: var(--text-64px);
    }
  }
  .lg\:text-82px {
    @media (width >= 62rem) {
      font-size: var(--text-82px);
    }
  }
  .lg\:text-\[15\.5px\] {
    @media (width >= 62rem) {
      font-size: 15.5px;
    }
  }
  .lg\:leading-tight {
    @media (width >= 62rem) {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
  }
  .lg\:max-xl\:mt-2\.5 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        margin-top: calc(var(--spacing) * 2.5);
      }
    }
  }
  .lg\:max-xl\:mt-4 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        margin-top: calc(var(--spacing) * 4);
      }
    }
  }
  .lg\:max-xl\:mt-5 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        margin-top: calc(var(--spacing) * 5);
      }
    }
  }
  .lg\:max-xl\:mb-3 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        margin-bottom: calc(var(--spacing) * 3);
      }
    }
  }
  .lg\:max-xl\:mb-5 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        margin-bottom: calc(var(--spacing) * 5);
      }
    }
  }
  .lg\:max-xl\:mb-6 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        margin-bottom: calc(var(--spacing) * 6);
      }
    }
  }
  .lg\:max-xl\:ml-5 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        margin-left: calc(var(--spacing) * 5);
      }
    }
  }
  .lg\:max-xl\:h-13 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        height: calc(var(--spacing) * 13);
      }
    }
  }
  .lg\:max-xl\:h-14 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        height: calc(var(--spacing) * 14);
      }
    }
  }
  .lg\:max-xl\:h-47 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        height: calc(var(--spacing) * 47);
      }
    }
  }
  .lg\:max-xl\:max-h-12 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        max-height: calc(var(--spacing) * 12);
      }
    }
  }
  .lg\:max-xl\:max-h-14\.5 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        max-height: calc(var(--spacing) * 14.5);
      }
    }
  }
  .lg\:max-xl\:max-h-20 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        max-height: calc(var(--spacing) * 20);
      }
    }
  }
  .lg\:max-xl\:max-h-26 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        max-height: calc(var(--spacing) * 26);
      }
    }
  }
  .lg\:max-xl\:gap-x-2 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        column-gap: calc(var(--spacing) * 2);
      }
    }
  }
  .lg\:max-xl\:px-4 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        padding-inline: calc(var(--spacing) * 4);
      }
    }
  }
  .lg\:max-xl\:py-4 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        padding-block: calc(var(--spacing) * 4);
      }
    }
  }
  .lg\:max-xl\:py-5\.5 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        padding-block: calc(var(--spacing) * 5.5);
      }
    }
  }
  .lg\:max-xl\:py-9 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        padding-block: calc(var(--spacing) * 9);
      }
    }
  }
  .lg\:max-xl\:pr-4 {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        padding-right: calc(var(--spacing) * 4);
      }
    }
  }
  .lg\:max-xl\:text-base {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
  }
  .lg\:max-xl\:text-17px {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        font-size: var(--text-17px);
      }
    }
  }
  .lg\:max-xl\:text-18px {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        font-size: var(--text-18px);
      }
    }
  }
  .lg\:max-xl\:text-22px {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        font-size: var(--text-22px);
      }
    }
  }
  .lg\:max-xl\:text-28px {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        font-size: var(--text-28px);
      }
    }
  }
  .lg\:max-xl\:text-50px {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        font-size: var(--text-50px);
      }
    }
  }
  .lg\:max-xl\:text-54px {
    @media (width >= 62rem) {
      @media (width < 75rem) {
        font-size: var(--text-54px);
      }
    }
  }
  .xl\:top-0 {
    @media (width >= 75rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .xl\:top-0\.5 {
    @media (width >= 75rem) {
      top: calc(var(--spacing) * 0.5);
    }
  }
  .xl\:top-1\.25 {
    @media (width >= 75rem) {
      top: calc(var(--spacing) * 1.25);
    }
  }
  .xl\:top-2 {
    @media (width >= 75rem) {
      top: calc(var(--spacing) * 2);
    }
  }
  .xl\:top-10 {
    @media (width >= 75rem) {
      top: calc(var(--spacing) * 10);
    }
  }
  .xl\:top-\[8\%\] {
    @media (width >= 75rem) {
      top: 8%;
    }
  }
  .xl\:right-12 {
    @media (width >= 75rem) {
      right: calc(var(--spacing) * 12);
    }
  }
  .xl\:left-0\.5 {
    @media (width >= 75rem) {
      left: calc(var(--spacing) * 0.5);
    }
  }
  .xl\:left-7 {
    @media (width >= 75rem) {
      left: calc(var(--spacing) * 7);
    }
  }
  .xl\:left-10 {
    @media (width >= 75rem) {
      left: calc(var(--spacing) * 10);
    }
  }
  .xl\:left-12 {
    @media (width >= 75rem) {
      left: calc(var(--spacing) * 12);
    }
  }
  .xl\:col-span-4 {
    @media (width >= 75rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-5 {
    @media (width >= 75rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xl\:col-span-6 {
    @media (width >= 75rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:col-span-7 {
    @media (width >= 75rem) {
      grid-column: span 7 / span 7;
    }
  }
  .xl\:col-span-8 {
    @media (width >= 75rem) {
      grid-column: span 8 / span 8;
    }
  }
  .xl\:col-start-8 {
    @media (width >= 75rem) {
      grid-column-start: 8;
    }
  }
  .xl\:mx-0\.5 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 0.5);
    }
  }
  .xl\:mx-3 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 3);
    }
  }
  .xl\:mx-3\.5 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 3.5);
    }
  }
  .xl\:mx-4\.5 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:mx-5 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 5);
    }
  }
  .xl\:mx-10 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:mx-20 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:mx-24 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 24);
    }
  }
  .xl\:mx-25 {
    @media (width >= 75rem) {
      margin-inline: calc(var(--spacing) * 25);
    }
  }
  .xl\:mx-\[10\%\] {
    @media (width >= 75rem) {
      margin-inline: 10%;
    }
  }
  .xl\:-mt-10 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * -10);
    }
  }
  .xl\:mt-2 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .xl\:mt-2\.5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:mt-3 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .xl\:mt-3\.5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 3.5);
    }
  }
  .xl\:mt-4 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .xl\:mt-4\.5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:mt-5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .xl\:mt-5\.5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 5.5);
    }
  }
  .xl\:mt-6 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .xl\:mt-6\.5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 6.5);
    }
  }
  .xl\:mt-7 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 7);
    }
  }
  .xl\:mt-7\.5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 7.5);
    }
  }
  .xl\:mt-8 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .xl\:mt-9 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 9);
    }
  }
  .xl\:mt-10 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .xl\:mt-13 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 13);
    }
  }
  .xl\:mt-15 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .xl\:mt-16 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .xl\:mt-17\.5 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 17.5);
    }
  }
  .xl\:mt-18 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 18);
    }
  }
  .xl\:mt-20 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:mt-22 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 22);
    }
  }
  .xl\:mt-25 {
    @media (width >= 75rem) {
      margin-top: calc(var(--spacing) * 25);
    }
  }
  .xl\:mt-px {
    @media (width >= 75rem) {
      margin-top: 1px;
    }
  }
  .xl\:-mr-140 {
    @media (width >= 75rem) {
      margin-right: calc(var(--spacing) * -140);
    }
  }
  .xl\:mr-4 {
    @media (width >= 75rem) {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .xl\:mr-5 {
    @media (width >= 75rem) {
      margin-right: calc(var(--spacing) * 5);
    }
  }
  .xl\:mr-12 {
    @media (width >= 75rem) {
      margin-right: calc(var(--spacing) * 12);
    }
  }
  .xl\:mr-14 {
    @media (width >= 75rem) {
      margin-right: calc(var(--spacing) * 14);
    }
  }
  .xl\:-mb-10 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * -10);
    }
  }
  .xl\:-mb-18 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * -18);
    }
  }
  .xl\:-mb-25 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * -25);
    }
  }
  .xl\:-mb-28 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * -28);
    }
  }
  .xl\:-mb-32 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * -32);
    }
  }
  .xl\:-mb-40 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * -40);
    }
  }
  .xl\:mb-2 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .xl\:mb-4\.5 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:mb-5 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .xl\:mb-6\.5 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 6.5);
    }
  }
  .xl\:mb-8 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .xl\:mb-9 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .xl\:mb-9\.5 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 9.5);
    }
  }
  .xl\:mb-10 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:mb-11 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 11);
    }
  }
  .xl\:mb-12 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .xl\:mb-12\.5 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 12.5);
    }
  }
  .xl\:mb-13 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 13);
    }
  }
  .xl\:mb-14 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .xl\:mb-15 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .xl\:mb-16 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .xl\:mb-18 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 18);
    }
  }
  .xl\:mb-20 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:mb-25 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 25);
    }
  }
  .xl\:mb-32 {
    @media (width >= 75rem) {
      margin-bottom: calc(var(--spacing) * 32);
    }
  }
  .xl\:ml-2 {
    @media (width >= 75rem) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .xl\:ml-5 {
    @media (width >= 75rem) {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  .xl\:ml-6 {
    @media (width >= 75rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .xl\:ml-7 {
    @media (width >= 75rem) {
      margin-left: calc(var(--spacing) * 7);
    }
  }
  .xl\:ml-9 {
    @media (width >= 75rem) {
      margin-left: calc(var(--spacing) * 9);
    }
  }
  .xl\:ml-10 {
    @media (width >= 75rem) {
      margin-left: calc(var(--spacing) * 10);
    }
  }
  .xl\:ml-15 {
    @media (width >= 75rem) {
      margin-left: calc(var(--spacing) * 15);
    }
  }
  .xl\:flex {
    @media (width >= 75rem) {
      display: flex;
    }
  }
  .xl\:size-16 {
    @media (width >= 75rem) {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }
  }
  .xl\:size-24 {
    @media (width >= 75rem) {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }
  .xl\:h-14 {
    @media (width >= 75rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .xl\:h-15 {
    @media (width >= 75rem) {
      height: calc(var(--spacing) * 15);
    }
  }
  .xl\:h-150 {
    @media (width >= 75rem) {
      height: calc(var(--spacing) * 150);
    }
  }
  .xl\:h-168 {
    @media (width >= 75rem) {
      height: calc(var(--spacing) * 168);
    }
  }
  .xl\:max-h-6 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 6);
    }
  }
  .xl\:max-h-7\.5 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 7.5);
    }
  }
  .xl\:max-h-8 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 8);
    }
  }
  .xl\:max-h-8\.5 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 8.5);
    }
  }
  .xl\:max-h-10 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 10);
    }
  }
  .xl\:max-h-11 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 11);
    }
  }
  .xl\:max-h-12\.5 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 12.5);
    }
  }
  .xl\:max-h-14 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 14);
    }
  }
  .xl\:max-h-17 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 17);
    }
  }
  .xl\:max-h-28 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 28);
    }
  }
  .xl\:max-h-29 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 29);
    }
  }
  .xl\:max-h-65 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 65);
    }
  }
  .xl\:max-h-85 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 85);
    }
  }
  .xl\:max-h-120 {
    @media (width >= 75rem) {
      max-height: calc(var(--spacing) * 120);
    }
  }
  .xl\:w-150 {
    @media (width >= 75rem) {
      width: calc(var(--spacing) * 150);
    }
  }
  .xl\:max-w-160 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 160);
    }
  }
  .xl\:max-w-165 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 165);
    }
  }
  .xl\:max-w-170 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 170);
    }
  }
  .xl\:max-w-185 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 185);
    }
  }
  .xl\:max-w-190 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 190);
    }
  }
  .xl\:max-w-200 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 200);
    }
  }
  .xl\:max-w-205 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 205);
    }
  }
  .xl\:max-w-210 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 210);
    }
  }
  .xl\:max-w-215 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 215);
    }
  }
  .xl\:max-w-220 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 220);
    }
  }
  .xl\:max-w-225 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 225);
    }
  }
  .xl\:max-w-230 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 230);
    }
  }
  .xl\:max-w-235 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 235);
    }
  }
  .xl\:max-w-245 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 245);
    }
  }
  .xl\:max-w-250 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 250);
    }
  }
  .xl\:max-w-255 {
    @media (width >= 75rem) {
      max-width: calc(var(--spacing) * 255);
    }
  }
  .xl\:max-w-\[210\%\] {
    @media (width >= 75rem) {
      max-width: 210%;
    }
  }
  .xl\:max-w-\[220\%\] {
    @media (width >= 75rem) {
      max-width: 220%;
    }
  }
  .xl\:max-w-\[240\%\] {
    @media (width >= 75rem) {
      max-width: 240%;
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 75rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:gap-6 {
    @media (width >= 75rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .xl\:gap-7 {
    @media (width >= 75rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .xl\:gap-8 {
    @media (width >= 75rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:gap-10 {
    @media (width >= 75rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:gap-x-5 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .xl\:gap-x-6 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .xl\:gap-x-7 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .xl\:gap-x-8 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:gap-x-9 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 9);
    }
  }
  .xl\:gap-x-10 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:gap-x-12 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 12);
    }
  }
  .xl\:gap-x-14 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 14);
    }
  }
  .xl\:gap-x-16 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 16);
    }
  }
  .xl\:gap-x-17\.5 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 17.5);
    }
  }
  .xl\:gap-x-20 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 20);
    }
  }
  .xl\:gap-x-25 {
    @media (width >= 75rem) {
      column-gap: calc(var(--spacing) * 25);
    }
  }
  .xl\:gap-y-10 {
    @media (width >= 75rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:gap-y-12 {
    @media (width >= 75rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .xl\:p-1\.5 {
    @media (width >= 75rem) {
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .xl\:p-8 {
    @media (width >= 75rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .xl\:p-9 {
    @media (width >= 75rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .xl\:p-12 {
    @media (width >= 75rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .xl\:p-13 {
    @media (width >= 75rem) {
      padding: calc(var(--spacing) * 13);
    }
  }
  .xl\:px-2 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .xl\:px-2\.5 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:px-4 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .xl\:px-5 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .xl\:px-5\! {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 5) !important;
    }
  }
  .xl\:px-6 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .xl\:px-6\.5 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 6.5);
    }
  }
  .xl\:px-7 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .xl\:px-7\.5 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 7.5);
    }
  }
  .xl\:px-8 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .xl\:px-9 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 9);
    }
  }
  .xl\:px-10 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:px-12 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .xl\:px-14 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .xl\:px-15 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .xl\:px-16 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  .xl\:px-20 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .xl\:px-23 {
    @media (width >= 75rem) {
      padding-inline: calc(var(--spacing) * 23);
    }
  }
  .xl\:py-3 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .xl\:py-4 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .xl\:py-4\.5 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 4.5);
    }
  }
  .xl\:py-9 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 9);
    }
  }
  .xl\:py-10 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .xl\:py-11 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 11);
    }
  }
  .xl\:py-12 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .xl\:py-13 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 13);
    }
  }
  .xl\:py-15 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .xl\:py-17\.5 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 17.5);
    }
  }
  .xl\:py-25 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 25);
    }
  }
  .xl\:py-27\.5 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 27.5);
    }
  }
  .xl\:py-30 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 30);
    }
  }
  .xl\:py-40 {
    @media (width >= 75rem) {
      padding-block: calc(var(--spacing) * 40);
    }
  }
  .xl\:pt-1\.25 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 1.25);
    }
  }
  .xl\:pt-5\.5 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 5.5);
    }
  }
  .xl\:pt-8 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .xl\:pt-9 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 9);
    }
  }
  .xl\:pt-10 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .xl\:pt-15 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 15);
    }
  }
  .xl\:pt-17\.5 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 17.5);
    }
  }
  .xl\:pt-18 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 18);
    }
  }
  .xl\:pt-25 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .xl\:pt-27\.5 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 27.5);
    }
  }
  .xl\:pt-30 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .xl\:pt-35 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 35);
    }
  }
  .xl\:pt-38 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 38);
    }
  }
  .xl\:pt-40 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .xl\:pt-42 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 42);
    }
  }
  .xl\:pt-42\.5 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 42.5);
    }
  }
  .xl\:pt-44 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 44);
    }
  }
  .xl\:pt-48 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .xl\:pt-50 {
    @media (width >= 75rem) {
      padding-top: calc(var(--spacing) * 50);
    }
  }
  .xl\:pr-4 {
    @media (width >= 75rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .xl\:pr-5 {
    @media (width >= 75rem) {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  .xl\:pr-8 {
    @media (width >= 75rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .xl\:pr-9 {
    @media (width >= 75rem) {
      padding-right: calc(var(--spacing) * 9);
    }
  }
  .xl\:pr-10 {
    @media (width >= 75rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .xl\:pr-12 {
    @media (width >= 75rem) {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  .xl\:pr-35 {
    @media (width >= 75rem) {
      padding-right: calc(var(--spacing) * 35);
    }
  }
  .xl\:pb-2 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .xl\:pb-2\.5 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .xl\:pb-5 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .xl\:pb-5\.5 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 5.5);
    }
  }
  .xl\:pb-6 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .xl\:pb-7 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 7);
    }
  }
  .xl\:pb-9 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 9);
    }
  }
  .xl\:pb-10 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:pb-13 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 13);
    }
  }
  .xl\:pb-15 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 15);
    }
  }
  .xl\:pb-20 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-22\.5 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 22.5);
    }
  }
  .xl\:pb-25 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 25);
    }
  }
  .xl\:pb-27\.5 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 27.5);
    }
  }
  .xl\:pb-28 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .xl\:pb-30 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .xl\:pb-32 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  .xl\:pb-34 {
    @media (width >= 75rem) {
      padding-bottom: calc(var(--spacing) * 34);
    }
  }
  .xl\:pl-1 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 1);
    }
  }
  .xl\:pl-4 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .xl\:pl-7 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .xl\:pl-9 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 9);
    }
  }
  .xl\:pl-10 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .xl\:pl-14 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .xl\:pl-16 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .xl\:pl-20 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .xl\:pl-35 {
    @media (width >= 75rem) {
      padding-left: calc(var(--spacing) * 35);
    }
  }
  .xl\:text-left {
    @media (width >= 75rem) {
      text-align: left;
    }
  }
  .xl\:text-60px\/19 {
    @media (width >= 75rem) {
      font-size: var(--text-60px);
      line-height: calc(var(--spacing) * 19);
    }
  }
  .xl\:text-17px {
    @media (width >= 75rem) {
      font-size: var(--text-17px);
    }
  }
  .xl\:text-17px\! {
    @media (width >= 75rem) {
      font-size: var(--text-17px) !important;
    }
  }
  .xl\:text-18px {
    @media (width >= 75rem) {
      font-size: var(--text-18px);
    }
  }
  .xl\:text-19px {
    @media (width >= 75rem) {
      font-size: var(--text-19px);
    }
  }
  .xl\:text-20px {
    @media (width >= 75rem) {
      font-size: var(--text-20px);
    }
  }
  .xl\:text-21px {
    @media (width >= 75rem) {
      font-size: var(--text-21px);
    }
  }
  .xl\:text-22px {
    @media (width >= 75rem) {
      font-size: var(--text-22px);
    }
  }
  .xl\:text-23px {
    @media (width >= 75rem) {
      font-size: var(--text-23px);
    }
  }
  .xl\:text-24px {
    @media (width >= 75rem) {
      font-size: var(--text-24px);
    }
  }
  .xl\:text-25px {
    @media (width >= 75rem) {
      font-size: var(--text-25px);
    }
  }
  .xl\:text-26px {
    @media (width >= 75rem) {
      font-size: var(--text-26px);
    }
  }
  .xl\:text-27px {
    @media (width >= 75rem) {
      font-size: var(--text-27px);
    }
  }
  .xl\:text-28px {
    @media (width >= 75rem) {
      font-size: var(--text-28px);
    }
  }
  .xl\:text-29px {
    @media (width >= 75rem) {
      font-size: var(--text-29px);
    }
  }
  .xl\:text-30px {
    @media (width >= 75rem) {
      font-size: var(--text-30px);
    }
  }
  .xl\:text-34px {
    @media (width >= 75rem) {
      font-size: var(--text-34px);
    }
  }
  .xl\:text-38px {
    @media (width >= 75rem) {
      font-size: var(--text-38px);
    }
  }
  .xl\:text-40px {
    @media (width >= 75rem) {
      font-size: var(--text-40px);
    }
  }
  .xl\:text-42px {
    @media (width >= 75rem) {
      font-size: var(--text-42px);
    }
  }
  .xl\:text-46px {
    @media (width >= 75rem) {
      font-size: var(--text-46px);
    }
  }
  .xl\:text-48px {
    @media (width >= 75rem) {
      font-size: var(--text-48px);
    }
  }
  .xl\:text-50px {
    @media (width >= 75rem) {
      font-size: var(--text-50px);
    }
  }
  .xl\:text-52px {
    @media (width >= 75rem) {
      font-size: var(--text-52px);
    }
  }
  .xl\:text-54px {
    @media (width >= 75rem) {
      font-size: var(--text-54px);
    }
  }
  .xl\:text-56px {
    @media (width >= 75rem) {
      font-size: var(--text-56px);
    }
  }
  .xl\:text-58px {
    @media (width >= 75rem) {
      font-size: var(--text-58px);
    }
  }
  .xl\:text-60px {
    @media (width >= 75rem) {
      font-size: var(--text-60px);
    }
  }
  .xl\:text-62px {
    @media (width >= 75rem) {
      font-size: var(--text-62px);
    }
  }
  .xl\:text-64px {
    @media (width >= 75rem) {
      font-size: var(--text-64px);
    }
  }
  .xl\:text-66px {
    @media (width >= 75rem) {
      font-size: var(--text-66px);
    }
  }
  .xl\:text-68px {
    @media (width >= 75rem) {
      font-size: var(--text-68px);
    }
  }
  .xl\:text-70px {
    @media (width >= 75rem) {
      font-size: var(--text-70px);
    }
  }
  .xl\:text-72px {
    @media (width >= 75rem) {
      font-size: var(--text-72px);
    }
  }
  .xl\:text-74px {
    @media (width >= 75rem) {
      font-size: var(--text-74px);
    }
  }
  .xl\:text-98px {
    @media (width >= 75rem) {
      font-size: var(--text-98px);
    }
  }
  .xl\:text-\[16\.5px\] {
    @media (width >= 75rem) {
      font-size: 16.5px;
    }
  }
  .xl\:leading-\[1\.2\] {
    @media (width >= 75rem) {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
  }
}
@layer components {
  html {
    scroll-behavior: smooth;
  }
  body.dark {
    background-color: var(--color-noir);
  }
  .transition-400ms {
    transition: all 0.4s ease-in-out;
  }
  hr.divider {
    width: 100%;
    height: 1px;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #999 64%, rgba(206, 211, 246, 0) 99%);
    opacity: .4;
    border: none;
    margin: 0;
  }
  .dark hr.divider {
    background-image: linear-gradient(90deg, rgba(122, 125, 147, 0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122, 125, 147, 0) 99%);
  }
  .hover-overlay {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  .hover-overlay img {
    overflow: hidden;
    transition: all 400ms ease-in-out;
  }
  .item-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 400ms ease-in-out;
  }
  .bg-01, .bg-02, .bg-03, .bg-04, .bg-05, .bg-06, .bg-07, .bg-08, .bg-09, .bg-10, .bg-fixed, .bg-scroll {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .bg-01 {
    background-image: url(../images/bg-01.jpg);
  }
  .bg-02 {
    background-image: url(../images/bg-02.jpg);
  }
  .bg-03 {
    background-image: url(../images/bg-03.jpg);
  }
  .bg-04 {
    background-image: url(../images/bg-04.jpg);
  }
  .bg-05 {
    background-image: url(../images/bg-05.jpg);
  }
  .bg-06 {
    background-image: url(../images/bg-06.jpg);
  }
  .bg-07 {
    background-image: url(../images/bg-07.jpg);
  }
  .bg-08 {
    background-image: url(../images/bg-08.jpg);
  }
  .bg-09 {
    background-image: url(../images/bg-09.jpg);
  }
  .bg-10 {
    background-image: url(../images/bg-10.jpg);
  }
  .pattern-01, .pattern-02, .pattern-03 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .pattern-01 {
    background-image: url(../images/pattern-01.png);
  }
  .pattern-02 {
    background-image: url(../images/pattern-02.png);
  }
  .pattern-03 {
    background-image: url(../images/pattern-03.png);
  }
  .gr-aliceblue {
    background-image: linear-gradient(180deg, #f1f6ff, #e8f1ff 30%, #e3edff 70%, #fff);
  }
  .gr-coal {
    background-image: linear-gradient(180deg, rgba(28, 32, 45, .5) 50%, rgba(28, 32, 45, .05) 100%);
  }
  .gr-ghost {
    background-image: linear-gradient(180deg, rgba(245, 246, 249, .95) 50%, rgba(245, 246, 249, .05) 100%);
  }
  .gr-lavender {
    background-image: linear-gradient(180deg, rgba(239, 237, 250, .9) 50%, rgba(239, 237, 250, .05) 100%);
  }
  .gr-platinum {
    background-image: linear-gradient(180deg, rgba(245, 247, 248, .95) 50%, rgba(245, 247, 248, .05) 100%);
  }
  .gr-whitesmoke {
    background-image: linear-gradient(180deg, rgba(244, 244, 251, .9) 40%, rgba(244, 244, 251, .05) 100%);
  }
  .bg-shape:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 55%;
    top: 45%;
    left: 0;
    z-index: -1;
  }
  h1, h2, h3, h4, h5, h6 {
    color: var(--color-heading);
    font-family: var(--font-main);
    font-weight: 600;
  }
  .dark :is(h1, h2, h3, h4, h5, h6), .text-white :is(h1, h2, h3, h4, h5, h6) {
    color: var(--color-white);
  }
  .page-content p {
    line-height: 1.7;
  }
  span.font-main {
    display: block;
    color: var(--color-heading);
    font-weight: 600;
  }
  .dark span.font-main {
    color: var(--color-white);
  }
  a {
    text-decoration: none;
    transition: all 350ms ease-in-out;
  }
  a:focus {
    outline: none;
    text-decoration: none;
  }
  .txt-block h1, .txt-block h2 {
    line-height: 1.25;
  }
  .btn {
    display: inline-block;
    text-align: center;
    overflow: hidden;
    font-size: 1.125rem;
    padding: 1rem 1.375rem;
    line-height: 1;
    font-weight: 600;
    border: 2px solid;
    transition: all 350ms ease-in-out;
  }
  .btn:focus {
    box-shadow: none;
  }
  .btn-tra-black {
    background-color: transparent;
    border-color: var(--color-black);
    color: var(--color-black);
  }
  .btn-black {
    background-color: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
  }
  .btn-denim {
    background-color: var(--color-denim);
    border-color: var(--color-denim);
    color: var(--color-white);
  }
  .btn-gray {
    background-color: var(--color-gray-100);
    border-color: var(--color-gray-100);
    color: var(--color-black);
  }
  .btn-tra-gray {
    background-color: transparent;
    border-color: var(--color-gray-400);
    color: var(--color-black);
  }
  .btn-green {
    background-color: var(--color-green-theme);
    border-color: var(--color-green-theme);
    color: var(--color-white);
  }
  .btn-tra-white {
    background-color: transparent;
    border-color: var(--color-white);
    color: var(--color-white);
  }
  .scroll .btn-tra-white {
    background-color: transparent;
    border-color: var(--color-black);
    color: var(--color-black);
  }
  .btn-white {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
  }
  .btn-blue {
    background-color: var(--color-blue-theme);
    border-color: var(--color-blue-theme);
    color: var(--color-white);
  }
  .btn-pink {
    background-color: var(--color-pink-theme);
    border-color: var(--color-pink-theme);
    color: var(--color-white);
  }
  .btn-plum {
    background-color: var(--color-plum-theme);
    border-color: var(--color-plum-theme);
    color: var(--color-white);
  }
  .btn-purple {
    background-color: var(--color-purple-theme);
    border-color: var(--color-purple-theme);
    color: var(--color-white);
  }
  .btn-skyblue {
    background-color: var(--color-skyblue-theme);
    border-color: var(--color-skyblue-theme);
    color: var(--color-white);
  }
  .hover\:btn-tra-black:hover {
    background-color: transparent;
    border-color: var(--color-black);
    color: var(--color-black);
  }
  .hover\:btn-black:hover {
    background-color: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
  }
  .hover\:btn-tra-white:hover {
    background-color: transparent;
    border-color: var(--color-white);
    color: var(--color-white);
  }
  .scroll .hover\:btn-tra-white:hover {
    border-color: var(--text-black);
    color: var(--text-black);
  }
  .hover\:btn-white:hover {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
  }
  .hover\:btn-blue:hover {
    background-color: var(--color-blue-theme);
    border-color: var(--color-blue-theme);
    color: var(--color-white);
  }
  .hover\:btn-denim:hover {
    background-color: var(--color-denim);
    border-color: var(--color-denim);
    color: var(--color-white);
  }
  .hover\:btn-green:hover {
    background-color: var(--color-green-theme);
    border-color: var(--color-green-theme);
    color: var(--color-white);
  }
  .hover\:btn-pink:hover {
    background-color: var(--color-pink-theme);
    border-color: var(--color-pink-theme);
    color: var(--color-white);
  }
  .hover\:btn-plum:hover {
    background-color: var(--color-plum-theme);
    border-color: var(--color-plum-theme);
    color: var(--color-white);
  }
  .hover\:btn-purple:hover {
    background-color: var(--color-purple-theme);
    border-color: var(--color-purple-theme);
    color: var(--color-white);
  }
  .hover\:btn-skyblue:hover {
    background-color: var(--color-skyblue-theme);
    border-color: var(--color-skyblue-theme);
    color: var(--color-white);
  }
  .video-btn {
    position: absolute !important;
    top: 50%;
    left: 50%;
    display: inline-block;
    text-align: center;
    color: var(--color-white);
    width: 7.5rem;
    height: 7.5rem;
    margin-top: -3.75rem;
    margin-left: -3.75rem;
    border-radius: 100%;
  }
  .video-block-wrapper {
    transition: all 400ms ease-in-out;
  }
  .video-btn span {
    font-size: 6rem;
    margin-left: 10px;
  }
  .video-btn:before {
    content: '';
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    background: rgba(255, 255, 255, .2);
    opacity: 0;
    border-radius: 50%;
    transition: all 400ms ease-in-out;
  }
  .video-btn:hover .video-block-wrapper {
    transform: scale(0.95);
  }
  .video-btn:hover:before {
    opacity: .75;
    left: -1.5rem;
    right: -1.5rem;
    top: -1.5rem;
    bottom: -1.5rem;
  }
  .section_title h2 {
    line-height: 1.3;
  }
  .section_badge {
    display: block;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 1.25px;
    text-transform: uppercase;
  }
  .badge-line:before {
    content: "";
    display: inline-block;
    opacity: .7;
    width: 22px;
    height: 2px;
    margin: 0px 5px 3px 0;
    vertical-align: middle;
  }
  .module_eyebrow {
    display: inline-block;
    line-height: 1;
    font-weight: 500;
    border-radius: 36px;
  }
  #loading-center {
    animation: loading-center-absolute 1s infinite;
  }
  .loader {
    animation: rotation 1s linear infinite;
  }
  .loading-blue .loader {
    border-color: transparent var(--color-blue-theme);
  }
  .loading-green .loader {
    border-color: transparent var(--color-green-theme);
  }
  .loading-pink .loader {
    border-color: transparent var(--color-pink-theme);
  }
  .loading-plum .loader {
    border-color: transparent var(--color-plum-theme);
  }
  .loading-purple .loader {
    border-color: transparent var(--color-purple-theme);
  }
  .loading-skyblue .loader {
    border-color: transparent var(--color-skyblue-theme);
  }
  .loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 50px solid;
    border-radius: 50%;
    transform: translate(-50%, -50%);
  }
  .loading-blue .loader::after {
    border-color: transparent rgba(27, 134, 250, .1);
  }
  .loading-green .loader::after {
    border-color: transparent rgba(84, 175, 72, .1);
  }
  .loading-pink .loader::after {
    border-color: transparent rgba(255, 78, 136, .1);
  }
  .loading-plum .loader::after {
    border-color: transparent rgba(222, 94, 153, .1);
  }
  .loading-purple .loader::after {
    border-color: transparent rgba(130, 104, 228, .1);
  }
  .loading-skyblue .loader::after {
    border-color: transparent rgba(0, 165, 254, .1);
  }
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .wsmenu>.wsmenu-list.hover-blue>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-blue>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-blue>li>.wsmegamenu.w-70 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.hover-blue>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
    color: var(--color-blue-theme) !important;
  }
  .wsmenu>.wsmenu-list.hover-coal>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-coal>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-coal>li>.wsmegamenu.w-70 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.hover-coal>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
    color: var(--color-black) !important;
  }
  .wsmenu>.wsmenu-list.hover-green>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-green>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-green>li>.wsmegamenu.w-70 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.hover-green>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
    color: var(--color-green-theme) !important;
  }
  .wsmenu>.wsmenu-list.hover-pink>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-pink>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-pink>li>.wsmegamenu.w-70 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.hover-pink>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
    color: var(--color-pink-theme) !important;
  }
  .wsmenu>.wsmenu-list.hover-plum>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-plum>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-plum>li>.wsmegamenu.w-70 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.hover-plum>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
    color: var(--color-plum-theme) !important;
  }
  .wsmenu>.wsmenu-list.hover-purple>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-purple>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-purple>li>.wsmegamenu.w-70 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.hover-purple>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
    color: var(--color-purple-theme) !important;
  }
  .wsmenu>.wsmenu-list.hover-skyblue>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-skyblue>li>ul.sub-menu>li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list.hover-skyblue>li>.wsmegamenu.w-70 ul.link-list>li>a:hover, .wsmenu>.wsmenu-list.hover-skyblue>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover {
    color: var(--color-skyblue-theme) !important;
  }
  .slideshow .slide {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .slideshow .slide.is-active {
    display: block;
  }
  .slideshow .slide.is-loaded {
    opacity: 1;
  }
  .hero-2 {
    background-image: url(../images/hero-2.jpg);
  }
  .hero-3 {
    background-image: url(../images/hero-3.jpg);
  }
  .dark .hero-3 {
    background-image: url(../images/hero-3d.jpg);
  }
  .hero-4 {
    background-image: url(../images/hero-4.jpg);
  }
  .hero-5 {
    background-image: url(../images/hero-5.jpg);
  }
  .dark .hero-5 {
    background-image: url(../images/hero-5d.jpg);
  }
  .hero-6 {
    background-image: url(../images/hero-6.jpg);
  }
  .hero-7 {
    background-image: url(../images/hero-7.jpg);
  }
  .hero-8-wrapper {
    background-image: url(../images/hero-8.jpg);
  }
  .dark .hero-8-wrapper {
    background-image: url(../images/hero-8d.jpg);
  }
  .hero-9 {
    background-image: url(../images/hero-9.jpg);
  }
  .hero-10 {
    background-image: url(../images/hero-10.jpg);
  }
  .hero-11 {
    background-image: url(../images/hero-11.jpg);
  }
  .dark .hero-11 {
    background-image: url(../images/hero-11d.jpg);
  }
  .hero-12 {
    background-image: url(../images/hero-12.jpg);
  }
  .hero-13-img {
    background-image: url(../images/hero-13-img.jpg);
  }
  .hero-14 {
    background-image: url(../images/hero-14.jpg);
  }
  .hero-15 {
    background-image: url(../images/hero-15.jpg);
  }
  .hero-3:after, .hero-15:after {
    position: absolute;
    content: '';
    z-index: 1;
    width: 100%;
    height: 35%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, 1) 100%);
  }
  .dark .hero-3:after, .dark .hero-15:after {
    background-image: linear-gradient(to bottom, rgba(22, 24, 33, .02) 0, rgba(22,24, 33, 1) 100%);
  }
  .dark .hero-3, .dark .hero-15 {
    background-image: url(../images/hero-15d.jpg);
  }
  .dark .hero-15:after {
    background-image: linear-gradient(to bottom, rgba(22, 24, 33, .02) 0, rgba(22, 24, 33, 1) 100%);
  }
  .hero-16 {
    background-image: url(../images/hero-16.jpg);
  }
  .dark .hero-16 {
    background-image: url(../images/hero-16d.jpg);
  }
  .hero-17 {
    background-image: url(../images/hero-17.jpg);
  }
  .hero-18 {
    background-image: url(../images/hero-18.jpg);
  }
  .dark .hero-18 {
    background-image: url(../images/hero-18d.jpg);
  }
  .hero-19 {
    background-image: url(../images/hero-19.jpg);
  }
  .dark .hero-19 {
    background-image: url(../images/hero-19d.jpg);
  }
  .hero-20 {
    background-image: url(../images/hero-20.jpg);
  }
  .hero-21 {
    background-image: url(../images/hero-21.jpg);
  }
  .dark .hero-21 {
    background-image: url(../images/hero-21d.jpg);
  }
  .hero-22 {
    background-image: url(../images/hero-22.jpg);
  }
  .hero-23-img {
    background-image: url(../images/hero-23.jpg);
  }
  .dark .hero-23-img {
    background-image: url(../images/hero-23d.jpg);
  }
  .hero-24 {
    background-image: url(../images/hero-24.jpg);
  }
  #hero p {
    line-height: 1.7;
  }
  .hero-form .form-control:focus {
    outline: 0;
    box-shadow: none;
  }
  .txt-accordion .accordion-thumb {
    position: relative;
    cursor: pointer;
  }
  .txt-accordion .accordion-thumb:after, .txt-accordion .is-active .accordion-thumb:after {
    text-align: center;
    font-family: Flaticon;
    width: 32px;
    height: 32px;
    background-color: var(--color-whitesmoke);
    color: var(--color-heading);
    font-size: 0.85rem;
    line-height: 32px;
    border-radius: 100%;
    content: "\f139";
    position: absolute;
    top: 19px;
    left: 0;
    transition: all 200ms ease-in-out;
  }
  .faqs-1 .faqs-accordion .accordion-thumb:after, .faqs-1 .faqs-accordion .is-active .accordion-thumb:after {
    top: 27px;
  }
  .dark .txt-accordion .accordion-thumb:after, .dark .txt-accordion .is-active .accordion-thumb:after {
    background-color: var(--color-nero);
    color: var(--color-silver);
  }
  .txt-accordion .is-active .accordion-thumb:after {
    transform: rotate(45deg);
  }
  .tools-wrapper .js-marquee {
    margin-right: 10px !important;
  }
  .carousel_fade {
    background-image: linear-gradient(90deg, rgba(244, 244, 249, 1) 40%, rgba(244, 244, 249, .18) 100%);
    width: 10%;
    height: 100%;
    position: absolute;
    inset: 0% auto 0% 0%;
  }
  .carousel_fade.is-right {
    background-image: linear-gradient(270deg, rgba(244, 244, 249, 1) 40%, rgba(244, 244, 249, .18) 100%);
    inset: 0% 0% 0% auto;
  }
  .carousel_fade.white_fade {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .18) 100%);
  }
  .carousel_fade.whitsmoke_fade {
    background-image: linear-gradient(90deg, rgba(247, 247, 249, 1) 40%, rgba(247, 247, 249, .18) 100%);
  }
  .carousel_fade.is-right.white_fade {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .18) 100%);
  }
  .carousel_fade.is-right.whitsmoke_fade {
    background-image: linear-gradient(270deg, rgba(247, 247, 249, 1) 40%, rgba(247, 247, 249, .18) 100%);
  }
  .dark .carousel_fade.dark_fade {
    background-image: linear-gradient(90deg, rgba(22, 24, 33, 1) 40%, rgba(22, 24, 33, .18) 100%);
  }
  .dark .carousel_fade.is-right.dark_fade {
    background-image: linear-gradient(270deg, rgba(22, 24, 33, 1) 40%, rgba(22, 24, 33, .18) 100%);
  }
  .dark .carousel_fade {
    background-image: linear-gradient(90deg, rgba(25, 28, 40, 1) 40%, rgba(25, 28, 40, .18) 100%);
  }
  .dark .carousel_fade.is-right {
    background-image: linear-gradient(270deg, rgba(25, 28, 40, 1) 40%, rgba(25, 28, 40, .18) 100%);
  }
  .reviews-1-wrapper:after {
    position: absolute;
    content: '';
    width: 86%;
    height: 100%;
    top: 0;
    left: 7%;
    z-index: -1;
  }
  .review-author p {
    line-height: 1 !important;
    font-weight: 600;
  }
  .owl-carousel .owl-item img {
    width: auto !important;
  }
  .txt-highlight {
    font-weight: 500;
    display: inline;
    padding: 2px 4px;
  }
  .project-link {
    width: 100%;
    position: absolute;
    bottom: 36%;
    transform: translateY(-50%);
    opacity: 0;
    text-align: center;
    transition: all 400ms ease-in-out;
  }
  .project-preview .item-overlay {
    background: rgba(20, 20, 20, .45);
  }
  .project-preview:hover img {
    transform: scale(1.1);
  }
  .project-preview:hover .project-link {
    bottom: 40%;
    opacity: 1;
    -moz-opacity: 1;
  }
  .project-preview:hover .item-overlay {
    opacity: 1;
    -moz-opacity: 1;
  }
  .filter-btns button {
    background-color: transparent;
    line-height: 1;
    font-weight: 600;
    border-bottom: 2.5px solid transparent;
    cursor: pointer;
    outline: 0px none;
    transition: all 400ms ease-in-out;
  }
  .filter-btns button:hover {
    color: var(--color-heading);
    border-color: var(--color-heading);
  }
  .dark .filter-btns button:hover {
    color: var(--color-white);
    border-color: var(--color-white);
  }
  .filter-btns button.is-checked {
    color: var(--color-blue-theme);
    cursor: default;
    border-color: var(--color-blue-theme);
    outline: 0px none;
  }
  .pr-tag {
    opacity: 0;
    top: -15%;
    left: 35px;
    transition: all 400ms ease-in-out;
  }
  .pr-desc {
    opacity: 0;
    background: -webkit-linear-gradient(top, rgba(25, 25, 25, 0), rgba(25, 25, 25, .8));
    background: linear-gradient(top, rgba(25, 25, 25, 0), rgba(25, 25, 25, .8));
    padding: 130px 65px 32px 25px;
    transition: all 450ms ease-in-out;
  }
  .pr-data-txt {
    opacity: 0;
    bottom: 45px;
    left: -15%;
    transition: all 450ms ease-in-out;
  }
  .pr-source {
    bottom: 35px;
    right: -15%;
    transition: all 450ms ease-in-out;
  }
  .filter-item .item-overlay {
    background: rgba(20, 20, 20, .2);
  }
  .projects-1 .filter-item:hover img {
    transform: scale(1.1);
  }
  .filter-item:hover .item-overlay, .filter-item:hover .pr-source, .filter-item:hover .pr-tag, .filter-item:hover .pr-data-txt, .filter-item:hover .pr-desc {
    opacity: 1;
    -moz-opacity: 1;
  }
  .filter-item:hover .pr-tag {
    top: 25px;
  }
  .filter-item:hover .pr-data-txt {
    left: 40px;
  }
  .filter-item:hover .pr-source {
    right: 30px;
  }
  .price span {
    font-family: var(--font-main);
    font-weight: 600;
    line-height: 1;
  }
  .price span.currency {
    position: relative;
    bottom: 5px;
  }
  .price span.periodicity {
    position: relative;
    bottom: 2px;
    font-weight: 400;
  }
  .highlight-badge span {
    font-weight: 500;
    line-height: 1;
  }
  .switcher {
    padding: 0 20px 0 40px;
    border-radius: 36px;
    transition: all 450ms ease-in-out;
  }
  .switcher:before {
    position: absolute;
    left: 5px;
    bottom: 4px;
    content: " ";
    background-color: var(--color-white);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: all 450ms ease-in-out;
  }
  .switch-wrap input:checked+.switcher {
    padding: 0 40px 0 20px;
  }
  .switch-wrap input:checked+.switcher:before {
    left: auto;
    right: 4px;
    transition: all 350ms ease-in-out;
  }
  .switcher .show-monthly, .switch-wrap input:checked+.switcher .show-annual {
    display: block;
  }
  .switch-wrap input, .switcher .show-annual, .switch-wrap input:checked+.switcher .show-monthly {
    display: none;
  }
  .comp-table thead th, .comp-table tbody th {
    font-family: var(--font-main);
    font-weight: 600;
  }
  .comp-table thead th {
    line-height: 1;
  }
  .comp-table tbody td {
    line-height: 1;
  }
  .newsletter-section .form-control {
    transition: all 400ms ease-in-out;
  }
  .newsletter-form .form-control:focus {
    outline: 0;
    box-shadow: none;
  }
  .newsletter-form .form-notification {
    color: #3eb1ff;
    font-weight: 400;
    line-height: 1;
  }
  .newsletter-form .form-notification.valid, .newsletter-form .form-notification.error {
    color: #fc2f4b;
  }
  .newsletter-form .newsletter-form.valid {
    color: #0fbc49;
  }
  .comment-form .form-control, .comment-form .form-select {
    display: block;
    width: 100%;
    box-shadow: 0 0 0 0;
    line-height: 1;
    font-weight: 400;
    border-radius: 6px;
    transition: all 450ms ease-in-out;
  }
  .comment-form .form-select {
    box-shadow: none;
    border-radius: 6px;
    appearance: none;
  }
  .comment-form .form-control:focus, .comment-form .form-select:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .comment-form .loading {
    color: #00b2e4;
  }
  .comment-form .error {
    display: block;
    color: #e74c3c;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 15px;
    padding-left: 10px;
  }
  .contacts-1 {
    background-image: url(../images/contact.jpg);
  }
  .dark .contacts-1 {
    background-image: url(../images/contact-dark.jpg);
  }
  .contact-form .form-control, .contact-form .form-select {
    display: block;
    width: 100%;
    box-shadow: 0 0 0 0;
    line-height: 1;
    font-weight: 400;
    border-radius: 6px;
    transition: all 450ms ease-in-out;
  }
  .contact-form .form-select {
    box-shadow: none;
    border-radius: 6px;
    appearance: none;
  }
  .contact-form .form-control:focus, .contact-form .form-select:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .contact-form .loading {
    color: #00b2e4;
  }
  .contact-form .error {
    display: block;
    color: #e74c3c;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 15px;
    padding-left: 10px;
  }
  .footer a, .footer-socials span {
    transition: all 400ms ease-in-out;
  }
  .footer-socials li {
    display: inline-block;
    transition: all 400ms ease-in-out;
  }
  .footer-form .newsletter-form .input-group {
    display: block;
    position: relative;
    border: 1.5px solid;
    padding: 9px 2px;
    transition: all 400ms ease-in-out;
  }
  .footer-form .form-control {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding-left: 10px;
  }
  .footer-form .form-control:focus {
    border: none;
    border-right: none;
    outline: 0;
    box-shadow: none;
  }
  .footer-form .btn {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 12px;
    border: none;
    padding: 0;
  }
  .footer-form .form-notification {
    display: block;
    color: #1680fb;
    font-size: 0.925rem;
    line-height: 1.25;
    font-weight: 400;
    margin-top: 15px;
    margin-left: 5px;
  }
  .footer-form .form-notification.error {
    color: #fc2f4b;
  }
  .footer-form .form-notification.valid {
    color: #48af4b;
  }
  .pagination li {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 6px 15px;
    margin: 0 2px;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 6px;
    transition: all 400ms ease-in-out;
  }
  .pagination li:hover {
    background-color: transparent;
    border-color: var(--color-gray-400);
  }
  .pagination li:focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0 0;
  }
  #cookies {
    position: fixed;
    width: 90%;
    bottom: 25px;
    left: 5%;
    z-index: 200;
    padding: 22px 25px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(3, 3, 3, .1);
  }
  #cookies p {
    color: #353f4f;
    font-size: 1rem;
    line-height: 1.5;
  }
  #cookies-ok {
    position: absolute;
    left: 55px;
    bottom: 16px;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 500;
    background-color: #353f4f !important;
    border: 2px solid #353f4f !important;
    padding: 6px 20px;
    border-radius: 6px;
  }
  #cookies-ok:hover {
    color: #353f4f !important;
    background-color: transparent !important;
    border-color: #353f4f !important;
  }
  #cookies-info {
    color: #353f4f !important;
    font-weight: 600;
    text-decoration: underline;
    margin-left: 10px;
  }
  #cookies-close {
    position: absolute;
    left: 25px;
    top: 27px;
    height: 12px;
    width: 12px;
  }
  #cookies-close svg {
    width: 11px;
    height: 11px;
  }
  #page-404 {
    background-image: url(../images/error-page.jpg);
  }
  .register-page {
    background: url(../images/register-page.jpg);
  }
  .dark .register-page {
    background: url(../images/register-page-dark.jpg);
  }
  .sign-in-form .form-control, .sign-up-form .form-control, .reset-password-form .form-control {
    display: block;
    width: 100%;
    box-shadow: 0 0 0 0;
    line-height: 1;
    font-weight: 400;
    border-radius: 6px;
    transition: all 450ms ease-in-out;
  }
  .sign-in-form .form-control:focus, .sign-up-form .form-control:focus, .reset-password-form .form-control:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .separator-line::before, .separator-line::after {
    content: "";
    border-top: 1.5px solid rgba(5, 5, 5, .18);
    margin: 0 15px 0 0;
    flex: 1 0 20px;
  }
  .dark .separator-line::before, .dark .separator-line::after {
    border-color: rgba(255, 255, 255, .12);
  }
  .separator-line::after {
    margin: 0 0 0 15px;
  }
  .reset-password-form .error {
    display: inline-block;
    color: #e74c3c;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 16px;
  }
}
@layer utilities {
  .container {
    margin-left: auto;
    margin-right: auto;
    @media (width >=22.5rem) {
      max-width: 22.5rem;
    }
    @media (width >=24.375rem) {
      max-width: 24.375rem;
    }
    @media (width >=25.875rem) {
      max-width: 25.875rem;
    }
    @media (width >=36rem) {
      max-width: 36rem;
    }
    @media (width >=48rem) {
      max-width: 48rem;
    }
    @media (width >=62rem) {
      max-width: 62rem;
    }
    @media (width >=75rem) {
      max-width: 75rem;
    }
    @media (width >=87.5rem) {
      max-width: 75rem;
    }
  }
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-divide-y-reverse: 0;
      --tw-divide-x-reverse: 0;
    }
  }
}
/* ZASCK official brand colors (navy #0C2D48 primary, green accent #507D2D
   secondary - #0F6E56 was an old teal, removed from the site entirely,
   don't bring it back).
   Kept in a separate file loaded only on the real ZASCK pages so the
   purchased template's own main.css - shared by all 24 demo pages,
   including demo-23.html which must stay untouched - never has to be
   edited directly. Load this AFTER main.css so these overrides win.

   --color-heading and --color-blue-theme already drive every heading
   (h1-h6 use var(--color-heading) globally) and every CTA
   button/link/small-icon accent (.btn-blue, .text-blue-theme,
   .bg-blue-theme, icon-box tints, etc.) across the site, so remapping
   just these two variables covers almost the entire distribution rule
   (navy dominant for headings, teal only for CTA/links/icons)
   automatically. */
:root {
   --color-heading: #0C2D48;
   --color-blue-theme: #507D2D;
}

/* The header's nav-link colors are hardcoded literals in css/menu.css
   (not CSS variables), so they need an explicit override here: navy by
   default (matches "header stays navy-dominant"), teal only on hover
   (matches "teal used sparingly for links"). */
.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
   color: #0C2D48;
}
.navbar-dark .wsmenu-list > li > a.h-link:hover {
   color: #507D2D;
}

/* .bg-07 (main.css) ships the template's own stock-photo background
   (images/bg-07.jpg) for the "جاهز تبدأ مشروعك؟" CTA banner - reused
   identically across 7 service pages (web-development, seo,
   educational-platforms, projects, e-commerce, digital-marketing, ads).
   Overridden here (not page-scoped, since it's the same compiled
   utility class shared by all 7) with the standard brand gradient used
   site-wide instead of a stock photo. */
.bg-07 {
   background: linear-gradient(135deg, #0C2D48 0%, #507D2D 150%);
}

/* .gr-whitesmoke (main.css) ships a lavender-tinted gradient
   (rgba(244, 244, 251, ...)) - shifted to a soft mint/teal tint instead,
   matching the site's own identity. Currently only used on index.php's
   Features section image boxes, but kept here (not a page-scoped style)
   since it's a straightforward color-only override of a compiled
   utility, the same pattern as the --color-heading/--color-blue-theme
   remap above. */
.gr-whitesmoke {
   background-image: linear-gradient(180deg, rgba(244, 251, 246, 0.9) 40%, rgba(244, 244, 251, .05) 100%);
}
@media (min-width: 1400px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199.98px) {

   .btn {
      font-size: 1.0625rem;
   }
   
   .txt-accordion .accordion-thumb:after,
   .txt-accordion .is-active .accordion-thumb:after {
      width: 30px;
      height: 30px;
      font-size: 0.8rem;
      line-height: 30px;
      top: 19px;
   }

   .reviews-1-wrapper:after {
      width: 88%;
      left: 6%;
      border-radius: 8px;
   }

   .faqs-1 .faqs-accordion .accordion-thumb:after,
   .faqs-1 .faqs-accordion .is-active .accordion-thumb:after {
      top: 23px;
   }

   #cookies {
      width: 96%;
      left: 2%;
      padding: 22px 20px;
      bottom: 20px;
      padding: 20px;
   }

   #cookies-ok {
      right: 45px;
      bottom: 14px;
   }

   #cookies-close {
      right: 20px;
      top: 25px;
   }

}

@media (min-width: 768px) and (max-width: 991.98px) {
   
   .animate__animated {
      transition-property: none !important;
      transform: none !important;
      animation: none !important;
      opacity: 1;
   }

   .wow {
      animation-name: none !important;
      visibility: visible !important;
   }

   .btn {
      font-size: 1.125rem;
   }

   .txt-accordion .accordion-thumb:after,
   .txt-accordion .is-active .accordion-thumb:after {
      top: 17px;
   }

   .video-btn {
      width: 7rem;
      height: 7rem;
      margin-top: -3.5rem;
      margin-left: -3.5rem;
   }

   .video-btn span {
      font-size: 5.65rem;
      margin-left: 10px;
   }

   .reviews-1-wrapper:after {
      width: 86%;
      left: 7%;
      border-radius: 8px;
   }

   .pr-tag {
      left: 25px;
   }

   .pr-desc {
      padding: 130px 50px 20px 20px;
   }

   .pr-data-txt {
      bottom: 35px;
   }

   .filter-item:hover .pr-tag {
      left: 25px;
      top: 16px;
   }

   .filter-item:hover .pr-data-txt {
      left: 25px;
   }

   .filter-item:hover .pr-source {
      right: 25px;
   }

   #cookies {
      width: 68%;
      left: 16%;
      bottom: 14px;
      padding: 20px 60px 45px 20px;
   }

   #cookies-ok {
      right: 20px;
      bottom: 18px;
      font-size: 0.9rem;
      padding: 6px 20px;
   }

   #cookies-info {
      margin-left: 7px;
   }

   #cookies-close {
      top: 16px;
      right: 16px;
   }

   #cookies-close svg {
      width: 12px;
      height: 12px;
   }

   .faqs-1 .faqs-accordion .accordion-thumb:after,
   .faqs-1 .faqs-accordion .is-active .accordion-thumb:after {
      top: 24px;
   }

}

@media (max-width: 767px) {

   .animate__animated {
      transition-property: none !important;
      transform: none !important;
      animation: none !important;
      opacity: 1;
   }

   .wow {
      animation-name: none !important;
      visibility: visible !important;
   }

   .bg-fixed {
      background-attachment: scroll!important;
   }

   .txt-block h1,
   .txt-block h2 {
      line-height: 1.3;
   }

   .btn {
      font-size: 1.0625rem;
   }

   .txt-accordion .accordion-thumb:after,
   .txt-accordion .is-active .accordion-thumb:after {
      top: 17px;
   }

   .video-btn {
      width: 6rem;
      height: 6rem;
      margin-top: -3rem;
      margin-left: -3rem;
   }

   .video-btn span {
      font-size: 4.75rem;
      margin-left: 8px;
   }

   .reviews-1-wrapper:after {
      width: 100%;
      left: 0;
      border-radius: 0;
   }

   .faqs-1 .faqs-accordion .accordion-thumb:after,
   .faqs-1 .faqs-accordion .is-active .accordion-thumb:after {
      top: 23px;
   }

   #cookies {
      width: 90%;
      left: 5%;
      bottom: 16px;
      padding: 20px 35px 50px 20px;
   }

   #cookies-ok {
      right: 20px;
      bottom: 18px;
      font-size: 0.95rem;
   }

   #cookies-info {
      margin-left: 7px;
   }

   #cookies-close {
      right: 16px;
      top: 16px;
   }

   #cookies-close svg {
      width: 12px;
      height: 12px;
   }
  
   
}

@media (min-width: 391px) and (max-width: 414px) {

   .txt-block h1,
   .txt-block h2 {
      line-height: 1.3;
   }

   .txt-accordion .accordion-thumb:after,
   .txt-accordion .is-active .accordion-thumb:after {
      width: 30px;
      height: 30px;
      font-size: 0.8rem;
      line-height: 30px;
      top: 17px;
   }

   .video-btn {
      width: 5.5rem;
      height: 5.5rem;
      margin-top: -2.75rem;
      margin-left: -2.75rem;
   }

   .video-btn span {
      font-size: 4.5rem;
      margin-left: 8px;
   }

   .pr-tag {
      left: 25px;
   }

   .pr-desc {
      padding: 130px 50px 25px 25px;
   }

   .pr-data-txt {
      bottom: 35px;
   }

   .filter-item:hover .pr-tag {
      left: 25px;
      top: 16px;
   }

   .filter-item:hover .pr-data-txt {
      left: 25px;
   }

   .filter-item:hover .pr-source {
      right: 25px;
   }

   .faqs-1 .faqs-accordion .accordion-thumb:after,
   .faqs-1 .faqs-accordion .is-active .accordion-thumb:after {
      top: 21px;
   }

   #cookies {
      width: 92%;
      left: 4%;
      bottom: 12px;
      padding: 20px 40px 45px 20px;
   }

   #cookies-ok {
      right: 20px;
      bottom: 20px;
      font-size: 0.95rem;
   }

   #cookies-info {
      display: block;
      margin: 4px 0 0;
   }

   #cookies-close {
      right: 15px;
      top: 15px;
   }

   #cookies-close svg {
      width: 12px;
      height: 12px;
   }
   
}

@media (min-width: 361px) and (max-width: 390px) {

   .txt-block h1,
   .txt-block h2 {
      line-height: 1.3;
   }

   .btn.btn-md {
      padding: 0.9375rem 1.25rem;
   }

   .txt-accordion .accordion-thumb:after,
   .txt-accordion .is-active .accordion-thumb:after {
      width: 30px;
      height: 30px;
      font-size: 0.8rem;
      line-height: 30px;
      top: 17px;
   }

   .video-btn {
      width: 5.3rem;
      height: 5.3rem;
      margin-top: -2.65rem;
      margin-left: -2.65rem;
   }

   .video-btn span {
      font-size: 4.25rem;
      margin-left: 8px;
   }

   .pr-tag {
      left: 20px;
   }

   .pr-desc {
      padding: 130px 50px 20px 20px;
   }

   .pr-data-txt {
      bottom: 35px;
   }

   .filter-item:hover .pr-tag {
      left: 20px;
      top: 16px;
   }

   .filter-item:hover .pr-data-txt {
      left: 20px;
   }

   .filter-item:hover .pr-source {
      right: 20px;
   }

   .faqs-1 .txt-accordion .accordion-thumb:after,
   .faqs-1 .txt-accordion .is-active .accordion-thumb:after {
      top: 15px;
   }

   #cookies {
      width: 94%;
      left: 3%;
      bottom: 12px;
      padding: 20px 35px 45px 20px;
   }

   #cookies-ok {
      right: 20px;
      bottom: 18px;
      font-size: 0.95rem;
   }

   #cookies-info {
      display: block;
      margin: 4px 0 0;
   }

   #cookies-close {
      right: 15px;
      top: 15px;
   }

   #cookies-close svg {
      width: 12px;
      height: 12px;
   }


}

@media (max-width: 360px) {

   .txt-block h1,
   .txt-block h2 {
      line-height: 1.3;
   }

   .btn.btn-md {
      padding: 0.9375rem 1.25rem;
   }

   .txt-accordion .accordion-thumb:after,
   .txt-accordion .is-active .accordion-thumb:after {
      width: 30px;
      height: 30px;
      font-size: 0.8rem;
      line-height: 30px;
      top: 17px;
   }

   .video-btn {
      width: 5rem;
      height: 5rem;
      margin-top: -2.5rem;
      margin-left: -2.5rem;
   }

   .video-btn span {
      font-size: 4.15rem;
      margin-left: 8px;
   }

   .pr-tag {
      left: 20px;
   }

   .pr-desc {
      padding: 130px 50px 20px 20px;
   }

   .pr-data-txt {
      bottom: 35px;
   }

   .filter-item:hover .pr-tag {
      left: 20px;
      top: 16px;
   }

   .filter-item:hover .pr-data-txt {
      left: 20px;
   }

   .filter-item:hover .pr-source {
      right: 20px;
   }

   .faqs-1 .txt-accordion .accordion-thumb:after,
   .faqs-1 .txt-accordion .is-active .accordion-thumb:after {
      top: 15px;
   }

   #cookies {
      width: 94%;
      left: 3%;
      bottom: 12px;
      padding: 20px 35px 65px 20px;
   }

   #cookies-ok {
      right: 20px;
      bottom: 18px;
      font-size: 0.95rem;
      padding: 6px 20px;
   }

   #cookies-info {
      margin-left: 8px;
   }

   #cookies-close {
      right: 15px;
      top: 15px;
   }

   #cookies-close svg {
      width: 12px;
      height: 12px;
   }
}/*
   ZASCK — RTL layout stylesheet.

   Scope: every page is now an independent static file (no build step,
   no shared partials - each page has its own copy of the header/footer
   markup). This file is shared by reference: any page that links it AND
   sets dir="rtl" on its <html> tag gets these fixes; a page that doesn't
   link it, or doesn't set dir="rtl", is completely unaffected. Every
   rule below is guarded by the html[dir="rtl"] attribute for exactly
   that reason.

   This file does not translate or add content, remove any section, or
   change section order. It only corrects physical (left/right) CSS values
   that Tailwind's compiled utilities and this template's custom menu/header
   CSS use, so content lays out correctly in a right-to-left direction.

   Two kinds of rules live here:
   - Shared-component fixes (sections 1-8 below): target the header/nav/
     dropdowns/mobile-drawer/marquee/footer markup that's copied verbatim
     into every page, so they apply automatically to ANY page using that
     same markup, with no extra work.
   - Page-specific content fixes (further down, one section per page):
     target a given page's own unique sections, scoped through an ID/class
     specific enough to that page's markup that it cannot match on other
     pages by accident.

   Layout systems that are direction-aware by spec (CSS Grid and Flexbox
   auto-placement, plus normal inline text flow) already mirror correctly
   under dir="rtl" without any rule here. Rather than leaving that implicit,
   section 3 below makes the header's 3-zone order an explicit `order`
   assignment (not just inherited direction), so the zone sequence is
   guaranteed and self-documenting regardless of DOM order elsewhere.
*/

/* --------------------------------------------------------------------
   1. Base direction
   -------------------------------------------------------------------- */

html[dir="rtl"] {
  direction: rtl;
}

/* --------------------------------------------------------------------
   1b. Brand and integrations marquees — isolate from page direction
   The jQuery Marquee plugin (js/vendors.min.js) builds a plain block
   div hundreds of thousands of pixels wide to hold the looping content,
   with no margin set on it. Per the CSS2.1 box model, when a block
   box's width plus margins cannot fit its container ("over-constrained"),
   the browser resolves it by pinning the box to the container's
   direction-start edge and discarding the other margin - the box is
   pinned to the LEFT under direction:ltr (the normal, intended
   behavior: content starts at the left edge, overflow clipped on the
   right), but pinned to the RIGHT under direction:rtl instead. Since
   this container's actual logo content sits near the wrapper's own
   left edge (they are floated left by the plugin) while the wrapper's
   far right edge is what lands in view, the visible clipped window
   under RTL ends up showing empty filler space instead of the logos -
   they are not gone, just positioned entirely out of view.
   This plugin has no RTL awareness of its own (unlike Owl Carousel,
   which is handled separately via its own documented `rtl` option), so
   the fix is to isolate just these three containers back to direction:
   ltr - they hold only images and short English brand/tool names, so
   this has no effect on readability, and nothing outside these three
   elements is affected. */

html[dir="rtl"] .loop_carousel_left,
html[dir="rtl"] .loop_carousel_right,
html[dir="rtl"] .loop_carousel_brands {
  direction: ltr;
}

/* In the Brands & Customers strip, overflow-hidden sits directly on
   .loop_carousel_brands (already covered above). Everywhere else on the
   site (Integrations, and the Value Proposition / Benefits horizontal
   strips), each loop_carousel_left/_right sits inside a separate OUTER
   div that carries overflow-hidden instead - that outer div needs the
   same isolation, for the same reason.
   This used to be scoped to "#integrations .overflow-hidden" only, which
   broke the very next place this same outer-wrapper pattern got reused
   (the two new horizontal strips - their .overflow-hidden wrapper wasn't
   covered, so the exact same bug came back: the whole strip landing
   outside its own clipped view, invisible). Scoped with :has() instead
   now, so it automatically covers any current or future
   overflow-hidden wrapper around a loop_carousel_* element, regardless
   of what page or what other classes/IDs it carries. */
html[dir="rtl"] .overflow-hidden:has(> .loop_carousel_left),
html[dir="rtl"] .overflow-hidden:has(> .loop_carousel_right),
html[dir="rtl"] .overflow-hidden:has(> .loop_carousel_brands) {
  direction: ltr;
}

/* --------------------------------------------------------------------
   2. Hero — decorative background shape
   (absolute, physical left-offset in the source markup)
   -------------------------------------------------------------------- */

html[dir="rtl"] #hero > .absolute.-z-1 {
  left: auto;
  right: -10%;
}
@media (width >= 48rem) {
  html[dir="rtl"] #hero > .absolute.-z-1 {
    right: 0;
  }
}
@media (width >= 62rem) {
  html[dir="rtl"] #hero > .absolute.-z-1 {
    right: 12%;
  }
}

/* --------------------------------------------------------------------
   3. Header — explicit 3-zone order (Logo | Nav | CTA)
   The header is built as 3 real flex siblings (.zasck-logo-zone, .wsmenu,
   .zasck-cta-zone) inside .wsmainwp. Rather than depending only on the
   interaction between inherited direction and default DOM order, each
   zone's position is set explicitly via `order`, so the sequence is
   guaranteed no matter what. Result: Logo sits at the RTL reading-start
   side (right), CTA at the opposite (left), Nav fills the space between.
   -------------------------------------------------------------------- */

@media (width >= 62rem) {
  html[dir="rtl"] .zasck-logo-zone {
    order: 1;
    margin-right: 0;
    margin-left: 3.5rem;
  }
  html[dir="rtl"] .wsmenu {
    order: 2;
  }
  html[dir="rtl"] .zasck-cta-zone {
    order: 3;
  }

  /* Explicit reversal of the nav links themselves (Solutions, Products,
     Projects, Company, Resources), for the same reason as above: rather
     than depending only on inherited direction to flip .wsmenu-list's
     flex order, force it directly so the sequence reads correctly from
     the right (Solutions, nearest the logo) to the left (Resources,
     nearest the CTA) regardless of any other interaction. Each item's
     own content, dropdown/mega-menu panel, and hover behavior are
     untouched - only the container's main-axis order is reversed. */
  html[dir="rtl"] .wsmenu-list {
    flex-direction: row-reverse;
  }
}

/* --------------------------------------------------------------------
   4. Solutions mega-menu
   The panel is intentionally centered under the header (left:50% +
   translateX(-50%), from Stage 9's own design, matching the approved
   reference) - centering is direction-agnostic and stays correct as-is
   under RTL, so it is NOT changed here. What DOES need to flip is the
   column divider: the 4-column grid auto-mirrors under RTL (CSS Grid
   respects `direction` for auto-placement), so the divider that used to
   sit on each column's left (separating it from the column before it)
   must move to its right to still sit between the same pair of columns.
   Category label, item icons and item labels use gap-based spacing
   (direction-agnostic) and are unaffected.
   -------------------------------------------------------------------- */

@media (width >= 62rem) {
  html[dir="rtl"] .zasck-solutions-panel .magamenu_links {
    padding-right: 0;
    padding-left: 1rem;
  }
  html[dir="rtl"] .zasck-solutions-panel .magamenu_links + .magamenu_links {
    border-left: none;
    border-right: 1px solid #edeef2;
    padding-left: 0;
    padding-right: 2.5rem;
  }
}

/* --------------------------------------------------------------------
   5. Company / Resources dropdowns
   menu.css hard-codes text-align:left and an asymmetric hover-padding
   nudge on .sub-menu items; this rule is unguarded by breakpoint in
   menu.css, so it reaches both the desktop popup and the mobile
   slide-down accordion version of the same markup - the fix below is
   left unguarded too, to match. The dropdown panel itself has no
   left/right of its own in menu.css (it self-positions from its
   trigger <li>'s static position), so no positioning override is
   needed for "opening direction" - it already follows its trigger,
   which is itself correctly reordered by section 3 above.
   -------------------------------------------------------------------- */

html[dir="rtl"] .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
  text-align: right;
}
html[dir="rtl"] .wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover {
  padding: 11px 15px 11px 5px;
}

/* --------------------------------------------------------------------
   6. Mobile menu toggle and slide-out drawer
   menu.css opens the mobile drawer from the right. The drawer panel
   (.wsmenu-list, width:350px) is positioned using a classic auto-margin
   slide trick: margin-left is left at its inherited "auto" (from the
   desktop rule's `margin: 0 auto 0 auto`, never reset by the mobile
   rule), while margin-right toggles between -350px (closed - the auto
   margin-left absorbs the rest of the space, pushing the panel fully
   off the right edge) and 0 (open - flush against the right edge).

   Mirroring this for a left-opening drawer means keeping the SAME
   "one side auto, one side toggled" shape, just swapped: margin-RIGHT
   must be set to `auto` explicitly here (nothing upstream sets it to
   auto for us), while margin-left toggles between -350px and 0. Setting
   BOTH margins to definite values (as an earlier pass here mistakenly
   did) makes the box over-constrained, and per the CSS2.1 resolution
   rule for that case, the browser then discards margin-LEFT specifically
   when direction is rtl - silently overriding whatever this file said
   and breaking the slide entirely. Using `auto` avoids that rule firing
   at all.

   The mobile header bar's own squeeze-out-of-the-way effect
   (.wsactive .wsmobileheader) only works because it shares the drawer's
   `right:0` anchor - margin-right there directly retreats the bar's
   right edge inward. Mirroring it needs the anchor itself flipped to
   `left:0` first, or the mirrored margin-left has no visible effect
   (the free "right" offset just absorbs it instead of moving anything).

   Toggle icon: same size and spacing as the original template, mirrored
   left-for-right - not a redesigned/simplified version of it. Original:
   margin: 7px 0 0 15px; padding: 16px 35px 16px 0; (top/right/bottom/left)
   Mirrored here by swapping the right and left values in each shorthand,
   with every number unchanged. */

@media (max-width: 991px) {
  html[dir="rtl"] .wsanimated-arrow {
    right: auto;
    left: 0;
    margin: 25px 0px 0 15px;
    padding: 16px 0 16px 35px;
  }
  html[dir="rtl"] .wsmenu {
    right: auto;
    left: 0;
  }
  html[dir="rtl"] .wsmenu > .wsmenu-list {
    margin-left: -350px;
    margin-right: auto;
  }
  html[dir="rtl"] .wsactive .wsmenu > .wsmenu-list {
    margin-left: 0;
  }
  html[dir="rtl"] .wsmobileheader {
    right: auto;
    left: 0;
  }
  html[dir="rtl"] .wsactive .wsmobileheader {
    margin-right: 0;
    margin-left: 350px;
  }
  html[dir="rtl"] .wsactive .wsmenucontainer {
    margin-right: 0;
    margin-left: 300px;
  }
  html[dir="rtl"] .overlapblackbg {
    left: auto;
    right: 0;
  }
  html[dir="rtl"] .wsmenu > .wsmenu-list > li > a {
    text-align: right;
  }

  /* Mobile logo: same size and top margin as the original template
     (mt-6.25, max-h-8 - untouched, not resized). Only the horizontal
     padding side is mirrored, since that's the one physical value that
     actually depends on which edge the logo sits near. */
  html[dir="rtl"] .smllogo {
    padding-left: 0;
    padding-right: 1rem;
  }
}

/* --------------------------------------------------------------------
   7. Digital Products — "Explore Product" button
   Flex-reversed under RTL, so the icon now sits to the left of the
   label; its physical left margin and its glyph direction both need
   to flip to read correctly.
   -------------------------------------------------------------------- */

html[dir="rtl"] #products .ml-2 {
  margin-left: 0;
  margin-right: 0.5rem;
}
html[dir="rtl"] #products .flaticon-right-arrow {
  display: inline-block;
  transform: scaleX(-1);
}

/* --------------------------------------------------------------------
   8. List bullet indentation
   Tailwind's `ml-4` on list-disc elements reserves indentation space
   on the physical left for the bullet; under RTL the bullet renders on
   the right, so the reserved space must move to the right as well.
   -------------------------------------------------------------------- */

html[dir="rtl"] ul.list-disc.ml-4 {
  margin-left: 0;
  margin-right: 1rem;
}

/* --------------------------------------------------------------------
   9. Integrations — tool name label next to each logo
   `.flex items-center` reverses under RTL, moving the name label to
   the left of the logo; its physical left margin must move with it.
   -------------------------------------------------------------------- */

html[dir="rtl"] #integrations .ml-3 {
  margin-left: 0;
  margin-right: 0.75rem;
}
@media (width >= 36rem) {
  html[dir="rtl"] #integrations .sm\:ml-4 {
    margin-left: 0;
    margin-right: 1rem;
  }
}

/* --------------------------------------------------------------------
   10. Testimonials — quote icon position + author name next to avatar
   -------------------------------------------------------------------- */

html[dir="rtl"] #reviews .absolute.right-7 {
  right: auto;
  left: 1.75rem;
}
html[dir="rtl"] #reviews .ml-3 {
  margin-left: 0;
  margin-right: 0.75rem;
}
@media (width >= 25.875rem) {
  html[dir="rtl"] #reviews .xs\:ml-4 {
    margin-left: 0;
    margin-right: 1rem;
  }
}

/* --------------------------------------------------------------------
   11. "New Customers" stat card — menu icon in the top corner
   -------------------------------------------------------------------- */

html[dir="rtl"] .absolute.-top-2.right-0 {
  right: auto;
  left: 0;
}

/* --------------------------------------------------------------------
   12. FAQs — "more questions" text/button row
   Becomes a flex row at md+, reversing the button to the left of the
   text; the accordion's own list-disc item (Q3) is covered by rule 8.
   -------------------------------------------------------------------- */

@media (width >= 48rem) {
  html[dir="rtl"] #faqs .md\:ml-8 {
    margin-left: 0;
    margin-right: 2rem;
  }
  html[dir="rtl"] #faqs .md\:text-left {
    text-align: right;
  }
}

/* --------------------------------------------------------------------
   13. Blog — share icon cluster on each card
   -------------------------------------------------------------------- */

html[dir="rtl"] #blog .absolute.right-4 {
  right: auto;
  left: 1rem;
}

/* --------------------------------------------------------------------
   14. Footer
   -------------------------------------------------------------------- */

@media (width >= 62rem) {
  html[dir="rtl"] footer .xl\:pl-10 {
    padding-left: 0;
    padding-right: 2.5rem;
  }
  html[dir="rtl"] footer .lg\:pr-5 {
    padding-right: 0;
    padding-left: 1.25rem;
  }
}
@media (width >= 48rem) {
  html[dir="rtl"] .footer-copyright.md\:text-left {
    text-align: right;
  }
}

/* --------------------------------------------------------------------
   15. Cookie consent banner (js/cookies-message.js plugin)
   Redesigned as a small fixed card instead of the plugin's original
   full-width bottom bar, matching the compact corner-card pattern most
   international sites use. Placed bottom-LEFT on purpose - physical
   left, not RTL-mirrored right - so it sits at the opposite corner from
   the floating WhatsApp button (footer.php, bottom-right) and never has
   to share or coordinate space with it again.
   One unconditional rule set (no media queries) covers every
   breakpoint: each selector here is `html[dir="rtl"] #id`, which is
   more specific than every plain `#id` rule in main.css/responsive.css
   regardless of which breakpoint's @media block those sit inside, so
   this wins everywhere on its own; `max-width: calc(100vw - 2rem)`
   alone keeps the card clear of the screen edges on narrow phones
   without needing a dedicated small-screen override.
   -------------------------------------------------------------------- */

html[dir="rtl"] #cookies {
  position: fixed;
  left: 1.25rem;
  right: auto;
  bottom: 1.5rem;
  width: 320px;
  max-width: calc(100vw - 2rem);
  padding: 1.75rem 1.5rem 1.25rem;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 20px 45px rgba(12, 45, 72, 0.22);
  z-index: 1030;
}
html[dir="rtl"] #cookies p {
  font-size: 0.85rem;
  line-height: 1.6;
  margin: 0;
}
/* The plugin wraps the accept/info links in a trailing <span> right
   after the message text in the same <p> - turned into its own block
   row below the text instead of flowing inline after it, since inline
   would crowd both links onto the end of the last wrapped line in a
   card this narrow. */
html[dir="rtl"] #cookies p span {
  display: block;
  margin-top: 0.9rem;
}
html[dir="rtl"] #cookies-ok {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0.75rem;
  background-color: var(--color-blue-theme) !important;
  border-color: var(--color-blue-theme) !important;
}
html[dir="rtl"] #cookies-ok:hover {
  color: var(--color-blue-theme) !important;
  border-color: var(--color-blue-theme) !important;
}
html[dir="rtl"] #cookies-info {
  margin: 0;
}
html[dir="rtl"] #cookies-close {
  position: absolute;
  top: 0.875rem;
  left: auto;
  right: 0.875rem;
  height: 14px;
  width: 14px;
}

/* ======================================================================
   PAGE: web-development.html
   Its shared header/nav/dropdowns/mobile-drawer/footer are already
   covered by the shared-component sections above (same markup, same
   classes). A few of its content sections happen to reuse the exact
   same IDs/classes as the homepage's own sections (#reviews' review-
   author flex gap, #faqs' "more questions" row, footer's lg:pr-5) and
   are already fixed by the rules above without any page-specific
   scoping needed. What follows are the fixes specific to sections that
   only exist on this page, or that reuse an ID with different classes.
   ====================================================================== */

/* Hero - text alignment override. (Its former badge, email quick-form and
   .hero-12 background-image class were removed during content integration
   and the Hero-background-parity pass, so the rules that used to target
   them here are gone too - this is the one still-present piece.) */
@media (width >= 62rem) {
  html[dir="rtl"] #hero .lg\:text-left {
    text-align: right;
  }
}

/* Features (icon + text pairs, xl:flex) - the section has no ID of its
   own, but these two exact utility combinations only occur here on this
   page, so no extra scoping wrapper is needed. */
@media (width >= 75rem) {
  html[dir="rtl"] .xl\:text-left {
    text-align: right;
  }
  html[dir="rtl"] .xl\:ml-6 {
    margin-left: 0;
    margin-right: 1.5rem;
  }
}

/* Benefits section (check-icon + text rows) */
html[dir="rtl"] #benefits .ml-2\.5 {
  margin-left: 0;
  margin-right: 0.625rem;
}

/* "Endless Possibilities" text+image block: the outer whitesmoke box and
   its inner text wrapper carry large one-sided padding (pl-3.5 through
   xl:pl-20 / pr-3.5 through xl:pr-10) meant as a gutter toward the image
   column. Same low-priority cosmetic case as the homepage's img-block/
   txt-block padding (intentionally left as-is there too): the 2-column
   grid itself already mirrors correctly under RTL, so skipping this only
   leaves a bit of unused padding on the wrong side rather than any
   actual content or functional break - not fixed here for the same
   reason, to avoid a partial, breakpoint-incomplete fix. */

/* How It Works / Process is now a text-center, direction-agnostic big-
   number step grid (see the content-to-design revision) - no icon/text
   flex rows left to flip, and divide-x uses logical border-inline
   properties already, so no RTL rule is needed here at all.
   The Testimonials and Awards Badges sections that used to need rules
   here were removed in an earlier content-integration pass; those rules
   are gone too. */

/* Footer links wrapper - this page uses xl:pl-14 (the homepage uses
   xl:pl-10, already handled above); same fix, different value. */
@media (width >= 75rem) {
  html[dir="rtl"] footer .xl\:pl-14 {
    padding-left: 0;
    padding-right: 3.5rem;
  }
}
/*
   ZASCK Arabic typography - Tajawal font mapping.

   Scope: applies only when the page's language is Arabic
   (html[lang="ar"]). The site has no Arabic content yet - the
   homepage's lang is still "en" (see index.html), so nothing here is
   visually active today. This is prepared ahead of time, the same way
   css/rtl.css prepares RTL layout ahead of Arabic content, so that the
   moment lang="ar" is set (when real Arabic copy is added later), the
   whole site's typography retargets automatically - no further CSS
   changes needed at that point.

   How it works: the entire site's real text already flows through
   exactly two CSS custom properties, defined once in css/main.css:
     --font-sans  (Tailwind's --default-font-family; applied globally to
                   every element by Tailwind's own preflight reset)
     --font-main  (used via the .font-main utility class, applied
                   throughout the site to headings, section titles, nav
                   links, card labels, buttons, etc.)
   Redefining both of these under html[lang="ar"] retargets every
   element that references them - navbar, menus/dropdowns, hero,
   headings, paragraphs, buttons, cards, forms, labels, FAQ, footer -
   site-wide, with no other rule needed. English text (lang="en", the
   current state) is completely unaffected, since this selector simply
   does not match; nothing about layout, spacing, colors, or content
   changes either way.

   Font weight note: Tajawal's available static weights are
   200/300/400/500/700/800/900 - it has no 600 (semibold). Where the
   site requests font-weight:600 (Tailwind's font-semibold utility), the
   browser substitutes the nearest weight it has loaded; that is a
   property of the Tajawal family itself, not something fixable in CSS.
*/

html[lang="ar"] {
  --font-sans: 'Tajawal', 'Inter', sans-serif;
  --font-main: 'Tajawal', 'Plus Jakarta Sans', sans-serif;
}