.electricBlue{color:var(--blue)}.container-fluid{width:100%;margin:0;padding:0}#aboutCompany,#aboutCompany .heroHeading{position:relative}#aboutCompany .heroHeading h1{text-align:center;width:100%;height:100%;color:var(--white);letter-spacing:-.02em;font-size:42px;font-weight:600;font-family:var(--familyInter);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}#aboutCompany .heroHeading video{width:100%;display:block}#intro{padding:80px 0}#intro h2{color:var(--black);text-align:center;font-size:28px;font-weight:700;font-family:var(--familyInter);padding:0;position:relative}#intro p{width:75%;font-size:18px;font-family:var(--familyInter);margin:1rem auto}#bGuide{margin-bottom:80px;position:relative}#bGuide .B_areas{background:#262626;padding:.1em;display:flex}#bGuide .B_areas .about-third{flex:0 0 33.33%;max-width:33.33%}#bGuide .B_areas .content{text-align:center;background:linear-gradient(45deg,#000,#262626);place-content:center;height:400px;display:grid}#bGuide .B_areas .content h3{color:var(--white);font-size:48px;font-weight:700;font-family:var(--familyInter);transition:all .3s ease-in-out}#bGuide .B_areas .content h5{color:var(--white);opacity:.5;font-size:21px;font-weight:300;font-family:var(--familyInter);transition:all .3s ease-in-out}#bGuide .B_areas .content:hover{border:2px solid;border-image:conic-gradient(from var(--angle), var(--c2), var(--c1) .1turn, var(--c1) .15turn, var(--c2) .25turn) 30;animation:borderRotate var(--d) linear infinite forwards}#bGuide .B_areas .content:hover h3{color:var(--blue);transition:all .5s ease-in-out;transform:scale(1.1)}#bGuide .B_areas .content:hover h5{opacity:1;transition:all .5s ease-in-out;transform:scale(1.1)}#brandVision,#brandMission{position:relative}#brandVision .assets,#brandMission .assets{align-items:center;display:flex}#brandVision .assets .about-half,#brandMission .assets .about-half{flex:0 0 50%;max-width:50%}#brandVision .assets img,#brandMission .assets img{width:100%;height:auto}#brandVision .assets h5,#brandMission .assets h5{text-align:center;font-size:18px;font-family:var(--familyInter);color:var(--black)}#brandVision .assets h3,#brandMission .assets h3{text-align:center;font-size:24px;font-family:var(--familyInter);color:var(--black);padding:10px}#counter{margin-top:80px;position:relative}#counter .C_values{background:#262626;padding:.1em;display:flex}#counter .C_values .about-third{flex:0 0 33.33%;max-width:33.33%}#counter .C_values .content{text-align:center;background:linear-gradient(45deg,#000,#262626);place-content:center;height:300px;display:grid;position:relative}#counter .C_values .content h3{color:var(--blue);font-size:48px;font-weight:700;font-family:var(--familyInter);transition:all .3s ease-in-out;position:relative}#counter .C_values .content .add:after{color:var(--blue);content:"+";position:absolute}#counter .C_values .content h5{color:var(--white);opacity:.5;font-size:21px;font-weight:300;font-family:var(--familyInter);transition:all .3s ease-in-out}#counter .C_values .content:hover{border:2px solid;border-image:conic-gradient(from var(--angle), var(--c2), var(--c1) .1turn, var(--c1) .15turn, var(--c2) .25turn) 30;animation:borderRotate var(--d) linear infinite forwards}#counter .C_values .content:hover h3{transition:all .5s ease-in-out;transform:scale(1.1)}#counter .C_values .content:hover h5{opacity:1;transition:all .5s ease-in-out;transform:scale(1.1)}@media (max-width:1024px){#intro p{width:80%}}@media (max-width:990px){#bGuide .B_areas{flex-direction:column}#bGuide .B_areas .about-third{flex:none;width:100%;max-width:100%}#bGuide .B_areas .content{height:200px}#bGuide .B_areas .content h3{text-align:center;font-size:36px}#counter .C_values{flex-direction:column}#counter .C_values .about-third{flex:none;width:100%;max-width:100%}#counter .C_values .content{height:200px}#counter .C_values .content h3{font-size:36px}}@media (max-width:768px){#aboutCompany .heroHeading h1{font-size:28px}#intro{padding:1em}#intro p{width:100%;font-size:16px}#brandVision .assets{flex-direction:column;padding:20px}#brandMission .assets{flex-direction:column-reverse;padding:20px}#brandVision .assets .about-half,#brandMission .assets .about-half{flex:none;width:100%;max-width:100%}#brandVision .assets h3,#brandMission .assets h3{font-size:18px}#brandVision .assets .content,#brandMission .assets .content{padding-top:40px}}@media (max-width:540px){#aboutCompany .heroHeading h1{font-size:21px}}@media (max-width:576px){#bGuide .B_areas .content h5,#counter .C_values .content h5{font-size:18px}}