/* Google Fonts are loaded via <link> in header.php (was an @import here, which blocked rendering in a chain). */

:root{
  --theme-clr: #FA6C10;
  --black: #353535;
  --white: #FFFFFF;
  --lexend: "Lexend", sans-serif ;
  --host-grotesk: 'Host Grotesk';
  --oswald: "Oswald", sans-serif;
  --light: 300;
  --reg: 400;
  --medium : 500;
  --sm-bold : 600;
  --bold : 700;
  --ex-bold : 800;

}

*{margin: 0;padding: 0;box-sizing: border-box;}
html {-webkit-font-smoothing: antialiased; /* for macOS/iOS */-moz-osx-font-smoothing: grayscale; /* for Firefox on macOS */text-rendering: optimizeLegibility; }
body{overflow: auto;font-optical-sizing: auto; color: var(--white) !important; position: relative; font-size: var(--px-20) !important; overflow-x: hidden; font-family: "Lexend", sans-serif !important; font-weight: var(--light) !important; font-style: normal;}



.pg-container{max-width: 1920px;margin: 0 auto;position: relative;box-shadow: 0 0 0.375em rgba(0, 0, 0, 0.25);overflow: hidden; z-index: 9; background-color: #0F0F0F;}
img{display: block;max-width: 100%;}
li{list-style: none;}
a{text-decoration: none;color: inherit;}
::-webkit-input-placeholder {color: inherit;}
::-moz-placeholder{color: inherit;}
:-ms-input-placeholder{color: inherit;}
:-moz-placeholder{color: inherit;}
input, textarea, button{border-radius: 0;border: none;}
button, a{cursor: pointer;padding: 0;background-color: transparent;border-radius: 0;}
input:focus, textarea:focus, button:focus, select:focus{outline: none;}
strong{font-weight: 600;}

.fade-right{transform: translate3d(-100px, 0, 0);opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: ease;}
.fade-left{transform: translate3d(100px, 0, 0);opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: ease;}
.fade-right.active, .fade-left.active{opacity: 1;transform: translateZ(0);}
.fade-down{transform: translate3d(0, -100px, 0);opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: ease;}
.fade-down.active{opacity: 1;transform: translateZ(0);}
.fade-in{opacity: 0;transition-property: opacity, transform;transition-duration: 1s;transition-timing-function: ease;}
.fade-in.active{opacity: 1;}
.delay1{transition-delay: .3s;}
.delay2{transition-delay: .6s;}
.delay3{transition-delay: .9s;}
.delay4{transition-delay: 1.2s;}