


.opptylab-section { width:100%; padding:0; margin:0; display:flex; justify-content: center;}
.opptylab-inner-section { width:100%; max-width:1080px; padding:10px; }




.opptylab-col-wrapper  {
  display: flex;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
.opptylab-col-wrapper  { flex-direction: column; }
}


.opptylab-col-reverse-on-mobile  {
  display: flex;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
.opptylab-col-reverse-on-mobile  { flex-direction: column-reverse; }
}





.opptylab-col-1  { width:calc(8.333vw * 1);  }
.opptylab-col-2  { width:calc(8.333vw * 2);  }
.opptylab-col-3  { width:calc(8.333vw * 3);  }
.opptylab-col-4  { width:calc(8.333vw * 4);  }
.opptylab-col-5  { width:calc(8.333vw * 5);  }
.opptylab-col-6  { width:calc(8.333vw * 6);  }
.opptylab-col-7  { width:calc(8.333vw * 7);  }
.opptylab-col-8  { width:calc(8.333vw * 8);  }
.opptylab-col-9  { width:calc(8.333vw * 9);  }
.opptylab-col-10 { width:calc(8.333vw * 10); }
.opptylab-col-11 { width:calc(8.333vw * 11); }
.opptylab-col-12 { width:100% }

@media (max-width: 768px) {
.opptylab-col-1,
.opptylab-col-2,
.opptylab-col-3,
.opptylab-col-4,
.opptylab-col-5,
.opptylab-col-6,
.opptylab-col-7,
.opptylab-col-8,
.opptylab-col-9,
.opptylab-col-10,
.opptylab-col-11,
.opptylab-col-12 { width:100% }
}


.opptylab-img-wrapper {  
  width:100%; 
  height:100%; 
  border-radius : calc(var(--border-radius-s));
  overflow:hidden;

}

img {  
  width:100%; 
  height:auto; 
  display: block;
}

img.opptylab-img-cover,
img.opptylab-img-cover-left,
img.opptylab-img-cover-right
{  
  width:100%; 
  height:100%; 
  object-fit: cover;
}

img.opptylab-img-cover-left  { object-position: left;  }
img.opptylab-img-cover-right { object-position: right; }
  




.opptylab-flex-vertical-center {
    height: 100%;
    display: flex;
    align-items: center;
 }


.opptylab-text-wrapper{
  width:100%;
  height:100%;
}



.opptylab-text-wrapper-left-indent{
padding-left:2rem;
width:100%;
height:100%;
}

@media (max-width: 768px) {
.opptylab-text-wrapper-left-indent{ padding-left:0rem;}
}

.opptylab-spacer-1 { height:1rem; }
.opptylab-spacer-2 { height:2rem; }
.opptylab-spacer-3 { height:3rem; }
.opptylab-spacer-4 { height:4rem; }
.opptylab-spacer-5 { height:5rem; }
.opptylab-spacer-6 { height:6rem; }
.opptylab-spacer-7 { height:7rem; }
.opptylab-spacer-8 { height:8rem; }
.opptylab-spacer-9 { height:9rem; }
.opptylab-spacer-10 { height:10rem; }



