@media screen and (max-width:1024px){
.history-years-slider p{padding-bottom:30px;}
} .career-hero{
background-color:rgba(0,0,0,0.2);
}
.hero_background{
background-size:cover;
background-position:66% center;
}
.career-section{
padding-top:clamp(60px,4.6875vw,90px);
padding-bottom:clamp(60px,4.6875vw,90px);
}
header + .career-section{
margin-top:clamp(60px,4.6875vw,90px);
}
.career-section.career-benefits{
background-color:#1D1F2A;
color:#FFF;
}
.career-section h2{
font-weight:500;
font-size:45px;
line-height:1.1em;
margin-bottom:60px;
}
.career-section p,
.career-section ul{
font-size:clamp(18px,1.375vw,22px);
margin-bottom:60px;
}
ul.arrows-list{
padding-left:8%;
}
ul.arrows-list li{
display:flex;
gap:25px;
margin-bottom:40px;
}
ul.arrows-list li:before{
content:'';
display:block;
flex:0 0 13px;
height:1em;
background:transparent url(//phytronix.com/wp-content/themes/phytronix/images/chevron.svg) no-repeat scroll center center;
background-size:contain;
transform: translateY(0.23em);
}
.career-intro *:last-child{
margin-bottom:0;
}
.career-intro-inner{
max-width:830px;
}
ul.icons-list li{
display:flex;
align-items:center;
gap:25px;
margin-bottom:50px;
}
ul.icons-list li .icon-box{
display:block;
flex:0 0 clamp(50px,4.375vw,70px);
width:clamp(50px,4.375vw,70px);
background-color:#2CC84D;
border-radius:10px;
padding:10px;
position:relative;
aspect-ratio:1;
}
ul.icons-list li .icon-box img{
width:100%;
height:100%;
object-fit:contain;
object-position:center center;
}
footer .bg-white .container{
display:flex;
flex-direction:column;
text-align:center;
}
footer .bg-white .legal-menu ul{
list-style:none outside none;
display:flex;
flex-direction:column;
gap:20px;
padding:1rem 0;
margin:0;
}
footer .bg-white .legal-menu ul li,
footer .bg-white .legal-menu ul li a{
padding:0;
margin:0;
border:none;
color:#000;
}
footer .bg-white .legal-menu ul li a{
text-decoration:underline;
}
footer .bg-white .legal-menu ul li a:hover{
text-decoration:none;
} .home-video-slider{
margin-top:100px;
}
.video-slide-container{
position:relative;
overflow:hidden;
min-height:calc(100vh - 100px);
min-height:calc(100svh - 100px);
display:flex;
}
.video-slide-container > .background{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.video-slide-container > .background img,
.video-slide-container > .background picture{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}
.video-slide-container > .slide-content{
align-items:stretch;
flex:0 0 100%;
padding:clamp(20px,4.94791666vw,95px) 10px;
}
.video-slide-container > .slide-content > .inner{
background-color:rgba(255,255,255,0.6);
border:1px solid rgba(255,255,255,0.2);
backdrop-filter:blur(10px);
border-radius:30px;
height:100%;
display:flex;
flex-direction:column;
gap:clamp(30px,3.64583333vw,70px);
max-width:1600px;
margin:0 auto;
}
.video-slide-container > .slide-content > .inner h2{
font-size:clamp(1.5625rem,2.5vw,3rem);
line-height:1.3em;
margin-bottom:0.5em;
}
.video-slide-container > .slide-content > .inner p{
font-size:clamp(0.875rem,1.04166666vw,1.25rem);
line-height:1.2em;
margin-bottom:1em;
}
.video-slide-container > .slide-content > .inner a.button-background{
display:inline-block;
}
.video-slide-container > .slide-content > .inner *:last-child{
margin-bottom:0;
}
.video-slide-container > .slide-content > .inner > .col-content{
flex: 0 1 auto;
padding:clamp(30px,3.64583333vw,70px) clamp(30px,3.64583333vw,70px) 0 clamp(30px,3.64583333vw,70px);
}
.video-slide-container > .slide-content > .inner > .col-image{
flex: 1 1 auto;
padding:0 clamp(30px,3.64583333vw,70px);
}
.video-slide-container > .slide-content > .inner > .col-image img{
width:100%;
height:100%;
object-fit:contain;
object-position:center center;
}
.video-slide-container > .slide-content > .inner > .col-content p.btn-cta{
position:absolute;
left:0;
bottom:clamp(30px,3.64583333vw,70px);
width:100%;
padding:0 clamp(30px,3.64583333vw,70px) 20px clamp(30px,3.64583333vw,70px);
text-align:center;
}
@media screen and (orientation:landscape) and (min-width:992px) {
.video-slide-container > .slide-content > .inner{
flex-direction:row;
align-items:center;
}
.video-slide-container > .slide-content{
padding:clamp(20px,4.94791666vw,95px) clamp(10px,9.1145833vw,175px);
}
.video-slide-container > .slide-content > .inner > .col-content{
flex: 1 1 auto;
padding:clamp(30px,3.64583333vw,70px) 0 clamp(30px,3.64583333vw,70px) clamp(30px,3.64583333vw,70px);
}
.video-slide-container > .slide-content > .inner > .col-image{
height:100%;
flex:0 0 50%;
padding:0 clamp(30px,3.64583333vw,70px) 0 0;
}
.video-slide-container > .slide-content > .inner > .col-content p.btn-cta{
position:static;
padding:0;
text-align:inherit;
}
}
@media screen and (min-width:1024px){
footer .bg-white .container{
flex-direction:row;
justify-content:space-between;
}
footer .bg-white .copyright-box{
text-align:left;
}
footer .bg-white .legal-box{
text-align:right;
display:flex;
align-items:center;
}
footer .bg-white .legal-menu ul{
flex-direction:row;
flex-wrap:wrap;
}
#menu-footer{
columns:2;
column-gap:20px;
}
}
@media screen and (min-width:1024px) and (max-width:1280px){
#header_menu .menu-item{
font-size:18px;
}
}
@media screen and (min-width:1200px){
ul.icons-list{
-webkit-columns:2;
-moz-columns:2;
columns:2;
gap:clamp(50px,4.375vw,70px);
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
break-inside:avoid;
}
}
#anim-benchmark{
aspect-ratio:871 / 452;
position:relative;
}
.scroll-anim-overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#anim-benchmark .scroll-anim-overlay{
padding:25.6% 0 3.8% 2%;
display:flex;
flex-direction:column;
justify-content:space-between;
}
#anim-benchmark .scroll-anim-overlay .graph-bar{
display:flex;
align-items:center;
height:4px;
position:relative;
background-color:#16c64f;
border-radius:5px;
width:100%;
}
#anim-benchmark.not-animated .scroll-anim-overlay .graph-bar{
width:0;
}
#anim-benchmark .scroll-anim-overlay .graph-bar .number{
position:absolute;
top:-14px;
left:100%;
margin-left:20px;
color:#16c64f;
font-size:20px;
}
#anim-benchmark.animated .scroll-anim-overlay .graph-bar{
animation:graph-bar-open 1s ease 0s 1 normal forwards running;
}
#graph-line-450{
width:88.6%;
}
#graph-line-21{
width:5%;
}
#graph-line-12{
width:3%;
}
.sr-only{
width:1px;
height:1px;
overflow:hidden;
display:block;
margin:0 -1px -1px 0;
}
#anim-accuracy{
position:relative;
}
#anim-accuracy.not-animated .scroll-anim-overlay{
clip-path:polygon(0 0,0 0,0 100%,0 100%);
}
#anim-accuracy.animated .scroll-anim-overlay{
animation:mask-sweep-to-right 4s linear 0s 1 normal forwards running;
}
#anim-linear{
position:relative;
}
#anim-linear.not-animated .scroll-anim-overlay{
clip-path:polygon(0 0,0 0,0 100%,0 100%);
}
#anim-linear.animated .scroll-anim-overlay{
animation:mask-sweep-to-right 3s linear 0s 1 normal forwards running;
}
@keyframes graph-bar-open{
0%{
width:0%;
}
100%{
width:100%;
}
}
@keyframes mask-sweep-to-right{
0%{
clip-path:polygon(0 0,0 0,0 100%,0 100%);
}
100%{
clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}
}