'); background-repeat: no-repeat; background-size: cover; background-position: center; content: ""; -o-object-fit: contain; font-family: "object-fit:cover"; object-fit: contain; } .heroHomeNew_pictureWrapper:before { position: absolute; top: 39rem; right: 5rem; width: 9rem; height: 13.9rem; z-index: 2; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: cover; background-position: center; content: ""; -o-object-fit: contain; font-family: "object-fit:cover"; object-fit: contain; } } @media only screen and (min-width: 1301px) { .heroHomeNew_container:before { top: -1rem; right: 39rem; width: 27.1rem; height: 41.8rem; transform: unset; } } .heroHomeNew_colLeft { position: relative; display: flex; flex-direction: column; align-items: flex-start; } .heroHomeNew_colRight { position: relative; display: none; height: 35.6rem; } @media only screen and (min-width: 768px) { .heroHomeNew_colRight { display: block; height: auto; } } .heroHomeNew_heading { z-index: 3; color: #FFF; max-width: 40.8rem; font-size: 3.6rem; font-weight: 700; letter-spacing: -0.01rem; line-height: 5.6rem; } .heroHomeNew_heading + * { margin-top: 1.6rem; } @media only screen and (min-width: 768px) { .heroHomeNew_heading { font-size: 5.6rem; letter-spacing: -0.17rem; line-height: 6.4rem; max-width: 54.6rem; } .heroHomeNew_heading + *{ margin-top: 2.4rem; } } .heroHomeNew_description { color: #FFF; z-index: 2; max-width: 40.8rem; font-size: 1.8rem; letter-spacing: -0.03rem; line-height: 3.2rem; font-weight: 500; } .heroHomeNew_description + * { margin-top: 4rem; } @media only screen and (min-width: 1104px), print { .heroHomeNew_description { max-width: 50rem; } } .heroHomeNew_buttonContainer { z-index: 2; display: flex; gap: 2.4rem; width: 100%; flex-wrap: wrap; } @media only screen and (min-width: 1104px), print { .heroHomeNew_buttonContainer { gap: 2.2rem; flex-direction: row; } } .heroHomeNew_button { border-radius: .2rem; padding: 1.2rem 3.2rem; font-size: 1.8rem; font-weight: 700; line-height: 3.2rem; letter-spacing: -.03rem; border: .2rem solid #FFF; background-color: #FFF; } .heroHomeNew_button:hover { color: #0009CD; background-color: #D6DDFF; border-color: #D6DDFF; } .heroHomeNew_buttonIcon { display: flex; gap: 1.6rem; flex-wrap: nowrap; color: #fff; background-color: transparent; transition: none!important; } .heroHomeNew_buttonIcon:hover { background-color: #fff; color: #0028ff; border-color: #FFF; } .heroHomeNew_buttonIcon:hover svg { fill: #0028ff; } .heroHomeNew_pictureWrapper { position: relative; width: 100%; height: 100%; } .heroHomeNew_employeeWrapper { position: relative; width: 35rem; height: 100%; margin: 0 auto; } @media only screen and (min-width: 768px) { .heroHomeNew_employeeWrapper { width: 100%; } } .heroHomeNew_workerShortInfo { position: absolute; z-index: 3; top: 19.5rem; right: -15rem; width: fit-content; transform: translateY(-50%) rotate(90deg); transform-origin: 0 0; } @media only screen and (min-width: 1103px) { .heroHomeNew_workerShortInfo { top: 11.5rem; right: 0; transform: rotate(0deg)!important; } } .heroHomeNew_imageWrapper { position: absolute; z-index: 1; right: 0rem; bottom: -19rem; display: block; width: 42rem; height: 40.4rem; } .heroHomeNew_image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } @media only screen and (min-width: 1104px), print { .heroHomeNew_imageWrapper { bottom: -16rem; width: 49.5rem; height: 61.8rem; right: 8rem; } .heroHomeNew_image { object-fit: cover; } } .heroHomeNew .workerShortInfo_fullname, .heroHomeNew .workerShortInfo_title { color: #FFF; } .heroHomeNew .workerShortInfo_fullname { font-weight: 700; margin-bottom: -.5rem; }