.elementor-14770 .elementor-element.elementor-element-5c734b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14770 .elementor-element.elementor-element-280f8cd > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-14770 .elementor-element.elementor-element-bb99973{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-14770 .elementor-element.elementor-element-bb99973 .elementor-widget-container{text-align:center;}.elementor-14770 .elementor-element.elementor-element-bb99973 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-14770 .elementor-element.elementor-element-2a46f63 > .elementor-widget-container{margin:0px 0px 050px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-14770 .elementor-element.elementor-element-bb99973{--grid-template-columns:repeat(4, auto);}.elementor-14770 .elementor-element.elementor-element-bb99973 .elementor-widget-container{text-align:center;}.elementor-14770 .elementor-element.elementor-element-2a46f63 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-280f8cd */.vacancy-promo { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 22px; padding: 26px 30px; display: flex; justify-content: space-between; align-items: center; gap: 30px; box-shadow: 0 10px 30px rgba(15,23,42,.05); transition: .3s ease; } .vacancy-promo:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(47,128,237,.10); } /* LEFT */ .vacancy-promo-content { display: flex; align-items: center; gap: 18px; } .promo-icon { width: 58px; height: 58px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: rgba(47,128,237,.08); color: #2F80ED; } .promo-icon svg { width: 26px; height: 26px; } .promo-text h3 { margin: 0 0 6px; color: #0F172A; font-size: 22px; font-weight: 700; } .promo-text p { margin: 0; color: #334155; line-height: 1.6; } /* BUTTON */ /* BUTTON */ .promo-btn, .promo-btn:visited { display: inline-flex; align-items: center; gap: 10px; background: #2F80ED; color: #FFFFFF !important; text-decoration: none !important; padding: 14px 22px; border-radius: 14px; font-weight: 600; border: 1px solid #2F80ED; transition: .25s ease; box-shadow: 0 10px 24px rgba(47,128,237,.20); } .promo-btn:hover, .promo-btn:focus, .promo-btn:active { background: #2F80ED !important; color: #FFFFFF !important; text-decoration: none !important; border-color: #2F80ED !important; transform: translateY(-2px); box-shadow: 0 16px 32px rgba(47,128,237,.28); } /* FORCE ICON COLOR */ .promo-btn svg { width: 18px; height: 18px; color: #FFFFFF; stroke: currentColor; } .promo-btn:hover svg, .promo-btn:focus svg, .promo-btn:active svg { color: #FFFFFF !important; stroke: #FFFFFF !important; } /* MOBILE */ @media (max-width:768px){ .vacancy-promo { flex-direction: column; align-items: flex-start; } .promo-action { width: 100%; } .promo-btn { width: 100%; justify-content: center; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4067ec7 */.contact-card-section { padding: 80px 20px; background: linear-gradient( 180deg, var(--bg), #F8FAFC ); } .contact-card { max-width: 650px; margin: auto; background: rgba(255,255,255,.9); border: 1px solid var(--border); border-radius: 18px; padding: 30px; box-shadow: 0 10px 30px rgba(15,23,42,.05); backdrop-filter: blur(10px); text-align: center; } .contact-card h3 { font-size: 24px; font-weight: 700; color: var(--heading); margin-bottom: 25px; position: relative; } .contact-card h3::after { content: ""; display: block; width: 50px; height: 3px; margin: 10px auto 0; background: var(--accent); border-radius: 10px; } .contact-link { display: block; padding: 14px 18px; margin-bottom: 12px; border-radius: 12px; background: #fff; border: 1px solid #E2E8F0; text-decoration: none; color: var(--heading); font-size: 15px; font-weight: 500; transition: all .25s ease; } .contact-link:hover { transform: translateY(-2px); border-color: rgba(47,128,237,.25); box-shadow: 0 12px 30px rgba(47,128,237,.12); color: var(--accent); } .contact-link:last-child { margin-bottom: 0; } @media (max-width: 768px) { .contact-card { padding: 24px; } .contact-card h3 { font-size: 22px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2a46f63 */.cta-section { padding: 1px 20px; background: var(--bg); display: flex; justify-content: center; } /* MAIN CARD */ .cta-card { max-width: 950px; width: 100%; background: linear-gradient(135deg, #ffffff, #f8fafc); border: 1px solid var(--border); border-radius: 22px; padding: 30px 35px; display: flex; align-items: center; justify-content: space-between; gap: 30px; box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08); position: relative; overflow: hidden; } /* GLOW EFFECT */ .cta-card::before { content: ""; position: absolute; width: 220px; height: 220px; background: radial-gradient( circle, rgba(47,128,237,0.15), transparent 70% ); top: -60px; right: -60px; border-radius: 50%; } /* LEFT TEXT */ .cta-text { flex: 1; } .cta-text h2 { font-size: 20px; color: var(--heading); margin: 0 0 8px; } .cta-text p { font-size: 14px; color: var(--text); margin: 0; line-height: 1.6; } /* RIGHT ACTION */ .cta-action { flex-shrink: 0; } /* BUTTON */ .cta-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--accent); color: #fff !important; padding: 12px 18px; border-radius: 12px; text-decoration: none; font-weight: 600; box-shadow: 0 8px 20px rgba(47,128,237,0.25); transition: all 0.25s ease; } /* ICON */ .btn-icon svg { width: 18px; height: 18px; fill: #fff; } /* HOVER */ .cta-btn:hover { background: var(--accent-dark); color: #fff !important; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(47,128,237,0.35); } /* RESPONSIVE */ @media (max-width:768px) { .cta-card { flex-direction: column; text-align: center; } .cta-action { width: 100%; } .cta-btn { justify-content: center; width: 100%; } } .cta-card::before { pointer-events: none; }/* End custom CSS */