.tiv-5050-img { padding-bottom: 136%; }
.tiv-5050-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tiv-5050-img-holder.img-mask-1 { clip-path: polygon(56.5% 0, 56.5% 14%, 100% 14%, 100% 71.5%, 43% 100%, 20% 90.5%, 15% 65%, 0 56%, 0 0); }
.tiv-5050-img-holder.img-mask-2 { clip-path: polygon(85% 0, 85% 43%, 100% 43%, 100% 100%, 43% 100%, 30% 86%, 15% 86%, 0 57%, 29% 0); }
.tiv-5050-img-holder.img-mask-1 .tiv-5050-img, .tiv-5050-img-holder.img-mask-2 .tiv-5050-img { padding-bottom: 100%; }
.tiv-5050-img-holder::after { content: ''; width: 100%; height: 100%; position: absolute; content: ''; top: 0; left: 0; display: none; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.tiv-5050-img-holder.img-mask-1.tiv-5050-img-holder::after { display: block; background-image: url(../../assets/images/tiv-5050-shape-1.png); }
.tiv-5050-img-holder.img-mask-2.tiv-5050-img-holder::after { display: block; background-image: url(../../assets/images/tiv-5050-shape-2.png); }
.tiv-5050-bottom-img-wrapper { display: none; }
.tiv-5050-bottom-img { padding-bottom: 55%; width: 100%; }
.tiv-5050-bottom-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tiv-5050-img-holder.img-overlay { padding-bottom: 130px; }
.tiv-5050-img-holder.img-overlay .tiv-5050-bottom-img-wrapper { display: block; position: absolute; bottom: 0; left: -35%; width: 100%; max-width: 81%; }
.tiv-5050-img-holder.img-overlay .tiv-5050-img { padding-bottom: 128%; }
.tiv-5050-icon { max-width: 300px; margin-bottom: 30px; }
.tiv-5050-icon img { width: 100%; height: 100%; object-fit: contain; }
.tiv-5050-text .subtitle { font-size: 14px; line-height: 1.2; font-weight: 700; font-family: var(--fig-font-primary-alt); letter-spacing: .02em; margin-bottom: 10px; }
.tiv-5050-title { font-size: 40px; line-height: 1.3; font-weight: 400; letter-spacing: -.03em; font-family: var(--fig-font-secondary); margin-bottom: 30px; }
.tiv-5050-cta { margin-top: 40px; }
.tiv-5050-media-play { width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: var(--fig-white); background: var(--fig-grey); border: 0; border-radius: 50%; z-index: 9; }
.tiv-5050-modal .modal-dialog { max-width: 1200px; width: 90%; }
.tiv-5050-modal .modal-content { background: transparent; border: 0; }
.tiv-5050-modal .modal-close-btn { width: 35px; height: 35px; position: absolute; top: -45px; right: 0; font-size: 20px; color: var(--fig-grey-light); background: transparent; border: 0; z-index: 1; }
.modal { z-index: 10005; }
.modal-backdrop { z-index: 10001; }
.tiv-5050-dashed-line { display: none; }
.has-line .tiv-5050-dashed-line { display: block; width: 150vw; height: 1px; position: absolute; top: -77px; right: 0; transform: rotate(-26.2deg); background-image: linear-gradient(90deg, var(--fig-grey), var(--fig-grey) 60%, transparent 60%, transparent 100%); background-size: 20px 1px; opacity: 0.5; transform-origin: top right; z-index: 9; }
.tiv-5050-container:has(.img-right-nomask) .tiv-5050-img-holder { margin-bottom: -100px; }
.tiv-5050-container:has(.img-overlay.img-right-nomask) .tiv-5050-img-holder { margin-bottom: -120px; }
.page-about-us .tiv-5050-container:has(.img-overlay.img-right-nomask) { margin-bottom: 100px; }
.tiv-5050-img-holder.img-mask-3 .tiv-5050-img img { height: unset; object-fit: unset; align-self: center; }
.content-container.half-content-container { padding: 0;}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
.tiv-5050-img-holder.img-overlay .tiv-5050-bottom-img-wrapper { left: -24%; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.tiv-5050-img-holder { max-width: 520px; margin: 0 auto; }
.tiv-5050-img-holder.img-overlay { max-width: 100%; padding-bottom: 67px; }
.tiv-5050-img-holder.img-overlay .tiv-5050-img { max-width: 74%; padding-bottom: 96%; margin-left: auto; }
.tiv-5050-img-holder.img-overlay .tiv-5050-bottom-img-wrapper { left: 0; max-width: 60%; }
.tiv-5050-title { font-size: 35px; }
.page-our-people .tiv-5050-container:has(.img-right-nomask) .tiv-5050-text { padding-top: 70px; }
.page-our-people .tiv-5050-container:has(.img-right-nomask) + .tiv-5050-container { padding-top: 200px; }
.tiv-5050-img-holder.img-mask-3 .tiv-5050-img { padding-bottom: 70%; }
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
.tiv-5050-container .row + .row { margin-top: 100px; }
.tiv-5050-img { padding-bottom: 146%; }
.tiv-5050-title { font-size: 30px; }
.content-container.half-content-container { padding: 60px 0;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
.tiv-5050-modal .modal-dialog { margin-left: auto; margin-right: auto; }
}
