.vacancy-card { display: none; width: calc(33% - 13px); list-style-type: none; min-height: 240px; } .vacancy-card.active { display: block; } .vacancy-card a { display: flex; flex-direction: column; justify-content: space-between; padding: 32px; border-radius: 24px; background: #F8F8F8; height: 100%; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .vacancy-card a:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .vacancy-card a .top-block { margin: 0 0 40px; } .vacancy-card a .locations-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; } .vacancy-card a .locations-badges .location { display: flex; align-items: center; justify-content: center; text-align: center; width: fit-content; border-radius: 30px; background: #FFF; -moz-box-shadow: 0px 2px 8px 0px rgba(163, 168, 198, 0.08); -webkit-box-shadow: 0px 2px 8px 0px rgba(163, 168, 198, 0.08); -o-box-shadow: 0px 2px 8px 0px rgba(163, 168, 198, 0.08); -ms-box-shadow: 0px 2px 8px 0px rgba(163, 168, 198, 0.08); box-shadow: 0px 2px 8px 0px rgba(163, 168, 198, 0.08); color: #111; font-size: 0.875em; line-height: 1.5; padding: 4px 12px; } .vacancy-card a .position { color: #111; font-size: 1.5em; font-weight: 700; line-height: 1.33; } .vacancy-card a .team { display: flex; align-items: center; position: relative; color: #111; font-weight: 400; line-height: 1.5; margin: 0 8px 0 0; } .vacancy-card a .team::before { content: ''; display: block; width: 32px; height: 32px; margin: 0 8px 0 0; flex-shrink: 0; } .vacancy-card a .team::before, .vacancy-card a .team.readdle:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/readdle-white.svg?1707309759") no-repeat 0 0; background-size: contain; } .vacancy-card a .team.pdfexpert:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/pdfexpert.svg?1580137746") no-repeat 0 0; background-size: contain; } .vacancy-card a .team.spark:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/spark.svg?1708000218") no-repeat 0 0; background-size: contain; } .vacancy-card a .team.scannerpro:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/scannerpro.svg?1707309733") no-repeat 0 0; background-size: contain; } .vacancy-card a .team.fluix:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/fluix.svg?1749136621") no-repeat 0 0; background-size: contain; } .vacancy-card a .team.documents:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/documents.svg?1707309688") no-repeat 0 0; background-size: contain; } .vacancy-card a .team.calendars:before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/product-icons/calendars.svg?1708004057") no-repeat 0 0; background-size: contain; } .vacancy-card a .team::after { content: ''; display: block; width: 32px; height: 32px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/careers/index/icons/arrow-right.svg?1739808794") no-repeat 0 0; background-size: contain; margin: 0 0 0 auto; flex-shrink: 0; } @media (max-width: 1199px) { .vacancy-card { width: calc(33% - 9px); } .vacancy-card a { padding: 24px; } } @media (max-width: 991px) { .vacancy-card { width: calc(50% - 8px); } .vacancy-card a .position { font-size: 1.25em; } } @media (max-width: 767px) { .vacancy-card { width: 100%; max-width: 380px; } .vacancy-card a .top-block { margin: 0 0 80px; } } @media (max-width: 575px) { .vacancy-card a .top-block { margin: 0 0 55px; } } .banner { padding: 124px 0 100px; background: linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -webkit-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -moz-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -o-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -ms-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); } .banner .info { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; max-width: 800px; width: 100%; margin: 0 auto; } .banner .go-back-btn { display: flex; align-items: center; width: fit-content; gap: 8px; color: #fff; font-size: 1.25em; line-height: 1.5; margin: 0 0 32px; position: relative; opacity: 0.5; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .banner .go-back-btn:hover { opacity: 0.7; } .banner .go-back-btn::before { content: ''; display: block; width: 47px; height: 38px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/go-back.svg?1742892034"); background-position: center; background-size: contain; background-repeat: no-repeat; flex-shrink: 0; } .banner .title { color: #FFF; font-size: 3em; font-weight: 700; line-height: 1.33; margin: 0 0 24px; } .banner .category { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; } .banner .category .list { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .banner .category .name { display: block; min-width: 100px; color: rgba(255, 255, 255, 0.70); font-size: 0.875em; font-weight: 600; line-height: 1.5; } .banner .category .item { display: block; width: fit-content; padding: 4px 12px; background: rgba(255, 255, 255, 0.08); text-align: center; color: #FFF; font-size: 0.875em; line-height: 1.5; border-radius: 30px; } .banner .buttons-block { display: flex; align-items: center; flex-direction: column; gap: 14px; margin: 72px 0 0; position: relative; } .banner .buttons-block .buttons { display: flex; align-items: center; gap: 12px; } .banner .share-block { display: flex; align-items: center; justify-content: center; gap: 16px; position: absolute; top: calc(100% + 14px); left: 0; width: 100%; padding: 24px; border-radius: 12px; background-color: #fff; -moz-box-shadow: 0px 4px 35px 0px rgba(51, 55, 135, 0.15); -webkit-box-shadow: 0px 4px 35px 0px rgba(51, 55, 135, 0.15); -o-box-shadow: 0px 4px 35px 0px rgba(51, 55, 135, 0.15); -ms-box-shadow: 0px 4px 35px 0px rgba(51, 55, 135, 0.15); box-shadow: 0px 4px 35px 0px rgba(51, 55, 135, 0.15); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; opacity: 0; } .banner .share-block.active { opacity: 1; } .banner .share-block .share-item { display: block; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .banner .share-block .share-item:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .banner .share-block .share-item.share-x { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/share_icons/x.svg?1741165555"); } .banner .share-block .share-item.share-facebook { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/share_icons/facebook.svg?1741165579"); } .banner .share-block .share-item.share-linkedin { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/share_icons/linkedin.svg?1741165600"); } .banner .share-block .share-item.share-email { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/share_icons/email.svg?1741165622"); } .banner .apply-btn { display: flex; align-items: center; justify-content: center; text-align: center; min-width: fit-content; padding: 10px 24px; border-radius: 8px; background: #265BD6; color: #FFF; font-size: 1.125em; font-weight: 500; line-height: 1.5; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .banner .apply-btn:hover { background-color: #3892FA; } .banner .share-btn { display: flex; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 10px 12px; border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0.40); color: #FFF; font-size: 1.125em; font-weight: 500; line-height: 1.5; background: transparent; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; position: relative; } .banner .share-btn::before { content: ''; display: block; width: 24px; height: 24px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/share.svg?1741095034"); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); filter: brightness(0) invert(1); flex-shrink: 0; } .banner .share-btn:hover { border-color: rgba(255, 255, 255, 0.40); background: #E9E9E9; color: #1E1E1E; } .banner .share-btn:hover::before { -webkit-filter: unset; -moz-filter: unset; -o-filter: unset; -ms-filter: unset; filter: unset; } .content { padding: 80px 0 0; max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; } .content ul { padding: 20px 0 20px 20px; } .content p, .content ul li { color: #3C3C3C; font-size: 1.25em; line-height: 1.5; } .content p a { color: #0052AB; text-decoration-line: underline; text-underline-position: from-font; } .content h3, .content p strong, .content div strong, .content ul li strong { font-size: 20px; } .content .container > h3 { margin: 50px 0 0; } .vacancies-wrapper .title { margin: 0 0 64px; text-align: center; font-size: 2.5em; } .vacancies-wrapper .vacancies { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 24px; width: 100%; margin: 0 0 64px; } .vacancies-wrapper .view-more-btn { display: flex; align-items: center; justify-content: center; text-align: center; width: fit-content; padding: 10px 24px; border-radius: 8px; border: 2px solid #6A6A6A; margin: 0 auto; color: #1E1E1E; font-size: 1.125em; font-weight: 500; line-height: 1.5; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .vacancies-wrapper .view-more-btn:hover { color: #fff; border-color: #1E1E1E; background-color: #1E1E1E; } .about-readdle { background: linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -webkit-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -moz-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -o-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: -ms-linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); background: linear-gradient(96deg, #11215C 0%, #131426 49.48%, #381A57 100%); padding: 120px 0; } .about-readdle .info { display: flex; justify-content: space-between; align-items: center; gap: 40px; } .about-readdle .text-block { max-width: 512px; } .about-readdle .text-block h2 { color: #FFF; font-size: 2.5em; margin: 0 0 24px; } .about-readdle .text-block p { color: #fff; font-size: 1.25em; line-height: 1.5; margin: 0 0 24px; } .about-readdle .illustration { max-width: 588px; width: 100%; overflow: hidden; border-radius: 24px; flex-shrink: 0; } .about-readdle .read-more-btn { display: flex; align-items: center; justify-content: center; text-align: center; width: fit-content; padding: 10px 24px; border-radius: 8px; background: #265BD6; color: #FFF; font-weight: 500; line-height: 1.5; margin: 40px 0 0; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .about-readdle .read-more-btn.mobile { display: none; } .about-readdle .read-more-btn:hover { background-color: #3892FA; } @media (max-width: 1199px) { .banner .title { font-size: 2.5em; } .banner .info { max-width: 100%; } .banner .buttons-block { margin: 62px 0 0; } .content { max-width: 100%; padding: 72px 0 0; } .vacancies-wrapper .title { margin: 0 0 56px; } .vacancies-wrapper .vacancies { gap: 16px; margin: 0 0 56px; } .about-readdle { padding: 96px 0; } .about-readdle .illustration { max-width: 428px; } } @media (max-width: 991px) { .banner .title { font-size: 2em; } .banner .buttons-block { margin: 57px 0 0; } .content { padding: 64px 0 0; } .content p, .content ul li { font-size: 18px; } .vacancies-wrapper .title { margin: 0 0 48px; font-size: 2em; } .vacancies-wrapper .vacancies { margin: 0 0 48px; } .about-readdle { padding: 80px 0; } .about-readdle .info { flex-direction: column; } .about-readdle .text-block { max-width: 100%; } .about-readdle .text-block h2 { font-size: 2em; } .about-readdle .text-block p { font-size: 1.125em; } .about-readdle .read-more-btn { margin: 40px auto 0; } .about-readdle .illustration { max-width: 704px; } .about-readdle .illustration img { width: 100%; } } @media (max-width: 767px) { .banner .info, .banner .buttons-block { flex-direction: column; } .banner .buttons-block { margin: 0; } .banner .buttons-block .buttons { width: 100%; } .banner .apply-btn, .banner .share-btn { font-size: 1em; } .banner .share-block { position: static; top: unset; left: unset; display: none; width: 240px; } .banner .share-block.active { display: flex; } .vacancies-wrapper .title { margin: 0 0 40px; } .vacancies-wrapper .vacancies { gap: 20px; justify-content: center; margin: 0 0 40px; } .about-readdle { padding: 64px 0; } .about-readdle .text-block p { font-size: 1em; } .about-readdle .read-more-btn { display: none; } .about-readdle .read-more-btn.mobile { display: flex; } } @media (max-width: 575px) { .banner .buttons-block, .banner .apply-btn { width: 100%; } .banner .share-block { align-self: flex-end; } .banner .share-btn span { display: none; } .about-readdle .read-more-btn.mobile { width: 100%; } }