@charset "UTF-8"; /*** The new CSS reset - version 1.9 (last updated 19.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } body { outline: none; background: #303030; margin: 0; padding: 0; display: flex; min-height: 100vh; flex-direction: column; } html { overflow-y: scroll; } a { cursor: pointer; } * { box-sizing: border-box; font-optical-sizing: auto; color: #fff; font-family: 'Montserrat', sans-serif; } main { flex: 1; max-width: 100%; position: relative; } .line-row { display: flex; flex-direction: row; } .heading-first { font-size: 40px; font-weight: 600; line-height: 48.76px; text-align: left; color: #fff; font-family: 'Montserrat', sans-serif; } .heading-first.left { text-align: left; } .text-main { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: #fff; font-family: 'Montserrat', sans-serif; } .btn-black, button.btn-black, .faq-list li .btn-black { position: relative; display: inline-flex; align-items: center; height: 42px; padding: 12px 26px; font-size: 14px; font-weight: 500; line-height: 17.07px; letter-spacing: 0.08em; text-align: left; color: #fff; background: #000; border-radius: 45px; font-family: 'Montserrat', sans-serif; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: .2s ease-in-out; } section { position: relative; width: 100%; margin: 0 auto; } .content-wrapper { display: flex; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; } .stamp { position: absolute; top: 45px; right: 15px; width: 100%; height: 167.49px; } .stamp .content-wrapper { position: relative; justify-content: flex-end; width: 100%; height: 100%; max-width: 1260px; padding: 11px 20px; } .stamp .img-logo { position: absolute; top: 0; right: 0; width: 100.9px; height: 100px; border: 0.59px 0px 0px 0px; opacity: 0.5; } main, .techscout, .techscout.inner { position: relative; } .techscout.inner .heading-first, .heading-first.inner { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; line-height: 36.57px; text-underline-position: from-font; text-decoration-skip-ink: none; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .techscout.inner .heading-first.left, .techscout.inner .heading-second.left, .techscout.inner .heading-third.left { text-align: left; } .techscout.inner .heading-second, .heading-first.inner { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 500; line-height: 36.57px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .techscout.inner.end { display: flex; flex-direction: column; align-items: flex-end; } .heading-first.center, .heading-second.center { text-align: left; } .heading-first.left, .heading-second.left { text-align: left; margin: 0; } .heading-second.inner.center { margin: 0 auto; } .heading-third { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; text-underline-position: from-font; text-decoration-skip-ink: none; } .heading-third.center { text-align: center; } .action-btn { height: 52; gap: 24px; padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px; border-radius: 45px; border-width: 1px; color: #fff; } .header { display: flex; justify-content: center; position: relative; width: 100%; max-width: 100%; margin: 0; z-index: 3; background: #303030; transition: .2s all ease-in-out; } .header .content-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1240px; padding: 16px 20px; } .header .header-logo { height: 34px; width: unset; max-width: unset; } .header .hamburger { min-width: 20px; height: 20px; margin-top: -7px; cursor: pointer; } .header .menu-container { display: flex; } .header .menu-item { min-height: 47px; cursor: pointer; font-size: 12px; font-weight: 400; line-height: 14.63px; text-align: left; padding: 5px 0 14px; white-space: nowrap; border-bottom: 1px solid transparent; font-family: 'Montserrat', sans-serif; } .header .menu-item.black { padding: 16px 32px; background: #000; border-radius: 45px; white-space: nowrap; transition: .2s ease-in-out; } .header .menu-item.black:hover { background: #4D4D4D; } .not-found { position: relative; } .not-found .content-wrapper { display: flex; flex-direction: column; align-items: center; padding: 0 20px 78px; } .not-found .err-img { display: flex; justify-content: center; margin: 36px auto 0; } .not-found-text { margin-bottom: 34px; font-size: 22px; font-weight: 500; line-height: 26.82px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .err .btn-black { padding: 12px 32px; } .breadcrumbs { display: flex; justify-content: center; position: relative; width: 100%; padding: 17px 0; } .breadcrumbs .content-wrapper { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 12px; color: rgba(255, 255, 255, 0.6); font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .breadcrumbs-item { padding: 0 9px; color: rgba(255, 255, 255, 0.6); font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; cursor: pointer; } .breadcrumbs-item.active { color: white; cursor: auto; } .opening-section { display: flex; justify-content: center; position: relative; background: #303030; } .opening-section .content-wrapper { position: relative; width: 100%; max-width: 1240px; flex-direction: column; padding: 17px 0px 41px; } .opening-section .content-wrapper .col { width: 100%; } .opening-section .content-wrapper .text-main { max-width: 574px; padding: 0 20px 32px; } .opening-section .img-container { position: relative; max-width: 100%; width: 100%; display: none; } .opening-section .img-container.mob { display: flex; max-width: 100%; overflow: hidden; margin: 33px auto 33px; } .opening-section .img-container .img-pic { max-width: 94%; margin: 12px auto 0; transform: translateX(3%); } .opening-section .img-container .img-logo { position: absolute; top: 0; right: 0; width: 100px; height: 100px; opacity: 0.5; } .socials { position: relative; z-index: 1; padding-left: 20px; } .socials-container { display: flex; flex-direction: row; margin-top: 31px; } .socials-item { display: flex; width: 24px; height: 24px; margin: 0 32px 0 0; } .socials-item:hover svg { transition: .3s ease-in-out; fill: #fff; } .socials svg { fill: #8C8C8C; transition: .3s ease-in-out; } .heart-hands { max-height: 40px; transform: translateY(2px); } .inner-hero { position: relative; } .inner-hero .content-wrapper { flex-direction: column; align-items: center; padding: 15px 20px 10px; } .inner-hero .product-container { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; margin: 44px auto; } .inner-hero .product-location-item { position: relative; display: flex; flex-direction: column; align-items: flex-start; z-index: 1; } .inner-hero .product-location-item .heading-first.center { text-align: center; } .inner-hero .product-location-item .country-flag { width: 16px; height: auto; margin-left: 5px; } .inner-hero .product-location-item-title { padding: 15px 0 64px; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 500; line-height: 26.82px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .inner-hero .product-item { display: flex; flex-direction: column; position: relative; width: 100%; max-width: 1200px; margin: 20px 0; border: 10px solid #404040; gap: 10px; border-radius: 286px 286px 286px 286px; overflow: hidden; } .inner-hero .product-item .product-item-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; content: ''; display: flex; filter: grayscale(1); background-size: cover; overflow: hidden; z-index: 1; } .inner-hero .product-item .product-item-img img { position: absolute; top: 50%; left: 0; min-height: 100%; height: auto; filter: grayscale(1); max-block-size: unset; max-inline-size: unset; width: 100%; transform: translateY(-50%); } .inner-hero .product-item-content { display: flex; flex-direction: column; align-items: center; max-width: 531px; overflow: hidden; position: relative; margin: 22px 23px 21px; padding: 66px 16px 61px; border-radius: 286px; backdrop-filter: blur(93.5px); border-image-source: linear-gradient(360deg, #1F1F1F -0.04%, #A8A8A8 99.96%); } .inner-hero .content-wrapper.left { align-items: flex-start; } .inner-hero.guide .product-container { margin: 11px auto; } .inner-hero.guide .product-item { max-width: 1200px; border-radius: 215px 215px 215px 215px; } .inner-hero.guide .product-item .product-item-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; content: ''; display: flex; filter: grayscale(1); background-size: cover; overflow: hidden; z-index: 1; } .inner-hero.guide .product-item .product-item-img img { position: absolute; top: 50%; left: 0; min-height: 100%; height: auto; filter: grayscale(1); max-block-size: unset; max-inline-size: unset; width: 100%; transform: translateY(-50%); } .inner-hero.guide .product-location-item.end { align-items: flex-end; } .relocation-info { position: relative; padding: 0; border-radius: 20px 20px 0px 0px; background-color: #3C3C3C; box-shadow: 0px 0px 40px 0px #00000040; } .relocation-info .content-wrapper { display: flex; flex-direction: column; padding: 19px 20px 39px; } .exclamation-item { display: flex; align-items: flex-start; width: 100%; margin: 0 auto; padding: 18px 17px; background-color: #5D5D5D; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .exclamation-item .exclamation-img { display: block; min-height: 32px; width: 32px; margin-top: -2px; margin-right: 16px; } .info-item-container { display: flex; flex-direction: column; } .info-item-container:nth-of-type(2) { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, min-content) auto; grid-gap: 0 32px; } .info-item-container:nth-of-type(2) .info-item .info-item-img.pic.top { overflow: hidden; } .info-item-container:nth-of-type(2) .info-item:nth-of-type(2) .info-item-img.pic.top { border-radius: 224px 224px 20px 20px; } .info-item-container + .heading-third, .info-item-container + p { display: flex; margin-top: 30px; text-align: left; } .line-1 { width: 100%; grid-row: 1; } .line-side { grid-row: 1 / span 2; grid-column: 1 / span 2; } .line-2 { grid-row: 1 / span 1; grid-column: 2 / span 1; } .line-3 { grid-column: 2 / span 2; grid-row: 2 / span 1; } .info-item { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 31px; padding: 22px 22px 28px; border-radius: 224px; border: 1px solid #888888; } .info-item-content { display: flex; flex-direction: column; flex-grow: 1; margin-top: 22px; } .info-item .heading-third { text-align: left; display: flex; align-items: center; font-size: 22px; font-weight: 500; line-height: 26.82px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .info-item .heading-third span { margin-right: 10px; font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 500; line-height: 36.57px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .info-item .text-main { padding: 19px 0 20px; font-size: 12px; font-weight: 500; line-height: 14.93px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .info-item .text-main + .text-main { padding: 0px 0 23px; } .info-item img { filter: grayscale(1); } .info-item .info-item-img.pic { width: 100%; overflow: hidden; } .info-item .info-item-img.pic img { display: flex; max-width: unset; max-inline-size: unset; max-block-size: unset; width: 100%; } .info-item .info-item-img.pic.top { border-radius: 224px 224px 20px 20px; } .info-item .info-item-img.pic.bot { border-radius: 20px 20px 164px 164px; } .info-item .info-item-img.logo { min-width: 87.65px; height: 87.77px; top: 30.18px; left: 96.18px; border: 0.59px; width: 100px; height: 100px; border: 0.59px; opacity: 0.5; } .info-item.line-1:nth-of-type(2) .info-item-img.pic.bot { border-radius: 20px 20px 224px 224px; } .info-item.line-side .text-main + .text-main { padding: 8px 0 32px; } .info-item.line-side .info-item-img.pic { overflow: hidden; border-radius: 20px 20px 400px 400px; border-radius: 20px 20px 224px 224px; width: 100%; } .info-item.line-3 .info-item-content { margin-top: 10px; } .info-item.line-3 .info-item-img.logo { margin: 25px auto 0px; } .info-item.line-3 .heading-third { margin-top: 31px; text-align: center; justify-content: center; } .info-item.line-3 .btn-black { margin-top: 22px; } .text-main { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .inner-hero.serv { position: relative; padding: 0; } .services { display: flex; align-items: flex-end; flex-grow: 1; position: relative; width: 100%; overflow: hidden; } .services .content-wrapper { max-width: 100%; padding: 0; } .tab-list { width: 100%; max-width: 100%; list-style: none; padding: 30px 0 0 0; } .tab-list .heading-second-container { display: none; } .tab-list .heading-second.oriented { font-family: 'Montserrat', sans-serif; font-size: 67.85px; font-weight: 500; line-height: 67.85px; text-align: left; color: #4E4E4E; } .tab-list .heading-second.oriented span { color: #4E4E4E; font-family: 'Montserrat', sans-serif; font-size: 90.47px; font-weight: 500; line-height: 67.85px; text-align: left; } .tab-list .tab-content-inner { position: relative; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0; } .tab-list li { position: relative; padding: 0 4px; border-radius: 20px 20px 0px 0px; } .tab-list li:first-of-type { background: #4D4D4D; } .tab-list li:first-of-type::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #4D4D4D; } .tab-list li:nth-of-type(2) { background: #5D5D5D; } .tab-list li:nth-of-type(2)::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #5D5D5D; } .tab-list li:nth-of-type(3) { background: #3E3E3E; } .tab-list li:nth-of-type(3)::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #3E3E3E; } .tab-list button.tab-item { margin: 0; background: transparent; width: 100%; padding: 21px 15px 19px 16px; border: none; text-transform: inherit; position: relative; transition: all .15s; cursor: pointer; font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 500; line-height: 36.57px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; } .tab-list button.tab-item svg { width: 24px; height: 24px; transition: all .15s; position: absolute; margin: auto; } .tab-list button.tab-item.active .tab-item-title { width: 100%; white-space: unset; text-overflow: unset; overflow: unset; } .tab-list button.tab-item.active svg { transform: rotate(180deg); } .tab-list .tab-outer { max-height: 0; overflow: hidden; transition: max-height .2s ease-out; position: relative; } .tab-list .tab-outer .tab-inner { padding: 8px 14px 40px 14px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .tab-list .btn-black { margin-top: 8px; } .tab-list .arrow-open { position: absolute; top: 27px; right: 12px; width: 24px; height: 24px; margin: 5px 0px; } .tab-list .inner-wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-end; margin: 0 auto; } .tab-list .inner-wrapper-small { position: relative; display: flex; align-items: flex-start; width: 100%; max-width: 883px; margin: 0; } .tab-list img { max-inline-size: unset; max-block-size: unset; } .product-container.interviews { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; margin: 0 auto 30px; max-width: 363px; } .product-container.interviews .product-location-item { position: relative; display: flex; flex-direction: column; align-items: flex-start; z-index: 2; } .product-container.interviews .product-location-item .heading-first.center { text-align: center; } .product-container.interviews .product-location-item-title { padding: 15px 0 64px; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 500; line-height: 26.82px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .product-container.interviews .product-location-item.end { align-items: center; } .product-container.interviews .product-item { display: flex; flex-direction: column; position: relative; width: 100%; max-width: 1200px; margin: 4px 0; border: 10px solid #404040; gap: 10px; border-radius: 286px 286px 286px 286px; overflow: hidden; } .product-container.interviews .product-item .product-item-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; content: ''; display: flex; filter: grayscale(1); background-size: cover; overflow: hidden; z-index: 1; } .product-container.interviews .product-item .product-item-img img { position: absolute; top: 50%; left: 0; min-height: 100%; height: auto; filter: grayscale(1); max-block-size: unset; max-inline-size: unset; width: 100%; transform: translateY(-50%); } .product-container.interviews .product-item-content { display: flex; flex-direction: column; align-items: center; max-width: 221px; width: 100%; overflow: hidden; position: relative; margin: 22px 23px 21px; padding: 63px 23px 61px; border-radius: 286px; backdrop-filter: blur(93.5px); border-image-source: linear-gradient(360deg, #1F1F1F -0.04%, #A8A8A8 99.96%); } .product-container.interviews .product-item.end { align-items: center; } .product-container.interviews .product-item .heading-third { max-width: 414px; text-align: center; font-weight: 400; } .services-item { display: flex; flex-direction: column; align-items: center; position: relative; max-width: 350px; margin: 0 auto 32px; padding: 23px; border: 1px solid #888888; background: #4E4E4E; border-radius: 224px; } .services-item-img.pic { border-radius: 224px 224px 20px 20px; overflow: hidden; filter: grayscale(1); } .services-item-img.pic img { max-width: 100%; } .services-item-img.stamp { position: relative; top: unset; right: unset; bottom: unset; left: unset; overflow: hidden; width: 100px; height: 100px; border: 0.59px 0px 0px 0px; opacity: 0.5; } .services-item-img.stamp img { max-width: max-content; min-height: 100%; min-width: 100%; width: 100%; height: auto; } .services-item-text { margin-top: 0; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; text-underline-position: from-font; text-decoration-skip-ink: none; } .faq-list { max-width: 750px; list-style: none; padding: 27px 0 0 0; } .faq-list li { position: relative; font-size: 18px; font-weight: 400; color: #FFF; font-feature-settings: 'liga' off, 'clig' off; font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.18px; background-color: #252525; border-radius: 10px; margin-bottom: 3px; } .faq-list li button { font-size: 18px; line-height: 21.94px; margin: 0; background: transparent; font-weight: 500; width: 100%; text-align: left; padding: 14px 38px 11px 22px; border: none; text-transform: inherit; position: relative; transition: all .15s; cursor: pointer; text-align: left; display: flex; align-items: flex-start; justify-content: space-between; } .faq-list li button p { margin: 0; padding: 5px 0; color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 21.94px; text-align: left; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: " [..]"; } .faq-list li button svg { width: 24px; height: 24px; transition: all .15s; position: absolute; margin: auto; } .faq-list li button.active p { width: 100%; white-space: unset; text-overflow: unset; overflow: unset; } .faq-list li button.active .country-flag { margin: 5.5px 20px 5.5px 5px; } .faq-list li button.active svg { transform: rotate(180deg); } .faq-list li .answer-outer { max-height: 0; overflow: hidden; transition: max-height .2s ease-out; position: relative; } .faq-list li .answer-outer .answer-inner { padding: 8px 15px 8px 22px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .faq-list li .answer-outer .answer-inner p { padding: 0; margin: -5px 0 9px; max-width: 686px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-align: left; } .faq-list li .answer-outer .answer-inner ul { padding-bottom: 24px; list-style: disc; padding-left: 15px; } .faq-list .country-flag { width: 20px; min-height: 20px; margin: 5.5px 20px; } .projects-section { position: relative; background: #3C3C3C; box-shadow: 0px 0px 40px 0px #00000040; padding: 0; border-radius: 20px 20px 0px 0px; } .projects-section .content-wrapper { display: flex; flex-direction: column; max-width: 1240px; width: 100%; margin: 0 auto; padding: 18px 20px 40px; position: relative; } .projects-section .heading-second { font-family: 'Montserrat', sans-serif; font-size: 67.85px; font-weight: 500; line-height: 67.85px; text-align: left; color: #4E4E4E; } .projects-section .heading-second span { color: #4E4E4E; font-family: 'Montserrat', sans-serif; font-size: 90.47px; font-weight: 500; line-height: 67.85px; text-align: left; } .projects-section .btn-black { margin-top: 30px; } .arrow-open { position: absolute; top: 18px; right: 18px; width: 24px; height: 24px; margin: 5px 27px; } .vacancies { position: relative; } .vacancies .content-wrapper { flex-direction: column; align-items: flex-start; justify-self: flex-start; position: relative; width: 100%; max-width: 1216px; padding: 0 20px 49px; } .vacancies .content-wrapper-inner { width: 100%; } .projects-section.vacancies { background: transparent; box-shadow: none; border-radius: 0; } .projects-section.vacancies .answer-inner { display: flex; flex-direction: column; } .projects-section.vacancies .part-all { display: flex; width: 100%; position: relative; } .projects-section.vacancies .part.one { padding-top: 42px; } .projects-section.vacancies .part.one .vacancy-line { max-width: 708px; } .projects-section.vacancies .part.two { width: 100%; } .projects-section.vacancies .faq-list { width: 100%; max-width: 100%; padding: 2px 0 0; } .projects-section.vacancies .faq-list li { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; line-height: 14.63px; margin-bottom: 9px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; } .projects-section.vacancies .faq-list li button.btn-black { width: unset; } .projects-section.vacancies .faq-list li button.question { width: 100%; } .projects-section.vacancies .faq-list li button p { font-size: 22px; font-weight: 500; line-height: 26.82px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .projects-section.vacancies .faq-list li .answer-outer .answer-inner { padding: 8px 15px 8px 20px; } .projects-section.vacancies .faq-list li .answer-outer .answer-inner ul { padding-bottom: 13px; } .projects-section.vacancies .answer-inner { display: flex; } .projects-section.vacancies .vacancy-heading { display: block; padding-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 24px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; } .projects-section.vacancies .tags { display: flex; flex-wrap: wrap; margin-bottom: 19px; } .projects-section.vacancies .tag-item { display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); margin: 4px; padding: 8px 12px 8px 12px; border-radius: 6px 6px 6px 6px; overflow: hidden; height: 31px; } .projects-section.vacancies .vacancy-block-sm { display: flex; flex-direction: column; margin-bottom: 20px; } .projects-section.vacancies .vacancy-title-sm { font-size: 12px; font-weight: 600; line-height: 18.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #979797; } .projects-section.vacancies .vacncy-name-sm { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #fff; } .answer-inner.end { align-items: flex-end; } .selected-tags { display: flex; gap: 5px; } .selected-tags .tag { background-color: #444; color: #fff; padding: 5px 10px; border-radius: 15px; display: flex; align-items: center; gap: 5px; } .selected-tags .tag span { cursor: pointer; color: #f00; font-weight: bold; } .filter-container { display: flex; flex-direction: column; width: 100%; gap: 10px; margin-top: 33px; margin-bottom: 20px; } .filter-container .filter-line { display: flex; width: 100%; } .filter-container .filter-line.tags { margin-top: 3px; margin-bottom: 13px; } .filter-container .input-search { width: 795px; height: 52px; padding: 16px 32px 16px 32px; border-radius: 8px; border: 1px solid #979797; font-size: 16px; font-weight: 500; line-height: 19.5px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; padding: 9px 50px 10px 32px; } .filter-container .input-search:placeholder { color: #979797; } .filter-container input { gap: 10px; } #jobs-container { margin-top: 20px; } input[type="checkbox"] { width: 20px; height: 20px; left: 10px; cursor: pointer; z-index: 10; opacity: 0; } #selectWrap { width: 100%; height: 2.5rem; overflow: none; position: relative; display: inline-block; } #selectWrap .selectArrow { position: absolute; right: 1px; top: 1px; height: 2.5rem; height: 39px; width: 2.5rem; text-align: right; padding-right: 0.5rem; } #selectWrap .selectArrow:before { content: ''; background: #000 "./../images/dropdown-arrow.svg" no-repeat 50% 50%; line-height: 0; font-size: 12px; font-weight: 500; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } #selectWrap select { border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; cursor: pointer; color: #fff; padding-left: 0.875rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; background-color: transparent; height: 39px; width: 100% !important; padding-right: 1.5rem !important; } #selectWrap select option { color: #000; } #selectWrap select:-moz-focusring { color: transparent; } #selectWrap select::-ms-expand { display: none; } input.search-input { width: 100%; max-width: 795px; height: 52px; padding: 16px 32px 16px 32px; gap: 24px; border-radius: 8px; border: 1px solid #979797; } input.search-input::placeholder { color: #979797; } .select-dropdown { position: relative; display: flex; flex-direction: column; width: 100%; width: 280px; height: 39px; padding: 12px 24px 12px 20px; gap: 24px; border-radius: 8px; border: 1px solid #979797; cursor: pointer; font-size: 12px; font-weight: 500; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .select-dropdown::before { position: absolute; top: 14px; right: 21px; width: 17px; height: 9px; content: ''; background: url("./../images/dropdown-arrow.svg") no-repeat 50% 50%; background-size: contain; transform: rotate(0deg); } .select-dropdown.opened::before { transform: rotate(180deg); } .select-dropdown-inner { display: flex; display: none; flex-direction: column; position: absolute; background: #181818; border-radius: 8px; padding: 20px 20px 20px 18px; width: 100%; width: 280px; opacity: 0; transition: all .15s; z-index: -1; } .select-dropdown-inner > div { display: flex; align-items: center; height: 36px; position: relative; } .select-dropdown-inner label { margin-left: 8px; font-size: 12px; font-weight: 400; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .select-dropdown-inner input + label::before { content: ''; position: absolute; top: 9px; left: 1px; width: 20px; height: 20px; background: #000; border-radius: 4px; opacity: 1; } .select-dropdown-inner input:checked + label::before { content: ''; position: absolute; top: 9px; left: 1px; width: 20px; height: 20px; background: #000 url("./../images/checkbox.svg") no-repeat 50% 50%; opacity: 1; } .inner-hero.serv.vacancies { z-index: 1; } .select-dropdown-inner.opened { display: grid; opacity: 1; z-index: 2; } .list-select-item.active .select-dropdown-inner, li.active .select-dropdown-inner { display: grid; opacity: 1; z-index: 2; } .outside-click-wrapper { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .outside-click-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .selected-tags { display: flex; flex-wrap: wrap; position: relative; width: 100%; min-height: 43px; } .selected-tag { display: flex; align-items: center; position: relative; background: rgba(0, 0, 0, 0.5); height: 31px; padding: 8px 12px 8px 12px; gap: 6px; border-radius: 6px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .selected-tag .selected-tag-remove { cursor: pointer; min-width: 10px; height: 10px; margin-left: 2px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .list-select-item { position: relative; gap: 0; } .filter-line.tags + div { display: flex; flex-direction: row; gap: 12px; } .btn-black.end { display: flex; align-items: center; justify-self: flex-end; } form .btn-black { margin-top: 40px; } .projects-section.vacancies .faq-list li.expanded .answer-outer, .faq-list li.expanded .answer-outer { max-height: unset; } .contact { position: relative; } .contact .content-wrapper { flex-direction: column; align-items: flex-start; justify-self: flex-start; position: relative; width: 100%; max-width: 1297px; padding: 0 20px 49px; } .contact .icon-ts { display: none; position: absolute; top: 0; left: 49px; height: 309px; max-inline-size: unset; max-block-size: unset; } .contact .socials { position: relative; bottom: unset; right: unset; display: flex; padding-left: 0; } .contact .socials .socials-container { flex-direction: row; margin-top: 0; } .contact-item { position: relative; z-index: 1; } .contact-item .icon-mail { position: relative; max-width: 20px; margin-right: 12px; } .contact-item-general { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 576px; } .contact-item.col { display: flex; flex-direction: column; margin-bottom: 32px; } .contact-item.col.soc { position: relative; } .contact-item .heading-small { display: block; color: #979797; margin-bottom: 12px; font-size: 12px; font-weight: 600; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .contact-item a { display: inline-block; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .contact-item a:hover { text-decoration: underline; } .contact-item.icon { display: flex; position: relative; padding-left: 159px; min-height: 159px; margin-bottom: 6px; } .contact-item.icon img { position: absolute; top: -20px; left: -41px; width: 201px; height: 202px; max-block-size: unset; } .contact-item.icon p { max-width: 377px; } .contact-item-text-large { color: #fff; font-size: 18px; font-weight: 500; line-height: 21.94px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .footer { position: relative; z-index: 1; padding: 0; display: flex; flex-direction: column; align-items: center; } .footer::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: -1; } .footer::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 0; background: #4D4D4D; border-top-left-radius: 120px; border-top-right-radius: 120px; box-shadow: 0px 0px 40px 0px #00000040; border-radius: 20px 20px 0px 0px; } .footer .content-wrapper { display: flex; align-items: center; position: relative; width: 100%; max-width: 233px; margin: 0 auto; padding: 20px 20px 40px; z-index: 2; } .footer .content-wrapper span { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; line-height: 14.63px; text-align: center; color: rgba(255, 255, 255, 0.5); } .techscout + .footer { background: #3C3C3C; } .techscout.inner + .footer { background: transparent; } .footer.dark, .techscout.inner.end.serv + .footer { background: #3E3E3E; } .techscout.inner.end.serv.cont + .footer.dark2 { background: transparent; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .overlay.show { opacity: 1; visibility: visible; } .overlay.show .modal { transform: scale(1) translate(-50%, -50%); } .modal { position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%); border-radius: 12px; width: 100%; max-width: 500px; transition: transform 0.3s ease; background: #252525; border: 1px solid #303030; box-shadow: 0px 80px 106px 0px #000; backdrop-filter: blur(50px); } .modal .modal-content { padding: 72px 34px; } .modal .select-dropdown { width: 436px; height: 39px; padding: 12px 44px 12px 24px; gap: 24px; border-radius: 8px; } .modal .select-dropdown::before { top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; } .modal .select-dropdown.open::before { transform: translateY(-50%) rotate(180deg); } .modal .select-dropdown .value { position: absolute; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 12px; line-height: 100%; letter-spacing: 0; } .modal .select-dropdown-inner { width: 100%; /* Білий квадрат */ } .modal .select-dropdown-inner label { padding: 12px 10px; } .modal .select-dropdown-inner input { border: none; width: 20px; max-width: 20px; height: 20px; max-height: 20px; padding: 0; margin-right: 8px; border-radius: 4px; background: #000; } .modal .select-dropdown-inner input[type="radio"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; background: #000; border: none; border-radius: 4px; position: relative; cursor: pointer; } .modal .select-dropdown-inner input[type="radio"]:checked::before { content: ''; display: flex; width: 8px; min-width: 8px; height: 8px; min-height: 8px; background: #fff; position: relative; top: 6px; left: 6px; border-radius: 2px; overflow: hidden; box-sizing: content-box; max-width: 8px; max-height: 8px; } .modal .select-dropdown-inner label { display: flex; align-items: center; justify-self: flex-start; } .modal .close-btn { position: absolute; top: 29px; right: 29px; background: none; border: none; cursor: pointer; } .modal .form-label { display: block; margin-top: 22px; margin-bottom: 14px; font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: 0; color: #7F7F7F; } .modal select, .modal input, .modal textarea { width: 100%; padding: 12px 24px; border: 1px solid #7F7F7F; border-radius: 8px; background: #252525; } .modal select::placeholder, .modal input::placeholder, .modal textarea::placeholder { font-weight: 500; font-size: 12px; line-height: 100%; color: #7F7F7F; } .modal input { height: 39px; } .modal .actions { display: flex; justify-content: space-between; margin-top: 26px; } .modal .modal-select { font-weight: 500; font-size: 12px; line-height: 100%; letter-spacing: 0%; } .modal .action-btn { display: flex; justify-content: center; align-items: center; max-width: 212px; width: 100%; height: 52px; padding: 18px 32px; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 8%; text-transform: uppercase; border: 1px solid #000; cursor: pointer; color: #fff; transition: .2s ease-in-out; } .modal .action-btn.black { margin-left: 12px; background: #000; } .modal .action-btn:hover { opacity: .8; } .modal input.error, .modal textarea.error { border-color: #FF3333; outline: none; color: #FF3333; } .modal .error-message { margin-top: 12px; font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: 0%; color: #FF3333; } .modal-heading-first { margin-top: 0; margin-bottom: 28px; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 30px; line-height: 100%; letter-spacing: 0%; color: #fff; } .modal-text { margin-bottom: 25px; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0; color: #fff; } .select-dropdown-inner.opened { display: flex; flex-direction: column; } .duration-list input { border: none; } .success-message { position: absolute; top: 50%; left: 50%; max-width: 500px; max-height: 558px; width: 100%; transform: translate(-50%, -50%); background: #252525; gap: 32px; border-radius: 16px; border: 1px solid #1D1D1D; padding: 32px; overflow: hidden; display: none; } .success-message .content-wrapper { display: flex; flex-direction: column; align-items: center; padding: 0; } .success-message .action-btn.black { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; align-items: center; height: 52px; margin-top: 31px; padding: 12px 26px; font-size: 14px; font-size: 16px; line-height: 100%; letter-spacing: 0; text-align: left; color: #fff; background: #000; border-radius: 45px; font-family: 'Montserrat', sans-serif; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: .2s ease-in-out; text-transform: uppercase; letter-spacing: 1.2px; } .success-message .modal-heading-first { padding-top: 36px; } .success-img { max-width: 369px; } @media only screen and (min-width: 460px) { .heart-hands { transform: translateY(7px); } } @media only screen and (min-width: 500px) { .info-item .heading-third br { display: none; } } @media only screen and (min-width: 600px) { .opening-section .img-container .img-logo { top: unset; right: 0; width: 167.72px; height: 167.49px; transform: translate(9px, -9px); } .product-container.interviews .product-item { min-height: 453px; border: 20px solid #404040; gap: 10px; border-radius: 286px 286px 286px 286px; overflow: hidden; } .product-container.interviews .product-item-content { margin: 22px auto 21px; } .product-container.interviews .product-item.end { align-items: center; justify-content: center; } .product-container.interviews .product-item .heading-third { font-weight: 500; } .product-container.interviews .product-item .heading-third br { display: none; } } @media only screen and (min-width: 630px) { .inner-hero .product-item-content { margin: 22px auto 21px; } } @media only screen and (min-width: 660px) { .product-container.interviews { max-width: unset; margin: 63px auto 121px; } .product-container.interviews .product-location-item.end { align-items: flex-end; } .product-container.interviews .product-item-content { max-width: 531px; max-width: 550px; width: 550px; margin: 34px 31px; padding: 30px; padding: 64px 30px 62px 30px; border-radius: 215px; overflow: hidden; position: relative; backdrop-filter: blur(93.5px); border-image-source: linear-gradient(360deg, #1F1F1F -0.04%, #A8A8A8 99.96%); } } @media only screen and (min-width: 768px) { .contact .icon-ts { display: flex; } } @media only screen and (min-width: 800px) { .info-item { padding: 22px 32px 28px; } } @media only screen and (min-width: 1025px) { .heading-first { font-size: 55px; font-weight: 600; line-height: 67.05px; } .text-main { font-size: 20px; line-height: 30px; text-align: left; } .btn-black, button.btn-black, .faq-list li .btn-black { height: 52px; padding: 12px 32px; font-size: 16px; line-height: 19.5px; } .stamp { top: 10px; right: 19px; width: 100%; height: 167.49px; } .stamp .img-logo { width: 167.72px; height: 167.49px; border: 1px 0px 0px 0px; opacity: 0.5px; } .techscout.inner .heading-first, .heading-first.inner { font-size: 55px; font-weight: 600; line-height: 67.05px; text-align: left; } .techscout.inner .heading-second, .heading-first.inner { font-size: 40px; font-weight: 600; line-height: 48.76px; } .heading-first.center, .heading-second.center { margin: 0 auto; text-align: center; } .heading-first.left, .heading-second.left { text-align: left; } .heading-third { font-size: 30px; line-height: 36.57px; } .header .content-wrapper { justify-content: space-between; padding: 39px 20px; } .header .header-logo { height: 48px; } .header .hamburger { display: none; } .header .menu-container { position: relative; flex-direction: row; top: unset; right: unset; } .header .menu-item { min-height: unset; margin-left: 62px; margin-left: 4.5vw; padding: 19px 0 14px; border-bottom: 1px solid transparent; } .header .menu-item.active { border-bottom: 1px solid #fff; } .not-found .content-wrapper { padding: 0 20px; } .not-found .err-img { margin: 72px auto 0; } .not-found-text { margin-top: -16px; margin-bottom: 63px; font-size: 30px; font-weight: 500; line-height: 36.57px; } .err .stamp { top: 137px; right: 21px; } .techscout.inner.end.serv.cont.err { padding-bottom: 136px; } .header.err { display: none; } .breadcrumbs { padding: 25px 0; } .opening-section .content-wrapper { display: flex; flex-direction: row; padding: 90px 20px 116px; } .opening-section .content-wrapper .col { max-width: 50%; } .opening-section .content-wrapper .text-main { padding: 64px 0; } .opening-section .img-container { display: flex; } .opening-section .img-container.mob { display: none; } .opening-section .img-container .img-pic { max-width: 521px; margin: 0; transform: none; transform: translateX(11px); } .socials { position: absolute; bottom: 230px; right: 21px; padding-left: 0; } .socials-container { margin-top: unset; flex-direction: column; } .socials-item { margin: 32px 0 0 0; } .heart-hands { max-height: 53px; transform: translateY(0); } .inner-hero .content-wrapper { padding: 0 20px; } .inner-hero .product-item { min-height: 521px; border: 20px solid #404040; gap: 10px; border-radius: 267px 267px 267px 267px; overflow: hidden; } .inner-hero .product-item-content { max-width: 531px; width: 100%; margin: 31px 40px; padding: 30px; padding: 64px 30px 62px 30px; border-radius: 215px; overflow: hidden; position: relative; backdrop-filter: blur(93.5px); border-image-source: linear-gradient(360deg, #1F1F1F -0.04%, #A8A8A8 99.96%); } .inner-hero .product-item .heading-third br { display: none; } .inner-hero.guide .product-container { margin: 107px auto 116px; } .inner-hero.guide .product-item { max-width: 1200px; min-height: 413px; border-radius: 215px 215px 215px 215px; } .inner-hero.guide .product-item-content { max-width: 557px; width: 100%; margin: 31px 25px; padding: 64px 63px 65px; } .relocation-info { border-radius: 120px 120px 0px 0px; } .relocation-info .content-wrapper { display: grid; flex-direction: unset; padding: 121px 20px 80px; } .exclamation-item { align-items: center; padding: 16px 24px; border-radius: 45px; } .exclamation-item .exclamation-img { margin-top: 0; margin-right: 16px; } .info-item-container { display: grid; flex-direction: unset; padding: 78px 0 0; grid-template-rows: repeat(3, min-content) auto; grid-gap: 0 1.9rem; grid-auto-flow: dense; } .info-item-container:nth-of-type(2) .info-item { border-radius: 500px; } .info-item-container:nth-of-type(2) .info-item .info-item-img.pic.top { border-radius: 344px 344px 20px 20px; } .info-item-container:nth-of-type(2) .info-item .info-item-img.pic.top img { border-radius: 344px 344px 20px 20px; } .info-item-container:nth-of-type(2) .info-item:nth-of-type(2) .info-item-img.pic.top { height: 344px; transform: translate(0, 0); border-radius: 164px 164px 20px 20px; } .info-item-container { padding: 78px 0 0; } .info-item-container + .heading-third, .info-item-container + p { display: flex; margin-top: 79px; } .line-1 { max-width: 378.67px; } .line-side, .line-2, .line-3 { max-width: 480px; } .info-item { margin-top: 0; padding: 64px 64px; border-radius: 224px; border: 1px solid #888888; } .info-item-content { margin-top: 64px; } .info-item .heading-third { font-size: 30px; font-weight: 500; line-height: 36.57px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .info-item .heading-third span { font-size: 55px; font-weight: 600; line-height: 67.05px; text-align: left; } .info-item .text-main { padding: 25px 0 61px; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .info-item .info-item-img.pic.top { border-radius: 164px 164px 20px 20px; } .info-item .info-item-img.logo { display: flex; min-width: 167.72px; height: 167.49px; margin: 0 auto; border: 1px; opacity: 0.5; } .info-item:first-of-type .info-item-img.pic { max-height: 140px; overflow: hidden; } .info-item:nth-of-type(3) .info-item-img.pic { max-height: 330px; overflow: hidden; } .info-item.line-1:nth-of-type(2) .info-item-img.pic.bot { height: 236px; border-radius: 20px 20px 130px 130px; } .info-item.line-1:nth-of-type(2) .info-item-img.pic.bot img { transform: translateY(39px) scale(1.45); } .info-item.line-side .text-main { padding: 25px 0; } .info-item.line-side .text-main + .text-main { padding: 0px 0 23px; } .info-item.line-side .info-item-img.pic { max-height: 225.51px; overflow: hidden; border-radius: 20px 20px 400px 400px; width: 100%; } .info-item.line-side .info-item-img.pic img { width: 100%; height: auto; transform: translateY(-113px); } .info-item.line-3 { flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-top: 36px; padding: 63px 44px; } .info-item.line-3 .info-item-content { align-items: center; margin-top: 0; } .info-item.line-3 .info-item-img.logo { margin: unset; } .info-item.line-3 .heading-third { justify-content: flex-start; margin-top: 31px; } .info-item.line-3 .btn-black { margin-top: 22px; } .text-main { font-size: 16px; font-weight: 400; line-height: 24px; } .inner-hero.serv { padding: 0; } .tab-list { padding: 131px 0 0; } .tab-list .heading-second-container { display: flex; position: absolute; top: 0; left: 0; transform: rotate(-180deg); } .tab-list .heading-second.oriented { font-family: 'Montserrat', sans-serif; font-size: 150px; font-weight: 500; line-height: 150px; text-align: left; writing-mode: vertical-rl; text-orientation: mixed; } .tab-list .heading-second.oriented span { color: #4E4E4E; font-family: 'Montserrat', sans-serif; font-size: 200px; line-height: 150px; text-align: left; } .tab-list li { padding: 0 20px; border-radius: 120px 120px 0px 0px; box-shadow: 0px 0px 40px 0px #00000040; } .tab-list button.tab-item { font-size: 40px; font-weight: 600; line-height: 48.76px; padding: 59px 15px 61px 20px; } .tab-list .tab-outer .tab-inner { padding: 0 19px 61px; } .tab-list .btn-black { margin-top: 32px; } .tab-list .arrow-open { top: 72px; right: 14px; width: 24px; height: 24px; margin: 0px 24px; } .product-container.interviews .product-item.end { align-items: flex-end; } .services-item { display: flex; flex-direction: row; width: 100%; max-width: 883px; justify-content: space-between; align-items: center; margin: 0 0 32px; padding: 62px 62px 64px; border-radius: 224px; } .services-item-img.pic { border-radius: 164px 164px 20px 20px; width: 229.64px; height: 167.49px; } .services-item-img.pic.left { width: 229.64px; height: 167.49px; border-radius: 87px 20px 20px 87px; } .services-item-img.pic.left.large { width: 229.64px; height: 264px; border-radius: 400px 20px 20px 400px; } .services-item-img.pic.left.large img { height: 100%; max-width: unset; width: auto; } .services-item-img.pic.right { width: 229.64px; height: 167.49px; border-radius: 20px 87px 87px 20px; } .services-item-img.pic.right.special-2 img { display: flex; transform: translateY(-28px); } .services-item-img.pic.center { width: 229.64px; height: 263px; border-radius: 400px; } .services-item-img.pic.center img { height: 100%; width: auto; max-width: unset; } .services-item-img.stamp { width: 167.72px; height: 167.49px; border: 1px 0px 0px 0px; } .services-item-text { max-width: 229.64px; } .services-item-text.left { text-align: right; } .faq-list { padding: 83px 0 0; } .faq-list li { margin-bottom: 8px; border-radius: 20px; } .faq-list li button { display: flex; align-items: flex-start; justify-content: space-between; margin: 0; padding: 28px 60px 27px 33px; font-size: 22px; line-height: 32px; } .faq-list li button p { width: 590px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: " [..]"; font-size: 22px; line-height: 26.82px; } .faq-list li button.active .country-flag { margin: 5.5px 20px; } .faq-list li .answer-outer .answer-inner { padding: 0 36px; } .faq-list li .answer-outer .answer-inner p { margin: -5px 0 31px; font-size: 16px; line-height: 24px; } .faq-list .country-flag { width: 24px; min-height: 24px; margin: 5.5px 20px; } .projects-section { padding: 20px 20px 57px 20px; border-radius: 120px 120px 0px 0px; } .projects-section .content-wrapper { min-height: 804px; align-items: flex-end; padding: 18px 20px; } .projects-section .heading-second { font-family: 'Montserrat', sans-serif; font-size: 150px; font-weight: 500; line-height: 150px; text-align: left; transform: rotate(-90deg) translate(-341px, -127px); } .projects-section .heading-second span { color: #4E4E4E; font-family: 'Montserrat', sans-serif; font-size: 200px; line-height: 150px; text-align: left; } .projects-section .heading-second-container { position: absolute; top: 0; left: 0; } .projects-section .btn-black { margin-top: 55px; } .arrow-open { top: 34px; right: 32px; } .vacancies { padding-top: 26px; } .projects-section.vacancies .part.one { padding-top: 6px; } .projects-section.vacancies .faq-list { padding: 81px 0 0; } .projects-section.vacancies .faq-list .arrow-open { top: 39px; } .projects-section.vacancies .faq-list li { margin-bottom: 8px; } .projects-section.vacancies .faq-list li button p { font-size: 30px; font-weight: 500; line-height: 36.57px; } .projects-section.vacancies .faq-list li .answer-outer .answer-inner { padding: 8px 32px 33px; } .projects-section.vacancies .faq-list li .answer-outer .answer-inner ul { padding-bottom: 24px; padding-left: 18px; } .projects-section.vacancies .faq-list .country-flag { margin: 9.5px 20px; } .projects-section.vacancies .vacancy-heading { font-size: 16px; font-weight: 500; line-height: 30px; } .projects-section.vacancies .tags { margin-bottom: 29px; } .projects-section.vacancies .vacancy-block-sm { margin-bottom: 32px; } .projects-section.vacancies .faq-list li.active, .projects-section.vacancies .faq-list li button.question.active { padding: 28px 60px 14px 33px; } .selected-tags { gap: 10px; margin-top: 10px; } .filter-container { margin-top: 65px; } .filter-container .filter-line.tags { margin-top: 3px; margin-bottom: 22px; } .select-dropdown::before { top: 12px; right: 18px; width: 23px; height: 12px; } .selected-tags { min-height: 63px; } .filter-line.tags + div { gap: 17px; } .contact { padding-top: 26px; } .contact .socials { position: relative; bottom: unset; right: unset; display: flex; } .contact .socials-item { margin: 0 32px 0 0; } .contact-item { min-height: 202px; } .contact-item.col { margin-bottom: 0; padding-top: 76px; } .contact-item.col.soc { max-width: 234px; margin-left: 20px; } .contact-item.icon { align-items: center; min-height: 202px; margin-bottom: 0; padding-left: 200px; } .contact-item.icon img { top: 0; left: 0; } .contact-item-text-large { font-size: 30px; font-weight: 500; line-height: 36.57px; } .techscout.inner.end.serv.cont { padding-top: 66px; padding-bottom: 216px; } .footer { padding: 0; } .footer::after { padding: 0; border-radius: 120px 120px 0px 0px; } .footer .content-wrapper { max-width: 1239px; padding: 63px 20px 59px; } } @media only screen and (min-width: 1200px) { .vacancies .content-wrapper { position: relative; width: 100%; max-width: 1216px; padding: 0 7px 0; } .projects-section.vacancies .part-all { flex-direction: row; } .projects-section.vacancies .part.one { display: flex; flex-direction: column; flex-grow: 1; margin-right: 20px; } .projects-section.vacancies .part.two { width: 304px; } .contact .content-wrapper { position: relative; flex-direction: row; justify-content: space-between; width: 100%; max-width: 1297px; padding: 54px 7px 0; } .contact .socials { padding-left: 20px; } .contact-item-general { flex-direction: row; justify-content: space-between; } .contact-item.col { padding-top: 76px; width: 50%; } .contact-item a { margin-left: 8px; } } @media only screen and (min-width: 1225px) { .line-side, .line-2, .line-3 { max-width: 584px; } } @media only screen and (min-width: 1240px) { .select-dropdown { width: 389.33px; height: 39px; padding: 12px 44px 12px 24px; gap: 24px; border-radius: 8px; } .select-dropdown-inner { width: 389.33px; padding: 20px 20px 20px 18px; gap: 24px; border-radius: 8px; } } @media only screen and (max-width: 1999px) { .projects-section.vacancies .part-all { flex-direction: column-reverse; margin-top: -10px; } } @media only screen and (max-width: 1024px) { .header .menu-container { flex-direction: column; top: 50px; right: 20px; transition: .2s ease-in; opacity: 0; position: absolute; min-width: 100px; padding: 32px 20px 32px 20px; gap: 0px; border-radius: 20px 0px 20px 20px; background: #252525; display: none; } .header .menu-container.is-active { display: flex; opacity: 1; } .header .menu-item { word-break: break-all; } .techscout.inner.end.serv.cont.err .stamp { top: -14px; z-index: 3; } .opening-section .content-wrapper .heading-first { padding: 0 20px; max-width: 540px; } .opening-section .btn-black { margin: 0 20px; } .services-item-img.pic { order: 1; } .services-item-img.stamp { order: 3; } .services-item-text { padding: 26px 0 23px; font-size: 12px; font-weight: 500; line-height: 14.63px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; order: 2; } .projects-section.vacancies .faq-list li button { padding: 15px 57px 15px 21px; font-size: 22px; font-weight: 500; line-height: 26.82px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .projects-section.vacancies .faq-list li button svg { width: 20px; height: 20px; } .projects-section.vacancies .faq-list li button .arrow-open { top: 19px; right: 21px; } .filter-container .input-search { height: 44px; padding: 12px 25px 12px 23px; } input.search-input { height: 44px; padding: 12px 25px 12px 23px; } .inner-hero.serv.vacancies .content-wrapper { padding: 15px 20px 10px; } .contact-item.icon p { margin-top: 23px; } .techscout.inner.end.serv.cont .stamp { top: -5px; } .modal .form-label { margin-top: 14px; margin-bottom: 9px; } .modal .form-label:first-of-type { margin-top: 14px; margin-bottom: 9px; } .modal .actions { margin-top: 29px; } .modal .action-btn { max-width: 122px; height: 42px; padding: 10px 12px; font-size: 14px; } .modal-heading-first { margin-bottom: 14px; font-size: 22px; } .modal-text { margin-bottom: 0; font-weight: 400; font-size: 12px; line-height: 124%; letter-spacing: 0%; } .success-message { padding: 32px 27px 32px; } .success-message .content-wrapper { align-items: flex-start; } .success-message .modal-text { font-weight: 400; font-size: 12px; line-height: 124%; letter-spacing: 0%; } .success-message .action-btn.black { height: 42px; } .success-message .modal-heading-first { text-align: left; font-size: 22px; } .success-img { max-width: 220.85px; margin: 0 auto; } } @media only screen and (max-width: 925px) { .filter-line.tags + div { flex-wrap: wrap; } } @media only screen and (max-width: 768px) { .projects-section.vacancies .faq-list .country-flag { display: none; } .inner-hero.serv.vacancies .heading-second.inner.center { padding: 0 10px; text-align: center; } .job-item { --max-lines: 1; position: relative; max-height: 27px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: " [..]"; } } @media only screen and (max-width: 500px) { .modal { max-width: 320px; } .modal .modal-content { padding: 32px 34px; } .modal .select-dropdown { width: 256px; height: 39px; padding: 12px 44px 12px 24px; } .modal .select-dropdown-inner { width: 256px; } .modal .select-dropdown-inner label { padding: 12px 10px; } } @media only screen and (max-width: 460px) { .opening-section .content-wrapper .heading-first { max-width: 340px; } } @media only screen and (max-width: 450px) { .contact-item.icon p { max-width: 162px; margin-top: 23px; } } @media only screen and (max-height: 660px) { .modal .modal-content { max-height: 90vh; overflow-y: auto; } }