:root { --shada-teal: #0f6d73; --shada-teal-dark: #0a4f54; --shada-teal-light: #eef7f7; --shada-border: #cfe6e6; --shada-soft-border: #d9ecec; --shada-text: #1f2933; --shada-muted: #5f6f7a; --shada-bg: #ffffff; --shada-soft-bg: #f9fcfc; --shada-radius: 10px; --shada-shadow: 0 2px 8px rgba(0,0,0,0.06); --cassiopeia-color-primary: #0f6d73; --cassiopeia-color-link: #0f6d73; --cassiopeia-color-hover: #0a4f54; } body { background: #ffffff; color: var(--shada-text); font-size: 17px; line-height: 1.7; } a { color: var(--shada-teal); } a:hover, a:focus { color: var(--shada-teal-dark); } .grid-child, .container-header .grid-child, .container-footer .grid-child { max-width: 1280px; } .site-grid { background: #ffffff; } .container-component, .container-main, .com-content-article, .blog, .category-list, .categories-list { background: #ffffff; } .container-component { padding-top: 24px; padding-bottom: 36px; } main { min-width: 0; } .container-header { background: #ffffff; border-bottom: 1px solid var(--shada-soft-border); box-shadow: 0 1px 5px rgba(0,0,0,0.04); } .container-header .navbar-brand, .container-header .site-description, .container-header .mod-menu > li > a, .container-header .mod-menu > li > span { color: var(--shada-text); } .container-header .mod-menu > li > a:hover, .container-header .mod-menu > li.active > a, .container-header .mod-menu > li.current > a { color: var(--shada-teal); } .container-header .navbar-toggler { border-color: var(--shada-teal); color: var(--shada-teal); } .brand-logo img, .navbar-brand img { max-height: 74px; width: auto; } h1, h2, h3, h4, h5, h6 { color: #17252a; line-height: 1.25; font-weight: 700; } h1, .page-header h1 { font-size: clamp(2rem, 3vw, 2.75rem); margin-bottom: 1rem; } h2 { font-size: clamp(1.55rem, 2.2vw, 2.1rem); margin-top: 2rem; } h3 { font-size: clamp(1.25rem, 1.7vw, 1.55rem); margin-top: 1.6rem; } p { margin-bottom: 1rem; } hr { border-color: var(--shada-soft-border); } .com-content-article, .item-page { max-width: 1180px; margin-left: auto; margin-right: auto; } .com-content-article p, .item-page p { color: var(--shada-text); } .page-header { border-bottom: 1px solid var(--shada-soft-border); margin-bottom: 1.5rem; padding-bottom: 0.75rem; } .article-info, .article-info-term, dd.category-name, dd.published, dd.createdby, dd.hits { color: var(--shada-muted); font-size: 0.95rem; } .btn, button, input[type="submit"] { border-radius: 7px; } .btn-primary, button.btn-primary, input[type="submit"].btn-primary { background: var(--shada-teal); border-color: var(--shada-teal); color: #ffffff; } .btn-primary:hover, .btn-primary:focus { background: var(--shada-teal-dark); border-color: var(--shada-teal-dark); } .shada-button, a.shada-button { display: inline-block; background: var(--shada-teal); color: #ffffff; padding: 11px 20px; border-radius: 7px; text-decoration: none; font-weight: 600; } .shada-button:hover, a.shada-button:hover { background: var(--shada-teal-dark); color: #ffffff; text-decoration: none; } .shada-button-outline, a.shada-button-outline { display: inline-block; border: 1px solid var(--shada-teal); color: var(--shada-teal); background: transparent; padding: 11px 20px; border-radius: 7px; text-decoration: none; font-weight: 600; } .shada-button-outline:hover, a.shada-button-outline:hover { background: var(--shada-teal); color: #ffffff; } .shada-section { background: var(--shada-teal-light); border-left: 5px solid var(--shada-teal); padding: 24px; border-radius: 9px; margin: 36px 0 30px; } .shada-box { background: var(--shada-soft-bg); border: 1px solid var(--shada-soft-border); border-radius: 9px; padding: 24px; margin: 26px 0; box-shadow: var(--shada-shadow); } .shada-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px; } .shada-card { background: var(--shada-soft-bg); border: 1px solid var(--shada-border); border-radius: 9px; padding: 22px; box-shadow: var(--shada-shadow); } .shada-card h3, .shada-card h4 { margin-top: 0; } .shada-card p:last-child { margin-bottom: 0; } .shada-cta { background: var(--shada-teal); color: #ffffff; padding: 32px; border-radius: 10px; text-align: center; margin: 40px 0 24px; } .shada-cta h2, .shada-cta h3, .shada-cta p { color: #ffffff; } .blog-items, .items-leading, .items-row { gap: 22px; } .blog-item, .item, .items-leading > div, .items-row > div { background: var(--shada-soft-bg); border: 1px solid var(--shada-border); border-radius: 9px; padding: 20px; box-shadow: var(--shada-shadow); margin-bottom: 22px; } .blog-item h2, .blog-item h3, .item h2, .item h3 { margin-top: 0; } .blog-item .item-title a, .item-title a { color: #17252a; text-decoration: none; } .blog-item .item-title a:hover, .item-title a:hover { color: var(--shada-teal); text-decoration: underline; } .readmore .btn, p.readmore .btn { background: var(--shada-teal); border-color: var(--shada-teal); color: #ffffff; } .readmore .btn:hover, p.readmore .btn:hover { background: var(--shada-teal-dark); border-color: var(--shada-teal-dark); } .category-list table, .table { border: 1px solid var(--shada-soft-border); } .category-list th, .table th { background: var(--shada-teal-light); color: #17252a; } .omnicat-badge, .badge-omnicat { display: inline-block; background: var(--shada-teal-light); color: var(--shada-teal-dark); border: 1px solid var(--shada-border); border-radius: 999px; padding: 3px 9px; font-size: 0.82rem; font-weight: 600; } .omnicat-categories, .article-categories, .shada-category-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 18px; } .omnicat-categories a, .article-categories a, .shada-category-tags a { background: var(--shada-teal-light); border: 1px solid var(--shada-border); border-radius: 999px; padding: 5px 11px; text-decoration: none; font-size: 0.9rem; } input, select, textarea, .form-control, .form-select { border-radius: 7px; border-color: #bfd6d6; } input:focus, select:focus, textarea:focus, .form-control:focus, .form-select:focus { border-color: var(--shada-teal); box-shadow: 0 0 0 0.2rem rgba(15,109,115,0.15); } .container-footer { background: #0a4f54; color: #ffffff; margin-top: 40px; } .container-footer a { color: #ffffff; text-decoration: none; } .container-footer a:hover { text-decoration: underline; } .container-footer h3, .container-footer h4, .container-footer h5 { color: #ffffff; } @media (max-width: 768px) { body { font-size: 16px; } .container-component { padding-top: 14px; } .com-content-article, .item-page { max-width: 100%; } .shada-section, .shada-box, .shada-card { padding: 18px; } .shada-cta { padding: 24px 18px; } .brand-logo img, .navbar-brand img { max-height: 58px; } } .container-sidebar-right { display: none !important; } .container-sidebar-left { display: none !important; } .site-grid > .container-component { grid-column: full-start / full-end !important; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 28px; padding-right: 28px; } .site-grid { row-gap: 0; } .container-header + .site-grid { margin-top: 0; } .breadcrumb { background: #f7f9f9; border: 1px solid #eef3f3; border-radius: 0; padding: 12px 16px; margin-bottom: 24px; } .com-content-article, .item-page { max-width: 1180px; margin-left: auto; margin-right: auto; } .page-header h1, .com-content-article h1, .item-page h1 { color: #17252a; font-weight: 800; letter-spacing: -0.03em; } .item-page .toc, .item-page .contents, .item-page [class*="contents"], .item-page .well, .item-page .card { border-radius: 9px; border-color: #d9ecec; box-shadow: 0 2px 8px rgba(0,0,0,0.04); } @media (max-width: 768px) { .site-grid > .container-component { padding-left: 16px; padding-right: 16px; } } .container-header { background: #ffffff; border-bottom: 1px solid #d9ecec; box-shadow: none; } .container-header .container-nav, .container-header nav { max-width: 100%; } .shada-top-nav { background: #0f6d73; width: 100%; border-top: 1px solid rgba(255,255,255,0.12); border-bottom: 1px solid rgba(0,0,0,0.08); } .shada-top-nav ul, .shada-top-nav li { list-style: none; margin: 0; padding: 0; } .shada-nav-list { max-width: 1280px; margin: 0 auto !important; padding: 0 28px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 0; } .shada-nav-list > li { position: relative; } .shada-nav-list > li > a { display: block; padding: 17px 18px; color: #ffffff !important; text-decoration: none; font-size: 0.98rem; font-weight: 600; line-height: 1.2; } .shada-nav-list > li > a:hover, .shada-nav-list > li:focus-within > a { background: #0a4f54; color: #ffffff !important; text-decoration: none; } .shada-has-dropdown > a::after { content: "⌄"; display: inline-block; margin-left: 7px; font-size: 0.8rem; } .shada-has-dropdown > ul { position: absolute; left: 0; top: 100%; min-width: 290px; background: #ffffff; border: 1px solid #d9ecec; box-shadow: 0 8px 22px rgba(0,0,0,0.12); z-index: 9999; display: none; } .shada-has-dropdown:hover > ul, .shada-has-dropdown:focus-within > ul { display: block; } .shada-has-dropdown > ul > li > a { display: block; padding: 11px 15px; color: #17252a !important; text-decoration: none; font-size: 0.95rem; line-height: 1.35; border-bottom: 1px solid #eef3f3; } .shada-has-dropdown > ul > li:last-child > a { border-bottom: 0; } .shada-has-dropdown > ul > li > a:hover, .shada-has-dropdown > ul > li > a:focus { background: #eef7f7; color: #0f6d73 !important; text-decoration: none; } .shada-nav-list > li:nth-last-child(-n+2) > ul { left: auto; right: 0; } @media (max-width: 900px) { .shada-nav-list { flex-wrap: nowrap; overflow-x: auto; padding: 0 14px !important; -webkit-overflow-scrolling: touch; } .shada-nav-list > li { flex: 0 0 auto; } .shada-nav-list > li > a { padding: 15px 14px; white-space: nowrap; } .shada-has-dropdown > ul { position: static; display: none; min-width: 260px; box-shadow: none; border: 0; border-top: 1px solid #d9ecec; } .shada-has-dropdown:hover > ul, .shada-has-dropdown:focus-within > ul { display: block; } } .container-header .mod-custom.shada-nav-module, .container-header .shada-nav-module { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 0; } .container-header .mod-custom.shada-nav-module > div, .container-header .shada-nav-module > div { width: 100%; } .shada-top-nav { width: 100vw; max-width: 100vw; } .shada-nav-list { max-width: 1280px; margin-left: auto !important; margin-right: auto !important; } .container-header { min-height: 0; } .container-header .navbar-brand, .container-header .brand-logo, .container-header .logo { max-width: 280px !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header img.logo, .container-header img { max-width: 260px !important; width: 260px !important; height: auto !important; max-height: 95px !important; object-fit: contain; } .container-header { padding-top: 0 !important; padding-bottom: 0 !important; } .container-header .grid-child, .container-header .container-topbar, .container-header .container-nav { padding-top: 0 !important; padding-bottom: 0 !important; } .shada-header-logo img { max-width: 260px !important; width: 260px !important; height: auto !important; max-height: 95px !important; } .shada-site-header-inner { padding-top: 24px !important; padding-bottom: 20px !important; } .container-header { background: #ffffff !important; min-height: 0 !important; padding: 0 !important; } .container-header .container-topbar { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .container-header .mod-custom.shada-header-module, .container-header .shada-header-module { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } .shada-site-header { width: 100% !important; background: #ffffff !important; min-height: 0 !important; } .shada-site-header-inner { max-width: 1160px !important; margin: 0 auto !important; padding: 28px 34px 24px !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 24px !important; } .shada-header-logo { display: inline-flex !important; align-items: center !important; text-decoration: none !important; } .shada-header-logo img { display: block !important; width: 255px !important; max-width: 255px !important; height: auto !important; max-height: none !important; } .shada-header-actions { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 24px !important; padding-top: 8px !important; margin-left: auto !important; } .container-header a.shada-phone-button, a.shada-phone-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: none !important; min-width: 198px !important; background: #0f7f83 !important; color: #ffffff !important; text-decoration: none !important; font-weight: 700 !important; font-size: 1.05rem !important; line-height: 1 !important; padding: 11px 22px !important; border-radius: 3px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important; } .container-header a.shada-phone-button:hover, a.shada-phone-button:hover { background: #0a666a !important; color: #ffffff !important; text-decoration: none !important; } .shada-header-small-links { display: flex !important; align-items: center !important; gap: 10px !important; color: #17252a !important; font-size: 1.15rem !important; font-weight: 600 !important; } .shada-farsi-label { color: #17252a !important; display: inline-block !important; } .shada-search-icon { color: #0f7f83 !important; font-size: 1.25rem !important; line-height: 1 !important; } .container-header .container-nav { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } @media (max-width: 700px) { .shada-site-header-inner { padding: 20px 18px 18px !important; flex-direction: column !important; align-items: flex-start !important; } .shada-header-logo img { width: 230px !important; max-width: 230px !important; } .shada-header-actions { align-items: flex-start !important; gap: 14px !important; padding-top: 0 !important; } } .container-header { background: #ffffff !important; background-image: none !important; min-height: 0 !important; padding: 0 !important; box-shadow: none !important; border-bottom: 0 !important; } .container-header .container-topbar { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .container-header .mod-custom.shada-header-module, .container-header .shada-header-module { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } .shada-site-header { width: 100% !important; background: #ffffff !important; } .shada-site-header-inner { max-width: 1160px !important; margin: 0 auto !important; padding: 26px 34px 22px !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 24px !important; } .shada-header-logo { display: inline-flex !important; align-items: center !important; text-decoration: none !important; } .shada-header-logo img { display: block !important; width: 260px !important; max-width: 260px !important; height: auto !important; max-height: 95px !important; object-fit: contain !important; } .shada-header-actions { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 24px !important; padding-top: 8px !important; margin-left: auto !important; } .container-header a.shada-phone-button, a.shada-phone-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 198px !important; background: #0f7f83 !important; color: #ffffff !important; text-decoration: none !important; font-weight: 700 !important; font-size: 1.05rem !important; line-height: 1 !important; padding: 11px 22px !important; border-radius: 3px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important; } .container-header a.shada-phone-button:hover, .container-header a.shada-phone-button:focus { background: #0a666a !important; color: #ffffff !important; text-decoration: none !important; } .shada-header-small-links { display: flex !important; align-items: center !important; gap: 10px !important; color: #17252a !important; font-size: 1.15rem !important; font-weight: 600 !important; } .shada-farsi-label { color: #17252a !important; } .shada-search-icon { color: #0f7f83 !important; font-size: 1.25rem !important; line-height: 1 !important; } .container-header .container-nav { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .container-header .mod-custom.shada-nav-module, .container-header .shada-nav-module { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .shada-top-nav { width: 100% !important; max-width: 100% !important; background: #0f6d73 !important; } .shada-nav-list { max-width: 1160px !important; margin: 0 auto !important; padding: 0 34px !important; } @media (max-width: 700px) { .shada-site-header-inner { padding: 20px 18px 18px !important; flex-direction: column !important; align-items: flex-start !important; } .shada-header-logo img { width: 230px !important; max-width: 230px !important; } .shada-header-actions { align-items: flex-start !important; gap: 14px !important; padding-top: 0 !important; } .shada-nav-list { padding: 0 14px !important; } } .shada-search-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; line-height: 1 !important; } .shada-search-toggle img { display: block !important; width: 30px !important; height: 30px !important; max-width: 30px !important; } .shada-top-search-panel, .hidden-top-smart-search { display: none !important; width: 100% !important; max-width: 1130px !important; margin: 0 auto 22px auto !important; padding: 24px 56px !important; background: #ffffff !important; border-bottom: 1px solid #e6eeee !important; box-shadow: 0 8px 20px rgba(0,0,0,0.10) !important; box-sizing: border-box !important; } .shada-top-search-panel.shada-search-open, .hidden-top-smart-search.shada-search-open { display: block !important; } .shada-top-search-panel form, .hidden-top-smart-search form, .shada-top-search-panel .mod-finder, .hidden-top-smart-search .mod-finder { margin: 0 !important; padding: 0 !important; } .shada-top-search-panel input[name="q"], .hidden-top-smart-search input[name="q"], .shada-top-search-panel input[type="search"], .hidden-top-smart-search input[type="search"], .shada-top-search-panel input[type="text"], .hidden-top-smart-search input[type="text"] { width: 100% !important; height: 54px !important; min-height: 54px !important; border: 1px solid #0f7f83 !important; border-radius: 5px !important; background: #ffffff !important; color: #17252a !important; font-size: 18px !important; line-height: 54px !important; padding: 0 20px !important; box-shadow: none !important; outline: none !important; } .shada-top-search-panel input[name="q"]::placeholder, .hidden-top-smart-search input[name="q"]::placeholder, .shada-top-search-panel input[type="search"]::placeholder, .hidden-top-smart-search input[type="search"]::placeholder, .shada-top-search-panel input[type="text"]::placeholder, .hidden-top-smart-search input[type="text"]::placeholder { color: #9ccaca !important; opacity: 1 !important; } .shada-top-search-panel button, .hidden-top-smart-search button, .shada-top-search-panel .btn, .hidden-top-smart-search .btn { display: none !important; } @media (max-width: 700px) { .shada-top-search-panel, .hidden-top-smart-search { max-width: calc(100% - 24px) !important; margin: 0 12px 18px 12px !important; padding: 16px !important; } .shada-top-search-panel input[name="q"], .hidden-top-smart-search input[name="q"], .shada-top-search-panel input[type="search"], .hidden-top-smart-search input[type="search"], .shada-top-search-panel input[type="text"], .hidden-top-smart-search input[type="text"] { height: 50px !important; min-height: 50px !important; font-size: 15px !important; line-height: 50px !important; } } .shada-header-actions { gap: 18px !important; } .shada-search-toggle { align-self: flex-end !important; } .shada-top-search-panel, .hidden-top-smart-search { display: none !important; width: calc(100% - 120px) !important; max-width: 1070px !important; margin: 0 auto 22px auto !important; padding: 24px 56px !important; background: #ffffff !important; border: 1px solid #e5eeee !important; box-shadow: 0 8px 22px rgba(0,0,0,0.10) !important; box-sizing: border-box !important; } .shada-top-search-panel.shada-search-open, .hidden-top-smart-search.shada-search-open { display: block !important; } .shada-top-search-panel .mod-finder, .hidden-top-smart-search .mod-finder, .shada-top-search-panel form, .hidden-top-smart-search form, .shada-top-search-panel .finder, .hidden-top-smart-search .finder, .shada-top-search-panel .awesomplete, .hidden-top-smart-search .awesomplete { width: 100% !important; max-width: 100% !important; } .shada-top-search-panel input, .hidden-top-smart-search input { width: 100% !important; max-width: 100% !important; height: 54px !important; min-height: 54px !important; border: 1px solid #0f7f83 !important; border-radius: 5px !important; background: #ffffff !important; color: #17252a !important; font-size: 18px !important; padding: 0 20px !important; box-shadow: none !important; outline: none !important; box-sizing: border-box !important; } .shada-top-search-panel input::placeholder, .hidden-top-smart-search input::placeholder { color: #9ccaca !important; opacity: 1 !important; } .shada-top-search-panel button, .hidden-top-smart-search button, .shada-top-search-panel .btn, .hidden-top-smart-search .btn, .shada-top-search-panel a[href*="advanced"], .hidden-top-smart-search a[href*="advanced"], .shada-top-search-panel .mod-finder__advanced, .hidden-top-smart-search .mod-finder__advanced { display: none !important; } @media (max-width: 700px) { .shada-top-search-panel, .hidden-top-smart-search { width: calc(100% - 24px) !important; margin: 0 12px 18px 12px !important; padding: 16px !important; } .shada-top-search-panel input, .hidden-top-smart-search input { height: 50px !important; min-height: 50px !important; font-size: 15px !important; } } @media (min-width: 901px) { .container-header { background: #ffffff !important; box-shadow: none !important; border-bottom: 0 !important; } .container-header .container-nav { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; background: #0f6d73 !important; min-height: 54px !important; border-top: 1px solid rgba(255,255,255,0.12) !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important; overflow: visible !important; } .container-header .container-nav .grid-child, .container-header .container-nav nav { max-width: 1280px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 28px !important; padding-right: 28px !important; overflow: visible !important; } .container-header #mod-menu1 { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; overflow: visible !important; } .container-header #mod-menu1 > li.nav-item { position: relative !important; display: flex !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .container-header #mod-menu1 > li.nav-item > a, .container-header #mod-menu1 > li.nav-item > span { display: flex !important; align-items: center !important; min-height: 54px !important; padding: 0 18px !important; color: #ffffff !important; text-decoration: none !important; font-size: 0.98rem !important; font-weight: 600 !important; line-height: 1.2 !important; } .container-header #mod-menu1 > li.nav-item.parent > a { padding-right: 8px !important; } .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub { min-height: 54px !important; width: 24px !important; padding: 0 10px 0 0 !important; border: 0 !important; background: transparent !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub::after { content: "▾"; color: #ffffff !important; font-size: 0.75rem !important; line-height: 1 !important; } .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub > * { display: none !important; } .container-header #mod-menu1 > li.nav-item:hover > a, .container-header #mod-menu1 > li.nav-item:focus-within > a, .container-header #mod-menu1 > li.nav-item:hover > .mod-menu__toggle-sub, .container-header #mod-menu1 > li.nav-item:focus-within > .mod-menu__toggle-sub { background: #0a4f54 !important; color: #ffffff !important; text-decoration: none !important; } .container-header #mod-menu1 .mod-menu__sub { display: none !important; position: absolute !important; left: 0 !important; top: 100% !important; min-width: 290px !important; margin: 0 !important; padding: 6px 0 !important; background: #ffffff !important; border: 1px solid #d9ecec !important; box-shadow: 0 8px 22px rgba(0,0,0,0.12) !important; z-index: 10000 !important; list-style: none !important; } .container-header #mod-menu1 > li.nav-item:hover > .mod-menu__sub, .container-header #mod-menu1 > li.nav-item:focus-within > .mod-menu__sub, .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub[aria-expanded="true"] + .mod-menu__sub { display: block !important; } .container-header #mod-menu1 .mod-menu__sub li { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .container-header #mod-menu1 .mod-menu__sub a, .container-header #mod-menu1 .mod-menu__sub span { display: block !important; padding: 11px 15px !important; color: #17252a !important; background: #ffffff !important; text-decoration: none !important; font-size: 0.95rem !important; line-height: 1.35 !important; border-bottom: 1px solid #eef3f3 !important; white-space: normal !important; } .container-header #mod-menu1 .mod-menu__sub li:last-child > a { border-bottom: 0 !important; } .container-header #mod-menu1 .mod-menu__sub a:hover, .container-header #mod-menu1 .mod-menu__sub a:focus { background: #eef7f7 !important; color: #0f6d73 !important; text-decoration: none !important; } .container-header #mod-menu1 > li:nth-last-child(-n+2) > .mod-menu__sub { left: auto !important; right: 0 !important; } } @media (min-width: 901px) { .container-header #mod-menu1 { width: min(100%, 1160px) !important; max-width: 1160px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } .container-header #mod-menu1 > li.nav-item:first-child > a { padding-left: 0 !important; } } @media (min-width: 901px) { .container-header .navbar-brand { display: none !important; } .container-header .container-topbar { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } .container-header .container-topbar > .grid-child, .container-header .container-topbar .mod-custom, .container-header .container-topbar .mod-custom.shada-header-module, .container-header .container-topbar .shada-header-module { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .shada-site-header { width: 100% !important; background: #ffffff !important; margin: 0 !important; padding: 0 !important; } .shada-site-header-inner { width: min(100%, 1160px) !important; max-width: 1160px !important; min-height: 135px !important; margin-left: auto !important; margin-right: auto !important; padding: 22px 0 18px 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; } .shada-header-logo { display: inline-flex !important; align-items: center !important; text-decoration: none !important; } .shada-header-logo img { width: 225px !important; max-width: 225px !important; height: auto !important; display: block !important; } .shada-header-actions { display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; gap: 18px !important; margin: 0 !important; padding: 0 !important; } .container-header a.shada-phone-button, a.shada-phone-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 18px !important; border-radius: 3px !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1 !important; } .shada-search-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; } .shada-search-toggle img { width: 30px !important; height: 30px !important; display: block !important; } .container-header .container-nav { margin-top: 0 !important; } } .container-bottom-a, .container-bottom-b { width: 100%; max-width: none; margin: 0; padding: 0; display: block; } .container-bottom-a > .card, .container-bottom-b > .card, .container-footer .card, .shada-footer-memberships, .shada-footer-newsletter, .shada-footer-social, .shada-footer-main, .shada-footer-copyright { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; margin: 0 !important; } .shada-footer-memberships > .card-body, .shada-footer-newsletter > .card-body, .shada-footer-social > .card-body, .shada-footer-main > .card-body, .shada-footer-copyright > .card-body { padding: 0 !important; } .shada-j6-wrap { width: min(100% - 36px, 1160px); margin-inline: auto; } .shada-j6-memberships { background: #eef7f7; border-top: 1px solid #dceaea; border-bottom: 1px solid #dceaea; padding: 42px 0 38px; } .shada-j6-section-head { text-align: center; margin-bottom: 28px; } .shada-j6-section-head h2, .shada-j6-newsletter h2, .shada-j6-footer h2, .shada-j6-social h2 { margin: 0; color: #123f44; font-weight: 800; letter-spacing: .2px; } .shada-j6-section-head p { margin: 10px 0 0; color: #547474; } .shada-j6-membership-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; } .shada-j6-membership-card { display: flex; min-height: 190px; padding: 26px 20px; align-items: center; justify-content: center; flex-direction: column; gap: 18px; text-align: center; background: #fff; border: 1px solid #dceaea; border-radius: 14px; color: #123f44; font-weight: 700; text-decoration: none; box-shadow: 0 10px 28px rgba(18, 63, 68, .08); } .shada-j6-membership-card:hover { text-decoration: none; transform: translateY(-1px); } .shada-j6-membership-card img { max-height: 72px; width: auto; } .shada-j6-newsletter { background: linear-gradient(135deg, rgba(7, 99, 104, .95), rgba(18, 63, 68, .96)); color: #fff; padding: 54px 0; } .shada-j6-newsletter-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 36px; align-items: center; } .shada-j6-kicker { margin: 0 0 10px; text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 800; color: #9ed6d6; } .shada-j6-newsletter h2 { color: #fff; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.02; margin-bottom: 16px; } .shada-j6-newsletter-copy > p { max-width: 620px; font-size: 1.08rem; line-height: 1.7; } .shada-j6-newsletter-form { margin: 24px 0 14px; } .shada-j6-small { font-size: .9rem !important; color: rgba(255,255,255,.8); } .shada-j6-newsletter-card { background: #fff; color: #123f44; border-radius: 16px; padding: 30px; box-shadow: 0 14px 35px rgba(0,0,0,.18); } .shada-j6-newsletter-card h3 { margin: 0 0 12px; color: #2f8787; text-transform: uppercase; font-size: .95rem; letter-spacing: .05em; } .shada-j6-newsletter-card ul { list-style: none; margin: 0; padding: 0; } .shada-j6-newsletter-card li { padding: 14px 0; border-bottom: 1px solid #eef7f7; } .shada-j6-newsletter-card li:last-child { border-bottom: 0; } .shada-j6-newsletter-card li::before { content: "✓"; color: #2f8787; font-weight: 900; margin-right: 8px; } .shada-j6-social { background: #123f44; color: #fff; text-align: center; padding: 24px 0; } .shada-j6-social h2 { color: #fff; text-transform: uppercase; font-size: 1rem; letter-spacing: .08em; margin-bottom: 16px; } .shada-j6-social-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; } .shada-j6-social-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 16px; border: 1px solid rgba(158,214,214,.32); border-radius: 999px; color: #9ed6d6; text-decoration: none; font-weight: 700; } .shada-j6-social-links a:hover { color: #fff; border-color: rgba(255,255,255,.7); text-decoration: none; } .container-footer.footer { background: #0e5558 !important; color: #e6f2f2; padding: 0 !important; margin: 0 !important; } .container-footer.footer > .grid-child { width: 100%; max-width: none; margin: 0; padding: 0; display: block; } .shada-j6-footer { padding: 52px 0 36px; } .shada-j6-footer-grid { display: grid; grid-template-columns: 1fr 1fr 1.1fr; gap: 48px; } .shada-j6-footer h2 { color: #fff; text-transform: uppercase; font-size: 1rem; letter-spacing: .08em; margin: 0 0 16px; } .shada-j6-footer ul { list-style: none; padding: 0; margin: 0 0 30px; } .shada-j6-footer li { margin: 0 0 8px; } .shada-j6-footer a { color: #e6f2f2; text-decoration: none; } .shada-j6-footer a:hover { color: #fff; text-decoration: underline; } .shada-j6-footer-contact { border-left: 1px solid rgba(255,255,255,.18); padding-left: 28px; } .shada-j6-footer-contact strong { display: block; color: #fff; margin-bottom: 4px; } .shada-j6-marn { color: rgba(230,242,242,.78); font-size: .85rem; } .shada-j6-footer-contact address { color: #e6f2f2; font-style: normal; line-height: 1.75; margin: 18px 0; } .shada-j6-footer-button { display: inline-block; margin-top: 12px; background: #2f8787; color: #fff !important; padding: 10px 16px; border-radius: 6px; font-weight: 800; } .shada-j6-footer-button:hover { background: #369595; text-decoration: none !important; } .shada-j6-copyright { background: #0b4245; color: rgba(230,242,242,.9); text-align: center; padding: 18px; line-height: 1.7; } .shada-j6-copyright a { color: #fff; text-decoration: none; } .shada-j6-copyright a:hover { text-decoration: underline; } @media (max-width: 900px) { .shada-j6-membership-grid, .shada-j6-newsletter-grid, .shada-j6-footer-grid { grid-template-columns: 1fr; } .shada-j6-footer-contact { border-left: 0; padding-left: 0; } } .shada-global-footer.sgf-v4 { --sgf4-dark: #154f53; --sgf4-deep: #123f44; --sgf4-deeper: #0e3438; --sgf4-teal: #2f9291; --sgf4-teal-bright: #3fa5a3; --sgf4-soft: #effafa; --sgf4-pale: #f7fcfb; --sgf4-ink: #123b40; --sgf4-muted: #557074; --sgf4-line: rgba(18, 63, 68, .13); width: 100%; color: var(--sgf4-ink); } .grid-child.container-bottom-a:has(.shada-global-footer) { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; } .container-bottom-a:has(.shada-global-footer) .shada-global-footer-module, .container-bottom-a:has(.shada-global-footer) .mod-custom { width: 100% !important; max-width: none !important; } .container-bottom-a:has(.shada-global-footer) .card, .container-bottom-a:has(.shada-global-footer) .card-body { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .sgf-v4 .sgf-v4-wrap { width: min(100% - 48px, 1120px); margin-inline: auto; } .sgf-v4 .sgf-v4-kicker { margin: 0 0 10px; color: var(--sgf4-teal); font-size: .78rem; font-weight: 900; text-transform: uppercase; letter-spacing: .15em; } .sgf-v4 .sgf-v4-intro { background: radial-gradient(circle at 8% 18%, rgba(63,165,163,.14), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f4fbfa 48%, #e8f7f6 100%); border-top: 1px solid var(--sgf4-line); border-bottom: 1px solid var(--sgf4-line); padding: 54px 0; } .sgf-v4 .sgf-v4-intro-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); gap: 48px; align-items: center; } .sgf-v4 .sgf-v4-intro-copy h2 { max-width: 760px; margin: 0 0 14px; color: var(--sgf4-deep); font-size: clamp(2rem, 3.7vw, 3.45rem); line-height: 1.04; letter-spacing: -.045em; } .sgf-v4 .sgf-v4-intro-copy p:not(.sgf-v4-kicker) { max-width: 660px; margin: 0; color: #48676b; font-size: 1.13rem; line-height: 1.75; } .sgf-v4 .sgf-v4-intro-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; } .sgf-v4 .sgf-v4-btn { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; border-radius: 999px; padding: 12px 24px; font-weight: 900; text-decoration: none !important; transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease; } .sgf-v4 .sgf-v4-btn:hover { transform: translateY(-2px); } .sgf-v4 .sgf-v4-btn-primary { background: var(--sgf4-teal); color: #fff !important; border: 1px solid var(--sgf4-teal); box-shadow: 0 14px 32px rgba(47,146,145,.18); } .sgf-v4 .sgf-v4-btn-primary:hover { background: var(--sgf4-deep); border-color: var(--sgf4-deep); } .sgf-v4 .sgf-v4-btn-light { background: #fff; color: var(--sgf4-deep) !important; border: 1px solid rgba(18,63,68,.18); } .sgf-v4 .sgf-v4-btn-light:hover { color: var(--sgf4-teal) !important; border-color: var(--sgf4-teal); } .sgf-v4 .sgf-v4-trust-panel { background: rgba(255,255,255,.78); border: 1px solid rgba(18,63,68,.11); border-radius: 28px; padding: 28px; box-shadow: 0 18px 44px rgba(18,63,68,.08); } .sgf-v4 .sgf-v4-trust-panel h3 { margin: 0 0 8px; color: var(--sgf4-deep); font-size: 1.45rem; } .sgf-v4 .sgf-v4-trust-panel p:not(.sgf-v4-kicker) { margin: 0 0 20px; color: #49696d; font-size: 1rem; line-height: 1.5; } .sgf-v4 .sgf-v4-trust-panel p span { color: rgba(18,63,68,.35); margin: 0 5px; } .sgf-v4 .sgf-v4-trust-badges { display: flex; flex-wrap: wrap; gap: 12px; } .sgf-v4 .sgf-v4-trust-badges a { display: inline-flex; width: 98px; height: 68px; align-items: center; justify-content: center; border-radius: 18px; background: #fff; border: 1px solid rgba(18,63,68,.1); } .sgf-v4 .sgf-v4-trust-badges img { max-width: 72px; max-height: 42px; object-fit: contain; } .sgf-v4 .sgf-v4-newsletter { position: relative; isolation: isolate; min-height: 520px; display: flex; align-items: center; background: linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.52) 48%, rgba(255,255,255,.18) 100%), url('/images/newsletter/shada_newsletter.jpg') center center / cover no-repeat; padding: 64px 0; } .sgf-v4 .sgf-v4-newsletter-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 420px); gap: 46px; align-items: center; } .sgf-v4 .sgf-v4-newsletter-left { max-width: 620px; } .sgf-v4 .sgf-v4-newsletter-left h2 { margin: 0 0 18px; color: #07585a; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.2rem, 6.2vw, 5.25rem); line-height: .92; letter-spacing: -.04em; } .sgf-v4 .sgf-v4-newsletter-left p { max-width: 590px; margin: 0 0 24px; color: #175e62; font-size: 1.12rem; line-height: 1.75; } .sgf-v4 .sgf-v4-newsletter-left small { display: block; margin-top: 14px; color: rgba(255,255,255,.92); font-size: .92rem; text-shadow: 0 1px 2px rgba(0,0,0,.18); } .sgf-v4 .sgf-v4-newsletter-form { max-width: 560px; } .sgf-v4 .sgf-v4-newsletter-form .formControlLabel, .sgf-v4 .sgf-v4-newsletter-form label { display: none !important; } .sgf-v4 .sgf-v4-newsletter-form .uk-form-row, .sgf-v4 .sgf-v4-newsletter-form .rsform-block { display: block !important; margin: 0 0 16px !important; padding: 0 !important; } .sgf-v4 .sgf-v4-newsletter-form .uk-form-controls, .sgf-v4 .sgf-v4-newsletter-form .formControls, .sgf-v4 .sgf-v4-newsletter-form .rsform-block > div { margin-left: 0 !important; width: 100% !important; } .sgf-v4 .sgf-v4-newsletter-form input[type="text"], .sgf-v4 .sgf-v4-newsletter-form input[type="email"], .sgf-v4 .sgf-v4-newsletter-form .rsform-input-box { width: 100% !important; min-height: 52px !important; box-sizing: border-box; border: 1px solid rgba(18,63,68,.12) !important; border-radius: 8px !important; background: rgba(255,255,255,.96) !important; color: var(--sgf4-ink) !important; padding: 12px 16px !important; font-size: 1rem !important; box-shadow: 0 8px 20px rgba(18,63,68,.06) !important; } .sgf-v4 .sgf-v4-newsletter-form input:focus { border-color: var(--sgf4-teal) !important; outline: 3px solid rgba(47,146,145,.13) !important; } .sgf-v4 .sgf-v4-newsletter-form .formValidation, .sgf-v4 .sgf-v4-newsletter-form .formNoError, .sgf-v4 .sgf-v4-newsletter-form .formError { font-size: .82rem; color: #145a5f; } .sgf-v4 .sgf-v4-newsletter-form button, .sgf-v4 .sgf-v4-newsletter-form .rsform-submit-button, .sgf-v4 .sgf-v4-newsletter-form .shada-newsletter-submit { width: 100% !important; min-height: 54px !important; border: 0 !important; border-radius: 8px !important; background: var(--sgf4-teal) !important; color: #fff !important; font-size: 1.05rem !important; font-weight: 800 !important; box-shadow: 0 12px 24px rgba(47,146,145,.18) !important; } .sgf-v4 .sgf-v4-newsletter-form button:hover, .sgf-v4 .sgf-v4-newsletter-form .rsform-submit-button:hover { background: var(--sgf4-deep) !important; } .sgf-v4 .sgf-v4-newsletter-form iframe { max-width: 100% !important; } .sgf-v4 .sgf-v4-newsletter-card { background: rgba(255,255,255,.93); border: 1px solid rgba(255,255,255,.7); border-radius: 16px; padding: 30px; box-shadow: 0 20px 46px rgba(18,63,68,.14); } .sgf-v4 .sgf-v4-newsletter-card h3 { margin: 0 0 18px; color: var(--sgf4-teal); font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; } .sgf-v4 .sgf-v4-newsletter-card ul { margin: 0; padding: 0; list-style: none; } .sgf-v4 .sgf-v4-newsletter-card li { position: relative; padding: 14px 0 14px 24px; border-bottom: 1px solid #e8f2f2; color: #163f45; font-size: 1.05rem; line-height: 1.45; } .sgf-v4 .sgf-v4-newsletter-card li:last-child { border-bottom: 0; } .sgf-v4 .sgf-v4-newsletter-card li::before { content: "✓"; position: absolute; left: 0; color: var(--sgf4-deep); font-weight: 900; } .sgf-v4 .sgf-v4-connect { background: var(--sgf4-deep); padding: 28px 0 30px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.06); } .sgf-v4 .sgf-v4-connect h2 { margin: 0 0 16px; color: #fff; font-size: 1.16rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; } .sgf-v4 .sgf-v4-social-icons { display: flex; justify-content: center; align-items: center; gap: clamp(26px, 4vw, 48px); } .sgf-v4 .sgf-v4-social-icons a { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; color: var(--sgf4-teal-bright) !important; text-decoration: none !important; transition: transform .18s ease, color .18s ease; } .sgf-v4 .sgf-v4-social-icons a:hover { color: #fff !important; transform: translateY(-3px); } .sgf-v4 .sgf-v4-social-icons svg { width: 38px; height: 38px; fill: currentColor; } .sgf-v4 .sgf-v4-main { position: relative; background: var(--sgf4-dark); color: rgba(255,255,255,.88); padding: 72px 0 56px; } .sgf-v4 .sgf-v4-backtop { position: absolute; top: 22px; right: max(48px, calc((100vw - 1120px) / 2)); color: rgba(255,255,255,.85) !important; text-decoration: none !important; font-size: 1.55rem; line-height: 1; } .sgf-v4 .sgf-v4-main-grid { display: grid; grid-template-columns: minmax(230px, .9fr) minmax(280px, 1fr) minmax(320px, .95fr); gap: clamp(54px, 7vw, 110px); align-items: start; } .sgf-v4 .sgf-v4-main-column { display: grid; gap: 32px; } .sgf-v4 .sgf-v4-link-group { display: grid; gap: 14px; } .sgf-v4 .sgf-v4-main h3, .sgf-v4 .sgf-v4-link-group h3 { margin: 0 0 8px; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .sgf-v4 .sgf-v4-link-group a { color: rgba(255,255,255,.86) !important; text-decoration: none !important; font-size: 1.05rem; line-height: 1.45; } .sgf-v4 .sgf-v4-link-group a:hover { color: #fff !important; text-decoration: underline !important; text-underline-offset: 5px; } .sgf-v4 .sgf-v4-contact-column { border-left: 2px solid rgba(255,255,255,.16); padding-left: 30px; } .sgf-v4 .sgf-v4-contact-card h4 { margin: 0 0 8px; color: #fff; font-size: 1.05rem; line-height: 1.4; } .sgf-v4 .sgf-v4-contact-card p { margin: 0 0 16px; color: rgba(255,255,255,.84); font-size: 1.04rem; line-height: 1.7; } .sgf-v4 .sgf-v4-agent { font-size: .88rem !important; color: rgba(255,255,255,.66) !important; } .sgf-v4 .sgf-v4-agent span { color: rgba(255,255,255,.36); margin: 0 5px; } .sgf-v4 .sgf-v4-address { margin-top: 20px !important; } .sgf-v4 .sgf-v4-contact-row { display: flex; gap: 10px; align-items: center; margin-bottom: 12px !important; } .sgf-v4 .sgf-v4-contact-row span { color: var(--sgf4-teal-bright); font-size: 1.1rem; } .sgf-v4 .sgf-v4-contact-row a { color: #fff !important; text-decoration: none !important; font-size: 1.07rem; } .sgf-v4 .sgf-v4-contact-row a:hover { text-decoration: underline !important; } .sgf-v4 .sgf-v4-contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .sgf-v4 .sgf-v4-contact-actions a { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; border-radius: 6px; background: var(--sgf4-teal); color: #fff !important; padding: 10px 18px; font-weight: 800; text-decoration: none !important; } .sgf-v4 .sgf-v4-contact-actions a:nth-child(2) { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); } .sgf-v4 .sgf-v4-contact-actions a:hover { background: var(--sgf4-teal-bright); } .sgf-v4 .sgf-v4-legal { background: var(--sgf4-deeper); color: rgba(255,255,255,.72); padding: 20px 0; } .sgf-v4 .sgf-v4-legal-grid { display: flex; justify-content: space-between; align-items: center; gap: 24px; } .sgf-v4 .sgf-v4-legal p { margin: 0; font-size: .95rem; } .sgf-v4 .sgf-v4-legal a { color: rgba(255,255,255,.82) !important; text-decoration: none !important; margin-left: 22px; font-size: .95rem; } .sgf-v4 .sgf-v4-legal a:hover { color: #fff !important; text-decoration: underline !important; } @media (max-width: 980px) { .sgf-v4 .sgf-v4-intro-grid, .sgf-v4 .sgf-v4-newsletter-grid, .sgf-v4 .sgf-v4-main-grid { grid-template-columns: 1fr; } .sgf-v4 .sgf-v4-contact-column { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,.16); padding-top: 34px; } .sgf-v4 .sgf-v4-newsletter { background: linear-gradient(90deg, rgba(255,255,255,.76), rgba(255,255,255,.42)), url('/images/newsletter/shada_newsletter.jpg') center center / cover no-repeat; } .sgf-v4 .sgf-v4-backtop { right: 28px; } } @media (max-width: 680px) { .sgf-v4 .sgf-v4-wrap { width: min(100% - 30px, 1120px); } .sgf-v4 .sgf-v4-intro, .sgf-v4 .sgf-v4-newsletter, .sgf-v4 .sgf-v4-main { padding-block: 46px; } .sgf-v4 .sgf-v4-intro-actions, .sgf-v4 .sgf-v4-btn, .sgf-v4 .sgf-v4-contact-actions, .sgf-v4 .sgf-v4-contact-actions a { width: 100%; } .sgf-v4 .sgf-v4-social-icons { gap: 18px; } .sgf-v4 .sgf-v4-social-icons svg { width: 32px; height: 32px; } .sgf-v4 .sgf-v4-newsletter-card { padding: 22px; } .sgf-v4 .sgf-v4-legal-grid { flex-direction: column; align-items: flex-start; } .sgf-v4 .sgf-v4-legal a { margin-left: 0; margin-right: 18px; } } .sgf-v4 .sgf-v4-wrap { width: min(100% - 56px, 1220px); } .sgf-v4 .sgf-v4-intro { padding: 48px 0; } .sgf-v4 .sgf-v4-intro-grid { grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); gap: 58px; } .sgf-v4 .sgf-v4-intro-copy h2 { font-size: clamp(2rem, 3.35vw, 3.18rem); } .sgf-v4 .sgf-v4-trust-panel { border-radius: 24px; padding: 26px 28px; box-shadow: 0 18px 42px rgba(18,63,68,.075); } .sgf-v4 .sgf-v4-trust-badges a { width: 104px; height: 66px; } .sgf-v4 .sgf-v4-newsletter { min-height: 540px; } .sgf-v4 .sgf-v4-newsletter-grid { grid-template-columns: minmax(0, 1.12fr) minmax(360px, 430px); gap: 56px; } .sgf-v4 .sgf-v4-newsletter-left h2 { font-size: clamp(3.35rem, 6.4vw, 5.45rem); } .sgf-v4 .sgf-v4-newsletter-form input[type="text"], .sgf-v4 .sgf-v4-newsletter-form input[type="email"], .sgf-v4 .sgf-v4-newsletter-form .rsform-input-box { min-height: 54px !important; border-radius: 7px !important; font-size: 1.02rem !important; } .sgf-v4 .sgf-v4-connect { padding: 30px 0 32px; background: #14484d; } .sgf-v4 .sgf-v4-connect h2 { margin-bottom: 18px; font-size: 1.2rem; } .sgf-v4 .sgf-v4-social-icons { gap: clamp(34px, 5vw, 58px); } .sgf-v4 .sgf-v4-social-icons a { width: 52px; height: 52px; } .sgf-v4 .sgf-v4-social-icons svg { width: 40px; height: 40px; } .sgf-v4 .sgf-v4-main { padding: 76px 0 60px; } .sgf-v4 .sgf-v4-main-grid { grid-template-columns: minmax(250px, .88fr) minmax(300px, 1fr) minmax(350px, .95fr); gap: clamp(70px, 8vw, 130px); } .sgf-v4 .sgf-v4-link-group { gap: 15px; } .sgf-v4 .sgf-v4-link-group a { font-size: 1.08rem; line-height: 1.5; } .sgf-v4 .sgf-v4-main h3, .sgf-v4 .sgf-v4-link-group h3 { font-size: 1.18rem; margin-bottom: 10px; } .sgf-v4 .sgf-v4-contact-column { padding-left: 34px; border-left-color: rgba(255,255,255,.2); } .sgf-v4 .sgf-v4-contact-card h4 { font-size: 1.08rem; } .sgf-v4 .sgf-v4-contact-card p { font-size: 1.06rem; } .sgf-v4 .sgf-v4-contact-row { display: flex; align-items: center; gap: 12px; } .sgf-v4 .sgf-v4-contact-icon { display: inline-flex; width: 22px; min-width: 22px; height: 22px; align-items: center; justify-content: center; color: var(--sgf4-teal-bright); } .sgf-v4 .sgf-v4-contact-icon svg { width: 18px; height: 18px; fill: currentColor; } .sgf-v4 .sgf-v4-contact-row a { font-size: 1.08rem; } .sgf-v4 .sgf-v4-contact-actions { display: grid; grid-template-columns: minmax(0, 270px); gap: 12px; } .sgf-v4 .sgf-v4-contact-actions a { width: 100%; min-height: 48px; box-sizing: border-box; border-radius: 7px; font-size: 1.02rem; } .sgf-v4 .sgf-v4-contact-actions a:first-child { background: var(--sgf4-teal); border: 1px solid var(--sgf4-teal); } .sgf-v4 .sgf-v4-contact-actions a:nth-child(2) { background: transparent; border: 1px solid rgba(255,255,255,.28); } .sgf-v4 .sgf-v4-contact-actions a:first-child:hover, .sgf-v4 .sgf-v4-contact-actions a:nth-child(2):hover { background: var(--sgf4-teal-bright); border-color: var(--sgf4-teal-bright); } .sgf-v4 .sgf-v4-legal { padding: 18px 0; } .sgf-v4 .sgf-v4-legal p, .sgf-v4 .sgf-v4-legal a { font-size: .96rem; } .sgf-v4 .sgf-v4-backtop { right: max(48px, calc((100vw - 1220px) / 2)); } @media (max-width: 980px) { .sgf-v4 .sgf-v4-wrap { width: min(100% - 38px, 1220px); } .sgf-v4 .sgf-v4-intro-grid, .sgf-v4 .sgf-v4-newsletter-grid, .sgf-v4 .sgf-v4-main-grid { grid-template-columns: 1fr; gap: 36px; } .sgf-v4 .sgf-v4-contact-column { padding-left: 0; } .sgf-v4 .sgf-v4-contact-actions { grid-template-columns: minmax(0, 300px); } } @media (max-width: 680px) { .sgf-v4 .sgf-v4-wrap { width: min(100% - 30px, 1220px); } .sgf-v4 .sgf-v4-contact-actions { grid-template-columns: 1fr; } } .sgf-v4 .sgf-v4-connect { padding: 18px 0 20px !important; background: #14484d !important; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.08); } .sgf-v4 .sgf-v4-connect h2 { margin: 0 0 10px !important; color: #fff !important; font-size: 1.05rem !important; font-weight: 800 !important; letter-spacing: .025em !important; text-transform: uppercase !important; } .sgf-v4 .sgf-v4-social-icons { gap: clamp(34px, 5vw, 62px) !important; } .sgf-v4 .sgf-v4-social-icons a { width: 48px !important; height: 48px !important; color: #329897 !important; } .sgf-v4 .sgf-v4-social-icons svg { width: 40px !important; height: 40px !important; } .sgf-v4 .sgf-v4-social-icons a:hover { color: #ffffff !important; transform: translateY(-2px); } .sgf-v4 .sgf-v4-newsletter { border-top: 0 !important; } @media (max-width: 680px) { .sgf-v4 .sgf-v4-connect { padding: 18px 0 !important; } .sgf-v4 .sgf-v4-social-icons { gap: 20px !important; } .sgf-v4 .sgf-v4-social-icons a { width: 42px !important; height: 42px !important; } .sgf-v4 .sgf-v4-social-icons svg { width: 34px !important; height: 34px !important; } } @font-face { font-family: "ShadaRoboto"; src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaRoboto"; src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaRoboto"; src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaRoboto"; src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaRobotoSlab"; src: url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Regular.woff2") format("woff2"), url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaRobotoSlab"; src: url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Bold.woff2") format("woff2"), url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } html[lang^="en"], html:not([dir="rtl"]) { --cassiopeia-font-family-body: "ShadaRoboto", Roboto, Arial, sans-serif; --cassiopeia-font-family-headings: "ShadaRobotoSlab", "Roboto Slab", "ShadaRoboto", Roboto, Arial, sans-serif; --shada-font-body: "ShadaRoboto", Roboto, Arial, sans-serif; --shada-font-heading: "ShadaRobotoSlab", "Roboto Slab", "ShadaRoboto", Roboto, Arial, sans-serif; } html[lang^="en"] body, html:not([dir="rtl"]) body { font-family: var(--shada-font-body); font-weight: 400; line-height: 1.65; } html[lang^="en"] h1, html[lang^="en"] h2, html[lang^="en"] h3, html[lang^="en"] h4, html[lang^="en"] h5, html[lang^="en"] h6, html:not([dir="rtl"]) h1, html:not([dir="rtl"]) h2, html:not([dir="rtl"]) h3, html:not([dir="rtl"]) h4, html:not([dir="rtl"]) h5, html:not([dir="rtl"]) h6 { font-family: var(--shada-font-heading); font-weight: 700; letter-spacing: -0.015em; } html[lang^="en"] button, html[lang^="en"] input, html[lang^="en"] select, html[lang^="en"] textarea, html[lang^="en"] .btn, html[lang^="en"] .mod-menu, html[lang^="en"] .navbar, html[lang^="en"] .container-header, html:not([dir="rtl"]) button, html:not([dir="rtl"]) input, html:not([dir="rtl"]) select, html:not([dir="rtl"]) textarea, html:not([dir="rtl"]) .btn, html:not([dir="rtl"]) .mod-menu, html:not([dir="rtl"]) .navbar, html:not([dir="rtl"]) .container-header { font-family: var(--shada-font-body); } .sgf-v4, .sgf-v4 a, .sgf-v4 p, .sgf-v4 li, .sgf-v4 input, .sgf-v4 button { font-family: var(--shada-font-body) !important; } .sgf-v4 h1, .sgf-v4 h2, .sgf-v4 h3, .sgf-v4 h4, .sgf-v4 .sgf-v4-newsletter-left h2, .sgf-v4 .sgf-v4-main h3, .sgf-v4 .sgf-v4-link-group h3 { font-family: var(--shada-font-heading) !important; } .sgf-v4 .sgf-v4-newsletter-left h2 { font-weight: 700 !important; letter-spacing: -0.045em; } .sgf-v4 .sgf-v4-main h3, .sgf-v4 .sgf-v4-link-group h3 { letter-spacing: .025em; } .sgf-v4 .sgf-v4-intro { padding: 44px 0 !important; } .sgf-v4 .sgf-v4-intro-grid { gap: 64px !important; } .sgf-v4 .sgf-v4-trust-panel { background: rgba(255,255,255,.64) !important; border: 1px solid rgba(18,63,68,.075) !important; border-radius: 22px !important; box-shadow: 0 12px 30px rgba(18,63,68,.055) !important; } .sgf-v4 .sgf-v4-trust-panel h3 { font-size: 1.38rem !important; } .sgf-v4 .sgf-v4-trust-badges a { width: 98px !important; height: 62px !important; border-radius: 15px !important; background: rgba(255,255,255,.86) !important; border-color: rgba(18,63,68,.085) !important; } .sgf-v4 .sgf-v4-connect { padding: 12px 0 14px !important; background: #14484d !important; border-top: 1px solid rgba(255,255,255,.055) !important; border-bottom: 1px solid rgba(255,255,255,.075) !important; } .sgf-v4 .sgf-v4-connect h2 { margin: 0 0 5px !important; font-family: var(--shada-font-body) !important; font-size: .98rem !important; font-weight: 800 !important; letter-spacing: .045em !important; line-height: 1.2 !important; } .sgf-v4 .sgf-v4-social-icons { gap: clamp(38px, 5.4vw, 68px) !important; } .sgf-v4 .sgf-v4-social-icons a { width: 54px !important; height: 50px !important; color: #3fb0ae !important; } .sgf-v4 .sgf-v4-social-icons svg { width: 45px !important; height: 45px !important; } .sgf-v4 .sgf-v4-social-icons a:hover { color: #ffffff !important; transform: translateY(-2px) scale(1.03) !important; } .sgf-v4 .sgf-v4-newsletter { border-top: 0 !important; } .sgf-v4 .sgf-v4-newsletter-left h2 { font-size: clamp(3rem, 5.7vw, 4.9rem) !important; line-height: .96 !important; } .sgf-v4 .sgf-v4-main h3, .sgf-v4 .sgf-v4-link-group h3 { font-size: 1.12rem !important; letter-spacing: .035em !important; } .sgf-v4 .sgf-v4-contact-column { border-left-color: rgba(255,255,255,.16) !important; } .sgf-v4 .sgf-v4-contact-actions a { min-height: 46px !important; border-radius: 6px !important; } .sgf-v4 .sgf-v4-contact-actions a:first-child { background: #319795 !important; border-color: #319795 !important; } .sgf-v4 .sgf-v4-contact-actions a:nth-child(2) { background: rgba(255,255,255,.045) !important; border-color: rgba(255,255,255,.24) !important; } .sgf-v4 .sgf-v4-contact-actions a:hover { background: #43b3b1 !important; border-color: #43b3b1 !important; } .sgf-v4 .sgf-v4-legal { background: #0e3337 !important; padding: 17px 0 !important; } @media (max-width: 680px) { .sgf-v4 .sgf-v4-connect { padding: 12px 0 13px !important; } .sgf-v4 .sgf-v4-connect h2 { font-size: .92rem !important; margin-bottom: 6px !important; } .sgf-v4 .sgf-v4-social-icons { gap: 20px !important; } .sgf-v4 .sgf-v4-social-icons a { width: 42px !important; height: 42px !important; } .sgf-v4 .sgf-v4-social-icons svg { width: 34px !important; height: 34px !important; } .sgf-v4 .sgf-v4-newsletter-left h2 { font-size: clamp(2.65rem, 13vw, 3.6rem) !important; } } @media (min-width: 992px) { .container-header .container-nav { height: 68px !important; min-height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } .container-header .container-nav > ul#mod-menu1.mod-menu, .container-header ul#mod-menu1.mod-menu, ul#mod-menu1.mod-menu { height: 68px !important; min-height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: clamp(38px, 3.15vw, 56px) !important; padding: 0 !important; margin: 0 auto !important; max-width: 1160px !important; width: auto !important; } .container-header ul#mod-menu1.mod-menu > li.nav-item { height: 68px !important; min-height: 68px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; } .container-header ul#mod-menu1.mod-menu > li.nav-item > a, .container-header ul#mod-menu1.mod-menu > li.nav-item > span, ul#mod-menu1.mod-menu > li.nav-item > a, ul#mod-menu1.mod-menu > li.nav-item > span { height: 68px !important; min-height: 68px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 2px !important; margin: 0 !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 19px !important; font-weight: 700 !important; letter-spacing: -0.012em !important; line-height: 1.08 !important; color: #ffffff !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; opacity: 1 !important; } .container-header ul#mod-menu1.mod-menu > li.nav-item > a:hover, ul#mod-menu1.mod-menu > li.nav-item > a:hover { color: #ffffff !important; opacity: 1 !important; background: transparent !important; } .container-header ul#mod-menu1.mod-menu > li.active > a, .container-header ul#mod-menu1.mod-menu > li.current > a, ul#mod-menu1.mod-menu > li.active > a, ul#mod-menu1.mod-menu > li.current > a { box-shadow: inset 0 -3px 0 rgba(255,255,255,.38) !important; } .container-header ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub, ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub { width: 18px !important; height: 68px !important; min-height: 68px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin-left: 7px !important; color: #ffffff !important; background: transparent !important; border: 0 !important; opacity: .9 !important; } .container-header ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub .icon-chevron-down, ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub .icon-chevron-down { font-size: 12px !important; color: #ffffff !important; } .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item { height: 68px !important; min-height: 68px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 46px !important; padding: 0 !important; position: relative !important; left: 8px !important; top: 0 !important; } .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle.shada-search-trigger-in-menu { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; top: 0 !important; transform: translateY(0) !important; margin: 0 !important; padding: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.30) !important; line-height: 1 !important; opacity: 1 !important; } .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle:hover, .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle:focus { background: rgba(255,255,255,.20) !important; border-color: rgba(255,255,255,.42) !important; outline: none !important; } .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item #shada-search-icon, .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item img { width: 28px !important; height: 28px !important; display: block !important; filter: brightness(0) invert(1) !important; opacity: 1 !important; } .container-header ul#mod-menu1.mod-menu .mod-menu__sub { min-width: 350px !important; padding: 10px 0 !important; background: rgba(255,255,255,.99) !important; border: 1px solid rgba(18,63,68,.08) !important; border-radius: 0 0 13px 13px !important; box-shadow: 0 22px 48px rgba(18,63,68,.15) !important; } .container-header ul#mod-menu1.mod-menu .mod-menu__sub a, .container-header ul#mod-menu1.mod-menu .mod-menu__sub span { padding: 16px 22px !important; color: #25494e !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 17.5px !important; font-weight: 450 !important; letter-spacing: -0.005em !important; line-height: 1.38 !important; background: transparent !important; text-decoration: none !important; } .container-header ul#mod-menu1.mod-menu .mod-menu__sub a:hover { color: #0c676b !important; background: rgba(47,146,145,.075) !important; } .shada-menu-search-module, .container-header .shada-menu-search-module { display: none !important; } } @media (max-width: 991.98px) { .shada-menu-search-module { display: none !important; } } @media (min-width: 992px) { .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item { height: 68px !important; min-height: 68px !important; align-items: center !important; } .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle.shada-search-trigger-in-menu { position: relative !important; top: -8px !important; transform: none !important; } .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item #shada-search-icon, .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item img { position: relative !important; top: 0 !important; } } @media (min-width: 992px) { .container-header a[href^="tel:"], .container-header a[href*="tel:"], .container-header .btn[href^="tel:"], .container-header .btn[href*="tel:"] { width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0 18px !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 20.5px !important; font-weight: 850 !important; letter-spacing: -0.005em !important; line-height: 1 !important; border-radius: 4px !important; background: #0f7f83 !important; color: #ffffff !important; text-decoration: none !important; box-shadow: 0 7px 16px rgba(12, 72, 77, .20) !important; } .container-header a[href^="tel:"]:hover, .container-header a[href*="tel:"]:hover, .container-header .btn[href^="tel:"]:hover, .container-header .btn[href*="tel:"]:hover { background: #0c7377 !important; color: #ffffff !important; text-decoration: none !important; } .container-header a[href^="tel:"] i, .container-header a[href*="tel:"] i, .container-header a[href^="tel:"] .fa, .container-header a[href*="tel:"] .fa, .container-header a[href^="tel:"] svg, .container-header a[href*="tel:"] svg { font-size: 18px !important; width: 18px !important; height: 18px !important; } } @media (min-width: 992px) { .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header img[src*="shada"], .container-header img[src*="Shada"], .container-header img[src*="logo"], .container-header img[src*="Logo"] { transform: scale(1.18) !important; transform-origin: left center !important; max-height: none !important; } .container-header .navbar-brand, .container-header .brand-logo, .container-header a.brand-logo { overflow: visible !important; } .container-header a[href^="tel:"], .container-header a[href*="tel:"], .container-header .btn[href^="tel:"], .container-header .btn[href*="tel:"] { width: auto !important; min-width: 0 !important; max-width: none !important; height: 56px !important; min-height: 56px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 0 20px !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 21px !important; font-weight: 850 !important; letter-spacing: -0.01em !important; line-height: 1 !important; border-radius: 7px !important; background: linear-gradient(135deg, #0f8588 0%, #0c7377 100%) !important; color: #ffffff !important; text-decoration: none !important; border: 1px solid rgba(255,255,255,.18) !important; box-shadow: 0 8px 18px rgba(12, 72, 77, .20) !important; } .container-header a[href^="tel:"]:hover, .container-header a[href*="tel:"]:hover, .container-header .btn[href^="tel:"]:hover, .container-header .btn[href*="tel:"]:hover { background: linear-gradient(135deg, #0d787c 0%, #09686c 100%) !important; color: #ffffff !important; text-decoration: none !important; } .container-header a[href^="tel:"] i, .container-header a[href*="tel:"] i, .container-header a[href^="tel:"] .fa, .container-header a[href*="tel:"] .fa, .container-header a[href^="tel:"] svg, .container-header a[href*="tel:"] svg { font-size: 18px !important; width: 18px !important; height: 18px !important; } } @media (min-width: 992px) { .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle.shada-search-trigger-in-menu { position: relative !important; top: -11px !important; transform: none !important; } } .shada-home-hero-image { width: 100%; height: 440px; object-fit: cover; object-position: center center; display: block; border-radius: 10px; background: #eef7f7; } @media (max-width: 768px) { .shada-home-hero-wrap { margin-bottom: 20px !important; } .shada-home-hero-image { height: auto !important; max-height: none !important; object-fit: contain !important; } .shada-home-hero-title { font-size: 28px !important; line-height: 1.3 !important; } } @media (min-width: 992px) { .com-content-article .shada-homepage-j6 { margin-top: -38px !important; } .com-content-article .shada-homepage-j6 > div:first-child, .com-content-article .shada-homepage-j6 .shada-home-hero-wrap { max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } .com-content-article .shada-homepage-j6 .shada-home-hero-wrap { margin-top: 0 !important; margin-bottom: 34px !important; } .com-content-article .shada-homepage-j6 .shada-home-hero-image { width: 100% !important; max-height: 430px !important; object-fit: cover !important; object-position: center center !important; border-radius: 10px !important; } .com-content-article .shada-homepage-j6 h1 { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, serif) !important; letter-spacing: -0.025em !important; line-height: 1.12 !important; } .com-content-article .shada-homepage-j6 h2 { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, serif) !important; letter-spacing: -0.018em !important; line-height: 1.22 !important; } .com-content-article .shada-homepage-j6 h3 { font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, sans-serif) !important; line-height: 1.25 !important; } .com-content-article .shada-homepage-j6 section, .com-content-article .shada-homepage-j6 .shada-home-section { margin-top: 44px !important; margin-bottom: 44px !important; } .com-content-article .shada-homepage-j6 a[href*="book-consultation"], .com-content-article .shada-homepage-j6 a[href*="free-assessment"], .com-content-article .shada-homepage-j6 a[href*="contact-us"] { font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, sans-serif) !important; font-weight: 800 !important; } } @media (max-width: 991.98px) { .com-content-article .shada-homepage-j6 { margin-top: -18px !important; } .com-content-article .shada-homepage-j6 .shada-home-hero-wrap { margin-top: 0 !important; margin-bottom: 24px !important; } .com-content-article .shada-homepage-j6 .shada-home-hero-image { height: auto !important; max-height: none !important; object-fit: contain !important; border-radius: 8px !important; } .com-content-article .shada-homepage-j6 h1 { font-size: clamp(30px, 8vw, 42px) !important; line-height: 1.16 !important; } } .com-content-article [style*="background: #eef7f7"], .com-content-article [style*="background:#eef7f7"], .com-content-article [style*="background: #f9fcfc"], .com-content-article [style*="background:#f9fcfc"], .com-content-article [style*="border: 1px solid #cfe6e6"], .com-content-article [style*="border:1px solid #cfe6e6"], .com-content-article [style*="border-left: 5px solid #0f6d73"], .com-content-article [style*="border-left:5px solid #0f6d73"] { font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; } .com-content-article [style*="background: #f9fcfc"] h3, .com-content-article [style*="background:#f9fcfc"] h3, .com-content-article [style*="border: 1px solid #cfe6e6"] h3, .com-content-article [style*="border:1px solid #cfe6e6"] h3, .com-content-article a[style*="background: #f9fcfc"] h3, .com-content-article a[style*="background:#f9fcfc"] h3 { font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-weight: 800 !important; letter-spacing: -0.01em !important; line-height: 1.25 !important; color: #3f4548 !important; } .com-content-article [style*="background: #f9fcfc"] p, .com-content-article [style*="background:#f9fcfc"] p, .com-content-article [style*="border: 1px solid #cfe6e6"] p, .com-content-article [style*="border:1px solid #cfe6e6"] p, .com-content-article a[style*="background: #f9fcfc"] p, .com-content-article a[style*="background:#f9fcfc"] p { font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-weight: 400 !important; line-height: 1.58 !important; color: #1f2933 !important; } .com-content-article a[style*="background: #f9fcfc"], .com-content-article a[style*="background:#f9fcfc"], .com-content-article a[style*="border: 1px solid #cfe6e6"], .com-content-article a[style*="border:1px solid #cfe6e6"] { font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-weight: 400 !important; text-decoration: none !important; } .com-content-article a[style*="background: #f9fcfc"]:hover, .com-content-article a[style*="background:#f9fcfc"]:hover, .com-content-article a[style*="border: 1px solid #cfe6e6"]:hover, .com-content-article a[style*="border:1px solid #cfe6e6"]:hover { border-color: #0f6d73 !important; text-decoration: none !important; } .com-content-article a[style*="background: #0f6d73"], .com-content-article a[style*="background:#0f6d73"] { font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-weight: 800 !important; letter-spacing: 0 !important; } @media (min-width: 992px) { .com-content-article div[style*="repeat(auto-fit,minmax(260px,1fr))"], .com-content-article div[style*="repeat(auto-fit, minmax(260px, 1fr))"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 991.98px) and (min-width: 641px) { .com-content-article div[style*="repeat(auto-fit,minmax(260px,1fr))"], .com-content-article div[style*="repeat(auto-fit, minmax(260px, 1fr))"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { .com-content-article div[style*="repeat(auto-fit,minmax(260px,1fr))"], .com-content-article div[style*="repeat(auto-fit, minmax(260px, 1fr))"] { grid-template-columns: 1fr !important; } } .com-content-article h1, .com-content-article h2 { font-family: "ShadaRobotoSlab", Georgia, serif !important; } .com-content-article h3, .com-content-article h4, .com-content-article h5, .com-content-article h6 { font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; } .shada-j6-mobile-tools { display: none !important; } @media (max-width: 768px) { body.has-shada-j6-mobile-tools { padding-bottom: 78px !important; } body.has-shada-j6-mobile-tools .shada-j6-mobile-tools { position: fixed !important; left: 10px !important; right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; z-index: 10050 !important; display: flex !important; gap: 8px !important; padding: 7px !important; border-radius: 999px !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 -3px 18px rgba(0,0,0,.18) !important; box-sizing: border-box !important; } body.has-shada-j6-mobile-tools .shada-j6-mobile-tools a { flex: 1 1 0 !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 10px 8px !important; border-radius: 999px !important; background: #0b7a80 !important; color: #ffffff !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 2px 7px rgba(0,0,0,.16) !important; box-sizing: border-box !important; } body.has-shada-j6-mobile-tools .shada-j6-mobile-tools a:hover, body.has-shada-j6-mobile-tools .shada-j6-mobile-tools a:focus { background: #09666b !important; color: #ffffff !important; text-decoration: none !important; } } .shada-mobile-nav-shell, .shada-mobile-menu-overlay, .shada-mobile-menu-drawer { display: none; } @media (max-width: 991.98px) { .container-header { padding-bottom: 0 !important; } .container-header .container-nav, .container-header ul#mod-menu1.mod-menu, ul#mod-menu1.mod-menu { display: none !important; } .container-header .shada-phone-button, .container-header #shada-search-toggle, .container-header .shada-search-toggle { display: none !important; } .container-header .navbar-brand, .container-header .brand-logo { justify-content: center !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 82px !important; width: auto !important; } .shada-mobile-nav-shell { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; width: 100% !important; min-height: 48px !important; padding: 7px 14px !important; background: #0b7a80 !important; box-sizing: border-box !important; z-index: 9990 !important; } .shada-mobile-menu-open { width: 42px !important; height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.7) !important; border-radius: 8px !important; background: transparent !important; color: #ffffff !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1 !important; padding: 0 !important; } .shada-mobile-call { flex: 1 1 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; padding: 8px 10px !important; border-radius: 8px !important; color: #ffffff !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 17px !important; font-weight: 800 !important; text-decoration: none !important; line-height: 1 !important; } .shada-mobile-menu-overlay { position: fixed !important; inset: 0 !important; z-index: 10080 !important; background: rgba(0,0,0,.45) !important; } .shada-mobile-menu-drawer { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: min(86vw, 350px) !important; z-index: 10090 !important; display: block !important; overflow-y: auto !important; padding: 18px 18px 32px !important; background: #083f44 !important; color: #ffffff !important; box-shadow: 5px 0 24px rgba(0,0,0,.35) !important; transform: translateX(-105%) !important; transition: transform .24s ease !important; box-sizing: border-box !important; } .shada-mobile-menu-is-open .shada-mobile-menu-overlay { display: block !important; } .shada-mobile-menu-is-open .shada-mobile-menu-drawer { transform: translateX(0) !important; } body:not(.shada-mobile-menu-is-open) .shada-mobile-menu-overlay { display: none !important; } .shada-mobile-menu-close { position: absolute !important; top: 10px !important; right: 12px !important; width: 38px !important; height: 38px !important; border: 1px solid rgba(255,255,255,.45) !important; border-radius: 50% !important; background: transparent !important; color: #ffffff !important; font-size: 30px !important; line-height: 1 !important; padding: 0 !important; } .shada-mobile-menu-title { margin: 0 46px 18px 0 !important; padding-bottom: 12px !important; border-bottom: 1px solid rgba(255,255,255,.25) !important; font-family: "ShadaRobotoSlab", Georgia, serif !important; font-size: 22px !important; font-weight: 800 !important; color: #ffffff !important; } .shada-mobile-menu-drawer ul, .shada-mobile-menu-drawer li { list-style: none !important; margin: 0 !important; padding: 0 !important; } .shada-mobile-menu-drawer .shada-mobile-menu-list { display: block !important; } .shada-mobile-menu-drawer .mod-menu__sub { display: block !important; margin: 4px 0 12px 12px !important; padding-left: 10px !important; border-left: 1px solid rgba(255,255,255,.22) !important; } .shada-mobile-menu-drawer .mod-menu__toggle-sub { display: none !important; } .shada-mobile-menu-drawer a, .shada-mobile-menu-drawer span { display: block !important; padding: 11px 4px !important; color: #ffffff !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; } .shada-mobile-menu-drawer .mod-menu__sub a, .shada-mobile-menu-drawer .mod-menu__sub span { font-size: 15px !important; font-weight: 600 !important; opacity: .95 !important; } .shada-mobile-menu-drawer a:hover, .shada-mobile-menu-drawer a:focus { color: #ffffff !important; background: rgba(255,255,255,.09) !important; border-radius: 6px !important; } } @media (max-width: 991.98px) { .container-header, header.container-header, .header.container-header { min-height: 0 !important; padding: 18px 14px 20px !important; margin: 0 !important; } .container-header .navbar-brand, .container-header .brand-logo, .container-header a.brand-logo, .container-header .logo { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 86px !important; width: auto !important; margin: 0 auto !important; transform: none !important; } .shada-phone-button, a.shada-phone-button, .container-header .shada-phone-button, .container-header a.shada-phone-button, .container-header a[href^="tel:"], .container-header a[href*="tel:"] { display: none !important; visibility: hidden !important; } .container-header #shada-search-toggle, .container-header .shada-search-toggle, .container-header .shada-search-toggle-wrap { display: none !important; visibility: hidden !important; } .shada-mobile-nav-shell { margin-top: 0 !important; } } @media (max-width: 480px) { .container-header, header.container-header, .header.container-header { padding-top: 14px !important; padding-bottom: 16px !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 76px !important; } .shada-mobile-call { font-size: 16px !important; } } @media (max-width: 991.98px) { .container-header, header.container-header, .header.container-header { min-height: 0 !important; padding: 10px 14px 12px !important; margin: 0 !important; } .container-header .grid-child, .container-header .container, .container-header .navbar { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .container-header .navbar-brand, .container-header .brand-logo, .container-header a.brand-logo, .container-header .logo { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 72px !important; width: auto !important; margin: 0 auto !important; transform: none !important; } .container-header .shada-phone-button, .container-header a.shada-phone-button, .container-header a[href^="tel:"], .container-header a[href*="tel:"], .container-header #shada-search-toggle, .container-header .shada-search-toggle, .container-header .shada-search-toggle-wrap { display: none !important; visibility: hidden !important; } .shada-mobile-nav-shell { min-height: 46px !important; padding: 6px 22px !important; margin-top: 0 !important; background: #0b7f80 !important; } .shada-mobile-call { font-size: 20px !important; font-weight: 700 !important; color: #ffffff !important; text-decoration: none !important; } } @media (max-width: 480px) { .container-header, header.container-header, .header.container-header { padding-top: 8px !important; padding-bottom: 10px !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 66px !important; } .shada-mobile-call { font-size: 19px !important; } } @media (max-width: 991.98px) { .container-header, header.container-header, .header.container-header { min-height: 0 !important; padding: 8px 14px 8px !important; margin: 0 !important; } .container-header .grid-child, .container-header .container, .container-header .navbar, .container-header .navbar-collapse { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .container-header .navbar-brand, .container-header .brand-logo, .container-header a.brand-logo, .container-header .logo { display: flex !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 78px !important; width: auto !important; margin: 0 !important; transform: none !important; } .container-header .shada-phone-button, .container-header a.shada-phone-button, .container-header a[href^="tel:"], .container-header a[href*="tel:"], .container-header #shada-search-toggle, .container-header .shada-search-toggle, .container-header .shada-search-toggle-wrap { display: none !important; visibility: hidden !important; } .shada-mobile-nav-shell { min-height: 46px !important; padding: 6px 42px !important; margin-top: 0 !important; background: #0b7f80 !important; } .shada-mobile-menu-open { width: 48px !important; height: 36px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; display: inline-flex !important; flex-direction: column !important; gap: 5px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } .shada-mobile-menu-open span { display: block !important; width: 31px !important; height: 4px !important; border-radius: 3px !important; background: #202020 !important; } .shada-mobile-call { justify-content: center !important; gap: 18px !important; min-height: 38px !important; padding: 5px 8px !important; color: #ffffff !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 24px !important; font-weight: 400 !important; letter-spacing: .5px !important; text-decoration: none !important; line-height: 1 !important; } .shada-mobile-phone-icon { position: relative !important; display: inline-block !important; width: 20px !important; height: 30px !important; border: 4px solid #ffffff !important; border-radius: 4px !important; box-sizing: border-box !important; } .shada-mobile-phone-icon::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 2px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #ffffff !important; transform: translateX(-50%) !important; } .shada-mobile-phone-text { display: inline-block !important; } } @media (max-width: 480px) { .container-header, header.container-header, .header.container-header { padding-top: 7px !important; padding-bottom: 7px !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 72px !important; } .shada-mobile-nav-shell { padding-left: 34px !important; padding-right: 34px !important; } .shada-mobile-call { font-size: 22px !important; gap: 15px !important; } } @media (max-width: 991.98px) { .container-header, header.container-header, .header.container-header { padding-top: 6px !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .container-header .grid-child, .container-header .container, .container-header .navbar, .container-header .navbar-collapse, .container-header .mod-custom, .container-header .shada-header-logo { min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 0 !important; } .container-header .shada-header-logo p, .container-header p { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .container-header .navbar-brand, .container-header .brand-logo, .container-header a.brand-logo, .container-header .logo { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 0 !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { display: block !important; max-height: 74px !important; margin-top: 0 !important; margin-bottom: 0 !important; } .shada-mobile-nav-shell { margin-top: 0 !important; } } @media (max-width: 480px) { .container-header, header.container-header, .header.container-header { padding-top: 5px !important; padding-bottom: 0 !important; } .container-header .navbar-brand img, .container-header .brand-logo img, .container-header a.brand-logo img, .container-header .logo img, .container-header img[src*="Logo"], .container-header img[src*="logo"], .container-header img[src*="Shada"], .container-header img[src*="shada"] { max-height: 70px !important; } } @media (max-width: 991.98px) { .container-header, header.container-header, .header.container-header { padding-top: 4px !important; padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; } .container-header .grid-child, .container-header .container, .container-header .navbar, .container-header .navbar-brand, .container-header .brand-logo, .container-header .logo, .container-header .mod-custom, .container-header .shada-header-logo { padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; } .container-header p, .container-header .shada-header-logo p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .container-header img { margin-bottom: 0 !important; } .shada-mobile-nav-shell { margin-top: -42px !important; position: relative !important; z-index: 9995 !important; } } @media (max-width: 480px) { .shada-mobile-nav-shell { margin-top: -38px !important; } } @media (max-width: 991.98px) { .shada-mobile-drawer-search { display: flex !important; gap: 7px !important; margin: 0 0 18px 0 !important; padding: 0 0 16px 0 !important; border-bottom: 1px solid rgba(255,255,255,.25) !important; } .shada-mobile-drawer-search input[type="search"] { flex: 1 1 auto !important; min-width: 0 !important; height: 42px !important; padding: 9px 11px !important; border: 1px solid rgba(255,255,255,.45) !important; border-radius: 7px !important; background: rgba(255,255,255,.96) !important; color: #1f2d33 !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.2 !important; box-sizing: border-box !important; } .shada-mobile-drawer-search button { flex: 0 0 auto !important; height: 42px !important; padding: 9px 12px !important; border: 0 !important; border-radius: 7px !important; background: #ffffff !important; color: #0b7a80 !important; font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.2 !important; } } @media (max-width: 991.98px) { .shada-mobile-menu-drawer .shada-menu-search-item, .shada-mobile-menu-drawer li.shada-menu-search-item, .shada-mobile-menu-drawer .shada-search-trigger-in-menu, .shada-mobile-menu-drawer .shada-search-toggle, .shada-mobile-menu-drawer a[aria-label="Search Website"], .shada-mobile-menu-drawer a[title="Search"] { display: none !important; visibility: hidden !important; } .shada-mobile-menu-drawer .shada-mobile-drawer-search { display: flex !important; visibility: visible !important; } } @media (max-width: 991.98px) { .shada-mobile-menu-open { width: 42px !important; height: 36px !important; min-width: 42px !important; border: 1.5px solid rgba(255,255,255,.88) !important; border-radius: 9px !important; background: rgba(255,255,255,.08) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; padding: 0 !important; } .shada-mobile-menu-open span { display: block !important; width: 23px !important; height: 3px !important; border-radius: 999px !important; background: #ffffff !important; box-shadow: none !important; } .shada-mobile-menu-open:hover, .shada-mobile-menu-open:focus { background: rgba(255,255,255,.16) !important; border-color: #ffffff !important; outline: none !important; } } @media (max-width: 480px) { .shada-mobile-menu-open { width: 40px !important; height: 35px !important; min-width: 40px !important; } .shada-mobile-menu-open span { width: 22px !important; height: 3px !important; } } @media (max-width: 768px) { main .com-content-article .uk-grid, main article .uk-grid, main .item-page .uk-grid, main .com-content-article [class*="uk-child-width-"], main article [class*="uk-child-width-"] { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; margin-left: 0 !important; } main .com-content-article .uk-grid > *, main article .uk-grid > *, main .item-page .uk-grid > *, main .com-content-article [class*="uk-child-width-"] > *, main article [class*="uk-child-width-"] > * { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; box-sizing: border-box !important; } main .com-content-article .row, main article .row { margin-left: 0 !important; margin-right: 0 !important; } main .com-content-article .row > [class*="col-"], main article .row > [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } main .com-content-article .uk-card, main article .uk-card, main .com-content-article article .card, main article .card, main .com-content-article .service-card, main article .service-card, main .com-content-article .shada-service-card, main article .shada-service-card { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 18px !important; border-radius: 14px !important; overflow: hidden !important; box-sizing: border-box !important; } main .com-content-article .uk-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]), main article .uk-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]), main .com-content-article .card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]), main article .card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]), main .com-content-article .service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]), main article .service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]), main .com-content-article .shada-service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]), main article .shada-service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]) { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; display: block !important; } main .com-content-article .uk-card-body, main article .uk-card-body, main .com-content-article .card-body, main article .card-body, main .com-content-article .service-card-body, main article .service-card-body, main .com-content-article .shada-service-card-body, main article .shada-service-card-body { padding: 20px 20px 22px 20px !important; } main .com-content-article .uk-card h2, main .com-content-article .uk-card h3, main article .uk-card h2, main article .uk-card h3, main .com-content-article .card h2, main .com-content-article .card h3, main article .card h2, main article .card h3, main .com-content-article .service-card h2, main .com-content-article .service-card h3, main article .service-card h2, main article .service-card h3, main .com-content-article .shada-service-card h2, main .com-content-article .shada-service-card h3, main article .shada-service-card h2, main article .shada-service-card h3 { font-size: 1.45rem !important; line-height: 1.22 !important; margin-top: 0 !important; margin-bottom: 0.75rem !important; } main .com-content-article .uk-card p, main article .uk-card p, main .com-content-article .card p, main article .card p, main .com-content-article .service-card p, main article .service-card p, main .com-content-article .shada-service-card p, main article .shada-service-card p { font-size: 1rem !important; line-height: 1.6 !important; margin-bottom: 1rem !important; } main .com-content-article .uk-card .uk-button, main article .uk-card .uk-button, main .com-content-article .card .btn, main article .card .btn, main .com-content-article .service-card .btn, main article .service-card .btn, main .com-content-article .shada-service-card .btn, main article .shada-service-card .btn, main .com-content-article .service-card .uk-button, main article .service-card .uk-button, main .com-content-article .shada-service-card .uk-button, main article .shada-service-card .uk-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; min-width: 170px !important; max-width: 100% !important; padding: 12px 20px !important; white-space: nowrap !important; text-align: center !important; box-sizing: border-box !important; } body:has(.shada-j6-mobile-tools) main article, body:has(.shada-j6-mobile-tools) main .com-content-article { padding-bottom: 110px !important; } } @media (max-width: 420px) { main .com-content-article .uk-card-body, main article .uk-card-body, main .com-content-article .card-body, main article .card-body, main .com-content-article .service-card-body, main article .service-card-body, main .com-content-article .shada-service-card-body, main article .shada-service-card-body { padding: 18px 18px 20px 18px !important; } main .com-content-article .uk-card h2, main .com-content-article .uk-card h3, main article .uk-card h2, main article .uk-card h3, main .com-content-article .card h2, main .com-content-article .card h3, main article .card h2, main article .card h3, main .com-content-article .service-card h2, main .com-content-article .service-card h3, main article .service-card h2, main article .service-card h3, main .com-content-article .shada-service-card h2, main .com-content-article .shada-service-card h3, main article .shada-service-card h2, main article .shada-service-card h3 { font-size: 1.35rem !important; } } .shada-page { font-size: 17px; line-height: 1.7; } .shada-section { margin: 40px 0; } .shada-section--soft { background: #eef7f7; border-left: 5px solid #0f6d73; border-radius: 10px; padding: 30px; } .shada-section h2 { margin-top: 0; margin-bottom: 15px; } .shada-section h3 { margin-top: 0; } .shada-hero-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: flex-start; } .shada-hero-image { width: 100%; height: auto; border-radius: 10px; display: block; } .shada-lead { font-size: 1.08rem; margin-bottom: 20px; } .shada-button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; } .shada-button, .shada-card__button { background: #0f6d73; color: #ffffff !important; text-decoration: none !important; padding: 12px 20px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; line-height: 1.25; min-height: 46px; box-sizing: border-box; } .shada-button:hover, .shada-button:focus, .shada-card:hover .shada-card__button, .shada-card:focus .shada-card__button { color: #ffffff !important; text-decoration: none !important; filter: brightness(0.95); } .shada-card-grid { display: grid; gap: 22px; margin-top: 25px; } .shada-card-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .shada-card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .shada-card-grid--auto { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .shada-card { background: #f9fcfc; border: 1px solid #d9e7e7; border-radius: 10px; box-sizing: border-box; } .shada-card--image { display: flex; flex-direction: column; overflow: hidden; color: inherit !important; text-decoration: none !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .shada-card--image:hover, .shada-card--image:focus { color: inherit !important; text-decoration: none !important; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08); } .shada-card__media { background: #ffffff; width: 100%; aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; overflow: hidden; } .shada-card__image { width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block; } .shada-card__body { padding: 20px; flex: 1 1 auto; } .shada-card__body h3 { margin-top: 0; margin-bottom: 10px; } .shada-card__body p { margin-bottom: 14px; } .shada-card__body p:last-child { margin-bottom: 0; } .shada-card--text { padding: 22px; } .shada-card--text p:last-child { margin-bottom: 0; } .shada-reviewer-card { background: #f9fcfc; border: 1px solid #d9e7e7; border-radius: 10px; padding: 25px; display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } .shada-reviewer-card__image { width: 100px; height: 100px; object-fit: cover; object-position: center top; border-radius: 50%; border: 2px solid #d9e7e7; flex: 0 0 100px; } .shada-reviewer-card__body { flex: 1 1 350px; min-width: 0; } .shada-reviewer-card__body h3 { margin-top: 0; margin-bottom: 10px; } .shada-faq-list { display: flex; flex-direction: column; gap: 18px; margin-top: 25px; } .shada-faq-item { background: #f9fcfc; border: 1px solid #cfe6e6; border-radius: 8px; padding: 22px; } .shada-faq-item h3 { margin-top: 0; } .shada-faq-item p:last-child { margin-bottom: 0; } .shada-cta-panel { background: #d9ecec; border-radius: 10px; padding: 35px; margin: 45px 0 20px 0; text-align: center; } .shada-cta-panel h2 { margin-top: 0; margin-bottom: 15px; } .shada-cta-panel p { max-width: 850px; margin-left: auto; margin-right: auto; } .shada-cta-panel__buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 20px; } @media (max-width: 900px) { .shada-card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .shada-page { font-size: 16px; line-height: 1.65; padding-bottom: 18px; } .shada-section { margin: 28px 0; } .shada-section--soft { padding: 22px; border-radius: 10px; } .shada-hero-split, .shada-card-grid, .shada-card-grid--2, .shada-card-grid--3, .shada-card-grid--auto { grid-template-columns: 1fr !important; } .shada-card-grid { gap: 18px; } .shada-card__media { aspect-ratio: 16 / 9; } .shada-card__image { object-fit: contain; } .shada-card__body, .shada-card--text, .shada-faq-item { padding: 20px; } .shada-card__body h3, .shada-card--text h3, .shada-faq-item h3 { font-size: 1.35rem; line-height: 1.25; } .shada-card__button { min-width: 160px; } .shada-reviewer-card { align-items: flex-start; padding: 22px; } .shada-reviewer-card__image { width: 88px; height: 88px; flex-basis: 88px; } .shada-cta-panel { padding: 26px 22px; margin-bottom: 35px; } } @media (max-width: 520px) { .shada-section--soft { padding: 20px; } .shada-button-row, .shada-cta-panel__buttons { flex-direction: column; align-items: stretch; } .shada-button, .shada-card__button { width: 100%; min-width: 0; } .shada-reviewer-card { text-align: center; justify-content: center; } .shada-reviewer-card__body { flex-basis: 100%; } .shada-card__body, .shada-card--text, .shada-faq-item { padding: 18px; } } .shada-card-grid > .shada-card--image { height: 100%; } .shada-card--image { display: flex; flex-direction: column; } .shada-card--image .shada-card__body { display: flex; flex-direction: column; flex: 1 1 auto; } .shada-card--image .shada-card__body p { flex: 1 1 auto; } .shada-card--image .shada-card__button { margin-top: auto; align-self: flex-start; } @media (max-width: 520px) { .shada-card--image .shada-card__button { align-self: stretch; } } :root { --shada-service-body-size: 1.08rem; --shada-service-body-line: 1.72; --shada-service-lead-size: 1.16rem; --shada-service-toc-size: 1.04rem; --shada-service-button-size: 1.02rem; } .shada-service-page { padding-bottom: 0 !important; } .shada-service-intro-grid { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(280px, 0.95fr); gap: 24px; align-items: start; margin: 0 0 28px 0; } .shada-service-summary-card, .shada-service-toc { background: #f9fcfc; border: 1px solid #cfe6e6; border-radius: 12px; box-shadow: 0 8px 24px rgba(15, 109, 115, 0.07); } .shada-service-summary-card { overflow: hidden; height: auto; min-height: 0; } .shada-service-summary-card__image { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 0; } .shada-service-summary-card__body { padding: 24px 26px 22px 26px; } .shada-service-summary-title { font-family: var(--shada-font-heading) !important; font-size: clamp(1.75rem, 2.2vw, 2.25rem) !important; line-height: 1.22 !important; font-weight: 800 !important; color: #17252a !important; margin: 0 0 18px 0 !important; } .shada-service-page p, .shada-service-page li { font-size: var(--shada-service-body-size); line-height: var(--shada-service-body-line); } .shada-service-page .shada-lead { font-size: var(--shada-service-lead-size); line-height: 1.7; } .shada-check-list { margin: 16px 0 20px 0 !important; padding: 0 !important; list-style: none !important; } .shada-check-list li { position: relative; margin: 0 0 8px 0 !important; padding-left: 28px !important; line-height: 1.55; } .shada-check-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #0f6d73; font-weight: 800; } .shada-service-toc { padding: 20px; position: sticky; top: 98px; height: auto; min-height: 0; } .shada-service-toc__title { font-size: 1.12rem; line-height: 1.35; margin: 0 0 14px 0; color: #17252a; font-weight: 800; } .shada-service-toc nav { display: grid; gap: 8px; } .shada-service-toc a { display: block; padding: 11px 12px; border-radius: 8px; color: #0f6d73 !important; text-decoration: none !important; font-weight: 650; font-size: var(--shada-service-toc-size); line-height: 1.35; background: #ffffff; border: 1px solid rgba(15, 109, 115, 0.12); } .shada-service-toc a:hover, .shada-service-toc a:focus { background: #eef7f7; border-color: rgba(15, 109, 115, 0.28); } .shada-service-text-media { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.8fr); gap: 26px; align-items: center; } .shada-service-side-image { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 10px; border: 1px solid #d9ecec; background: #ffffff; } .shada-service-page .shada-button, .shada-service-page .shada-card__button { font-size: var(--shada-service-button-size); line-height: 1.25; font-weight: 700; } .shada-service-related-card { text-decoration: none !important; color: inherit !important; display: flex !important; flex-direction: column; } .shada-service-related-card p { flex: 1 1 auto; } .shada-service-related-card .shada-card__button { align-self: flex-start; margin-top: auto; } .shada-service-page > .shada-section:last-child { margin-bottom: 12px !important; } .shada-service-page .shada-cta-panel { margin-bottom: 0 !important; } .com-content-article:has(.shada-service-page), .com-content-article__body:has(.shada-service-page), .container-component:has(.shada-service-page) { padding-bottom: 0 !important; margin-bottom: 0 !important; } @media (max-width: 900px) { .shada-service-intro-grid, .shada-service-text-media { grid-template-columns: 1fr; } .shada-service-toc { position: static; } } @media (max-width: 768px) { :root { --shada-service-body-size: 1.05rem; --shada-service-lead-size: 1.08rem; --shada-service-toc-size: 1.02rem; --shada-service-button-size: 1.02rem; } .shada-service-summary-title { font-size: 1.65rem !important; line-height: 1.24 !important; margin-bottom: 16px !important; } .shada-service-intro-grid { gap: 18px; margin-bottom: 22px; } .shada-service-summary-card__body { padding: 18px 16px 18px 16px; } .shada-service-toc { padding: 16px; } .shada-service-page .shada-button { min-height: 54px; display: flex; align-items: center; justify-content: center; text-align: center; } } @media (max-width: 520px) { .shada-service-page .shada-button-row, .shada-service-page .shada-cta-panel__buttons { display: grid; grid-template-columns: 1fr; gap: 12px; } .shada-service-page .shada-button, .shada-service-page .shada-card__button { width: 100%; text-align: center; justify-content: center; } } :root { --shada-service-body-size: 1.15rem; --shada-service-body-line: 1.72; --shada-service-lead-size: 1.23rem; --shada-service-toc-size: 1.08rem; --shada-service-button-size: 1.06rem; } @media (max-width: 768px) { :root { --shada-service-body-size: 1.11rem; --shada-service-lead-size: 1.16rem; --shada-service-toc-size: 1.06rem; --shada-service-button-size: 1.05rem; } } .shada-service-page .shada-section:has(.shada-cta-panel) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } .shada-service-page .shada-section:has(.shada-cta-panel)::before { display: none !important; } .shada-service-page .shada-section:has(.shada-cta-panel) .shada-cta-panel { margin: 0 !important; } @media (max-width: 900px) { body:has(.shada-service-page) main article, body:has(.shada-service-page) main .com-content-article, body:has(.shada-service-page) main .item-page, body:has(.shada-service-page) .container-component, body:has(.shada-service-page) .com-content-article__body { padding-bottom: 0 !important; margin-bottom: 0 !important; } .shada-service-page { padding-bottom: 12px !important; margin-bottom: 0 !important; } .shada-service-page .shada-service-intro-grid { display: block !important; margin-bottom: 22px !important; } .shada-service-page .shada-service-summary-card { display: block !important; height: auto !important; min-height: 0 !important; padding-bottom: 0 !important; margin-bottom: 18px !important; overflow: hidden !important; } .shada-service-page .shada-service-summary-card::before, .shada-service-page .shada-service-summary-card::after { content: none !important; display: none !important; } .shada-service-page .shada-service-summary-card__body { height: auto !important; min-height: 0 !important; padding-bottom: 16px !important; margin-bottom: 0 !important; } .shada-service-page .shada-service-summary-card__body > *:last-child, .shada-service-page .shada-service-summary-card .shada-button-row { margin-bottom: 0 !important; padding-bottom: 0 !important; } .shada-service-page .shada-service-toc { margin-top: 0 !important; margin-bottom: 22px !important; } .shada-service-page .shada-section { margin-top: 24px !important; margin-bottom: 24px !important; } .shada-service-page .shada-section:has(.shada-cta-panel) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-top: 24px !important; margin-bottom: 24px !important; } .shada-service-page .shada-section:has(.shada-cta-panel)::before, .shada-service-page .shada-section:has(.shada-cta-panel)::after { content: none !important; display: none !important; } .shada-service-page .shada-cta-panel { margin: 0 !important; padding: 28px 22px !important; } .shada-service-page > .shada-section:last-child { margin-bottom: 16px !important; } } @media (max-width: 520px) { .shada-service-page { padding-bottom: 8px !important; } .shada-service-page .shada-section { margin-top: 22px !important; margin-bottom: 22px !important; } .shada-service-page .shada-section:has(.shada-cta-panel) { margin-top: 22px !important; margin-bottom: 22px !important; } .shada-service-page .shada-cta-panel { padding: 26px 20px !important; } } .shada-service-page--letter-of-advice .shada-letter-profile-wrap { display: flex; align-items: center; justify-content: center; } .shada-service-page--letter-of-advice .shada-letter-profile-image { width: 100%; max-width: 260px; max-height: 320px; object-fit: cover; border-radius: 14px; border: 1px solid rgba(15, 109, 115, 0.16); box-shadow: 0 12px 28px rgba(12, 70, 74, 0.12); } .shada-service-page--letter-of-advice .shada-letter-adviser-card { align-items: center; } @media (max-width: 900px) { .shada-service-page--letter-of-advice .shada-letter-profile-image { max-width: 220px; max-height: 270px; } } .shada-service-page--visa-cancellation .shada-service-text-media { grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr); align-items: center; } .shada-service-page--visa-cancellation .shada-service-text-media .shada-letter-profile-image { width: 100%; max-width: 240px; max-height: 300px; object-fit: cover; display: block; margin: 0 auto; border-radius: 14px; box-shadow: 0 12px 28px rgba(12, 70, 74, 0.12); } @media (max-width: 900px) { .shada-service-page--visa-cancellation .shada-service-text-media { grid-template-columns: 1fr; } .shada-service-page--visa-cancellation .shada-service-text-media .shada-letter-profile-image { max-width: 220px; max-height: 270px; margin-top: 12px; } } .shada-service-page--refugee-protection .shada-service-text-media { grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr); align-items: center; } .shada-service-page--refugee-protection .shada-principal-profile-image { width: 100%; max-width: 240px; max-height: 300px; object-fit: cover; display: block; margin: 0 auto; border-radius: 14px; border: 1px solid rgba(15, 109, 115, 0.16); box-shadow: 0 12px 28px rgba(12, 70, 74, 0.12); } @media (max-width: 900px) { .shada-service-page--refugee-protection .shada-service-text-media { grid-template-columns: 1fr; } .shada-service-page--refugee-protection .shada-principal-profile-image { max-width: 220px; max-height: 270px; margin-top: 12px; } } .shada-service-page--migration-gateway .shada-gateway-logo-wrap { display: flex; align-items: center; justify-content: center; min-height: 180px; padding: 22px; background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.92)); border: 1px solid rgba(15,109,115,0.14); border-radius: 18px; } .shada-service-page--migration-gateway .shada-gateway-logo { max-width: 260px; width: 100%; height: auto; max-height: 150px; object-fit: contain; display: block; } .shada-service-page--migration-gateway .shada-gateway-pathway-card { display: flex; flex-direction: column; min-height: 100%; } .shada-service-page--migration-gateway .shada-gateway-pathway-card p { flex: 1 1 auto; } .shada-service-page--migration-gateway .shada-gateway-pathway-card .shada-card__button { margin-top: auto; } .shada-service-page--migration-gateway .shada-gateway-choice-grid { align-items: stretch; } @media (max-width: 900px) { .shada-service-page--migration-gateway .shada-gateway-logo-wrap { min-height: 130px; padding: 18px; } .shada-service-page--migration-gateway .shada-gateway-logo { max-width: 220px; max-height: 120px; } } .shada-service-page--migration-gateway .shada-gateway-hero { display: block; } .shada-service-page--migration-gateway .shada-gateway-hero .shada-service-summary-card { max-width: none; } .shada-service-page--migration-gateway .shada-gateway-image-card { overflow: hidden; display: flex; flex-direction: column; min-height: 100%; padding: 0; } .shada-service-page--migration-gateway .shada-gateway-image-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; } .shada-service-page--migration-gateway .shada-gateway-image-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1 1 auto; } .shada-service-page--migration-gateway .shada-gateway-image-card__body p { flex: 1 1 auto; } .shada-service-page--migration-gateway .shada-gateway-image-card__body .shada-card__button { margin-top: auto; } .shada-service-page--migration-gateway .shada-why-shada-grid { align-items: center; } .shada-service-page--migration-gateway .shada-gateway-logo-panel { min-height: 210px; padding: 26px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.96)); border: 1px solid rgba(15,109,115,0.16); border-radius: 18px; } .shada-service-page--migration-gateway .shada-gateway-logo { max-width: 300px; width: 100%; max-height: 150px; object-fit: contain; display: block; } .shada-service-page--migration-gateway .shada-gateway-logo-fallback { text-align: center; color: #0f6d73; } .shada-service-page--migration-gateway .shada-gateway-logo-fallback strong { display: block; font-size: 1.45rem; line-height: 1.25; margin-bottom: 8px; } .shada-service-page--migration-gateway .shada-gateway-logo-fallback span { display: block; font-size: 0.95rem; color: #486366; } .shada-service-page--migration-gateway .shada-fit-card { display: flex; flex-direction: column; min-height: 100%; } .shada-service-page--migration-gateway .shada-fit-card p { flex: 1 1 auto; } .shada-service-page--migration-gateway .shada-fit-card .shada-card__button { margin-top: auto; } @media (max-width: 900px) { .shada-service-page--migration-gateway .shada-gateway-logo-panel { min-height: 145px; padding: 20px; } .shada-service-page--migration-gateway .shada-gateway-logo { max-width: 230px; max-height: 120px; } } .shada-service-page--migration-to-australia .shada-mta-fit-card p { flex: 1 1 auto; } .shada-service-page--migration-to-australia .shada-mta-hero-media { align-self: stretch; } .shada-service-page--migration-to-australia .shada-mta-image-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; } .shada-service-page--migration-to-australia .shada-mta-image-card__body p { flex: 1 1 auto; } .shada-service-page--migration-to-australia .shada-mta-image-card__media { height: 230px; } .shada-service-page--migration-to-australia .shada-service-summary-card__image { width: 100% !important; height: auto !important; min-height: 0 !important; object-fit: contain !important; max-height: none !important; aspect-ratio: auto !important; object-position: center center !important; background: #eef7f7; padding: 16px; align-self: center; } @media (max-width: 560px) { .shada-service-page--migration-to-australia .shada-mta-image-card__media { height: 170px; } } @media (max-width: 900px) { .shada-service-page--migration-to-australia .shada-mta-hero-media img { border-radius: 14px 14px 0 0; } .shada-service-page--migration-to-australia .shada-mta-image-card__media { height: 190px; } .shada-service-page--migration-to-australia .shada-service-summary-card__image { min-height: 210px; padding: 12px; } } .shada-service-page--migration-to-australia .shada-service-intro-grid { grid-template-columns: 1fr; } .shada-service-page--migration-to-australia .shada-service-summary-card { display: grid; grid-template-columns: minmax(320px, 0.94fr) minmax(0, 1fr); align-items: center; gap: 28px; padding: 28px; } .shada-service-page--migration-to-australia .shada-mta-hero-media { margin: 0; padding: 0; background: transparent; display: flex; align-items: center; justify-content: center; } .shada-service-page--migration-to-australia .shada-mta-hero-media img { width: 100%; height: auto; object-fit: contain; object-position: center; display: block; border-radius: 14px; box-shadow: 0 10px 26px rgba(12, 70, 74, 0.10); } .shada-service-page--migration-to-australia .shada-mta-image-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; min-height: 100%; } .shada-service-page--migration-to-australia .shada-mta-image-card__media { margin: 18px 18px 0 18px; background: #eef7f7; border-radius: 14px; overflow: hidden; min-height: 230px; display: flex; align-items: center; justify-content: center; } .shada-service-page--migration-to-australia .shada-mta-image-card__media img { width: 100%; height: auto; object-fit: contain; object-position: center; display: block; } .shada-service-page--migration-to-australia .shada-mta-image-card__body { padding: 22px; display: flex; flex-direction: column; flex: 1 1 auto; } .shada-service-page--migration-to-australia .shada-mta-image-card__body p, .shada-service-page--migration-to-australia .shada-mta-fit-card p { flex: 1 1 auto; } .shada-service-page--migration-to-australia .shada-mta-image-card__body .shada-card__button, .shada-service-page--migration-to-australia .shada-mta-fit-card .shada-card__button { margin-top: auto; } .shada-service-page--migration-to-australia .shada-mta-fit-card { display: flex; flex-direction: column; min-height: 100%; position: relative; padding-top: 28px; } .shada-service-page--migration-to-australia .shada-mta-icon { width: 60px; height: 60px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; background: rgba(15, 109, 115, 0.10); color: #0f6d73; border: 1px solid rgba(15, 109, 115, 0.22); box-shadow: 0 8px 18px rgba(12, 70, 74, 0.08); } .shada-service-page--migration-to-australia .shada-mta-icon svg { width: 34px; height: 34px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; } .shada-service-page--migration-to-australia .shada-mta-fit-card:hover .shada-mta-icon { background: #0f6d73; color: #fff; } .shada-service-page--migration-to-australia .shada-mta-logo-panel { min-height: 240px; padding: 30px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.96)); border: 1px solid rgba(15,109,115,0.16); border-radius: 18px; } .shada-service-page--migration-to-australia .shada-mta-logo { display: block; width: 100%; max-width: 340px; max-height: 170px; object-fit: contain; } .shada-service-page--migration-to-australia .shada-mta-logo-fallback { text-align: center; color: #0f6d73; } .shada-service-page--migration-to-australia .shada-mta-logo-fallback strong { display: block; font-size: 1.45rem; line-height: 1.25; margin-bottom: 8px; } .shada-service-page--migration-to-australia .shada-mta-logo-fallback span { display: block; font-size: 0.95rem; color: #486366; } @media (max-width: 900px) { .shada-service-page--migration-to-australia .shada-service-summary-card { grid-template-columns: 1fr; gap: 18px; padding: 20px; } .shada-service-page--migration-to-australia .shada-mta-image-card__media { margin: 16px 16px 0 16px; min-height: auto; } .shada-service-page--migration-to-australia .shada-mta-icon { width: 56px; height: 56px; } .shada-service-page--migration-to-australia .shada-mta-icon svg { width: 31px; height: 31px; } .shada-service-page--migration-to-australia .shada-mta-logo-panel { min-height: 160px; padding: 22px; } .shada-service-page--migration-to-australia .shada-mta-logo { max-width: 260px; max-height: 130px; } } .shada-mobile-cta-live { display: none; } @media (max-width: 768px) { body { padding-bottom: calc(88px + env(safe-area-inset-bottom)); } .shada-mobile-cta-live { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, 0.96); border-top: 4px solid #078f93; box-shadow: 0 -8px 24px rgba(10, 70, 74, 0.14); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .shada-mobile-cta-live__button { min-height: 54px; border-radius: 14px; background: #078f93; color: #ffffff !important; display: flex; align-items: center; justify-content: center; padding: 0 10px; text-align: center; text-decoration: none !important; font-weight: 700; font-size: 1.05rem; line-height: 1.1; letter-spacing: 0.01em; box-shadow: 0 5px 14px rgba(7, 143, 147, 0.20); } .shada-mobile-cta-live__button:hover, .shada-mobile-cta-live__button:focus { background: #056f73; color: #ffffff !important; text-decoration: none !important; } .shada-mobile-cta-live__button:focus-visible { outline: 3px solid rgba(7, 143, 147, 0.30); outline-offset: 2px; } } @media (max-width: 380px) { .shada-mobile-cta-live { gap: 6px; padding-left: 10px; padding-right: 10px; } .shada-mobile-cta-live__button { min-height: 50px; border-radius: 12px; font-size: 0.96rem; } } .shada-migration-subpage .shada-subpage-hero-media { margin: 0; padding: 0; background: transparent; display: flex; align-items: center; justify-content: center; } .shada-migration-subpage .shada-subpage-hero-media img { width: 100%; height: auto; object-fit: contain; object-position: center; display: block; border-radius: 14px; box-shadow: 0 10px 26px rgba(12, 70, 74, 0.10); } .shada-migration-subpage .shada-migration-visual-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; min-height: 100%; } .shada-migration-subpage .shada-migration-visual-card__media { margin: 18px 18px 0 18px; background: #eef7f7; border-radius: 14px; overflow: hidden; min-height: 210px; display: flex; align-items: center; justify-content: center; } .shada-migration-subpage .shada-migration-visual-card__media img { width: 100%; height: auto; object-fit: contain; object-position: center; display: block; } .shada-migration-subpage .shada-migration-visual-card__body { padding: 22px; display: flex; flex-direction: column; flex: 1 1 auto; } .shada-migration-subpage .shada-migration-visual-card__body p { flex: 1 1 auto; } .shada-migration-subpage .shada-migration-visual-card__body .shada-card__button { margin-top: auto; } .shada-migration-subpage .shada-step-card-mini { counter-increment: shada-step-counter; } .shada-migration-subpage .shada-step-card-mini::before { content: counter(shada-step-counter); width: 38px; height: 38px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; background: rgba(15, 109, 115, 0.10); color: #0f6d73; border: 1px solid rgba(15, 109, 115, 0.18); font-weight: 800; } .shada-migration-subpage .shada-step-grid { counter-reset: shada-step-counter; } .shada-migration-subpage .shada-faq-list details.shada-card { padding: 20px 22px; } .shada-migration-subpage .shada-faq-list summary { cursor: pointer; font-weight: 800; color: #263f43; } .shada-migration-subpage .shada-faq-list summary + p { margin-top: 12px; } @media (max-width: 900px) { .shada-migration-subpage .shada-migration-visual-card__media { margin: 16px 16px 0 16px; min-height: auto; } } .shada-service-page .shada-cta-panel { text-align: center !important; } .shada-service-page .shada-cta-panel .shada-button-row { justify-content: center !important; align-items: center !important; } .shada-service-page .shada-service-related-card, .shada-service-page .shada-migration-visual-card, .shada-service-page .shada-mta-image-card { display: flex !important; flex-direction: column !important; min-height: 100% !important; padding: 20px !important; overflow: hidden !important; border-radius: 14px !important; } .shada-service-page .shada-migration-visual-card__media, .shada-service-page .shada-mta-image-card__media { margin: 0 0 20px 0 !important; padding: 0 !important; width: 100% !important; min-height: 0 !important; height: auto !important; aspect-ratio: auto !important; background: transparent !important; border-radius: 12px !important; overflow: hidden !important; display: block !important; } .shada-service-page .shada-migration-visual-card__media img, .shada-service-page .shada-mta-image-card__media img, .shada-service-page .shada-service-related-card > img, .shada-service-page .shada-card > img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; border-radius: 12px !important; margin: 0 !important; } .shada-service-page .shada-migration-visual-card__body, .shada-service-page .shada-mta-image-card__body { padding: 0 !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; } .shada-service-page .shada-service-related-card h3, .shada-service-page .shada-migration-visual-card h3, .shada-service-page .shada-mta-image-card h3 { margin-top: 0 !important; } .shada-service-page .shada-service-related-card p, .shada-service-page .shada-migration-visual-card p, .shada-service-page .shada-mta-image-card p { flex: 1 1 auto !important; } .shada-service-page .shada-service-related-card .shada-card__button, .shada-service-page .shada-migration-visual-card .shada-card__button, .shada-service-page .shada-mta-image-card .shada-card__button { align-self: flex-start !important; margin-top: auto !important; } .shada-service-page .shada-card--text { padding: 24px !important; } @media (max-width: 768px) { .shada-service-page .shada-service-related-card, .shada-service-page .shada-migration-visual-card, .shada-service-page .shada-mta-image-card { padding: 16px !important; } .shada-service-page .shada-migration-visual-card__media, .shada-service-page .shada-mta-image-card__media { margin-bottom: 16px !important; } .shada-service-page .shada-cta-panel .shada-button-row { flex-direction: column !important; width: 100% !important; } .shada-service-page .shada-cta-panel .shada-button-row .shada-button { width: 100% !important; justify-content: center !important; text-align: center !important; } } .shada-service-page.shada-migration-subpage--business { margin-bottom: clamp(28px, 4vw, 56px); } .shada-service-page.shada-migration-subpage--business .shada-cta-panel { margin-bottom: clamp(24px, 3vw, 42px); } @media (max-width: 768px) { .shada-service-page.shada-migration-subpage--business { margin-bottom: 24px; } .shada-service-page.shada-migration-subpage--business .shada-cta-panel { margin-bottom: 22px; } } .shada-service-page.shada-migration-subpage--family { margin-bottom: clamp(28px, 4vw, 54px); } .shada-service-page.shada-migration-subpage--family .shada-cta-panel { margin-bottom: clamp(26px, 3vw, 44px); } @media (max-width: 768px) { .shada-service-page.shada-migration-subpage--family { margin-bottom: 22px; } .shada-service-page.shada-migration-subpage--family .shada-cta-panel { margin-bottom: 20px; } } .shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) { margin-bottom: clamp(28px, 4vw, 54px); } .shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) .shada-cta-panel { margin-bottom: clamp(26px, 3vw, 44px); } @media (max-width: 768px) { .shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) { margin-bottom: 22px; } .shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) .shada-cta-panel { margin-bottom: 20px; } } .shada-service-page.shada-migration-subpage--employer { margin-bottom: clamp(28px, 4vw, 54px); } .shada-service-page.shada-migration-subpage--employer .shada-cta-panel { margin-bottom: clamp(26px, 3vw, 44px); } @media (max-width: 768px) { .shada-service-page.shada-migration-subpage--employer { margin-bottom: 22px; } .shada-service-page.shada-migration-subpage--employer .shada-cta-panel { margin-bottom: 20px; } } .shada-service-page.shada-assessment-tools-page, .shada-service-page.shada-assessment-tool-page { margin-bottom: clamp(28px, 4vw, 54px); } .shada-service-page.shada-assessment-tools-page .shada-cta-panel, .shada-service-page.shada-assessment-tool-page .shada-cta-panel { margin-bottom: clamp(26px, 3vw, 44px); } .shada-assessment-card { position: relative; } .shada-assessment-badge { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; margin-bottom: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(15, 109, 115, 0.10); color: #0f6d73; border: 1px solid rgba(15, 109, 115, 0.18); font-size: 0.82rem; font-weight: 800; line-height: 1.2; } .shada-points-calculator-page .shada-card > form, .shada-points-calculator-page .shada-card .rsform { max-width: 100%; } @media (max-width: 768px) { .shada-service-page.shada-assessment-tools-page, .shada-service-page.shada-assessment-tool-page { margin-bottom: 22px; } .shada-service-page.shada-assessment-tools-page .shada-cta-panel, .shada-service-page.shada-assessment-tool-page .shada-cta-panel { margin-bottom: 20px; } } .shada-service-page.shada-resources-page { margin-bottom: clamp(28px, 4vw, 54px); } .shada-resources-page .shada-resources-hero { padding-top: clamp(18px, 3vw, 34px); } .shada-resources-page .shada-service-summary-card { max-width: 100%; } .shada-service-page.shada-resources-page .shada-cta-panel { margin-bottom: clamp(26px, 3vw, 44px); } @media (max-width: 768px) { .shada-service-page.shada-resources-page { margin-bottom: 22px; } } .shada-resources-page .shada-resources-hero .shada-service-summary-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: clamp(28px, 4vw, 54px); align-items: center; padding: clamp(26px, 4vw, 44px); } .shada-resources-page .shada-resources-hero .shada-subpage-hero-media { margin: 0; } .shada-resources-page .shada-resources-hero .shada-subpage-hero-media img { width: 100%; aspect-ratio: 16 / 9; max-height: 360px; object-fit: cover; border-radius: 14px; } .shada-resources-page .shada-resources-hero .shada-service-summary-card__body { padding: 0; } @media (max-width: 900px) { .shada-resources-page .shada-resources-hero .shada-service-summary-card { grid-template-columns: 1fr; } .shada-resources-page .shada-resources-hero .shada-subpage-hero-media img { max-height: none; } } .shada-resources-page .shada-resources-page-header { margin: 0 0 clamp(18px, 2.5vw, 30px); padding-bottom: clamp(12px, 1.8vw, 18px); border-bottom: 1px solid rgba(15, 109, 115, 0.14); } .shada-resources-page .shada-resources-page-header h1 { margin: 0; color: #172a32; font-size: clamp(2.05rem, 4vw, 3.35rem); line-height: 1.08; letter-spacing: -0.035em; } .shada-resources-page > .shada-resources-hero { padding-top: 0; margin-bottom: clamp(24px, 4vw, 42px); background: transparent; border: 0; box-shadow: none; } .shada-resources-page > .shada-resources-hero .shada-service-summary-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: clamp(28px, 4vw, 54px); align-items: center; padding: clamp(26px, 4vw, 44px); background: #f7fbfb; border: 1px solid rgba(15, 109, 115, 0.18); border-left: 5px solid #0f6d73; border-radius: 14px; } .shada-resources-page > .shada-resources-hero .shada-subpage-hero-media { margin: 0; } .shada-resources-page > .shada-resources-hero .shada-subpage-hero-media img { width: 100%; aspect-ratio: 16 / 9; max-height: 360px; object-fit: cover; border-radius: 14px; } .shada-resources-page > .shada-resources-hero .shada-service-summary-card__body { padding: 0; } @media (max-width: 900px) { .shada-resources-page > .shada-resources-hero .shada-service-summary-card { grid-template-columns: 1fr; } .shada-resources-page > .shada-resources-hero .shada-subpage-hero-media img { max-height: none; } } .shada-resources-page > .shada-resources-hero .shada-service-summary-card { border-left: 1px solid rgba(15, 109, 115, 0.18) !important; } .shada-resources-page > .shada-resources-hero { border-left: 0 !important; } .shada-services-page .shada-service-summary-card, .shada-our-services-page .shada-service-summary-card, .shada-service-page--services .shada-service-summary-card { border-left: 1px solid rgba(15, 109, 115, 0.18) !important; } .shada-services-page .shada-service-intro-grid, .shada-our-services-page .shada-service-intro-grid, .shada-service-page--services .shada-service-intro-grid { border-left: 0 !important; } @media (max-width: 768px) { .shada-service-page.shada-migration-subpage { padding-bottom: 110px; } .shada-service-page.shada-migration-subpage .shada-service-intro-grid { display: block; margin-bottom: 22px; } .shada-service-page.shada-migration-subpage .shada-service-summary-card { margin-bottom: 18px; } .shada-service-page.shada-migration-subpage .shada-subpage-hero-media { margin-bottom: 18px; } .shada-service-page.shada-migration-subpage .shada-service-toc { position: relative !important; top: auto !important; margin-top: 0 !important; margin-bottom: 28px !important; z-index: 1; } .shada-service-page.shada-migration-subpage .shada-section { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 26px; } .shada-service-page.shada-migration-subpage .shada-section:first-of-type { margin-top: 0 !important; } .shada-service-page.shada-migration-subpage .shada-button-row { margin-bottom: 0; } .shada-service-page.shada-migration-subpage .shada-button, .shada-service-page.shada-migration-subpage .shada-card__button { white-space: normal; line-height: 1.25; } body { padding-bottom: 92px; } } @media (max-width: 768px) { .shada-service-page.shada-assessment-tools-page, .shada-service-page.shada-assessment-tool-page { padding-bottom: 110px; } .shada-service-page.shada-assessment-tools-page .shada-service-intro-grid, .shada-service-page.shada-assessment-tool-page .shada-service-intro-grid { display: block; margin-bottom: 22px; } .shada-service-page.shada-assessment-tools-page .shada-service-summary-card, .shada-service-page.shada-assessment-tool-page .shada-service-summary-card { margin-bottom: 18px; } .shada-service-page.shada-assessment-tools-page .shada-service-toc, .shada-service-page.shada-assessment-tool-page .shada-service-toc { position: relative !important; top: auto !important; margin-top: 0 !important; margin-bottom: 28px !important; z-index: 1; } .shada-service-page.shada-assessment-tools-page .shada-section, .shada-service-page.shada-assessment-tool-page .shada-section { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 26px; } .shada-service-page.shada-assessment-tools-page .shada-button, .shada-service-page.shada-assessment-tools-page .shada-card__button, .shada-service-page.shada-assessment-tool-page .shada-button, .shada-service-page.shada-assessment-tool-page .shada-card__button { white-space: normal; line-height: 1.25; } } .shada-about-page { margin-bottom: clamp(28px, 4vw, 54px); } .shada-about-page .shada-about-page-header { margin: 0 0 clamp(18px, 2.5vw, 30px); padding-bottom: clamp(12px, 1.8vw, 18px); border-bottom: 1px solid rgba(15, 109, 115, 0.14); } .shada-about-page .shada-about-page-header h1 { margin: 0; color: #172a32; font-size: clamp(2.05rem, 4vw, 3.35rem); line-height: 1.08; letter-spacing: -0.035em; } .shada-about-page .shada-person-card { display: grid; grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr); gap: clamp(24px, 4vw, 46px); align-items: center; } .shada-about-page .shada-person-card__image { margin: 0; } .shada-about-page .shada-person-card__image img { width: 100%; max-height: 420px; object-fit: cover; border-radius: 16px; border: 1px solid rgba(15, 109, 115, 0.16); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08); } .shada-about-page .shada-person-card__body h2, .shada-about-page .shada-person-card__body h3 { margin-top: 0; } .shada-about-page .shada-eyebrow { margin: 0 0 10px; color: #0f6d73; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .shada-about-page .shada-about-approach-card { position: relative; padding-top: 30px; } .shada-about-page .shada-about-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin-bottom: 14px; border-radius: 14px; background: rgba(15, 109, 115, 0.10); color: #0f6d73; border: 1px solid rgba(15, 109, 115, 0.18); font-weight: 900; font-size: 0.92rem; letter-spacing: 0.03em; } @media (max-width: 768px) { .shada-about-page { padding-bottom: 110px; } .shada-about-page .shada-person-card { grid-template-columns: 1fr; } .shada-about-page .shada-person-card__image img { max-height: none; } } body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-card .shada-card__button, body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-service-related-card .shada-card__button { display: inline-flex !important; margin-top: 22px !important; align-self: flex-start !important; } body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-card p:last-of-type, body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-service-related-card p:last-of-type { margin-bottom: 0 !important; } @media (max-width: 768px) { body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-card .shada-card__button, body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-service-related-card .shada-card__button { margin-top: 20px !important; } } @media (min-width: 992px) { body.com_zoo.view-frontpage .container-header .container-topbar, body.com_zoo.view-frontpage .container-header .container-topbar > .grid-child, body.com_zoo.view-frontpage .container-header .container-topbar .mod-custom, body.com_zoo.view-frontpage .container-header .container-topbar .mod-custom.shada-header-module, body.com_zoo.view-frontpage .container-header .shada-site-header, body.com_zoo.view-frontpage .container-header .shada-site-header-inner { display: flex !important; visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; } body.com_zoo.view-frontpage .container-header .container-topbar { width: 100% !important; max-width: 100% !important; background: #ffffff !important; } body.com_zoo.view-frontpage .container-header .shada-site-header { width: 100% !important; background: #ffffff !important; } body.com_zoo.view-frontpage .container-header .shada-site-header-inner { width: min(100%, 1160px) !important; max-width: 1160px !important; min-height: 135px !important; margin-left: auto !important; margin-right: auto !important; padding: 22px 0 18px 0 !important; align-items: center !important; justify-content: space-between !important; } body.com_zoo.view-frontpage .container-header .shada-header-logo, body.com_zoo.view-frontpage .container-header .shada-header-logo img, body.com_zoo.view-frontpage .container-header .shada-header-actions, body.com_zoo.view-frontpage .container-header a.shada-phone-button { display: flex !important; visibility: visible !important; opacity: 1 !important; } body.com_zoo.view-frontpage .container-header .shada-header-logo img { width: 225px !important; max-width: 225px !important; height: auto !important; } body.com_zoo.view-frontpage .container-header .shada-header-actions { flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; gap: 18px !important; } body.com_zoo.view-frontpage .container-header a.shada-phone-button { align-items: center !important; justify-content: center !important; } } body.com_zoo.view-item .shada-zoo-table-wrap { width: 100%; overflow-x: auto; margin: 26px 0 34px; border: 1px solid #d9e5e6; border-radius: 8px; background: #ffffff; } body.com_zoo.view-item table.shada-zoo-data-table { width: 100%; min-width: 760px; border-collapse: collapse; margin: 0; background: #ffffff; font-size: 0.95rem; line-height: 1.45; } body.com_zoo.view-item table.shada-zoo-data-table th { background: #0b6f76; color: #ffffff; font-weight: 700; text-align: left; padding: 12px 14px; border: 1px solid #0b6f76; white-space: nowrap; } body.com_zoo.view-item table.shada-zoo-data-table td { padding: 10px 14px; border: 1px solid #d9e5e6; vertical-align: top; } body.com_zoo.view-item table.shada-zoo-data-table td:nth-child(2), body.com_zoo.view-item table.shada-zoo-data-table td:nth-child(3), body.com_zoo.view-item table.shada-zoo-data-table td:nth-child(4) { text-align: right; white-space: nowrap; } body.com_zoo.view-item table.shada-zoo-data-table tr:nth-child(even) td { background: #f7fbfb; } @media (max-width: 767px) { body.com_zoo.view-item .shada-zoo-table-wrap { margin-left: -4px; margin-right: -4px; border-radius: 6px; } body.com_zoo.view-item table.shada-zoo-data-table { font-size: 0.88rem; } body.com_zoo.view-item table.shada-zoo-data-table th, body.com_zoo.view-item table.shada-zoo-data-table td { padding: 9px 10px; } } body.com_zoo.view-item .yoo-zoo { max-width: 1040px; margin: 0 auto; } body.com_zoo.view-item .shada-zoo-article { font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif); font-size: 17px; line-height: 1.72; color: #243536; background: #ffffff; } body.com_zoo.view-item .shada-zoo-article__header { margin: 0 0 26px; padding: 0 0 20px; border-bottom: 1px solid #d9e5e6; } body.com_zoo.view-item .shada-zoo-article__title { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); font-size: clamp(2rem, 3.1vw, 3rem); line-height: 1.15; font-weight: 700; color: #0b3f43; margin: 0 0 14px; } body.com_zoo.view-item .shada-zoo-article__meta { font-size: 0.96rem; line-height: 1.45; color: #687879; margin: 0 0 18px; } body.com_zoo.view-item .shada-zoo-article__meta a { color: #0b6f76; text-decoration: none; } body.com_zoo.view-item .shada-zoo-article__meta a:hover, body.com_zoo.view-item .shada-zoo-article__meta a:focus { text-decoration: underline; } body.com_zoo.view-item .shada-zoo-article__lead { font-size: 1.15rem; line-height: 1.72; color: #385052; margin: 0; } body.com_zoo.view-item .shada-zoo-article__content { font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif); font-size: 17px; line-height: 1.75; } body.com_zoo.view-item .shada-zoo-article__content p { margin: 0 0 1.15em; } body.com_zoo.view-item .shada-zoo-article__content h2, body.com_zoo.view-item .shada-zoo-article__content h3 { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); color: #0b3f43; line-height: 1.25; margin: 1.8em 0 0.75em; } body.com_zoo.view-item .shada-zoo-article__content h2 { font-size: 1.75rem; } body.com_zoo.view-item .shada-zoo-article__content h3 { font-size: 1.42rem; } body.com_zoo.view-item .shada-zoo-article__content ul, body.com_zoo.view-item .shada-zoo-article__content ol { margin: 0 0 1.3em 1.35em; padding: 0; } body.com_zoo.view-item .shada-zoo-article__content li { margin: 0.35em 0; } body.com_zoo.view-item .shada-zoo-article__content img.thumb-large.pull-right-small, body.com_zoo.view-item .shada-zoo-article__content img.pull-right-small, body.com_zoo.view-item .shada-zoo-article__content img[align="right"] { float: right; width: auto; max-width: 320px; height: auto; margin: 4px 0 22px 30px; border-radius: 8px; box-shadow: 0 8px 22px rgba(0,0,0,0.12); } body.com_zoo.view-item .shada-zoo-article__feature--right { float: right; max-width: 320px; margin: 4px 0 22px 30px; } body.com_zoo.view-item .shada-zoo-article__feature--left { float: left; max-width: 320px; margin: 4px 30px 22px 0; } body.com_zoo.view-item .shada-zoo-article__feature img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 8px 22px rgba(0,0,0,0.12); } body.com_zoo.view-item table.shada-zoo-data-table { font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif); font-size: 17px; line-height: 1.55; } body.com_zoo.view-item table.shada-zoo-data-table th, body.com_zoo.view-item table.shada-zoo-data-table td { padding: 12px 15px; } body.com_zoo.view-item .shada-zoo-article__taxonomy, body.com_zoo.view-item .shada-zoo-article__bottom, body.com_zoo.view-item .shada-zoo-article__related, body.com_zoo.view-item .shada-zoo-article__author { clear: both; margin-top: 34px; } body.com_zoo.view-item .shada-zoo-article__related h2 { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); color: #0b3f43; font-size: 1.55rem; margin: 0 0 14px; } @media (max-width: 767px) { body.com_zoo.view-item .yoo-zoo { max-width: 100%; } body.com_zoo.view-item .shada-zoo-article { font-size: 16px; line-height: 1.68; } body.com_zoo.view-item .shada-zoo-article__title { font-size: clamp(1.75rem, 8vw, 2.35rem); } body.com_zoo.view-item .shada-zoo-article__lead { font-size: 1.04rem; } body.com_zoo.view-item .shada-zoo-article__content img.thumb-large.pull-right-small, body.com_zoo.view-item .shada-zoo-article__content img.pull-right-small, body.com_zoo.view-item .shada-zoo-article__content img[align="right"], body.com_zoo.view-item .shada-zoo-article__feature--right, body.com_zoo.view-item .shada-zoo-article__feature--left { float: none; display: block; max-width: 100%; width: 100%; margin: 0 0 22px; } body.com_zoo.view-item table.shada-zoo-data-table { font-size: 15.5px; } } body.com_zoo.view-item .shada-zoo-article__related, body.com_zoo.view-item .shada-zoo-article__author { border-top: 1px solid #d9e5e6; padding-top: 28px; } body.com_zoo.view-item .shada-zoo-article__related { margin-top: 42px; } body.com_zoo.view-item .shada-zoo-article__related h2, body.com_zoo.view-item .shada-zoo-article__author h3 { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); color: #0b3f43; font-size: 1.55rem; line-height: 1.25; margin: 0 0 18px; } body.com_zoo.view-item .shada-zoo-article__related ul, body.com_zoo.view-item .shada-zoo-article__related .uk-list { list-style: none; margin: 0; padding: 0; } body.com_zoo.view-item .shada-zoo-article__related li { margin: 0 0 10px; } body.com_zoo.view-item .shada-zoo-article__related a { display: block; padding: 13px 16px; border: 1px solid #d9e5e6; border-radius: 8px; background: #f7fbfb; color: #0b6f76; font-weight: 700; text-decoration: none; } body.com_zoo.view-item .shada-zoo-article__related a:hover, body.com_zoo.view-item .shada-zoo-article__related a:focus { background: #eef7f7; border-color: #b8d4d6; color: #084f55; text-decoration: none; } body.com_zoo.view-item .shada-zoo-article__author { margin-top: 34px; padding: 26px; border: 1px solid #d9e5e6; border-radius: 12px; background: #f7fbfb; } body.com_zoo.view-item .shada-zoo-article__author a { color: #0b6f76; font-weight: 700; } body.com_zoo.view-item .shada-zoo-article__author p { margin: 0 0 1em; } body.com_zoo.view-item .shada-zoo-article__author .uk-nbfc, body.com_zoo.view-item .shada-zoo-article__author .uk-panel { font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif); font-size: 16.5px; line-height: 1.72; color: #243536; } @media (max-width: 767px) { body.com_zoo.view-item .shada-zoo-article__author { padding: 20px; } body.com_zoo.view-item .shada-zoo-article__related a { padding: 12px 14px; } } body.com_zoo.task-category .shada-zoo-category { max-width: 1040px; margin: 0 auto; font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif); color: #243536; } body.com_zoo.task-category .shada-zoo-category__hero { margin: 0 0 26px; padding: 0 0 22px; border-bottom: 1px solid #d9e5e6; } body.com_zoo.task-category .shada-zoo-category__eyebrow { margin: 0 0 10px; color: #0b6f76; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } body.com_zoo.task-category .shada-zoo-category__title { margin: 0 0 14px; font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); font-size: clamp(2rem, 3vw, 3rem); line-height: 1.15; color: #0b3f43; } body.com_zoo.task-category .shada-zoo-category__lead { max-width: 860px; font-size: 1.13rem; line-height: 1.72; color: #385052; } body.com_zoo.task-category .shada-zoo-category__intro { margin: 0 0 34px; font-size: 17px; line-height: 1.75; } body.com_zoo.task-category .shada-zoo-category__description p { margin: 0 0 1.15em; } body.com_zoo.task-category .shada-zoo-category__description h2, body.com_zoo.task-category .shada-zoo-category__description h3 { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); color: #0b3f43; line-height: 1.25; } body.com_zoo.task-category .shada-zoo-category__description h3 { font-size: 1.35rem; margin: 0 0 14px; } body.com_zoo.task-category .shada-zoo-category__description > div, body.com_zoo.task-category .shada-zoo-category__description [style*="background"] { margin-top: 28px !important; padding: 24px 26px !important; border: 1px solid #d9e5e6 !important; border-left: 6px solid #0b6f76 !important; border-radius: 10px !important; background: #f7fbfb !important; } body.com_zoo.task-category .shada-zoo-category__description ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; margin: 18px 0 0; padding: 0; list-style: none; } body.com_zoo.task-category .shada-zoo-category__description li { margin: 0; } body.com_zoo.task-category .shada-zoo-category__description li a { display: block; padding: 12px 14px; border: 1px solid #d9e5e6; border-radius: 8px; background: #ffffff; color: #0b6f76; font-weight: 800; text-decoration: none; } body.com_zoo.task-category .shada-zoo-category__description li a:hover, body.com_zoo.task-category .shada-zoo-category__description li a:focus { background: #eef7f7; border-color: #b8d4d6; color: #084f55; text-decoration: none; } body.com_zoo.task-category .shada-zoo-category__articles { margin-top: 38px; padding-top: 28px; border-top: 1px solid #d9e5e6; } body.com_zoo.task-category .shada-zoo-category__section-head { margin: 0 0 22px; } body.com_zoo.task-category .shada-zoo-category__section-head h2 { margin: 0 0 8px; font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); color: #0b3f43; font-size: 1.65rem; line-height: 1.25; } body.com_zoo.task-category .shada-zoo-category__section-head p { margin: 0; color: #526668; font-size: 1rem; line-height: 1.65; } body.com_zoo.task-category .shada-zoo-category__items { display: grid; grid-template-columns: 1fr; gap: 20px; } body.com_zoo.task-category .shada-zoo-category__item { margin: 0; } body.com_zoo.task-category .shada-zoo-card { margin: 0; } @media (max-width: 767px) { body.com_zoo.task-category .shada-zoo-category__description ul { grid-template-columns: 1fr; } body.com_zoo.task-category .shada-zoo-category__intro { font-size: 16px; line-height: 1.68; } body.com_zoo.task-category .shada-zoo-category__description > div, body.com_zoo.task-category .shada-zoo-category__description [style*="background"] { padding: 20px !important; } } body.com_zoo.task-category .shada-zoo-category__rollup { margin-top: 38px; padding-top: 30px; border-top: 1px solid #d9e5e6; } body.com_zoo.task-category .shada-zoo-rollup-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } body.com_zoo.task-category .shada-zoo-rollup-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 18px; padding: 18px; border: 1px solid #d9e5e6; border-radius: 12px; background: #ffffff; box-shadow: 0 8px 20px rgba(0,0,0,0.045); } body.com_zoo.task-category .shada-zoo-rollup-card__image { display: block; overflow: hidden; border-radius: 9px; background: #eef7f7; } body.com_zoo.task-category .shada-zoo-rollup-card__image img { display: block; width: 100%; height: 135px; object-fit: cover; } body.com_zoo.task-category .shada-zoo-rollup-card__meta { margin: 0 0 7px; color: #0b6f76; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } body.com_zoo.task-category .shada-zoo-rollup-card__title { margin: 0 0 9px; font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); font-size: 1.12rem; line-height: 1.28; } body.com_zoo.task-category .shada-zoo-rollup-card__title a { color: #0b3f43; text-decoration: none; } body.com_zoo.task-category .shada-zoo-rollup-card__title a:hover, body.com_zoo.task-category .shada-zoo-rollup-card__title a:focus { color: #0b6f76; text-decoration: underline; } body.com_zoo.task-category .shada-zoo-rollup-card p { margin: 0 0 12px; color: #385052; font-size: 0.96rem; line-height: 1.58; } body.com_zoo.task-category .shada-zoo-rollup-card__link { color: #0b6f76; font-weight: 800; text-decoration: none; } body.com_zoo.task-category .shada-zoo-rollup-card__link:hover, body.com_zoo.task-category .shada-zoo-rollup-card__link:focus { text-decoration: underline; } @media (max-width: 900px) { body.com_zoo.task-category .shada-zoo-rollup-grid { grid-template-columns: 1fr; } } @media (max-width: 560px) { body.com_zoo.task-category .shada-zoo-rollup-card { grid-template-columns: 1fr; } body.com_zoo.task-category .shada-zoo-rollup-card__image img { height: auto; } } body.com_zoo.task-category .shada-zoo-rollup-card { align-items: start; } body.com_zoo.task-category .shada-zoo-rollup-card__image { height: 135px; } body.com_zoo.task-category .shada-zoo-rollup-card__image img { height: 135px; object-fit: cover; } body.com_zoo.task-category .shada-zoo-rollup-card:not(:has(.shada-zoo-rollup-card__image)) { grid-template-columns: 1fr; } @media (max-width: 560px) { body.com_zoo.task-category .shada-zoo-rollup-card__image, body.com_zoo.task-category .shada-zoo-rollup-card__image img { height: auto; } } body.com_zoo.task-category .shada-zoo-rollup-card__link { display: inline-flex; align-items: center; justify-content: center; width: fit-content; margin-top: 6px; padding: 9px 15px; border-radius: 999px; background: #0b6f76; color: #ffffff !important; font-weight: 800; font-size: 0.94rem; line-height: 1.2; text-decoration: none !important; box-shadow: 0 6px 14px rgba(11,111,118,0.18); } body.com_zoo.task-category .shada-zoo-rollup-card__link::after { content: " →"; margin-left: 4px; } body.com_zoo.task-category .shada-zoo-rollup-card__link:hover, body.com_zoo.task-category .shada-zoo-rollup-card__link:focus { background: #084f55; color: #ffffff !important; text-decoration: none !important; } body.com_zoo.task-category .shada-zoo-category { font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif) !important; } body.com_zoo.task-category .shada-zoo-category__title, body.com_zoo.task-category .shada-zoo-category__description h2, body.com_zoo.task-category .shada-zoo-category__description h3, body.com_zoo.task-category .shada-zoo-category__section-head h2 { font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif) !important; } body.com_zoo.task-category .shada-zoo-category__hero { margin-bottom: 24px; padding-bottom: 20px; } body.com_zoo.task-category .shada-zoo-category__title { margin-bottom: 10px; } body.com_zoo.task-category .shada-zoo-category__intro { margin: 0 0 34px; font-size: 17px; line-height: 1.58; } body.com_zoo.task-category .shada-zoo-category__description { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: 30px; align-items: start; } body.com_zoo.task-category .shada-zoo-category__description > p { grid-column: 1; margin: 0 0 1.05em; max-width: 760px; line-height: 1.58; } body.com_zoo.task-category .shada-zoo-category__description > div, body.com_zoo.task-category .shada-zoo-category__description [style*="background"] { grid-column: 2; grid-row: 1 / span 4; margin-top: 0 !important; padding: 24px 26px !important; border: 1px solid #d9e5e6 !important; border-left: 6px solid #0b6f76 !important; border-radius: 12px !important; background: #f7fbfb !important; box-shadow: 0 8px 22px rgba(0,0,0,0.04); } body.com_zoo.task-category .shada-zoo-category__description h3 { font-size: 1.35rem; line-height: 1.22; margin: 0 0 12px !important; } body.com_zoo.task-category .shada-zoo-category__description > div p { margin: 0 0 16px; line-height: 1.55; } body.com_zoo.task-category .shada-zoo-category__description ul { grid-template-columns: 1fr; gap: 10px; margin-top: 14px; } body.com_zoo.task-category .shada-zoo-category__description li a { padding: 12px 14px; line-height: 1.25; } body.com_zoo.task-category .shada-zoo-category__rollup, body.com_zoo.task-category .shada-zoo-category__articles { margin-top: 34px; padding-top: 28px; } @media (max-width: 900px) { body.com_zoo.task-category .shada-zoo-category__description { grid-template-columns: 1fr; gap: 22px; } body.com_zoo.task-category .shada-zoo-category__description > p, body.com_zoo.task-category .shada-zoo-category__description > div, body.com_zoo.task-category .shada-zoo-category__description [style*="background"] { grid-column: 1; grid-row: auto; } } @media (max-width: 767px) { body.com_zoo.task-category .shada-zoo-category__intro { font-size: 16px; line-height: 1.58; } body.com_zoo.task-category .shada-zoo-category__description > div, body.com_zoo.task-category .shada-zoo-category__description [style*="background"] { padding: 20px !important; } } body.com_zoo.task-category .shada-zoo-category__description { gap: 36px; } body.com_zoo.task-category .shada-zoo-category__description > p { font-size: 17px; line-height: 1.52; margin: 0 0 18px; } body.com_zoo.task-category .shada-zoo-category__description > p:first-of-type { margin-top: 6px; } body.com_zoo.task-category .shada-zoo-category__description > p + p { margin-top: 18px; } body.com_zoo.task-category .shada-zoo-category__description > div, body.com_zoo.task-category .shada-zoo-category__description [style*="background"] { max-width: 460px; justify-self: end; } body.com_zoo.task-category .shada-zoo-category__rollup { margin-top: 30px; } body.com_zoo.task-category .shada-zoo-category__section-head { margin-bottom: 20px; } body.com_zoo.task-category .shada-zoo-category__section-head h2 { font-size: 1.58rem; } body.com_zoo.task-category .shada-zoo-category__section-head p { font-size: 0.98rem; line-height: 1.5; } @media (max-width: 900px) { body.com_zoo.task-category .shada-zoo-category__description > div, body.com_zoo.task-category .shada-zoo-category__description [style*="background"] { max-width: 100%; justify-self: stretch; } } body.com_zoo.task-category .shada-zoo-category__image { margin: 0 0 28px; overflow: hidden; border: 1px solid #d9e5e6; border-radius: 14px; background: #f7fbfb; box-shadow: 0 10px 26px rgba(0,0,0,0.045); } body.com_zoo.task-category .shada-zoo-category__image img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; } @media (max-width: 767px) { body.com_zoo.task-category .shada-zoo-category__image { margin-bottom: 22px; border-radius: 10px; } body.com_zoo.task-category .shada-zoo-category__image img { max-height: none; } } body.com_zoo.task-category .shada-zoo-category__intro--faq-style { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(300px, 0.9fr); gap: 28px; align-items: start; margin: 0 0 36px; } body.com_zoo.task-category .shada-zoo-category__main-card { overflow: hidden; border: 1px solid #d9e5e6; border-radius: 12px; background: #ffffff; box-shadow: 0 8px 22px rgba(0,0,0,0.035); } body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__image { margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #f7fbfb; } body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__image img { display: block; width: 100%; height: auto; max-height: none !important; object-fit: contain; } body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description { display: block !important; padding: 24px 28px 26px; font-size: 17px; line-height: 1.6; color: #243536; } body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description p { margin: 0 0 1.1em !important; max-width: none !important; line-height: 1.6 !important; } body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description p:last-child { margin-bottom: 0 !important; } body.com_zoo.task-category .shada-zoo-category__nav-card { padding: 24px 24px 26px; border: 1px solid #d9e5e6; border-radius: 12px; background: #f7fbfb; box-shadow: 0 8px 22px rgba(0,0,0,0.035); } body.com_zoo.task-category .shada-zoo-category__nav-card h3 { margin: 0 0 14px; font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); color: #0b3f43; font-size: 1.25rem; line-height: 1.25; } body.com_zoo.task-category .shada-zoo-category__nav-card p { margin: 0 0 18px; color: #385052; font-size: 0.98rem; line-height: 1.55; } body.com_zoo.task-category .shada-zoo-category__nav-card ul { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; } body.com_zoo.task-category .shada-zoo-category__nav-card li { margin: 0; } body.com_zoo.task-category .shada-zoo-category__nav-card a { display: block; padding: 12px 14px; border: 1px solid #d9e5e6; border-radius: 8px; background: #ffffff; color: #0b6f76; font-weight: 800; line-height: 1.28; text-decoration: none; } body.com_zoo.task-category .shada-zoo-category__nav-card a:hover, body.com_zoo.task-category .shada-zoo-category__nav-card a:focus, body.com_zoo.task-category .shada-zoo-category__nav-card a.is-active { background: #eef7f7; border-color: #b8d4d6; color: #084f55; text-decoration: none; } @media (max-width: 900px) { body.com_zoo.task-category .shada-zoo-category__intro--faq-style { grid-template-columns: 1fr; gap: 22px; } body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description { padding: 22px; font-size: 16px; } body.com_zoo.task-category .shada-zoo-category__nav-card { padding: 22px; } } body.com_zoo.view-item .shada-state-allocation-table-wrap { margin: 26px 0 34px; } body.com_zoo.view-item .shada-state-allocation-table { width: 100%; border-collapse: collapse; font-size: 16.5px; line-height: 1.45; } body.com_zoo.view-item .shada-state-allocation-table th, body.com_zoo.view-item .shada-state-allocation-table td { padding: 13px 15px; border: 1px solid #d9e5e6; text-align: left; vertical-align: top; } body.com_zoo.view-item .shada-state-allocation-table thead th { background: #0b6f76; color: #ffffff; font-weight: 800; } body.com_zoo.view-item .shada-state-allocation-table tbody th { color: #0b3f43; font-weight: 800; } body.com_zoo.view-item .shada-state-allocation-table tbody tr:nth-child(even) { background: #f7fbfb; } body.com_zoo.view-item .shada-state-allocation-table .shada-table-total-row th { background: #eef7f7; color: #0b3f43; } @media (max-width: 680px) { body.com_zoo.view-item .shada-state-allocation-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } body.com_zoo.view-item .shada-state-allocation-table { min-width: 560px; font-size: 15.5px; } } body.com_zoo.task-category .pagination, body.com_zoo.task-category ul.pagination, body.com_zoo.task-category .pagination-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 34px 0 10px; padding: 0; list-style: none; } body.com_zoo.task-category .pagination li, body.com_zoo.task-category .pagination-list li { margin: 0; padding: 0; list-style: none; } body.com_zoo.task-category .pagination a, body.com_zoo.task-category .pagination span, body.com_zoo.task-category .pagination-list a, body.com_zoo.task-category .pagination-list span, body.com_zoo.task-category .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 9px 14px; border: 1px solid #d9e5e6; border-radius: 999px; background: #ffffff; color: #0b6f76; font-weight: 800; line-height: 1; text-decoration: none !important; box-shadow: 0 5px 14px rgba(0,0,0,0.045); } body.com_zoo.task-category .pagination a:hover, body.com_zoo.task-category .pagination a:focus, body.com_zoo.task-category .pagination-list a:hover, body.com_zoo.task-category .pagination-list a:focus, body.com_zoo.task-category .page-link:hover, body.com_zoo.task-category .page-link:focus { border-color: #b8d4d6; background: #eef7f7; color: #084f55; } body.com_zoo.task-category .pagination .active a, body.com_zoo.task-category .pagination .active span, body.com_zoo.task-category .pagination-list .active a, body.com_zoo.task-category .pagination-list .active span, body.com_zoo.task-category .page-item.active .page-link { border-color: #0b6f76; background: #0b6f76; color: #ffffff !important; box-shadow: 0 7px 16px rgba(11,111,118,0.18); } body.com_zoo.task-category .pagination .disabled a, body.com_zoo.task-category .pagination .disabled span, body.com_zoo.task-category .pagination-list .disabled a, body.com_zoo.task-category .pagination-list .disabled span, body.com_zoo.task-category .page-item.disabled .page-link { opacity: 0.48; cursor: not-allowed; box-shadow: none; } @media (max-width: 560px) { body.com_zoo.task-category .pagination, body.com_zoo.task-category ul.pagination, body.com_zoo.task-category .pagination-list { gap: 6px; } body.com_zoo.task-category .pagination a, body.com_zoo.task-category .pagination span, body.com_zoo.task-category .pagination-list a, body.com_zoo.task-category .pagination-list span, body.com_zoo.task-category .page-link { min-width: 34px; min-height: 34px; padding: 8px 11px; font-size: 0.92rem; } } body.com_zoo .uk-pagination, body.com_zoo ul.uk-pagination, body.com_zoo .pagination, body.com_zoo ul.pagination, body.com_zoo div.pagination { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 9px !important; margin: 38px auto 12px !important; padding: 0 !important; list-style: none !important; text-align: center !important; } body.com_zoo .uk-pagination > li, body.com_zoo .pagination > li, body.com_zoo div.pagination > * { display: inline-flex !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.com_zoo .uk-pagination > li > a, body.com_zoo .uk-pagination > li > span, body.com_zoo .pagination > li > a, body.com_zoo .pagination > li > span, body.com_zoo div.pagination a, body.com_zoo div.pagination span, body.com_zoo .pagination a, body.com_zoo .pagination span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; min-height: 40px !important; padding: 10px 15px !important; border: 1px solid #d9e5e6 !important; border-radius: 999px !important; background: #ffffff !important; color: #0b6f76 !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 6px 16px rgba(0,0,0,0.055) !important; } body.com_zoo .uk-pagination > li > a:hover, body.com_zoo .uk-pagination > li > a:focus, body.com_zoo .pagination a:hover, body.com_zoo .pagination a:focus, body.com_zoo div.pagination a:hover, body.com_zoo div.pagination a:focus { border-color: #b8d4d6 !important; background: #eef7f7 !important; color: #084f55 !important; } body.com_zoo .uk-pagination > .uk-active > span, body.com_zoo .uk-pagination > .active > span, body.com_zoo .uk-pagination > .active > a, body.com_zoo .pagination > .active > span, body.com_zoo .pagination > .active > a, body.com_zoo div.pagination span.pagenav, body.com_zoo div.pagination strong, body.com_zoo .pagination strong { border-color: #0b6f76 !important; background: #0b6f76 !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(11,111,118,0.2) !important; } body.com_zoo .uk-pagination > .uk-disabled > span, body.com_zoo .uk-pagination > .disabled > span, body.com_zoo .pagination > .disabled > span, body.com_zoo .pagination > .disabled > a, body.com_zoo div.pagination span.disabled { opacity: 0.5 !important; cursor: not-allowed !important; box-shadow: none !important; } @media (max-width: 560px) { body.com_zoo .uk-pagination, body.com_zoo .pagination, body.com_zoo div.pagination { gap: 6px !important; } body.com_zoo .uk-pagination > li > a, body.com_zoo .uk-pagination > li > span, body.com_zoo .pagination > li > a, body.com_zoo .pagination > li > span, body.com_zoo div.pagination a, body.com_zoo div.pagination span { min-width: 35px !important; min-height: 35px !important; padding: 8px 11px !important; font-size: 0.92rem !important; } } .yoo-zoo ul.uk-pagination, main ul.uk-pagination, ul.uk-pagination { display: flex !important; justify-content: center !important; align-items: center !important; gap: 5px !important; margin: 30px auto 10px !important; padding: 0 !important; list-style: none !important; } .yoo-zoo ul.uk-pagination li, main ul.uk-pagination li, ul.uk-pagination li { margin: 0 !important; padding: 0 !important; list-style: none !important; } .yoo-zoo ul.uk-pagination li a, .yoo-zoo ul.uk-pagination li span, main ul.uk-pagination li a, main ul.uk-pagination li span, ul.uk-pagination li a, ul.uk-pagination li span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 34px !important; height: 34px !important; padding: 0 11px !important; border: 1px solid #d5e4e5 !important; border-radius: 7px !important; background: #ffffff !important; color: #0b6f76 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; } .yoo-zoo ul.uk-pagination li a:hover, main ul.uk-pagination li a:hover, ul.uk-pagination li a:hover { background: #eef7f7 !important; border-color: #b8d4d6 !important; color: #084f55 !important; } .yoo-zoo ul.uk-pagination li.uk-active span, main ul.uk-pagination li.uk-active span, ul.uk-pagination li.uk-active span { background: #0b6f76 !important; border-color: #0b6f76 !important; color: #ffffff !important; box-shadow: none !important; } @media (max-width: 560px) { .yoo-zoo ul.uk-pagination, main ul.uk-pagination, ul.uk-pagination { gap: 4px !important; } .yoo-zoo ul.uk-pagination li a, .yoo-zoo ul.uk-pagination li span, main ul.uk-pagination li a, main ul.uk-pagination li span, ul.uk-pagination li a, ul.uk-pagination li span { min-width: 32px !important; height: 32px !important; padding: 0 9px !important; font-size: 13px !important; } } .shada-zoo-frontpage { max-width: 1240px; margin: 0 auto; } .shada-zoo-frontpage-hero { margin: 0 0 30px; padding: 34px 38px; border: 1px solid #d9e5e6; border-radius: 14px; background: radial-gradient(circle at top right, rgba(11,111,118,0.08), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7fbfb 100%); box-shadow: 0 10px 26px rgba(0,0,0,0.035); } .shada-zoo-frontpage-hero__eyebrow { margin: 0 0 12px; color: #0b6f76; font-size: 0.78rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; } .shada-zoo-frontpage-hero h1 { margin: 0 0 14px; color: #0b3f43; font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.12; } .shada-zoo-frontpage-hero__intro { max-width: 850px; margin: 0 0 12px; color: #243536; font-size: 1.08rem; line-height: 1.65; } .shada-zoo-frontpage-hero__subintro { max-width: 850px; margin: 0 0 22px; color: #385052; font-size: 1rem; line-height: 1.6; } .shada-zoo-frontpage-hero__chips { display: flex; flex-wrap: wrap; gap: 10px; } .shada-zoo-frontpage-hero__chips a { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 14px; border: 1px solid #c8dfe1; border-radius: 999px; background: #ffffff; color: #0b6f76; font-weight: 800; line-height: 1.2; text-decoration: none; } .shada-zoo-frontpage-hero__chips a:hover, .shada-zoo-frontpage-hero__chips a:focus { background: #eef7f7; border-color: #b8d4d6; color: #084f55; text-decoration: none; } .shada-zoo-frontpage-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 28px; align-items: start; } .shada-zoo-frontpage-section-title { margin: 0 0 18px; padding-bottom: 14px; border-bottom: 1px solid #d9e5e6; color: #0b3f43; font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); font-size: 1.65rem; line-height: 1.25; } .shada-zoo-frontpage-list > .yoo-zoo { max-width: none !important; margin: 0 !important; } .shada-zoo-frontpage-sidebar { display: grid; gap: 24px; } .shada-zoo-frontpage-sidecard { overflow: hidden; border: 1px solid #d9e5e6; border-radius: 12px; background: #ffffff; box-shadow: 0 8px 22px rgba(0,0,0,0.035); } .shada-zoo-frontpage-sidecard h3 { margin: 0; padding: 15px 18px; background: #0b6f76; color: #ffffff; font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif); font-size: 1.12rem; line-height: 1.25; } .shada-zoo-frontpage-sidecard ul { margin: 0; padding: 12px 18px 14px; list-style: none; } .shada-zoo-frontpage-sidecard li { margin: 0; border-bottom: 1px solid #d9e5e6; } .shada-zoo-frontpage-sidecard li:last-child { border-bottom: 0; } .shada-zoo-frontpage-sidecard li a { display: block; padding: 10px 0; color: #0b6f76; font-weight: 700; line-height: 1.35; text-decoration: none; } .shada-zoo-frontpage-sidecard li a:hover, .shada-zoo-frontpage-sidecard li a:focus { color: #084f55; text-decoration: underline; text-underline-offset: 3px; } .shada-zoo-frontpage-topic-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 18px 18px; } .shada-zoo-frontpage-topic-list span { display: inline-flex; padding: 7px 10px; border: 1px solid #d9e5e6; border-radius: 999px; background: #f7fbfb; color: #0b6f76; font-size: 0.92rem; font-weight: 800; line-height: 1.2; } @media (max-width: 980px) { .shada-zoo-frontpage-layout { grid-template-columns: 1fr; } .shada-zoo-frontpage-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .shada-zoo-frontpage-hero { padding: 26px 22px; border-radius: 12px; } .shada-zoo-frontpage-sidebar { grid-template-columns: 1fr; } .shada-zoo-frontpage-hero__chips a { width: 100%; justify-content: center; } } .shada-zoo-frontpage-hero { padding: 28px 34px !important; margin-bottom: 26px !important; } .shada-zoo-frontpage-hero h1 { font-size: clamp(1.9rem, 2.8vw, 2.65rem) !important; margin-bottom: 12px !important; } .shada-zoo-frontpage-hero__intro { font-size: 1.02rem !important; line-height: 1.58 !important; margin-bottom: 10px !important; } .shada-zoo-frontpage-hero__subintro { font-size: 0.98rem !important; line-height: 1.55 !important; margin-bottom: 18px !important; } .shada-zoo-frontpage-hero__chips { gap: 8px !important; } .shada-zoo-frontpage-hero__chips a { min-height: 32px !important; padding: 7px 12px !important; font-size: 0.95rem !important; } .shada-zoo-frontpage-layout { gap: 24px !important; } .shada-zoo-frontpage-section-title { margin-bottom: 16px !important; font-size: 1.55rem !important; } .shada-zoo-frontpage-sidebar { gap: 22px !important; } .shada-zoo-frontpage-sidecard h3 { padding: 13px 17px !important; } .shada-zoo-frontpage-sidecard ul { padding: 10px 17px 12px !important; } .shada-zoo-frontpage-sidecard li a { padding: 9px 0 !important; } .shada-zoo-frontpage-topic-list { padding: 14px 17px 16px !important; } .shada-zoo-frontpage-list .shada-zoo-card { border-color: #d9e5e6 !important; } .shada-zoo-frontpage-list .shada-zoo-card:hover, .shada-zoo-frontpage-list .shada-zoo-card:focus-within { border-color: #0b6f76 !important; } @media (max-width: 680px) { .shada-zoo-frontpage-hero { padding: 24px 20px !important; } } .shada-zoo-frontpage-sidecard--module .shada-zoo-frontpage-module-body { padding: 12px 18px 14px; } .shada-zoo-frontpage-sidecard--module ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .shada-zoo-frontpage-sidecard--module li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #d9e5e6; list-style: none !important; } .shada-zoo-frontpage-sidecard--module li:last-child { border-bottom: 0; } .shada-zoo-frontpage-sidecard--module li a, .shada-zoo-frontpage-sidecard--module a { color: #0b6f76; font-weight: 700; text-decoration: none; } .shada-zoo-frontpage-sidecard--module li a { display: block; padding: 9px 0; } .shada-zoo-frontpage-sidecard--module a:hover, .shada-zoo-frontpage-sidecard--module a:focus { color: #084f55; text-decoration: underline; text-underline-offset: 3px; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 17px 16px; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a { display: inline-flex; padding: 7px 10px; border: 1px solid #d9e5e6; border-radius: 999px; background: #f7fbfb; color: #0b6f76; font-size: 0.92rem; font-weight: 800; line-height: 1.2; text-decoration: none; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover, .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:focus { background: #eef7f7; border-color: #b8d4d6; color: #084f55; text-decoration: none; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 16px 18px 18px !important; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a { display: inline-flex !important; width: auto !important; max-width: 100% !important; min-height: 30px !important; padding: 7px 11px !important; border: 1px solid #d9e5e6 !important; border-radius: 999px !important; background: #f7fbfb !important; color: #0b6f76 !important; font-size: 0.9rem !important; font-weight: 800 !important; line-height: 1.2 !important; white-space: normal !important; text-decoration: none !important; box-shadow: none !important; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover, .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:focus { background: #eef7f7 !important; border-color: #b8d4d6 !important; color: #084f55 !important; text-decoration: none !important; } .shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body { padding: 12px 18px 14px !important; } .shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body a { display: block !important; padding: 9px 0 !important; color: #0b6f76 !important; font-weight: 800 !important; line-height: 1.35 !important; text-decoration: none !important; } .shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body a:hover, .shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body a:focus { color: #084f55 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body ul, .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-list, .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-tag-cloud { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li { display: inline-flex !important; width: auto !important; margin: 0 !important; padding: 0 !important; border-bottom: 0 !important; list-style: none !important; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a, .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; min-height: 30px !important; margin: 0 !important; padding: 7px 11px !important; border: 1px solid #d9e5e6 !important; border-radius: 999px !important; background: #f7fbfb !important; color: #0b6f76 !important; font-size: 0.9rem !important; font-weight: 800 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none !important; } .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a:hover, .shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover { background: #eef7f7 !important; border-color: #b8d4d6 !important; color: #084f55 !important; text-decoration: none !important; } .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body, .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body * { border-bottom: 0 !important; box-shadow: none !important; } .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body { display: block !important; padding: 16px 18px 18px !important; } .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body ul, .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body ol, .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-list, .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-tag-cloud { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; border: 0 !important; } .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li { display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; border: 0 !important; } .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li::before, .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li::after { display: none !important; content: none !important; } .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a, .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; min-height: 30px !important; margin: 0 !important; padding: 7px 11px !important; border: 1px solid #d9e5e6 !important; border-radius: 999px !important; background: #f7fbfb !important; color: #0b6f76 !important; font-size: 0.9rem !important; font-weight: 800 !important; line-height: 1.2 !important; white-space: normal !important; text-decoration: none !important; } .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a:hover, .shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover { background: #eef7f7 !important; border-color: #b8d4d6 !important; color: #084f55 !important; text-decoration: none !important; } body.com_zoo.view-item .shada-zoo-author-page{max-width:1040px;margin:0 auto;padding:18px 0 42px} body.com_zoo.view-item .shada-zoo-author-hero{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start;padding:30px;margin-bottom:34px;border:1px solid #d9e5e6;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.055)} body.com_zoo.view-item .shada-zoo-author-hero__media img{display:block;width:190px;max-width:100%;height:auto;border-radius:14px;border:1px solid #d9e5e6} body.com_zoo.view-item .shada-zoo-author-hero__eyebrow,body.com_zoo.view-item .shada-zoo-author-articles__eyebrow{margin:0 0 8px;color:#0f766e;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} body.com_zoo.view-item .shada-zoo-author-hero__title{margin:0 0 14px;color:#12343b;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;font-weight:850} body.com_zoo.view-item .shada-zoo-author-hero__title a{color:inherit;text-decoration:none} body.com_zoo.view-item .shada-zoo-author-hero__bio{color:#263f46;font-size:1.04rem;line-height:1.75} body.com_zoo.view-item .shada-zoo-author-hero__bio p,body.com_zoo.view-item .shada-zoo-author-hero__bio div{margin-top:0} body.com_zoo.view-item .shada-zoo-author-hero__meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:16px;color:#38545b;font-size:.96rem} body.com_zoo.view-item .shada-zoo-author-hero__meta a{color:#0f766e;font-weight:700;text-decoration:none} body.com_zoo.view-item .shada-zoo-author-articles{margin-top:30px} body.com_zoo.view-item .shada-zoo-author-articles__head{margin-bottom:18px} body.com_zoo.view-item .shada-zoo-author-articles__head h2{margin:0;color:#12343b;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.18} body.com_zoo.view-item .shada-zoo-author-articles__grid{display:grid;gap:18px} body.com_zoo.view-item .shada-zoo-author-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start;padding:18px;border:1px solid #dce8e9;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.04)} body.com_zoo.view-item .shada-zoo-author-card__image img{display:block;width:100%;height:145px;object-fit:cover;border-radius:12px;border:1px solid #e1ecec} body.com_zoo.view-item .shada-zoo-author-card__meta{margin-bottom:8px;color:#60757b;font-size:.88rem} body.com_zoo.view-item .shada-zoo-author-card__title{margin:0 0 10px;color:#12343b;font-size:1.28rem;line-height:1.25} body.com_zoo.view-item .shada-zoo-author-card__title a{color:inherit;text-decoration:none} body.com_zoo.view-item .shada-zoo-author-card__title a:hover{color:#0f766e} body.com_zoo.view-item .shada-zoo-author-card__text{color:#344f56;font-size:.98rem;line-height:1.65} body.com_zoo.view-item .shada-zoo-author-card__text p{margin-top:0} body.com_zoo.view-item .shada-zoo-author-card__link{margin-top:12px} body.com_zoo.view-item .shada-zoo-author-card__link a,body.com_zoo.view-item .shada-zoo-author-card a[href*="item"]{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#0f766e;color:#fff;font-size:.9rem;font-weight:750;text-decoration:none} body.com_zoo.view-item .shada-zoo-author-card__link a:hover,body.com_zoo.view-item .shada-zoo-author-card a[href*="item"]:hover{background:#115e59;color:#fff} @media(max-width:767px){body.com_zoo.view-item .shada-zoo-author-hero,body.com_zoo.view-item .shada-zoo-author-card{grid-template-columns:1fr}body.com_zoo.view-item .shada-zoo-author-hero{padding:22px}body.com_zoo.view-item .shada-zoo-author-hero__media img{width:150px}body.com_zoo.view-item .shada-zoo-author-card__image img{height:auto;max-height:260px}} body.com_zoo.view-item .shada-zoo-author-card__button { display: inline-flex; align-items: center; justify-content: center; width: fit-content; margin-top: 12px; padding: 8px 14px; border-radius: 999px; background: #0f766e; color: #ffffff !important; font-size: 0.9rem; font-weight: 750; text-decoration: none !important; } body.com_zoo.view-item .shada-zoo-author-card__button:hover { background: #115e59; color: #ffffff !important; } body.com_zoo.view-item .shada-zoo-author-card__image { display: block; text-decoration: none; } body.com_zoo.view-item .shada-zoo-author-card__title a { display: inline !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: #12343b !important; font-size: inherit !important; font-weight: 850 !important; line-height: inherit !important; text-decoration: none !important; } body.com_zoo.view-item .shada-zoo-author-card__title a:hover { color: #0f766e !important; background: transparent !important; text-decoration: none !important; } body.com_zoo.view-item .shada-zoo-author-card__image, body.com_zoo.view-item .shada-zoo-author-card__image:hover { display: block !important; padding: 0 !important; border-radius: 12px !important; background: transparent !important; text-decoration: none !important; } body.com_zoo.view-item .shada-zoo-author-card__button { display: inline-flex !important; align-items: center; justify-content: center; width: fit-content; margin-top: 12px; padding: 8px 14px !important; border-radius: 999px !important; background: #0f766e !important; color: #ffffff !important; font-size: 0.9rem !important; font-weight: 750 !important; text-decoration: none !important; } body.com_zoo.view-item .shada-zoo-author-card__button:hover { background: #115e59 !important; color: #ffffff !important; } body.com_zoo.view-item .shada-zoo-author-pagination__summary { margin: 8px 0 0; color: #5f747a; font-size: 0.95rem; } body.com_zoo.view-item .shada-zoo-author-pagination { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 22px; } body.com_zoo.view-item .shada-zoo-author-pagination__link { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 8px 13px; border: 1px solid #cfe0e2; border-radius: 999px; background: #ffffff; color: #12343b; font-size: 0.92rem; font-weight: 750; line-height: 1; text-decoration: none; } body.com_zoo.view-item .shada-zoo-author-pagination__link:hover { border-color: #0f766e; color: #0f766e; text-decoration: none; } body.com_zoo.view-item .shada-zoo-author-pagination__link.is-active { border-color: #0f766e; background: #0f766e; color: #ffffff; cursor: default; } body.com_zoo.view-item .shada-zoo-author-pagination__summary { margin: 8px 0 0; color: #5f747a; font-size: 0.95rem; } body.com_zoo.view-item .shada-pagination.shada-zoo-author-pagination { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-start; margin: 30px 0 0; padding: 0; } body.com_zoo.view-item .shada-pagination .shada-pagination__link { display: inline-flex !important; align-items: center; justify-content: center; min-width: 58px; height: 42px; padding: 0 16px !important; border: 1px solid #d3e3e5 !important; border-radius: 7px !important; background: #ffffff !important; color: #0f766e !important; font-size: 0.95rem !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; } body.com_zoo.view-item .shada-pagination .shada-pagination__link:hover { border-color: #0f766e !important; background: #f2fbfa !important; color: #0f766e !important; text-decoration: none !important; } body.com_zoo.view-item .shada-pagination .shada-pagination__link.is-active { border-color: #0f766e !important; background: #0f766e !important; color: #ffffff !important; cursor: default; } @media (max-width: 767px) { body.com_zoo.view-item .shada-pagination.shada-zoo-author-pagination { gap: 8px; } body.com_zoo.view-item .shada-pagination .shada-pagination__link { min-width: 46px; height: 40px; padding: 0 12px !important; } } body.com_zoo.task-frontpage .shada-zoo-frontpage { max-width: 1204px; margin: 0 auto; padding: 22px 0 44px; } body.com_zoo.task-frontpage .shada-zoo-frontpage-top { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 26px; align-items: stretch; margin-bottom: 30px; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean { min-height: 100%; margin: 0; padding: 28px 32px; border: 1px solid #d6e5e7; border-radius: 14px; background: linear-gradient(120deg, #ffffff 0%, #ffffff 62%, #eaf7f6 100%); box-shadow: 0 10px 24px rgba(0,0,0,0.035); } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__eyebrow { margin: 0 0 10px; color: #0f766e; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__title { margin: 0 0 12px; color: #12343b; font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.12; font-weight: 850; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__intro, body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__subintro { max-width: 880px; color: #304f56; font-size: 1rem; line-height: 1.65; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__intro { margin: 0 0 10px; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__subintro { margin: 0; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular { min-width: 0; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__module, body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__fallback { height: 100%; overflow: hidden; border: 1px solid #d6e5e7; border-radius: 12px; background: #ffffff; box-shadow: 0 10px 24px rgba(0,0,0,0.035); } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular h3, body.com_zoo.task-frontpage .shada-zoo-frontpage-popular .card-header, body.com_zoo.task-frontpage .shada-zoo-frontpage-popular .module-title { display: block; margin: 0; padding: 15px 17px; background: #0f766e; color: #ffffff; font-size: 1.05rem; line-height: 1.25; font-weight: 850; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular ul { margin: 0; padding: 16px 17px 18px; list-style: none; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular li { margin: 0; padding: 10px 0; border-bottom: 1px solid #dce8e9; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular li:last-child { border-bottom: 0; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular a { color: #0f766e; font-size: 1rem; font-weight: 800; text-decoration: none; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular a:hover { color: #115e59; text-decoration: underline; } body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full { width: 100%; } body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__head { margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid #d9e5e6; } body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__head h2 { margin: 0; color: #12343b; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.18; font-weight: 850; } body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items, body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .items, body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .pos-content, body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .uk-grid { max-width: none; width: 100%; } body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .shada-zoo-card { max-width: none; } @media (max-width: 960px) { body.com_zoo.task-frontpage .shada-zoo-frontpage-top { grid-template-columns: 1fr; } body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__module, body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__fallback { height: auto; } } @media (max-width: 767px) { body.com_zoo.task-frontpage .shada-zoo-frontpage { padding: 16px 0 34px; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean { padding: 22px; } } body.com_zoo.task-frontpage .shada-zoo-frontpage--safe-top { max-width: 1204px; margin: 0 auto; } body.com_zoo.task-frontpage .shada-zoo-frontpage-top-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 26px; align-items: stretch; margin-bottom: 30px; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--nochips { height: 100%; margin: 0 !important; } body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--nochips .shada-zoo-frontpage-hero__chips { display: none !important; } body.com_zoo.task-frontpage .shada-zoo-frontpage-sidebar--top { width: 100%; min-width: 0; } body.com_zoo.task-frontpage .shada-zoo-frontpage-sidebar--top .shada-zoo-frontpage-sidecard { height: 100%; margin: 0; } body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-wide { width: 100%; } body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-wide .shada-zoo-frontpage-section-title { margin-top: 0; } body.com_zoo.task-frontpage .shada-zoo-frontpage-list--wide { width: 100%; } body.com_zoo.task-frontpage .shada-zoo-frontpage-list--wide .shada-zoo-card, body.com_zoo.task-frontpage .shada-zoo-frontpage-list--wide article { max-width: none; } @media (max-width: 960px) { body.com_zoo.task-frontpage .shada-zoo-frontpage-top-grid { grid-template-columns: 1fr; } body.com_zoo.task-frontpage .shada-zoo-frontpage-sidebar--top .shada-zoo-frontpage-sidecard { height: auto; } } .shada-zoo-frontpage.shada-zoo-frontpage--two-card { max-width: 1204px; margin: 0 auto; padding: 22px 0 44px; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-top-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; gap: 26px !important; align-items: stretch !important; margin: 0 0 30px !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons { height: 100%; margin: 0 !important; padding: 28px 32px !important; border: 1px solid #d6e5e7 !important; border-radius: 14px !important; background: linear-gradient(120deg, #ffffff 0%, #ffffff 62%, #eaf7f6 100%) !important; box-shadow: 0 10px 24px rgba(0,0,0,0.035) !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero__copy { max-width: none !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons h1 { margin-bottom: 12px !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons .shada-zoo-frontpage-hero__intro, .shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons .shada-zoo-frontpage-hero__subintro { max-width: 850px; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; margin-top: 22px !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 7px 13px !important; border: 1px solid #cfe0e2 !important; border-radius: 999px !important; background: #ffffff !important; color: #0f766e !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a:hover { border-color: #0f766e !important; background: #f2fbfa !important; color: #0f766e !important; text-decoration: none !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-popular-card { min-width: 0 !important; width: 100% !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-popular-card .shada-zoo-frontpage-sidecard { height: 100% !important; margin: 0 !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide { width: 100%; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide .shada-zoo-frontpage-section-title { margin-top: 0 !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-list--wide { width: 100%; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-list--wide .shada-zoo-card, .shada-zoo-frontpage--two-card .shada-zoo-frontpage-list--wide article { max-width: none; } @media (max-width: 960px) { .shada-zoo-frontpage--two-card .shada-zoo-frontpage-top-grid { grid-template-columns: 1fr !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-popular-card .shada-zoo-frontpage-sidecard { height: auto !important; } } @media (max-width: 767px) { .shada-zoo-frontpage.shada-zoo-frontpage--two-card { padding: 16px 0 34px; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons { padding: 22px !important; } } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-top-grid { margin-bottom: 42px !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide { clear: both; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide .shada-zoo-frontpage-section-title { margin-top: 0 !important; margin-bottom: 18px !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-topic-block { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(15, 118, 110, 0.15); } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-topic-heading { margin: 0 0 13px !important; color: #12343b !important; font-size: 1.05rem !important; line-height: 1.25 !important; font-weight: 850 !important; letter-spacing: 0 !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 0 !important; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 38px !important; padding: 9px 15px !important; border: 1px solid #b9d8d8 !important; border-radius: 999px !important; background: #f7fcfb !important; color: #0f766e !important; font-size: 0.9rem !important; font-weight: 850 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 4px 12px rgba(15, 118, 110, 0.045) !important; transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease; } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a:hover { border-color: #0f766e !important; background: #0f766e !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); } .shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons__arrow { font-weight: 900; opacity: 0.8; } html[lang="fa-IR"] .shada-text-center { text-align: center; } html[lang="fa-IR"] .shada-text-left { text-align: left; } html[lang="fa-IR"] .shada-text-small { font-size: 0.8rem; line-height: 1.4; } html[lang="fa-IR"] .shada-text-large { font-size: 1.25rem; } html[lang="fa-IR"] .shada-clear-both { clear: both; } html[lang="fa-IR"] .shada-list-none { list-style: none; } html[lang="fa-IR"] .shada-align-top { vertical-align: top; } html[lang="fa-IR"] .shada-float-right { float: right; margin: 0.25rem 0 0.75rem 0.75rem; } html[lang="fa-IR"] .shada-thumb-large { display: block; max-width: 100%; height: auto; } html[lang="fa-IR"] .shada-image-float-left { float: left; margin: 0.25rem 0.75rem 0.75rem 0; } html[lang="fa-IR"] .shada-image-framed { padding: 0.2rem; border: 1px solid #d9dee3; background: #fff; } html[lang="fa-IR"] .shada-button { display: inline-block; padding: 0.55rem 0.9rem; border: 1px solid var(--cassiopeia-color-primary); border-radius: 0.3rem; color: var(--cassiopeia-color-primary); text-decoration: none; } html[lang="fa-IR"] .shada-button:hover, html[lang="fa-IR"] .shada-button:focus, html[lang="fa-IR"] .shada-button-primary { background: var(--cassiopeia-color-primary); color: #fff; } html[lang="fa-IR"] .shada-button-large { padding: 0.75rem 1.1rem; font-size: 1.05rem; } html[lang="fa-IR"] .shada-button-block { display: block; width: 100%; text-align: center; } html[lang="fa-IR"] .shada-button-assessment { font-weight: 700; } html[lang="fa-IR"] .shada-embed { display: block; max-width: 100%; border: 0; } html[lang="fa-IR"] .shada-embed-centred { margin-inline: auto; } html[lang="fa-IR"] .shada-embed-video { width: 100%; height: auto; aspect-ratio: 16 / 9; } html[lang="fa-IR"] .shada-embed-map { width: 100%; } @media (max-width: 767.98px) { html[lang="fa-IR"] .shada-float-right, html[lang="fa-IR"] .shada-image-float-left { float: none; display: block; margin: 0.75rem auto; } } html[lang="fa-IR"] .shada-native-widget { margin-block: 1.5rem; } html[lang="fa-IR"] .shada-native-widget img { display: block; max-width: 100%; height: auto; } html[lang="fa-IR"] .shada-native-accordion-item { margin-block: 0.65rem; border: 1px solid #d9dee3; border-radius: 0.35rem; background: #fff; } html[lang="fa-IR"] .shada-native-accordion-item > summary { padding: 0.9rem 1rem; cursor: pointer; font-weight: 700; } html[lang="fa-IR"] .shada-native-accordion-content { padding: 0 1rem 1rem; } html[lang="fa-IR"] .shada-native-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; } html[lang="fa-IR"] .shada-native-card { overflow: hidden; border: 1px solid #d9dee3; border-radius: 0.4rem; background: #fff; } html[lang="fa-IR"] .shada-native-card-body { padding: 1rem; } html[lang="fa-IR"] .shada-native-card-title { margin-top: 0; font-size: 1.15rem; } html[lang="fa-IR"] .shada-native-media img { width: 100%; object-fit: cover; } html[lang="fa-IR"] .shada-panel-secondary { background: #f3f5f7; } html[lang="fa-IR"] .shada-panel-box { box-shadow: 0 0.2rem 0.75rem rgba(0, 0, 0, 0.08); } html[lang="fa-IR"] .shada-native-button, html[lang="fa-IR"] .shada-filter-button, html[lang="fa-IR"] .shada-native-tab { display: inline-block; padding: 0.55rem 0.9rem; border: 1px solid var(--cassiopeia-color-primary); border-radius: 0.3rem; background: #fff; color: var(--cassiopeia-color-primary); text-decoration: none; cursor: pointer; } html[lang="fa-IR"] .shada-native-button:hover, html[lang="fa-IR"] .shada-native-button:focus, html[lang="fa-IR"] .shada-filter-button.is-active, html[lang="fa-IR"] .shada-native-tab.is-active { background: var(--cassiopeia-color-primary); color: #fff; } html[lang="fa-IR"] .shada-native-tablist, html[lang="fa-IR"] .shada-native-filter { display: flex; gap: 0.5rem; margin-block-end: 1rem; padding-block-end: 0.35rem; overflow-x: auto; } html[lang="fa-IR"] .shada-native-tab, html[lang="fa-IR"] .shada-filter-button { flex: 0 0 auto; } html[lang="fa-IR"] .shada-native-tabpanel { padding: 1rem; border: 1px solid #d9dee3; border-radius: 0.4rem; } html[lang="fa-IR"] .shada-native-tabpanel[hidden] { display: none; } html[lang="fa-IR"] .shada-native-grid-stack .shada-native-card { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } html[lang="fa-IR"] .shada-info-panel { margin-block: 1rem; padding: 1rem; border: 1px solid #cfd9e2; border-radius: 0.35rem; background: #f5f8fa; } html[lang="fa-IR"] .shada-info-panel-large { padding: 1.4rem; } html[lang="fa-IR"] .shada-ltr, html[lang="fa-IR"] .shada-ltr-text { direction: ltr; unicode-bidi: isolate; } html[lang="fa-IR"] .shada-float-left-small { float: left; margin: 0.25rem 0.75rem 0.5rem 0; } html[lang="fa-IR"] .shada-thumb { max-width: 180px; height: auto; } html[lang="fa-IR"] .shada-meta-small { padding-right: 6px; font-size: 0.75rem; } html[lang="fa-IR"] .shada-data-table { width: 100%; max-width: 100%; border-collapse: collapse; } html[lang="fa-IR"] .shada-data-table th, html[lang="fa-IR"] .shada-data-table td { padding: 0.55rem; border: 1px solid #d9dee3; } html[lang="fa-IR"] .shada-list-flat { margin: 0; padding: 0; list-style: none; } html[lang="fa-IR"] .shada-panel { border: 1px solid #d9dee3; border-radius: 0.35rem; } html[lang="fa-IR"] .shada-panel-heading { padding: 0.75rem 1rem; background: #f3f5f7; } html[lang="fa-IR"] .shada-panel-body { padding: 1rem; } html[lang="fa-IR"] .shada-panel-title { margin: 0; } html[lang="fa-IR"] .shada-icon::before { display: inline-block; margin-inline-end: 0.35rem; } html[lang="fa-IR"] .shada-icon-phone::before { content: "☎"; } html[lang="fa-IR"] .shada-icon-email::before { content: "✉"; } html[lang="fa-IR"] .shada-icon-print::before { content: "⎙"; } @media (min-width: 768px) { html[lang="fa-IR"] .shada-native-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } html[lang="fa-IR"] .shada-native-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } html[lang="fa-IR"] .shada-native-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 767.98px) { html[lang="fa-IR"] .shada-native-grid-stack .shada-native-card { grid-template-columns: 1fr; } html[lang="fa-IR"] .shada-float-left-small { float: none; display: block; margin: 0.75rem auto; } } html[lang^="fa" i] .shada-contact-panel { margin-block: 1.25rem; } html[lang^="fa" i] .shada-panel-primary { border-inline-start: 0.25rem solid var(--cassiopeia-color-primary, #0f6b6d); background: rgba(15, 107, 109, 0.06); } html[lang^="fa" i] .shada-info { color: inherit; } html[lang^="fa" i] .shada-info-panel-info { border-inline-start-color: var(--cassiopeia-color-primary, #0f6b6d); } html[lang^="fa" i] .shada-native-action { margin-block-start: 1rem; } html[lang^="fa" i] .shada-native-card-content { min-width: 0; } html[lang^="fa" i] .shada-native-columns-1 { grid-template-columns: minmax(0, 1fr); } html[lang^="fa" i] .shada-native-media-link { display: block; color: inherit; text-decoration: none; } html[lang^="fa" i] .shada-native-tab-content { min-width: 0; } html[lang^="fa" i] .shada-native-tabs { width: 100%; min-width: 0; } html[lang^="fa" i] .shada-native-widget-accordion, html[lang^="fa" i] .shada-native-widget-grid, html[lang^="fa" i] .shada-native-widget-grid-stack, html[lang^="fa" i] .shada-native-widget-switcher { min-width: 0; } .container-topbar a[href^="tel:"], .container-topbar [class*="phone"] { direction: ltr !important; unicode-bidi: isolate !important; } html[lang^="fa"] .container-topbar a[href^="tel:"] { text-align: left !important; } .container-topbar .mod-languages, .container-topbar .shada-language-switcher { width: auto !important; flex: 0 0 auto !important; margin-block: 0 !important; padding-block: 0 !important; } .container-topbar .mod-languages ul, .container-topbar .shada-language-switcher ul, .mod-languages ul.lang-inline { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; gap: 0.5rem !important; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .container-topbar .mod-languages li, .container-topbar .shada-language-switcher li, .mod-languages ul.lang-inline > li { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .container-topbar .mod-languages img, .container-topbar .shada-language-switcher img, .mod-languages ul.lang-inline img { display: block !important; width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; object-fit: cover !important; margin: 0 !important; } @media (min-width: 992px) { html[lang^="fa"] #mod-menu137 { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; direction: rtl !important; } html[lang^="fa"] #mod-menu137 > li { flex: 0 0 auto !important; } html[lang^="fa"] #mod-menu137 > li > a, html[lang^="fa"] #mod-menu137 > li > button, html[lang^="fa"] #mod-menu137 > li > .mm-toggler { color: #ffffff !important; white-space: nowrap !important; font-size: 0.96rem !important; padding-inline: 0.65rem !important; } } @media (max-width: 991.98px) { body.shada-mobile-menu-is-open .shada-mobile-cta-live { display: none !important; } body.shada-mobile-menu-is-open .shada-mobile-menu-drawer { padding-bottom: calc( 1.5rem + env(safe-area-inset-bottom) ) !important; } } @font-face { font-family: "ShadaIRANSans"; src: url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_UltraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaIRANSans"; src: url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaIRANSans"; src: url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb.woff2") format("woff2"), url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaIRANSans"; src: url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaIRANSans"; src: url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "ShadaIRANSans"; src: url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Black.woff2") format("woff2"), url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } html[lang^="fa"] body { font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif !important; } html[lang^="fa"] :where( h1, h2, h3, h4, h5, h6, p, li, dt, dd, label, button, input, textarea, select, option, .mod-menu a, .breadcrumb, .page-header, .item-page, .blog, .card, .card-title, .card-body, .shada-mobile-menu-drawer, .shada-mobile-menu-drawer a, .shada-mobile-cta-live, .shada-mobile-cta-live a ) { font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif !important; } html[lang^="fa"] :where( .fa, [class^="fa-"], [class*=" fa-"], .icon, [class^="icon-"], [class*=" icon-"] ) { font-family: inherit; } .shada-language-selector { position: relative; z-index: 1050; display: inline-block; margin: 0; line-height: 1; } .shada-language-selector__toggle { display: inline-flex !important; align-items: center; justify-content: center; gap: 0.52rem; min-height: 42px; padding: 0.52rem 0.84rem !important; color: #1f2933 !important; background: #ffffff !important; border: 1px solid rgba(8, 127, 131, 0.25) !important; border-radius: 999px !important; box-shadow: 0 3px 12px rgba(15, 65, 68, 0.09) !important; font-size: 0.95rem; font-weight: 600; line-height: 1; text-decoration: none !important; white-space: nowrap; } .shada-language-selector__toggle:hover, .shada-language-selector__toggle:focus-visible, .shada-language-selector__toggle[aria-expanded="true"] { color: #087f83 !important; border-color: rgba(8, 127, 131, 0.62) !important; box-shadow: 0 0 0 3px rgba(8, 127, 131, 0.12), 0 5px 16px rgba(15, 65, 68, 0.12) !important; } .shada-language-selector__toggle::after { margin-inline-start: 0.12rem; } .shada-language-selector__flag { display: inline-block !important; width: 29px !important; height: 18px !important; margin: 0 !important; padding: 0; background: #ffffff; border-radius: 2px; box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.14); object-fit: contain !important; object-position: center; flex: 0 0 auto; } .shada-language-selector__menu { min-width: 11rem; margin-top: 0.45rem !important; padding: 0.4rem !important; background: #ffffff; border: 1px solid rgba(8, 127, 131, 0.16); border-radius: 12px; box-shadow: 0 12px 30px rgba(15, 65, 68, 0.18); overflow: hidden; } .shada-language-selector__menu li { margin: 0; padding: 0; list-style: none; } .shada-language-selector__item { display: grid !important; grid-template-columns: 1rem 29px minmax(0, 1fr); align-items: center; gap: 0.55rem; min-height: 42px; padding: 0.58rem 0.65rem !important; color: #1f2933 !important; border-radius: 8px; font-size: 0.94rem; font-weight: 500; text-decoration: none !important; white-space: nowrap; } .shada-language-selector__item:hover, .shada-language-selector__item:focus { color: #087f83 !important; background: rgba(8, 127, 131, 0.08) !important; } .shada-language-selector__item.active { color: #ffffff !important; background: #087f83 !important; } .shada-language-selector__check { display: inline-flex; align-items: center; justify-content: center; width: 1rem; font-weight: 700; } .shada-language-selector__check--empty { visibility: hidden; } html[dir="ltr"] .shada-language-selector__menu { left: 0; right: auto; text-align: left; } html[dir="rtl"] .shada-language-selector__menu { right: 0; left: auto; direction: rtl; text-align: right; } html[lang^="fa"] .shada-language-selector, html[lang^="fa"] .shada-language-selector__toggle, html[lang^="fa"] .shada-language-selector__item { font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif !important; } @media (max-width: 575.98px) { .shada-language-selector__toggle { min-height: 38px; padding: 0.44rem 0.68rem !important; gap: 0.42rem; font-size: 0.88rem; } .shada-language-selector__flag { width: 26px !important; height: 16px !important; } .shada-language-selector__menu { min-width: 9.75rem; } .shada-language-selector__item { grid-template-columns: 0.9rem 26px minmax(0, 1fr); font-size: 0.9rem; } } .shada-language-selector > .shada-language-selector__menu, .shada-language-selector > .shada-language-selector__menu.show { position: absolute !important; top: calc(100% + 0.5rem) !important; bottom: auto !important; inset-inline-start: 0 !important; inset-inline-end: auto !important; transform: none !important; width: 12rem !important; min-width: 12rem !important; max-width: calc(100vw - 1rem) !important; margin: 0 !important; padding: 0.42rem !important; flex-direction: column !important; flex-wrap: nowrap !important; background: #ffffff !important; border: 1px solid rgba(8, 127, 131, 0.18) !important; border-radius: 12px !important; box-shadow: 0 14px 34px rgba(15, 65, 68, 0.20) !important; list-style: none !important; overflow: hidden !important; } .shada-language-selector > .shada-language-selector__menu { display: none !important; } .shada-language-selector > .shada-language-selector__menu.show { display: block !important; } .shada-language-selector__menu > li { display: block !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .shada-language-selector__menu > li + li { margin-top: 0.2rem !important; } .shada-language-selector__menu .shada-language-selector__item { display: grid !important; grid-template-columns: 1rem 29px minmax(0, 1fr) !important; align-items: center !important; gap: 0.58rem !important; width: 100% !important; min-width: 0 !important; min-height: 42px; box-sizing: border-box !important; margin: 0 !important; padding: 0.58rem 0.65rem !important; border: 0 !important; border-radius: 8px !important; line-height: 1.35; text-decoration: none !important; white-space: nowrap; } .shada-language-selector__menu .shada-language-selector__item > span:last-child { display: block !important; min-width: 0 !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; text-overflow: clip !important; } .shada-language-selector__menu .shada-language-selector__item.active { color: #075f63 !important; background: rgba(8, 127, 131, 0.12) !important; } .shada-language-selector__menu .shada-language-selector__item.active > span { color: inherit !important; } html[dir="ltr"] .shada-language-selector > .shada-language-selector__menu { left: 0 !important; right: auto !important; direction: ltr; text-align: left; } html[dir="rtl"] .shada-language-selector > .shada-language-selector__menu { right: 0 !important; left: auto !important; direction: rtl; text-align: right; } @media (max-width: 575.98px) { .shada-language-selector > .shada-language-selector__menu, .shada-language-selector > .shada-language-selector__menu.show { width: 10.75rem !important; min-width: 10.75rem !important; } .shada-language-selector__menu .shada-language-selector__item { grid-template-columns: 0.9rem 26px minmax(0, 1fr) !important; min-height: 40px; padding: 0.54rem 0.58rem !important; font-size: 0.9rem; } } .shada-language-selector__menu[hidden] { display: none !important; } .shada-language-selector__toggle::after { content: ""; display: inline-block; width: 0; height: 0; margin-inline-start: 0.15rem; border-style: solid; border-width: 0.32rem 0.27rem 0; border-color: currentColor transparent transparent; transition: transform 150ms ease; } .shada-language-selector__toggle[ aria-expanded="true" ]::after { transform: rotate(180deg); } .shada-language-selector__toggle[ aria-expanded="false" ] + .shada-language-selector__menu { display: none !important; } .shada-language-selector__toggle[ aria-expanded="true" ] + .shada-language-selector__menu { display: block !important; } .container-header .container-topbar > #mod-custom121, .container-header #mod-custom121 > .shada-site-header, .container-header #mod-custom121 .shada-site-header-inner { display: contents !important; } @media (min-width: 768px) { .container-header .container-topbar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; grid-template-rows: 7.5rem 4.75rem !important; align-items: center !important; position: relative !important; overflow: visible !important; box-sizing: border-box !important; width: 100% !important; min-height: 12.25rem !important; margin: 0 !important; padding: 0 clamp( 1rem, 3vw, 3rem ) !important; direction: ltr !important; background: #fff !important; } .container-header .container-topbar::before { content: ""; position: absolute; top: 7.5rem; right: 0; left: 0; border-top: 1px solid rgba( 0, 116, 124, 0.15 ); pointer-events: none; } .container-header .shada-header-logo { grid-column: 2; grid-row: 1; justify-self: center; align-self: center; display: block !important; position: static !important; inset: auto !important; margin: 0 !important; transform: none !important; z-index: auto !important; } .container-header .shada-header-actions { grid-column: 1; grid-row: 2; justify-self: start; align-self: center; display: flex !important; align-items: center !important; position: static !important; inset: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; direction: ltr !important; unicode-bidi: isolate !important; transform: none !important; z-index: auto !important; } .container-header .shada-phone-button { position: static !important; inset: auto !important; margin: 0 !important; direction: ltr !important; unicode-bidi: isolate !important; transform: none !important; } .container-header #shada-language-selector-138 { grid-column: 3; grid-row: 2; justify-self: end; align-self: center; position: relative !important; inset: auto !important; width: max-content !important; max-width: calc( 100vw - 2rem ) !important; margin: 0 !important; padding: 0 !important; transform: none !important; z-index: 1400 !important; } html[lang^="en"] #shada-language-selector-138 { direction: ltr; } html[lang^="fa"] #shada-language-selector-138 { direction: rtl; } #shada-language-selector-138 > .shada-language-selector__menu { right: 0 !important; left: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; } } @media (min-width: 992px) { .container-header a.shada-phone-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; height: 42px !important; min-height: 42px !important; padding: 0 0.95rem !important; line-height: 1 !important; } .container-header .container-nav { display: flex !important; align-items: center !important; box-sizing: border-box !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; overflow: visible !important; } .container-header .container-nav ul#mod-menu1.mod-menu, .container-header .container-nav ul#mod-menu137.mod-menu { display: flex !important; align-items: center !important; box-sizing: border-box !important; height: 58px !important; min-height: 58px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .container-header .container-nav ul#mod-menu1.mod-menu > li, .container-header .container-nav ul#mod-menu137.mod-menu > li { display: flex !important; align-items: center !important; box-sizing: border-box !important; height: 58px !important; min-height: 58px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; position: relative !important; top: auto !important; bottom: auto !important; transform: none !important; } .container-header .container-nav ul#mod-menu1.mod-menu > li > a, .container-header .container-nav ul#mod-menu1.mod-menu > li > button, .container-header .container-nav ul#mod-menu1.mod-menu > li > .mod-menu__heading, .container-header .container-nav ul#mod-menu137.mod-menu > li > a, .container-header .container-nav ul#mod-menu137.mod-menu > li > button, .container-header .container-nav ul#mod-menu137.mod-menu > li > .mod-menu__heading { display: flex !important; align-items: center !important; box-sizing: border-box !important; height: 58px !important; min-height: 58px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; position: static !important; inset: auto !important; line-height: 1.2 !important; transform: none !important; vertical-align: middle !important; } .container-header .container-nav ul#mod-menu1.mod-menu > li.shada-menu-search-item, .container-header .container-nav ul#mod-menu137.mod-menu > li.shada-menu-search-item { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 56px !important; min-width: 56px !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; position: static !important; inset: auto !important; transform: none !important; } .container-header .container-nav ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle, .container-header .container-nav ul#mod-menu137.mod-menu > li.shada-menu-search-item > #shada-search-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 0 !important; position: static !important; inset: auto !important; border: 1px solid rgba( 255, 255, 255, 0.32 ) !important; border-radius: 50% !important; background: rgba( 255, 255, 255, 0.13 ) !important; color: #fff !important; opacity: 1 !important; visibility: visible !important; box-shadow: none !important; transform: none !important; transition: background-color 0.15s ease, border-color 0.15s ease !important; } .container-header .container-nav ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle:hover, .container-header .container-nav ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle:focus, .container-header .container-nav ul#mod-menu137.mod-menu > li.shada-menu-search-item > #shada-search-toggle:hover, .container-header .container-nav ul#mod-menu137.mod-menu > li.shada-menu-search-item > #shada-search-toggle:focus { background: rgba( 255, 255, 255, 0.22 ) !important; border-color: rgba( 255, 255, 255, 0.52 ) !important; } .container-header .container-nav ul#mod-menu1.mod-menu #shada-search-icon, .container-header .container-nav ul#mod-menu137.mod-menu #shada-search-icon { display: block !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; filter: brightness(0) invert(1) !important; mix-blend-mode: normal !important; object-fit: contain !important; transform: none !important; } } @media (max-width: 767.98px) { .container-header .container-topbar { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: 6.5rem 4rem !important; align-items: center !important; position: relative !important; overflow: visible !important; box-sizing: border-box !important; width: 100% !important; min-height: 10.5rem !important; margin: 0 !important; padding: 0 0.75rem !important; direction: ltr !important; background: #fff !important; } .container-header .container-topbar::before { content: ""; position: absolute; top: 6.5rem; right: 0; left: 0; border-top: 1px solid rgba( 0, 116, 124, 0.15 ); pointer-events: none; } .container-header .shada-header-logo { grid-column: 1; grid-row: 1; justify-self: center; align-self: center; position: static !important; inset: auto !important; margin: 0 !important; transform: none !important; } .container-header .shada-header-actions { display: none !important; } .container-header #shada-language-selector-138 { grid-column: 1; grid-row: 2; justify-self: end; align-self: center; position: relative !important; inset: auto !important; width: max-content !important; margin: 0 !important; padding: 0 !important; transform: none !important; z-index: 1400 !important; } .container-header .container-nav li.shada-menu-search-item { display: none !important; } } @media (min-width: 992px) { .container-header .container-nav ul#mod-menu1.mod-menu > li.shada-menu-search-item, .container-header .container-nav ul#mod-menu137.mod-menu > li.shada-menu-search-item { position: relative !important; align-self: stretch !important; align-items: center !important; justify-content: center !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .container-header .container-nav ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle, .container-header .container-nav ul#mod-menu137.mod-menu > li.shada-menu-search-item > #shada-search-toggle { position: absolute !important; top: 50% !important; right: auto !important; bottom: auto !important; left: 50% !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 0 !important; transform: translate( -50%, -50% ) !important; opacity: 1 !important; visibility: visible !important; } .container-header .container-nav ul#mod-menu1.mod-menu #shada-search-icon, .container-header .container-nav ul#mod-menu137.mod-menu #shada-search-icon { display: block !important; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; filter: brightness(0) invert(1) !important; transform: none !important; } } @media (min-width: 992px) { html[lang^="fa"] .container-header #mod-menu137 > li:not(.shada-menu-search-item) > a, html[lang^="fa"] .container-header #mod-menu137 > li:not(.shada-menu-search-item) > button, html[lang^="fa"] .container-header #mod-menu137 > li:not(.shada-menu-search-item) > .mod-menu__heading, html[lang^="fa"] .container-header #mod-menu137 > li:not(.shada-menu-search-item) > .nav-header { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 0.18rem !important; column-gap: 0.18rem !important; row-gap: 0 !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; direction: rtl !important; text-align: right !important; font-size: 1.1rem !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: 0 !important; white-space: nowrap !important; position: static !important; inset: auto !important; transform: none !important; } html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-down, html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-up { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 0.55rem !important; box-sizing: border-box !important; width: 0.55rem !important; min-width: 0.55rem !important; max-width: 0.55rem !important; height: 0.55rem !important; min-height: 0.55rem !important; max-height: 0.55rem !important; margin: 0 !important; margin-inline: 0 !important; margin-inline-start: 0 !important; margin-inline-end: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; position: static !important; inset: auto !important; color: rgba( 255, 255, 255, 0.92 ) !important; font-family: initial !important; font-size: 0 !important; line-height: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; box-shadow: none !important; } html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-down::before, html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-up::before { content: "" !important; display: block !important; box-sizing: border-box !important; width: 0.4rem !important; height: 0.4rem !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-right: 1.6px solid currentColor !important; border-bottom: 1.6px solid currentColor !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; transform-origin: center !important; } html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-down::before { transform: translateY(-14%) rotate(45deg) !important; } html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-up::before { transform: translateY(14%) rotate(225deg) !important; } html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-down::after, html[lang^="fa"] .container-header #mod-menu137 .icon-chevron-up::after { content: none !important; display: none !important; } } @media (min-width: 992px) { html[lang^="fa"] .container-header #mod-menu137 > li > ul > li > a, html[lang^="fa"] .container-header #mod-menu137 > li > ul > li > button, html[lang^="fa"] .container-header #mod-menu137 > li > ul > li > .mod-menu__heading, html[lang^="fa"] .container-header #mod-menu137 > li > ul > li > .nav-header { font-family: "ShadaIRANSans", Arial, sans-serif !important; font-size: 1.125rem !important; font-weight: 600 !important; line-height: 1.55 !important; letter-spacing: 0 !important; text-align: right !important; } } @media (min-width: 992px) { html[lang^="fa"] .container-header .container-nav { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; padding-inline-start: 1rem !important; padding-inline-end: 1rem !important; overflow: visible !important; } html[lang^="fa"] .container-header .container-nav #mod-menu137 { display: flex !important; align-items: center !important; justify-content: center !important; direction: rtl !important; flex: 0 1 auto !important; width: max-content !important; min-width: 0 !important; max-width: calc( 100vw - 2rem ) !important; margin-left: auto !important; margin-right: auto !important; margin-inline: auto !important; padding-left: 0 !important; padding-right: 0 !important; padding-inline: 0 !important; transform: none !important; } html[lang^="fa"] .container-header .container-nav #mod-menu137 > li { flex: 0 0 auto !important; margin-top: 0 !important; margin-bottom: 0 !important; } html[lang^="fa"] .container-header .container-nav #mod-menu137 > li > ul { direction: rtl !important; text-align: right !important; } } .container-header .shada-header-logo--fa { display: none !important; } html:not([lang^="fa"]) .container-header .shada-header-logo--en { display: block !important; } html[lang^="fa"] .container-header .shada-header-logo--en { display: none !important; } html[lang^="fa"] .container-header .shada-header-logo--fa { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.7rem !important; position: relative !important; width: auto !important; min-width: 0 !important; max-width: min(92vw, 34rem) !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #087c83 !important; direction: ltr !important; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; transform: none !important; z-index: 20 !important; } html[lang^="fa"] .container-header .shada-header-logo-fa__text { display: block !important; margin: 0 !important; padding: 0 !important; color: #087c83 !important; direction: rtl !important; unicode-bidi: isolate !important; font-family: "ShadaIRANSans", Arial, sans-serif !important; font-size: clamp( 1.35rem, 2.2vw, 1.9rem ) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0 !important; white-space: nowrap !important; opacity: 1 !important; visibility: visible !important; } html[lang^="fa"] .container-header .shada-header-logo-fa__icon { display: block !important; flex: 0 0 auto !important; width: auto !important; height: 4.25rem !important; max-width: 5.5rem !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; object-fit: contain !important; transform: none !important; } @media (max-width: 767.98px) { .container-header, .container-header .container-topbar, .container-header .mod-languages { overflow: visible !important; } .container-header .container-topbar { position: relative !important; isolation: isolate !important; z-index: 3000 !important; } .container-header .container-nav { position: relative !important; z-index: 100 !important; } html[lang^="fa"] .container-header .shada-header-logo--fa { display: inline-flex !important; align-items: center !important; justify-content: center !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; align-self: center !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; inset: auto !important; gap: 0.55rem !important; box-sizing: border-box !important; width: max-content !important; min-width: 0 !important; max-width: calc( 100vw - 1rem ) !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; transform: none !important; z-index: 3200 !important; } html[lang^="fa"] .container-header .shada-header-logo-fa__text { display: block !important; flex: 0 1 auto !important; min-width: 0 !important; font-size: clamp( 1.15rem, 5.2vw, 1.45rem ) !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; opacity: 1 !important; visibility: visible !important; } html[lang^="fa"] .container-header .shada-header-logo-fa__icon { display: block !important; flex: 0 0 auto !important; width: auto !important; height: 3.4rem !important; max-width: 4.5rem !important; opacity: 1 !important; visibility: visible !important; } .container-header .container-topbar > *:has(#shada-language-selector-138), .container-header .mod-languages:has(#shada-language-selector-138), .container-header #shada-language-selector-138 { position: relative !important; overflow: visible !important; z-index: 3400 !important; } .container-header #shada-language-selector-138 > .shada-language-selector__menu { position: absolute !important; top: calc( 100% + 0.4rem ) !important; right: 0 !important; bottom: auto !important; left: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; min-width: max-content !important; overflow: visible !important; z-index: 3600 !important; } } @media (max-width: 767.98px) { .container-header, .container-header .container-topbar { overflow: visible !important; isolation: auto !important; } .container-header .container-topbar { position: relative !important; z-index: 10000 !important; transition: min-height 0.15s ease, padding-bottom 0.15s ease !important; } .container-header .container-nav { position: relative !important; z-index: 10 !important; } html:not([lang^="fa"]) .container-header .shada-header-logo--en { display: flex !important; align-items: center !important; justify-content: center !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; align-self: center !important; position: relative !important; inset: auto !important; box-sizing: border-box !important; width: auto !important; max-width: calc( 100vw - 2rem ) !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; transform: none !important; z-index: 11000 !important; } html:not([lang^="fa"]) .container-header .shada-header-logo--en img { display: block !important; width: auto !important; max-width: min(78vw, 14rem) !important; height: 3.5rem !important; max-height: 3.5rem !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; object-fit: contain !important; transform: none !important; } html[lang^="fa"] .container-header .shada-header-logo--fa { display: inline-flex !important; align-items: center !important; justify-content: center !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; align-self: center !important; position: relative !important; inset: auto !important; box-sizing: border-box !important; width: max-content !important; max-width: calc( 100vw - 1rem ) !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; transform: none !important; z-index: 11000 !important; } .container-header #shada-language-selector-138 { position: relative !important; overflow: visible !important; z-index: 12000 !important; } .container-header #shada-language-selector-138 > .shada-language-selector__menu { position: absolute !important; top: calc( 100% + 0.35rem ) !important; right: 0 !important; bottom: auto !important; left: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; display: block; min-width: max-content !important; margin: 0 !important; overflow: visible !important; background: #fff !important; opacity: 1; visibility: visible; z-index: 13000 !important; } .container-header #shada-language-selector-138 > .shada-language-selector__menu[hidden] { display: none !important; } .container-header .container-topbar:has( #shada-language-selector-138 > .shada-language-selector__menu:not([hidden]) ), .container-header .container-topbar:has( #shada-language-selector-138 .shada-language-selector__toggle[ aria-expanded="true" ] ) { min-height: 15rem !important; padding-bottom: 4.5rem !important; } } @media (max-width: 767.98px) { html:not([lang^="fa"]) .container-header .shada-header-logo--en { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: calc( 100vw - 1.5rem ) !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; } html:not([lang^="fa"]) .container-header .shada-header-logo--en > img { display: block !important; width: auto !important; max-width: min( 84vw, 17rem ) !important; height: 4.1rem !important; max-height: 4.1rem !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; object-fit: contain !important; transform: none !important; } .container-header .container-topbar { grid-template-rows: 7.25rem 4.75rem !important; min-height: 12rem !important; } .container-header #shada-language-selector-138 { align-self: start !important; box-sizing: border-box !important; width: min( 10.75rem, calc( 100vw - 2rem ) ) !important; max-width: calc( 100vw - 2rem ) !important; margin-top: 0.35rem !important; margin-bottom: 0 !important; } .container-header #shada-language-selector-138 > .shada-language-selector__menu { box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 14px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } .container-header #shada-language-selector-138 > .shada-language-selector__menu > li { display: block !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; list-style: none !important; } .container-header #shada-language-selector-138 > .shada-language-selector__toggle, .container-header #shada-language-selector-138 > .shada-language-selector__menu > li > a, .container-header #shada-language-selector-138 > .shada-language-selector__menu > li > button, .container-header #shada-language-selector-138 > .shada-language-selector__menu > a, .container-header #shada-language-selector-138 .shada-language-selector__option { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.38rem !important; box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 2.85rem !important; min-height: 2.85rem !important; max-height: 2.85rem !important; margin: 0 !important; padding: 0.3rem 0.65rem !important; border: 1.5px solid rgba( 0, 132, 137, 0.78 ) !important; border-radius: 14px !important; background: #fff !important; color: #087d82 !important; font-size: 0.92rem !important; font-weight: 700 !important; line-height: 1.1 !important; text-decoration: none !important; white-space: nowrap !important; opacity: 1 !important; visibility: visible !important; box-shadow: 0 0 0 2px rgba( 0, 132, 137, 0.10 ) !important; transform: none !important; } html[lang^="fa"] .container-header #shada-language-selector-138 > .shada-language-selector__toggle, html[lang^="fa"] .container-header #shada-language-selector-138 > .shada-language-selector__menu > li > a, html[lang^="fa"] .container-header #shada-language-selector-138 .shada-language-selector__option { font-family: "ShadaIRANSans", Arial, sans-serif !important; } .container-header #shada-language-selector-138 > .shada-language-selector__toggle img, .container-header #shada-language-selector-138 > .shada-language-selector__menu img { display: block !important; flex: 0 0 1.95rem !important; box-sizing: border-box !important; width: 1.95rem !important; min-width: 1.95rem !important; max-width: 1.95rem !important; height: 1.28rem !important; min-height: 1.28rem !important; max-height: 1.28rem !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba( 0, 0, 0, 0.14 ) !important; border-radius: 0.12rem !important; object-fit: cover !important; box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.14 ) !important; } .container-header .container-topbar:has( #shada-language-selector-138 > .shada-language-selector__menu:not([hidden]) ), .container-header .container-topbar:has( #shada-language-selector-138 .shada-language-selector__toggle[ aria-expanded="true" ] ) { min-height: 14.75rem !important; padding-bottom: 2.5rem !important; } } html[lang^="fa"] .container-bottom-a { direction: ltr !important; unicode-bidi: isolate !important; } html[lang^="fa"] .container-bottom-a > *, html[lang^="fa"] .container-bottom-a .mod-custom, html[lang^="fa"] .container-bottom-a .custom { direction: ltr !important; unicode-bidi: isolate !important; } html[lang^="fa"] .container-bottom-a form, html[lang^="fa"] .container-bottom-a label, html[lang^="fa"] .container-bottom-a input, html[lang^="fa"] .container-bottom-a textarea, html[lang^="fa"] .container-bottom-a select, html[lang^="fa"] .container-bottom-a option, html[lang^="fa"] .container-bottom-a button { direction: ltr !important; unicode-bidi: isolate !important; } html[lang^="fa"] .container-bottom-a input, html[lang^="fa"] .container-bottom-a textarea, html[lang^="fa"] .container-bottom-a select { text-align: left !important; } html[lang^="fa"] .container-bottom-a a[href^="tel:"], html[lang^="fa"] .container-bottom-a a[href^="mailto:"], html[lang^="fa"] .container-bottom-a input[type="email"], html[lang^="fa"] .container-bottom-a input[type="tel"] { direction: ltr !important; unicode-bidi: isolate !important; } @media (max-width: 767.98px) { html body .container-header .container-topbar #shada-language-selector-138 { --shada-language-compact-width: 10.75rem; --shada-language-compact-height: 2.85rem; --shada-language-compact-radius: 14px; box-sizing: border-box !important; position: relative !important; width: var(--shada-language-compact-width) !important; min-width: var(--shada-language-compact-width) !important; max-width: var(--shada-language-compact-width) !important; inline-size: var(--shada-language-compact-width) !important; min-inline-size: var(--shada-language-compact-width) !important; max-inline-size: var(--shada-language-compact-width) !important; justify-self: end !important; margin-top: 0.35rem !important; margin-right: 0 !important; margin-left: 0 !important; overflow: visible !important; } html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__toggle, html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu { box-sizing: border-box !important; width: var(--shada-language-compact-width) !important; min-width: var(--shada-language-compact-width) !important; max-width: var(--shada-language-compact-width) !important; inline-size: var(--shada-language-compact-width) !important; min-inline-size: var(--shada-language-compact-width) !important; max-inline-size: var(--shada-language-compact-width) !important; height: var(--shada-language-compact-height) !important; min-height: var(--shada-language-compact-height) !important; max-height: var(--shada-language-compact-height) !important; block-size: var(--shada-language-compact-height) !important; min-block-size: var(--shada-language-compact-height) !important; max-block-size: var(--shada-language-compact-height) !important; margin: 0 !important; padding: 0 !important; border: 2px solid rgba(0, 131, 134, 0.48) !important; border-radius: var(--shada-language-compact-radius) !important; background: #ffffff !important; transform: none !important; } html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__toggle { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.42rem !important; padding: 0 0.75rem !important; overflow: hidden !important; box-shadow: 0 0 0 0.3rem rgba(0, 131, 134, 0.10) !important; } html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu { position: absolute !important; top: calc( var(--shada-language-compact-height) + 0.35rem ) !important; right: 0 !important; bottom: auto !important; left: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; overflow: hidden !important; box-shadow: 0 0.35rem 0.9rem rgba(17, 59, 62, 0.15) !important; z-index: 13000 !important; } html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu[hidden] { display: none !important; } html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu > li { box-sizing: border-box !important; display: block !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; list-style: none !important; overflow: hidden !important; } html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu > li > a, html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu > li > button, html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu .shada-language-selector__option { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.42rem !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 0.75rem !important; border: 0 !important; border-radius: calc( var(--shada-language-compact-radius) - 2px ) !important; background: #ffffff !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; transform: none !important; } html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__toggle img, html body .container-header .container-topbar #shada-language-selector-138 > .shada-language-selector__menu img { box-sizing: border-box !important; display: block !important; width: 1.95rem !important; min-width: 1.95rem !important; max-width: 1.95rem !important; height: 1.28rem !important; min-height: 1.28rem !important; max-height: 1.28rem !important; flex: 0 0 1.95rem !important; object-fit: cover !important; border-radius: 0.18rem !important; } html body .container-header .container-topbar #shada-language-selector-138 .shada-language-selector__label { font-size: 1rem !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; } } body.shada-guide-810-page .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"] { --shada-guide-border: #d9dee3; --shada-guide-soft: #f5f8fa; --shada-guide-primary: var(--cassiopeia-color-primary, #0f6b6d); } body.shada-guide-810-page .shada-guide-progress { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block: 0 1rem; padding: 0.8rem 1rem; border: 1px solid var(--shada-guide-border); border-radius: 0.5rem; background: var(--shada-guide-soft); } body.shada-guide-810-page .shada-guide-progress-text { font-weight: 700; } body.shada-guide-810-page .shada-guide-view-toggle { border: 0; background: transparent; color: var(--shada-guide-primary); font: inherit; text-decoration: underline; cursor: pointer; } body.shada-guide-810-page .shada-guide-controls { display: flex; justify-content: space-between; gap: 0.75rem; margin-block-start: 1rem; } body.shada-guide-810-page .shada-guide-control { padding: 0.65rem 1rem; border: 1px solid var(--shada-guide-primary); border-radius: 0.35rem; background: #fff; color: var(--shada-guide-primary); font: inherit; cursor: pointer; } body.shada-guide-810-page .shada-guide-control:hover, body.shada-guide-810-page .shada-guide-control:focus { background: var(--shada-guide-primary); color: #fff; } body.shada-guide-810-page .shada-guide-control[disabled] { opacity: 0.45; cursor: not-allowed; } body.shada-guide-810-page .shada-guide-mobile-heading { display: none; } @media (min-width: 992px) { body.shada-guide-810-page .shada-native-tabs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 19rem); gap: 1.5rem; align-items: start; } body.shada-guide-810-page .shada-native-tablist { grid-column: 2; grid-row: 1 / span 20; position: sticky; top: 1rem; display: flex; flex-direction: column; max-height: calc(100vh - 2rem); margin: 0; padding: 0.75rem; overflow-y: auto; overflow-x: hidden; border: 1px solid var(--shada-guide-border); border-radius: 0.55rem; background: #fff; } body.shada-guide-810-page .shada-native-tab { width: 100%; text-align: right; white-space: normal; } body.shada-guide-810-page .shada-native-tabpanel { grid-column: 1; min-width: 0; } body.shada-guide-810-page .shada-guide-progress, body.shada-guide-810-page .shada-guide-controls { grid-column: 1; } body.shada-guide-810-page.shada-guide-show-all .shada-native-tabpanel { display: block !important; margin-block-end: 1.25rem; } body.shada-guide-810-page.shada-guide-show-all .shada-native-tablist { align-self: start; } } @media (max-width: 991.98px) { body.shada-guide-810-page .shada-native-tablist { display: none; } body.shada-guide-810-page .shada-guide-mobile-heading { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; margin-block: 0.6rem; padding: 0.8rem 1rem; border: 1px solid var(--shada-guide-border); border-radius: 0.45rem; background: #fff; color: var(--shada-guide-primary); font: inherit; font-weight: 700; text-align: right; cursor: pointer; } body.shada-guide-810-page .shada-guide-mobile-heading::after { content: "＋"; flex: 0 0 auto; font-size: 1.15rem; } body.shada-guide-810-page .shada-guide-mobile-heading[aria-expanded="true"] { background: var(--shada-guide-primary); color: #fff; } body.shada-guide-810-page .shada-guide-mobile-heading[aria-expanded="true"]::after { content: "−"; } body.shada-guide-810-page .shada-native-tabpanel { margin-block-end: 0.75rem; } body.shada-guide-810-page.shada-guide-show-all .shada-native-tabpanel { display: block !important; } body.shada-guide-810-page.shada-guide-show-all .shada-guide-mobile-heading { display: none; } } body.shada-guide-810-page .shada-native-tabpanel > .shada-native-media-link { margin-block-end: 1.35rem; } body.shada-guide-810-page .shada-native-tab-content > :first-child { margin-block-start: 0; } body.shada-guide-810-page .shada-native-tab-content > h2:first-child, body.shada-guide-810-page .shada-native-tab-content > h3:first-child, body.shada-guide-810-page .shada-native-tab-content > h4:first-child { padding-block-start: 0.25rem; } body.shada-guide-810-page .shada-table-wrap { width: 100%; margin-block: 1.25rem; overflow-x: auto; border: 1px solid #d9dee3; border-radius: 0.5rem; background: #fff; -webkit-overflow-scrolling: touch; } body.shada-guide-810-page .shada-semantic-table { width: 100%; min-width: 46rem; border-collapse: collapse; border-spacing: 0; } body.shada-guide-810-page .shada-semantic-table caption { padding: 0.9rem 1rem; background: var(--cassiopeia-color-primary, #0f6b6d); color: #fff; font-weight: 700; text-align: start; } body.shada-guide-810-page .shada-semantic-table th, body.shada-guide-810-page .shada-semantic-table td { padding: 0.75rem 0.8rem; border-block-end: 1px solid #d9dee3; border-inline-end: 1px solid #e7ebee; vertical-align: top; } body.shada-guide-810-page .shada-semantic-table thead th { background: #eef4f4; font-weight: 700; } body.shada-guide-810-page .shada-semantic-table tbody th { background: #f8fafb; font-weight: 600; } body.shada-guide-810-page .shada-semantic-table tbody tr:last-child > * { border-block-end: 0; } body.shada-guide-810-page .shada-english-test-tables { direction: ltr; unicode-bidi: isolate; text-align: left; } body.shada-guide-810-page .shada-english-test-table th:not(:first-child), body.shada-guide-810-page .shada-english-test-table td { text-align: center; } body.shada-guide-810-page .shada-table-intro { margin-block-start: 1.25rem; font-size: 1.08rem; } @media (max-width: 767.98px) { body.shada-guide-810-page .shada-table-wrap { border: 0; overflow: visible; background: transparent; } body.shada-guide-810-page .shada-semantic-table { min-width: 0; } body.shada-guide-810-page .shada-semantic-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } body.shada-guide-810-page .shada-semantic-table, body.shada-guide-810-page .shada-semantic-table tbody, body.shada-guide-810-page .shada-semantic-table tr, body.shada-guide-810-page .shada-semantic-table th, body.shada-guide-810-page .shada-semantic-table td { display: block; width: 100%; } body.shada-guide-810-page .shada-semantic-table caption { display: block; border-radius: 0.45rem 0.45rem 0 0; } body.shada-guide-810-page .shada-semantic-table tr { margin-block-end: 1rem; border: 1px solid #d9dee3; border-radius: 0.45rem; background: #fff; overflow: hidden; } body.shada-guide-810-page .shada-semantic-table tbody th { background: #eef4f4; } body.shada-guide-810-page .shada-semantic-table th, body.shada-guide-810-page .shada-semantic-table td { border-inline-end: 0; text-align: start; } body.shada-guide-810-page .shada-english-test-table td::before { display: inline-block; min-width: 6.5rem; margin-inline-end: 0.5rem; font-weight: 700; } body.shada-guide-810-page .shada-english-test-table td:nth-of-type(1)::before { content: "Listening"; } body.shada-guide-810-page .shada-english-test-table td:nth-of-type(2)::before { content: "Reading"; } body.shada-guide-810-page .shada-english-test-table td:nth-of-type(3)::before { content: "Writing"; } body.shada-guide-810-page .shada-english-test-table td:nth-of-type(4)::before { content: "Speaking"; } body.shada-guide-810-page .shada-english-test-table th, body.shada-guide-810-page .shada-english-test-table td { text-align: left; } body.shada-guide-810-page .shada-fee-table td::before { display: block; margin-block-end: 0.25rem; font-weight: 700; } body.shada-guide-810-page .shada-fee-table td:nth-of-type(1)::before { content: "متقاضی اصلی"; } body.shada-guide-810-page .shada-fee-table td:nth-of-type(2)::before { content: "عضو خانواده ۱۸ سال یا بیشتر"; } body.shada-guide-810-page .shada-fee-table td:nth-of-type(3)::before { content: "عضو خانواده زیر ۱۸ سال"; } } body.shada-guide-810-page .shada-guide-table-title { margin-block: 1.65rem 0.8rem; font-size: clamp(1.4rem, 2vw, 1.85rem); line-height: 1.35; font-weight: 800; } body.shada-guide-810-page .shada-english-test-table a, body.shada-guide-810-page .shada-functional-english-table a { font-weight: 700; text-decoration-thickness: 0.08em; text-underline-offset: 0.16em; } body.shada-guide-810-page .shada-functional-english-section { margin-block-start: 2rem; } body.shada-guide-810-page .shada-functional-english-table { min-width: 42rem; } body.shada-guide-810-page .shada-points-test-table { min-width: 52rem; } body.shada-guide-810-page .shada-points-test-table th:first-child { width: 24%; } body.shada-guide-810-page .shada-points-value { width: 6rem; text-align: center; font-weight: 800; white-space: nowrap; } @media (max-width: 767.98px) { body.shada-guide-810-page .shada-guide-table-title { font-size: 1.4rem; } body.shada-guide-810-page .shada-functional-english-table, body.shada-guide-810-page .shada-points-test-table { min-width: 0; } body.shada-guide-810-page .shada-functional-english-table td::before { content: "Minimum overall score"; display: block; margin-block-end: 0.25rem; font-weight: 700; } body.shada-guide-810-page .shada-points-test-table td:nth-of-type(1)::before { content: "شرط"; display: block; margin-block-end: 0.25rem; font-weight: 700; } body.shada-guide-810-page .shada-points-test-table td:nth-of-type(2)::before { content: "امتیاز"; display: block; margin-block-end: 0.25rem; font-weight: 700; } } body.shada-guide-810-page .shada-english-test-tables { direction: rtl; text-align: right; } body.shada-guide-810-page .shada-english-test-tables > .shada-guide-table-title, body.shada-guide-810-page .shada-english-test-tables > p[lang="en"], body.shada-guide-810-page .shada-english-test-tables > .shada-table-wrap[lang="en"] { direction: ltr; text-align: left; } body.shada-guide-810-page .shada-functional-english-section, body.shada-guide-810-page .shada-functional-english-section p, body.shada-guide-810-page .shada-english-test-tables > .shada-info-panel[lang="fa"] { direction: rtl; unicode-bidi: isolate; text-align: right; } body.shada-guide-810-page .shada-functional-english-section .shada-guide-table-title { text-align: right; } body.shada-guide-810-page .shada-points-test-table th:first-child { width: 32%; min-width: 17rem; } body.shada-guide-810-page .shada-points-test-table td:nth-child(2) { width: auto; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-age > * { background: #eef6fb; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-english > * { background: #edf7f0; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-overseas > * { background: #fff6e8; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-australian > * { background: #f4effb; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-qualification > * { background: #fdf1f4; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-study > * { background: #eef8f7; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-professional > *, body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-community > * { background: #f7f7ec; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-regional > * { background: #edf5f9; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-partner > * { background: #faf1e9; } body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-nomination > * { background: #edf4ec; } body.shada-guide-810-page .shada-points-test-table tbody th { font-weight: 750; } @media (max-width: 767.98px) { body.shada-guide-810-page .shada-points-test-table th:first-child { width: 100%; min-width: 0; } } .shada-english-reference-page { max-width: 76rem; margin-inline: auto; color: #17242b; } .shada-english-reference-page .shada-english-hero { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid #d8e5e6; border-radius: 1rem; background: linear-gradient(135deg, #eef8f8 0%, #ffffff 70%); } .shada-english-reference-page .shada-eyebrow, .shada-english-reference-page .shada-level-kicker { margin: 0 0 0.4rem; color: #0f7377; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .shada-english-reference-page .shada-english-hero h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.08; } .shada-english-reference-page .shada-hero-lead { max-width: 58rem; margin-block: 1rem; font-size: clamp(1.05rem, 1.7vw, 1.3rem); } .shada-english-reference-page .shada-update-banner { margin-block-start: 1.25rem; padding: 1rem 1.1rem; border-inline-start: 0.35rem solid #0f7377; border-radius: 0.4rem; background: #fff; } .shada-english-reference-page .shada-level-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem; margin-block: 1.25rem 2rem; } .shada-english-reference-page .shada-level-nav a { display: flex; min-height: 6rem; padding: 1rem; border: 1px solid #d6dfe3; border-radius: 0.7rem; background: #fff; color: inherit; flex-direction: column; justify-content: center; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; } .shada-english-reference-page .shada-level-nav a:hover, .shada-english-reference-page .shada-level-nav a:focus-visible { transform: translateY(-2px); box-shadow: 0 0.45rem 1.2rem rgba(19, 54, 65, 0.12); } .shada-english-reference-page .shada-level-nav span { margin-block-start: 0.25rem; color: #566970; font-size: 0.88rem; } .shada-english-reference-page .shada-reference-intro, .shada-english-reference-page .shada-reference-notes, .shada-english-reference-page .shada-official-source { margin-block: 2rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid #dbe3e6; border-radius: 0.8rem; background: #fff; } .shada-english-reference-page .shada-english-level { margin-block: 2rem; padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid #d8e1e4; border-top-width: 0.45rem; border-radius: 0.8rem; background: #fff; } .shada-english-reference-page .shada-tone-slate { border-top-color: #5a6870; } .shada-english-reference-page .shada-tone-amber { border-top-color: #bc7b16; } .shada-english-reference-page .shada-tone-green { border-top-color: #2b8554; } .shada-english-reference-page .shada-tone-blue { border-top-color: #2876a8; } .shada-english-reference-page .shada-tone-purple { border-top-color: #7552a3; } .shada-english-reference-page .shada-level-header { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; } .shada-english-reference-page .shada-level-header h2 { margin: 0; font-size: clamp(1.5rem, 2.5vw, 2.15rem); } .shada-english-reference-page .shada-level-badge { display: inline-flex; padding: 0.45rem 0.75rem; border-radius: 999px; background: #edf3f4; font-weight: 800; white-space: nowrap; } .shada-english-reference-page .shada-reference-table-wrap { width: 100%; margin-block-start: 1.25rem; overflow-x: auto; border: 1px solid #d7e0e3; border-radius: 0.65rem; -webkit-overflow-scrolling: touch; } .shada-english-reference-page .shada-reference-table { width: 100%; min-width: 47rem; border-collapse: collapse; } .shada-english-reference-page .shada-reference-table caption { padding: 0.85rem 1rem; background: #243d46; color: #fff; font-size: 1.02rem; font-weight: 800; text-align: left; } .shada-english-reference-page .shada-reference-table th, .shada-english-reference-page .shada-reference-table td { padding: 0.72rem 0.8rem; border-block-end: 1px solid #dbe3e6; border-inline-end: 1px solid #e7ecee; vertical-align: top; } .shada-english-reference-page .shada-reference-table thead th { background: #edf3f4; font-weight: 800; } .shada-english-reference-page .shada-reference-table tbody th { background: #f8fafb; font-weight: 700; text-align: left; } .shada-english-reference-page .shada-reference-table td { text-align: center; } .shada-english-reference-page .shada-reference-table a { font-weight: 700; text-decoration-thickness: 0.08em; text-underline-offset: 0.16em; } .shada-english-reference-page .shada-functional-table td { text-align: left; } .shada-english-reference-page .shada-primary-link { display: inline-flex; padding: 0.75rem 1rem; border-radius: 0.45rem; background: #0f7377; color: #fff; font-weight: 800; text-decoration: none; } @media (max-width: 900px) { .shada-english-reference-page .shada-level-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .shada-english-reference-page .shada-level-nav { grid-template-columns: 1fr; } .shada-english-reference-page .shada-level-nav a { min-height: auto; } .shada-english-reference-page .shada-level-header { flex-direction: column; } .shada-english-reference-page .shada-reference-table { min-width: 42rem; } } .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] { direction: ltr; } body:not(.shada-guide-825-page) .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] > .shada-native-tabs > .shada-native-tablist { visibility: hidden; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] { --shada-guide-825-border: #b8d6d8; --shada-guide-825-border-soft: #d9e8e9; --shada-guide-825-soft: #eef7f7; --shada-guide-825-softest: #f8fbfb; --shada-guide-825-primary: #0f777c; --shada-guide-825-primary-dark: #095e62; --shada-guide-825-text: #1f2d33; direction: ltr; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabs, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tablist, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabpanel, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab-content, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-table-wrap, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] table { direction: ltr; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab-content, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab-content p, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab-content li, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab-content h2, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab-content h3, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab-content h4, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] th, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] td, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] caption { text-align: left; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabpanel[hidden] { display: none !important; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-media-link { display: block; width: min(100%, 600px); margin: 0 auto 1.15rem; padding: 0.35rem; overflow: hidden; border: 1px solid var(--shada-guide-825-border-soft); border-radius: 0.9rem; background: #fff; box-shadow: 0 0.5rem 1.35rem rgba(24, 55, 58, 0.13); } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-media { display: block; width: 100%; overflow: hidden; border-radius: 0.65rem; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-media img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0.65rem; } body.shada-guide-825-page .shada-guide-825-section-title { margin: 0 0 1rem; padding: 0 0 0.65rem; border-bottom: 2px solid var(--shada-guide-825-primary); color: #173238; font-size: clamp(1.25rem, 1.8vw, 1.65rem); line-height: 1.25; text-align: left; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel { margin-block: 1.15rem; padding: 1.25rem 1.4rem; border: 0; border-left: 5px solid var(--shada-guide-825-primary); border-radius: 0.65rem; background: var(--shada-guide-825-soft); color: var(--shada-guide-825-text); box-shadow: none; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel p:first-child { margin-top: 0; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel p:last-child { margin-bottom: 0; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel a { color: var(--shada-guide-825-primary-dark); font-weight: 700; text-decoration: underline; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel a:hover, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel a:focus-visible { color: #063f42; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-guide-review { position: relative; padding-top: 3rem; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-guide-review::before { content: "Review note"; position: absolute; top: 1rem; left: 1.4rem; color: var(--shada-guide-825-primary-dark); font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel-warning { border-left-color: #c88b18; background: #fff8e8; color: #3e3219; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-info-panel-warning a { color: #8a5d09; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-points-table-section, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-english-test-tables, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-functional-english-section { margin-block: 1.35rem; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-guide-table-title { margin: 0 0 0.65rem; color: #173238; font-size: clamp(1.08rem, 1.45vw, 1.3rem); line-height: 1.3; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-table-wrap { width: 100%; margin-block: 1rem 1.25rem; overflow-x: auto; border: 1px solid var(--shada-guide-825-border); border-radius: 0.65rem; background: #fff; box-shadow: 0 0.3rem 0.9rem rgba(24, 55, 58, 0.08); -webkit-overflow-scrolling: touch; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table { width: 100%; min-width: 690px; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; background: #fff; color: var(--shada-guide-825-text); font-size: 0.96rem; line-height: 1.4; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table caption { caption-side: top; margin: 0; padding: 0.9rem 1rem; border-bottom: 1px solid var(--shada-guide-825-border); background: var(--shada-guide-825-soft); color: var(--shada-guide-825-primary-dark); font-weight: 800; text-align: left; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table th, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table td { padding: 0.72rem 0.82rem; border: 0; border-right: 1px solid var(--shada-guide-825-border-soft); border-bottom: 1px solid var(--shada-guide-825-border-soft); vertical-align: top; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table tr > :last-child { border-right: 0; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table tbody tr:last-child > * { border-bottom: 0; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table thead th { border-color: rgba(255, 255, 255, 0.24); background: var(--shada-guide-825-primary); color: #fff; font-weight: 800; text-align: left; white-space: nowrap; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table tbody th[scope="row"] { background: #f1f7f7; color: #173238; font-weight: 750; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table tbody tr:nth-child(even) td { background: #fafcfc; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table tbody tr:hover td, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table tbody tr:hover th[scope="row"] { background: #edf7f7; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-points-value, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-points-test-table td:last-child { width: 5.5rem; color: var(--shada-guide-825-primary-dark); font-weight: 800; text-align: center; white-space: nowrap; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-fee-table th:last-child, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-fee-table td:last-child { text-align: right; white-space: nowrap; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-english-test-table th:not(:first-child), body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-english-test-table td:not(:first-child), body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-functional-english-table th:not(:first-child), body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-functional-english-table td:not(:first-child) { text-align: center; } body.shada-guide-825-page .shada-guide-825-progress { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block: 0 1rem; padding: 0.8rem 1rem; border: 1px solid var(--shada-guide-825-border); border-radius: 0.5rem; background: var(--shada-guide-825-soft); } body.shada-guide-825-page .shada-guide-825-progress-text { color: #173238; font-weight: 700; } body.shada-guide-825-page .shada-guide-825-view-toggle { border: 0; background: transparent; color: var(--shada-guide-825-primary); font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; } body.shada-guide-825-page .shada-guide-825-controls { display: flex; justify-content: space-between; gap: 0.75rem; margin-block-start: 1rem; } body.shada-guide-825-page .shada-guide-825-control { padding: 0.65rem 1rem; border: 1px solid var(--shada-guide-825-primary); border-radius: 0.35rem; background: #fff; color: var(--shada-guide-825-primary); font: inherit; font-weight: 700; cursor: pointer; } body.shada-guide-825-page .shada-guide-825-control:hover, body.shada-guide-825-page .shada-guide-825-control:focus-visible { background: var(--shada-guide-825-primary); color: #fff; } body.shada-guide-825-page .shada-guide-825-control[disabled] { opacity: 0.45; cursor: not-allowed; } body.shada-guide-825-page .shada-guide-825-mobile-heading { display: none; } @media (min-width: 992px) { body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(22rem, 24rem); gap: 1.5rem; align-items: start; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tablist { grid-column: 2; grid-row: 1 / span 20; position: sticky; top: 1rem; display: flex; flex-direction: column; gap: 0.42rem; max-height: calc(100vh - 2rem); margin: 0; padding: 0.8rem; overflow-y: auto; overflow-x: hidden; border: 1px solid var(--shada-guide-825-border); border-radius: 0.55rem; background: #fff; visibility: visible; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab { display: block; width: 100%; margin: 0; padding: 0.68rem 0.8rem; border: 1px solid var(--shada-guide-825-primary) !important; border-radius: 0.4rem !important; background: #fff !important; color: var(--shada-guide-825-primary-dark) !important; font-family: ShadaRoboto, Roboto, Arial, sans-serif; font-size: 15.12px; font-weight: 650; line-height: 20.412px; letter-spacing: normal; text-align: left !important; white-space: nowrap !important; cursor: pointer; box-shadow: none !important; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab:hover, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab:focus-visible { border-color: var(--shada-guide-825-primary-dark) !important; background: var(--shada-guide-825-soft) !important; color: var(--shada-guide-825-primary-dark) !important; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab.is-active, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tab[ aria-selected="true" ] { border-color: var(--shada-guide-825-primary) !important; background: var(--shada-guide-825-primary) !important; color: #fff !important; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabpanel { grid-column: 1; min-width: 0; } body.shada-guide-825-page .shada-guide-825-progress, body.shada-guide-825-page .shada-guide-825-controls { grid-column: 1; } body.shada-guide-825-page.shada-guide-825-show-all .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabpanel { display: block !important; margin-block-end: 1.25rem; } body.shada-guide-825-page.shada-guide-825-show-all .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tablist { align-self: start; } } @media (max-width: 991.98px) { body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tablist { display: none; visibility: visible; } body.shada-guide-825-page .shada-guide-825-mobile-heading { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; margin-block: 0.6rem; padding: 0.8rem 1rem; border: 1px solid var(--shada-guide-825-primary); border-radius: 0.45rem; background: #fff; color: var(--shada-guide-825-primary-dark); font: inherit; font-weight: 700; text-align: left; cursor: pointer; } body.shada-guide-825-page .shada-guide-825-mobile-heading::after { content: "+"; flex: 0 0 auto; font-size: 1.15rem; } body.shada-guide-825-page .shada-guide-825-mobile-heading[ aria-expanded="true" ] { background: var(--shada-guide-825-primary); color: #fff; } body.shada-guide-825-page .shada-guide-825-mobile-heading[ aria-expanded="true" ]::after { content: "−"; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-media-link { width: min(100%, 34rem); padding: 0.25rem; border-radius: 0.7rem; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-table-wrap { border-radius: 0.5rem; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table { min-width: 640px; font-size: 0.9rem; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table th, body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-semantic-table td { padding: 0.62rem 0.68rem; } body.shada-guide-825-page .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabpanel { margin-block-end: 0.75rem; } body.shada-guide-825-page.shada-guide-825-show-all .shada-native-widget-switcher[ aria-label="Australian Skilled Migration Guide" ] .shada-native-tabpanel { display: block !important; } body.shada-guide-825-page.shada-guide-825-show-all .shada-guide-825-mobile-heading { display: none; } } body.shada-guide-810-page .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"] .shada-native-media-link { display: block; width: min(100%, 600px); margin: 0 auto 1.15rem; padding: 0.35rem; overflow: hidden; border: 1px solid #d9e8e9; border-radius: 0.9rem; background: #fff; box-shadow: 0 0.5rem 1.35rem rgba(24, 55, 58, 0.13); } body.shada-guide-810-page .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"] .shada-native-media { display: block; width: 100%; overflow: hidden; border-radius: 0.65rem; } body.shada-guide-810-page .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"] .shada-native-media img { display: block; width: 100%; height: auto; margin: 0; object-fit: contain; border-radius: 0.65rem; } body.shada-guide-810-page .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"] .shada-guide-810-section-title { direction: rtl; margin: 0 0 1rem; padding: 0 0 0.65rem; border-bottom: 2px solid #0f777c; color: #173238; font-size: clamp(1.25rem, 1.8vw, 1.65rem); font-weight: 700; line-height: 1.45; text-align: right; } @media (max-width: 991.98px) { body.shada-guide-810-page .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"] .shada-native-media-link { width: min(100%, 34rem); padding: 0.25rem; border-radius: 0.7rem; } } html[lang^="fa"] .shada-check-list, html[dir="rtl"] .shada-check-list, .farsi .shada-check-list { direction: rtl !important; text-align: right !important; list-style: none !important; padding-right: 0 !important; padding-left: 0 !important; } html[lang^="fa"] .shada-check-list > li, html[dir="rtl"] .shada-check-list > li, .farsi .shada-check-list > li { position: relative !important; display: block !important; direction: rtl !important; text-align: right !important; list-style: none !important; padding-right: 1.75rem !important; padding-left: 0 !important; } html[lang^="fa"] .shada-check-list > li::before, html[dir="rtl"] .shada-check-list > li::before, .farsi .shada-check-list > li::before { position: absolute !important; right: 0 !important; left: auto !important; top: 0.05em !important; margin: 0 !important; transform: none !important; float: none !important; } @media (min-width: 992px) { .container-header .shada-desktop-menu-shell { display: grid !important; grid-template-columns: minmax(0, 1fr) 52px !important; align-items: center !important; column-gap: clamp(18px, 2vw, 30px) !important; width: 100% !important; max-width: 1280px !important; height: 58px !important; min-height: 58px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; } .container-header .shada-desktop-menu-shell > ul#mod-menu1.mod-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 58px !important; min-height: 58px !important; gap: clamp(14px, 1.75vw, 28px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .container-header .shada-desktop-menu-shell > ul#mod-menu1.mod-menu > li.nav-item { flex: 0 0 auto !important; } .container-header .shada-desktop-menu-shell > ul#mod-menu1.mod-menu > li.nav-item > a, .container-header .shada-desktop-menu-shell > ul#mod-menu1.mod-menu > li.nav-item > span { font-size: clamp(17px, 1.55vw, 19px) !important; } .container-header .shada-desktop-menu-shell > .shada-menu-search-slot { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 52px !important; min-width: 52px !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; position: relative !important; inset: auto !important; } .container-header .shada-desktop-menu-shell > .shada-menu-search-slot > #shada-search-toggle.shada-search-trigger-in-menu { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 !important; position: static !important; inset: auto !important; transform: none !important; border-radius: 999px !important; background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.30) !important; line-height: 1 !important; opacity: 1 !important; } .container-header .shada-desktop-menu-shell > .shada-menu-search-slot > #shada-search-toggle:hover, .container-header .shada-desktop-menu-shell > .shada-menu-search-slot > #shada-search-toggle:focus { background: rgba(255,255,255,.20) !important; border-color: rgba(255,255,255,.42) !important; outline: none !important; } .container-header .shada-desktop-menu-shell > .shada-menu-search-slot #shada-search-icon { display: block !important; width: 22px !important; height: 22px !important; position: static !important; inset: auto !important; transform: none !important; filter: brightness(0) invert(1) !important; opacity: 1 !important; } } @media (max-width: 991.98px) { .container-header .shada-desktop-menu-shell { display: none !important; } } @media (min-width: 992px) { .container-header .container-nav .shada-desktop-menu-shell { display: grid !important; grid-template-columns: minmax(0, 1fr) 52px !important; grid-template-rows: 58px !important; align-items: center !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; overflow: visible !important; } .container-header .container-nav .shada-desktop-menu-shell > ul#mod-menu1.mod-menu { grid-column: 1 / 2 !important; grid-row: 1 !important; align-self: center !important; justify-self: stretch !important; min-width: 0 !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; transform: none !important; } .container-header .container-nav .shada-desktop-menu-shell > .shada-menu-search-slot { grid-column: 2 / 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; inset: auto !important; transform: none !important; overflow: visible !important; } .container-header .container-nav .shada-desktop-menu-shell > .shada-menu-search-slot > #shada-search-toggle.shada-search-trigger-in-menu { align-self: center !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; inset: auto !important; margin: 0 !important; transform: none !important; } .container-header .container-nav .shada-desktop-menu-shell > .shada-menu-search-slot #shada-search-icon { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; inset: auto !important; margin: 0 !important; transform: none !important; } } html body.com_dama.view-occupations .site-grid { display: grid !important; grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1280px) [main-end] minmax(0, 1fr) [full-end] !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } html body.com_dama.view-occupations .site-grid > .container-below-top, html body.com_dama.view-occupations .site-grid > .container-main-top, html body.com_dama.view-occupations .site-grid > .container-component, html body.com_dama.view-occupations .site-grid > .container-main-bottom { grid-column: main-start / main-end !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; justify-self: stretch !important; } html body.com_dama.view-occupations .container-component, html body.com_dama.view-occupations .container-component > main, html body.com_dama.view-occupations main[role="main"] { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; } html body.com_dama.view-occupations .dama-directory { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; margin-inline: auto !important; } html body.com_dama.view-occupations .dama-directory > *, html body.com_dama.view-occupations .dama-directory__hero, html body.com_dama.view-occupations .dama-directory__stats, html body.com_dama.view-occupations .dama-directory__filters, html body.com_dama.view-occupations .dama-directory__result-summary, html body.com_dama.view-occupations .dama-directory__results, html body.com_dama.view-occupations .dama-directory__pagination, html body.com_dama.view-occupations .dama-directory__notice { box-sizing: border-box !important; width: 100% !important; max-width: none !important; min-width: 0 !important; grid-column: 1 / -1 !important; } html body.com_dama.view-occupations .dama-directory__hero { display: block !important; } html body.com_dama.view-occupations .dama-directory__stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; } html body.com_dama.view-occupations .dama-directory__stats > * { display: block !important; box-sizing: border-box !important; width: auto !important; max-width: none !important; min-width: 0 !important; } html body.com_dama.view-occupations .dama-directory__filters { display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr) !important; gap: 1rem !important; align-items: end !important; } html body.com_dama.view-occupations .dama-directory__field, html body.com_dama.view-occupations .dama-directory__field input, html body.com_dama.view-occupations .dama-directory__field select { box-sizing: border-box !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } html body.com_dama.view-occupations .dama-directory__results { display: grid !important; grid-template-columns: 1fr !important; gap: 1rem !important; } html body.com_dama.view-occupations .dama-directory__occupation-card, html body.com_dama.view-occupations .dama-directory__card { box-sizing: border-box !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } @media (max-width: 1200px) { html body.com_dama.view-occupations .site-grid { grid-template-columns: [full-start] 1rem [main-start] minmax(0, 1fr) [main-end] 1rem [full-end] !important; } } @media (max-width: 760px) { html body.com_dama.view-occupations .site-grid { grid-template-columns: [full-start] .5rem [main-start] minmax(0, 1fr) [main-end] .5rem [full-end] !important; } html body.com_dama.view-occupations .dama-directory__stats, html body.com_dama.view-occupations .dama-directory__filters { grid-template-columns: 1fr !important; } } html body.com_dama.view-occupation .site-grid, html body.com_dama[class*="view-occupation"] .site-grid { display: grid !important; grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1280px) [main-end] minmax(0, 1fr) [full-end] !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } html body.com_dama.view-occupation .site-grid > .container-below-top, html body.com_dama.view-occupation .site-grid > .container-main-top, html body.com_dama.view-occupation .site-grid > .container-component, html body.com_dama.view-occupation .site-grid > .container-main-bottom, html body.com_dama[class*="view-occupation"] .site-grid > .container-below-top, html body.com_dama[class*="view-occupation"] .site-grid > .container-main-top, html body.com_dama[class*="view-occupation"] .site-grid > .container-component, html body.com_dama[class*="view-occupation"] .site-grid > .container-main-bottom { grid-column: main-start / main-end !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; justify-self: stretch !important; } html body.com_dama.view-occupation .container-component, html body.com_dama.view-occupation .container-component > main, html body.com_dama.view-occupation main[role="main"], html body.com_dama[class*="view-occupation"] .container-component, html body.com_dama[class*="view-occupation"] .container-component > main, html body.com_dama[class*="view-occupation"] main[role="main"] { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; } html body.com_dama.view-occupation .container-below-top, html body.com_dama.view-occupation .mod-breadcrumbs, html body.com_dama.view-occupation nav[aria-label*="Breadcrumb"], html body.com_dama.view-occupation .breadcrumb, html body.com_dama[class*="view-occupation"] .container-below-top, html body.com_dama[class*="view-occupation"] .mod-breadcrumbs, html body.com_dama[class*="view-occupation"] nav[aria-label*="Breadcrumb"], html body.com_dama[class*="view-occupation"] .breadcrumb { box-sizing: border-box !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; } html body.com_dama.view-occupation .breadcrumb, html body.com_dama[class*="view-occupation"] .breadcrumb { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: .35rem !important; } html body.com_dama.view-occupation .breadcrumb > *, html body.com_dama[class*="view-occupation"] .breadcrumb > * { display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; } html body.com_dama.view-occupation .dama-occupation, html body.com_dama.view-occupation .dama-occupation-detail, html body.com_dama.view-occupation .dama-detail, html body.com_dama.view-occupation .com-dama-occupation, html body.com_dama[class*="view-occupation"] .dama-occupation, html body.com_dama[class*="view-occupation"] .dama-occupation-detail, html body.com_dama[class*="view-occupation"] .dama-detail, html body.com_dama[class*="view-occupation"] .com-dama-occupation { box-sizing: border-box !important; display: block !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; margin-inline: auto !important; } html body.com_dama.view-occupation main[role="main"] > *, html body.com_dama[class*="view-occupation"] main[role="main"] > * { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; } html body.com_dama.view-occupation .dama-occupation > *, html body.com_dama.view-occupation .dama-occupation-detail > *, html body.com_dama.view-occupation .dama-detail > *, html body.com_dama[class*="view-occupation"] .dama-occupation > *, html body.com_dama[class*="view-occupation"] .dama-occupation-detail > *, html body.com_dama[class*="view-occupation"] .dama-detail > * { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; } @media (max-width: 1200px) { html body.com_dama.view-occupation .site-grid, html body.com_dama[class*="view-occupation"] .site-grid { grid-template-columns: [full-start] 1rem [main-start] minmax(0, 1fr) [main-end] 1rem [full-end] !important; } } @media (max-width: 760px) { html body.com_dama.view-occupation .site-grid, html body.com_dama[class*="view-occupation"] .site-grid { grid-template-columns: [full-start] .5rem [main-start] minmax(0, 1fr) [main-end] .5rem [full-end] !important; } html body.com_dama.view-occupation .breadcrumb, html body.com_dama[class*="view-occupation"] .breadcrumb { gap: .25rem !important; } } html body.com_dama.view-region .site-grid, html body.com_dama[class*="view-region"] .site-grid { display: grid !important; grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1280px) [main-end] minmax(0, 1fr) [full-end] !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } html body.com_dama.view-region .site-grid > .container-below-top, html body.com_dama.view-region .site-grid > .container-main-top, html body.com_dama.view-region .site-grid > .container-component, html body.com_dama.view-region .site-grid > .container-main-bottom, html body.com_dama[class*="view-region"] .site-grid > .container-below-top, html body.com_dama[class*="view-region"] .site-grid > .container-main-top, html body.com_dama[class*="view-region"] .site-grid > .container-component, html body.com_dama[class*="view-region"] .site-grid > .container-main-bottom { grid-column: main-start / main-end !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; justify-self: stretch !important; } html body.com_dama.view-region .container-component, html body.com_dama.view-region .container-component > main, html body.com_dama.view-region main[role="main"], html body.com_dama[class*="view-region"] .container-component, html body.com_dama[class*="view-region"] .container-component > main, html body.com_dama[class*="view-region"] main[role="main"] { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; } html body.com_dama.view-region .container-below-top, html body.com_dama.view-region .mod-breadcrumbs, html body.com_dama.view-region nav[aria-label*="Breadcrumb"], html body.com_dama.view-region .breadcrumb, html body.com_dama[class*="view-region"] .container-below-top, html body.com_dama[class*="view-region"] .mod-breadcrumbs, html body.com_dama[class*="view-region"] nav[aria-label*="Breadcrumb"], html body.com_dama[class*="view-region"] .breadcrumb { box-sizing: border-box !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; } html body.com_dama.view-region .breadcrumb, html body.com_dama[class*="view-region"] .breadcrumb { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: .35rem !important; } html body.com_dama.view-region .breadcrumb > *, html body.com_dama[class*="view-region"] .breadcrumb > * { display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; } html body.com_dama.view-region .dama-region, html body.com_dama.view-region .dama-region-detail, html body.com_dama.view-region .dama-detail, html body.com_dama.view-region .com-dama-region, html body.com_dama[class*="view-region"] .dama-region, html body.com_dama[class*="view-region"] .dama-region-detail, html body.com_dama[class*="view-region"] .dama-detail, html body.com_dama[class*="view-region"] .com-dama-region { box-sizing: border-box !important; display: block !important; width: 100% !important; max-width: 1280px !important; min-width: 0 !important; margin-inline: auto !important; } html body.com_dama.view-region main[role="main"] > *, html body.com_dama[class*="view-region"] main[role="main"] > * { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; } @media (max-width: 1200px) { html body.com_dama.view-region .site-grid, html body.com_dama[class*="view-region"] .site-grid { grid-template-columns: [full-start] 1rem [main-start] minmax(0, 1fr) [main-end] 1rem [full-end] !important; } } @media (max-width: 760px) { html body.com_dama.view-region .site-grid, html body.com_dama[class*="view-region"] .site-grid { grid-template-columns: [full-start] .5rem [main-start] minmax(0, 1fr) [main-end] .5rem [full-end] !important; } html body.com_dama.view-region .breadcrumb, html body.com_dama[class*="view-region"] .breadcrumb { gap: .25rem !important; } } .shada-occupation-heading-row { display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; width: 100%; } .shada-occupation-heading-row > h1 { flex: 1 1 auto; min-width: 0; margin-bottom: 0; } .shada-occupation-heading-row > .omnicat-occupation-hero__dama-row { flex: 0 0 auto; } .omnicat-occupation-hero__dama-row { display: flex; align-items: center; margin: 0; } .omnicat-occupation-hero__dama-tile { display: inline-flex; gap: 0.46rem; align-items: center; justify-content: center; min-height: 43px; max-width: 100%; padding: 0.52rem 0.66rem; border: 1px solid #cc8800; border-radius: 7px; color: #142f45; background: #efa500; font-size: 0.9375rem; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-decoration: none; box-shadow: 0 5px 14px rgba(20, 47, 69, 0.13); transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; } .omnicat-occupation-hero__dama-tile:hover, .omnicat-occupation-hero__dama-tile:focus { color: #10283a; background: #d99100; border-color: #b97800; text-decoration: none; box-shadow: 0 8px 18px rgba(20, 47, 69, 0.19); transform: translateY(-1px); } .omnicat-occupation-hero__dama-icon, .omnicat-occupation-hero__dama-arrow { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; color: currentColor; } .omnicat-occupation-hero__dama-icon { width: 20px; height: 20px; } .omnicat-occupation-hero__dama-arrow { width: 18px; height: 18px; margin-left: 0.08rem; transition: transform 0.18s ease; } .omnicat-occupation-hero__dama-icon svg, .omnicat-occupation-hero__dama-arrow svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; } .omnicat-occupation-hero__dama-text { min-width: 0; white-space: nowrap; } .omnicat-occupation-hero__dama-tile:hover .omnicat-occupation-hero__dama-arrow, .omnicat-occupation-hero__dama-tile:focus .omnicat-occupation-hero__dama-arrow { transform: translate(2px, -2px); } @media (max-width: 1040px) { .shada-occupation-heading-row { flex-wrap: wrap; gap: 0.85rem; } .shada-occupation-heading-row > .omnicat-occupation-hero__dama-row { flex-basis: 100%; } } @media (max-width: 480px) { .shada-occupation-heading-row { gap: 0.72rem; } .omnicat-occupation-hero__dama-tile { min-height: 40px; padding: 0.48rem 0.58rem; font-size: 0.875rem; } .omnicat-occupation-hero__dama-icon { width: 23px; height: 23px; } .omnicat-occupation-hero__dama-arrow { width: 17px; height: 17px; } } .omnicat-occupation-hero__dama-row[ data-shada-dama-heading-status="221111" ] { display: none; } .shada-occupation-heading-row > .omnicat-occupation-hero__dama-row[ data-shada-dama-heading-status="221111" ] { display: flex; } html body .mod-breadcrumbs, html body .breadcrumb, html body ol.mod-breadcrumbs, html body ol.breadcrumb { box-sizing: border-box !important; min-height: 0 !important; margin-block: 0 !important; padding-block: 6px !important; padding-inline: 12px !important; font-size: 14px !important; line-height: 1.35 !important; } html body .mod-breadcrumbs > *, html body .breadcrumb > *, html body .mod-breadcrumbs .mod-breadcrumbs__item, html body .breadcrumb .breadcrumb-item, html body .mod-breadcrumbs a, html body .breadcrumb a, html body .mod-breadcrumbs span, html body .breadcrumb span { font-size: 14px !important; line-height: 1.35 !important; } html body .mod-breadcrumbs > li + li::before, html body .breadcrumb > li + li::before, html body .breadcrumb-item + .breadcrumb-item::before { padding-inline: 0.3rem !important; font-size: 13px !important; } html body .mod-breadcrumbs .icon-location, html body .breadcrumb .icon-location, html body .mod-breadcrumbs .fa-location-dot, html body .breadcrumb .fa-location-dot, html body .mod-breadcrumbs .fa-map-marker-alt, html body .breadcrumb .fa-map-marker-alt, html body .mod-breadcrumbs svg:not(.shada-breadcrumb-home-icon), html body .breadcrumb svg:not(.shada-breadcrumb-home-icon) { width: 14px !important; height: 14px !important; font-size: 14px !important; line-height: 1 !important; } html[dir="rtl"] body .mod-breadcrumbs, html[dir="rtl"] body .breadcrumb { direction: rtl; text-align: right; } @media (max-width: 760px) { html body .mod-breadcrumbs, html body .breadcrumb, html body ol.mod-breadcrumbs, html body ol.breadcrumb { padding-block: 5px !important; padding-inline: 10px !important; font-size: 13px !important; line-height: 1.4 !important; } html body .mod-breadcrumbs > *, html body .breadcrumb > *, html body .mod-breadcrumbs .mod-breadcrumbs__item, html body .breadcrumb .breadcrumb-item, html body .mod-breadcrumbs a, html body .breadcrumb a, html body .mod-breadcrumbs span, html body .breadcrumb span { font-size: 13px !important; line-height: 1.4 !important; } html body .mod-breadcrumbs .icon-location, html body .breadcrumb .icon-location, html body .mod-breadcrumbs .fa-location-dot, html body .breadcrumb .fa-location-dot, html body .mod-breadcrumbs .fa-map-marker-alt, html body .breadcrumb .fa-map-marker-alt, html body .mod-breadcrumbs svg:not(.shada-breadcrumb-home-icon), html body .breadcrumb svg:not(.shada-breadcrumb-home-icon) { width: 13px !important; height: 13px !important; font-size: 13px !important; } } .mod-breadcrumbs.breadcrumb, ol.mod-breadcrumbs.breadcrumb { column-gap: 0 !important; row-gap: 0.1rem !important; } .mod-breadcrumbs.breadcrumb > li, ol.mod-breadcrumbs.breadcrumb > li { margin: 0 !important; padding: 0 !important; } .mod-breadcrumbs.breadcrumb > li > a, .mod-breadcrumbs.breadcrumb > li > span, ol.mod-breadcrumbs.breadcrumb > li > a, ol.mod-breadcrumbs.breadcrumb > li > span { display: inline-flex !important; align-items: center !important; line-height: 1.15 !important; } .mod-breadcrumbs.breadcrumb > li + li, ol.mod-breadcrumbs.breadcrumb > li + li { margin-inline-start: 0.24rem !important; } .mod-breadcrumbs.breadcrumb > li + li::before, ol.mod-breadcrumbs.breadcrumb > li + li::before { margin-inline: 0.22rem !important; padding: 0 !important; } .mod-breadcrumbs.breadcrumb > li:first-child > a, ol.mod-breadcrumbs.breadcrumb > li:first-child > a { gap: 0 !important; } .mod-breadcrumbs.breadcrumb > li:first-child > a::before, ol.mod-breadcrumbs.breadcrumb > li:first-child > a::before { margin-inline-end: 0.16rem !important; vertical-align: middle !important; position: relative !important; top: -0.01em !important; } @media (max-width: 767.98px) { .mod-breadcrumbs.breadcrumb > li + li, ol.mod-breadcrumbs.breadcrumb > li + li { margin-inline-start: 0.18rem !important; } .mod-breadcrumbs.breadcrumb > li + li::before, ol.mod-breadcrumbs.breadcrumb > li + li::before { margin-inline: 0.18rem !important; } .mod-breadcrumbs.breadcrumb > li:first-child > a::before, ol.mod-breadcrumbs.breadcrumb > li:first-child > a::before { margin-inline-end: 0.12rem !important; } } html body .mod-breadcrumbs, html body .breadcrumb, html body ol.mod-breadcrumbs, html body ol.breadcrumb { background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body .mod-breadcrumbs a, html body .breadcrumb a { color: #078b8d !important; text-decoration: none !important; } html body .mod-breadcrumbs a:hover, html body .breadcrumb a:hover { color: #056f72 !important; text-decoration: underline !important; text-underline-offset: 0.16em !important; } html body .mod-breadcrumbs .active, html body .breadcrumb .active, html body .mod-breadcrumbs [aria-current="page"], html body .breadcrumb [aria-current="page"] { color: #4b5158 !important; } html body .mod-breadcrumbs > li + li::before, html body .breadcrumb > li + li::before, html body .breadcrumb-item + .breadcrumb-item::before { color: #697078 !important; } html body .shada-breadcrumb-home-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 21px !important; min-width: 21px !important; height: 21px !important; padding: 0 !important; color: #078b8d !important; line-height: 1 !important; text-decoration: none !important; vertical-align: middle !important; transform: translateY(-1px) !important; } html body .shada-breadcrumb-home-icon { display: block !important; width: 20px !important; height: 20px !important; fill: currentColor !important; } html body .shada-breadcrumb-home-link:hover { color: #056f72 !important; text-decoration: none !important; } html body .shada-breadcrumb-home-link:focus-visible { outline: 2px solid currentColor !important; outline-offset: 3px !important; border-radius: 3px !important; } @media (max-width: 760px) { html body .shada-breadcrumb-home-link { width: 19px !important; min-width: 19px !important; height: 19px !important; } html body .shada-breadcrumb-home-icon { width: 18px !important; height: 18px !important; } } html body .shada-breadcrumb-home-link { width: 25px !important; min-width: 25px !important; height: 25px !important; transform: translateY(-1px) !important; } html body .shada-breadcrumb-home-icon { width: 24px !important; height: 24px !important; } @media (max-width: 760px) { html body .shada-breadcrumb-home-link { width: 22px !important; min-width: 22px !important; height: 22px !important; } html body .shada-breadcrumb-home-icon { width: 21px !important; height: 21px !important; } } html body .site-grid > .grid-child.container-below-top { padding-top: 16px !important; } html body .site-grid > .grid-child.container-below-top > nav.mod-breadcrumbs__wrapper { margin-top: 0 !important; } @media (max-width: 760px) { html body .site-grid > .grid-child.container-below-top { padding-top: 12px !important; } html body .site-grid > .grid-child.container-below-top > nav.mod-breadcrumbs__wrapper { margin-top: 0 !important; } } html body .site-grid > div:has(> nav > ol.mod-breadcrumbs), html body .site-grid > div:has(> nav > ol.breadcrumb), html body .site-grid > div:has(> nav ol.mod-breadcrumbs), html body .site-grid > div:has(> nav ol.breadcrumb) { padding-top: 14px !important; } html body .site-grid nav:has(> ol.mod-breadcrumbs), html body .site-grid nav:has(> ol.breadcrumb) { margin-top: 6px !important; } @media (max-width: 760px) { html body .site-grid > div:has(> nav > ol.mod-breadcrumbs), html body .site-grid > div:has(> nav > ol.breadcrumb), html body .site-grid > div:has(> nav ol.mod-breadcrumbs), html body .site-grid > div:has(> nav ol.breadcrumb) { padding-top: 10px !important; } html body .site-grid nav:has(> ol.mod-breadcrumbs), html body .site-grid nav:has(> ol.breadcrumb) { margin-top: 4px !important; } } .shada-dama-reciprocal-heading-row { box-sizing: border-box; display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: clamp(0.85rem, 2vw, 1.5rem); width: 100%; } .shada-dama-reciprocal-heading-row > h1 { flex: 1 1 auto; min-width: 0; } .shada-dama-reciprocal-cta { box-sizing: border-box; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 0.48rem; min-height: 43px; margin: 0; padding: 0.52rem 0.82rem; border: 1px solid #d89500; border-radius: 0.55rem; background: #efa500; color: #142f45; box-shadow: none; font-size: 15px; font-weight: 700; line-height: 1.15; text-align: center; text-decoration: none; white-space: nowrap; transform: translateZ(0); transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease; } .shada-dama-reciprocal-cta:hover, .shada-dama-reciprocal-cta:focus-visible { border-color: #c88600; background: #f4ae10; color: #142f45; box-shadow: 0 0.3rem 0.9rem rgb(20 47 69 / 14%); text-decoration: none; } .shada-dama-reciprocal-cta:focus-visible { outline: 3px solid rgb(15 115 119 / 30%); outline-offset: 3px; } .shada-dama-reciprocal-cta__icon, .shada-dama-reciprocal-cta__arrow { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; } .shada-dama-reciprocal-cta__icon svg { width: 20px; height: 20px; } .shada-dama-reciprocal-cta__arrow svg { width: 18px; height: 18px; } .shada-dama-reciprocal-cta svg { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .shada-dama-reciprocal-cta__arrow { transition: transform 160ms ease; } .shada-dama-reciprocal-cta:hover .shada-dama-reciprocal-cta__arrow, .shada-dama-reciprocal-cta:focus-visible .shada-dama-reciprocal-cta__arrow { transform: translate(0.08rem, -0.08rem); } .shada-dama-overview-label { display: block; margin-bottom: clamp(1rem, 1.8vw, 1.45rem); color: #087b82; font-size: clamp(1.35rem, 1.7vw, 1.65rem); font-weight: 800; line-height: 1.25; letter-spacing: 0.055em; } .shada-dama-hero-title-without-code { max-width: 100%; } @media (max-width: 760px) { .shada-dama-reciprocal-heading-row { flex-wrap: wrap; } .shada-dama-reciprocal-heading-row > h1 { flex-basis: 100%; width: 100%; } .shada-dama-reciprocal-cta { min-height: 40px; max-width: 100%; padding: 0.48rem 0.75rem; font-size: 14px; white-space: normal; } } body main .shada-dama-overview-label { font-size: clamp(1.008rem, 1.344vw, 1.26rem) !important; line-height: 1.18 !important; letter-spacing: 0.035em !important; margin-bottom: 0.35rem !important; padding-bottom: 0 !important; } body main .shada-dama-hero-title-without-code { margin-top: 0 !important; } @media (max-width: 760px) { body main .shada-dama-overview-label { font-size: clamp(0.812rem, 3.36vw, 1.008rem) !important; line-height: 1.2 !important; margin-bottom: 0.25rem !important; } } .shada-page.shada-homepage .shada-home-hero { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important; align-items: stretch !important; gap: 0 !important; overflow: hidden; border: 1px solid #d8e8e8; border-radius: 18px; background: #f7fbfb; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06); } .shada-page.shada-homepage .shada-home-hero__content { order: 1; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(2rem, 3.2vw, 3.5rem); } .shada-page.shada-homepage .shada-home-hero__content .shada-kicker { margin: 0 0 0.85rem; font-size: clamp(1.05rem, 1.25vw, 1.2rem) !important; font-weight: 700; line-height: 1.35; } .shada-page.shada-homepage .shada-home-hero__content h1 { margin: 0 0 1.2rem; font-size: clamp(2.05rem, 2.55vw, 2.8rem) !important; line-height: 1.12 !important; max-width: 19ch; } .shada-page.shada-homepage .shada-home-hero__content > p:not(.shada-kicker) { margin: 0 0 1rem; max-width: 62ch; font-size: clamp(1rem, 1.05vw, 1.1rem) !important; line-height: 1.7 !important; } .shada-page.shada-homepage .shada-home-hero__content .shada-button-row { display: grid !important; grid-template-columns: repeat(2, max-content); align-items: center; gap: 0.75rem; margin-top: 0.55rem; } .shada-page.shada-homepage .shada-home-hero__content .shada-button-row .shada-button { white-space: nowrap; padding-inline: 1.05rem; } .shada-page.shada-homepage .shada-home-hero__image { order: 2; display: block; width: 100% !important; height: 100% !important; min-height: 520px; margin: 0 !important; object-fit: cover; object-position: 88% center; } .shada-page.shada-homepage #professional-standards .shada-card-grid--2 { align-items: stretch; } .shada-page.shada-homepage #professional-standards .shada-card--text { display: flex; flex-direction: column; height: 100%; } .shada-page.shada-homepage #professional-standards .shada-card--text .shada-card__button { margin-top: auto; align-self: flex-start; } @media (max-width: 991.98px) { .shada-page.shada-homepage .shada-home-hero { grid-template-columns: minmax(0, 1fr) !important; } .shada-page.shada-homepage .shada-home-hero__content { order: 1; padding: clamp(1.75rem, 5vw, 2.75rem); } .shada-page.shada-homepage .shada-home-hero__content h1 { max-width: 24ch; } .shada-page.shada-homepage .shada-home-hero__content .shada-button-row { display: flex !important; flex-wrap: wrap; } .shada-page.shada-homepage .shada-home-hero__image { order: 2; height: auto !important; min-height: 0; aspect-ratio: 16 / 9; object-position: 82% center; } } @media (max-width: 575.98px) { .shada-page.shada-homepage .shada-home-hero { border-radius: 14px; } .shada-page.shada-homepage .shada-home-hero__content { padding: 1.5rem; } .shada-page.shada-homepage .shada-home-hero__content h1 { font-size: clamp(1.9rem, 9vw, 2.3rem) !important; line-height: 1.15 !important; } .shada-page.shada-homepage .shada-home-hero__content .shada-button-row { flex-direction: column; align-items: stretch; } .shada-page.shada-homepage .shada-home-hero__content .shada-button-row .shada-button { width: 100%; text-align: center; white-space: normal; } } @media (max-width: 768px) { main .shada-page { padding-bottom: 0 !important; } main .shada-page > .shada-cta-panel:last-child { margin-bottom: 18px !important; } .site-grid > .container-component:has(.shada-page) { padding-bottom: 0 !important; margin-bottom: 0 !important; } main .com-content-article:has(.shada-page), main .item-page:has(.shada-page), main article:has(.shada-page) { padding-bottom: 0 !important; margin-bottom: 0 !important; } } @media (max-width: 767.98px) { html body .omnicat-json-search__result { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0.85rem !important; min-width: 0 !important; border-radius: 1rem !important; box-shadow: 0 0.4rem 1.05rem rgba(20, 72, 77, 0.08) !important; } html body .omnicat-json-search__result > a:has(> img), html body .omnicat-json-search__result > figure:has(img), html body .omnicat-json-search__result > div:has(> img) { order: -20 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 3 / 2 !important; flex: 0 0 auto !important; margin: 0 0 0.15rem !important; padding: 0 !important; overflow: hidden !important; border-radius: 0.8rem !important; } html body .omnicat-json-search__result > img { order: -20 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 3 / 2 !important; flex: 0 0 auto !important; margin: 0 0 0.15rem !important; object-fit: cover !important; object-position: 50% 42% !important; border-radius: 0.8rem !important; } html body .omnicat-json-search__result > a:has(> img) > img, html body .omnicat-json-search__result > figure:has(img) img, html body .omnicat-json-search__result > div:has(> img) > img { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; max-height: none !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: 50% 42% !important; margin: 0 !important; padding: 0 !important; border-radius: inherit !important; } html body .omnicat-json-search__result a[class*="button"], html body .omnicat-json-search__result button { max-width: 100% !important; } } @media (min-width: 768px) { html body .omnicat-json-search :has(> * > .omnicat-json-search__result) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1.35rem !important; align-items: stretch !important; width: 100% !important; max-width: none !important; } html body .omnicat-json-search :has(> * > .omnicat-json-search__result) > *:has(> .omnicat-json-search__result) { display: contents !important; } html body .omnicat-json-search__result { display: flex !important; flex-direction: column !important; align-items: stretch !important; min-width: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; padding: 1.05rem !important; gap: 0.68rem !important; background: #fff !important; border: 1px solid rgba(15, 120, 124, 0.18) !important; border-radius: 1rem !important; box-shadow: 0 0.5rem 1.4rem rgba(20, 72, 77, 0.08) !important; overflow: hidden !important; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important; } html body .omnicat-json-search__result:hover { transform: translateY(-2px) !important; border-color: rgba(15, 120, 124, 0.30) !important; box-shadow: 0 0.8rem 1.7rem rgba(20, 72, 77, 0.12) !important; } html body .omnicat-json-search__result > a:has(> img), html body .omnicat-json-search__result > figure:has(img), html body .omnicat-json-search__result > div:has(> img) { order: -20 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 3 / 2 !important; flex: 0 0 auto !important; margin: 0 0 0.15rem !important; padding: 0 !important; overflow: hidden !important; border-radius: 0.8rem !important; background: #f3f8f8 !important; } html body .omnicat-json-search__result > img { order: -20 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 3 / 2 !important; flex: 0 0 auto !important; margin: 0 0 0.15rem !important; object-fit: cover !important; object-position: 50% 42% !important; border-radius: 0.8rem !important; background: #f3f8f8 !important; } html body .omnicat-json-search__result > a:has(> img) > img, html body .omnicat-json-search__result > figure:has(img) img, html body .omnicat-json-search__result > div:has(> img) > img { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; max-height: none !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: 50% 42% !important; margin: 0 !important; padding: 0 !important; border-radius: inherit !important; } html body .omnicat-json-search__result h2, html body .omnicat-json-search__result h3, html body .omnicat-json-search__result h4, html body .omnicat-json-search__result .omnicat-json-search__result-title { margin-top: 0.08rem !important; margin-bottom: 0.1rem !important; min-height: 2.65rem !important; font-size: clamp(1.12rem, 1.1vw, 1.3rem) !important; line-height: 1.22 !important; font-weight: 750 !important; } html body .omnicat-json-search__result p { line-height: 1.48 !important; } html body .omnicat-json-search__result p:first-of-type { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; min-height: 4.45rem !important; margin-bottom: 0.15rem !important; } html body .omnicat-json-search__result p:first-of-type + * { margin-top: 0.55rem !important; } html body .omnicat-json-search__result p:last-of-type { min-height: 2.75rem !important; margin-top: 0.58rem !important; margin-bottom: 0 !important; padding-top: 0.58rem !important; border-top: 1px solid rgba(15, 120, 124, 0.12) !important; color: #56646a !important; font-size: 0.92rem !important; line-height: 1.42 !important; } html body .omnicat-json-search__result a[class*="button"], html body .omnicat-json-search__result .btn, html body .omnicat-json-search__result button { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 10.25rem !important; max-width: 12rem !important; min-height: 2.45rem !important; margin-top: auto !important; margin-inline: auto !important; padding: 0.48rem 1rem !important; background: #fff !important; color: var(--link-color, #0b6fc2) !important; border: 1.5px solid currentColor !important; border-radius: 0.58rem !important; text-align: center !important; font-size: 0.92rem !important; font-weight: 700 !important; line-height: 1.1 !important; text-decoration: none !important; } html body .omnicat-json-search__result a[class*="button"]:hover, html body .omnicat-json-search__result .btn:hover, html body .omnicat-json-search__result button:hover { background: var(--link-color, #0b6fc2) !important; color: #fff !important; } } @media (min-width: 1180px) { html body .omnicat-json-search :has(> * > .omnicat-json-search__result) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1.4rem !important; } html body .omnicat-json-search { width: 100% !important; max-width: none !important; } } @media (min-width: 768px) { html body .omnicat-json-search__result .omnicat-json-search__content { display: flex !important; flex-direction: column !important; align-items: stretch !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; height: 100% !important; } html body .omnicat-json-search__result .omnicat-json-search__excerpt { margin-top: 0.35rem !important; margin-bottom: 0 !important; } html body .omnicat-json-search__result .omnicat-json-search__badges { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 0.38rem !important; width: 100% !important; margin-top: auto !important; margin-bottom: 0 !important; padding-top: 1rem !important; overflow: visible !important; text-align: center !important; } html body .omnicat-json-search__result .omnicat-json-search__badge { flex: 0 0 auto !important; white-space: nowrap !important; } html body .omnicat-json-search__result .omnicat-json-search__actions { display: flex !important; align-items: flex-end !important; width: 100% !important; margin-top: 0.9rem !important; padding-top: 0 !important; } html body .omnicat-json-search__result .omnicat-json-search__more { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 3.6rem !important; margin: 0 !important; padding: 0.70rem 1.20rem !important; font-size: 1.08rem !important; text-align: center !important; white-space: nowrap !important; } } @media (max-width: 767.98px) { html body .omnicat-json-search__result .omnicat-json-search__badges { margin-top: 0.72rem !important; justify-content: flex-start !important; } } html body .shada-occupation-list-intro { box-sizing: border-box; width: 100%; max-width: none; margin: 0.45rem 0 1.35rem; color: #3e4e53; font-size: clamp(1.05rem, 1.7vw, 1.3rem); line-height: 1.62; } html body .shada-occupation-list-intro strong { color: #263d42; font-weight: 750; } @media (max-width: 767.98px) { html body .shada-occupation-list-intro { width: 100%; max-width: none; margin: 0.3rem 0 1.05rem; font-size: clamp(1.05rem, 1.7vw, 1.3rem); line-height: 1.58; } } html body .shada-occupation-list-directory { margin-top: 1.5rem; padding: clamp(1.25rem, 2.2vw, 2rem); border-inline-start: 6px solid #0f7f82; border-radius: 0 0.9rem 0.9rem 0; background: #f1f9f9; } html body .shada-occupation-list-directory > h2 { margin: 0 0 0.45rem; } html body .shada-occupation-list-directory__lead { margin: 0 0 1.35rem; max-width: none; font-size: clamp(1.05rem, 1.25vw, 1.16rem); line-height: 1.6; } html body .shada-occupation-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1.25rem; } html body .shada-occupation-directory-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #d4e3e4; border-radius: 0.9rem; background: #fff; box-shadow: 0 8px 22px rgba(20, 54, 58, 0.075); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } html body .shada-occupation-directory-card:hover { transform: translateY(-3px); border-color: #b7d5d7; box-shadow: 0 13px 30px rgba(20, 54, 58, 0.12); } html body .shada-occupation-directory-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #e7f0f1; } html body .shada-occupation-directory-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 220ms ease; } html body .shada-occupation-directory-card:hover .shada-occupation-directory-card__media img { transform: scale(1.025); } html body .shada-occupation-directory-card__body { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding: 1.15rem 1.2rem 1.2rem; } html body .shada-occupation-directory-card__eyebrow { margin: 0 0 0.45rem; color: #087b82; font-size: 0.78rem; font-weight: 800; line-height: 1.25; letter-spacing: 0.065em; text-transform: uppercase; } html body .shada-occupation-directory-card h3 { margin: 0 0 0.65rem; color: #223d43; font-size: clamp(1.3rem, 1.55vw, 1.62rem); line-height: 1.2; } html body .shada-occupation-directory-card h3 a { color: inherit; text-decoration: none; } html body .shada-occupation-directory-card h3 a:hover { color: #087b82; } html body .shada-occupation-directory-card__description { margin: 0 0 1.05rem; color: #425157; font-size: 1rem; line-height: 1.58; } html body .shada-occupation-directory-card__cta { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 3.15rem; margin-top: auto; text-align: center; white-space: normal; } @media (max-width: 1100px) { html body .shada-occupation-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { html body .shada-occupation-list-directory { margin-top: 1rem; padding: 1rem; border-inline-start-width: 5px; } html body .shada-occupation-directory-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; } html body .shada-occupation-directory-card__body { padding: 1rem; } html body .shada-occupation-directory-card__eyebrow { font-size: 0.74rem; } html body .shada-occupation-directory-card h3 { font-size: 1.35rem; } } @media (min-width: 992px) { html[lang^="en"] body .container-header { position: relative !important; z-index: 1040 !important; background: #fff !important; background-image: none !important; color: #21484a !important; box-shadow: 0 1px 0 rgba(20,72,74,.08) !important; } html[lang^="en"] body .container-header > .grid-child.shada-native-brand-row { display: none !important; } html[lang^="en"] body .container-header .container-topbar { box-sizing: border-box !important; grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: stretch !important; justify-content: flex-end !important; gap: 0 !important; background: #fff !important; border-bottom: 1px solid #e3e8e7 !important; } html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster { position: relative !important; box-sizing: border-box !important; width: clamp(760px, 62vw, 1280px) !important; min-height: 54px !important; margin: 0 0 0 auto !important; padding: 0 max(1.4rem, calc((100vw - 1320px) / 2)) 0 1.1rem !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: .18rem !important; background: #f1f2f1 !important; color: #394849 !important; } html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: -34px !important; width: 34px !important; pointer-events: none !important; border-top: 54px solid #f1f2f1 !important; border-left: 34px solid transparent !important; } html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster > #mod-custom121 { display: contents !important; } html[lang^="en"] body .container-header .container-topbar .shada-site-header, html[lang^="en"] body .container-header .container-topbar .shada-site-header-inner, html[lang^="en"] body .container-header .container-topbar .shada-header-actions { display: contents !important; } html[lang^="en"] body .container-header .container-topbar a.shada-header-logo, html[lang^="en"] body .container-header .container-topbar a.shada-header-logo--en, html[lang^="en"] body .container-header .container-topbar a.shada-header-logo--fa { display: none !important; } html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-utility-links { order: 10 !important; display: flex !important; align-items: center !important; gap: .12rem !important; margin: 0 !important; padding: 0 !important; } html[lang^="en"] body .container-header .shada-desktop-utility-link, html[lang^="en"] body .container-header .shada-phone-button { min-height: 36px !important; padding: .38rem .68rem !important; display: inline-flex !important; align-items: center !important; border-radius: 0 !important; color: #40494b !important; background: transparent !important; border: 0 !important; text-decoration: none !important; box-shadow: none !important; font-size: .88rem !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-utility-links { order: 10 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: .04rem !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-utility-links > .shada-desktop-utility-link { min-height: 36px !important; margin: 0 !important; padding: .38rem .68rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; border: 0 !important; border-radius: 0 !important; color: #40494b !important; background: transparent !important; box-shadow: none !important; font-size: .88rem !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; } html[lang^="en"] body .container-header .shada-desktop-utility-link:hover, html[lang^="en"] body .container-header .shada-desktop-utility-link:focus-visible, html[lang^="en"] body .container-header .shada-phone-button:hover, html[lang^="en"] body .container-header .shada-phone-button:focus-visible { color: #0b7476 !important; background: transparent !important; } html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138, html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster > .shada-language-switcher { order: 20 !important; margin: 0 .08rem !important; } html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster #mod-custom121 .shada-phone-button { order: 30 !important; min-height: 36px !important; margin: 0 !important; padding: .38rem .68rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; border: 0 !important; border-radius: 0 !important; color: #40494b !important; background: transparent !important; box-shadow: none !important; font-size: .98rem !important; font-weight: 690 !important; line-height: 1.2 !important; white-space: nowrap !important; } html[lang^="en"] body .container-header .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-book-consultation { order: 40 !important; min-height: 38px !important; margin-left: .32rem !important; padding: .46rem .92rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #0e7779 !important; border-radius: 8px !important; color: #fff !important; background: #0e7779 !important; text-decoration: none !important; font-size: .86rem !important; font-weight: 760 !important; line-height: 1.2 !important; white-space: nowrap !important; box-shadow: 0 3px 10px rgba(14,119,121,.14) !important; } html[lang^="en"] body .container-header .shada-desktop-book-consultation:hover, html[lang^="en"] body .container-header .shada-desktop-book-consultation:focus-visible { color: #fff !important; background: #0a6668 !important; border-color: #0a6668 !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 { position: relative !important; order: 20 !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 .12rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle { width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 42px !important; height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: .42rem .58rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .42rem !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; color: #3f4749 !important; background: transparent !important; box-shadow: none !important; font-size: .94rem !important; font-weight: 650 !important; line-height: 1.2 !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle:hover, html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle:focus-visible, html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle[aria-expanded="true"] { color: #0b7476 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__flag { width: 27px !important; height: 17px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; object-fit: cover !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__menu { position: absolute !important; z-index: 1300 !important; top: calc(100% + 1px) !important; left: 0 !important; right: auto !important; width: 190px !important; min-width: 190px !important; max-width: 190px !important; margin: 0 !important; padding: .24rem 0 !important; border: 1px solid #c9cecd !important; border-radius: 0 !important; color: #40484a !important; background: #f5f5f4 !important; box-shadow: 0 3px 8px rgba(39,57,58,.08) !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item { min-height: 38px !important; padding: .48rem .72rem !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: .52rem !important; border: 0 !important; border-radius: 0 !important; color: #40484a !important; background: transparent !important; font-size: .92rem !important; font-weight: 570 !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__check { display: none !important; } html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item:hover, html[lang^="en"] body.site header.header.container-header.full-width .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item:focus-visible { color: #0b7476 !important; background: #e9eeee !important; } html[lang^="en"] body .container-header .container-nav { box-sizing: border-box !important; grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; min-height: 88px !important; margin: 0 !important; padding: 0 max(1.4rem, calc((100vw - 1320px) / 2)) !important; display: flex !important; align-items: stretch !important; background: #fff !important; border-bottom: 1px solid #e1e9e7 !important; } html[lang^="en"] body .container-header .shada-desktop-menu-shell--server-v3 { position: relative !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 88px !important; margin: 0 !important; display: grid !important; grid-template-columns: minmax(190px, 235px) minmax(0, 1fr) 48px !important; grid-template-rows: 1fr !important; align-items: stretch !important; column-gap: 1.1rem !important; } html[lang^="en"] body .container-header .shada-desktop-brand-slot { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; text-decoration: none !important; } html[lang^="en"] body .container-header .shada-desktop-brand-slot img { display: block !important; width: auto !important; max-width: 225px !important; max-height: 66px !important; object-fit: contain !important; } html[lang^="en"] body .container-header .shada-desktop-primary-nav { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; height: 100% !important; } html[lang^="en"] body .container-header .shada-desktop-primary-list { height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: stretch !important; justify-content: flex-end !important; gap: .04rem !important; list-style: none !important; } html[lang^="en"] body .container-header .shada-desktop-primary-item { position: static !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: stretch !important; } html[lang^="en"] body .container-header .shada-desktop-primary-trigger, html[lang^="en"] body .container-header .shada-desktop-primary-link { position: relative !important; box-sizing: border-box !important; min-height: 88px !important; margin: 0 !important; padding: 0 .72rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .34rem !important; border: 0 !important; border-radius: 0 !important; color: #21484a !important; background: transparent !important; text-decoration: none !important; text-shadow: none !important; font-family: inherit !important; font-size: .98rem !important; font-weight: 720 !important; line-height: 1.18 !important; white-space: nowrap !important; box-shadow: none !important; cursor: pointer !important; } html[lang^="en"] body .container-header .shada-desktop-primary-trigger:hover, html[lang^="en"] body .container-header .shada-desktop-primary-trigger:focus-visible, html[lang^="en"] body .container-header .shada-desktop-primary-trigger[aria-expanded="true"], html[lang^="en"] body .container-header .shada-desktop-primary-link:hover, html[lang^="en"] body .container-header .shada-desktop-primary-link:focus-visible { color: #0d7072 !important; background: #f2f8f7 !important; } html[lang^="en"] body .container-header .shada-desktop-primary-trigger::after, html[lang^="en"] body .container-header .shada-desktop-primary-link::after { position: absolute !important; left: .66rem !important; right: .66rem !important; bottom: 0 !important; height: 3px !important; background: #0e7779 !important; } html[lang^="en"] body .container-header .shada-desktop-primary-trigger[aria-expanded="true"]::after { content: "" !important; } html[lang^="en"] body .container-header .shada-desktop-primary-caret { color: #638082 !important; font-size: .88rem !important; line-height: 1 !important; transform: translateY(-1px) !important; } html[lang^="en"] body .container-header .shada-mobile-menu-source-v3, html[lang^="en"] body .container-header .shada-desktop-menu-shell--server-v3 > ul#mod-menu1 { display: none !important; } html[lang^="en"] body .container-header .shada-desktop-menu-shell--server-v3 > .shada-menu-search-slot { grid-column: 3 !important; grid-row: 1 !important; width: 48px !important; min-width: 48px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; } html[lang^="en"] body .container-header .shada-desktop-menu-shell--server-v3 > .shada-menu-search-slot > #shada-search-toggle { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #9fc8c4 !important; border-radius: 10px !important; color: #0b6668 !important; background: #eef7f6 !important; box-shadow: 0 2px 8px rgba(14,119,121,.08) !important; } html[lang^="en"] body .container-header .shada-desktop-menu-shell--server-v3 > .shada-menu-search-slot > #shada-search-toggle #shada-search-icon { opacity: .92 !important; filter: none !important; } html[lang^="en"] body .container-header .shada-desktop-menu-shell--server-v3 > .shada-menu-search-slot > #shada-search-toggle:hover, html[lang^="en"] body .container-header .shada-desktop-menu-shell--server-v3 > .shada-menu-search-slot > #shada-search-toggle:focus-visible { background: #e8f3f1 !important; border-color: #a9ceca !important; } html[lang^="en"] body .container-header .shada-desktop-mega-panels { position: static !important; } html[lang^="en"] body .container-header .shada-mega-panel { position: absolute !important; z-index: 1100 !important; left: 50% !important; top: 100% !important; width: 100vw !important; box-sizing: border-box !important; transform: translateX(-50%) !important; color: #2b4243 !important; background: #fff !important; border-top: 1px solid #dce8e6 !important; border-bottom: 1px solid #d7e4e2 !important; box-shadow: 0 18px 35px rgba(31,70,71,.14) !important; } html[lang^="en"] body .container-header .shada-mega-panel[hidden] { display: none !important; } html[lang^="en"] body .container-header .shada-mega-panel__inner { box-sizing: border-box !important; width: min(1320px, calc(100% - 2.8rem)) !important; margin: 0 auto !important; padding: 2.1rem 0 2.25rem !important; display: grid !important; grid-template-columns: minmax(245px, 1.15fr) repeat(3, minmax(185px, 1fr)) !important; gap: 2.2rem !important; align-items: start !important; } html[lang^="en"] body .container-header .shada-mega-panel.is-compact .shada-mega-panel__inner { grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.35fr) minmax(0, 1.2fr) !important; } html[lang^="en"] body .container-header .shada-mega-intro { padding-right: 1.75rem !important; border-right: 1px solid #e1eae8 !important; } html[lang^="en"] body .container-header .shada-mega-eyebrow { margin: 0 0 .52rem !important; color: #0e7779 !important; font-size: .75rem !important; font-weight: 820 !important; letter-spacing: .075em !important; text-transform: uppercase !important; } html[lang^="en"] body .container-header .shada-mega-title { margin: 0 0 .7rem !important; color: #193f41 !important; font-size: 1.32rem !important; font-weight: 800 !important; line-height: 1.22 !important; } html[lang^="en"] body .container-header .shada-mega-description { margin: 0 0 1.15rem !important; color: #566d6e !important; font-size: .94rem !important; line-height: 1.55 !important; } html[lang^="en"] body .container-header .shada-mega-view-all { min-height: 40px !important; padding: .55rem .92rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #0e7779 !important; border-radius: 9px !important; color: #0e6f71 !important; background: #fff !important; text-decoration: none !important; font-size: .88rem !important; font-weight: 760 !important; } html[lang^="en"] body .container-header .shada-mega-view-all:hover, html[lang^="en"] body .container-header .shada-mega-view-all:focus-visible { color: #fff !important; background: #0e7779 !important; } html[lang^="en"] body .container-header .shada-mega-group-title { margin: .1rem 0 .76rem !important; color: #5b7172 !important; font-size: .75rem !important; font-weight: 820 !important; letter-spacing: .065em !important; text-transform: uppercase !important; } html[lang^="en"] body .container-header .shada-mega-links { margin: 0 !important; padding: 0 !important; display: grid !important; gap: .2rem !important; list-style: none !important; } html[lang^="en"] body .container-header .shada-mega-links a { min-height: 38px !important; padding: .46rem .56rem !important; display: flex !important; align-items: center !important; border-radius: 8px !important; color: #254f51 !important; background: transparent !important; text-decoration: none !important; font-size: .93rem !important; font-weight: 650 !important; line-height: 1.3 !important; } html[lang^="en"] body .container-header .shada-mega-links a:hover, html[lang^="en"] body .container-header .shada-mega-links a:focus-visible { color: #0b696b !important; background: #edf7f5 !important; } } @media (max-width: 991.98px) { .shada-desktop-utility-cluster { display: contents !important; } .shada-desktop-utility-links, .shada-desktop-book-consultation, .shada-desktop-brand-slot, .shada-desktop-primary-nav, .shada-desktop-mega-panels { display: none !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width .container-topbar #mod-custom121 .shada-site-header .shada-site-header-inner > a.shada-header-logo.shada-header-logo--en, html[lang^="en"] body.site header.header.container-header.full-width .container-topbar #mod-custom121 .shada-site-header .shada-site-header-inner > a.shada-header-logo.shada-header-logo--fa { display: none !important; visibility: hidden !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; box-shadow: none !important; background: none !important; opacity: 0 !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar { position: relative !important; box-sizing: border-box !important; width: 100% !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: flex-end !important; overflow: visible !important; background: #ffffff !important; border-bottom: 0 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster { position: relative !important; box-sizing: border-box !important; flex: 0 0 auto !important; width: clamp(760px, 62vw, 1280px) !important; min-width: 760px !important; max-width: 1280px !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 0 0 auto !important; padding: 0 max(1.4rem, calc((100vw - 1320px) / 2)) 0 1rem !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: .14rem !important; overflow: visible !important; background: #f0f1f0 !important; color: #41494a !important; border: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 0 !important; bottom: 0 !important; left: -38px !important; width: 38px !important; height: 54px !important; pointer-events: none !important; border-top: 54px solid #f0f1f0 !important; border-left: 38px solid transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > * { position: relative !important; z-index: 1 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-utility-links { order: 10 !important; flex: 0 0 auto !important; width: auto !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: .05rem !important; overflow: visible !important; background: transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-utility-links > .shada-desktop-utility-link { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .66rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .88rem !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #mod-custom121 { display: contents !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster #mod-custom121 .shada-site-header, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster #mod-custom121 .shada-site-header-inner, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster #mod-custom121 .shada-header-actions { display: contents !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster #mod-custom121 .shada-phone-button { order: 30 !important; flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .72rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .96rem !important; font-weight: 690 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 { order: 20 !important; flex: 0 0 auto !important; position: relative !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 .1rem !important; padding: 0 !important; display: flex !important; align-items: center !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle { position: static !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .58rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .42rem !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .94rem !important; font-weight: 650 !important; line-height: 1.2 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle:hover, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle:focus-visible, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle[aria-expanded="true"] { border: 0 !important; border-radius: 0 !important; color: #0b7476 !important; background: transparent !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__flag { flex: 0 0 auto !important; width: 27px !important; min-width: 27px !important; max-width: 27px !important; height: 17px !important; min-height: 17px !important; max-height: 17px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; object-fit: cover !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__menu { position: absolute !important; z-index: 1500 !important; top: 54px !important; left: 0 !important; right: auto !important; bottom: auto !important; inset: 54px auto auto 0 !important; box-sizing: border-box !important; width: 150px !important; min-width: 150px !important; max-width: 150px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: .2rem 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: #ffffff !important; box-shadow: 0 3px 9px rgba(39,57,58,.10) !important; transform: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__menu[hidden] { display: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__menu:not([hidden]) { display: block !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; margin: 0 !important; padding: 0 .68rem !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: .5rem !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .9rem !important; font-weight: 570 !important; line-height: 1.2 !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item:hover, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item:focus-visible { color: #0b7476 !important; background: transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__check { display: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-book-consultation { order: 40 !important; flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 190px !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 0 0 .2rem !important; padding: 0 1.15rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; color: #ffffff !important; background: #0e7779 !important; box-shadow: none !important; font-size: .9rem !important; font-weight: 760 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-book-consultation:hover, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > .shada-desktop-utility-cluster > .shada-desktop-book-consultation:focus-visible { color: #ffffff !important; background: #0a6668 !important; box-shadow: none !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar { position: relative !important; width: 100% !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: flex-end !important; overflow: visible !important; background: #ffffff !important; border: 0 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster { position: relative !important; box-sizing: border-box !important; flex: 0 0 auto !important; width: calc(100% - 54px) !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 0 0 auto !important; padding: 0 max(1.2rem, calc((100vw - 1320px) / 2)) 0 1rem !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: .08rem !important; overflow: visible !important; background: #eeeeed !important; background-color: #eeeeed !important; color: #41494a !important; border: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 0 !important; bottom: 0 !important; left: -40px !important; width: 40px !important; height: 54px !important; pointer-events: none !important; border-top: 54px solid #eeeeed !important; border-left: 40px solid transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > * { position: relative !important; z-index: 1 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-utility-links { order: 10 !important; flex: 0 0 auto !important; width: auto !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; background: transparent !important; overflow: visible !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-utility-links > .shada-desktop-utility-link { flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .72rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 0 !important; color: #40484a !important; background: transparent !important; box-shadow: none !important; font-size: .88rem !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > #shada-language-selector-138 { order: 20 !important; flex: 0 0 auto !important; position: relative !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 .08rem !important; padding: 0 !important; display: flex !important; align-items: center !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle { position: static !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .62rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .42rem !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; color: #40484a !important; background: transparent !important; box-shadow: none !important; font-size: .94rem !important; font-weight: 650 !important; line-height: 1.2 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-site-header, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-site-header-inner, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-header-actions { display: contents !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-phone-button { order: 30 !important; flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .76rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 0 !important; color: #40484a !important; background: transparent !important; box-shadow: none !important; font-size: .96rem !important; font-weight: 690 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-book-consultation { order: 40 !important; flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 210px !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 0 0 .18rem !important; padding: 0 1.2rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; color: #ffffff !important; background: #0e7779 !important; box-shadow: none !important; font-size: .9rem !important; font-weight: 760 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } } @media (min-width: 992px) { body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] { position: fixed !important; z-index: 100000 !important; box-sizing: border-box !important; width: 118px !important; min-width: 118px !important; max-width: 118px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: .08rem 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; color: #40484a !important; background: #F0F7F7 !important; box-shadow: none !important; transform: none !important; } body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"][hidden] { display: none !important; } body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__item { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 .25rem 0 calc(1.3rem - 5px) !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: .38rem !important; border: 0 !important; border-radius: 0 !important; color: #40484a !important; background: transparent !important; box-shadow: none !important; font-size: .84rem !important; font-weight: 570 !important; line-height: 1.2 !important; text-decoration: none !important; } body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__item:hover, body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__item:focus-visible { color: #0b7476 !important; background: transparent !important; } body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__check { display: none !important; } body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__flag { width: 23px !important; min-width: 23px !important; max-width: 23px !important; height: 15px !important; min-height: 15px !important; max-height: 15px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; object-fit: cover !important; box-shadow: none !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar { position: relative !important; box-sizing: border-box !important; width: 100% !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: flex-end !important; overflow: visible !important; background: #fff !important; border: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster { position: relative !important; box-sizing: border-box !important; flex: 0 0 auto !important; width: clamp(920px, 55vw, 1120px) !important; min-width: 920px !important; max-width: 1120px !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 0 0 auto !important; padding: 0 max(1rem, calc((100vw - 1320px) / 2)) 0 .85rem !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: .04rem !important; overflow: visible !important; background: #eeeeed !important; background-color: #eeeeed !important; color: #41494a !important; border: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 0 !important; bottom: 0 !important; left: -46px !important; width: 46px !important; height: 54px !important; pointer-events: none !important; border-top: 54px solid #eeeeed !important; border-left: 46px solid transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > * { position: relative !important; z-index: 1 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-utility-links { order: 10 !important; flex: 0 0 auto !important; width: auto !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; background: transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-utility-links > .shada-desktop-utility-link { flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .62rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .88rem !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 { order: 20 !important; flex: 0 0 auto !important; position: relative !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 .06rem !important; padding: 0 !important; display: flex !important; align-items: center !important; overflow: visible !important; border: 0 !important; background: transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > summary { list-style: none !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .58rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .42rem !important; cursor: pointer !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .94rem !important; font-weight: 650 !important; line-height: 1.2 !important; white-space: nowrap !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > summary::-webkit-details-marker { display: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > summary::marker { content: "" !important; display: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__flag { width: 27px !important; min-width: 27px !important; max-width: 27px !important; height: 17px !important; min-height: 17px !important; max-height: 17px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; object-fit: cover !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__caret { display: inline-block !important; color: #506061 !important; font-size: .78rem !important; line-height: 1 !important; transition: transform .15s ease !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11[open] .shada-desktop-language-static-v11__caret { transform: rotate(180deg) !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > .shada-desktop-language-static-v11__popup { position: absolute !important; z-index: 10000 !important; top: 54px !important; left: 0 !important; right: auto !important; bottom: auto !important; box-sizing: border-box !important; width: 145px !important; min-width: 145px !important; max-width: 145px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: .14rem 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; margin: 0 !important; padding: 0 .58rem !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: .5rem !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .9rem !important; font-weight: 570 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item:hover, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item:focus-visible { color: #0b7476 !important; background: transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-site-header, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-site-header-inner, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-header-actions { display: contents !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-phone-button { order: 30 !important; flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 .70rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-size: .96rem !important; font-weight: 690 !important; line-height: 1.2 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-book-consultation { order: 40 !important; flex: 0 0 auto !important; position: static !important; width: auto !important; min-width: 184px !important; max-width: none !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 0 0 .28rem !important; padding: 0 1.1rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border: 1px solid #0e7779 !important; border-radius: 7px !important; color: #fff !important; background: #0e7779 !important; box-shadow: 0 3px 10px rgba(14,119,121,.14) !important; font-size: 1.08rem !important; font-weight: 760 !important; line-height: 1.1 !important; white-space: nowrap !important; text-decoration: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-book-consultation:hover, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-book-consultation:focus-visible { color: #fff !important; background: #0a686a !important; border-color: #0a686a !important; box-shadow: 0 4px 12px rgba(14,119,121,.18) !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-nav, html[lang^="en"] body.site header.header.container-header.full-width > .container-nav .shada-desktop-menu-shell--server-v3 { border-top: 0 !important; box-shadow: none !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 0 0 auto !important; padding: 0 max(1rem, calc((100vw - 1320px) / 2)) 0 .35rem !important; background: #eeeeed !important; background-color: #eeeeed !important; overflow: visible !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 0 !important; bottom: 0 !important; left: -38px !important; width: 38px !important; height: 54px !important; pointer-events: none !important; border-top: 54px solid #eeeeed !important; border-left: 38px solid transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar { border-bottom: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-nav, html[lang^="en"] body.site header.header.container-header.full-width > .container-nav::before, html[lang^="en"] body.site header.header.container-header.full-width > .container-nav::after { border-top: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-nav::before, html[lang^="en"] body.site header.header.container-header.full-width > .container-nav::after { content: none !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-brand-slot { transform: translateY(-5px) !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-primary-trigger, html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-primary-link { font-size: 1.045rem !important; font-weight: 730 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-primary-caret { font-size: .92rem !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar::before { content: none !important; display: none !important; border: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; box-shadow: none !important; outline: 0 !important; background: transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > .shada-desktop-language-static-v11__popup { background: #eeeeed !important; background-color: #eeeeed !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item { background: transparent !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item:hover, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item:focus-visible { background: #e5e6e5 !important; color: #0b7476 !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar { height: 50px !important; min-height: 50px !important; max-height: 50px !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster { height: 50px !important; min-height: 50px !important; max-height: 50px !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster::before { height: 50px !important; border-top-width: 50px !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-utility-links, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-utility-links > .shada-desktop-utility-link, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster #mod-custom121 .shada-phone-button, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > summary { height: 50px !important; min-height: 50px !important; max-height: 50px !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > .shada-desktop-language-static-v11__popup { top: 50px !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-book-consultation { height: 40px !important; min-height: 40px !important; max-height: 40px !important; min-width: 180px !important; padding: 0 1.05rem !important; border-radius: 6px !important; font-size: 1.08rem !important; line-height: 1.05 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-nav { height: 82px !important; min-height: 82px !important; max-height: 82px !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-menu-shell--server-v3 { height: 82px !important; min-height: 82px !important; max-height: 82px !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-primary-trigger, html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-primary-link { min-height: 82px !important; height: 82px !important; max-height: 82px !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-brand-slot { transform: translateY(-12px) !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-primary-nav, html[lang^="en"] body.site header.header.container-header.full-width .shada-menu-search-slot { transform: translateY(-2px) !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-nav { border-bottom: 1px solid #e1e9e7 !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster { background: #F0F7F7 !important; background-color: #F0F7F7 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster::before { border-top-color: #F0F7F7 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > .shada-desktop-language-static-v11__popup { background: #F0F7F7 !important; background-color: #F0F7F7 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item:hover, html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 .shada-desktop-language-static-v11__item:focus-visible { background: #EEF6F6 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-desktop-brand-slot { transform: translateY(-18px) !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster { background: #F0F7F7 !important; background-color: #F0F7F7 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster::before { border-top-color: #F0F7F7 !important; } html[lang^="en"] body.site header.header.container-header.full-width > .container-topbar > #shada-desktop-utility-cluster > .shada-desktop-language-static-v11 > .shada-desktop-language-static-v11__popup { background: #F0F7F7 !important; background-color: #F0F7F7 !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel__inner { padding: 1.72rem 0 1.82rem !important; gap: 2rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-intro { padding-right: 1.9rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-title { margin-bottom: .62rem !important; font-size: 1.4rem !important; line-height: 1.18 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-description { margin-bottom: 1.02rem !important; font-size: .96rem !important; line-height: 1.52 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-group-title { margin: .08rem 0 .92rem !important; color: #1d5658 !important; font-family: inherit !important; font-size: 1rem !important; font-weight: 760 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links { gap: .16rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links a { min-height: 39px !important; padding: .45rem .58rem !important; border-radius: 7px !important; font-family: inherit !important; font-size: .98rem !important; font-weight: 660 !important; line-height: 1.28 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links a:hover, html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links a:focus-visible { color: #0a6769 !important; background: #F0F7F7 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-view-all { min-height: 42px !important; padding: .6rem 1rem !important; border-radius: 8px !important; font-family: inherit !important; font-size: .93rem !important; font-weight: 760 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel.is-compact .shada-mega-panel__inner { width: min(920px, calc(100% - 2.8rem)) !important; grid-template-columns: minmax(300px, 1.12fr) minmax(280px, 1fr) !important; gap: 2.35rem !important; padding-top: 1.62rem !important; padding-bottom: 1.72rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel.is-compact .shada-mega-intro { padding-right: 2rem !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-group-title { position: relative !important; display: inline-block !important; margin: .02rem 0 1.02rem !important; padding: 0 0 .42rem !important; color: #0B696B !important; font-family: inherit !important; font-size: 1.1rem !important; font-weight: 790 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: 0 1px 0 rgba(255,255,255,.72) !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-group-title::after { content: "" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 30px !important; height: 2px !important; border-radius: 999px !important; background: rgba(14,119,121,.38) !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-title { font-size: 1.46rem !important; font-weight: 780 !important; line-height: 1.16 !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel__inner { padding-top: 2.02rem !important; padding-bottom: 2.10rem !important; gap: 2.45rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-intro { padding-right: 2.15rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-eyebrow { margin-bottom: .52rem !important; font-size: .80rem !important; font-weight: 780 !important; line-height: 1.2 !important; letter-spacing: .055em !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-title { margin-bottom: .72rem !important; font-size: 1.58rem !important; font-weight: 790 !important; line-height: 1.14 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-description { margin-bottom: 1.15rem !important; font-size: 1rem !important; line-height: 1.56 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-group-title { margin: .02rem 0 1.10rem !important; padding-bottom: .46rem !important; color: #0B696B !important; font-family: inherit !important; font-size: 1.20rem !important; font-weight: 790 !important; line-height: 1.18 !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: none !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-group-title::after { width: 36px !important; height: 2px !important; background: rgba(14,119,121,.30) !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links { gap: .22rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links a { min-height: 42px !important; padding: .50rem .62rem !important; border-radius: 7px !important; font-family: inherit !important; font-size: 1.06rem !important; font-weight: 660 !important; line-height: 1.30 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links a:hover, html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links a:focus-visible { color: #0A6769 !important; background: #F0F7F7 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-view-all { min-height: 46px !important; padding: .66rem 1.08rem !important; border-radius: 8px !important; font-family: inherit !important; font-size: 1rem !important; font-weight: 770 !important; line-height: 1.2 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel.is-compact .shada-mega-panel__inner { width: min(980px, calc(100% - 2.8rem)) !important; grid-template-columns: minmax(320px, 1.12fr) minmax(300px, 1fr) !important; gap: 2.55rem !important; padding-top: 1.92rem !important; padding-bottom: 2.00rem !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel.is-compact .shada-mega-panel__inner { width: min(1180px, calc(100% - 2.8rem)) !important; grid-template-columns: minmax(300px, 1.12fr) minmax(320px, 1fr) minmax(280px, .95fr) !important; grid-template-rows: auto !important; gap: 2.25rem !important; padding-top: 1.82rem !important; padding-bottom: 1.90rem !important; align-items: start !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel.is-compact .shada-mega-intro { grid-column: 1 !important; grid-row: 1 !important; padding-right: 2rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel.is-compact .shada-mega-panel__inner > .shada-mega-group:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-panel.is-compact .shada-mega-panel__inner > .shada-mega-group:nth-child(3) { grid-column: 3 !important; grid-row: 1 !important; } } @media (min-width: 992px) { html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-pointsview-cta-item { margin-top: .72rem !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links .shada-mega-pointsview-cta { display: block !important; min-height: 0 !important; padding: .78rem .88rem !important; border: 1px solid #087f83 !important; border-radius: 9px !important; background: #087f83 !important; color: #fff !important; text-decoration: none !important; box-shadow: 0 3px 10px rgba(8,127,131,.12) !important; } html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links .shada-mega-pointsview-cta:hover, html[lang^="en"] body.site header.header.container-header.full-width .shada-mega-links .shada-mega-pointsview-cta:focus-visible { border-color: #066e72 !important; background: #066e72 !important; color: #fff !important; } .shada-mega-pointsview-cta .shada-mega-custom-link__label { display: block; font-weight: 780; line-height: 1.25; } .shada-mega-pointsview-cta .shada-mega-custom-link__description { display: block; margin-top: .22rem; color: rgba(255,255,255,.88); font-size: .80rem; font-weight: 520; line-height: 1.35; } } @media (max-width: 991.98px) { .shada-mobile-pointsview-cta-item { margin: .55rem .55rem .35rem !important; list-style: none !important; } .shada-mobile-pointsview-cta { display: block !important; padding: .82rem .9rem !important; border: 1px solid #087f83 !important; border-radius: 9px !important; background: #087f83 !important; color: #fff !important; text-decoration: none !important; } .shada-mobile-pointsview-cta:hover, .shada-mobile-pointsview-cta:focus, .shada-mobile-pointsview-cta:active { background: #066e72 !important; border-color: #066e72 !important; color: #fff !important; } .shada-mobile-pointsview-cta__label { display: block; font-weight: 760; line-height: 1.25; } .shada-mobile-pointsview-cta__description { display: block; margin-top: .22rem; color: rgba(255,255,255,.88); font-size: .79rem; line-height: 1.35; } } @media (min-width: 992px) { .shada-mega-panel .shada-mega-pointsview-cta-item { display: block !important; width: 100% !important; margin-top: .9rem !important; } .shada-mega-panel .shada-mega-links a.shada-mega-pointsview-cta { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; width: 100% !important; min-height: 0 !important; padding: .82rem .9rem !important; border: 1px solid #087f83 !important; border-radius: 9px !important; background: #087f83 !important; color: #fff !important; text-align: left !important; text-decoration: none !important; box-shadow: 0 3px 10px rgba(8,127,131,.14) !important; } .shada-mega-panel .shada-mega-links a.shada-mega-pointsview-cta:hover, .shada-mega-panel .shada-mega-links a.shada-mega-pointsview-cta:focus-visible { background: #066e72 !important; border-color: #066e72 !important; color: #fff !important; } .shada-mega-pointsview-cta .shada-mega-custom-link__label { display: block !important; width: 100% !important; color: #fff !important; font-size: 1rem !important; font-weight: 780 !important; line-height: 1.25 !important; white-space: normal !important; } .shada-mega-pointsview-cta .shada-mega-custom-link__description { display: block !important; width: 100% !important; margin: .28rem 0 0 !important; color: rgba(255,255,255,.88) !important; font-size: .78rem !important; font-weight: 520 !important; line-height: 1.35 !important; white-space: normal !important; } } @media (max-width: 991.98px) { .shada-mobile-pointsview-cta { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; } .shada-mobile-pointsview-cta__label, .shada-mobile-pointsview-cta__description { display: block !important; width: 100% !important; white-space: normal !important; } } @media (min-width: 992px) { .shada-mega-panel .shada-mega-pointsview-cta-item { width: 100% !important; margin-top: 1rem !important; text-align: center !important; } .shada-mega-panel .shada-mega-links a.shada-mega-pointsview-cta { width: 84% !important; max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; padding: .68rem .78rem !important; align-items: center !important; text-align: center !important; border-radius: 8px !important; } .shada-mega-pointsview-cta .shada-mega-custom-link__label { text-align: center !important; font-size: .96rem !important; line-height: 1.22 !important; } .shada-mega-pointsview-cta .shada-mega-custom-link__description { margin-top: .20rem !important; text-align: center !important; font-size: .74rem !important; line-height: 1.3 !important; } } .shada-service-page--migration-to-australia .shada-mta-fit-card { display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; grid-template-areas: "icon title" "description description" "button button" !important; column-gap: 16px !important; row-gap: 18px !important; align-items: center !important; align-content: start !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card .shada-mta-icon { grid-area: icon !important; width: 58px !important; height: 58px !important; margin: 0 !important; align-self: center !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card .shada-mta-icon svg { width: 32px !important; height: 32px !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card h3 { grid-area: title !important; align-self: center !important; margin: 0 !important; font-size: 1.18rem !important; line-height: 1.3 !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card p { grid-area: description !important; min-height: 3.4em !important; margin: 0 !important; align-self: start !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card .shada-card__button { grid-area: button !important; justify-self: start !important; align-self: end !important; margin: 0 !important; } @media (max-width: 768px) { .shada-service-page--migration-to-australia .shada-mta-fit-card { grid-template-columns: 54px minmax(0, 1fr) !important; column-gap: 14px !important; row-gap: 16px !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card .shada-mta-icon { width: 54px !important; height: 54px !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card p { min-height: 0 !important; } } .shada-service-page--migration-to-australia .shada-mta-fit-card:has(.shada-mta-icon--skilled) p { max-width: 24ch !important; } .shada-service-page--migration-to-australia .shada-mta-fit-card:has(.shada-mta-icon--family) p { max-width: 29ch !important; } @media (max-width: 768px) { .shada-service-page--migration-to-australia .shada-mta-fit-card:has(.shada-mta-icon--skilled) p, .shada-service-page--migration-to-australia .shada-mta-fit-card:has(.shada-mta-icon--family) p { max-width: none !important; } } @media (max-width: 991.98px) { body:not(.shada-mobile-menu-is-open) header.header.container-header #shada-language-selector-138 { display: none !important; } .shada-mobile-menu-drawer li.shada-mobile-accordion-v1-parent { position: relative !important; } .shada-mobile-menu-drawer li.shada-mobile-accordion-v1-parent > a, .shada-mobile-menu-drawer li.shada-mobile-accordion-v1-parent > span { box-sizing: border-box !important; padding-inline-end: 3.25rem !important; } .shada-mobile-menu-drawer li.shada-mobile-accordion-v1-parent > .mm-toggler, .shada-mobile-menu-drawer li.shada-mobile-accordion-v1-parent > .mod-menu__toggle-sub { display: none !important; } .shada-mobile-menu-drawer .shada-mobile-accordion-v1-toggle { position: absolute !important; z-index: 5 !important; top: .38rem !important; inset-inline-end: .35rem !important; width: 2.35rem !important; height: 2.35rem !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; border: 1px solid rgba(15, 109, 115, .24) !important; border-radius: 8px !important; background: #eef7f7 !important; color: #0f6d73 !important; box-shadow: none !important; font-family: Arial, sans-serif !important; font-size: 1.45rem !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; } .shada-mobile-menu-drawer .shada-mobile-accordion-v1-toggle:hover, .shada-mobile-menu-drawer .shada-mobile-accordion-v1-toggle:focus-visible { background: #e3f1f1 !important; border-color: rgba(15, 109, 115, .46) !important; color: #075f63 !important; outline: none !important; } .shada-mobile-menu-drawer .shada-mobile-accordion-v1-submenu[hidden] { display: none !important; } .shada-mobile-menu-drawer .shada-mobile-accordion-v1-submenu:not([hidden]) { display: block !important; position: relative !important; width: 100% !important; margin: .2rem 0 .4rem !important; } } .sgf-v4 .sgf-v4-connect { padding: 12px 0 14px !important; overflow: visible !important; background: #14484d !important; border-top: 1px solid rgba(255, 255, 255, .055) !important; border-bottom: 1px solid rgba(255, 255, 255, .075) !important; } .sgf-v4 .sgf-v4-connect .sgf-v4-wrap { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; } .sgf-v4 .sgf-v4-social-icons { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 14px !important; width: auto !important; min-height: 46px !important; visibility: visible !important; opacity: 1 !important; } .sgf-v4 .sgf-v4-social-icons a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; color: #ffffff !important; background: rgba(255, 255, 255, .10) !important; border: 1px solid rgba(255, 255, 255, .20) !important; border-radius: 999px !important; text-decoration: none !important; transform: none !important; } .sgf-v4 .sgf-v4-social-icons a:hover, .sgf-v4 .sgf-v4-social-icons a:focus-visible { color: #ffffff !important; background: rgba(255, 255, 255, .22) !important; border-color: #ffffff !important; } .sgf-v4 .sgf-v4-social-icons img, .sgf-v4 .sgf-v4-social-icons svg { display: block !important; width: 28px !important; height: 28px !important; max-width: none !important; max-height: none !important; visibility: visible !important; opacity: 1 !important; color: currentColor !important; fill: currentColor !important; } .sgf-v4 .sgf-v4-social-icons img { object-fit: contain !important; filter: brightness(0) invert(1) !important; } .sgf-v4 .sgf-v4-social-icons svg * { fill: currentColor !important; } @media (max-width: 680px) { .sgf-v4 .sgf-v4-social-icons { gap: 10px !important; } .sgf-v4 .sgf-v4-social-icons a { flex-basis: 42px !important; width: 42px !important; height: 42px !important; } .sgf-v4 .sgf-v4-social-icons img, .sgf-v4 .sgf-v4-social-icons svg { width: 27px !important; height: 27px !important; } } .s189-flow { --s189-teal: #0b7f83; --s189-deep: #14484d; --s189-ink: #25383b; --s189-muted: #52686b; --s189-line: #d5e5e6; --s189-soft: #eef7f7; color: var(--s189-ink); } .s189-flow .s189-eyebrow, .s189-flow .s189-stage-label { margin: 0 0 8px; color: var(--s189-teal); font-size: .78rem; font-weight: 800; letter-spacing: .11em; line-height: 1.3; text-transform: uppercase; } .s189-flow .s189-fact-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 24px 0; padding: 0; overflow: hidden; list-style: none; background: var(--s189-line); border: 1px solid var(--s189-line); border-radius: 14px; } .s189-flow .s189-fact-strip li { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 15px 14px; background: #fff; } .s189-flow .s189-fact-strip strong { color: var(--s189-deep); font-size: .95rem; } .s189-flow .s189-fact-strip span { color: var(--s189-muted); font-size: .79rem; line-height: 1.35; } .s189-flow .s189-flow-content { margin-top: clamp(32px, 5vw, 64px); border-top: 1px solid var(--s189-line); } .s189-flow .s189-flow-section { margin: 0; padding: clamp(42px, 6vw, 76px) clamp(8px, 2vw, 24px); background: transparent; border: 0; border-bottom: 1px solid var(--s189-line); border-radius: 0; box-shadow: none; scroll-margin-top: 120px; } .s189-flow .s189-flow-section:nth-child(even) { background: linear-gradient(90deg, transparent 0, rgba(238, 247, 247, .72) 7%, rgba(238, 247, 247, .72) 93%, transparent 100%); } .s189-flow .s189-section-heading { max-width: 980px; margin: 0 0 30px; } .s189-flow .s189-section-heading h2 { margin: 0 0 12px; } .s189-flow .s189-section-heading > p:last-child { max-width: 900px; margin-bottom: 0; color: var(--s189-muted); font-size: 1.03rem; } .s189-flow .s189-requirement-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; background: #fff; border: 1px solid var(--s189-line); border-radius: 16px; } .s189-flow .s189-requirement { padding: 24px; border-right: 1px solid var(--s189-line); border-bottom: 1px solid var(--s189-line); } .s189-flow .s189-requirement:nth-child(2n) { border-right: 0; } .s189-flow .s189-requirement:nth-last-child(-n + 2) { border-bottom: 0; } .s189-flow .s189-requirement h3, .s189-flow .s189-step h3, .s189-flow .s189-split h3, .s189-flow .s189-advice-band h3 { margin: 0 0 8px; color: var(--s189-deep); font-size: 1.12rem; line-height: 1.35; } .s189-flow .s189-requirement p, .s189-flow .s189-step p { margin: 0; color: var(--s189-muted); } .s189-flow .s189-callout { margin: 24px 0 0; padding: 18px 20px; color: var(--s189-deep); background: var(--s189-soft); border-left: 4px solid var(--s189-teal); border-radius: 0 10px 10px 0; } .s189-flow .s189-step-number { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--s189-deep); font-weight: 800; line-height: 1; background: var(--s189-soft); border: 1px solid #bfd8da; border-radius: 50%; } .s189-flow .s189-steps { position: relative; max-width: 1050px; margin: 0; padding: 0; list-style: none; counter-reset: none; } .s189-flow .s189-steps::before { position: absolute; top: 42px; bottom: 42px; left: 21px; width: 2px; content: ""; background: var(--s189-line); } .s189-flow .s189-step { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 18px; align-items: start; padding: 18px 0; } .s189-flow .s189-step-number { position: relative; z-index: 1; background: #fff; } .s189-flow .s189-step > div { padding: 7px 0 20px; border-bottom: 1px solid var(--s189-line); } .s189-flow .s189-step:last-child > div { border-bottom: 0; } .s189-flow .s189-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 5vw, 64px); align-items: start; } .s189-flow .s189-split > div { min-width: 0; } .s189-flow .s189-compact-list, .s189-flow .s189-plain-list { margin-bottom: 0; } .s189-flow .s189-plain-list { padding-left: 1.25rem; } .s189-flow .s189-plain-list li + li { margin-top: 9px; } .s189-flow .s189-link-list { display: grid; gap: 10px; margin-top: 20px; } .s189-flow .s189-link-list a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 16px; color: var(--s189-deep); font-weight: 700; background: #fff; border: 1px solid var(--s189-line); border-radius: 10px; text-decoration: none; } .s189-flow .s189-link-list a:hover, .s189-flow .s189-link-list a:focus-visible { color: #fff; background: var(--s189-teal); border-color: var(--s189-teal); } .s189-flow .s189-advice-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; padding: 28px; background: var(--s189-soft); border-left: 5px solid var(--s189-teal); border-radius: 0 14px 14px 0; } .s189-flow .s189-advice-band p { margin-bottom: 0; } .s189-flow .s189-resource-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; } .s189-flow .s189-resource-links a { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; color: var(--s189-deep); background: #fff; border: 1px solid var(--s189-line); border-radius: 12px; text-decoration: none; } .s189-flow .s189-resource-links a:hover, .s189-flow .s189-resource-links a:focus-visible { border-color: var(--s189-teal); box-shadow: 0 8px 20px rgba(20, 72, 77, .09); } .s189-flow .s189-resource-links span { color: var(--s189-muted); font-size: .92rem; } .s189-flow .s189-faq-list { display: grid; gap: 10px; } .s189-flow .s189-faq-list details { background: #fff; border: 1px solid var(--s189-line); border-radius: 10px; } .s189-flow .s189-faq-list summary { padding: 18px 20px; color: var(--s189-deep); font-weight: 750; cursor: pointer; } .s189-flow .s189-faq-list details p { margin: 0; padding: 0 20px 20px; } .s189-flow .s189-final-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; margin: clamp(44px, 7vw, 84px) 0 0; padding: clamp(28px, 5vw, 46px); color: #fff; background: var(--s189-deep); border-radius: 18px; scroll-margin-top: 120px; } .s189-flow .s189-final-cta .s189-stage-label { color: #8ddbdd; } .s189-flow .s189-final-cta h2, .s189-flow .s189-final-cta p { color: #fff; } .s189-flow .s189-final-cta h2 { margin: 0 0 8px; } .s189-flow .s189-final-cta p:last-child { margin-bottom: 0; } .s189-flow .s189-final-cta .shada-button { color: var(--s189-deep) !important; background: #fff !important; border-color: #fff !important; white-space: nowrap; } .s189-flow .s189-anchor { display: block; height: 0; scroll-margin-top: 120px; } @media (max-width: 900px) { .s189-flow .s189-fact-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .s189-flow .s189-split, .s189-flow .s189-resource-links { grid-template-columns: 1fr; } .s189-flow .s189-advice-band, .s189-flow .s189-final-cta { grid-template-columns: 1fr; align-items: start; } } @media (max-width: 680px) { .s189-flow .s189-fact-strip, .s189-flow .s189-requirement-list { grid-template-columns: 1fr; } .s189-flow .s189-requirement, .s189-flow .s189-requirement:nth-child(2n), .s189-flow .s189-requirement:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid var(--s189-line); } .s189-flow .s189-requirement:last-child { border-bottom: 0; } .s189-flow .s189-flow-section { padding-right: 0; padding-left: 0; } .s189-flow .s189-flow-section:nth-child(even) { background: transparent; } .s189-flow .s189-advice-band { padding: 22px 18px; } .s189-flow .s189-final-cta { border-radius: 14px; } } .s189-flow .s189-eyebrow { margin-bottom: 10px !important; color: #0f6d73 !important; font-size: .82rem !important; letter-spacing: .11em !important; } .s189-flow .s189-fact-strip { border-color: #d9e7e7 !important; border-radius: 14px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .045) !important; } .s189-flow .s189-flow-content { margin-top: 40px !important; border-top: 0 !important; } .s189-flow .s189-flow-section, .s189-flow .s189-flow-section:nth-child(even) { margin: 40px 0 !important; padding: 30px !important; background: #eef7f7 !important; border: 0 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; box-shadow: none !important; } .s189-flow .s189-section-heading { max-width: none !important; margin-bottom: 26px !important; } .s189-flow .s189-stage-label { display: inline-flex !important; align-items: center !important; width: auto !important; min-height: 34px !important; margin: 0 0 14px !important; padding: 7px 12px !important; color: #0f6d73 !important; font-size: .94rem !important; font-weight: 800 !important; letter-spacing: .055em !important; line-height: 1.2 !important; background: rgba(15, 109, 115, .10) !important; border: 1px solid rgba(15, 109, 115, .20) !important; border-radius: 999px !important; } .s189-flow .s189-section-heading h2 { margin: 0 0 15px !important; color: #444 !important; font-family: ShadaRobotoSlab, Georgia, serif !important; font-size: clamp(1.5rem, 2.2vw, 1.8rem) !important; font-weight: 700 !important; line-height: 1.25 !important; } .s189-flow .s189-section-heading > p:last-child { max-width: 1040px !important; color: #1f2933 !important; font-size: 1rem !important; line-height: 1.7 !important; } .s189-flow .s189-requirement-list { gap: 20px !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } .s189-flow .s189-requirement, .s189-flow .s189-requirement:nth-child(2n), .s189-flow .s189-requirement:nth-last-child(-n + 2) { padding: 22px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s189-flow .s189-requirement h3, .s189-flow .s189-step h3, .s189-flow .s189-split h3, .s189-flow .s189-advice-band h3 { margin-bottom: 10px !important; color: #444 !important; font-size: 1.1rem !important; line-height: 1.35 !important; } .s189-flow .s189-requirement p, .s189-flow .s189-step p { color: #1f2933 !important; font-size: 1rem !important; line-height: 1.7 !important; } .s189-flow .s189-callout { margin-top: 22px !important; padding: 18px 20px !important; color: #14484d !important; background: #fff !important; border: 1px solid #d9e7e7 !important; border-left: 4px solid #0f6d73 !important; border-radius: 0 10px 10px 0 !important; } .s189-flow .s189-steps { display: grid !important; gap: 14px !important; max-width: none !important; } .s189-flow .s189-steps::before { display: none !important; } .s189-flow .s189-step { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 18px !important; align-items: start !important; margin: 0 !important; padding: 22px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s189-flow .s189-step-number { width: 40px !important; height: 40px !important; color: #0f6d73 !important; font-size: 1.05rem !important; font-weight: 800 !important; background: rgba(15, 109, 115, .10) !important; border: 1px solid rgba(15, 109, 115, .18) !important; border-radius: 14px !important; } .s189-flow .s189-step > div, .s189-flow .s189-step:last-child > div { padding: 5px 0 0 !important; border-bottom: 0 !important; } .s189-flow .s189-split { gap: 20px !important; } .s189-flow .s189-split > div { padding: 24px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s189-flow .s189-link-list a, .s189-flow .s189-resource-links a, .s189-flow .s189-faq-list details { background: #f9fcfc !important; border-color: #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s189-flow .s189-advice-band { padding: 26px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 0 10px 10px 0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .05) !important; } .s189-flow .s189-faq-list { gap: 14px !important; } .s189-flow .s189-faq-list summary { padding: 20px !important; color: #1f2933 !important; font-size: 1rem !important; } .s189-flow .s189-final-cta { display: block !important; margin: 45px 0 0 !important; padding: 35px !important; color: #1f2933 !important; text-align: center !important; background: #d9ecec !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; } .s189-flow .s189-final-cta .s189-stage-label { color: #0f6d73 !important; } .s189-flow .s189-final-cta h2 { margin: 0 0 10px !important; color: #444 !important; font-family: ShadaRobotoSlab, Georgia, serif !important; font-size: clamp(1.5rem, 2.2vw, 1.8rem) !important; } .s189-flow .s189-final-cta p { color: #1f2933 !important; } .s189-flow .s189-final-cta .shada-button { display: inline-flex !important; margin-top: 18px !important; color: #fff !important; background: #0f6d73 !important; border-color: #0f6d73 !important; } .s189-flow .s189-final-cta .shada-button:hover, .s189-flow .s189-final-cta .shada-button:focus-visible { background: #14484d !important; border-color: #14484d !important; } @media (max-width: 900px) { .s189-flow .s189-advice-band { grid-template-columns: 1fr !important; align-items: start !important; } } @media (max-width: 680px) { .s189-flow .s189-flow-section, .s189-flow .s189-flow-section:nth-child(even) { margin: 28px 0 !important; padding: 24px 18px !important; background: #eef7f7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; } .s189-flow .s189-stage-label { min-height: 32px !important; font-size: .9rem !important; } .s189-flow .s189-requirement-list { gap: 14px !important; } .s189-flow .s189-step { grid-template-columns: 40px minmax(0, 1fr) !important; gap: 14px !important; padding: 18px !important; } .s189-flow .s189-step-number { width: 38px !important; height: 38px !important; } .s189-flow .s189-split > div { padding: 20px !important; } .s189-flow .s189-final-cta { padding: 30px 20px !important; } } .s189-flow .s189-points-layout { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.55fr); gap: 20px; align-items: start; } .s189-flow .s189-age-card, .s189-flow .s189-calculator-card, .s189-flow .s189-points-guidance { padding: 24px; background: #f9fcfc; border: 1px solid #d9e7e7; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .06); } .s189-flow .s189-age-card h3, .s189-flow .s189-calculator-card h3, .s189-flow .s189-points-guidance h3 { margin: 0 0 10px; color: #444; font-size: 1.2rem; line-height: 1.35; } .s189-flow .s189-age-card > p, .s189-flow .s189-calculator-heading p, .s189-flow .s189-points-guidance p { color: #1f2933; font-size: 1rem; line-height: 1.65; } .s189-flow .s189-table-wrap { margin: 20px 0; overflow-x: auto; border: 1px solid #d9e7e7; border-radius: 8px; } .s189-flow .s189-age-table { width: 100%; margin: 0; border-collapse: collapse; background: #fff; } .s189-flow .s189-age-table th, .s189-flow .s189-age-table td { padding: 13px 14px; color: #1f2933; font-size: .97rem; text-align: left; border-bottom: 1px solid #d9e7e7; } .s189-flow .s189-age-table th { color: #14484d; font-weight: 800; background: #e3f1f1; } .s189-flow .s189-age-table th:last-child, .s189-flow .s189-age-table td:last-child { width: 105px; text-align: center; } .s189-flow .s189-age-table tbody tr:last-child td { border-bottom: 0; } .s189-flow .s189-age-table td strong { color: #0f6d73; font-size: 1.08rem; } .s189-flow .s189-age-table td span { display: block; margin-top: 2px; color: #8a3b32; font-size: .72rem; line-height: 1.2; } .s189-flow .s189-age-note { margin-bottom: 0; padding: 14px 16px; color: #14484d !important; background: #e3f1f1; border-left: 4px solid #0f6d73; border-radius: 0 8px 8px 0; } .s189-flow .s189-calculator-heading { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; margin-bottom: 22px; } .s189-flow .s189-calculator-heading p { margin: 0; } .s189-flow .s189-live-total { flex: 0 0 132px; padding: 13px 12px; color: #fff; text-align: center; background: #0f6d73; border-radius: 10px; } .s189-flow .s189-live-total span, .s189-flow .s189-live-total small { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .035em; line-height: 1.2; } .s189-flow .s189-live-total output { display: block; margin: 3px 0; color: #fff; font-size: 2rem; font-weight: 800; line-height: 1; } .s189-flow .s189-calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .s189-flow .s189-calculator-fields label, .s189-flow .s189-calculator-fields label > span { display: block; } .s189-flow .s189-calculator-fields label > span, .s189-flow .s189-bonus-points legend { margin-bottom: 7px; color: #26383a; font-size: .92rem; font-weight: 800; } .s189-flow .s189-calculator-fields select { width: 100%; min-height: 46px; padding: 9px 38px 9px 12px; color: #1f2933; font: inherit; font-size: .93rem; line-height: 1.35; background-color: #fff; border: 1px solid #b8cdce; border-radius: 7px; } .s189-flow .s189-calculator-fields select:focus { border-color: #0f6d73; outline: 3px solid rgba(15, 109, 115, .14); outline-offset: 1px; } .s189-flow .s189-bonus-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 22px 0 0; padding: 18px; background: #eef7f7; border: 1px solid #d9e7e7; border-radius: 8px; } .s189-flow .s189-bonus-points legend { padding: 0 7px; } .s189-flow .s189-bonus-points label { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 8px; align-items: start; color: #1f2933; font-size: .91rem; line-height: 1.4; } .s189-flow .s189-bonus-points input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #0f6d73; } .s189-flow .s189-bonus-points strong { color: #0f6d73; } .s189-flow .s189-calculator-result { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-top: 18px; padding: 15px 16px; color: #14484d; background: #fff; border: 1px solid #d9e7e7; border-left: 4px solid #0f6d73; border-radius: 0 8px 8px 0; } .s189-flow .s189-calculator-result p { margin: 0; color: inherit; font-size: .94rem; font-weight: 700; line-height: 1.45; } .s189-flow .s189-calculator-result[data-result-state="below"] { color: #7a4c00; border-left-color: #b7791f; } .s189-flow .s189-calculator-result[data-result-state="ineligible"] { color: #8a3b32; border-left-color: #a84f43; } .s189-flow .s189-calculator-reset { flex: 0 0 auto; min-height: 40px; padding: 9px 14px; color: #0f6d73; font: inherit; font-size: .86rem; font-weight: 800; background: transparent; border: 1px solid #0f6d73; border-radius: 7px; cursor: pointer; } .s189-flow .s189-calculator-reset:hover, .s189-flow .s189-calculator-reset:focus-visible { color: #fff; background: #0f6d73; } .s189-flow .s189-points-guidance { margin-top: 20px; } .s189-flow .s189-points-guidance p:last-child { margin-bottom: 0; } @media (max-width: 980px) { .s189-flow .s189-points-layout { grid-template-columns: 1fr; } } @media (max-width: 680px) { .s189-flow .s189-age-card, .s189-flow .s189-calculator-card, .s189-flow .s189-points-guidance { padding: 19px; } .s189-flow .s189-calculator-heading { align-items: stretch; flex-direction: column; } .s189-flow .s189-live-total { flex-basis: auto; width: 100%; } .s189-flow .s189-calculator-fields, .s189-flow .s189-bonus-points { grid-template-columns: 1fr; } .s189-flow .s189-calculator-result { align-items: stretch; flex-direction: column; } .s189-flow .s189-calculator-reset { width: 100%; } } .s189-flow #application-process .s189-steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } .s189-flow #application-process .s189-step { align-content: start !important; height: 100% !important; min-height: 168px !important; padding: 24px !important; } .s189-flow #application-process .s189-step > div, .s189-flow #application-process .s189-step:last-child > div { min-width: 0 !important; padding-top: 4px !important; } .s189-flow #application-process .s189-step h3 { margin: 0 0 10px !important; font-size: 1.08rem !important; } .s189-flow #application-process .s189-step p { margin: 0 !important; line-height: 1.58 !important; } .s189-flow #application-process .s189-step:last-child { grid-column: 1 / -1 !important; justify-self: center !important; width: calc(50% - 9px) !important; } .s189-flow .s189-resource-links .s189-featured-guide-card { position: relative !important; grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 7px 24px !important; align-items: center !important; padding: 25px 26px !important; background: #e3f1f1 !important; border: 1px solid #bfd8d9 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; } .s189-flow .s189-resource-links .s189-featured-guide-card strong, .s189-flow .s189-resource-links .s189-featured-guide-card span { grid-column: 1 !important; } .s189-flow .s189-resource-links .s189-featured-guide-card strong { color: #14484d !important; font-size: 1.18rem !important; } .s189-flow .s189-resource-links .s189-featured-guide-card em { grid-column: 2 !important; grid-row: 1 / span 2 !important; color: #0f6d73 !important; font-size: .92rem !important; font-style: normal !important; font-weight: 800 !important; white-space: nowrap !important; } @media (max-width: 900px) { .s189-flow #application-process .s189-steps { grid-template-columns: 1fr !important; } .s189-flow #application-process .s189-step, .s189-flow #application-process .s189-step:last-child { grid-column: auto !important; justify-self: stretch !important; width: auto !important; min-height: 0 !important; } } @media (max-width: 680px) { .s189-flow #application-process .s189-steps { gap: 14px !important; } .s189-flow #application-process .s189-step { padding: 18px !important; } .s189-flow .s189-resource-links .s189-featured-guide-card { grid-template-columns: 1fr !important; gap: 7px !important; padding: 21px 20px !important; } .s189-flow .s189-resource-links .s189-featured-guide-card em { grid-column: 1 !important; grid-row: auto !important; margin-top: 8px !important; } } .s189-flow .s189-resource-links > a { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; } .s189-flow .s189-resource-links .s189-resource-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin-top: 10px !important; padding: 10px 16px !important; color: #fff !important; background: #0f747a !important; border: 1px solid #0f747a !important; border-radius: 7px !important; font-size: .9rem !important; font-weight: 800 !important; line-height: 1.2 !important; } .s189-flow .s189-resource-links > a:hover .s189-resource-button, .s189-flow .s189-resource-links > a:focus-visible .s189-resource-button { background: #0a5c61 !important; border-color: #0a5c61 !important; } .s189-flow .s189-premium-guide { position: relative !important; isolation: isolate !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 22px 34px !important; align-items: center !important; margin: 28px 0 0 !important; padding: 32px 34px !important; overflow: hidden !important; color: #fff !important; background: linear-gradient(135deg, #123f44 0%, #0d686f 100%) !important; border: 1px solid rgba(255,255,255,.2) !important; border-left: 7px solid #efc86f !important; border-radius: 13px !important; box-shadow: 0 14px 30px rgba(16, 65, 70, .18) !important; } .s189-flow .s189-premium-guide::after { content: "" !important; position: absolute !important; z-index: -1 !important; top: -75px !important; right: -55px !important; width: 230px !important; height: 230px !important; border: 38px solid rgba(255,255,255,.055) !important; border-radius: 50% !important; } .s189-flow .s189-premium-guide-kicker { margin: 0 0 7px !important; color: #f2d58d !important; font-size: .78rem !important; font-weight: 900 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } .s189-flow .s189-premium-guide h3 { margin: 0 0 9px !important; color: #fff !important; font-size: clamp(1.45rem, 2.2vw, 2rem) !important; line-height: 1.2 !important; } .s189-flow .s189-premium-guide-copy > p:last-child { max-width: 780px !important; margin: 0 !important; color: rgba(255,255,255,.9) !important; line-height: 1.62 !important; } .s189-flow .s189-premium-guide-button { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 14px 18px !important; color: #173e42 !important; background: #f2d182 !important; border: 1px solid #f5dfa7 !important; border-radius: 8px !important; box-shadow: 0 8px 18px rgba(0,0,0,.16) !important; font-weight: 900 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; } .s189-flow .s189-premium-guide-button:hover, .s189-flow .s189-premium-guide-button:focus-visible { color: #173e42 !important; background: #f7dda0 !important; transform: translateY(-1px) !important; } .s189-flow .s189-faq-list details { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important; } .s189-flow .s189-faq-list details:hover { border-color: #9fc9cb !important; box-shadow: 0 8px 18px rgba(15, 109, 115, .11) !important; } .s189-flow .s189-faq-list summary { position: relative !important; padding: 25px 74px 25px 26px !important; cursor: pointer !important; font-size: 1.2rem !important; line-height: 1.42 !important; list-style: none !important; } .s189-flow .s189-faq-list summary::-webkit-details-marker { display: none !important; } .s189-flow .s189-faq-list summary::marker { content: "" !important; } .s189-flow .s189-faq-list summary::after { content: "+" !important; position: absolute !important; top: 50% !important; right: 23px !important; display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; color: #0f6d73 !important; background: #e4f1f1 !important; border: 1px solid #b8d6d7 !important; border-radius: 50% !important; font-family: Arial, sans-serif !important; font-size: 1.55rem !important; font-weight: 500 !important; line-height: 1 !important; transform: translateY(-50%) !important; } .s189-flow .s189-faq-list details[open] summary::after { content: "−" !important; color: #fff !important; background: #0f6d73 !important; border-color: #0f6d73 !important; } .s189-flow .s189-faq-list details[open] summary { color: #0b5e63 !important; } .s189-flow .s189-faq-list details > p { padding-right: 74px !important; } @media (max-width: 760px) { .s189-flow .s189-premium-guide { grid-template-columns: 1fr !important; gap: 20px !important; padding: 26px 24px !important; } .s189-flow .s189-premium-guide-button { justify-self: start !important; } } @media (max-width: 540px) { .s189-flow .s189-premium-guide { padding: 23px 20px !important; } .s189-flow .s189-premium-guide-button { width: 100% !important; } .s189-flow .s189-faq-list summary { padding: 20px 62px 20px 19px !important; font-size: 1.08rem !important; } .s189-flow .s189-faq-list summary::after { right: 17px !important; width: 32px !important; height: 32px !important; font-size: 1.35rem !important; } .s189-flow .s189-faq-list details > p { padding-right: 19px !important; } } .s190-flow { --s190-teal: #0b7f83; --s190-deep: #14484d; --s190-ink: #25383b; --s190-muted: #52686b; --s190-line: #d5e5e6; --s190-soft: #eef7f7; color: var(--s190-ink); } .s190-flow .s190-eyebrow, .s190-flow .s190-stage-label { margin: 0 0 8px; color: var(--s190-teal); font-size: .78rem; font-weight: 800; letter-spacing: .11em; line-height: 1.3; text-transform: uppercase; } .s190-flow .s190-fact-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 24px 0; padding: 0; overflow: hidden; list-style: none; background: var(--s190-line); border: 1px solid var(--s190-line); border-radius: 14px; } .s190-flow .s190-fact-strip li { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 15px 14px; background: #fff; } .s190-flow .s190-fact-strip strong { color: var(--s190-deep); font-size: .95rem; } .s190-flow .s190-fact-strip span { color: var(--s190-muted); font-size: .79rem; line-height: 1.35; } .s190-flow .s190-flow-content { margin-top: clamp(32px, 5vw, 64px); border-top: 1px solid var(--s190-line); } .s190-flow .s190-flow-section { margin: 0; padding: clamp(42px, 6vw, 76px) clamp(8px, 2vw, 24px); background: transparent; border: 0; border-bottom: 1px solid var(--s190-line); border-radius: 0; box-shadow: none; scroll-margin-top: 120px; } .s190-flow .s190-flow-section:nth-child(even) { background: linear-gradient(90deg, transparent 0, rgba(238, 247, 247, .72) 7%, rgba(238, 247, 247, .72) 93%, transparent 100%); } .s190-flow .s190-section-heading { max-width: 980px; margin: 0 0 30px; } .s190-flow .s190-section-heading h2 { margin: 0 0 12px; } .s190-flow .s190-section-heading > p:last-child { max-width: 900px; margin-bottom: 0; color: var(--s190-muted); font-size: 1.03rem; } .s190-flow .s190-requirement-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; background: #fff; border: 1px solid var(--s190-line); border-radius: 16px; } .s190-flow .s190-requirement { padding: 24px; border-right: 1px solid var(--s190-line); border-bottom: 1px solid var(--s190-line); } .s190-flow .s190-requirement:nth-child(2n) { border-right: 0; } .s190-flow .s190-requirement:nth-last-child(-n + 2) { border-bottom: 0; } .s190-flow .s190-requirement h3, .s190-flow .s190-step h3, .s190-flow .s190-split h3, .s190-flow .s190-advice-band h3 { margin: 0 0 8px; color: var(--s190-deep); font-size: 1.12rem; line-height: 1.35; } .s190-flow .s190-requirement p, .s190-flow .s190-step p { margin: 0; color: var(--s190-muted); } .s190-flow .s190-callout { margin: 24px 0 0; padding: 18px 20px; color: var(--s190-deep); background: var(--s190-soft); border-left: 4px solid var(--s190-teal); border-radius: 0 10px 10px 0; } .s190-flow .s190-step-number { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--s190-deep); font-weight: 800; line-height: 1; background: var(--s190-soft); border: 1px solid #bfd8da; border-radius: 50%; } .s190-flow .s190-steps { position: relative; max-width: 1050px; margin: 0; padding: 0; list-style: none; counter-reset: none; } .s190-flow .s190-steps::before { position: absolute; top: 42px; bottom: 42px; left: 21px; width: 2px; content: ""; background: var(--s190-line); } .s190-flow .s190-step { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 18px; align-items: start; padding: 18px 0; } .s190-flow .s190-step-number { position: relative; z-index: 1; background: #fff; } .s190-flow .s190-step > div { padding: 7px 0 20px; border-bottom: 1px solid var(--s190-line); } .s190-flow .s190-step:last-child > div { border-bottom: 0; } .s190-flow .s190-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 5vw, 64px); align-items: start; } .s190-flow .s190-split > div { min-width: 0; } .s190-flow .s190-compact-list, .s190-flow .s190-plain-list { margin-bottom: 0; } .s190-flow .s190-plain-list { padding-left: 1.25rem; } .s190-flow .s190-plain-list li + li { margin-top: 9px; } .s190-flow .s190-link-list { display: grid; gap: 10px; margin-top: 20px; } .s190-flow .s190-link-list a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 16px; color: var(--s190-deep); font-weight: 700; background: #fff; border: 1px solid var(--s190-line); border-radius: 10px; text-decoration: none; } .s190-flow .s190-link-list a:hover, .s190-flow .s190-link-list a:focus-visible { color: #fff; background: var(--s190-teal); border-color: var(--s190-teal); } .s190-flow .s190-advice-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; padding: 28px; background: var(--s190-soft); border-left: 5px solid var(--s190-teal); border-radius: 0 14px 14px 0; } .s190-flow .s190-advice-band p { margin-bottom: 0; } .s190-flow .s190-resource-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; } .s190-flow .s190-resource-links a { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; color: var(--s190-deep); background: #fff; border: 1px solid var(--s190-line); border-radius: 12px; text-decoration: none; } .s190-flow .s190-resource-links a:hover, .s190-flow .s190-resource-links a:focus-visible { border-color: var(--s190-teal); box-shadow: 0 8px 20px rgba(20, 72, 77, .09); } .s190-flow .s190-resource-links span { color: var(--s190-muted); font-size: .92rem; } .s190-flow .s190-faq-list { display: grid; gap: 10px; } .s190-flow .s190-faq-list details { background: #fff; border: 1px solid var(--s190-line); border-radius: 10px; } .s190-flow .s190-faq-list summary { padding: 18px 20px; color: var(--s190-deep); font-weight: 750; cursor: pointer; } .s190-flow .s190-faq-list details p { margin: 0; padding: 0 20px 20px; } .s190-flow .s190-final-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; margin: clamp(44px, 7vw, 84px) 0 0; padding: clamp(28px, 5vw, 46px); color: #fff; background: var(--s190-deep); border-radius: 18px; scroll-margin-top: 120px; } .s190-flow .s190-final-cta .s190-stage-label { color: #8ddbdd; } .s190-flow .s190-final-cta h2, .s190-flow .s190-final-cta p { color: #fff; } .s190-flow .s190-final-cta h2 { margin: 0 0 8px; } .s190-flow .s190-final-cta p:last-child { margin-bottom: 0; } .s190-flow .s190-final-cta .shada-button { color: var(--s190-deep) !important; background: #fff !important; border-color: #fff !important; white-space: nowrap; } .s190-flow .s190-anchor { display: block; height: 0; scroll-margin-top: 120px; } @media (max-width: 900px) { .s190-flow .s190-fact-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .s190-flow .s190-split, .s190-flow .s190-resource-links { grid-template-columns: 1fr; } .s190-flow .s190-advice-band, .s190-flow .s190-final-cta { grid-template-columns: 1fr; align-items: start; } } @media (max-width: 680px) { .s190-flow .s190-fact-strip, .s190-flow .s190-requirement-list { grid-template-columns: 1fr; } .s190-flow .s190-requirement, .s190-flow .s190-requirement:nth-child(2n), .s190-flow .s190-requirement:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid var(--s190-line); } .s190-flow .s190-requirement:last-child { border-bottom: 0; } .s190-flow .s190-flow-section { padding-right: 0; padding-left: 0; } .s190-flow .s190-flow-section:nth-child(even) { background: transparent; } .s190-flow .s190-advice-band { padding: 22px 18px; } .s190-flow .s190-final-cta { border-radius: 14px; } } .s190-flow .s190-eyebrow { margin-bottom: 10px !important; color: #0f6d73 !important; font-size: .82rem !important; letter-spacing: .11em !important; } .s190-flow .s190-fact-strip { border-color: #d9e7e7 !important; border-radius: 14px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .045) !important; } .s190-flow .s190-flow-content { margin-top: 40px !important; border-top: 0 !important; } .s190-flow .s190-flow-section, .s190-flow .s190-flow-section:nth-child(even) { margin: 40px 0 !important; padding: 30px !important; background: #eef7f7 !important; border: 0 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; box-shadow: none !important; } .s190-flow .s190-section-heading { max-width: none !important; margin-bottom: 26px !important; } .s190-flow .s190-stage-label { display: inline-flex !important; align-items: center !important; width: auto !important; min-height: 34px !important; margin: 0 0 14px !important; padding: 7px 12px !important; color: #0f6d73 !important; font-size: .94rem !important; font-weight: 800 !important; letter-spacing: .055em !important; line-height: 1.2 !important; background: rgba(15, 109, 115, .10) !important; border: 1px solid rgba(15, 109, 115, .20) !important; border-radius: 999px !important; } .s190-flow .s190-section-heading h2 { margin: 0 0 15px !important; color: #444 !important; font-family: ShadaRobotoSlab, Georgia, serif !important; font-size: clamp(1.5rem, 2.2vw, 1.8rem) !important; font-weight: 700 !important; line-height: 1.25 !important; } .s190-flow .s190-section-heading > p:last-child { max-width: 1040px !important; color: #1f2933 !important; font-size: 1rem !important; line-height: 1.7 !important; } .s190-flow .s190-requirement-list { gap: 20px !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } .s190-flow .s190-requirement, .s190-flow .s190-requirement:nth-child(2n), .s190-flow .s190-requirement:nth-last-child(-n + 2) { padding: 22px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s190-flow .s190-requirement h3, .s190-flow .s190-step h3, .s190-flow .s190-split h3, .s190-flow .s190-advice-band h3 { margin-bottom: 10px !important; color: #444 !important; font-size: 1.1rem !important; line-height: 1.35 !important; } .s190-flow .s190-requirement p, .s190-flow .s190-step p { color: #1f2933 !important; font-size: 1rem !important; line-height: 1.7 !important; } .s190-flow .s190-callout { margin-top: 22px !important; padding: 18px 20px !important; color: #14484d !important; background: #fff !important; border: 1px solid #d9e7e7 !important; border-left: 4px solid #0f6d73 !important; border-radius: 0 10px 10px 0 !important; } .s190-flow .s190-steps { display: grid !important; gap: 14px !important; max-width: none !important; } .s190-flow .s190-steps::before { display: none !important; } .s190-flow .s190-step { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 18px !important; align-items: start !important; margin: 0 !important; padding: 22px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s190-flow .s190-step-number { width: 40px !important; height: 40px !important; color: #0f6d73 !important; font-size: 1.05rem !important; font-weight: 800 !important; background: rgba(15, 109, 115, .10) !important; border: 1px solid rgba(15, 109, 115, .18) !important; border-radius: 14px !important; } .s190-flow .s190-step > div, .s190-flow .s190-step:last-child > div { padding: 5px 0 0 !important; border-bottom: 0 !important; } .s190-flow .s190-split { gap: 20px !important; } .s190-flow .s190-split > div { padding: 24px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s190-flow .s190-link-list a, .s190-flow .s190-resource-links a, .s190-flow .s190-faq-list details { background: #f9fcfc !important; border-color: #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s190-flow .s190-advice-band { padding: 26px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 0 10px 10px 0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .05) !important; } .s190-flow .s190-faq-list { gap: 14px !important; } .s190-flow .s190-faq-list summary { padding: 20px !important; color: #1f2933 !important; font-size: 1rem !important; } .s190-flow .s190-final-cta { display: block !important; margin: 45px 0 0 !important; padding: 35px !important; color: #1f2933 !important; text-align: center !important; background: #d9ecec !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; } .s190-flow .s190-final-cta .s190-stage-label { color: #0f6d73 !important; } .s190-flow .s190-final-cta h2 { margin: 0 0 10px !important; color: #444 !important; font-family: ShadaRobotoSlab, Georgia, serif !important; font-size: clamp(1.5rem, 2.2vw, 1.8rem) !important; } .s190-flow .s190-final-cta p { color: #1f2933 !important; } .s190-flow .s190-final-cta .shada-button { display: inline-flex !important; margin-top: 18px !important; color: #fff !important; background: #0f6d73 !important; border-color: #0f6d73 !important; } .s190-flow .s190-final-cta .shada-button:hover, .s190-flow .s190-final-cta .shada-button:focus-visible { background: #14484d !important; border-color: #14484d !important; } @media (max-width: 900px) { .s190-flow .s190-advice-band { grid-template-columns: 1fr !important; align-items: start !important; } } @media (max-width: 680px) { .s190-flow .s190-flow-section, .s190-flow .s190-flow-section:nth-child(even) { margin: 28px 0 !important; padding: 24px 18px !important; background: #eef7f7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; } .s190-flow .s190-stage-label { min-height: 32px !important; font-size: .9rem !important; } .s190-flow .s190-requirement-list { gap: 14px !important; } .s190-flow .s190-step { grid-template-columns: 40px minmax(0, 1fr) !important; gap: 14px !important; padding: 18px !important; } .s190-flow .s190-step-number { width: 38px !important; height: 38px !important; } .s190-flow .s190-split > div { padding: 20px !important; } .s190-flow .s190-final-cta { padding: 30px 20px !important; } } .s190-flow .s190-points-layout { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.55fr); gap: 20px; align-items: start; } .s190-flow .s190-age-card, .s190-flow .s190-calculator-card, .s190-flow .s190-points-guidance { padding: 24px; background: #f9fcfc; border: 1px solid #d9e7e7; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .06); } .s190-flow .s190-age-card h3, .s190-flow .s190-calculator-card h3, .s190-flow .s190-points-guidance h3 { margin: 0 0 10px; color: #444; font-size: 1.2rem; line-height: 1.35; } .s190-flow .s190-age-card > p, .s190-flow .s190-calculator-heading p, .s190-flow .s190-points-guidance p { color: #1f2933; font-size: 1rem; line-height: 1.65; } .s190-flow .s190-table-wrap { margin: 20px 0; overflow-x: auto; border: 1px solid #d9e7e7; border-radius: 8px; } .s190-flow .s190-age-table { width: 100%; margin: 0; border-collapse: collapse; background: #fff; } .s190-flow .s190-age-table th, .s190-flow .s190-age-table td { padding: 13px 14px; color: #1f2933; font-size: .97rem; text-align: left; border-bottom: 1px solid #d9e7e7; } .s190-flow .s190-age-table th { color: #14484d; font-weight: 800; background: #e3f1f1; } .s190-flow .s190-age-table th:last-child, .s190-flow .s190-age-table td:last-child { width: 105px; text-align: center; } .s190-flow .s190-age-table tbody tr:last-child td { border-bottom: 0; } .s190-flow .s190-age-table td strong { color: #0f6d73; font-size: 1.08rem; } .s190-flow .s190-age-table td span { display: block; margin-top: 2px; color: #8a3b32; font-size: .72rem; line-height: 1.2; } .s190-flow .s190-age-note { margin-bottom: 0; padding: 14px 16px; color: #14484d !important; background: #e3f1f1; border-left: 4px solid #0f6d73; border-radius: 0 8px 8px 0; } .s190-flow .s190-calculator-heading { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; margin-bottom: 22px; } .s190-flow .s190-calculator-heading p { margin: 0; } .s190-flow .s190-live-total { flex: 0 0 132px; padding: 13px 12px; color: #fff; text-align: center; background: #0f6d73; border-radius: 10px; } .s190-flow .s190-live-total span, .s190-flow .s190-live-total small { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .035em; line-height: 1.2; } .s190-flow .s190-live-total output { display: block; margin: 3px 0; color: #fff; font-size: 2rem; font-weight: 800; line-height: 1; } .s190-flow .s190-calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .s190-flow .s190-calculator-fields label, .s190-flow .s190-calculator-fields label > span { display: block; } .s190-flow .s190-calculator-fields label > span, .s190-flow .s190-bonus-points legend { margin-bottom: 7px; color: #26383a; font-size: .92rem; font-weight: 800; } .s190-flow .s190-calculator-fields select { width: 100%; min-height: 46px; padding: 9px 38px 9px 12px; color: #1f2933; font: inherit; font-size: .93rem; line-height: 1.35; background-color: #fff; border: 1px solid #b8cdce; border-radius: 7px; } .s190-flow .s190-calculator-fields select:focus { border-color: #0f6d73; outline: 3px solid rgba(15, 109, 115, .14); outline-offset: 1px; } .s190-flow .s190-bonus-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 22px 0 0; padding: 18px; background: #eef7f7; border: 1px solid #d9e7e7; border-radius: 8px; } .s190-flow .s190-bonus-points legend { padding: 0 7px; } .s190-flow .s190-bonus-points label { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 8px; align-items: start; color: #1f2933; font-size: .91rem; line-height: 1.4; } .s190-flow .s190-bonus-points input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #0f6d73; } .s190-flow .s190-bonus-points strong { color: #0f6d73; } .s190-flow .s190-calculator-result { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-top: 18px; padding: 15px 16px; color: #14484d; background: #fff; border: 1px solid #d9e7e7; border-left: 4px solid #0f6d73; border-radius: 0 8px 8px 0; } .s190-flow .s190-calculator-result p { margin: 0; color: inherit; font-size: .94rem; font-weight: 700; line-height: 1.45; } .s190-flow .s190-calculator-result[data-result-state="below"] { color: #7a4c00; border-left-color: #b7791f; } .s190-flow .s190-calculator-result[data-result-state="ineligible"] { color: #8a3b32; border-left-color: #a84f43; } .s190-flow .s190-calculator-reset { flex: 0 0 auto; min-height: 40px; padding: 9px 14px; color: #0f6d73; font: inherit; font-size: .86rem; font-weight: 800; background: transparent; border: 1px solid #0f6d73; border-radius: 7px; cursor: pointer; } .s190-flow .s190-calculator-reset:hover, .s190-flow .s190-calculator-reset:focus-visible { color: #fff; background: #0f6d73; } .s190-flow .s190-points-guidance { margin-top: 20px; } .s190-flow .s190-points-guidance p:last-child { margin-bottom: 0; } @media (max-width: 980px) { .s190-flow .s190-points-layout { grid-template-columns: 1fr; } } @media (max-width: 680px) { .s190-flow .s190-age-card, .s190-flow .s190-calculator-card, .s190-flow .s190-points-guidance { padding: 19px; } .s190-flow .s190-calculator-heading { align-items: stretch; flex-direction: column; } .s190-flow .s190-live-total { flex-basis: auto; width: 100%; } .s190-flow .s190-calculator-fields, .s190-flow .s190-bonus-points { grid-template-columns: 1fr; } .s190-flow .s190-calculator-result { align-items: stretch; flex-direction: column; } .s190-flow .s190-calculator-reset { width: 100%; } } .s190-flow #application-process .s190-steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } .s190-flow #application-process .s190-step { align-content: start !important; height: 100% !important; min-height: 168px !important; padding: 24px !important; } .s190-flow #application-process .s190-step > div, .s190-flow #application-process .s190-step:last-child > div { min-width: 0 !important; padding-top: 4px !important; } .s190-flow #application-process .s190-step h3 { margin: 0 0 10px !important; font-size: 1.08rem !important; } .s190-flow #application-process .s190-step p { margin: 0 !important; line-height: 1.58 !important; } .s190-flow #application-process .s190-step:last-child { grid-column: 1 / -1 !important; justify-self: center !important; width: calc(50% - 9px) !important; } .s190-flow .s190-resource-links .s190-featured-guide-card { position: relative !important; grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 7px 24px !important; align-items: center !important; padding: 25px 26px !important; background: #e3f1f1 !important; border: 1px solid #bfd8d9 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; } .s190-flow .s190-resource-links .s190-featured-guide-card strong, .s190-flow .s190-resource-links .s190-featured-guide-card span { grid-column: 1 !important; } .s190-flow .s190-resource-links .s190-featured-guide-card strong { color: #14484d !important; font-size: 1.18rem !important; } .s190-flow .s190-resource-links .s190-featured-guide-card em { grid-column: 2 !important; grid-row: 1 / span 2 !important; color: #0f6d73 !important; font-size: .92rem !important; font-style: normal !important; font-weight: 800 !important; white-space: nowrap !important; } @media (max-width: 900px) { .s190-flow #application-process .s190-steps { grid-template-columns: 1fr !important; } .s190-flow #application-process .s190-step, .s190-flow #application-process .s190-step:last-child { grid-column: auto !important; justify-self: stretch !important; width: auto !important; min-height: 0 !important; } } @media (max-width: 680px) { .s190-flow #application-process .s190-steps { gap: 14px !important; } .s190-flow #application-process .s190-step { padding: 18px !important; } .s190-flow .s190-resource-links .s190-featured-guide-card { grid-template-columns: 1fr !important; gap: 7px !important; padding: 21px 20px !important; } .s190-flow .s190-resource-links .s190-featured-guide-card em { grid-column: 1 !important; grid-row: auto !important; margin-top: 8px !important; } } .s190-flow .s190-resource-links > a { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; } .s190-flow .s190-resource-links .s190-resource-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin-top: 10px !important; padding: 10px 16px !important; color: #fff !important; background: #0f747a !important; border: 1px solid #0f747a !important; border-radius: 7px !important; font-size: .9rem !important; font-weight: 800 !important; line-height: 1.2 !important; } .s190-flow .s190-resource-links > a:hover .s190-resource-button, .s190-flow .s190-resource-links > a:focus-visible .s190-resource-button { background: #0a5c61 !important; border-color: #0a5c61 !important; } .s190-flow .s190-premium-guide { position: relative !important; isolation: isolate !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 22px 34px !important; align-items: center !important; margin: 28px 0 0 !important; padding: 32px 34px !important; overflow: hidden !important; color: #fff !important; background: linear-gradient(135deg, #123f44 0%, #0d686f 100%) !important; border: 1px solid rgba(255,255,255,.2) !important; border-left: 7px solid #efc86f !important; border-radius: 13px !important; box-shadow: 0 14px 30px rgba(16, 65, 70, .18) !important; } .s190-flow .s190-premium-guide::after { content: "" !important; position: absolute !important; z-index: -1 !important; top: -75px !important; right: -55px !important; width: 230px !important; height: 230px !important; border: 38px solid rgba(255,255,255,.055) !important; border-radius: 50% !important; } .s190-flow .s190-premium-guide-kicker { margin: 0 0 7px !important; color: #f2d58d !important; font-size: .78rem !important; font-weight: 900 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } .s190-flow .s190-premium-guide h3 { margin: 0 0 9px !important; color: #fff !important; font-size: clamp(1.45rem, 2.2vw, 2rem) !important; line-height: 1.2 !important; } .s190-flow .s190-premium-guide-copy > p:last-child { max-width: 780px !important; margin: 0 !important; color: rgba(255,255,255,.9) !important; line-height: 1.62 !important; } .s190-flow .s190-premium-guide-button { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 14px 18px !important; color: #173e42 !important; background: #f2d182 !important; border: 1px solid #f5dfa7 !important; border-radius: 8px !important; box-shadow: 0 8px 18px rgba(0,0,0,.16) !important; font-weight: 900 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; } .s190-flow .s190-premium-guide-button:hover, .s190-flow .s190-premium-guide-button:focus-visible { color: #173e42 !important; background: #f7dda0 !important; transform: translateY(-1px) !important; } .s190-flow .s190-faq-list details { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important; } .s190-flow .s190-faq-list details:hover { border-color: #9fc9cb !important; box-shadow: 0 8px 18px rgba(15, 109, 115, .11) !important; } .s190-flow .s190-faq-list summary { position: relative !important; padding: 25px 74px 25px 26px !important; cursor: pointer !important; font-size: 1.2rem !important; line-height: 1.42 !important; list-style: none !important; } .s190-flow .s190-faq-list summary::-webkit-details-marker { display: none !important; } .s190-flow .s190-faq-list summary::marker { content: "" !important; } .s190-flow .s190-faq-list summary::after { content: "+" !important; position: absolute !important; top: 50% !important; right: 23px !important; display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; color: #0f6d73 !important; background: #e4f1f1 !important; border: 1px solid #b8d6d7 !important; border-radius: 50% !important; font-family: Arial, sans-serif !important; font-size: 1.55rem !important; font-weight: 500 !important; line-height: 1 !important; transform: translateY(-50%) !important; } .s190-flow .s190-faq-list details[open] summary::after { content: "−" !important; color: #fff !important; background: #0f6d73 !important; border-color: #0f6d73 !important; } .s190-flow .s190-faq-list details[open] summary { color: #0b5e63 !important; } .s190-flow .s190-faq-list details > p { padding-right: 74px !important; } @media (max-width: 760px) { .s190-flow .s190-premium-guide { grid-template-columns: 1fr !important; gap: 20px !important; padding: 26px 24px !important; } .s190-flow .s190-premium-guide-button { justify-self: start !important; } } @media (max-width: 540px) { .s190-flow .s190-premium-guide { padding: 23px 20px !important; } .s190-flow .s190-premium-guide-button { width: 100% !important; } .s190-flow .s190-faq-list summary { padding: 20px 62px 20px 19px !important; font-size: 1.08rem !important; } .s190-flow .s190-faq-list summary::after { right: 17px !important; width: 32px !important; height: 32px !important; font-size: 1.35rem !important; } .s190-flow .s190-faq-list details > p { padding-right: 19px !important; } } .s190-flow #application-process .s190-step:last-child { grid-column: auto !important; justify-self: stretch !important; width: auto !important; } .s190-flow .s190-calculator-result[data-result-state="nomination"] { color: #5d4a16 !important; background: #fff7df !important; border-color: #ead49a !important; } .s491-flow { --s491-teal: #0b7f83; --s491-deep: #14484d; --s491-ink: #25383b; --s491-muted: #52686b; --s491-line: #d5e5e6; --s491-soft: #eef7f7; color: var(--s491-ink); } .s491-flow .s491-eyebrow, .s491-flow .s491-stage-label { margin: 0 0 8px; color: var(--s491-teal); font-size: .78rem; font-weight: 800; letter-spacing: .11em; line-height: 1.3; text-transform: uppercase; } .s491-flow .s491-fact-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 24px 0; padding: 0; overflow: hidden; list-style: none; background: var(--s491-line); border: 1px solid var(--s491-line); border-radius: 14px; } .s491-flow .s491-fact-strip li { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 15px 14px; background: #fff; } .s491-flow .s491-fact-strip strong { color: var(--s491-deep); font-size: .95rem; } .s491-flow .s491-fact-strip span { color: var(--s491-muted); font-size: .79rem; line-height: 1.35; } .s491-flow .s491-flow-content { margin-top: clamp(32px, 5vw, 64px); border-top: 1px solid var(--s491-line); } .s491-flow .s491-flow-section { margin: 0; padding: clamp(42px, 6vw, 76px) clamp(8px, 2vw, 24px); background: transparent; border: 0; border-bottom: 1px solid var(--s491-line); border-radius: 0; box-shadow: none; scroll-margin-top: 120px; } .s491-flow .s491-flow-section:nth-child(even) { background: linear-gradient(90deg, transparent 0, rgba(238, 247, 247, .72) 7%, rgba(238, 247, 247, .72) 93%, transparent 100%); } .s491-flow .s491-section-heading { max-width: 980px; margin: 0 0 30px; } .s491-flow .s491-section-heading h2 { margin: 0 0 12px; } .s491-flow .s491-section-heading > p:last-child { max-width: 900px; margin-bottom: 0; color: var(--s491-muted); font-size: 1.03rem; } .s491-flow .s491-requirement-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; background: #fff; border: 1px solid var(--s491-line); border-radius: 16px; } .s491-flow .s491-requirement { padding: 24px; border-right: 1px solid var(--s491-line); border-bottom: 1px solid var(--s491-line); } .s491-flow .s491-requirement:nth-child(2n) { border-right: 0; } .s491-flow .s491-requirement:nth-last-child(-n + 2) { border-bottom: 0; } .s491-flow .s491-requirement h3, .s491-flow .s491-step h3, .s491-flow .s491-split h3, .s491-flow .s491-advice-band h3 { margin: 0 0 8px; color: var(--s491-deep); font-size: 1.12rem; line-height: 1.35; } .s491-flow .s491-requirement p, .s491-flow .s491-step p { margin: 0; color: var(--s491-muted); } .s491-flow .s491-callout { margin: 24px 0 0; padding: 18px 20px; color: var(--s491-deep); background: var(--s491-soft); border-left: 4px solid var(--s491-teal); border-radius: 0 10px 10px 0; } .s491-flow .s491-step-number { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--s491-deep); font-weight: 800; line-height: 1; background: var(--s491-soft); border: 1px solid #bfd8da; border-radius: 50%; } .s491-flow .s491-steps { position: relative; max-width: 1050px; margin: 0; padding: 0; list-style: none; counter-reset: none; } .s491-flow .s491-steps::before { position: absolute; top: 42px; bottom: 42px; left: 21px; width: 2px; content: ""; background: var(--s491-line); } .s491-flow .s491-step { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 18px; align-items: start; padding: 18px 0; } .s491-flow .s491-step-number { position: relative; z-index: 1; background: #fff; } .s491-flow .s491-step > div { padding: 7px 0 20px; border-bottom: 1px solid var(--s491-line); } .s491-flow .s491-step:last-child > div { border-bottom: 0; } .s491-flow .s491-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 5vw, 64px); align-items: start; } .s491-flow .s491-split > div { min-width: 0; } .s491-flow .s491-compact-list, .s491-flow .s491-plain-list { margin-bottom: 0; } .s491-flow .s491-plain-list { padding-left: 1.25rem; } .s491-flow .s491-plain-list li + li { margin-top: 9px; } .s491-flow .s491-link-list { display: grid; gap: 10px; margin-top: 20px; } .s491-flow .s491-link-list a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 16px; color: var(--s491-deep); font-weight: 700; background: #fff; border: 1px solid var(--s491-line); border-radius: 10px; text-decoration: none; } .s491-flow .s491-link-list a:hover, .s491-flow .s491-link-list a:focus-visible { color: #fff; background: var(--s491-teal); border-color: var(--s491-teal); } .s491-flow .s491-advice-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; padding: 28px; background: var(--s491-soft); border-left: 5px solid var(--s491-teal); border-radius: 0 14px 14px 0; } .s491-flow .s491-advice-band p { margin-bottom: 0; } .s491-flow .s491-resource-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; } .s491-flow .s491-resource-links a { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; color: var(--s491-deep); background: #fff; border: 1px solid var(--s491-line); border-radius: 12px; text-decoration: none; } .s491-flow .s491-resource-links a:hover, .s491-flow .s491-resource-links a:focus-visible { border-color: var(--s491-teal); box-shadow: 0 8px 20px rgba(20, 72, 77, .09); } .s491-flow .s491-resource-links span { color: var(--s491-muted); font-size: .92rem; } .s491-flow .s491-faq-list { display: grid; gap: 10px; } .s491-flow .s491-faq-list details { background: #fff; border: 1px solid var(--s491-line); border-radius: 10px; } .s491-flow .s491-faq-list summary { padding: 18px 20px; color: var(--s491-deep); font-weight: 750; cursor: pointer; } .s491-flow .s491-faq-list details p { margin: 0; padding: 0 20px 20px; } .s491-flow .s491-final-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; margin: clamp(44px, 7vw, 84px) 0 0; padding: clamp(28px, 5vw, 46px); color: #fff; background: var(--s491-deep); border-radius: 18px; scroll-margin-top: 120px; } .s491-flow .s491-final-cta .s491-stage-label { color: #8ddbdd; } .s491-flow .s491-final-cta h2, .s491-flow .s491-final-cta p { color: #fff; } .s491-flow .s491-final-cta h2 { margin: 0 0 8px; } .s491-flow .s491-final-cta p:last-child { margin-bottom: 0; } .s491-flow .s491-final-cta .shada-button { color: var(--s491-deep) !important; background: #fff !important; border-color: #fff !important; white-space: nowrap; } .s491-flow .s491-anchor { display: block; height: 0; scroll-margin-top: 120px; } @media (max-width: 900px) { .s491-flow .s491-fact-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .s491-flow .s491-split, .s491-flow .s491-resource-links { grid-template-columns: 1fr; } .s491-flow .s491-advice-band, .s491-flow .s491-final-cta { grid-template-columns: 1fr; align-items: start; } } @media (max-width: 680px) { .s491-flow .s491-fact-strip, .s491-flow .s491-requirement-list { grid-template-columns: 1fr; } .s491-flow .s491-requirement, .s491-flow .s491-requirement:nth-child(2n), .s491-flow .s491-requirement:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid var(--s491-line); } .s491-flow .s491-requirement:last-child { border-bottom: 0; } .s491-flow .s491-flow-section { padding-right: 0; padding-left: 0; } .s491-flow .s491-flow-section:nth-child(even) { background: transparent; } .s491-flow .s491-advice-band { padding: 22px 18px; } .s491-flow .s491-final-cta { border-radius: 14px; } } .s491-flow .s491-eyebrow { margin-bottom: 10px !important; color: #0f6d73 !important; font-size: .82rem !important; letter-spacing: .11em !important; } .s491-flow .s491-fact-strip { border-color: #d9e7e7 !important; border-radius: 14px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .045) !important; } .s491-flow .s491-flow-content { margin-top: 40px !important; border-top: 0 !important; } .s491-flow .s491-flow-section, .s491-flow .s491-flow-section:nth-child(even) { margin: 40px 0 !important; padding: 30px !important; background: #eef7f7 !important; border: 0 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; box-shadow: none !important; } .s491-flow .s491-section-heading { max-width: none !important; margin-bottom: 26px !important; } .s491-flow .s491-stage-label { display: inline-flex !important; align-items: center !important; width: auto !important; min-height: 34px !important; margin: 0 0 14px !important; padding: 7px 12px !important; color: #0f6d73 !important; font-size: .94rem !important; font-weight: 800 !important; letter-spacing: .055em !important; line-height: 1.2 !important; background: rgba(15, 109, 115, .10) !important; border: 1px solid rgba(15, 109, 115, .20) !important; border-radius: 999px !important; } .s491-flow .s491-section-heading h2 { margin: 0 0 15px !important; color: #444 !important; font-family: ShadaRobotoSlab, Georgia, serif !important; font-size: clamp(1.5rem, 2.2vw, 1.8rem) !important; font-weight: 700 !important; line-height: 1.25 !important; } .s491-flow .s491-section-heading > p:last-child { max-width: 1040px !important; color: #1f2933 !important; font-size: 1rem !important; line-height: 1.7 !important; } .s491-flow .s491-requirement-list { gap: 20px !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } .s491-flow .s491-requirement, .s491-flow .s491-requirement:nth-child(2n), .s491-flow .s491-requirement:nth-last-child(-n + 2) { padding: 22px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s491-flow .s491-requirement h3, .s491-flow .s491-step h3, .s491-flow .s491-split h3, .s491-flow .s491-advice-band h3 { margin-bottom: 10px !important; color: #444 !important; font-size: 1.1rem !important; line-height: 1.35 !important; } .s491-flow .s491-requirement p, .s491-flow .s491-step p { color: #1f2933 !important; font-size: 1rem !important; line-height: 1.7 !important; } .s491-flow .s491-callout { margin-top: 22px !important; padding: 18px 20px !important; color: #14484d !important; background: #fff !important; border: 1px solid #d9e7e7 !important; border-left: 4px solid #0f6d73 !important; border-radius: 0 10px 10px 0 !important; } .s491-flow .s491-steps { display: grid !important; gap: 14px !important; max-width: none !important; } .s491-flow .s491-steps::before { display: none !important; } .s491-flow .s491-step { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 18px !important; align-items: start !important; margin: 0 !important; padding: 22px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s491-flow .s491-step-number { width: 40px !important; height: 40px !important; color: #0f6d73 !important; font-size: 1.05rem !important; font-weight: 800 !important; background: rgba(15, 109, 115, .10) !important; border: 1px solid rgba(15, 109, 115, .18) !important; border-radius: 14px !important; } .s491-flow .s491-step > div, .s491-flow .s491-step:last-child > div { padding: 5px 0 0 !important; border-bottom: 0 !important; } .s491-flow .s491-split { gap: 20px !important; } .s491-flow .s491-split > div { padding: 24px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s491-flow .s491-link-list a, .s491-flow .s491-resource-links a, .s491-flow .s491-faq-list details { background: #f9fcfc !important; border-color: #d9e7e7 !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .06) !important; } .s491-flow .s491-advice-band { padding: 26px !important; background: #f9fcfc !important; border: 1px solid #d9e7e7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 0 10px 10px 0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .05) !important; } .s491-flow .s491-faq-list { gap: 14px !important; } .s491-flow .s491-faq-list summary { padding: 20px !important; color: #1f2933 !important; font-size: 1rem !important; } .s491-flow .s491-final-cta { display: block !important; margin: 45px 0 0 !important; padding: 35px !important; color: #1f2933 !important; text-align: center !important; background: #d9ecec !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; } .s491-flow .s491-final-cta .s491-stage-label { color: #0f6d73 !important; } .s491-flow .s491-final-cta h2 { margin: 0 0 10px !important; color: #444 !important; font-family: ShadaRobotoSlab, Georgia, serif !important; font-size: clamp(1.5rem, 2.2vw, 1.8rem) !important; } .s491-flow .s491-final-cta p { color: #1f2933 !important; } .s491-flow .s491-final-cta .shada-button { display: inline-flex !important; margin-top: 18px !important; color: #fff !important; background: #0f6d73 !important; border-color: #0f6d73 !important; } .s491-flow .s491-final-cta .shada-button:hover, .s491-flow .s491-final-cta .shada-button:focus-visible { background: #14484d !important; border-color: #14484d !important; } @media (max-width: 900px) { .s491-flow .s491-advice-band { grid-template-columns: 1fr !important; align-items: start !important; } } @media (max-width: 680px) { .s491-flow .s491-flow-section, .s491-flow .s491-flow-section:nth-child(even) { margin: 28px 0 !important; padding: 24px 18px !important; background: #eef7f7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; } .s491-flow .s491-stage-label { min-height: 32px !important; font-size: .9rem !important; } .s491-flow .s491-requirement-list { gap: 14px !important; } .s491-flow .s491-step { grid-template-columns: 40px minmax(0, 1fr) !important; gap: 14px !important; padding: 18px !important; } .s491-flow .s491-step-number { width: 38px !important; height: 38px !important; } .s491-flow .s491-split > div { padding: 20px !important; } .s491-flow .s491-final-cta { padding: 30px 20px !important; } } .s491-flow .s491-points-layout { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.55fr); gap: 20px; align-items: start; } .s491-flow .s491-age-card, .s491-flow .s491-calculator-card, .s491-flow .s491-points-guidance { padding: 24px; background: #f9fcfc; border: 1px solid #d9e7e7; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .06); } .s491-flow .s491-age-card h3, .s491-flow .s491-calculator-card h3, .s491-flow .s491-points-guidance h3 { margin: 0 0 10px; color: #444; font-size: 1.2rem; line-height: 1.35; } .s491-flow .s491-age-card > p, .s491-flow .s491-calculator-heading p, .s491-flow .s491-points-guidance p { color: #1f2933; font-size: 1rem; line-height: 1.65; } .s491-flow .s491-table-wrap { margin: 20px 0; overflow-x: auto; border: 1px solid #d9e7e7; border-radius: 8px; } .s491-flow .s491-age-table { width: 100%; margin: 0; border-collapse: collapse; background: #fff; } .s491-flow .s491-age-table th, .s491-flow .s491-age-table td { padding: 13px 14px; color: #1f2933; font-size: .97rem; text-align: left; border-bottom: 1px solid #d9e7e7; } .s491-flow .s491-age-table th { color: #14484d; font-weight: 800; background: #e3f1f1; } .s491-flow .s491-age-table th:last-child, .s491-flow .s491-age-table td:last-child { width: 105px; text-align: center; } .s491-flow .s491-age-table tbody tr:last-child td { border-bottom: 0; } .s491-flow .s491-age-table td strong { color: #0f6d73; font-size: 1.08rem; } .s491-flow .s491-age-table td span { display: block; margin-top: 2px; color: #8a3b32; font-size: .72rem; line-height: 1.2; } .s491-flow .s491-age-note { margin-bottom: 0; padding: 14px 16px; color: #14484d !important; background: #e3f1f1; border-left: 4px solid #0f6d73; border-radius: 0 8px 8px 0; } .s491-flow .s491-calculator-heading { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; margin-bottom: 22px; } .s491-flow .s491-calculator-heading p { margin: 0; } .s491-flow .s491-live-total { flex: 0 0 132px; padding: 13px 12px; color: #fff; text-align: center; background: #0f6d73; border-radius: 10px; } .s491-flow .s491-live-total span, .s491-flow .s491-live-total small { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .035em; line-height: 1.2; } .s491-flow .s491-live-total output { display: block; margin: 3px 0; color: #fff; font-size: 2rem; font-weight: 800; line-height: 1; } .s491-flow .s491-calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .s491-flow .s491-calculator-fields label, .s491-flow .s491-calculator-fields label > span { display: block; } .s491-flow .s491-calculator-fields label > span, .s491-flow .s491-bonus-points legend { margin-bottom: 7px; color: #26383a; font-size: .92rem; font-weight: 800; } .s491-flow .s491-calculator-fields select { width: 100%; min-height: 46px; padding: 9px 38px 9px 12px; color: #1f2933; font: inherit; font-size: .93rem; line-height: 1.35; background-color: #fff; border: 1px solid #b8cdce; border-radius: 7px; } .s491-flow .s491-calculator-fields select:focus { border-color: #0f6d73; outline: 3px solid rgba(15, 109, 115, .14); outline-offset: 1px; } .s491-flow .s491-bonus-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 22px 0 0; padding: 18px; background: #eef7f7; border: 1px solid #d9e7e7; border-radius: 8px; } .s491-flow .s491-bonus-points legend { padding: 0 7px; } .s491-flow .s491-bonus-points label { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 8px; align-items: start; color: #1f2933; font-size: .91rem; line-height: 1.4; } .s491-flow .s491-bonus-points input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #0f6d73; } .s491-flow .s491-bonus-points strong { color: #0f6d73; } .s491-flow .s491-calculator-result { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-top: 18px; padding: 15px 16px; color: #14484d; background: #fff; border: 1px solid #d9e7e7; border-left: 4px solid #0f6d73; border-radius: 0 8px 8px 0; } .s491-flow .s491-calculator-result p { margin: 0; color: inherit; font-size: .94rem; font-weight: 700; line-height: 1.45; } .s491-flow .s491-calculator-result[data-result-state="below"] { color: #7a4c00; border-left-color: #b7791f; } .s491-flow .s491-calculator-result[data-result-state="ineligible"] { color: #8a3b32; border-left-color: #a84f43; } .s491-flow .s491-calculator-reset { flex: 0 0 auto; min-height: 40px; padding: 9px 14px; color: #0f6d73; font: inherit; font-size: .86rem; font-weight: 800; background: transparent; border: 1px solid #0f6d73; border-radius: 7px; cursor: pointer; } .s491-flow .s491-calculator-reset:hover, .s491-flow .s491-calculator-reset:focus-visible { color: #fff; background: #0f6d73; } .s491-flow .s491-points-guidance { margin-top: 20px; } .s491-flow .s491-points-guidance p:last-child { margin-bottom: 0; } @media (max-width: 980px) { .s491-flow .s491-points-layout { grid-template-columns: 1fr; } } @media (max-width: 680px) { .s491-flow .s491-age-card, .s491-flow .s491-calculator-card, .s491-flow .s491-points-guidance { padding: 19px; } .s491-flow .s491-calculator-heading { align-items: stretch; flex-direction: column; } .s491-flow .s491-live-total { flex-basis: auto; width: 100%; } .s491-flow .s491-calculator-fields, .s491-flow .s491-bonus-points { grid-template-columns: 1fr; } .s491-flow .s491-calculator-result { align-items: stretch; flex-direction: column; } .s491-flow .s491-calculator-reset { width: 100%; } } .s491-flow #application-process .s491-steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } .s491-flow #application-process .s491-step { align-content: start !important; height: 100% !important; min-height: 168px !important; padding: 24px !important; } .s491-flow #application-process .s491-step > div, .s491-flow #application-process .s491-step:last-child > div { min-width: 0 !important; padding-top: 4px !important; } .s491-flow #application-process .s491-step h3 { margin: 0 0 10px !important; font-size: 1.08rem !important; } .s491-flow #application-process .s491-step p { margin: 0 !important; line-height: 1.58 !important; } .s491-flow #application-process .s491-step:last-child { grid-column: 1 / -1 !important; justify-self: center !important; width: calc(50% - 9px) !important; } .s491-flow .s491-resource-links .s491-featured-guide-card { position: relative !important; grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 7px 24px !important; align-items: center !important; padding: 25px 26px !important; background: #e3f1f1 !important; border: 1px solid #bfd8d9 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; } .s491-flow .s491-resource-links .s491-featured-guide-card strong, .s491-flow .s491-resource-links .s491-featured-guide-card span { grid-column: 1 !important; } .s491-flow .s491-resource-links .s491-featured-guide-card strong { color: #14484d !important; font-size: 1.18rem !important; } .s491-flow .s491-resource-links .s491-featured-guide-card em { grid-column: 2 !important; grid-row: 1 / span 2 !important; color: #0f6d73 !important; font-size: .92rem !important; font-style: normal !important; font-weight: 800 !important; white-space: nowrap !important; } @media (max-width: 900px) { .s491-flow #application-process .s491-steps { grid-template-columns: 1fr !important; } .s491-flow #application-process .s491-step, .s491-flow #application-process .s491-step:last-child { grid-column: auto !important; justify-self: stretch !important; width: auto !important; min-height: 0 !important; } } @media (max-width: 680px) { .s491-flow #application-process .s491-steps { gap: 14px !important; } .s491-flow #application-process .s491-step { padding: 18px !important; } .s491-flow .s491-resource-links .s491-featured-guide-card { grid-template-columns: 1fr !important; gap: 7px !important; padding: 21px 20px !important; } .s491-flow .s491-resource-links .s491-featured-guide-card em { grid-column: 1 !important; grid-row: auto !important; margin-top: 8px !important; } } .s491-flow .s491-resource-links > a { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; } .s491-flow .s491-resource-links .s491-resource-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin-top: 10px !important; padding: 10px 16px !important; color: #fff !important; background: #0f747a !important; border: 1px solid #0f747a !important; border-radius: 7px !important; font-size: .9rem !important; font-weight: 800 !important; line-height: 1.2 !important; } .s491-flow .s491-resource-links > a:hover .s491-resource-button, .s491-flow .s491-resource-links > a:focus-visible .s491-resource-button { background: #0a5c61 !important; border-color: #0a5c61 !important; } .s491-flow .s491-premium-guide { position: relative !important; isolation: isolate !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 22px 34px !important; align-items: center !important; margin: 28px 0 0 !important; padding: 32px 34px !important; overflow: hidden !important; color: #fff !important; background: linear-gradient(135deg, #123f44 0%, #0d686f 100%) !important; border: 1px solid rgba(255,255,255,.2) !important; border-left: 7px solid #efc86f !important; border-radius: 13px !important; box-shadow: 0 14px 30px rgba(16, 65, 70, .18) !important; } .s491-flow .s491-premium-guide::after { content: "" !important; position: absolute !important; z-index: -1 !important; top: -75px !important; right: -55px !important; width: 230px !important; height: 230px !important; border: 38px solid rgba(255,255,255,.055) !important; border-radius: 50% !important; } .s491-flow .s491-premium-guide-kicker { margin: 0 0 7px !important; color: #f2d58d !important; font-size: .78rem !important; font-weight: 900 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } .s491-flow .s491-premium-guide h3 { margin: 0 0 9px !important; color: #fff !important; font-size: clamp(1.45rem, 2.2vw, 2rem) !important; line-height: 1.2 !important; } .s491-flow .s491-premium-guide-copy > p:last-child { max-width: 780px !important; margin: 0 !important; color: rgba(255,255,255,.9) !important; line-height: 1.62 !important; } .s491-flow .s491-premium-guide-button { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 14px 18px !important; color: #173e42 !important; background: #f2d182 !important; border: 1px solid #f5dfa7 !important; border-radius: 8px !important; box-shadow: 0 8px 18px rgba(0,0,0,.16) !important; font-weight: 900 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; } .s491-flow .s491-premium-guide-button:hover, .s491-flow .s491-premium-guide-button:focus-visible { color: #173e42 !important; background: #f7dda0 !important; transform: translateY(-1px) !important; } .s491-flow .s491-faq-list details { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important; } .s491-flow .s491-faq-list details:hover { border-color: #9fc9cb !important; box-shadow: 0 8px 18px rgba(15, 109, 115, .11) !important; } .s491-flow .s491-faq-list summary { position: relative !important; padding: 25px 74px 25px 26px !important; cursor: pointer !important; font-size: 1.2rem !important; line-height: 1.42 !important; list-style: none !important; } .s491-flow .s491-faq-list summary::-webkit-details-marker { display: none !important; } .s491-flow .s491-faq-list summary::marker { content: "" !important; } .s491-flow .s491-faq-list summary::after { content: "+" !important; position: absolute !important; top: 50% !important; right: 23px !important; display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; color: #0f6d73 !important; background: #e4f1f1 !important; border: 1px solid #b8d6d7 !important; border-radius: 50% !important; font-family: Arial, sans-serif !important; font-size: 1.55rem !important; font-weight: 500 !important; line-height: 1 !important; transform: translateY(-50%) !important; } .s491-flow .s491-faq-list details[open] summary::after { content: "−" !important; color: #fff !important; background: #0f6d73 !important; border-color: #0f6d73 !important; } .s491-flow .s491-faq-list details[open] summary { color: #0b5e63 !important; } .s491-flow .s491-faq-list details > p { padding-right: 74px !important; } @media (max-width: 760px) { .s491-flow .s491-premium-guide { grid-template-columns: 1fr !important; gap: 20px !important; padding: 26px 24px !important; } .s491-flow .s491-premium-guide-button { justify-self: start !important; } } @media (max-width: 540px) { .s491-flow .s491-premium-guide { padding: 23px 20px !important; } .s491-flow .s491-premium-guide-button { width: 100% !important; } .s491-flow .s491-faq-list summary { padding: 20px 62px 20px 19px !important; font-size: 1.08rem !important; } .s491-flow .s491-faq-list summary::after { right: 17px !important; width: 32px !important; height: 32px !important; font-size: 1.35rem !important; } .s491-flow .s491-faq-list details > p { padding-right: 19px !important; } } .s491-flow #application-process .s491-step:last-child { grid-column: auto !important; justify-self: stretch !important; width: auto !important; } .s491-flow .s491-calculator-result[data-result-state="regional-support"] { color: #5d4a16 !important; background: #fff7df !important; border-color: #ead49a !important; } html[lang="en-au"] body.com_zoo .shada-zoo-article__author { margin-top: 3rem !important; padding: clamp(1.25rem, 2.4vw, 2rem) !important; background: #f4f9f9 !important; border: 1px solid #d8e7e8 !important; border-left: 5px solid #0f766e !important; border-radius: 16px !important; } html[lang="en-au"] body.com_zoo .shada-zoo-article__author > .uk-panel-title { margin: 0 0 1.25rem !important; color: #123f42 !important; font-size: clamp(1.55rem, 2.1vw, 2rem) !important; line-height: 1.2 !important; } html[lang="en-au"] body.com_zoo .shada-zoo-article__author > .uk-margin { margin: 0 !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card { display: grid !important; grid-template-columns: 132px minmax(0, 1fr) !important; gap: clamp(1.25rem, 2.5vw, 2rem) !important; align-items: center !important; padding: clamp(1.25rem, 2.5vw, 2rem) !important; background: #fff !important; border: 1px solid #d5e3e4 !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(18, 63, 66, 0.08) !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card__image { width: 132px !important; height: 132px !important; margin: 0 !important; border-radius: 16px !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card__image > a { display: block !important; width: 132px !important; height: 132px !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 3px solid #d8e7e8 !important; border-radius: 16px !important; box-shadow: none !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card__image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 18% !important; border: 0 !important; border-radius: 12px !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card__title { margin: 0 0 .65rem !important; font-size: clamp(1.4rem, 1.8vw, 1.75rem) !important; line-height: 1.2 !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card__title a { color: #123f42 !important; text-decoration: none !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card__text, html[lang="en-au"] body.com_zoo .shada-zoo-author-card__text p, html[lang="en-au"] body.com_zoo .shada-zoo-author-card__text .uk-margin { margin: 0 !important; color: #354f52 !important; font-size: 1rem !important; line-height: 1.75 !important; } @media (max-width: 700px) { html[lang="en-au"] body.com_zoo .shada-zoo-author-card { grid-template-columns: 1fr !important; text-align: center !important; } html[lang="en-au"] body.com_zoo .shada-zoo-author-card__image { margin-inline: auto !important; } } .family-detail-page{--family-teal:#0d7c82;--family-dark:#123f43;--family-mist:#edf8f8;--family-line:#c8dfe0;--family-shadow:0 10px 24px rgba(18,63,67,.08);color:#25363c;font-size:1rem} .family-detail-page,.family-detail-page *,.family-detail-page *::before,.family-detail-page *::after{box-sizing:border-box} .com-content-article.item-page:has(.family-detail-page)>.page-header{display:none!important} .family-detail-page h1,.family-detail-page h2,.family-detail-page h3,.family-detail-page h4{color:var(--family-dark);line-height:1.22} .family-detail-page p,.family-detail-page li,.family-detail-page dd{line-height:1.65} .family-detail-intro-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:28px;align-items:start;margin:1.25rem 0 3rem} .family-detail-hero,.family-detail-toc{border:1px solid var(--family-line);border-radius:18px;background:#fff;box-shadow:var(--family-shadow);overflow:hidden} .family-detail-hero{display:block} .family-detail-hero-media{min-height:360px;background:#e4f0f0} .family-detail-hero-media img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover} .family-detail-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:34px} .family-detail-kicker,.family-detail-stage-label{margin:0 0 .65rem;color:var(--family-teal);font-size:.88rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase} .family-detail-hero h1{margin:0 0 1rem;font-size:clamp(2rem,3vw,3rem)} .family-detail-hero-copy>p{font-size:1.08rem} .family-detail-hero-copy ul{display:grid;gap:.45rem;margin:1rem 0 0;padding-left:1.3rem} .family-detail-toc{padding:24px} .family-detail-toc strong{display:block;margin:0 0 1rem;color:var(--family-dark);font-family:ShadaRobotoSlab,Georgia,serif;font-size:1.35rem} .family-detail-toc ol,.family-detail-toc ul{display:grid;gap:9px;margin:0;padding:0;list-style:none} .family-detail-toc a{display:block;padding:11px 13px;border:1px solid #d8e7e8;border-radius:10px;color:var(--family-teal);font-weight:750;text-decoration:none;background:#fff} .family-detail-toc a:hover,.family-detail-toc a:focus{background:var(--family-mist);border-color:#9bc9cc} @media (min-width:901px){.family-detail-toc{position:sticky!important;top:98px!important;align-self:start!important;z-index:2!important}} .family-detail-content{display:grid;gap:34px} .family-detail-section{scroll-margin-top:120px;padding:36px 38px;border-left:6px solid var(--family-teal);border-radius:0 16px 16px 0;background:var(--family-mist)} .family-detail-section>h2,.family-detail-section>h3{margin:0 0 .8rem;font-size:clamp(1.55rem,2.3vw,2.25rem)} .family-detail-stage-label+*{margin-top:0!important} .family-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;margin-top:20px} .family-detail-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))} .family-detail-card{display:flex!important;flex-direction:column;padding:22px!important;border:1px solid var(--family-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 14px rgba(18,63,67,.06);color:#25363c!important;text-decoration:none!important} .family-detail-card h3,.family-detail-card h4{margin:0 0 .65rem!important;font-size:1.16rem} .family-detail-card p:last-child{margin-bottom:0} .family-detail-card--link:hover{border-color:#8bbfc2!important;box-shadow:0 8px 19px rgba(18,63,67,.11);transform:translateY(-1px)} .family-detail-card span{align-self:flex-start;margin-top:auto;padding-top:.8rem;color:var(--family-teal)!important;font-weight:800} .family-detail-section>a{color:var(--family-teal);font-weight:750} .family-detail-section table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;background:#fff} .family-detail-section th,.family-detail-section td{padding:13px 15px;border:1px solid var(--family-line);text-align:left;vertical-align:top} .family-detail-section th{color:var(--family-dark);background:#dceeee} .family-detail-faq-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:18px} .family-detail-faq-list details,.family-detail-faq-item{border:1px solid var(--family-line);border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(18,63,67,.05);overflow:hidden} .family-detail-faq-list summary,.family-detail-faq-item>summary{position:relative;padding:20px 58px 20px 22px;color:var(--family-dark);cursor:pointer;font-size:1.15rem;font-weight:800;list-style:none} .family-detail-faq-list summary::-webkit-details-marker,.family-detail-faq-item>summary::-webkit-details-marker{display:none} .family-detail-faq-list summary::after,.family-detail-faq-item>summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#fff;background:var(--family-teal);font-size:1.3rem} .family-detail-faq-list details[open] summary::after,.family-detail-faq-item[open]>summary::after{content:'−'} .family-detail-faq-list details>div,.family-detail-faq-item>div{padding:0 22px 20px} .family-detail-faq-list details>div>:last-child,.family-detail-faq-item>div>:last-child{margin-bottom:0} .family-detail-reviewer{display:flex;gap:18px;align-items:center;padding:22px;border:1px solid var(--family-line);border-radius:14px;background:#fff;box-shadow:var(--family-shadow)} .family-detail-reviewer img{flex:0 0 88px;width:88px;height:88px;object-fit:cover;border:2px solid var(--family-line);border-radius:50%} .family-detail-reviewer h3{margin:0 0 .45rem;font-size:1.18rem} .family-detail-reviewer p{margin:0} .family-detail-final-cta{margin:8px 0 3rem;padding:34px;text-align:center;border-radius:12px;background:#d9ecec} .family-detail-final-cta h2{margin:.2rem 0 .65rem;color:#444;font-size:clamp(1.5rem,2.2vw,1.85rem)} .family-detail-final-cta p{margin-left:auto;margin-right:auto;max-width:850px} .family-detail-button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1.15rem} .family-detail-button{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1.1rem;border:2px solid var(--family-teal);border-radius:8px;color:#fff!important;background:var(--family-teal);font-weight:800;text-decoration:none!important} .family-detail-button:hover{color:#fff!important;background:#075f64;border-color:#075f64} .family-detail-button--outline{color:var(--family-teal)!important;background:#fff} @media (max-width:900px){.family-detail-intro-grid{grid-template-columns:1fr}.family-detail-toc{position:relative!important;top:auto!important}.family-detail-hero-media,.family-detail-hero-media img{min-height:260px;max-height:390px}.family-detail-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:720px){.family-detail-intro-grid{gap:20px;margin-top:.8rem}.family-detail-hero-copy,.family-detail-section,.family-detail-final-cta{padding:25px 22px}.family-detail-grid,.family-detail-grid--three{grid-template-columns:1fr}.family-detail-reviewer{align-items:flex-start}.family-detail-reviewer img{width:72px;height:72px;flex-basis:72px}.family-detail-button-row{align-items:stretch;flex-direction:column}.family-detail-button{width:100%}.family-detail-section table{display:block;overflow-x:auto}.family-detail-faq-list summary{font-size:1.08rem}} .family-pilot-flow .com-content-article.item-page > .page-header { display: none !important; } .family-pilot-flow { --partner-teal:#0d7c82; --partner-dark:#123f43; --partner-mist:#edf8f8; --partner-line:#c8dfe0; --partner-shadow:0 10px 24px rgba(18,63,67,.08); color:#25363c; } .family-pilot-flow *, .family-pilot-flow *::before, .family-pilot-flow *::after { box-sizing:border-box; } .family-pilot-flow h1, .family-pilot-flow h2, .family-pilot-flow h3 { color:var(--partner-dark); line-height:1.2; } .family-pilot-flow p, .family-pilot-flow li, .family-pilot-flow dd { line-height:1.65; } .family-pilot-flow .shada-service-intro-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(260px,1fr); gap:28px; align-items:start; margin:1.25rem 0 3rem; } .family-pilot-flow .shada-service-summary-card, .family-pilot-flow .shada-service-toc { border:1px solid var(--partner-line); border-radius:18px; background:#fff; box-shadow:var(--partner-shadow); overflow:hidden; } .family-pilot-flow .shada-subpage-hero-media { margin:0; aspect-ratio:16/8.35; background:#e9f2f2; } .family-pilot-flow .shada-subpage-hero-media img { width:100%; height:100%; object-fit:cover; display:block; } .family-pilot-flow .shada-service-summary-card__body { padding:30px 34px 30px; } .family-pilot-flow .partner-eyebrow, .family-pilot-flow .partner-stage-label, .family-pilot-flow .partner-resource-kicker { margin:0 0 .7rem; color:var(--partner-teal); font-size:.88rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .family-pilot-flow .shada-service-summary-title { margin:0 0 1rem; font-size:clamp(2rem,3vw,3.1rem); } .family-pilot-flow .shada-lead { font-size:1.12rem; } .family-pilot-flow .partner-fact-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; gap:10px; padding:0; margin:1.5rem 0; } .family-pilot-flow .partner-fact-strip li { padding:14px 16px; border:1px solid var(--partner-line); border-radius:12px; background:var(--partner-mist); } .family-pilot-flow .partner-fact-strip strong, .family-pilot-flow .partner-fact-strip span { display:block; } .family-pilot-flow .partner-fact-strip span { color:#52676b; font-size:.91rem; } .family-pilot-flow .shada-button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:1.25rem; } .family-pilot-flow .shada-button, .family-pilot-flow .partner-resource-button { display:inline-flex; align-items:center; justify-content:center; padding:.82rem 1.1rem; border:2px solid var(--partner-teal); border-radius:8px; color:#fff; background:var(--partner-teal); font-weight:750; text-decoration:none; transition:.18s ease; } .family-pilot-flow .shada-button:hover, .family-pilot-flow .partner-resource-button:hover { background:#075f64; border-color:#075f64; color:#fff; transform:translateY(-1px); } .family-pilot-flow .shada-button--outline { color:var(--partner-teal) !important; background:#fff !important; border-color:var(--partner-teal) !important; } .family-pilot-flow .shada-service-toc { padding:24px; } @media (min-width:901px) { .family-pilot-flow .shada-service-toc { position:sticky !important; top:98px !important; align-self:start !important; z-index:2 !important; } } .family-pilot-flow .shada-service-toc__title { margin:0 0 1rem; font-size:1.35rem; } .family-pilot-flow .shada-service-toc nav { display:grid; gap:9px; } .family-pilot-flow .shada-service-toc a { display:block; padding:12px 14px; border:1px solid #d8e7e8; border-radius:10px; color:var(--partner-teal); font-weight:750; text-decoration:none; background:#fff; } .family-pilot-flow .shada-service-toc a:hover, .family-pilot-flow .shada-service-toc a:focus { background:var(--partner-mist); border-color:#9bc9cc; } .family-pilot-flow-content { display:grid; gap:34px; } .family-pilot-flow-section { scroll-margin-top:120px; padding:36px 38px; border-left:6px solid var(--partner-teal); border-radius:0 16px 16px 0; background:var(--partner-mist); } .family-pilot-flow .partner-section-heading { max-width:1060px; margin-bottom:24px; } .family-pilot-flow .partner-section-heading h2 { margin:0 0 .75rem; font-size:clamp(1.65rem,2.4vw,2.35rem); } .family-pilot-flow .partner-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .family-pilot-flow .partner-info-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); } .family-pilot-flow .partner-info-card, .family-pilot-flow .partner-pathway-card, .family-pilot-flow .partner-evidence-card, .family-pilot-flow .partner-resource-card, .family-pilot-flow .partner-official-card, .family-pilot-flow .partner-step { padding:24px; border:1px solid var(--partner-line); border-radius:14px; background:#fff; box-shadow:0 5px 14px rgba(18,63,67,.06); } .family-pilot-flow .partner-info-card h3, .family-pilot-flow .partner-pathway-card h3, .family-pilot-flow .partner-evidence-card h3, .family-pilot-flow .partner-resource-card h3, .family-pilot-flow .partner-official-card h3 { margin:0 0 .7rem; font-size:1.22rem; } .family-pilot-flow .partner-info-card p, .family-pilot-flow .partner-pathway-card p, .family-pilot-flow .partner-evidence-card p, .family-pilot-flow .partner-resource-card p, .family-pilot-flow .partner-official-card p { margin-bottom:0; } .family-pilot-flow .partner-callout, .family-pilot-flow .partner-threshold-note { margin:22px 0 0; padding:18px 20px; border:1px solid #b8d7d9; border-left:5px solid var(--partner-teal); border-radius:10px; background:#fff; } .family-pilot-flow .partner-pathway-grid, .family-pilot-flow .partner-evidence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .family-pilot-flow .partner-pathway-card { display:flex; flex-direction:column; } .family-pilot-flow .partner-pathway-card__body { display:flex; flex:1; flex-direction:column; } .family-pilot-flow .partner-pathway-card dl { margin:1.15rem 0; } .family-pilot-flow .partner-pathway-card dl div { padding:.65rem 0; border-top:1px solid #e3eded; } .family-pilot-flow .partner-pathway-card dt { color:#587074; font-size:.84rem; font-weight:700; text-transform:uppercase; } .family-pilot-flow .partner-pathway-card dd { margin:.2rem 0 0; font-weight:750; } .family-pilot-flow .partner-card-link { margin-top:auto; color:var(--partner-teal); font-weight:800; } .family-pilot-flow .partner-evidence-card { display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:16px; row-gap:16px; align-items:center; min-height:0; } .family-pilot-flow .partner-evidence-card h3 { margin:0; } .family-pilot-flow .partner-evidence-card p { grid-column:1 / -1; } .family-pilot-flow .partner-evidence-icon { display:grid; place-items:center; width:48px; height:48px; margin:0; border-radius:14px; color:var(--partner-teal); background:#e3f1f1; } .family-pilot-flow .partner-evidence-icon svg { width:31px; height:31px; } .family-pilot-flow .partner-evidence-icon svg * { fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; } .family-pilot-flow .partner-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; list-style:none; margin:0; padding:0; } .family-pilot-flow .partner-step { display:flex; align-items:flex-start; gap:18px; min-height:170px; } .family-pilot-flow .partner-step-number { flex:0 0 48px; display:grid; place-items:center; width:48px; height:48px; border:1px solid #aed0d2; border-radius:14px; background:#e3f1f1; color:var(--partner-teal); font-size:1.25rem; font-weight:850; } .family-pilot-flow .partner-step h3 { margin:.45rem 0 .5rem; font-size:1.2rem; } .family-pilot-flow .partner-step p { margin:0; } .family-pilot-flow .partner-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .family-pilot-flow .partner-resource-card { display:flex; flex-direction:column; } .family-pilot-flow .partner-resource-card--visual { padding:0; overflow:hidden; } .family-pilot-flow .partner-resource-media { display:block; height:185px; margin:0; overflow:hidden; border-bottom:1px solid var(--partner-line); background:#dfeff0; } .family-pilot-flow .partner-resource-media img { display:block; width:100%; height:100%; object-fit:cover; } .family-pilot-flow .partner-resource-media--safety { display:grid; place-items:center; background:linear-gradient(135deg,#0d7c82,#164b50); } .family-pilot-flow .partner-resource-media--safety svg { width:92px; height:92px; } .family-pilot-flow .partner-resource-media--safety svg * { fill:none; stroke:#fff; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; } .family-pilot-flow .partner-resource-card__body { display:flex; flex:1; flex-direction:column; padding:24px; } .family-pilot-flow .partner-resource-button { align-self:flex-start; margin-top:auto; } .family-pilot-flow .partner-official-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .family-pilot-flow .partner-official-card--wide { grid-column:1 / -1; } .family-pilot-flow .partner-official-card a { color:var(--partner-teal); font-weight:800; } .family-pilot-flow .partner-safety-note { margin:22px 0 0; padding:18px 20px; border:1px solid #e2c5c5; border-left:5px solid #a33f45; border-radius:10px; background:#fff; } .family-pilot-flow .partner-faq-list { display:grid; gap:12px; } .family-pilot-flow .partner-faq-list details { border:1px solid var(--partner-line); border-radius:12px; background:#fff; box-shadow:0 4px 12px rgba(18,63,67,.05); overflow:hidden; } .family-pilot-flow .partner-faq-list summary { position:relative; padding:20px 58px 20px 22px; color:var(--partner-dark); cursor:pointer; font-size:1.18rem; font-weight:800; list-style:none; } .family-pilot-flow .partner-faq-list summary::-webkit-details-marker { display:none; } .family-pilot-flow .partner-faq-list summary::after { content:'+'; position:absolute; right:20px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#fff; background:var(--partner-teal); font-size:1.3rem; } .family-pilot-flow .partner-faq-list details[open] summary::after { content:'−'; } .family-pilot-flow .partner-faq-list details > div { padding:0 22px 20px; } .family-pilot-flow .partner-faq-list details > div p { margin:0; } .family-pilot-flow .partner-final-cta { display:block; margin:45px 0 3rem; padding:35px; color:#1f2933; text-align:center; background:#d9ecec; border:0; border-radius:10px; box-shadow:none; } .family-pilot-flow .partner-final-cta .partner-stage-label { color:#0f6d73; } .family-pilot-flow .partner-final-cta h2 { margin:0 0 10px; color:#444; font-family:ShadaRobotoSlab,Georgia,serif; font-size:clamp(1.5rem,2.2vw,1.8rem); } .family-pilot-flow .partner-final-cta p { color:#1f2933 !important; } .family-pilot-flow .partner-final-cta .shada-button { display:inline-flex; margin-top:18px; color:#fff !important; background:#0f6d73 !important; border-color:#0f6d73 !important; } .family-pilot-flow .partner-final-cta .shada-button:hover, .family-pilot-flow .partner-final-cta .shada-button:focus-visible { color:#fff !important; background:#14484d !important; border-color:#14484d !important; } @media (max-width: 900px) { .family-pilot-flow .shada-service-intro-grid { grid-template-columns:1fr; } .family-pilot-flow .shada-service-toc { position:relative !important; top:auto !important; } .family-pilot-flow .partner-pathway-grid, .family-pilot-flow .partner-info-grid--three { grid-template-columns:1fr; } } @media (max-width: 720px) { .family-pilot-flow .shada-service-summary-card__body, .family-pilot-flow-section, .family-pilot-flow .partner-final-cta { padding:25px 22px; } .family-pilot-flow .partner-fact-strip, .family-pilot-flow .partner-info-grid, .family-pilot-flow .partner-evidence-grid, .family-pilot-flow .partner-steps, .family-pilot-flow .partner-resource-grid, .family-pilot-flow .partner-official-grid { grid-template-columns:1fr; } .family-pilot-flow .partner-official-card--wide { grid-column:auto; } .family-pilot-flow .partner-step { min-height:0; } .family-pilot-flow .partner-resource-media { height:165px; } .family-pilot-flow .shada-button-row .shada-button { width:100%; } } @media (min-width: 993px) { .family-pilot-flow .shada-service-intro-grid { display: grid !important; grid-template-columns: minmax(0, 2.05fr) minmax(280px, 0.95fr) !important; gap: 24px !important; align-items: start !important; } .family-pilot-flow .shada-service-toc { position: sticky !important; top: 98px !important; align-self: start !important; z-index: 4 !important; } } .family-pilot-flow .shada-subpage-hero-media { margin: 0 !important; aspect-ratio: 16 / 8.35 !important; overflow: hidden !important; background: #e9f2f2 !important; } .family-pilot-flow .shada-subpage-hero-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; } .family-pilot-flow > .partner-flow-section { display: block !important; margin: 0 0 32px 0 !important; border-radius: 18px !important; overflow: hidden !important; } .family-pilot-flow > .partner-flow-section + .partner-flow-section { margin-top: 32px !important; } .family-pilot-flow .shada-faq-list details { position: relative !important; } .family-pilot-flow .shada-faq-list summary { position: relative !important; padding: 19px 56px 19px 22px !important; cursor: pointer !important; list-style: none !important; } .family-pilot-flow .shada-faq-list summary::-webkit-details-marker { display: none !important; } .family-pilot-flow .shada-faq-list summary::marker { content: "" !important; } .family-pilot-flow .shada-faq-list summary::after { content: "+" !important; position: absolute !important; top: 50% !important; right: 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; color: #fff !important; background: #0d777c !important; border-radius: 50% !important; font-size: 1.4rem !important; font-weight: 700 !important; line-height: 1 !important; transform: translateY(-50%) !important; } .family-pilot-flow .shada-faq-list details[open] summary::after { content: "−" !important; } .family-reference-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 28px 0; font-size: .98rem; color: #3f5054; } .family-reference-breadcrumb a { color: #0f7f84; text-decoration: none; font-weight: 650; } .family-reference-breadcrumb a:hover, .family-reference-breadcrumb a:focus { text-decoration: underline; } @media (max-width: 992px) { .family-pilot-flow .shada-service-intro-grid { display: block !important; } .family-pilot-flow .shada-service-toc { position: relative !important; top: auto !important; margin-top: 0 !important; margin-bottom: 28px !important; } .family-pilot-flow > .partner-flow-section, .family-pilot-flow > .partner-flow-section + .partner-flow-section { margin-top: 0 !important; margin-bottom: 24px !important; border-radius: 14px !important; } .family-pilot-flow .shada-faq-list summary { padding: 17px 52px 17px 18px !important; } .family-pilot-flow .shada-faq-list summary::after { right: 18px !important; width: 30px !important; height: 30px !important; } } .family-pilot-flow > .partner-flow-section { display: block !important; margin: 0 0 32px 0 !important; padding: 25px 22px !important; border: 1px solid #cfe6e6 !important; border-radius: 18px !important; background: #f9fcfc !important; box-shadow: 0 8px 24px rgba(15, 109, 115, 0.07) !important; overflow: hidden !important; } .family-pilot-flow > .partner-flow-section + .partner-flow-section { margin-top: 32px !important; } .family-pilot-flow > .partner-flow-section > .partner-stage-label { margin-top: 0 !important; } .family-pilot-flow > .partner-flow-section > h2 { margin-top: 0 !important; } @media (max-width: 992px) { .family-pilot-flow > .partner-flow-section, .family-pilot-flow > .partner-flow-section + .partner-flow-section { margin-top: 0 !important; margin-bottom: 24px !important; padding: 22px 18px !important; border-radius: 14px !important; } } body:has(.family-pilot-flow) main .page-header, body:has(.family-pilot-flow) main .com-content-article > .page-header, body:has(.family-pilot-flow) main .item-page > .page-header { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body:has(.family-pilot-flow) main h1:not(.shada-service-summary-title) { display: none !important; } .family-pilot-flow > .family-reference-breadcrumb { margin-top: 0 !important; margin-bottom: 22px !important; padding-top: 0 !important; } body:has(.family-pilot-flow) main .com-content-article, body:has(.family-pilot-flow) main .item-page { border-top: 0 !important; } .family-pilot-flow .partner-info-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; align-items: stretch !important; margin: 18px 0 8px !important; } .family-pilot-flow .partner-info-grid.partner-info-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .family-pilot-flow .partner-info-card { display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; padding: 18px 18px 17px !important; border: 1px solid #cfe6e6 !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 5px 16px rgba(15, 109, 115, 0.06) !important; color: #24363a !important; text-decoration: none !important; } .family-pilot-flow a.partner-info-card, .family-pilot-flow a.partner-info-card:hover, .family-pilot-flow a.partner-info-card:focus, .family-pilot-flow a.partner-info-card:visited { color: #24363a !important; text-decoration: none !important; } .family-pilot-flow .partner-info-card * { text-decoration: none !important; } .family-pilot-flow .partner-info-card h3, .family-pilot-flow .partner-info-card h4 { margin-top: 0 !important; margin-bottom: 8px !important; color: #174c50 !important; line-height: 1.28 !important; } .family-pilot-flow .partner-info-card p { margin-top: 0 !important; margin-bottom: 10px !important; color: #33484c !important; } .family-pilot-flow a.partner-info-card:hover, .family-pilot-flow a.partner-info-card:focus { border-color: #8fc8ca !important; box-shadow: 0 8px 22px rgba(15, 109, 115, 0.10) !important; transform: translateY(-1px); } .family-pilot-flow .partner-flow-section > div:has(> a.partner-info-card):not(.family-standard-grid-2x2-v1) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; align-items: stretch !important; margin: 18px 0 8px !important; } @media (max-width: 992px) { .family-pilot-flow .partner-info-grid, .family-pilot-flow .partner-info-grid.partner-info-grid--three, .family-pilot-flow .partner-flow-section > div:has(> a.partner-info-card) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { .family-pilot-flow > .family-reference-breadcrumb { margin-bottom: 18px !important; } .family-pilot-flow .partner-info-grid, .family-pilot-flow .partner-info-grid.partner-info-grid--three, .family-pilot-flow .partner-flow-section > div:has(> a.partner-info-card) { grid-template-columns: 1fr !important; gap: 12px !important; } .family-pilot-flow .partner-info-card { padding: 16px !important; border-radius: 12px !important; } } .parent-comparison-refresh-v1 .pcg-section-heading-row{display:flex;align-items:center;gap:13px;margin-bottom:12px} .parent-comparison-refresh-v1 .pcg-section-heading-row h2{margin:0!important} .parent-comparison-refresh-v1 .pcg-heading-icon,.parent-comparison-refresh-v1 .pcg-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#0d777c;background:#e4f3f3;border:1px solid #c8e4e5;border-radius:12px} .parent-comparison-refresh-v1 .pcg-heading-icon{width:44px;height:44px}.parent-comparison-refresh-v1 .pcg-icon{width:42px;height:42px} .parent-comparison-refresh-v1 .pcg-icon-svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .parent-comparison-refresh-v1 .pcg-section-intro{max-width:900px} .parent-comparison-refresh-v1 .pcg-comparison-grid,.parent-comparison-refresh-v1 .pcg-suitable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px} .parent-comparison-refresh-v1 .pcg-comparison-card,.parent-comparison-refresh-v1 .pcg-suitable-card,.parent-comparison-refresh-v1 .pcg-resource-card{background:#fff;border:1px solid #c9e0e1;border-radius:15px;box-shadow:0 6px 18px rgba(15,109,115,.06)} .parent-comparison-refresh-v1 .pcg-comparison-card{display:flex;flex-direction:column;padding:21px;min-height:100%} .parent-comparison-refresh-v1 .pcg-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px} .parent-comparison-refresh-v1 .pcg-type-badge{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border-radius:999px;background:#e7f5ef;color:#246047;font-size:.78rem;font-weight:750;letter-spacing:.025em;text-transform:uppercase} .parent-comparison-refresh-v1 .pcg-type-badge--temporary{background:#eef3f8;color:#385872} .parent-comparison-refresh-v1 .pcg-comparison-card h3,.parent-comparison-refresh-v1 .pcg-suitable-card h3,.parent-comparison-refresh-v1 .pcg-resource-card h3{margin:0 0 12px!important;color:#174c50;line-height:1.28} .parent-comparison-refresh-v1 .pcg-facts{margin:0 0 18px}.parent-comparison-refresh-v1 .pcg-facts>div{display:grid;grid-template-columns:minmax(135px,.9fr) minmax(0,1.25fr);gap:12px;padding:9px 0;border-bottom:1px solid #e4eeee}.parent-comparison-refresh-v1 .pcg-facts>div:last-child{border-bottom:0}.parent-comparison-refresh-v1 .pcg-facts dt{font-weight:750;color:#2e4549}.parent-comparison-refresh-v1 .pcg-facts dd{margin:0;color:#33484c} .parent-comparison-refresh-v1 .pcg-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:40px;margin-top:auto;padding:9px 16px;border:1px solid #0d777c;border-radius:7px;background:#0d777c;color:#fff!important;font-weight:700;line-height:1.2;text-decoration:none!important}.parent-comparison-refresh-v1 .pcg-button:hover,.parent-comparison-refresh-v1 .pcg-button:focus{background:#09666a;border-color:#09666a;color:#fff!important;text-decoration:none!important} .parent-comparison-refresh-v1 .pcg-suitable-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:21px}.parent-comparison-refresh-v1 .pcg-suitable-card p{margin:0} .parent-comparison-refresh-v1 .pcg-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.parent-comparison-refresh-v1 .pcg-resource-card{display:flex;flex-direction:column;min-height:215px;padding:21px}.parent-comparison-refresh-v1 .pcg-resource-card .pcg-icon{margin-bottom:14px}.parent-comparison-refresh-v1 .pcg-resource-card p{margin:0 0 18px;color:#33484c} .parent-comparison-refresh-v1 .pcg-comparison-card:hover,.parent-comparison-refresh-v1 .pcg-suitable-card:hover,.parent-comparison-refresh-v1 .pcg-resource-card:hover{border-color:#94c9cb;box-shadow:0 9px 24px rgba(15,109,115,.10)} @media(max-width:980px){.parent-comparison-refresh-v1 .pcg-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.parent-comparison-refresh-v1 .pcg-comparison-grid,.parent-comparison-refresh-v1 .pcg-suitable-grid,.parent-comparison-refresh-v1 .pcg-resource-grid{grid-template-columns:1fr;gap:14px}.parent-comparison-refresh-v1 .pcg-facts>div{grid-template-columns:1fr;gap:3px}.parent-comparison-refresh-v1 .pcg-comparison-card,.parent-comparison-refresh-v1 .pcg-suitable-card,.parent-comparison-refresh-v1 .pcg-resource-card{padding:18px}.parent-comparison-refresh-v1 .pcg-resource-card{min-height:0}} .parent-comparison-refresh-v1 > .family-reference-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 24px 0; padding: 0; font-size: .98rem; color: #3f5054; } .parent-comparison-refresh-v1 > .family-reference-breadcrumb a { color: #0f7f84; font-weight: 650; text-decoration: none; } .parent-comparison-refresh-v1 > .family-reference-breadcrumb a:hover, .parent-comparison-refresh-v1 > .family-reference-breadcrumb a:focus { text-decoration: underline; } .parent-comparison-refresh-v1 .pcg-comparison-grid .pcg-icon, .parent-comparison-refresh-v1 .pcg-comparison-section-heading .pcg-heading-icon { display: none !important; } .parent-comparison-refresh-v1 .pcg-comparison-section-heading { gap: 0 !important; } .parent-comparison-refresh-v1 .pcg-resource-card { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; grid-template-rows: auto 1fr auto !important; column-gap: 13px !important; row-gap: 0 !important; align-items: start !important; } .parent-comparison-refresh-v1 .pcg-resource-card > .pcg-icon { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; align-self: start !important; } .parent-comparison-refresh-v1 .pcg-resource-card > h3 { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; margin: 0 !important; min-height: 42px !important; display: flex !important; align-items: center !important; } .parent-comparison-refresh-v1 .pcg-resource-card > p { grid-column: 1 / -1 !important; grid-row: 2 !important; margin: 15px 0 18px !important; } .parent-comparison-refresh-v1 .pcg-resource-card > .pcg-button { grid-column: 1 / -1 !important; grid-row: 3 !important; margin-top: auto !important; } @media (max-width: 680px) { .parent-comparison-refresh-v1 > .family-reference-breadcrumb { margin-bottom: 18px; } } .shada-migration-subpage .shada-faq-list, .shada-migration-subpage .family-detail-faq-list, .immigration-service-faq-grid-v2-2 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: start !important; } .shada-migration-subpage .shada-faq-list > details, .shada-migration-subpage .family-detail-faq-list > details, .immigration-service-faq-grid-v2-2 > details { min-width: 0 !important; margin: 0 !important; padding: 0 !important; align-self: start !important; overflow: hidden !important; border: 1px solid rgba(18, 95, 101, .16) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 7px 18px rgba(20, 69, 73, .08) !important; } .shada-migration-subpage .shada-faq-list summary, .shada-migration-subpage .family-detail-faq-list summary, .immigration-service-faq-grid-v2-2 summary { position: relative !important; display: block !important; padding: 19px 60px 19px 20px !important; cursor: pointer !important; color: #263f43 !important; font-weight: 800 !important; line-height: 1.35 !important; list-style: none !important; } .shada-migration-subpage .shada-faq-list summary::-webkit-details-marker, .shada-migration-subpage .family-detail-faq-list summary::-webkit-details-marker, .immigration-service-faq-grid-v2-2 summary::-webkit-details-marker { display: none !important; } .shada-migration-subpage .shada-faq-list summary::after, .shada-migration-subpage .family-detail-faq-list summary::after, .immigration-service-faq-grid-v2-2 summary::after { content: "+" !important; position: absolute !important; top: 50% !important; right: 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; color: #fff !important; background: #0d777c !important; border-radius: 50% !important; font-size: 1.35rem !important; font-weight: 700 !important; line-height: 1 !important; transform: translateY(-50%) !important; } .shada-migration-subpage .shada-faq-list details[open] summary::after, .shada-migration-subpage .family-detail-faq-list details[open] summary::after, .immigration-service-faq-grid-v2-2 details[open] summary::after { content: "−" !important; } .shada-migration-subpage .shada-faq-list details > div, .shada-migration-subpage .family-detail-faq-list details > div, .immigration-service-faq-grid-v2-2 details > div { padding: 0 20px 20px !important; } .shada-migration-subpage .shada-faq-list details > p, .shada-migration-subpage .family-detail-faq-list details > p, .immigration-service-faq-grid-v2-2 details > p { margin: 0 !important; padding: 0 20px 20px !important; } .shada-migration-subpage .shada-faq-list details > div > :last-child, .shada-migration-subpage .family-detail-faq-list details > div > :last-child, .immigration-service-faq-grid-v2-2 details > div > :last-child { margin-bottom: 0 !important; } @media (max-width: 1099.98px) { .shada-migration-subpage .shada-faq-list, .shada-migration-subpage .family-detail-faq-list, .immigration-service-faq-grid-v2-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 699.98px) { .shada-migration-subpage .shada-faq-list, .shada-migration-subpage .family-detail-faq-list, .immigration-service-faq-grid-v2-2 { grid-template-columns: minmax(0, 1fr) !important; } } .family-approved-faq-grid-v1 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: start !important; } .family-approved-faq-grid-v1 > details { min-width: 0 !important; margin: 0 !important; align-self: start !important; } @media (max-width: 1099.98px) { .family-approved-faq-grid-v1 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 699.98px) { .family-approved-faq-grid-v1 { grid-template-columns: minmax(0, 1fr) !important; } } .sponsored-parent-870-related-options-cards-v1 { align-items: stretch !important; } .sponsored-parent-870-related-options-cards-v1 > .partner-info-card { display: flex !important; flex-direction: column !important; height: 100% !important; } .sponsored-parent-870-related-options-cards-v1 > .partner-info-card .shada-button { margin-top: auto !important; width: 100% !important; } .sponsored-parent-870-stage5-cards-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; width: 100% !important; align-items: stretch !important; } .sponsored-parent-870-stage5-cards-v1 > .partner-info-card { display: flex !important; flex-direction: column !important; height: 100% !important; min-width: 0 !important; } .sponsored-parent-870-stage5-cards-v1 > .partner-info-card .shada-button { margin-top: auto !important; width: 100% !important; } @media (max-width: 699.98px) { .sponsored-parent-870-stage5-cards-v1 { grid-template-columns: minmax(0, 1fr) !important; } } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-hero-image-v1 { display: block !important; width: 100% !important; max-height: 320px !important; object-fit: cover !important; object-position: center !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-hero-copy-v1 { margin-top: -0.5rem !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-hero-cta-v1 { margin-top: 1rem !important; margin-bottom: 0.75rem !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage3-grid-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage4-v1 .family-detail-card, .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage5-v1 .family-detail-card, .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage4-v1 .family-detail-card--link, .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage5-v1 .family-detail-card--link { display: flex !important; flex-direction: column !important; height: 100% !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage4-v1 .shada-button, .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage5-v1 .shada-button { margin-top: auto !important; background: #0f7377 !important; border-color: #0f7377 !important; color: #ffffff !important; text-decoration: none !important; -webkit-text-fill-color: #ffffff !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage4-v1 .shada-button:hover, .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage4-v1 .shada-button:focus-visible, .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage5-v1 .shada-button:hover, .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage5-v1 .shada-button:focus-visible { background: #0b5e62 !important; border-color: #0b5e62 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } @media (max-width: 699.98px) { .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-stage3-grid-v1 { grid-template-columns: minmax(0, 1fr) !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-hero-image-v1 { max-height: 260px !important; } .contributory-aged-parent-864-consolidated-polish-v1 .contributory-aged-parent-864-hero-copy-v1 { margin-top: 0 !important; } } .sponsored-parent-870-stage5-cards-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; justify-content: stretch !important; align-items: stretch !important; gap: 1rem !important; } .sponsored-parent-870-stage5-cards-v1 > .partner-info-card { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; } .sponsored-parent-870-stage5-cards-v1 > .partner-info-card .shada-button { margin-top: auto !important; width: auto !important; max-width: max-content !important; align-self: flex-start !important; display: inline-flex !important; justify-content: center !important; background: #0f7377 !important; border-color: #0f7377 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; } .sponsored-parent-870-stage5-cards-v1 > .partner-info-card .shada-button:hover, .sponsored-parent-870-stage5-cards-v1 > .partner-info-card .shada-button:focus-visible { background: #0b5e62 !important; border-color: #0b5e62 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } @media (max-width: 699.98px) { .sponsored-parent-870-stage5-cards-v1 { grid-template-columns: minmax(0, 1fr) !important; } .sponsored-parent-870-stage5-cards-v1 > .partner-info-card .shada-button { max-width: 100% !important; } } .sponsored-parent-870-stage5-family-scope-v1 { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .sponsored-parent-870-stage5-family-scope-v1 .sponsored-parent-870-stage5-family-structure-v1 .family-detail-card { display: flex !important; flex-direction: column !important; height: 100% !important; } .sponsored-parent-870-stage5-family-scope-v1 .sponsored-parent-870-stage5-family-structure-v1 .shada-button, .sponsored-parent-870-stage5-family-scope-v1 .sponsored-parent-870-stage5-family-structure-v1 .shada-button:link, .sponsored-parent-870-stage5-family-scope-v1 .sponsored-parent-870-stage5-family-structure-v1 .shada-button:visited { margin-top: auto !important; background: #0f7377 !important; border-color: #0f7377 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; } .sponsored-parent-870-stage5-family-scope-v1 .sponsored-parent-870-stage5-family-structure-v1 .shada-button:hover, .sponsored-parent-870-stage5-family-scope-v1 .sponsored-parent-870-stage5-family-structure-v1 .shada-button:focus-visible { background: #0b5e62 !important; border-color: #0b5e62 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .sponsored-parent-870-stage5-family-scope-v1 { margin-bottom: 2rem !important; } .contributory-parent-143-standard-v1 .family-detail-hero-media img { display: block !important; width: 100% !important; max-height: 320px !important; object-fit: cover !important; object-position: center !important; } .contributory-parent-143-standard-v1 .family-detail-hero-copy { min-width: 0 !important; } .contributory-parent-143-standard-v1 .family-detail-toc.shada-service-toc { align-self: start !important; } @media (max-width: 699.98px) { .contributory-parent-143-standard-v1 .family-detail-hero-media img { max-height: 260px !important; } } .contributory-parent-143-standard-v1 #contributory-parent-143-related .shada-button, .contributory-parent-143-standard-v1 #contributory-parent-143-related .shada-button:link, .contributory-parent-143-standard-v1 #contributory-parent-143-related .shada-button:visited, .contributory-parent-143-standard-v1 #contributory-parent-143-fees .shada-button, .contributory-parent-143-standard-v1 #contributory-parent-143-fees .shada-button:link, .contributory-parent-143-standard-v1 #contributory-parent-143-fees .shada-button:visited { background: #0f7377 !important; border-color: #0f7377 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; } .contributory-parent-143-standard-v1 #contributory-parent-143-related .shada-button:hover, .contributory-parent-143-standard-v1 #contributory-parent-143-related .shada-button:focus-visible, .contributory-parent-143-standard-v1 #contributory-parent-143-fees .shada-button:hover, .contributory-parent-143-standard-v1 #contributory-parent-143-fees .shada-button:focus-visible { background: #0b5e62 !important; border-color: #0b5e62 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .contributory-parent-143-standard-v1 .contributory-parent-143-reviewer-v2 { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } .contributory-parent-143-standard-v1 .contributory-parent-143-reviewer-v2 .family-detail-reviewer__media img { width: 112px !important; height: 112px !important; object-fit: cover !important; } .contributory-parent-143-standard-v1 .contributory-parent-143-reviewer-v2 .family-detail-reviewer__body { min-width: 0 !important; } @media (max-width: 699.98px) { .contributory-parent-143-standard-v1 .contributory-parent-143-reviewer-v2 .family-detail-reviewer__media img { width: 96px !important; height: 96px !important; } } .family-branch-standard-v1 .family-standard-hero-eyebrow-v1 { margin: 0 0 0.65rem !important; color: #0f8387 !important; font-size: 0.84rem !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } .family-branch-standard-v1 .family-standard-hero-title-v1 { margin-top: 0 !important; color: #172a31 !important; font-size: clamp(2rem, 3.25vw, 3.15rem) !important; line-height: 1.08 !important; font-weight: 800 !important; } .family-branch-standard-v1 .family-standard-hero-media-v1 img { display: block !important; width: 100% !important; max-height: 320px !important; object-fit: cover !important; object-position: center !important; } .family-branch-standard-v1 .family-standard-hero-info-grid-v1 { display: grid !important; width: 100% !important; gap: 0.9rem !important; margin: 1.1rem 0 1.25rem !important; padding: 0 !important; list-style: none !important; } .family-branch-standard-v1 .family-standard-hero-info-grid-v1 > * { min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 1rem 1.1rem !important; border: 1px solid #c7e2e3 !important; border-radius: 14px !important; background: #eef8f8 !important; color: #284149 !important; text-decoration: none !important; } .family-branch-standard-v1 .family-standard-hero-info-grid-v1 > * strong, .family-branch-standard-v1 .family-standard-hero-info-grid-v1 > * h3, .family-branch-standard-v1 .family-standard-hero-info-grid-v1 > * h4 { display: block !important; margin: 0 0 0.35rem !important; color: #173e43 !important; font-weight: 800 !important; } .family-branch-standard-v1 .family-standard-grid-2col-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .family-standard-grid-2x2-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .family-standard-grid-3x2-v1 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .family-standard-grid-2col-v1 > *, .family-branch-standard-v1 .family-standard-grid-2x2-v1 > *, .family-branch-standard-v1 .family-standard-grid-3x2-v1 > * { min-width: 0 !important; } .family-branch-standard-v1 .family-standard-resource-grid-v1 > a { display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; padding: 1.15rem 1.2rem !important; border: 1px solid #c7e2e3 !important; border-radius: 14px !important; background: #ffffff !important; color: #273b43 !important; text-decoration: none !important; } .family-branch-standard-v1 .family-standard-resource-grid-v1 > a:hover, .family-branch-standard-v1 .family-standard-resource-grid-v1 > a:focus-visible { text-decoration: none !important; } .family-branch-standard-v1 .partner-info-card .shada-button, .family-branch-standard-v1 .partner-pathway-card .shada-button, .family-branch-standard-v1 .family-detail-card .shada-button, .family-branch-standard-v1 .family-standard-resource-grid-v1 .shada-button, .family-branch-standard-v1 .partner-info-card .shada-button:link, .family-branch-standard-v1 .partner-info-card .shada-button:visited, .family-branch-standard-v1 .partner-pathway-card .shada-button:link, .family-branch-standard-v1 .partner-pathway-card .shada-button:visited, .family-branch-standard-v1 .family-detail-card .shada-button:link, .family-branch-standard-v1 .family-detail-card .shada-button:visited, .family-branch-standard-v1 .family-standard-resource-grid-v1 .shada-button:link, .family-branch-standard-v1 .family-standard-resource-grid-v1 .shada-button:visited { display: inline-flex !important; width: auto !important; max-width: max-content !important; align-items: center !important; justify-content: center !important; margin-top: auto !important; padding: 0.78rem 1.2rem !important; border: 2px solid #0f8387 !important; border-radius: 10px !important; background: #0f8387 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 800 !important; line-height: 1.15 !important; text-decoration: none !important; } .family-branch-standard-v1 .partner-info-card .shada-button:hover, .family-branch-standard-v1 .partner-info-card .shada-button:focus-visible, .family-branch-standard-v1 .partner-pathway-card .shada-button:hover, .family-branch-standard-v1 .partner-pathway-card .shada-button:focus-visible, .family-branch-standard-v1 .family-detail-card .shada-button:hover, .family-branch-standard-v1 .family-detail-card .shada-button:focus-visible, .family-branch-standard-v1 .family-standard-resource-grid-v1 .shada-button:hover, .family-branch-standard-v1 .family-standard-resource-grid-v1 .shada-button:focus-visible { border-color: #0b696d !important; background: #0b696d !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .family-branch-standard-v1 .family-standard-hero-cta-v1 { display: flex !important; flex-wrap: wrap !important; gap: 0.85rem !important; margin-top: 1.25rem !important; } .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(1), .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(1):link, .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(1):visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0.8rem 1.35rem !important; border: 2px solid #0f8387 !important; border-radius: 10px !important; background: #0f8387 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 800 !important; text-decoration: none !important; } .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(2), .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(2):link, .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(2):visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0.8rem 1.35rem !important; border: 2px solid #0f8387 !important; border-radius: 10px !important; background: #ffffff !important; color: #0f8387 !important; -webkit-text-fill-color: #0f8387 !important; font-weight: 800 !important; text-decoration: none !important; } .family-branch-standard-v1 .family-standard-final-cta-v1 { display: flex !important; flex-wrap: wrap !important; gap: 0.8rem !important; justify-content: center !important; } .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(1), .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(1):link, .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(1):visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0.8rem 1.35rem !important; border: 2px solid #0f8387 !important; border-radius: 10px !important; background: #0f8387 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 800 !important; text-decoration: none !important; } .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(2), .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(2):link, .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(2):visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0.8rem 1.35rem !important; border: 2px solid #0f8387 !important; border-radius: 10px !important; background: #ffffff !important; color: #0f8387 !important; -webkit-text-fill-color: #0f8387 !important; font-weight: 800 !important; text-decoration: none !important; } @media (max-width: 899.98px) { .family-branch-standard-v1 .family-standard-grid-3x2-v1 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 699.98px) { .family-branch-standard-v1 .family-standard-hero-media-v1 img { max-height: 260px !important; } .family-branch-standard-v1 .family-standard-grid-2col-v1, .family-branch-standard-v1 .family-standard-grid-2x2-v1, .family-branch-standard-v1 .family-standard-grid-3x2-v1, .family-branch-standard-v1 .family-standard-hero-info-grid-v1 { grid-template-columns: minmax(0, 1fr) !important; } } .family-branch-standard-v1 .family-standard-hero-media-v1, .family-branch-standard-v1 .shada-subpage-hero-media.family-standard-hero-media-v1, .family-branch-standard-v1 .family-detail-hero-media.family-standard-hero-media-v1 { min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important; } .family-branch-standard-v1 .family-standard-hero-media-v1 img { display: block !important; width: 100% !important; height: auto !important; max-height: 320px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: cover !important; object-position: center !important; } .family-branch-standard-v1 .partner-flow-section, .family-branch-standard-v1 .family-detail-section { box-sizing: border-box !important; margin-bottom: 2rem !important; border-left: 6px solid #0f8387 !important; border-radius: 0 18px 18px 0 !important; background: #eef8f8 !important; } .family-branch-standard-v1 .family-golden-grid-2-v2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .family-golden-grid-4-v2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .family-golden-grid-6-v2 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .family-golden-grid-2-v2 > *, .family-branch-standard-v1 .family-golden-grid-4-v2 > *, .family-branch-standard-v1 .family-golden-grid-6-v2 > * { min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; } .family-branch-standard-v1 .family-golden-resource-grid-v2 > a { display: flex !important; flex-direction: column !important; height: 100% !important; box-sizing: border-box !important; padding: 1.15rem 1.2rem !important; border: 1px solid #c7e2e3 !important; border-radius: 14px !important; background: #ffffff !important; color: #273b43 !important; text-decoration: none !important; } .family-branch-standard-v1 .family-golden-resource-grid-v2 > a h3, .family-branch-standard-v1 .family-golden-resource-grid-v2 > a h4 { margin-top: 0 !important; color: #173e43 !important; } .family-branch-standard-v1 .family-golden-resource-grid-v2 > a p { color: #334a52 !important; } .family-branch-standard-v1 .shada-button, .family-branch-standard-v1 .shada-button:link, .family-branch-standard-v1 .shada-button:visited { border-color: #0f8387 !important; background: #0f8387 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; } .family-branch-standard-v1 .shada-button:hover, .family-branch-standard-v1 .shada-button:focus-visible { border-color: #0b696d !important; background: #0b696d !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(2), .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(2):link, .family-branch-standard-v1 .family-standard-hero-cta-v1 > a:nth-of-type(2):visited, .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(2), .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(2):link, .family-branch-standard-v1 .family-standard-final-cta-v1 > a:nth-of-type(2):visited { border-color: #0f8387 !important; background: #ffffff !important; color: #0f8387 !important; -webkit-text-fill-color: #0f8387 !important; } .family-branch-standard-v1 .family-golden-faq-grid-v2 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: start !important; } .family-branch-standard-v1 .family-golden-faq-grid-v2 > details { min-width: 0 !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; border: 1px solid #cfe1e2 !important; border-radius: 14px !important; background: #ffffff !important; overflow: hidden !important; } .family-branch-standard-v1 .family-golden-faq-grid-v2 > details > summary { min-height: 72px !important; box-sizing: border-box !important; } .family-branch-standard-v1 .family-detail-reviewer, .family-branch-standard-v1 .family-standard-reviewer-v2 { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } @media (max-width: 899.98px) { .family-branch-standard-v1 .family-golden-grid-6-v2, .family-branch-standard-v1 .family-golden-faq-grid-v2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 699.98px) { .family-branch-standard-v1 .family-standard-hero-media-v1 img { max-height: 260px !important; } .family-branch-standard-v1 .family-golden-grid-2-v2, .family-branch-standard-v1 .family-golden-grid-4-v2, .family-branch-standard-v1 .family-golden-grid-6-v2, .family-branch-standard-v1 .family-golden-faq-grid-v2 { grid-template-columns: minmax(0, 1fr) !important; } } .family-branch-standard-v1 .carer-related-resources-2x2-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .carer-related-resources-2x2-v1 > * { min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; } .family-branch-standard-v1 .carer-related-resources-2x2-v1 > a, .family-branch-standard-v1 .carer-related-resources-2x2-v1 > * > a { height: 100% !important; } .family-branch-standard-v1 .carer-related-resources-2x2-v1 .shada-button { margin-top: auto !important; } @media (max-width: 699.98px) { .family-branch-standard-v1 .carer-related-resources-2x2-v1 { grid-template-columns: minmax(0, 1fr) !important; } } .family-branch-standard-v1.parent-comparison-guide-hero-section-polish-v1 .family-standard-hero-media-v1 { min-height: 0 !important; height: auto !important; padding: 0 !important; background: transparent !important; } .family-branch-standard-v1.parent-comparison-guide-hero-section-polish-v1 .family-standard-hero-media-v1 img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center top !important; } .family-branch-standard-v1.parent-comparison-guide-hero-section-polish-v1 .family-standard-hero-title-v1 { font-size: clamp(2rem, 2.55vw, 2.65rem) !important; line-height: 1.08 !important; color: #172a31 !important; } .family-branch-standard-v1.parent-comparison-guide-hero-section-polish-v1 .parent-comparison-section-label-v1 { margin: 0 0 0.65rem !important; color: #0f8387 !important; font-size: 0.84rem !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } @media (max-width: 699.98px) { .family-branch-standard-v1.parent-comparison-guide-hero-section-polish-v1 .family-standard-hero-title-v1 { font-size: clamp(1.85rem, 8vw, 2.25rem) !important; } .family-branch-standard-v1.parent-comparison-guide-hero-section-polish-v1 .family-standard-hero-media-v1 img { max-height: none !important; object-fit: contain !important; } } .family-branch-standard-v1 .balance-family-stage12-grid-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .balance-family-stage12-grid-v1 > a.balance-family-stage12-card-v1 { display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; padding: 1.15rem 1.2rem !important; border: 1px solid #c7e2e3 !important; border-radius: 14px !important; background: #ffffff !important; color: #273b43 !important; text-decoration: none !important; } .family-branch-standard-v1 .balance-family-stage12-grid-v1 > a.balance-family-stage12-card-v1:hover, .family-branch-standard-v1 .balance-family-stage12-grid-v1 > a.balance-family-stage12-card-v1:focus-visible { text-decoration: none !important; } .family-branch-standard-v1 .balance-family-stage12-grid-v1 > a.balance-family-stage12-card-v1 h3, .family-branch-standard-v1 .balance-family-stage12-grid-v1 > a.balance-family-stage12-card-v1 h4 { margin-top: 0 !important; color: #173e43 !important; } .family-branch-standard-v1 .balance-family-stage12-grid-v1 > a.balance-family-stage12-card-v1 p { color: #334a52 !important; } .family-branch-standard-v1 .balance-family-stage12-grid-v1 > a.balance-family-stage12-card-v1 .shada-button { margin-top: auto !important; } @media (max-width: 699.98px) { .family-branch-standard-v1 .balance-family-stage12-grid-v1 { grid-template-columns: minmax(0, 1fr) !important; } } .family-branch-standard-v1 .balance-family-stage2-existing-grid-v1-2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .balance-family-stage2-existing-grid-v1-2 > .partner-info-card { min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; padding: 1.15rem 1.2rem !important; border: 1px solid #c7e2e3 !important; border-radius: 14px !important; background: #ffffff !important; } .family-branch-standard-v1 .balance-family-stage3-existing-grid-v1-2 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .balance-family-stage4-existing-grid-v1-2 { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 1rem !important; } .family-branch-standard-v1 .balance-family-stage3-existing-grid-v1-2 > a.partner-info-card, .family-branch-standard-v1 .balance-family-stage4-existing-grid-v1-2 > a.partner-info-card { display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; padding: 1.15rem 1.2rem !important; border: 1px solid #c7e2e3 !important; border-radius: 14px !important; background: #ffffff !important; color: #273b43 !important; text-decoration: none !important; } .family-branch-standard-v1 .balance-family-stage3-existing-grid-v1-2 > a.partner-info-card:hover, .family-branch-standard-v1 .balance-family-stage3-existing-grid-v1-2 > a.partner-info-card:focus-visible, .family-branch-standard-v1 .balance-family-stage4-existing-grid-v1-2 > a.partner-info-card:hover, .family-branch-standard-v1 .balance-family-stage4-existing-grid-v1-2 > a.partner-info-card:focus-visible { text-decoration: none !important; } .family-branch-standard-v1 .balance-family-stage3-existing-grid-v1-2 .shada-button, .family-branch-standard-v1 .balance-family-stage4-existing-grid-v1-2 .shada-button { margin-top: auto !important; } @media (max-width: 899.98px) { .family-branch-standard-v1 .balance-family-stage3-existing-grid-v1-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 699.98px) { .family-branch-standard-v1 .balance-family-stage2-existing-grid-v1-2, .family-branch-standard-v1 .balance-family-stage3-existing-grid-v1-2, .family-branch-standard-v1 .balance-family-stage4-existing-grid-v1-2 { grid-template-columns: minmax(0, 1fr) !important; } } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-hero-shell-v1 { padding-top: 0 !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-hero-media-v1 { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-hero-media-v1 img { display: block !important; margin-top: 0 !important; margin-bottom: 0 !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-hero-copy-v1 { margin-top: 0 !important; padding-top: 1rem !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-hero-copy-v1 .family-standard-hero-eyebrow-v1 { margin-top: 0 !important; margin-bottom: 0.55rem !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage4-inline-v1 { margin-top: 1rem !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage4-inline-v1 h4 { margin: 0 0 0.85rem !important; color: #173e43 !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage4-inline-v1 p { margin: 0 0 0.9rem !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage4-inline-v1 .shada-button { margin-top: 0.25rem !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage12-grid-v1.balance-family-stage12-force-2x2-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage12-grid-v1.balance-family-stage12-force-2x2-v1 > a { display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage12-grid-v1.balance-family-stage12-force-2x2-v1 .shada-button { margin-top: auto !important; } @media (max-width: 699.98px) { .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-stage12-grid-v1.balance-family-stage12-force-2x2-v1 { grid-template-columns: minmax(0, 1fr) !important; } .family-branch-standard-v1.balance-family-final-polish-v1 .balance-family-hero-copy-v1 { padding-top: 0.85rem !important; } } .family-branch-standard-v1 .parent173-stage2-cards-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .parent173-stage2-cards-v1 > .partner-info-card { min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; padding: 1.15rem 1.2rem !important; border: 1px solid #c7e2e3 !important; border-radius: 14px !important; background: #ffffff !important; } .family-branch-standard-v1 .parent173-stage3-comparison-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .parent173-stage3-comparison-v1 > a { min-width: 0 !important; width: auto !important; max-width: none !important; height: 100% !important; box-sizing: border-box !important; } .family-branch-standard-v1 .parent173-stage9-related-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .parent173-stage9-related-v1 > a { min-width: 0 !important; width: auto !important; max-width: none !important; height: 100% !important; box-sizing: border-box !important; } .family-branch-standard-v1 .parent173-stage8-subclass143-link-v1 { color: #0f8387 !important; font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 0.12em !important; } @media (max-width: 699.98px) { .family-branch-standard-v1 .parent173-stage2-cards-v1, .family-branch-standard-v1 .parent173-stage3-comparison-v1, .family-branch-standard-v1 .parent173-stage9-related-v1 { grid-template-columns: minmax(0, 1fr) !important; } } .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1 > * { min-width: 0 !important; height: 100% !important; box-sizing: border-box !important; } .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1 > a, .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1 > .partner-info-card, .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1 > .family-detail-card { display: flex !important; flex-direction: column !important; } .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1 .shada-button { margin-top: auto !important; align-self: flex-start !important; } @media (max-width: 699.98px) { .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1 { grid-template-columns: minmax(0, 1fr) !important; } } body .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1.parent173-stage9-buttons-2x2-v1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: auto auto !important; grid-auto-flow: row !important; width: 100% !important; max-width: none !important; gap: 1rem !important; align-items: stretch !important; } body .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1.parent173-stage9-buttons-2x2-v1 > * { width: 100% !important; max-width: none !important; min-width: 0 !important; flex: none !important; grid-column: auto !important; box-sizing: border-box !important; } @media (max-width: 699.98px) { body .family-branch-standard-v1 .parent173-stage9-buttons-2x2-v1.parent173-stage9-buttons-2x2-v1 { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important; } } .family-branch-standard-v1 .family-detail-grid > .family-detail-card, .family-branch-standard-v1 .family-detail-grid > .partner-info-card, .family-branch-standard-v1 .partner-info-grid > .partner-info-card, .family-branch-standard-v1 .partner-pathway-grid > .partner-pathway-card, .family-branch-standard-v1 .family-detail-grid > a.family-detail-card, .family-branch-standard-v1 .family-detail-grid > a.partner-info-card, .family-branch-standard-v1 .partner-info-grid > a.partner-info-card, .family-branch-standard-v1 .partner-pathway-grid > a.partner-pathway-card { display: flex; flex-direction: column; height: 100%; } .family-branch-standard-v1 .family-detail-grid > .family-detail-card > .shada-button-row, .family-branch-standard-v1 .family-detail-grid > .partner-info-card > .shada-button-row, .family-branch-standard-v1 .partner-info-grid > .partner-info-card > .shada-button-row, .family-branch-standard-v1 .partner-pathway-grid > .partner-pathway-card > .shada-button-row, .family-branch-standard-v1 .family-detail-grid > .family-detail-card > .family-detail-button-row, .family-branch-standard-v1 .family-detail-grid > .partner-info-card > .family-detail-button-row, .family-branch-standard-v1 .partner-info-grid > .partner-info-card > .family-detail-button-row, .family-branch-standard-v1 .partner-pathway-grid > .partner-pathway-card > .family-detail-button-row { margin-top: auto; padding-top: 1rem; } .family-branch-standard-v1 .family-detail-grid > .family-detail-card > .shada-button, .family-branch-standard-v1 .family-detail-grid > .partner-info-card > .shada-button, .family-branch-standard-v1 .partner-info-grid > .partner-info-card > .shada-button, .family-branch-standard-v1 .partner-pathway-grid > .partner-pathway-card > .shada-button { margin-top: auto; } .family-branch-standard-v1.adoption-102-hero-full-image-v1-1 .family-standard-hero-media-v1 { min-height: 0 !important; height: auto !important; aspect-ratio: auto !important; overflow: hidden !important; } .family-branch-standard-v1.adoption-102-hero-full-image-v1-1 .family-standard-hero-media-v1 img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } .family-branch-standard-v1.orphan-relative-117-837-hero-full-image-v1 .family-standard-hero-media-v1 { min-height: 0 !important; height: auto !important; aspect-ratio: auto !important; overflow: hidden !important; } .family-branch-standard-v1.orphan-relative-117-837-hero-full-image-v1 .family-standard-hero-media-v1 img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } .family-branch-standard-v1.former-resident-151-hero-full-image-v1 .family-standard-hero-media-v1 { min-height: 0 !important; height: auto !important; aspect-ratio: auto !important; overflow: hidden !important; } .family-branch-standard-v1.former-resident-151-hero-full-image-v1 .family-standard-hero-media-v1 img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } @media (min-width: 1200px) { .family-branch-standard-v1 .shada-service-summary-title.family-standard-hero-title-v1.former-resident-151-one-line-title-v1-1 { font-size: 30px !important; line-height: 1.08 !important; } } .nz461-hero-flow-comparison-v1-1 .shada-subpage-hero-media, .nz461-hero-flow-comparison-v1-1 .shada-subpage-hero-media picture { height: auto !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } .nz461-hero-flow-comparison-v1-1 .shada-subpage-hero-media img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } .nz461-hero-flow-comparison-v1-1 .nz461-eligibility-grid-v1 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .nz461-hero-flow-comparison-v1-1 .nz461-eligibility-grid-v1 > .partner-info-card { height: 100%; } .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 { width: 100%; overflow-x: auto; margin-top: 1rem; margin-bottom: 1rem; border: 1px solid rgba(11, 126, 130, 0.24); border-radius: 14px; background: #fff; } .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 table { width: 100%; min-width: 680px; border-collapse: collapse; margin: 0; background: #fff; } .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 th, .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 td { padding: 1rem 1.1rem; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(11, 126, 130, 0.18); } .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 thead th { font-weight: 800; color: #0b5558; background: #f1f9f9; } .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 tbody th { width: 24%; font-weight: 800; color: #0b5558; } .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 tr:last-child th, .nz461-hero-flow-comparison-v1-1 .nz461-comparison-guide-v1-1 tr:last-child td { border-bottom: 0; } .nz461-hero-flow-comparison-v1-1 .nz461-comparison-note-v1 { margin-top: 1rem; } @media (max-width: 720px) { .nz461-hero-flow-comparison-v1-1 .nz461-eligibility-grid-v1 { grid-template-columns: minmax(0, 1fr) !important; } } body:has(.parent-visa-eligibility-refresh-v1-1) .parent-visa-eligibility-hero-media-v1-1, body:has(.parent-visa-eligibility-refresh-v1-1) .parent-visa-eligibility-hero-media-v1-1 picture { height: auto !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } body:has(.parent-visa-eligibility-refresh-v1-1) .parent-visa-eligibility-hero-image-v1-1 { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } @media (min-width: 1200px) { body:has(.parent-visa-eligibility-refresh-v1-1) .family-branch-standard-v1 .shada-service-summary-title.family-standard-hero-title-v1, body:has(.parent-visa-eligibility-refresh-v1-1) .shada-service-summary-title.family-standard-hero-title-v1 { font-size: 34px !important; line-height: 1.08 !important; } } body:has(.parent-visa-eligibility-refresh-v1-1) .parent-visa-eligibility-core-grid-v1-1 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; } body:has(.parent-visa-eligibility-refresh-v1-1) .parent-visa-eligibility-core-grid-v1-1 > .partner-info-card { display: flex !important; flex-direction: column !important; height: 100% !important; } body:has(.parent-visa-eligibility-refresh-v1-1) .parent-visa-eligibility-core-grid-v1-1 > .partner-info-card > .shada-button { margin-top: auto !important; align-self: flex-start !important; } @media (max-width: 720px) { body:has(.parent-visa-eligibility-refresh-v1-1) .parent-visa-eligibility-core-grid-v1-1 { grid-template-columns: minmax(0, 1fr) !important; } } body:has(.parent-visa-sponsorship-refresh-v1) .shada-subpage-hero-media, body:has(.parent-visa-sponsorship-refresh-v1) .shada-subpage-hero-media picture { height: auto !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } body:has(.parent-visa-sponsorship-refresh-v1) .shada-subpage-hero-media img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } @media (min-width: 1200px) { body:has(.parent-visa-sponsorship-refresh-v1) .family-branch-standard-v1 .shada-service-summary-title.family-standard-hero-title-v1, body:has(.parent-visa-sponsorship-refresh-v1) .shada-service-summary-title.family-standard-hero-title-v1 { font-size: 34px !important; line-height: 1.08 !important; } } body:has(.parent-visa-sponsorship-refresh-v1) .parent-visa-sponsorship-core-grid-v1 { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1rem !important; } body:has(.parent-visa-sponsorship-refresh-v1) .parent-visa-sponsorship-core-grid-v1 > .partner-info-card { display: flex !important; flex-direction: column !important; height: 100% !important; } body:has(.parent-visa-sponsorship-refresh-v1) .parent-visa-sponsorship-core-grid-v1 > .partner-info-card > .shada-button { margin-top: auto !important; align-self: flex-start !important; } @media (max-width: 720px) { body:has(.parent-visa-sponsorship-refresh-v1) .parent-visa-sponsorship-core-grid-v1 { grid-template-columns: minmax(0,1fr) !important; } } .parent-bof-related-options-grid-2x2-v1-1 { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1rem !important; } .parent-bof-related-options-grid-2x2-v1-1 > * { min-width: 0 !important; } @media (max-width: 720px) { .parent-bof-related-options-grid-2x2-v1-1 { grid-template-columns: minmax(0,1fr) !important; } } body:has(.parent-aos-page-scope-v1-1) .shada-subpage-hero-media, body:has(.parent-aos-page-scope-v1-1) .shada-subpage-hero-media picture { height: auto !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } body:has(.parent-aos-page-scope-v1-1) .shada-subpage-hero-media img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } .parent-aos-stage4-six-grid-v1-1 { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 1rem !important; } .parent-aos-stage4-six-grid-v1-1 > .partner-info-card { min-width: 0 !important; height: 100% !important; } body:has(.parent-aos-page-scope-v1-1) .family-detail-grid.partner-info-grid.family-standard-grid-2col-v1.family-standard-resource-grid-v1.family-golden-grid-2-v2.parent-aos-stage7-official-grid-v1-1 { display: grid !important; width: 100% !important; max-width: none !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1rem !important; } body:has(.parent-aos-page-scope-v1-1) .family-detail-grid.partner-info-grid.family-standard-grid-2col-v1.family-standard-resource-grid-v1.family-golden-grid-2-v2.parent-aos-stage7-official-grid-v1-1 > * { min-width: 0 !important; width: auto !important; max-width: none !important; } @media (max-width: 980px) { .parent-aos-stage4-six-grid-v1-1 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 720px) { .parent-aos-stage4-six-grid-v1-1, .parent-aos-stage7-official-grid-v1-1 { grid-template-columns: minmax(0,1fr) !important; } } body:has(.parent-costs-hero-rebuilt-v1-2) .parent-costs-hero-media-v1-2, body:has(.parent-costs-hero-rebuilt-v1-2) .parent-costs-hero-media-v1-2 picture { height: auto !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } body:has(.parent-costs-hero-rebuilt-v1-2) .parent-costs-hero-image-v1-2 { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } body:has(.parent-costs-hero-rebuilt-v1-2) .parent-costs-hero-summary-v1-2 { margin-top: 0.85rem; max-width: 58rem; } body:has(.parent-costs-hero-rebuilt-v1-2) .parent-costs-hero-summary-v1-2 p { margin: 0 0 0.7rem; } body:has(.parent-costs-hero-rebuilt-v1-2) .parent-costs-hero-summary-v1-2 p:last-child { margin-bottom: 0; } body:has(.parent-processing-times-page-scope-v1) .shada-subpage-hero-media, body:has(.parent-processing-times-page-scope-v1) .shada-subpage-hero-media picture { height: auto !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } body:has(.parent-processing-times-page-scope-v1) .shada-subpage-hero-media img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; } body:has(.parent-processing-times-page-scope-v1) .parent-processing-times-stage6-grid-v1.parent-processing-times-stage6-grid-v1.parent-processing-times-stage6-grid-v1 { display: grid !important; width: 100% !important; max-width: none !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1rem !important; } body:has(.parent-processing-times-page-scope-v1) .parent-processing-times-stage6-grid-v1.parent-processing-times-stage6-grid-v1.parent-processing-times-stage6-grid-v1 > * { min-width: 0 !important; width: auto !important; max-width: none !important; } @media (max-width: 720px) { body:has(.parent-processing-times-page-scope-v1) .parent-processing-times-stage6-grid-v1.parent-processing-times-stage6-grid-v1.parent-processing-times-stage6-grid-v1 { grid-template-columns: minmax(0,1fr) !important; } } #parent-processing-times-stage6-grid-v1 { display: grid !important; width: 100% !important; max-width: none !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 1rem !important; } #parent-processing-times-stage6-grid-v1 > * { min-width: 0 !important; width: auto !important; max-width: none !important; } @media (max-width: 720px) { #parent-processing-times-stage6-grid-v1 { grid-template-columns: minmax(0,1fr) !important; } } #parent103-hero-media-presentable-v1 { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } #parent103-hero-image-presentable-v1 { display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 500px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; } @media (max-width: 1100px) { #parent103-hero-image-presentable-v1 { max-height: 440px !important; } } @media (max-width: 720px) { #parent103-hero-image-presentable-v1 { width: 100% !important; max-width: 100% !important; max-height: none !important; } } #shada-child-visa-hero-media-presentable-v1, #shada-dependent-child-445-hero-media-presentable-v1, #shada-carer-116-836-hero-media-presentable-v1, #shada-aged-dependent-relative-114-838-hero-media-presentable-v1, #shada-aged-parent-804-hero-media-presentable-v1 { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } #shada-child-visa-hero-image-presentable-v1, #shada-dependent-child-445-hero-image-presentable-v1, #shada-carer-116-836-hero-image-presentable-v1, #shada-aged-dependent-relative-114-838-hero-image-presentable-v1, #shada-aged-parent-804-hero-image-presentable-v1 { display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 500px !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; } @media (max-width: 1100px) { #shada-child-visa-hero-image-presentable-v1, #shada-dependent-child-445-hero-image-presentable-v1, #shada-carer-116-836-hero-image-presentable-v1, #shada-aged-dependent-relative-114-838-hero-image-presentable-v1, #shada-aged-parent-804-hero-image-presentable-v1 { max-height: 440px !important; } } @media (max-width: 720px) { #shada-child-visa-hero-image-presentable-v1, #shada-dependent-child-445-hero-image-presentable-v1, #shada-carer-116-836-hero-image-presentable-v1, #shada-aged-dependent-relative-114-838-hero-image-presentable-v1, #shada-aged-parent-804-hero-image-presentable-v1 { width: 100% !important; max-width: 100% !important; max-height: none !important; } } @media (min-width: 992px) { #business-migration-program-toc-sticky-v1 { position: sticky !important; top: 110px !important; align-self: start !important; height: fit-content !important; max-height: calc(100vh - 130px) !important; overflow-y: auto !important; z-index: 2 !important; } } @media (max-width: 991.98px) { #business-migration-program-toc-sticky-v1 { position: static !important; top: auto !important; max-height: none !important; overflow: visible !important; } } .business-888-standard-v2 { color: #263536; } .business-888-standard-v2 .business-888-hero-v2 { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; margin: 0 0 1.1rem !important; } .business-888-standard-v2 .business-888-hero-v2 img { display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 500px !important; object-fit: contain !important; object-position: center !important; margin: 0 auto !important; } .business-888-standard-v2 .business-888-pathway-label-v2 { margin: 0 0 .45rem; color: #0b7c7d; font-size: .78rem; line-height: 1.2; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } .business-888-standard-v2 .shada-service-summary-title { margin: 0 0 .75rem; } .business-888-standard-v2 .business-888-hero-copy-v2 > p { max-width: 1100px; } .business-888-standard-v2 .business-888-hero-points-v2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem 1.2rem; margin: .9rem 0 0; padding-left: 1.2rem; } .business-888-standard-v2 .business-888-actions-v2 { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1rem 0 1.2rem; } .business-888-standard-v2 .business-888-flow-layout-v2 { display: grid; grid-template-columns: minmax(0,1fr) 285px; gap: 1.5rem; align-items: start; } .business-888-standard-v2 .business-888-flow-main-v2 { min-width: 0; } .business-888-standard-v2 .partner-flow-section { scroll-margin-top: 120px; margin: 0 0 1.4rem; padding: 1.4rem 1.45rem; background: #eef8f7; border: 1px solid #cfe5e3; border-left: 7px solid #0d8b8d; border-radius: 15px; } .business-888-standard-v2 .business-888-stage-label-v2 { margin: 0 0 .55rem; color: #0b7c7d; font-size: .78rem; line-height: 1.2; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } .business-888-standard-v2 .partner-flow-section > h2 { margin: 0 0 .75rem; } .business-888-standard-v2 .partner-info-grid { display: grid; gap: 1rem; margin-top: 1rem; } .business-888-standard-v2 .business-888-grid-2-v2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .business-888-standard-v2 .business-888-grid-3-v2 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .business-888-standard-v2 .partner-info-card { display: flex; flex-direction: column; min-width: 0; background: #fff !important; border: 1px solid #c9e0df !important; border-radius: 12px !important; padding: 1rem 1.05rem !important; } .business-888-standard-v2 .partner-info-card h3 { margin: 0 0 .45rem; } .business-888-standard-v2 .partner-info-card p:last-child { margin-bottom: 0; } .business-888-standard-v2 .business-888-important-v2 { margin-top: 1rem; padding: .95rem 1rem; background: #fff; border: 1px solid #c9e0df; border-left: 4px solid #0d8b8d; border-radius: 11px; } .business-888-standard-v2 .business-888-section-actions-v2 { margin-bottom: 0; } .business-888-standard-v2 .business-888-resource-card-v2 .shada-button { margin-top: auto; align-self: flex-start; } .business-888-standard-v2 .business-888-toc-v2 { position: sticky !important; top: 110px !important; align-self: start !important; max-height: calc(100vh - 130px) !important; overflow-y: auto !important; } .business-888-standard-v2 .business-888-toc-v2 h2 { margin-top: 0; } .business-888-standard-v2 .business-888-toc-v2 nav { display: grid; gap: .5rem; } .business-888-standard-v2 .business-888-toc-v2 a { text-decoration: none; } .business-888-standard-v2 .business-888-faq-grid-v2 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1rem; } .business-888-standard-v2 .business-888-faq-v2 { background: #fff; border: 1px solid #c9e0df; border-radius: 12px; overflow: hidden; } .business-888-standard-v2 .business-888-faq-v2 summary { position: relative; cursor: pointer; list-style: none; padding: 1rem 2.6rem 1rem 1rem; font-weight: 750; color: #183f40; } .business-888-standard-v2 .business-888-faq-v2 summary::-webkit-details-marker { display: none; } .business-888-standard-v2 .business-888-faq-v2 summary::after { content: "+"; position: absolute; right: 1rem; top: .8rem; color: #0d8b8d; font-size: 1.35rem; font-weight: 800; } .business-888-standard-v2 .business-888-faq-v2[open] summary::after { content: "−"; } .business-888-standard-v2 .business-888-faq-v2 p { margin: 0; padding: 0 1rem 1rem; } @media (max-width: 1100px) { .business-888-standard-v2 .business-888-hero-v2 img { max-height: 440px !important; } .business-888-standard-v2 .business-888-flow-layout-v2 { grid-template-columns: minmax(0,1fr) 250px; } .business-888-standard-v2 .business-888-grid-3-v2, .business-888-standard-v2 .business-888-faq-grid-v2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 991.98px) { .business-888-standard-v2 .business-888-flow-layout-v2 { display: flex; flex-direction: column; } .business-888-standard-v2 .business-888-toc-v2 { order: -1; position: static !important; top: auto !important; width: 100%; max-height: none !important; overflow: visible !important; } } @media (max-width: 720px) { .business-888-standard-v2 .business-888-hero-v2 img { width: 100% !important; max-height: none !important; } .business-888-standard-v2 .business-888-hero-points-v2, .business-888-standard-v2 .business-888-grid-2-v2, .business-888-standard-v2 .business-888-grid-3-v2, .business-888-standard-v2 .business-888-faq-grid-v2 { grid-template-columns: minmax(0,1fr) !important; } .business-888-standard-v2 .partner-flow-section { padding: 1.05rem; } .business-888-standard-v2 .business-888-actions-v2 { flex-direction: column; align-items: stretch; } .business-888-standard-v2 .business-888-actions-v2 .shada-button { width: 100%; } } .business-888-standard-v2.business-888-approved-page-v4 { width: 100% !important; } .business-888-approved-page-v4 > .business-888-page-title-v4 { margin: 0 0 1.35rem !important; padding: 0 0 1.05rem !important; border-bottom: 1px solid #cfe1e1 !important; color: #203839 !important; font-size: clamp(2rem,3.2vw,2.8rem) !important; line-height: 1.12 !important; } .business-888-approved-page-v4 .business-888-top-layout-v4 { display: grid !important; grid-template-columns: minmax(0,1fr) 380px !important; gap: 1.55rem !important; align-items: start !important; margin: 0 0 1.5rem !important; } .business-888-approved-page-v4 .business-888-top-left-v4 { min-width: 0 !important; } .business-888-approved-page-v4 .business-888-top-left-v4 .business-888-hero-v2 { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 1.25rem !important; overflow: visible !important; border-radius: 14px !important; } .business-888-approved-page-v4 .business-888-top-left-v4 .business-888-hero-v2 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center !important; margin: 0 !important; border-radius: 14px !important; } .business-888-approved-page-v4 .business-888-hero-copy-v2 { margin: 0 !important; } .business-888-approved-page-v4 .business-888-hero-copy-v2 .shada-service-summary-title { margin: 0 0 .8rem !important; color: #203839 !important; font-size: clamp(1.7rem,2.4vw,2.15rem) !important; line-height: 1.18 !important; } .business-888-approved-page-v4 .business-888-hero-copy-v2 > p { max-width: none !important; } .business-888-approved-page-v4 .business-888-hero-copy-v2 .business-888-actions-v2 { margin: 1rem 0 0 !important; } .business-888-approved-page-v4 .business-888-toc-approved-v4 { position: sticky !important; top: 110px !important; align-self: start !important; width: 100% !important; max-height: calc(100vh - 130px) !important; overflow-y: auto !important; background: #f9fbfb !important; border: 1px solid #cfe1e1 !important; border-radius: 14px !important; padding: 1.25rem 1.15rem !important; } .business-888-approved-page-v4 .business-888-toc-approved-v4 > h2 { margin: 0 0 .85rem !important; color: #424242 !important; font-size: 1.7rem !important; line-height: 1.15 !important; } .business-888-approved-page-v4 .business-888-toc-approved-v4 nav { display: block !important; } .business-888-approved-page-v4 .business-888-toc-list-v4 { display: grid !important; gap: .32rem !important; margin: 0 !important; padding: 0 !important; list-style: none !important; counter-reset: business888toc !important; } .business-888-approved-page-v4 .business-888-toc-list-v4 > li { counter-increment: business888toc !important; display: grid !important; grid-template-columns: 1.55rem minmax(0,1fr) !important; gap: .45rem !important; align-items: center !important; margin: 0 !important; } .business-888-approved-page-v4 .business-888-toc-list-v4 > li::before { content: counter(business888toc) "." !important; color: #263536 !important; font-size: 1rem !important; line-height: 1.2 !important; text-align: right !important; } .business-888-approved-page-v4 .business-888-toc-list-v4 a { display: block !important; padding: .7rem .75rem !important; background: #fff !important; border: 1px solid #d8e5e4 !important; border-radius: 8px !important; color: #0a7072 !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important; } .business-888-approved-page-v4 .business-888-toc-list-v4 a:hover, .business-888-approved-page-v4 .business-888-toc-list-v4 a:focus { border-color: #0d8b8d !important; color: #075f61 !important; } .business-888-approved-page-v4 .business-888-fullwidth-stages-v4 { display: block !important; width: 100% !important; max-width: none !important; clear: both !important; } .business-888-approved-page-v4 .business-888-fullwidth-stages-v4 > .partner-flow-section { width: 100% !important; max-width: none !important; } @media (max-width: 1100px) { .business-888-approved-page-v4 .business-888-top-layout-v4 { grid-template-columns: minmax(0,1fr) 315px !important; } } @media (max-width: 991.98px) { .business-888-approved-page-v4 .business-888-top-layout-v4 { display: flex !important; flex-direction: column !important; } .business-888-approved-page-v4 .business-888-toc-approved-v4 { position: static !important; top: auto !important; width: 100% !important; max-height: none !important; overflow: visible !important; } } @media (max-width: 720px) { .business-888-approved-page-v4 > .business-888-page-title-v4 { font-size: 1.8rem !important; } .business-888-approved-page-v4 .business-888-hero-copy-v2 .shada-service-summary-title { font-size: 1.55rem !important; } } .business-888-approved-page-v4 .business-888-final-cta-v4-2 { width: 100% !important; margin: 1.5rem 0 0 !important; padding: 2.15rem 1.4rem !important; background: #dff1f0 !important; border: 1px solid #cfe3e1 !important; border-radius: 12px !important; text-align: center !important; } .business-888-approved-page-v4 .business-888-final-cta-v4-2 h2 { margin: 0 0 .75rem !important; color: #3d494a !important; font-size: clamp(1.45rem,2.1vw,1.85rem) !important; line-height: 1.2 !important; } .business-888-approved-page-v4 .business-888-final-cta-v4-2 p { max-width: 780px !important; margin: 0 auto 1rem !important; } .business-888-approved-page-v4 .business-888-final-cta-actions-v4-2 { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: .7rem !important; } @media (max-width: 720px) { .business-888-approved-page-v4 .business-888-final-cta-actions-v4-2 { flex-direction: column !important; align-items: stretch !important; } .business-888-approved-page-v4 .business-888-final-cta-actions-v4-2 .shada-button { width: 100% !important; } } .business-888-approved-page-v4 .business-888-top-left-v4 { background: #ffffff !important; border: 1px solid #cfe1e1 !important; border-radius: 14px !important; overflow: hidden !important; box-sizing: border-box !important; } .business-888-approved-page-v4 .business-888-top-left-v4 > .business-888-hero-v2 { margin: 0 !important; border-radius: 0 !important; overflow: hidden !important; } .business-888-approved-page-v4 .business-888-top-left-v4 > .business-888-hero-v2 img { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; display: block !important; } .business-888-approved-page-v4 .business-888-top-left-v4 > .business-888-hero-copy-v2 { padding: 1.35rem 1.55rem 1.45rem !important; margin: 0 !important; } @media (max-width: 720px) { .business-888-approved-page-v4 .business-888-top-left-v4 > .business-888-hero-copy-v2 { padding: 1rem !important; } } #child-custody-hero-media-full-v1 { width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; overflow: visible !important; } #child-custody-hero-image-full-v1 { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; } .child-custody-related-visas-v1 .child-custody-related-visas-grid-v1 { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 1rem !important; margin-top: 1rem !important; } .child-custody-related-visas-v1 .child-custody-related-visa-card-v1 { display: flex !important; flex-direction: column !important; min-width: 0 !important; } .child-custody-related-visas-v1 .child-custody-related-visa-card-v1 .shada-button { margin-top: auto !important; align-self: flex-start !important; } @media (max-width: 992px) { .child-custody-related-visas-v1 .child-custody-related-visas-grid-v1 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 640px) { .child-custody-related-visas-v1 .child-custody-related-visas-grid-v1 { grid-template-columns: minmax(0,1fr) !important; } .child-custody-related-visas-v1 .child-custody-related-visa-card-v1 .shada-button { width: 100% !important; } } .resources-standard-section-v1 { margin-bottom: 1.5rem !important; } .resources-standard-section-v1 > h2, .resources-standard-section-v1 h2:first-child { margin-bottom: .55rem !important; } .resources-standard-section-intro-v1 { margin: 0 0 1rem !important; max-width: 980px !important; } .resources-standard-grid-v1 { display: grid !important; gap: 1rem !important; align-items: stretch !important; } .resources-standard-grid-4-v1 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .resources-standard-grid-7-v1 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .resources-standard-card-v1 { height: 100% !important; min-width: 0 !important; } @media (max-width: 900px) { .resources-standard-grid-7-v1 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 640px) { .resources-standard-grid-4-v1, .resources-standard-grid-7-v1 { grid-template-columns: minmax(0,1fr) !important; } } .resources-visual-upgrade-v2 .resources-visual-panel-v2 { margin: 0 0 1.6rem !important; padding: 1.35rem !important; background: #eef8f7 !important; border: 1px solid #cfe3e1 !important; border-left: 5px solid #0f8b8d !important; border-radius: 14px !important; } .resources-visual-upgrade-v2 .resources-visual-panel-v2 > h2, .resources-visual-upgrade-v2 .resources-visual-panel-v2 h2:first-child { color: #203839 !important; margin-top: 0 !important; } .resources-visual-upgrade-v2 .resources-standard-card-v1 { background: #ffffff !important; border: 1px solid #d3e3e2 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 22px rgba(24,59,61,.05) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; } .resources-visual-upgrade-v2 .resources-standard-card-v1:hover, .resources-visual-upgrade-v2 .resources-standard-card-v1:focus-visible { transform: translateY(-2px) !important; border-color: #79bfc0 !important; box-shadow: 0 12px 28px rgba(24,59,61,.09) !important; } .resources-visual-upgrade-v2 .resources-occupation-grid-6-v2 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .resources-visual-upgrade-v2 .resources-new-occupation-card-v2 { display: flex !important; flex-direction: column !important; } .resources-visual-upgrade-v2 .resources-new-occupation-card-v2 .resources-card-action-v2 { margin-top: auto !important; padding-top: .8rem !important; color: #087d80 !important; font-weight: 700 !important; } .resources-visual-upgrade-v2 .resources-pathway-image-grid-v2 { align-items: stretch !important; } .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 { padding: 0 !important; display: flex !important; flex-direction: column !important; } .resources-visual-upgrade-v2 .resources-pathway-card-media-v2 { display: block !important; width: 100% !important; overflow: hidden !important; border-bottom: 1px solid #d3e3e2 !important; background: #f8fbfb !important; } .resources-visual-upgrade-v2 .resources-pathway-card-media-v2 img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; margin: 0 !important; } .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 > h3, .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 > p, .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 > span:not(.resources-pathway-card-media-v2), .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 > div { margin-left: 1rem !important; margin-right: 1rem !important; } .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 > h3 { margin-top: 1rem !important; } .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 > *:last-child { margin-bottom: 1rem !important; } @media (max-width: 900px) { .resources-visual-upgrade-v2 .resources-occupation-grid-6-v2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 640px) { .resources-visual-upgrade-v2 .resources-visual-panel-v2 { padding: 1rem !important; } .resources-visual-upgrade-v2 .resources-occupation-grid-6-v2 { grid-template-columns: minmax(0,1fr) !important; } .resources-visual-upgrade-v2 .resources-standard-card-v1:hover, .resources-visual-upgrade-v2 .resources-standard-card-v1:focus-visible { transform: none !important; } } .resources-visual-upgrade-v2 .resources-new-occupation-card-v2 .resources-card-action-v2.shada-button { display: inline-flex !important; width: auto !important; align-self: flex-start !important; margin-top: auto !important; padding-top: .72rem !important; padding-bottom: .72rem !important; } .resources-visual-upgrade-v2 .resources-pathway-image-card-v2 .resources-pathway-card-media-v2 + h3 { margin-top: 0 !important; padding-top: 1rem !important; margin-bottom: .65rem !important; } .resources-visual-upgrade-v2 .resources-new-occupation-card-v2 .resources-card-action-v2.shada-button { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; } .resources-visual-upgrade-v2 .resources-new-occupation-card-v2:hover .resources-card-action-v2.shada-button, .resources-visual-upgrade-v2 .resources-new-occupation-card-v2:focus-visible .resources-card-action-v2.shada-button { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; } html body .shada-res-about-inline-0dcd85cd38d2 { flex: 1 1 360px !important; } html body .shada-res-about-inline-18278249bd12 { display: flex !important; flex-wrap: wrap !important; gap: 30px !important; align-items: center !important; background: #f9fcfc !important; border: 1px solid #d9ecec !important; border-radius: 10px !important; padding: 28px !important; margin: 30px 0 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; } html body .shada-res-about-inline-197f3399b0d2 { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 20px !important; margin-top: 25px !important; } html body .shada-res-about-inline-1a3f32d5b871 { border: 1px solid #d9e7e7 !important; background: #f9fcfc !important; padding: 22px !important; border-radius: 10px !important; text-decoration: none !important; color: inherit !important; display: flex !important; flex-direction: column !important; height: 100% !important; } html body .shada-res-about-inline-25a98a3a6a48 { margin-top: 0 !important; } html body .shada-res-about-inline-277f8b191753 { background: #eef7f7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; padding: 30px !important; margin: 40px 0 !important; } html body .shada-res-about-inline-4c36aaa4564d { flex: 0 1 220px !important; text-align: center !important; } html body .shada-res-about-inline-556c77e788cf { margin-bottom: 16px !important; flex: 1 1 auto !important; } html body .shada-res-about-inline-5b7115cf7428 { flex: 1 1 420px !important; } html body .shada-res-about-inline-72980236d3b6 { margin-top: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-height: 44px !important; padding: 10px 18px !important; border-radius: 8px !important; background: #0f6d73 !important; color: #ffffff !important; font-weight: 800 !important; line-height: 1.2 !important; text-decoration: none !important; } html body .shada-res-about-inline-79c0112da5e4 { background: #0f6d73 !important; color: #ffffff !important; padding: 12px 20px !important; border-radius: 6px !important; text-decoration: none !important; display: inline-block !important; font-weight: 600 !important; } html body .shada-res-about-inline-7d697657d226 { width: 180px !important; height: 180px !important; object-fit: cover !important; object-position: center top !important; border-radius: 50% !important; border: 3px solid #d7e7e7 !important; } html body .shada-res-about-inline-804e132415b0 { margin-top: 0 !important; margin-bottom: 10px !important; } html body .shada-res-about-inline-813b0ef39379 { background: #f8fcfc !important; border: 1px solid #d7e7e7 !important; border-radius: 10px !important; padding: 25px !important; margin-top: 30px !important; display: flex !important; gap: 22px !important; align-items: flex-start !important; flex-wrap: wrap !important; } html body .shada-res-about-inline-9c7e624c4e5d { background: #f9fcfc !important; border: 1px solid #cfe6e6 !important; border-radius: 10px !important; padding: 22px !important; } html body .shada-res-about-inline-9d86aafb07a0 { margin-top: 0 !important; margin-bottom: 15px !important; } html body .shada-res-about-inline-b3a2297a12f5 { margin-bottom: 0 !important; } html body .shada-res-about-inline-bf6c6018827f { font-size: 17px !important; line-height: 1.7 !important; } html body .shada-res-about-inline-bffe591e5b58 { width: 120px !important; height: 120px !important; object-fit: cover !important; object-position: center top !important; border-radius: 50% !important; border: 3px solid #d7e7e7 !important; } html body .shada-res-about-inline-c464552f33d3 { display: flex !important; gap: 22px !important; align-items: flex-start !important; flex-wrap: wrap !important; } html body .shada-res-about-inline-cf4a00154433 { background: #f9fcfc !important; border: 1px solid #cfe6e6 !important; border-radius: 10px !important; padding: 26px !important; margin-top: 25px !important; } html body .shada-res-about-inline-d01658db8ae7 { width: 130px !important; height: 130px !important; object-fit: cover !important; object-position: center top !important; border-radius: 50% !important; border: 2px solid #d7e7e7 !important; } html body .shada-res-about-inline-f13e7d51be8d { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)) !important; gap: 20px !important; margin-top: 25px !important; align-items: stretch !important; } html body .shada-res-faq-inline-03d284cb3acc { background: #D9ECEC !important; border-radius: 10px !important; padding: 35px !important; margin: 45px 0 !important; text-align: center !important; } html body .shada-res-faq-inline-25a98a3a6a48 { margin-top: 0 !important; } html body .shada-res-faq-inline-277f8b191753 { background: #eef7f7 !important; border-left: 5px solid #0f6d73 !important; border-radius: 10px !important; padding: 30px !important; margin: 40px 0 !important; } html body .shada-res-faq-inline-3da5bec441e7 { background: #0f6d73 !important; color: #fff !important; padding: 14px 24px !important; border-radius: 6px !important; text-decoration: none !important; font-weight: 600 !important; } html body .shada-res-faq-inline-58ffb54d5bf7 { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 20px !important; } html body .shada-res-faq-inline-7f61d7409346 { flex: 1 1 calc(50% - 11px) !important; background: #f9fcfc !important; border: 1px solid #cfe6e6 !important; border-radius: 8px !important; overflow: hidden !important; text-decoration: none !important; color: inherit !important; display: block !important; } html body .shada-res-faq-inline-821cdcdf98b6 { background: #f9fcfc !important; border: 1px solid #cfe6e6 !important; border-radius: 8px !important; padding: 22px !important; } html body .shada-res-faq-inline-9a9dbfe04276 { width: 100% !important; height: 180px !important; object-fit: cover !important; } html body .shada-res-faq-inline-9d86aafb07a0 { margin-top: 0 !important; margin-bottom: 15px !important; } html body .shada-res-faq-inline-a948429483a4 { background: #fffafa !important; border: 1px solid #ecd2d2 !important; border-radius: 8px !important; padding: 22px !important; } html body .shada-res-faq-inline-b2f897c32ef3 { max-width: 850px !important; margin: 0 auto 20px auto !important; } html body .shada-res-faq-inline-b3a2297a12f5 { margin-bottom: 0 !important; } html body .shada-res-faq-inline-c2ede0265b87 { padding: 20px !important; } html body .shada-res-faq-inline-d891e375cf6e { display: flex !important; flex-wrap: wrap !important; gap: 22px !important; margin-top: 25px !important; } html body .shada-res-faq-inline-daa9b3a9735d { background: #eef7f7 !important; border-left: 5px solid #b94a48 !important; border-radius: 10px !important; padding: 30px !important; margin: 40px 0 !important; } html body .shada-res-faq-inline-df5a056a3007 { display: flex !important; flex-direction: column !important; gap: 18px !important; margin-top: 25px !important; } html body .shada-resource-faq-accordion-card-v1 { display: block !important; background: #ffffff !important; border: 1px solid #cfe3e1 !important; border-radius: 10px !important; overflow: hidden !important; padding: 0 !important; } html body .shada-resource-faq-summary-v1 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 1rem !important; cursor: pointer !important; list-style: none !important; padding: 1.15rem 1.25rem !important; color: #203839 !important; } html body .shada-resource-faq-summary-v1::-webkit-details-marker { display: none !important; } html body .shada-resource-faq-summary-v1::marker { content: "" !important; } html body .shada-resource-faq-summary-v1::after { content: "+" !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 2rem !important; height: 2rem !important; border-radius: 50% !important; background: #0f7f82 !important; color: #ffffff !important; font-size: 1.35rem !important; font-weight: 700 !important; line-height: 1 !important; } html body .shada-resource-faq-accordion-card-v1[open] > .shada-resource-faq-summary-v1::after { content: "−" !important; } html body .shada-resource-faq-question-v1 { margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: 1.05rem !important; line-height: 1.45 !important; } html body .shada-resource-faq-answer-v1 { padding: 0 1.25rem 1.2rem !important; border-top: 1px solid #e0eceb !important; } html body .shada-resource-faq-answer-v1 > :first-child { margin-top: 1rem !important; } html body .shada-resource-faq-answer-v1 > :last-child { margin-bottom: 0 !important; } html body .shada-resource-faq-sticky-toc-v1 { position: sticky !important; top: 96px !important; align-self: flex-start !important; z-index: 3 !important; } html body .shada-resource-faq-reviewed-v1 { gap: 48px !important; column-gap: 48px !important; } @media (max-width: 900px) { html body .shada-resource-faq-sticky-toc-v1 { position: static !important; top: auto !important; } html body .shada-resource-faq-reviewed-v1 { gap: 28px !important; column-gap: 28px !important; } } @media (max-width: 640px) { html body .shada-resource-faq-summary-v1 { padding: 1rem !important; gap: .75rem !important; } html body .shada-resource-faq-summary-v1::after { width: 1.8rem !important; height: 1.8rem !important; font-size: 1.2rem !important; } html body .shada-resource-faq-answer-v1 { padding: 0 1rem 1rem !important; } html body .shada-resource-faq-reviewed-v1 { gap: 22px !important; column-gap: 22px !important; } } @media (min-width: 992px) { #faq-top-grid-v2-1 { display: grid !important; grid-template-columns: minmax(0,1fr) 330px !important; gap: 30px !important; align-items: start !important; width: 100% !important; min-width: 0 !important; overflow: visible !important; margin-bottom: 28px !important; } #faq-toc-top-only-v2-1 { position: sticky !important; top: 110px !important; align-self: start !important; width: 100% !important; height: fit-content !important; max-height: calc(100vh - 130px) !important; overflow-y: auto !important; z-index: 3 !important; } #faq-top-grid-v2-1 ~ * { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } #faq-reviewed-media-v2 { display: grid !important; grid-template-columns: minmax(0,1fr) max-content !important; column-gap: 64px !important; row-gap: 0 !important; align-items: center !important; width: 100% !important; } #faq-reviewed-media-v2 > div:first-child { min-width: 0 !important; } #faq-reviewed-media-v2 > div:last-child { justify-self: end !important; margin-left: 0 !important; } } @media (max-width: 991.98px) { #faq-top-grid-v2-1 { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; width: 100% !important; margin-bottom: 22px !important; } #faq-toc-top-only-v2-1 { position: static !important; top: auto !important; width: 100% !important; max-height: none !important; overflow: visible !important; } #faq-top-grid-v2-1 ~ * { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } #faq-reviewed-media-v2 { display: grid !important; grid-template-columns: minmax(0,1fr) max-content !important; column-gap: 36px !important; align-items: center !important; } } @media (max-width: 720px) { #faq-reviewed-media-v2 { grid-template-columns: minmax(0,1fr) !important; row-gap: 22px !important; column-gap: 0 !important; align-items: start !important; } #faq-reviewed-media-v2 > div:last-child { justify-self: start !important; } } @media (min-width: 992px) { html body .shada-native-widget-switcher[aria-label="Australian Skilled Migration Guide"] > .shada-native-tabs { align-items: start !important; } html body .shada-native-widget-switcher[aria-label="Australian Skilled Migration Guide"] > .shada-native-tabs > [role="tablist"] { align-self: start !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; box-sizing: border-box !important; overscroll-behavior: contain !important; scrollbar-gutter: stable !important; } } button.shada-button.rsform-submit-button, button.shada-button.uk-button, button.shada-button.uk-button-primary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 12px 24px !important; background: #08787d !important; border: 1px solid #08787d !important; border-radius: 6px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer !important; transition: all 0.2s ease !important; } button.shada-button.rsform-submit-button:hover, button.shada-button.rsform-submit-button:focus, button.shada-button.uk-button:hover, button.shada-button.uk-button:focus { background: #06666a !important; border-color: #06666a !important; color: #ffffff !important; transform: translateY(-1px); box-shadow: none !important; } .rsform-block-website-url, #website_url, label[for="website_url"], input.shada-honeypot { display: none !important; visibility: hidden !important; } .shada-assessment-cta { margin: 40px 0 20px; padding: 24px 26px; background: #eef7f7; border: 1px solid #d8e7e8; border-left: 5px solid #0f6d73; border-radius: 10px; text-align: left; color: #1f2d2f; } .shada-assessment-cta h3 { margin: 0 0 10px; color: #1f2d2f; font-size: 1.35rem; line-height: 1.35; } .shada-assessment-cta p { margin: 0 0 18px; max-width: 850px; color: #4b5c5e; line-height: 1.7; } .shada-assessment-cta .shada-button-row { margin-top: 0; } @media (max-width: 768px) { .shada-assessment-cta { padding: 20px 18px; margin: 30px 0 18px; } } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration .rsfp-fieldset, #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration .rsfp-fieldset > label, #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset > label { display: flex !important; align-items: flex-start !important; gap: 14px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 16px 18px !important; background: #ffffff !important; border: 1px solid #cfe1e2 !important; border-radius: 9px !important; color: #263638 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.55 !important; text-align: left !important; white-space: normal !important; cursor: pointer !important; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important; } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration input[type="checkbox"], #userForm:has(#submit_assessment) .rsform-block-newsletter-consent input[type="checkbox"] { display: inline-block !important; position: static !important; flex: 0 0 22px !important; width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; margin: 1px 0 0 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; accent-color: #08787d !important; cursor: pointer !important; } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration .rsfp-fieldset > label:hover, #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset > label:hover { background: #f4fafa !important; border-color: #77b7ba !important; } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration .rsfp-fieldset > label:has(input[type="checkbox"]:checked), #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset > label:has(input[type="checkbox"]:checked) { background: #eaf6f6 !important; border-color: #08787d !important; box-shadow: 0 0 0 1px rgba(8,120,125,.08) !important; } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration .rsfp-fieldset > label:focus-within, #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset > label:focus-within { border-color: #08787d !important; box-shadow: 0 0 0 3px rgba(8,120,125,.14) !important; } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration > .formControlLabel, #userForm:has(#submit_assessment) .rsform-block-newsletter-consent > .formControlLabel { font-weight: 600 !important; color: #263638 !important; } .shada-assessment-faq { margin: 42px 0 0 !important; padding: 26px 28px !important; background: #eef7f7 !important; border-left: 5px solid #08787d !important; border-radius: 10px !important; } .shada-assessment-faq > h2 { margin: 0 0 22px !important; color: #3d4648 !important; font-size: 27px !important; line-height: 1.25 !important; } .shada-assessment-faq-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 15px !important; align-items: start !important; } .shada-assessment-faq-item { margin: 0 !important; background: #ffffff !important; border: 1px solid #d5e4e5 !important; border-radius: 10px !important; box-shadow: 0 4px 12px rgba(31,45,47,.05) !important; overflow: hidden !important; } .shada-assessment-faq-item summary { display: grid !important; grid-template-columns: minmax(0,1fr) 34px !important; align-items: center !important; gap: 14px !important; min-height: 84px !important; box-sizing: border-box !important; padding: 16px 18px 16px 20px !important; list-style: none !important; color: #263f42 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: left !important; cursor: pointer !important; } .shada-assessment-faq-item summary::-webkit-details-marker { display: none !important; } .shada-assessment-faq-item summary::marker { content: "" !important; } .shada-assessment-faq-item summary::after { content: "+" !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #08787d !important; color: #ffffff !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1 !important; transition: transform .18s ease, background-color .18s ease !important; } .shada-assessment-faq-item[open] summary::after { content: "−" !important; } .shada-assessment-faq-item summary:hover::after { background: #06676b !important; } .shada-assessment-faq-item summary:focus-visible { outline: 3px solid rgba(8,120,125,.18) !important; outline-offset: -3px !important; } .shada-assessment-faq-answer { padding: 0 20px 18px !important; border-top: 1px solid #e2eded !important; } .shada-assessment-faq-answer p { margin: 15px 0 0 !important; color: #405457 !important; font-size: 15px !important; line-height: 1.65 !important; text-align: left !important; } .shada-form16-cta { margin: 44px 0 24px !important; padding: 34px 28px !important; background: #dceeee !important; border-radius: 10px !important; text-align: center !important; } .shada-form16-cta h2 { margin: 0 0 14px !important; color: #3d4648 !important; font-size: 27px !important; line-height: 1.3 !important; } .shada-form16-cta p { max-width: 820px !important; margin: 0 auto 22px !important; color: #344a4d !important; font-size: 16px !important; line-height: 1.7 !important; } .shada-form16-cta-actions { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 12px !important; } .shada-form16-cta-actions .shada-button { margin: 0 !important; } @media (max-width: 1050px) { .shada-assessment-faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 700px) { #userForm:has(#submit_assessment) .rsform-block-privacy-declaration .rsfp-fieldset > label, #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset > label { gap: 12px !important; padding: 15px 14px !important; font-size: 15px !important; line-height: 1.5 !important; text-align: left !important; } #userForm:has(#submit_assessment) .rsform-block-privacy-declaration input[type="checkbox"], #userForm:has(#submit_assessment) .rsform-block-newsletter-consent input[type="checkbox"] { flex-basis: 24px !important; width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; } .shada-assessment-faq { margin-top: 32px !important; padding: 22px 16px !important; } .shada-assessment-faq > h2 { font-size: 24px !important; margin-bottom: 18px !important; } .shada-assessment-faq-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .shada-assessment-faq-item summary { min-height: 72px !important; padding: 15px 14px 15px 16px !important; grid-template-columns: minmax(0,1fr) 34px !important; font-size: 15px !important; } .shada-form16-cta { margin-top: 34px !important; padding: 28px 18px !important; } .shada-form16-cta h2 { font-size: 24px !important; } .shada-form16-cta-actions { flex-direction: column !important; align-items: stretch !important; } .shada-form16-cta-actions .shada-button { width: 100% !important; box-sizing: border-box !important; text-align: center !important; } } #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset { text-align: left !important; } #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset > label { justify-content: flex-start !important; align-items: flex-start !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } #userForm:has(#submit_assessment) .rsform-block-newsletter-consent .rsfp-fieldset > label input[type="checkbox"] { margin-left: 0 !important; margin-right: 0 !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) .rsfp-fieldset { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; text-align:left !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) .rsfp-fieldset > label { display:flex !important; align-items:flex-start !important; justify-content:flex-start !important; gap:14px !important; width:100% !important; box-sizing:border-box !important; margin-left:0 !important; margin-right:0 !important; padding:16px 18px !important; background:#ffffff !important; border:1px solid #cfe1e2 !important; border-radius:9px !important; color:#263638 !important; font-size:15px !important; font-weight:600 !important; line-height:1.55 !important; text-align:left !important; white-space:normal !important; cursor:pointer !important; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) input[type="checkbox"] { display:inline-block !important; position:static !important; flex:0 0 22px !important; width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; margin:1px 0 0 0 !important; padding:0 !important; opacity:1 !important; visibility:visible !important; accent-color:#08787d !important; cursor:pointer !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) .rsfp-fieldset > label:hover { background:#f4fafa !important; border-color:#77b7ba !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) .rsfp-fieldset > label:has( input[type="checkbox"]:checked ) { background:#eaf6f6 !important; border-color:#08787d !important; box-shadow: 0 0 0 1px rgba(8,120,125,.08) !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) .rsfp-fieldset > label:focus-within { border-color:#08787d !important; box-shadow: 0 0 0 3px rgba(8,120,125,.14) !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) > .formControlLabel { text-align:left !important; font-weight:600 !important; color:#263638 !important; } @media (max-width:700px) { :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) .rsfp-fieldset > label { gap:12px !important; padding:15px 14px !important; font-size:15px !important; line-height:1.5 !important; text-align:left !important; } :is( [id^="rsform_11_page_"], [id^="rsform_15_page_"], [id^="rsform_18_page_"], [id^="rsform_20_page_"], [id^="rsform_21_page_"], [id^="rsform_22_page_"], [id^="rsform_25_page_"] ) :is( .rsform-block-privacy-declaration, .rsform-block-newsletter-consent ) input[type="checkbox"] { flex-basis:24px !important; width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; } } .shada-assessment-cta { margin:44px 0 24px !important; padding:34px 28px !important; background:#dceeee !important; border-radius:10px !important; text-align:center !important; } .shada-assessment-cta h2 { margin:0 0 14px !important; color:#3d4648 !important; font-size:27px !important; line-height:1.3 !important; } .shada-assessment-cta p { max-width:820px !important; margin:0 auto 22px !important; color:#344a4d !important; font-size:16px !important; line-height:1.7 !important; } .shada-assessment-cta-actions { display:flex !important; justify-content:center !important; align-items:center !important; flex-wrap:wrap !important; gap:12px !important; } .shada-assessment-cta-actions .shada-button { margin:0 !important; } @media (max-width:700px) { .shada-assessment-cta { margin-top:34px !important; padding:28px 18px !important; } .shada-assessment-cta h2 { font-size:24px !important; } .shada-assessment-cta-actions { flex-direction:column !important; align-items:stretch !important; } .shada-assessment-cta-actions .shada-button { width:100% !important; box-sizing:border-box !important; text-align:center !important; } } .shada-citizenship-assessment-page h1 { display: none !important; } .shada-citizenship-assessment-page .shada-citizenship-assessment-hero { background: #eef7f7; border-left: 5px solid #08787d; border-radius: 10px; padding: 24px 28px; margin: 0 0 30px; } .shada-citizenship-assessment-page .shada-citizenship-assessment-hero h2 { margin: 0 0 14px; font-size: 30px; line-height: 1.2; color: #1f2d2f; } .shada-citizenship-assessment-page .shada-citizenship-assessment-hero > p { margin: 0 0 18px; font-size: 16px; line-height: 1.7; color: #4b5c5e; } .shada-citizenship-assessment-page .shada-citizenship-assessment-features { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 20px; } .shada-citizenship-assessment-page .shada-citizenship-assessment-features span { background: #ffffff; border: 1px solid #d9e6e6; border-radius: 8px; padding: 10px 14px; } .shada-citizenship-assessment-page .shada-citizenship-assessment-actions { display: flex; flex-wrap: wrap; gap: 10px; } .shada-citizenship-assessment-page .shada-citizenship-assessment-actions .shada-button { display: inline-block; text-decoration: none; } @media (max-width: 768px) { .shada-citizenship-assessment-page .shada-citizenship-assessment-hero { padding: 20px; } .shada-citizenship-assessment-page .shada-citizenship-assessment-hero h2 { font-size: 26px; } } .shada-citizenship-assessment-page .shada-date-input-wrap { position: relative; width: 100%; } .shada-citizenship-assessment-page .shada-date-input-wrap > input:not(.shada-date-picker-native) { width: 100%; padding-right: 3.75rem; } .shada-citizenship-assessment-page .shada-date-picker-icon { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; color: #08787d; pointer-events: none; z-index: 2; } .shada-citizenship-assessment-page .shada-date-picker-native { position: absolute; top: 0; right: 0; width: 3.75rem; height: 100%; opacity: 0; cursor: pointer; z-index: 3; } .shada-citizenship-assessment-page .shada-date-picker-native { position: absolute !important; right: 0 !important; bottom: 0 !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; opacity: 0 !important; pointer-events: none !important; } .shada-citizenship-assessment-page .shada-date-picker-button { position: absolute; top: 50%; right: .65rem; transform: translateY(-50%); width: 2.75rem; height: 2.75rem; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; border: 0; border-radius: 7px; background: transparent; color: #08787d; cursor: pointer; z-index: 5; } .shada-citizenship-assessment-page .shada-date-picker-button:hover { background: rgba(8, 120, 125, .08); } .shada-citizenship-assessment-page .shada-date-picker-button:focus-visible { outline: 2px solid #08787d; outline-offset: 2px; } .shada-citizenship-assessment-page .shada-date-input-wrap > input:not(.shada-date-picker-native) { padding-right: 4rem !important; } .shada-citizenship-assessment-page .shada-date-input-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) 7rem 2.75rem; gap: .5rem; align-items: center; } .shada-citizenship-assessment-page .shada-date-input-wrap > input:not(.shada-date-picker-native) { width: 100% !important; padding-right: .75rem !important; } .shada-citizenship-assessment-page .shada-date-year-select { width: 100%; min-height: 44px; padding: .55rem .65rem; border: 1px solid #ced4da; border-radius: 6px; background: #fff; color: #263238; cursor: pointer; } .shada-citizenship-assessment-page .shada-date-picker-button { position: static !important; transform: none !important; width: 2.75rem !important; height: 2.75rem !important; align-self: center; } .shada-citizenship-assessment-page .shada-date-picker-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; } @media (max-width: 575.98px) { .shada-citizenship-assessment-page .shada-date-input-wrap { grid-template-columns: minmax(0, 1fr) 6.3rem 2.5rem; gap: .35rem; } .shada-citizenship-assessment-page .shada-date-picker-button { width: 2.5rem !important; height: 2.5rem !important; } } .shada-citizenship-assessment-page .shada-date-input-wrap { display: grid !important; grid-template-columns: minmax(11rem, 1fr) 4.8rem 5.8rem 6.3rem 2.75rem; gap: .45rem; align-items: center; } .shada-citizenship-assessment-page .shada-date-day-select, .shada-citizenship-assessment-page .shada-date-month-select, .shada-citizenship-assessment-page .shada-date-year-select { width: 100%; min-height: 44px; padding: .55rem .55rem; border: 1px solid #ced4da; border-radius: 6px; background: #fff; color: #263238; cursor: pointer; } .shada-citizenship-assessment-page .shada-date-input-wrap > input:not(.shada-date-picker-native) { width: 100% !important; min-width: 0; padding-right: .75rem !important; } .shada-citizenship-assessment-page .shada-date-picker-button { position: static !important; transform: none !important; width: 2.75rem !important; height: 2.75rem !important; } @media (max-width: 575.98px) { .shada-citizenship-assessment-page .shada-date-input-wrap { grid-template-columns: 1fr 1.15fr 1.25fr 2.5rem; gap: .4rem; } .shada-citizenship-assessment-page .shada-date-input-wrap > input:not(.shada-date-picker-native) { grid-column: 1 / -1; } .shada-citizenship-assessment-page .shada-date-day-select { grid-column: 1; } .shada-citizenship-assessment-page .shada-date-month-select { grid-column: 2; } .shada-citizenship-assessment-page .shada-date-year-select { grid-column: 3; } .shada-citizenship-assessment-page .shada-date-picker-button { grid-column: 4; width: 2.5rem !important; height: 2.5rem !important; } } .shada-citizenship-assessment-page .shada-assessment-cta .shada-button-row { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 1rem !important; width: 100% !important; margin-top: 1.4rem !important; } .shada-citizenship-assessment-page .shada-assessment-cta .shada-button-row .shada-button { margin: 0 !important; } @media (max-width: 575.98px) { .shada-citizenship-assessment-page .shada-assessment-cta .shada-button-row { flex-direction: column !important; align-items: center !important; } .shada-citizenship-assessment-page .shada-assessment-cta .shada-button-row .shada-button { width: 100%; max-width: 20rem; text-align: center; } } .shada-assessment-section-card { margin: 1.55rem 0 1.2rem !important; padding: 1rem 1.4rem !important; background: #f3fafb !important; border: 1px solid #d7e8ea !important; border-left: 5px solid #0b8389 !important; border-radius: 0 12px 12px 0 !important; box-shadow: 0 2px 8px rgba(22, 80, 86, .035) !important; min-height: 0 !important; } .shada-assessment-section-card > div, .shada-assessment-section-card > section { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .shada-assessment-section-card hr { display: none !important; } .shada-assessment-section-card::before, .shada-assessment-section-card::after { content: none !important; display: none !important; } .shada-assessment-section-card > :first-child { border-bottom: 0 !important; } .shada-assessment-section-card :is(h2,h3,h4,h5) { margin: 0 !important; color: #066575 !important; font-size: 1.28rem !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.01em; } .shada-assessment-section-card p { margin: .4rem 0 0 !important; color: #536a6e !important; font-size: 1rem !important; line-height: 1.5 !important; } .shada-assessment-section-card :is( .step, .step-label, [class*="step-label"], [class*="eyebrow"] ) { color: #087f85 !important; } @media (max-width: 767.98px) { .shada-assessment-section-card { margin: 1.25rem 0 1rem !important; padding: .9rem 1rem !important; border-left-width: 4px !important; border-radius: 0 10px 10px 0 !important; } .shada-assessment-section-card :is(h2,h3,h4,h5) { font-size: 1.16rem !important; } } .shada-assessment-section-card hr, .shada-assessment-section-card [class*="divider"], .shada-assessment-section-card [class*="separator"], .shada-assessment-section-card [class*="horizontal-rule"] { display: none !important; border: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .shada-assessment-section-card > *, .shada-assessment-section-card > * * { border-top: 0 !important; border-bottom: 0 !important; } .shada-assessment-section-card > div::before, .shada-assessment-section-card > div::after, .shada-assessment-section-card > section::before, .shada-assessment-section-card > section::after, .shada-assessment-section-card > div > div::before, .shada-assessment-section-card > div > div::after, .shada-assessment-section-card p::before, .shada-assessment-section-card p::after { content: none !important; display: none !important; border: 0 !important; width: 0 !important; height: 0 !important; background: none !important; background-image: none !important; box-shadow: none !important; } .shada-assessment-section-card > div, .shada-assessment-section-card > section, .shada-assessment-section-card > div > div { background-image: none !important; } html:not(.shada-assessment-rsform-stable-v3) :is( #rsform_9_page_0, #rsform_11_page_0, #rsform_16_page_0, #rsform_18_page_0, #rsform_20_page_0, #rsform_21_page_0, #rsform_22_page_0, #rsform_25_page_0 ) { visibility: hidden !important; opacity: 0 !important; } html.shada-assessment-rsform-stable-v3 :is( #rsform_9_page_0, #rsform_11_page_0, #rsform_16_page_0, #rsform_18_page_0, #rsform_20_page_0, #rsform_21_page_0, #rsform_22_page_0, #rsform_25_page_0 ) { visibility: visible !important; opacity: 1 !important; transition: none !important; } .shada-assessment-section-card .shada-step-inline { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: .8rem !important; margin: 0 0 .8rem !important; line-height: 1.2 !important; } .shada-assessment-section-card .shada-step-number { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 2.15rem !important; padding: .44rem .82rem !important; background: #087f85 !important; color: #ffffff !important; border: 0 !important; border-radius: 8px !important; font-size: 1rem !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .055em !important; white-space: nowrap !important; } .shada-assessment-section-card .shada-step-separator { display: none !important; } .shada-assessment-section-card .shada-step-inline-title { color: #20383c !important; font-size: 1.48rem !important; font-weight: 750 !important; line-height: 1.2 !important; letter-spacing: -.015em !important; } .shada-assessment-section-card .shada-step-inline + p { margin-top: .25rem !important; } @media (max-width: 767.98px) { .shada-assessment-section-card .shada-step-inline { gap: .6rem !important; margin-bottom: .65rem !important; } .shada-assessment-section-card .shada-step-number { min-height: 1.95rem !important; padding: .4rem .68rem !important; font-size: .9rem !important; } .shada-assessment-section-card .shada-step-inline-title { font-size: 1.25rem !important; } } #rsform_20_page_0 .formControls input[type="text"], #rsform_20_page_0 .formControls input[type="email"], #rsform_20_page_0 .formControls input[type="tel"], #rsform_20_page_0 .formControls input[type="number"], #rsform_20_page_0 .formControls input[type="date"], #rsform_20_page_0 .formControls select, #rsform_20_page_0 .formControls textarea { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } #rsform_20_page_0 .rsform-block-nationality .formControlLabel { white-space: nowrap !important; } #rsform_20_page_0 .rsform-block-nationality .formRequired { display: inline !important; white-space: nowrap !important; margin-left: .2rem !important; } @media (max-width: 575.98px) { #rsform_20_page_0 .rsform-block-nationality .formControlLabel { white-space: normal !important; } #rsform_20_page_0 .rsform-block-nationality .formRequired { white-space: nowrap !important; } } #rsform_25_page_0 .formControls input[type="text"], #rsform_25_page_0 .formControls input[type="email"], #rsform_25_page_0 .formControls input[type="tel"], #rsform_25_page_0 .formControls input[type="number"], #rsform_25_page_0 .formControls input[type="date"], #rsform_25_page_0 .formControls select, #rsform_25_page_0 .formControls textarea { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } #rsform_25_page_0 .rsform-block-nationality .formControlLabel { white-space: nowrap !important; } #rsform_25_page_0 .rsform-block-nationality .formRequired { display: inline !important; white-space: nowrap !important; margin-left: .2rem !important; } @media (max-width: 575.98px) { #rsform_25_page_0 .rsform-block-nationality .formControlLabel { white-space: normal !important; } } .shada-rsfp-dropzone { --shada-drop-accent: var(--cassiopeia-color-primary, #176f78); position: relative; width: 100%; min-height: 150px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; border: 2px dashed var(--shada-drop-accent); border-radius: 12px; background: rgba(0, 0, 0, 0.018); text-align: center; cursor: pointer; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; } .shada-rsfp-dropzone:hover, .shada-rsfp-dropzone.is-dragover { background: rgba(0, 0, 0, 0.045); } .shada-rsfp-dropzone:focus-within { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } .shada-rsfp-dropzone > input[type="file"].shada-rsfp-dropzone__native { position: absolute !important; inset: 0; z-index: 2; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 0; cursor: pointer; } .shada-rsfp-dropzone__content { position: relative; z-index: 1; pointer-events: none; } .shada-rsfp-dropzone__title { display: block; margin-bottom: 5px; font-size: 1.05rem; font-weight: 700; } .shada-rsfp-dropzone__instruction { display: block; margin-bottom: 8px; } .shada-rsfp-dropzone__meta { display: block; font-size: .875rem; opacity: .72; } .shada-rsfp-dropzone__message { position: relative; z-index: 3; margin-top: 12px; font-size: .9rem; font-weight: 600; pointer-events: none; } .shada-rsfp-dropzone__files { position: relative; z-index: 4; width: min(720px, 100%); margin-top: 14px; display: grid; gap: 8px; text-align: left; pointer-events: auto; } .shada-rsfp-file { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 9px 10px 9px 12px; border: 1px solid rgba(0, 0, 0, .13); border-radius: 8px; background: #fff; cursor: default; } .shada-rsfp-file__name { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; font-weight: 600; } .shada-rsfp-file__size { flex: 0 0 auto; font-size: .8rem; opacity: .65; } .shada-rsfp-file__actions { display: flex; flex: 0 0 auto; gap: 6px; } .shada-rsfp-file__button { appearance: none; border: 1px solid rgba(0, 0, 0, .16); border-radius: 6px; background: #fff; padding: 5px 9px; font: inherit; font-size: .8rem; line-height: 1.2; cursor: pointer; } .shada-rsfp-file__button:hover, .shada-rsfp-file__button:focus-visible { border-color: var(--shada-drop-accent); } .shada-rsfp-file__button--remove { font-weight: 600; } .shada-rsfp-dropzone__replace-input { display: none !important; } @media (max-width: 575.98px) { .shada-rsfp-dropzone { min-height: 135px; padding: 20px 14px; } .shada-rsfp-file { flex-wrap: wrap; } .shada-rsfp-file__actions { width: 100%; justify-content: flex-end; } } .shada-rsfp-dropzone { --shada-drop-accent: #5aa9a5; border-color: #5aa9a5; background: #eef8f7; } .shada-rsfp-dropzone:hover, .shada-rsfp-dropzone.is-dragover { border-color: #3f928e; background: #e4f4f2; } .shada-rsfp-dropzone:focus-within { box-shadow: 0 0 0 3px rgba(90, 169, 165, .18); } .shada-rsfp-dropzone__title, .shada-rsfp-dropzone__message { color: #176f78; } .shada-rsfp-dropzone__instruction { color: #294846; } .shada-rsfp-dropzone__meta { color: #5b7775; opacity: 1; } .shada-rsfp-file { border-color: #d2e8e6; background: #ffffff; } .shada-rsfp-file__button:hover, .shada-rsfp-file__button:focus-visible { border-color: #5aa9a5; background: #eef8f7; } .shada-assessment-hero-v1 { background: #eef7f7; border-left: 5px solid #0f6d73; padding: 24px 28px; border-radius: 10px; margin-bottom: 30px; } .shada-assessment-hero-v1__grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(220px, 0.9fr); gap: 26px; align-items: center; } .shada-assessment-hero-v1__body { min-width: 0; } .shada-assessment-hero-v1 h1 { margin: 0 0 14px; font-size: 30px; line-height: 1.2; color: #1f2d2f; } .shada-assessment-hero-v1__body > p { color: #4b5c5e; line-height: 1.7; } .shada-assessment-hero-v1__lead { margin: 0 0 14px; font-size: 16px; } .shada-assessment-hero-v1__pathways { margin: 0 0 18px; font-size: 15px; } .shada-assessment-hero-v1__features { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } .shada-assessment-hero-v1__features span { background: #ffffff; border: 1px solid #d9e6e6; border-radius: 8px; padding: 10px 14px; } .shada-assessment-hero-v1__actions { display: flex; flex-wrap: wrap; gap: 12px; } .shada-assessment-hero-v1__primary, .shada-assessment-hero-v1__secondary { display: inline-block; text-decoration: none; padding: 13px 24px; border-radius: 6px; font-weight: 700; } .shada-assessment-hero-v1__primary { background: #08787d; border: 1px solid #08787d; color: #ffffff; } .shada-assessment-hero-v1__secondary { background: #ffffff; border: 1px solid #08787d; color: #08787d; } .shada-assessment-hero-v1__media { min-width: 0; display: flex; align-items: center; justify-content: center; } .shada-assessment-hero-v1__media img { display: block; width: 100%; height: auto; max-height: 260px; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; border-radius: 10px; } @media (max-width: 820px) { .shada-assessment-hero-v1__grid { grid-template-columns: 1fr; gap: 22px; } .shada-assessment-hero-v1__media img { width: 100%; max-height: 260px; } } @media (max-width: 600px) { .shada-assessment-hero-v1 { padding: 20px; } .shada-assessment-hero-v1 h1 { font-size: 27px; } } .shada-assessment-hero-v1--skilled { background: linear-gradient( 135deg, #eef7f7 0%, #f7fbfb 62%, #ffffff 100% ); border: 1px solid #d7e7e7; border-left: 5px solid #0f6d73; border-radius: 12px; padding: 28px 30px; box-shadow: 0 12px 32px rgba(15, 109, 115, 0.08), 0 2px 6px rgba(31, 45, 47, 0.04); } .shada-assessment-hero-v1--skilled .shada-assessment-hero-v1__grid { grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1.1fr); gap: 32px; } .shada-assessment-hero-v1--skilled .shada-assessment-hero-v1__media img { max-height: 320px; border-radius: 12px; box-shadow: 0 10px 24px rgba(31, 45, 47, 0.11); } .shada-assessment-hero-v1--skilled .shada-assessment-hero-v1__features { gap: 11px; margin-bottom: 22px; } .shada-assessment-hero-v1--skilled .shada-assessment-hero-v1__features span { background: rgba(255,255,255,.94); border-color: #d5e4e4; box-shadow: 0 2px 7px rgba(15,109,115,.04); } @media (max-width: 820px) { .shada-assessment-hero-v1--skilled { padding: 22px; } .shada-assessment-hero-v1--skilled .shada-assessment-hero-v1__grid { grid-template-columns: 1fr; gap: 22px; } .shada-assessment-hero-v1--skilled .shada-assessment-hero-v1__media img { max-height: 300px; } } @media (max-width: 767.98px) { .shada-assessment-hero-v1--skilled .shada-assessment-hero-v1__media { display: none; } } .shada-assessment-hero-v1--approved { background: linear-gradient( 135deg, #eef7f7 0%, #f7fbfb 62%, #ffffff 100% ); border: 1px solid #d7e7e7; border-left: 5px solid #0f6d73; border-radius: 12px; padding: 28px 30px; box-shadow: 0 12px 32px rgba(15, 109, 115, 0.08), 0 2px 6px rgba(31, 45, 47, 0.04); } .shada-assessment-hero-v1--approved .shada-assessment-hero-v1__grid { grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1.1fr); gap: 32px; } .shada-assessment-hero-v1--approved h1, .shada-assessment-hero-v1--approved h2 { margin: 0 0 14px; font-size: 30px; line-height: 1.2; color: #1f2d2f; } .shada-assessment-hero-v1--approved .shada-assessment-hero-v1__media img { max-height: 320px; border-radius: 12px; box-shadow: 0 10px 24px rgba(31, 45, 47, 0.11); } .shada-assessment-hero-v1--approved .shada-assessment-hero-v1__features { gap: 11px; margin-bottom: 22px; } .shada-assessment-hero-v1--approved .shada-assessment-hero-v1__features span { background: rgba(255,255,255,.94); border-color: #d5e4e4; box-shadow: 0 2px 7px rgba(15,109,115,.04); } @media (max-width: 820px) { .shada-assessment-hero-v1--approved { padding: 22px; } .shada-assessment-hero-v1--approved .shada-assessment-hero-v1__grid { grid-template-columns: 1fr; gap: 22px; } } @media (max-width: 767.98px) { .shada-assessment-hero-v1--approved .shada-assessment-hero-v1__media { display: none; } } @media (max-width: 767.98px) { body.shada-assessment-mobile-page { overflow-x: hidden !important; } body.shada-assessment-mobile-page .container-component, body.shada-assessment-mobile-page main, body.shada-assessment-mobile-page .com-content-article, body.shada-assessment-mobile-page form, body.shada-assessment-mobile-page fieldset, body.shada-assessment-mobile-page .formContainer, body.shada-assessment-mobile-page .uk-form-row, body.shada-assessment-mobile-page .rsform-block, body.shada-assessment-mobile-page [id^="rsform_"][id*="_page_"] { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding: 20px 16px !important; box-sizing: border-box !important; overflow: hidden !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__grid, body.shada-assessment-mobile-page .shada-assessment-hero-v1__body { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1 h1, body.shada-assessment-mobile-page .shada-assessment-hero-v1 h2, body.shada-assessment-mobile-page .shada-assessment-hero-v1 p { max-width: 100% !important; overflow-wrap: anywhere; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__features { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; gap: 10px !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__features span { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; white-space: normal !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__actions { display: none !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__media { display: none !important; } html body.shada-assessment-mobile-page #sva-progress-box, html body.shada-assessment-mobile-page #citizenship-progress-box { position: static !important; display: block !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 14px 0 20px !important; padding: 10px 12px !important; z-index: auto !important; box-sizing: border-box !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07) !important; } body.shada-assessment-mobile-page input:not([type="checkbox"]):not([type="radio"]), body.shada-assessment-mobile-page select, body.shada-assessment-mobile-page textarea, body.shada-assessment-mobile-page iframe, body.shada-assessment-mobile-page img { max-width: 100% !important; box-sizing: border-box !important; } body.shada-assessment-mobile-page label, body.shada-assessment-mobile-page .rsform-block, body.shada-assessment-mobile-page .shada-step-card, body.shada-assessment-mobile-page .shada-assessment-faq { overflow-wrap: anywhere; } } @media (max-width: 991.98px) { .shada-mobile-menu-drawer li.shada-mobile-assessment-tools-v1 { position: relative !important; min-width: 0 !important; max-width: 100% !important; } .shada-mobile-menu-drawer li.shada-mobile-assessment-tools-v1 > ul:not(.shada-mobile-assessment-tools-v1-submenu) { display: none !important; } .shada-mobile-menu-drawer .shada-mobile-assessment-tools-v1-toggle { position: absolute !important; top: 8px !important; right: 10px !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 52px !important; border: 2px solid #c7dcdd !important; border-radius: 11px !important; background: #eef7f7 !important; color: #08787d !important; font-size: 28px !important; font-weight: 600 !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 3 !important; cursor: pointer !important; } .shada-mobile-menu-drawer .shada-mobile-assessment-tools-v1-submenu { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } .shada-mobile-menu-drawer .shada-mobile-assessment-tools-v1-submenu[hidden] { display: none !important; } .shada-mobile-menu-drawer .shada-mobile-assessment-tools-v1-submenu li { margin: 0 !important; padding: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.14) !important; } .shada-mobile-menu-drawer .shada-mobile-assessment-tools-v1-submenu a { display: block !important; width: 100% !important; max-width: 100% !important; padding: 12px 8px !important; color: #ffffff !important; background: transparent !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 600 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere !important; box-sizing: border-box !important; } .shada-mobile-menu-drawer .shada-mobile-assessment-tools-v1-submenu li:first-child a { font-weight: 800 !important; color: #d9f1f1 !important; } } @media (max-width: 991.98px) { .shada-mobile-menu-drawer li.shada-mobile-assessment-tools-v1 > .shada-mobile-accordion-v1-toggle:not( .shada-mobile-assessment-tools-v1-toggle ), .shada-mobile-menu-drawer li.shada-mobile-assessment-tools-v1 > .mod-menu__toggle-sub:not( .shada-mobile-assessment-tools-v1-toggle ) { display: none !important; } } @media (max-width: 991.98px) { .shada-mobile-menu-drawer .shada-mobile-assessment-tools-v1-toggle { top: 10px !important; right: 5px !important; width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; padding: 0 !important; border-radius: 8px !important; font-size: 21px !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } } @media (max-width: 767.98px) { html.shada-assessment-mobile-page-root, html.shada-assessment-mobile-page-root body { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: hidden !important; overscroll-behavior-x: none; } body.shada-assessment-mobile-page { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: hidden !important; touch-action: pan-y; } body.shada-assessment-mobile-page .site-grid, body.shada-assessment-mobile-page .grid-child, body.shada-assessment-mobile-page .container-component, body.shada-assessment-mobile-page main, body.shada-assessment-mobile-page .com-content-article, body.shada-assessment-mobile-page .item-page, body.shada-assessment-mobile-page .formResponsive, body.shada-assessment-mobile-page .formContainer, body.shada-assessment-mobile-page form, body.shada-assessment-mobile-page fieldset, body.shada-assessment-mobile-page [id^="rsform_"][id*="_page_"], body.shada-assessment-mobile-page .rsform-block, body.shada-assessment-mobile-page .uk-form-row { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1 { width: auto !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__grid, body.shada-assessment-mobile-page .shada-assessment-hero-v1__body, body.shada-assessment-mobile-page .shada-assessment-hero-v1__features { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1 h1, body.shada-assessment-mobile-page .shada-assessment-hero-v1 h2, body.shada-assessment-mobile-page .shada-assessment-hero-v1 p, body.shada-assessment-mobile-page .breadcrumb { max-width: 100% !important; overflow-wrap: anywhere !important; } body.shada-assessment-mobile-page .shada-assessment-mobile-actions-hidden-v2 { display: none !important; } html body.shada-assessment-mobile-page #sva-progress-box, html body.shada-assessment-mobile-page #citizenship-progress-box { position: fixed !important; display: block !important; left: 10px !important; right: 10px !important; bottom: 10px !important; top: auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 10px 12px !important; box-sizing: border-box !important; border-radius: 10px !important; z-index: 999999 !important; box-shadow: 0 4px 15px rgba(0,0,0,.12) !important; } body.shada-assessment-mobile-page .container-component { padding-bottom: 105px !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__actions { display: none !important; } body.shada-assessment-mobile-page .shada-assessment-hero-v1__media { display: none !important; } } @media (max-width: 991.98px) { .shada-mobile-menu-drawer li.shada-mobile-assessment-tools-v1 > .shada-mobile-accordion-v1-toggle:not( .shada-mobile-assessment-tools-v1-toggle ), .shada-mobile-menu-drawer li.shada-mobile-assessment-tools-v1 > .mod-menu__toggle-sub:not( .shada-mobile-assessment-tools-v1-toggle ) { display: flex !important; } .shada-mobile-menu-drawer li.shada-mobile-assessment-tools-v1 > .shada-mobile-assessment-tools-v1-toggle { display: none !important; } } @media (max-width: 767.98px) { html body.shada-assessment-mobile-page .shada-mobile-nav-shell .shada-mobile-menu-open { left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; inset: auto !important; margin-left: 12px !important; margin-right: 0 !important; transform: none !important; translate: none !important; opacity: 1 !important; visibility: visible !important; display: inline-flex !important; flex-shrink: 0 !important; } } @media (max-width: 767.98px) { :is( [id^="rsform_9_page_"], [id^="rsform_11_page_"], [id^="rsform_16_page_"], [id^="rsform_18_page_"], [id^="rsform_25_page_"] ) { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } :is( [id^="rsform_9_page_"], [id^="rsform_11_page_"], [id^="rsform_16_page_"], [id^="rsform_18_page_"], [id^="rsform_25_page_"] ) > .uk-grid { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } :is( [id^="rsform_9_page_"], [id^="rsform_11_page_"], [id^="rsform_16_page_"], [id^="rsform_18_page_"], [id^="rsform_25_page_"] ) > .uk-grid > [class*="uk-width-"] { float: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } :is( [id^="rsform_9_page_"], [id^="rsform_11_page_"], [id^="rsform_16_page_"], [id^="rsform_18_page_"], [id^="rsform_25_page_"] ) :is( .uk-form-row, .rsform-block, .formControls, .rsfp-fieldset, fieldset ) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } :is( [id^="rsform_9_page_"], [id^="rsform_11_page_"], [id^="rsform_16_page_"], [id^="rsform_18_page_"], [id^="rsform_25_page_"] ) :is( input:not([type="checkbox"]):not([type="radio"]), select, textarea ) { max-width: 100% !important; box-sizing: border-box !important; } .shada-assessment-hero-v1 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding: 20px 16px !important; box-sizing: border-box !important; } .shada-assessment-hero-v1__grid, .shada-assessment-hero-v1__body { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .shada-assessment-hero-v1 h1, .shada-assessment-hero-v1 h2, .shada-assessment-hero-v1 p { width: auto !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal !important; } .shada-assessment-hero-v1__features { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 10px !important; box-sizing: border-box !important; } .shada-assessment-hero-v1__features span { width: 100% !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; box-sizing: border-box !important; } .shada-assessment-hero-v1__media { display: none !important; } } @media (max-width: 600px) { html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width { padding-bottom: 30px !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell { box-sizing: border-box !important; display: flex !important; align-items: center !important; width: 100% !important; max-width: 100% !important; height: 68px !important; min-height: 68px !important; max-height: 68px !important; margin: 0 !important; padding: 9px 14px !important; gap: 12px !important; background: #08787d !important; border-top: 1px solid rgba(255,255,255,.14) !important; border-bottom: 1px solid rgba(6,83,87,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 10px rgba(20,72,77,.10) !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell > .shada-mobile-menu-open { box-sizing: border-box !important; position: static !important; inset: auto !important; display: inline-flex !important; flex: 0 0 46px !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0 !important; padding: 0 !important; gap: 5px !important; border-radius: 6px !important; transform: none !important; translate: none !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell > .shada-mobile-menu-open > span { display: block !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 2px !important; min-height: 2px !important; max-height: 2px !important; margin: 0 !important; border-radius: 999px !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell > .shada-mobile-call { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 44px !important; margin: 0 4px 0 auto !important; padding: 0 4px !important; gap: 9px !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .01em !important; text-decoration: none !important; white-space: nowrap !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell .shada-mobile-phone-icon { flex: 0 0 auto !important; transform: scale(.86) !important; transform-origin: center !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell .shada-mobile-phone-text { font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .01em !important; } } @media (min-width: 601px) and (max-width: 991.98px) { html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell { box-sizing: border-box !important; height: 70px !important; min-height: 70px !important; max-height: 70px !important; padding-block: 10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 10px rgba(20,72,77,.10) !important; } } @media (max-width: 600px) { html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width { padding-bottom: 6px !important; border-bottom: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar { border-bottom: 0 !important; box-shadow: none !important; } html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar::after { display: none !important; content: none !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell { box-sizing: border-box !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; padding: 6px 14px !important; gap: 10px !important; border-top: 1px solid rgba(255,255,255,.10) !important; border-bottom: 1px solid rgba(6,83,87,.12) !important; box-shadow: 0 2px 7px rgba(20,72,77,.08) !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell > .shada-mobile-menu-open { flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; gap: 4px !important; margin: 0 !important; border-radius: 6px !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell > .shada-mobile-menu-open > span { width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 2px !important; min-height: 2px !important; max-height: 2px !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell > .shada-mobile-call { min-height: 40px !important; margin: 0 6px 0 auto !important; padding: 0 3px !important; gap: 8px !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell .shada-mobile-phone-icon { transform: scale(.84) !important; transform-origin: center !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell .shada-mobile-phone-text { font-size: 17px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .005em !important; } } @media (min-width: 601px) and (max-width: 991.98px) { html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell { height: 60px !important; min-height: 60px !important; max-height: 60px !important; padding-block: 8px !important; } } @media (max-width: 600px) { html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar > .grid-child, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .shada-header-logo, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .shada-header-logo--en { border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; } html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width::before, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width::after, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar::before, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar::after, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar > .grid-child::before, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .container-topbar > .grid-child::after, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .shada-header-logo::before, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .shada-header-logo::after, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .shada-header-logo--en::before, html[lang^="en"] body.site.has-shada-mobile-header header.header.container-header.full-width .shada-header-logo--en::after { content: none !important; display: none !important; border: 0 !important; box-shadow: none !important; background: none !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell { height: 54px !important; min-height: 54px !important; max-height: 54px !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell > .shada-mobile-call { font-size: 19px !important; line-height: 1 !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell .shada-mobile-phone-text { font-size: 19px !important; line-height: 1 !important; font-weight: 700 !important; } html[lang^="en"] body.site.has-shada-mobile-header > .shada-mobile-nav-shell .shada-mobile-phone-icon { transform: scale(.88) !important; transform-origin: center !important; } } @media (max-width: 991.98px) { html[lang^="en"] body .shada-mobile-menu-drawer .shada-mobile-language-switcher--after-menu { margin-top: 56px !important; margin-bottom: 28px !important; padding-top: 0 !important; border-top: 0 !important; } } @media (max-width: 991.98px) { html[lang^="en"] body .shada-mobile-menu-drawer .shada-mobile-drawer-search { box-sizing: border-box !important; position: relative !important; z-index: 5 !important; width: 100% !important; margin-top: 76px !important; } html[lang^="en"] body .shada-mobile-menu-drawer .shada-mobile-drawer-search input[type="search"] { min-width: 0 !important; } html[lang^="en"] body .shada-mobile-menu-drawer .shada-mobile-drawer-search button[type="submit"] { position: relative !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; isolation: isolate !important; } html[lang^="en"] body .shada-mobile-menu-drawer .shada-mobile-language-switcher--after-menu { margin-top: 56px !important; } } .shada-upload-dropzone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 150px; padding: 26px 20px; border: 2px dashed #7aa9a9; border-radius: 12px; background: #f7fbfb; text-align: center; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } .shada-upload-dropzone:hover, .shada-upload-dropzone:focus-within, .shada-upload-dropzone.is-dragover { border-color: #147d7e; background: #eef8f8; box-shadow: 0 0 0 3px rgba(20,125,126,.10); } .shada-upload-dropzone__icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 10px; color: #147d7e; pointer-events: none; } .shada-upload-dropzone__icon svg { width: 36px; height: 36px; } .shada-upload-dropzone__title { margin: 0; color: #243536; font-size: 1rem; font-weight: 700; line-height: 1.35; pointer-events: none; } .shada-upload-dropzone__action { color: #147d7e; text-decoration: underline; text-underline-offset: 2px; } .shada-upload-dropzone__meta { margin-top: 7px; color: #5d6c6d; font-size: .82rem; line-height: 1.45; pointer-events: none; } .shada-upload-dropzone > input.shada-upload-native-input { position: absolute !important; inset: 0 !important; z-index: 2 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; cursor: pointer !important; } .shada-upload-selected-files { width: 100%; margin-top: 10px; color: #39494a; font-size: .86rem; line-height: 1.45; } .shada-upload-selected-files:empty { display: none; } .shada-upload-selected-files__summary { margin-bottom: 5px; font-weight: 600; } .shada-upload-selected-files__item { padding: 3px 0; overflow-wrap: anywhere; } @media (max-width: 767.98px) { .shada-upload-dropzone { min-height: 132px; padding: 22px 16px; border-radius: 10px; } .shada-upload-dropzone__title { font-size: .95rem; } .shada-upload-dropzone__meta { font-size: .78rem; } } form:has(input[name="form[formId]"][value="25"]) label[for="supporting_documents"] .formRequired { display: none !important; } form:has(input[name="form[formId]"][value="11"]) .rsform-block-supporting-documents, form:has(input[name="form[formId]"][value="16"]) .rsform-block-supporting-documents, form:has(input[name="form[formId]"][value="18"]) .rsform-block-supporting-documents, form:has(input[name="form[formId]"][value="21"]) .rsform-block-supporting-documents, form:has(input[name="form[formId]"][value="22"]) .rsform-block-supporting-documents { display: none !important; } .shada-assessment-processing-r2 { box-sizing: border-box; display: flex; align-items: center; gap: 13px; width: 100%; max-width: 520px; margin-top: 14px; padding: 13px 15px; border: 1px solid rgba(8,120,125,.24); border-radius: 10px; background: #f4fafa; color: #263638; } .shada-assessment-processing-r2__spinner { box-sizing: border-box; flex: 0 0 26px; width: 26px; height: 26px; border: 3px solid rgba(8,120,125,.20); border-top-color: #08787d; border-radius: 50%; animation: shada-processing-spin-r2 .75s linear infinite; } .shada-assessment-processing-r2__body { min-width: 0; } .shada-assessment-processing-r2__title { display: block; color: #075f63; font-size: .95rem; font-weight: 700; line-height: 1.35; } .shada-assessment-processing-r2__note { display: block; margin-top: 2px; color: #566467; font-size: .80rem; line-height: 1.4; } form.shada-assessment-is-processing-r2 .rsform-submit-button { pointer-events: none !important; opacity: .70 !important; cursor: wait !important; } @keyframes shada-processing-spin-r2 { to { transform: rotate(360deg); } } @media (max-width: 767.98px) { .shada-assessment-processing-r2 { max-width: none; margin-top: 12px; padding: 12px 13px; } .shada-assessment-processing-r2__spinner { flex-basis: 24px; width: 24px; height: 24px; } } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) { margin-top: -18px !important; margin-bottom: 17px !important; padding-top: 0 !important; } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) > div, form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) > p { margin: 0 !important; } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) a { box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 7px 11px 7px 8px; border: 1px solid #cfe3e4; border-radius: 9px; background: #f5fbfb; box-shadow: 0 2px 8px rgba(31, 45, 47, .06); color: #0f6d73 !important; font-size: .90rem; font-weight: 650; line-height: 1.35; text-decoration: none !important; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) a::before { content: "i"; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; background: #0f6d73; color: #ffffff; font-size: 12px; font-weight: 800; line-height: 1; } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) a::after { content: "↗"; flex: 0 0 auto; margin-left: 1px; font-size: .78rem; font-weight: 700; opacity: .68; } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) a:hover { border-color: #9fcacc; background: #edf8f8; box-shadow: 0 4px 12px rgba(31, 45, 47, .09); color: #095b60 !important; transform: translateY(-1px); } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) a:focus-visible { outline: 3px solid rgba(15, 109, 115, .20); outline-offset: 2px; } @media (max-width: 767.98px) { form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) { margin-top: -9px !important; margin-bottom: 14px !important; } form:has(input[name="form[formId]"][value="11"]) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) a { padding: 7px 10px 7px 8px; font-size: .86rem; } } .shada-form11-next-question-r1 > .formControlLabel::before { content: "NEXT QUESTION"; display: block; width: max-content; max-width: 100%; margin: 0 0 7px; color: #0f777c; font-size: .70rem; font-weight: 700; line-height: 1.1; letter-spacing: .095em; text-transform: uppercase; } .shada-form11-next-question-r1 > .formControlLabel::after { content: ""; display: block; width: 28px; height: 2px; margin: 6px 0 0; border-radius: 999px; background: rgba(15,119,124,.28); } .shada-form11-next-question-r1 > .formControlLabel { position: relative; } @media (max-width: 767.98px) { .shada-form11-next-question-r1 > .formControlLabel::before { margin-bottom: 6px; font-size: .67rem; letter-spacing: .085em; } .shada-form11-next-question-r1 > .formControlLabel::after { width: 24px; margin-top: 5px; } } @media (min-width: 900px) { .shada-form11-next-question-r1 { display: grid !important; grid-template-columns: minmax(300px, 36%) minmax(0, 1fr); column-gap: 30px; row-gap: 0; align-items: start; margin-bottom: 23px !important; } .shada-form11-next-question-r1 > .formControlLabel { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: #24383a; font-size: 18px !important; font-weight: 600 !important; line-height: 1.42 !important; letter-spacing: -.01em; } .shada-form11-next-question-r1 > .formControls { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 25px 0 0 !important; min-width: 0; } .shada-form11-next-question-r1 > .formControls > select, .shada-form11-next-question-r1 > .formControls > input[type="text"], .shada-form11-next-question-r1 > .formControls > input[type="email"], .shada-form11-next-question-r1 > .formControls > input[type="tel"], .shada-form11-next-question-r1 > .formControls > input[type="number"], .shada-form11-next-question-r1 > .formControls > textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .shada-form11-next-question-r1 .rsfp-fieldset { display: grid !important; grid-template-columns: repeat( auto-fit, minmax(112px, 1fr) ); gap: 9px; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box; } .shada-form11-next-question-r1 .rsfp-fieldset > label { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; margin: 0 !important; padding: 8px 11px !important; border: 1px solid #d8e5e6 !important; border-radius: 9px !important; background: #fbfdfd !important; color: #253638 !important; box-shadow: 0 1px 3px rgba(31,45,47,.035) !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.28 !important; text-align: center !important; box-sizing: border-box !important; cursor: pointer; transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important; } .shada-form11-next-question-r1 .rsfp-fieldset > label:hover { border-color: #a8ccce !important; background: #f2f9f9 !important; box-shadow: 0 2px 7px rgba(31,45,47,.06) !important; transform: translateY(-1px); } .shada-form11-next-question-r1 .rsfp-fieldset > label:has( input:checked ) { border-color: #0f777c !important; background: #0f777c !important; color: #ffffff !important; box-shadow: 0 2px 7px rgba(15,119,124,.13) !important; } .shada-form11-next-question-r1 .rsfp-fieldset > label > input.rsform-radio, .shada-form11-next-question-r1 .rsfp-fieldset > label > input.rsform-checkbox { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } form:has( input[name="form[formId]"][value="11"] ) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) { width: 36% !important; max-width: 440px; box-sizing: border-box; margin-top: -14px !important; margin-bottom: 24px !important; } form:has( input[name="form[formId]"][value="11"] ) :is( .rsform-block-help-skills-assessment, .rsform-block-help-australian-study-requirement, .rsform-block-help-professional-year-program, .rsform-block-help-naati-credential, .rsform-block-help-specialist-education-qualification, .rsform-block-help-partner-points, .rsform-block-help-eligible-relative-regional ) a { width: auto !important; max-width: 100% !important; font-size: .86rem !important; line-height: 1.3 !important; } } @media ( min-width: 701px ) and ( max-width: 899.98px ) { .shada-form11-next-question-r1 { display: block !important; margin-bottom: 22px !important; } .shada-form11-next-question-r1 > .formControlLabel { float: none !important; width: 100% !important; margin: 0 0 12px !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.42 !important; } .shada-form11-next-question-r1 > .formControls { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .shada-form11-next-question-r1 .rsfp-fieldset { display: grid !important; grid-template-columns: repeat( auto-fit, minmax(145px, 1fr) ); gap: 9px; width: 100% !important; } .shada-form11-next-question-r1 .rsfp-fieldset > label { width: 100% !important; min-width: 0 !important; min-height: 46px !important; margin: 0 !important; padding: 9px 11px !important; font-size: 15px !important; font-weight: 500 !important; } } @media (max-width: 700px) { .shada-form11-next-question-r1 > .formControlLabel { font-weight: 600 !important; } .shada-form11-next-question-r1 .rsfp-fieldset > label { font-weight: 500 !important; min-height: 48px !important; } } @media (min-width: 900px) { .shada-form11-next-question-r1 { display: grid !important; grid-template-columns: minmax(320px, 36%) minmax(0, 1fr) !important; column-gap: 32px !important; align-items: start !important; } .shada-form11-next-question-r1 > .formControlLabel { grid-column: 1 !important; grid-row: 1 !important; justify-self: stretch; min-width: 0; } .shada-form11-next-question-r1 > .formControls { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch; width: 100% !important; min-width: 0 !important; padding-top: 25px !important; } .shada-form11-next-question-r1 .rsfp-fieldset { display: grid !important; grid-template-columns: repeat( auto-fit, minmax(96px, 1fr) ) !important; gap: 9px !important; width: 100% !important; max-width: none !important; } .shada-form11-next-question-r1 .rsfp-fieldset: has(> label:nth-of-type(5)): not(:has(> label:nth-of-type(6))) { grid-template-columns: repeat( 5, minmax(0, 1fr) ) !important; } .shada-form11-next-question-r1 .rsfp-fieldset: has(> label:nth-of-type(4)): not(:has(> label:nth-of-type(5))) { grid-template-columns: repeat( 4, minmax(0, 1fr) ) !important; } .shada-form11-next-question-r1 .rsfp-fieldset: has(> label:nth-of-type(3)): not(:has(> label:nth-of-type(4))) { grid-template-columns: repeat( 3, minmax(0, 1fr) ) !important; } .shada-form11-next-question-r1 .rsfp-fieldset: has(> label:nth-of-type(2)): not(:has(> label:nth-of-type(3))) { grid-template-columns: repeat( 2, minmax(0, 1fr) ) !important; } .shada-form11-next-question-r1 .rsfp-fieldset > label { min-width: 0 !important; padding-left: 10px !important; padding-right: 10px !important; white-space: normal !important; overflow-wrap: normal; word-break: normal; } .shada-form11-next-question-r1 > .formControlLabel, .shada-form11-next-question-r1 > .formControls { float: none !important; } } @media (min-width: 1350px) { .shada-form11-next-question-r1 { grid-template-columns: minmax(350px, 38%) minmax(0, 1fr) !important; } } @media (max-width: 899.98px) { .shada-form11-next-question-r1 > .formControlLabel, .shada-form11-next-question-r1 > .formControls { grid-column: auto !important; grid-row: auto !important; } } form.shada-form11-wizard-r2 .rsform-block-sva-progress-bar { display: none !important; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-hidden { display: none !important; } .shada-form11-wizard-r2-host { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .shada-form11-wizard-r2-nav { margin-top: 24px; margin-bottom: 23px; padding: 18px 20px 17px; border: 1px solid #dce8e9; border-radius: 13px; background: #f8fbfb; } .shada-form11-wizard-r2-introline { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; } .shada-form11-wizard-r2-introtext { min-width: 0; } .shada-form11-wizard-r2-eyebrow { display: block; margin-bottom: 3px; color: #0f777c; font-size: 11px; font-weight: 750; line-height: 1.2; letter-spacing: .085em; text-transform: uppercase; } .shada-form11-wizard-r2-heading { display: block; color: #22383a; font-size: 18px; font-weight: 650; line-height: 1.25; } .shada-form11-wizard-r2-meta { flex: 0 0 auto; color: #647577; font-size: 13px; font-weight: 500; } .shada-form11-wizard-r2-rail { position: relative; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; width: 100%; } .shada-form11-wizard-r2-step { position: relative; box-sizing: border-box; min-width: 0; padding: 12px 5px 3px; border: 0; background: transparent; color: #758486; font: inherit; text-align: center; cursor: default; } .shada-form11-wizard-r2-step::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; border-radius: 999px; background: #dce6e7; transition: background-color .16s ease, box-shadow .16s ease; } .shada-form11-wizard-r2-step-number { display: inline-block; margin-right: 4px; font-size: 11px; font-weight: 750; line-height: 1.2; } .shada-form11-wizard-r2-step-label { display: inline-block; overflow: hidden; max-width: calc(100% - 18px); font-size: 11px; font-weight: 600; line-height: 1.2; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .shada-form11-wizard-r2-step.is-current { color: #0b666b; } .shada-form11-wizard-r2-step.is-current::before { background: #0f777c; box-shadow: 0 2px 5px rgba(15,119,124,.18); } .shada-form11-wizard-r2-step.is-completed { color: #23777b; cursor: pointer; } .shada-form11-wizard-r2-step.is-completed::before { background: #7eb9bc; } .shada-form11-wizard-r2-step.is-completed:hover { color: #075e63; } .shada-form11-wizard-r2-step.is-completed:hover::before { background: #4b9da1; } .shada-form11-wizard-r2-step.is-future { opacity: .62; } .shada-form11-wizard-r2-mobile-head { display: none; } .shada-form11-wizard-r2 .shada-form11-next-question-r1 > .formControlLabel::before, .shada-form11-wizard-r2 .shada-form11-next-question-r1 > .formControlLabel::after { display: none !important; content: none !important; } @media (min-width: 900px) { .shada-form11-wizard-r2 .shada-form11-next-question-r1 > .formControls { padding-top: 0 !important; } } .shada-form11-wizard-r2-actions { display: flex; align-items: center; gap: 12px; margin-top: 27px; padding-top: 18px; border-top: 1px solid #e1ebeb; } .shada-form11-wizard-r2-back, .shada-form11-wizard-r2-next { box-sizing: border-box; min-height: 46px; padding: 10px 21px; border-radius: 9px; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; } .shada-form11-wizard-r2-back { border: 1px solid #bed1d2; background: #ffffff; color: #345356; } .shada-form11-wizard-r2-back:hover { border-color: #8cb7b9; background: #f5fafa; } .shada-form11-wizard-r2-next { margin-left: auto; border: 1px solid #0f777c; background: #0f777c; color: #ffffff; box-shadow: 0 3px 9px rgba(15,119,124,.13); } .shada-form11-wizard-r2-next:hover { border-color: #0a676c; background: #0a676c; } .shada-form11-wizard-r2 .shada-assessment-hero-v1__primary { scroll-margin-top: 100px; } @media (max-width: 767.98px) { .shada-form11-wizard-r2-nav { margin-top: 17px; margin-bottom: 18px; padding: 14px 13px; border-radius: 11px; } .shada-form11-wizard-r2-introline, .shada-form11-wizard-r2-rail { display: none; } .shada-form11-wizard-r2-mobile-head { display: block; } .shada-form11-wizard-r2-mobile-kicker { display: block; margin-bottom: 3px; color: #0f777c; font-size: 11px; font-weight: 750; line-height: 1.2; letter-spacing: .075em; text-transform: uppercase; } .shada-form11-wizard-r2-mobile-title { display: block; margin-bottom: 10px; color: #22383a; font-size: 18px; font-weight: 650; line-height: 1.3; } .shada-form11-wizard-r2-mobile-track { width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: #e0eaea; } .shada-form11-wizard-r2-mobile-fill { display: block; width: 0%; height: 100%; border-radius: inherit; background: #0f777c; transition: width .22s ease; } .shada-form11-wizard-r2-actions { position: sticky; bottom: 0; z-index: 60; margin-top: 22px; padding: 10px 0 calc( 10px + env(safe-area-inset-bottom) ); border-top: 1px solid #dce7e8; background: rgba(255,255,255,.96); box-shadow: 0 -5px 14px rgba(31,45,47,.055); backdrop-filter: blur(8px); } .shada-form11-wizard-r2-back, .shada-form11-wizard-r2-next { min-height: 48px; padding: 11px 16px; } .shada-form11-wizard-r2-next { flex: 1 1 auto; } .shada-form11-wizard-r2 .shada-form11-next-question-r1 > .formControls { padding-top: 0 !important; } } form.shada-form11-wizard-r2 :is( .rsform-block-step-2-current-visa-open, .rsform-block-step-3-career-profile-open, .rsform-block-step-4-education-skills-open, .rsform-block-step-5-english-factors-open, .rsform-block-step-6-employer-sponsorship-open, .rsform-block-step-7-partner-family-open, .rsform-block-step-8-additional-information-open, .rsform-block-step-9-contact-submit-open ) { display: none !important; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-heading, form.shada-form11-wizard-r2 .shada-form11-wizard-r2-meta { display: none !important; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-introline { align-items: center; margin-bottom: 10px; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-eyebrow { margin-bottom: 0; } @media (min-width: 768px) { form.shada-form11-wizard-r2 .shada-form11-wizard-r2-nav { padding-top: 16px; padding-bottom: 15px; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-rail { gap: 9px; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step { min-height: 66px; padding: 12px 5px 4px; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step-number { display: block; margin: 0 0 4px; font-size: 11px; font-weight: 750; line-height: 1; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step-label { display: block; overflow: visible; max-width: none; min-height: 28px; font-size: 11px; font-weight: 600; line-height: 1.22; text-overflow: clip; white-space: normal; } } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-nav + .rsform-block { margin-top: 4px; } @media (max-width: 767.98px) { form.shada-form11-wizard-r2 .shada-form11-wizard-r2-nav { margin-bottom: 14px; } } @media (min-width: 768px) { form.shada-form11-wizard-r2 .shada-form11-wizard-r2-nav { padding: 18px 24px 20px; border-color: #d6e5e6; background: #fbfdfd; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-eyebrow { margin-bottom: 16px; font-size: 12px; font-weight: 750; letter-spacing: .075em; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-rail { gap: 3px; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step { min-height: 76px; padding: 15px 8px 4px; color: #657476; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step::before { height: 7px; border-radius: 0; background: #9a9fa1; box-shadow: none; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step:first-child::before { border-radius: 4px 0 0 4px; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step:last-child::before { border-radius: 0 4px 4px 0; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-completed { color: #306f73; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-completed::before { background: #78b6b9; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-current { color: #086b70; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-current::before { background: #0f777c; box-shadow: 0 2px 5px rgba(15,119,124,.16); } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-future { color: #666e70; opacity: .72; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-future::before { background: #9c9c9c; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step-number { display: none; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step-label { display: block; max-width: 150px; min-height: 38px; margin: 0 auto; color: inherit; font-size: 14px; font-weight: 500; line-height: 1.24; letter-spacing: -.005em; text-align: left; white-space: normal; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-current .shada-form11-wizard-r2-step-label { font-weight: 700; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-completed .shada-form11-wizard-r2-step-label { font-weight: 550; } .shada-form11-uswds-current-r4 { display: flex; align-items: center; gap: 10px; margin-top: 13px; padding-top: 15px; border-top: 1px solid #e3ebec; } .shada-form11-uswds-current-r4__number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #0f777c; color: #ffffff; box-shadow: 0 3px 8px rgba(15,119,124,.16); font-size: 19px; font-weight: 750; line-height: 1; } .shada-form11-uswds-current-r4__of { flex: 0 0 auto; color: #405153; font-size: 15px; font-weight: 500; } .shada-form11-uswds-current-r4__title { min-width: 0; margin-left: 2px; color: #203537; font-size: 21px; font-weight: 650; line-height: 1.25; letter-spacing: -.01em; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-completed:hover .shada-form11-wizard-r2-step-label { color: #075c61; text-decoration: underline; text-underline-offset: 3px; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step.is-completed:focus-visible { outline: 3px solid rgba(15,119,124,.20); outline-offset: 3px; border-radius: 4px; } } @media ( min-width: 768px ) and ( max-width: 1100px ) { form.shada-form11-wizard-r2 .shada-form11-wizard-r2-step-label { font-size: 12px; line-height: 1.2; } .shada-form11-uswds-current-r4__title { font-size: 19px; } } @media (max-width: 767.98px) { .shada-form11-uswds-current-r4 { display: none !important; } } form.shada-form11-wizard-r2 .rsform-block[style*="display: none"], form.shada-form11-wizard-r2 .rsform-block[style*="display:none"], form.shada-form11-wizard-r2 .rsform-block[hidden] { display: none !important; } form.shada-form11-wizard-r2 .shada-form11-next-question-r1[style*="display: none"], form.shada-form11-wizard-r2 .shada-form11-next-question-r1[style*="display:none"], form.shada-form11-wizard-r2 .shada-form11-next-question-r1[hidden] { display: none !important; } body:has(.rsform-block-skills-assessment-status) { --f11-teal-900: #0f7f82; --f11-teal-800: #1b8d90; --f11-teal-700: #5faeb0; --f11-teal-100: #eef8f8; --f11-teal-050: #f7fbfb; --f11-border: #c7ddde; --f11-text: #24343a; --f11-muted: #66767c; --f11-rail-future: #b6bbbf; --f11-rail-complete: #77b8ba; --f11-focus: rgba(15, 127, 130, 0.18); } body:has(.rsform-block-skills-assessment-status) .shada-form11-wizard-r2, body:has(.rsform-block-skills-assessment-status) .shada-form11-wizard-shell, body:has(.rsform-block-skills-assessment-status) .shada-form11-uswds-progress-r4, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-indicator, body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator, body:has(.rsform-block-skills-assessment-status) .step-indicator { border-color: var(--f11-border) !important; background: #ffffff !important; box-shadow: none !important; outline: none !important; } body:has(.rsform-block-skills-assessment-status) .shada-form11-wizard-r2:focus, body:has(.rsform-block-skills-assessment-status) .shada-form11-wizard-r2:focus-visible, body:has(.rsform-block-skills-assessment-status) .shada-form11-wizard-shell:focus, body:has(.rsform-block-skills-assessment-status) .shada-form11-wizard-shell:focus-visible, body:has(.rsform-block-skills-assessment-status) .shada-form11-uswds-progress-r4:focus, body:has(.rsform-block-skills-assessment-status) .shada-form11-uswds-progress-r4:focus-visible, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-indicator:focus, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-indicator:focus-visible, body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator:focus, body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator:focus-visible, body:has(.rsform-block-skills-assessment-status) .step-indicator:focus, body:has(.rsform-block-skills-assessment-status) .step-indicator:focus-visible { outline: 2px solid var(--f11-focus) !important; outline-offset: 2px !important; box-shadow: 0 0 0 4px rgba(15, 127, 130, 0.08) !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__segments, body:has(.rsform-block-skills-assessment-status) .step-indicator__segments, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-segments, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-rail { gap: 10px !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__segment, body:has(.rsform-block-skills-assessment-status) .step-indicator__segment, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-segment { background: var(--f11-rail-future) !important; border-radius: 999px !important; min-height: 6px !important; box-shadow: none !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__segment--complete, body:has(.rsform-block-skills-assessment-status) .step-indicator__segment--complete, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-segment.is-complete, body:has(.rsform-block-skills-assessment-status) .shada-form11-step.is-complete .shada-form11-step-segment { background: var(--f11-rail-complete) !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__segment--current, body:has(.rsform-block-skills-assessment-status) .step-indicator__segment--current, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-segment.is-current, body:has(.rsform-block-skills-assessment-status) .shada-form11-step.is-current .shada-form11-step-segment { background: var(--f11-teal-900) !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__heading, body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__heading-text, body:has(.rsform-block-skills-assessment-status) .step-indicator__label, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-label, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-title { color: var(--f11-muted) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__current-step .uswds-step-indicator__heading, body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__current-step .uswds-step-indicator__heading-text, body:has(.rsform-block-skills-assessment-status) .step-indicator__step.is-current .step-indicator__label, body:has(.rsform-block-skills-assessment-status) .shada-form11-step.is-current .shada-form11-step-label, body:has(.rsform-block-skills-assessment-status) .shada-form11-step.is-current .shada-form11-step-title { color: var(--f11-teal-900) !important; font-weight: 700 !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__header, body:has(.rsform-block-skills-assessment-status) .step-indicator__summary, body:has(.rsform-block-skills-assessment-status) .shada-form11-current-step-summary, body:has(.rsform-block-skills-assessment-status) .shada-form11-current-step { border-top-color: #e2ecec !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__current-step-number, body:has(.rsform-block-skills-assessment-status) .step-indicator__current-number, body:has(.rsform-block-skills-assessment-status) .shada-form11-current-step-number, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-badge { background: var(--f11-teal-900) !important; color: #ffffff !important; border-color: var(--f11-teal-900) !important; box-shadow: none !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__current-step-number::after, body:has(.rsform-block-skills-assessment-status) .step-indicator__current-number::after, body:has(.rsform-block-skills-assessment-status) .shada-form11-current-step-number::after, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-badge::after { display: none !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__current-step-text, body:has(.rsform-block-skills-assessment-status) .step-indicator__current-meta, body:has(.rsform-block-skills-assessment-status) .shada-form11-current-step-meta { color: var(--f11-muted) !important; font-size: 16px !important; font-weight: 600 !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__current-step-heading, body:has(.rsform-block-skills-assessment-status) .step-indicator__current-title, body:has(.rsform-block-skills-assessment-status) .shada-form11-current-step-title { color: var(--f11-text) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; } body:has(.rsform-block-skills-assessment-status) .uk-button.shada-button, body:has(.rsform-block-skills-assessment-status) .uk-button.shada-button-secondary, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="radio"] + label, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="checkbox"] + label, body:has(.rsform-block-skills-assessment-status) .rsform-block .rsform-radio-box-label, body:has(.rsform-block-skills-assessment-status) .rsform-block .rsform-checkbox-box-label { background: #ffffff !important; border-color: var(--f11-border) !important; color: var(--f11-text) !important; box-shadow: none !important; } body:has(.rsform-block-skills-assessment-status) .uk-button.shada-button:hover, body:has(.rsform-block-skills-assessment-status) .uk-button.shada-button-secondary:hover, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="radio"] + label:hover, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="checkbox"] + label:hover, body:has(.rsform-block-skills-assessment-status) .rsform-block .rsform-radio-box-label:hover, body:has(.rsform-block-skills-assessment-status) .rsform-block .rsform-checkbox-box-label:hover { border-color: #9fc9ca !important; background: var(--f11-teal-050) !important; } body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="radio"]:checked + label, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="checkbox"]:checked + label, body:has(.rsform-block-skills-assessment-status) .rsform-block .rsform-radio-box-label.active, body:has(.rsform-block-skills-assessment-status) .rsform-block .rsform-checkbox-box-label.active, body:has(.rsform-block-skills-assessment-status) .rsform-block .uk-button.uk-active, body:has(.rsform-block-skills-assessment-status) .rsform-block .uk-button[aria-pressed="true"] { background: var(--f11-teal-100) !important; border-color: var(--f11-teal-900) !important; color: var(--f11-teal-900) !important; box-shadow: inset 0 0 0 1px rgba(15, 127, 130, 0.12) !important; } body:has(.rsform-block-skills-assessment-status) .rsform-block[class*="rsform-block-help-"] a, body:has(.rsform-block-skills-assessment-status) .rsform-block[class*="rsform-block-help-"] a:link, body:has(.rsform-block-skills-assessment-status) .rsform-block[class*="rsform-block-help-"] a:visited { background: var(--f11-teal-050) !important; border-color: var(--f11-border) !important; color: var(--f11-teal-900) !important; box-shadow: none !important; font-weight: 600 !important; } body:has(.rsform-block-skills-assessment-status) .rsform-block[class*="rsform-block-help-"] a:hover, body:has(.rsform-block-skills-assessment-status) .rsform-block[class*="rsform-block-help-"] a:focus { background: var(--f11-teal-100) !important; border-color: #9fc9ca !important; color: var(--f11-teal-900) !important; box-shadow: 0 0 0 3px rgba(15, 127, 130, 0.08) !important; } body:has(.rsform-block-skills-assessment-status) .rsform-block[class*="rsform-block-help-"] a i, body:has(.rsform-block-skills-assessment-status) .rsform-block[class*="rsform-block-help-"] a svg { color: var(--f11-teal-900) !important; } body:has(.rsform-block-skills-assessment-status) .rsform-block select, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="text"], body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="email"], body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="tel"], body:has(.rsform-block-skills-assessment-status) .rsform-block textarea { border-color: var(--f11-border) !important; color: var(--f11-text) !important; box-shadow: none !important; } body:has(.rsform-block-skills-assessment-status) .rsform-block select:focus, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="text"]:focus, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="email"]:focus, body:has(.rsform-block-skills-assessment-status) .rsform-block input[type="tel"]:focus, body:has(.rsform-block-skills-assessment-status) .rsform-block textarea:focus { border-color: var(--f11-teal-800) !important; box-shadow: 0 0 0 3px rgba(15, 127, 130, 0.08) !important; } @media (max-width: 991px) { body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__heading, body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__heading-text, body:has(.rsform-block-skills-assessment-status) .step-indicator__label, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-label, body:has(.rsform-block-skills-assessment-status) .shada-form11-step-title { font-size: 14px !important; } body:has(.rsform-block-skills-assessment-status) .uswds-step-indicator__current-step-heading, body:has(.rsform-block-skills-assessment-status) .step-indicator__current-title, body:has(.rsform-block-skills-assessment-status) .shada-form11-current-step-title { font-size: 18px !important; } } form.shada-form11-wizard-r2 .rsform-block[data-shada-wizard-step]:not( .shada-form11-wizard-r2-hidden ) { margin-top: 0 !important; margin-bottom: 0 !important; padding: 13px 20px !important; background: #f5fafa !important; } form.shada-form11-wizard-r2 .rsform-block[class*="rsform-block-help-"] [data-shada-wizard-step]:not( .shada-form11-wizard-r2-hidden ) { padding-top: 3px !important; padding-bottom: 10px !important; } form.shada-form11-wizard-r2 :is( .rsform-block-step-2-current-visa-open, .rsform-block-step-2-current-visa-close, .rsform-block-step-3-career-profile-open, .rsform-block-step-3-career-profile-close, .rsform-block-step-4-education-skills-open, .rsform-block-step-4-education-skills-close, .rsform-block-step-5-english-factors-open, .rsform-block-step-5-english-factors-close, .rsform-block-step-6-employer-sponsorship-open, .rsform-block-step-6-employer-sponsorship-close, .rsform-block-step-7-partner-family-open, .rsform-block-step-7-partner-family-close, .rsform-block-step-8-additional-information-open, .rsform-block-step-8-additional-information-close, .rsform-block-step-9-contact-submit-open, .rsform-block-step-9-contact-submit-close ) { padding: 0 !important; background: transparent !important; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-actions { margin-top: 0 !important; background: #f5fafa !important; border-top: 1px solid #deebeb !important; } @media (min-width: 768px) { form.shada-form11-wizard-r2 .shada-form11-wizard-r2-actions { justify-content: center !important; gap: 18px !important; padding: 20px 20px 22px !important; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-back, form.shada-form11-wizard-r2 .shada-form11-wizard-r2-next { flex: 0 0 auto !important; min-width: 155px; margin-left: 0 !important; margin-right: 0 !important; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-next { min-width: 175px; } } @media (max-width: 767.98px) { form.shada-form11-wizard-r2 .rsform-block[data-shada-wizard-step]:not( .shada-form11-wizard-r2-hidden ) { padding: 11px 13px !important; } form.shada-form11-wizard-r2 .shada-form11-wizard-r2-actions { background: rgba( 245, 250, 250, .97 ) !important; } } form.shada-form11-wizard-r2 .shada-form11-inline-help-r2 { display: inline-flex; align-items: center; gap: 5px; width: auto; margin-top: 4px; padding: 0; border: 0; background: transparent; color: #137b7f; box-shadow: none; font-size: 12px; font-weight: 650; line-height: 1.3; text-decoration: none; } form.shada-form11-wizard-r2 .shada-form11-inline-help-r2::before { content: "i"; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; flex: 0 0 17px; border-radius: 50%; background: #168589; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; } form.shada-form11-wizard-r2 .shada-form11-inline-help-r2::after { content: "↗"; color: #67a4a7; font-size: 11px; } form.shada-form11-wizard-r2 .shada-form11-inline-help-r2:hover, form.shada-form11-wizard-r2 .shada-form11-inline-help-r2:focus-visible { color: #096b70; text-decoration: underline; text-underline-offset: 3px; } @media (min-width: 900px) { form.shada-form11-wizard-r2 .shada-form11-has-inline-help-r2 > .shada-form11-inline-help-r2 { grid-column: 1; justify-self: start; align-self: start; margin-top: -3px; margin-bottom: 3px; } } form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 > .formControlLabel { color: #263b3d; font-weight: 600; } form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 > .formControls { width: 100%; max-width: none; } form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="text"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="email"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="tel"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 select, form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 textarea { box-sizing: border-box; width: 100%; max-width: none; min-height: 48px; padding: 10px 13px; border: 1px solid #bfd6d7; border-radius: 7px; background: #fff; color: #253739; box-shadow: none; font-size: 16px; line-height: 1.35; } form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 textarea { min-height: 120px; } form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input:focus, form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 select:focus, form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 textarea:focus { border-color: #168589; outline: none; box-shadow: 0 0 0 3px rgba(22,133,137,.09); } @media (min-width: 900px) { form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 [data-shada-contact-field-r2] { width: 100%; } } form.shada-form11-wizard-r2 .shada-form11-final-submit-r2 { box-sizing: border-box; min-width: 220px; min-height: 48px; padding: 11px 22px; border: 1px solid #0f7f82; border-radius: 8px; background: #0f7f82; color: #fff; box-shadow: 0 3px 8px rgba(15,127,130,.13); font-size: 15px; font-weight: 650; line-height: 1.2; cursor: pointer; } form.shada-form11-wizard-r2 .shada-form11-final-submit-r2:hover { background: #0b7074; border-color: #0b7074; } form.shada-form11-wizard-r2 .rsform-block.shada-form11-wizard-r2-hidden, form.shada-form11-wizard-r2 .rsform-block[style*="display: none"], form.shada-form11-wizard-r2 .rsform-block[style*="display:none"], form.shada-form11-wizard-r2 .rsform-block[hidden] { display: none !important; } @media (min-width: 900px) { form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 > .formControls { box-sizing: border-box !important; width: 100% !important; max-width: 720px !important; min-width: 0 !important; } form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="text"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="email"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="tel"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 select, form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 textarea { box-sizing: border-box !important; width: 100% !important; max-width: 720px !important; min-width: 0 !important; } } @media (max-width: 899.98px) { form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 > .formControls, form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="text"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="email"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 input[type="tel"], form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 select, form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 textarea { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } } @media (min-width: 900px) { form.shada-form11-wizard-r2 .rsform-block[data-shada-wizard-step="8"]:not( .rsform-type-freetext ) { display: grid; grid-template-columns: minmax(0, 36%) minmax(0, 64%); column-gap: 18px; align-items: center; } form.shada-form11-wizard-r2 .rsform-block[data-shada-wizard-step="8"]:not( .rsform-type-freetext ) > .formControlLabel { grid-column: 1; box-sizing: border-box; width: auto !important; max-width: none !important; margin: 0 !important; padding-right: 8px; color: #263b3d !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.35 !important; } form.shada-form11-wizard-r2 .rsform-block[data-shada-wizard-step="8"]:not( .rsform-type-freetext ) > .formControls { grid-column: 2; box-sizing: border-box; width: 100% !important; min-width: 0 !important; margin: 0 !important; } form.shada-form11-wizard-r2 .shada-form11-contact-field-r2 > .formControls { max-width: 720px !important; } } form.shada-form11-wizard-r2 .rsform-block-migration-timeline > .formControlLabel, form.shada-form11-wizard-r2 .rsform-block-preferred-contact-method > .formControlLabel, form.shada-form11-wizard-r2 .rsform-block-privacy-declaration > .formControlLabel, form.shada-form11-wizard-r2 .rsform-block-newsletter-consent > .formControlLabel, form.shada-form11-wizard-r2 .rsform-block-turnstile-verification > .formControlLabel { color: #263b3d !important; font-weight: 700 !important; } form.shada-form11-wizard-r2 .rsform-block-turnstile-verification > .formControlLabel { font-size: 17px !important; line-height: 1.35 !important; } form.shada-form11-wizard-r2 .rsform-block-submit-assessment .shada-form11-final-submit-r2, form.shada-form11-wizard-r2 .rsform-block-submit-assessment #submit_assessment { min-width: 235px !important; min-height: 50px !important; padding: 12px 26px !important; border: 1px solid #087544 !important; border-radius: 9px !important; background: linear-gradient( 135deg, #18a762 0%, #087847 100% ) !important; color: #ffffff !important; box-shadow: 0 7px 18px rgba(10,128,74,.24), inset 0 1px 0 rgba(255,255,255,.30) !important; font-size: 16px !important; font-weight: 750 !important; letter-spacing: .005em; text-shadow: 0 1px 1px rgba(0,0,0,.10); transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important; } form.shada-form11-wizard-r2 .rsform-block-submit-assessment .shada-form11-final-submit-r2:hover, form.shada-form11-wizard-r2 .rsform-block-submit-assessment #submit_assessment:hover { background: linear-gradient( 135deg, #16a05d 0%, #066b3d 100% ) !important; box-shadow: 0 9px 22px rgba(10,128,74,.30), inset 0 1px 0 rgba(255,255,255,.32) !important; transform: translateY(-1px); } form.shada-form11-wizard-r2 .rsform-block-submit-assessment .shada-form11-final-submit-r2:focus-visible, form.shada-form11-wizard-r2 .rsform-block-submit-assessment #submit_assessment:focus-visible { outline: 3px solid rgba(20,153,90,.25) !important; outline-offset: 3px !important; } @media (max-width: 899.98px) { form.shada-form11-wizard-r2 .rsform-block[data-shada-wizard-step="8"] > .formControlLabel { font-weight: 650 !important; } form.shada-form11-wizard-r2 .rsform-block-submit-assessment #submit_assessment { width: 100% !important; max-width: 360px !important; } } form.shada-form11-wizard-r2 .rsform-block.shada-form11-wizard-r2-hidden, form.shada-form11-wizard-r2 .rsform-block[style*="display: none"], form.shada-form11-wizard-r2 .rsform-block[style*="display:none"], form.shada-form11-wizard-r2 .rsform-block[hidden] { display: none !important; } form.shada-form16-wizard-r1 .rsform-block-sva-progress-bar { display: none !important; } form.shada-form16-wizard-r1 .shada-form16-wizard-r1-hidden { display: none !important; } .shada-form16-wizard-r1-nav { margin: 24px 0 20px; padding: 18px 24px 20px; border: 1px solid #cfe0e1; border-radius: 13px; background: #fbfdfd; } .shada-form16-wizard-r1-eyebrow { display: block; margin-bottom: 16px; color: #0f777c; font-size: 12px; font-weight: 750; line-height: 1.2; letter-spacing: .075em; text-transform: uppercase; } .shada-form16-wizard-r1-rail { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; width: 100%; } .shada-form16-wizard-r1-step { position: relative; min-width: 0; min-height: 78px; padding: 16px 8px 4px; border: 0; background: transparent; color: #687477; font: inherit; text-align: left; cursor: default; } .shada-form16-wizard-r1-step::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 7px; background: #b5b9bb; } .shada-form16-wizard-r1-step:first-child::before { border-radius: 4px 0 0 4px; } .shada-form16-wizard-r1-step:last-child::before { border-radius: 0 4px 4px 0; } .shada-form16-wizard-r1-step-label { display: block; max-width: 155px; margin: 0 auto; font-size: 14px; font-weight: 500; line-height: 1.24; white-space: normal; } .shada-form16-wizard-r1-step.is-completed { color: #37777a; cursor: pointer; } .shada-form16-wizard-r1-step.is-completed::before { background: #77b8ba; } .shada-form16-wizard-r1-step.is-current { color: #086b70; } .shada-form16-wizard-r1-step.is-current::before { background: #0f7f82; } .shada-form16-wizard-r1-step.is-current .shada-form16-wizard-r1-step-label { font-weight: 700; } .shada-form16-wizard-r1-step.is-future { opacity: .70; } .shada-form16-wizard-r1-current { display: flex; align-items: center; gap: 10px; margin-top: 13px; padding-top: 15px; border-top: 1px solid #e1eaeb; } .shada-form16-wizard-r1-current-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #0f7f82; color: #fff; box-shadow: 0 3px 8px rgba(15,127,130,.16); font-size: 19px; font-weight: 750; } .shada-form16-wizard-r1-current-of { color: #425255; font-size: 15px; font-weight: 550; } .shada-form16-wizard-r1-current-title { color: #233739; font-size: 21px; font-weight: 700; line-height: 1.25; } .shada-form16-wizard-r1-mobile { display: none; } form.shada-form16-wizard-r1 :is( .rsform-block-step-2-current-visa-open, .rsform-block-step-2-current-visa-close, .rsform-block-step-3-career-profile-open, .rsform-block-step-3-career-profile-close, .rsform-block-step-4-education-skills-open, .rsform-block-step-4-education-skills-close, .rsform-block-step-5-english-factors-open, .rsform-block-step-5-english-factors-close, .rsform-block-step-6-employer-sponsorship-open, .rsform-block-step-6-employer-sponsorship-close, .rsform-block-step-8-additional-information-open, .rsform-block-step-8-additional-information-close, .rsform-block-step-9-contact-submit-open, .rsform-block-step-9-contact-submit-close ) { display: none !important; padding: 0 !important; background: transparent !important; } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step]:not( .shada-form16-wizard-r1-hidden ) { margin: 0 !important; padding: 13px 20px !important; background: #f5fafa !important; } @media (min-width: 900px) { form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step]:not( .rsform-type-freetext ) { display: grid; grid-template-columns: minmax(0, 36%) minmax(0, 64%) !important; column-gap: 18px !important; align-items: center !important; } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step]:not( .rsform-type-freetext ) > .formControlLabel { grid-column: 1 !important; box-sizing: border-box; width: auto !important; margin: 0 !important; padding-right: 8px; color: #263b3d !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.35 !important; } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step]:not( .rsform-type-freetext ) > .formControls { grid-column: 2 !important; box-sizing: border-box; width: 100% !important; min-width: 0 !important; margin: 0 !important; } } form.shada-form16-wizard-r1 .rsform-block input[type="text"], form.shada-form16-wizard-r1 .rsform-block input[type="email"], form.shada-form16-wizard-r1 .rsform-block input[type="tel"], form.shada-form16-wizard-r1 .rsform-block select, form.shada-form16-wizard-r1 .rsform-block textarea { box-sizing: border-box; width: 100%; min-height: 46px; padding: 9px 12px; border: 1px solid #c4d9da; border-radius: 7px; background: #fff; color: #26383a; box-shadow: none; font-size: 16px; } form.shada-form16-wizard-r1 .rsform-block textarea { min-height: 120px; } form.shada-form16-wizard-r1 .rsform-block input:focus, form.shada-form16-wizard-r1 .rsform-block select:focus, form.shada-form16-wizard-r1 .rsform-block textarea:focus { border-color: #168589; outline: none; box-shadow: 0 0 0 3px rgba(22,133,137,.09); } form.shada-form16-wizard-r1 .rsform-block .rsform-radio-box-label, form.shada-form16-wizard-r1 .rsform-block .rsform-checkbox-box-label { border-color: #c7ddde !important; background: #fff !important; color: #24343a !important; box-shadow: none !important; } form.shada-form16-wizard-r1 .rsform-block .rsform-radio-box-label:hover, form.shada-form16-wizard-r1 .rsform-block .rsform-checkbox-box-label:hover { border-color: #9fc9ca !important; background: #f7fbfb !important; } form.shada-form16-wizard-r1 .rsform-block input[type="radio"]:checked + label, form.shada-form16-wizard-r1 .rsform-block input[type="checkbox"]:checked + label, form.shada-form16-wizard-r1 .rsform-block .rsform-radio-box-label.active, form.shada-form16-wizard-r1 .rsform-block .rsform-checkbox-box-label.active { border-color: #0f7f82 !important; background: #eef8f8 !important; color: #0f7074 !important; } form.shada-form16-wizard-r1 .rsform-block-help-skills-assessment { display: none !important; } .shada-form16-inline-help-r1 { display: inline-flex; align-items: center; gap: 5px; width: auto; margin-top: 4px; padding: 0; border: 0; background: transparent; color: #137b7f; font-size: 12px; font-weight: 650; line-height: 1.3; text-decoration: none; } .shada-form16-inline-help-r1::before { content: "i"; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #168589; color: #fff; font-size: 11px; font-weight: 700; } .shada-form16-inline-help-r1::after { content: "↗"; color: #67a4a7; } .shada-form16-wizard-r1-actions { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0; padding: 20px 20px 22px; border-top: 1px solid #deebeb; background: #f5fafa; } .shada-form16-wizard-r1-back, .shada-form16-wizard-r1-next { box-sizing: border-box; min-height: 46px; padding: 10px 21px; border-radius: 9px; font: inherit; font-size: 15px; font-weight: 650; cursor: pointer; } .shada-form16-wizard-r1-back { min-width: 155px; border: 1px solid #bdd1d2; background: #fff; color: #345356; } .shada-form16-wizard-r1-next { min-width: 175px; border: 1px solid #0f7f82; background: #0f7f82; color: #fff; box-shadow: 0 3px 9px rgba(15,127,130,.13); } @media (min-width: 900px) { form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step="7"] > .formControls { max-width: 720px !important; } } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step="7"] > .formControlLabel { font-weight: 700 !important; } form.shada-form16-wizard-r1 .rsform-block-submit-assessment .shada-form16-final-submit-r1 { min-width: 235px !important; min-height: 50px !important; padding: 12px 26px !important; border: 1px solid #087544 !important; border-radius: 9px !important; background: linear-gradient( 135deg, #18a762 0%, #087847 100% ) !important; color: #fff !important; box-shadow: 0 7px 18px rgba(10,128,74,.24), inset 0 1px 0 rgba(255,255,255,.30) !important; font-size: 16px !important; font-weight: 750 !important; cursor: pointer; } form.shada-form16-wizard-r1 .rsform-block.has-error > .formControlLabel { color: #b42318 !important; } form.shada-form16-wizard-r1 .rsform-block .uk-form-danger { border-color: #c62828 !important; } @media (max-width: 767.98px) { .shada-form16-wizard-r1-rail, .shada-form16-wizard-r1-current { display: none; } .shada-form16-wizard-r1-nav { margin-top: 17px; margin-bottom: 14px; padding: 14px 13px; } .shada-form16-wizard-r1-eyebrow { margin-bottom: 8px; } .shada-form16-wizard-r1-mobile { display: block; } .shada-form16-wizard-r1-mobile-kicker { display: block; margin-bottom: 3px; color: #0f777c; font-size: 11px; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .shada-form16-wizard-r1-mobile-title { display: block; margin-bottom: 10px; color: #22383a; font-size: 18px; font-weight: 650; } .shada-form16-wizard-r1-mobile-track { width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: #dfe9e9; } .shada-form16-wizard-r1-mobile-fill { display: block; height: 100%; border-radius: inherit; background: #0f7f82; } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step]:not( .shada-form16-wizard-r1-hidden ) { padding: 11px 13px !important; } .shada-form16-wizard-r1-actions { position: sticky; bottom: 0; z-index: 60; padding: 10px 0 calc( 10px + env(safe-area-inset-bottom) ); background: rgba(245,250,250,.97); box-shadow: 0 -5px 14px rgba(31,45,47,.055); } .shada-form16-wizard-r1-next { flex: 1 1 auto; } form.shada-form16-wizard-r1 .rsform-block-submit-assessment .shada-form16-final-submit-r1 { width: 100% !important; max-width: 360px !important; } } form.shada-form16-wizard-r1 .rsform-block.shada-form16-wizard-r1-hidden, form.shada-form16-wizard-r1 .rsform-block[style*="display: none"], form.shada-form16-wizard-r1 .rsform-block[style*="display:none"], form.shada-form16-wizard-r1 .rsform-block[hidden] { display: none !important; } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step] .shada-form16-wizard-r1-hidden { display: none !important; } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step] .shada-form16-wizard-r1-hidden, form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step].shada-form16-wizard-r1-hidden { display: none !important; } form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step][style*="display: none"], form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step][style*="display:none"], form.shada-form16-wizard-r1 .rsform-block[data-shada-form16-step][hidden] { display: none !important; } @media (min-width: 900px) { form.shada-form16-wizard-r1 .rsform-block-skills-assessment-status { grid-template-columns: minmax(0, 36%) minmax(0, 64%) !important; grid-template-rows: auto auto !important; column-gap: 18px !important; row-gap: 3px !important; align-items: start !important; } form.shada-form16-wizard-r1 .rsform-block-skills-assessment-status > .formControlLabel { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; margin-bottom: 0 !important; } form.shada-form16-wizard-r1 .rsform-block-skills-assessment-status > .shada-form16-inline-help-r1 { grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; align-self: start !important; margin: 3px 0 0 !important; } form.shada-form16-wizard-r1 .rsform-block-skills-assessment-status > .formControls { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; } } form.shada-form16-wizard-r1 .rsform-block-skills-assessment-status > .shada-form16-inline-help-r1 { font-size: 12px !important; font-weight: 650 !important; line-height: 1.25 !important; white-space: nowrap; } @media (max-width: 899.98px) { form.shada-form16-wizard-r1 .rsform-block-skills-assessment-status > .shada-form16-inline-help-r1 { display: inline-flex !important; margin: 3px 0 9px !important; } } form.shada-form16-wizard-r1 .rsform-block.shada-form16-wizard-r1-hidden, form.shada-form16-wizard-r1 .rsform-block[style*="display: none"], form.shada-form16-wizard-r1 .rsform-block[style*="display:none"], form.shada-form16-wizard-r1 .rsform-block[hidden] { display: none !important; } form.shada-form18-wizard-r1 .rsform-block-sva-progress-bar { display: none !important; } form.shada-form18-wizard-r1 .shada-form18-wizard-r1-hidden { display: none !important; } .shada-form18-wizard-r1-nav { margin: 24px 0 20px; padding: 18px 24px 20px; border: 1px solid #cfe0e1; border-radius: 13px; background: #fbfdfd; } .shada-form18-wizard-r1-eyebrow { display: block; margin-bottom: 16px; color: #0f777c; font-size: 12px; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .shada-form18-wizard-r1-rail { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px; } .shada-form18-wizard-r1-step { position: relative; min-width: 0; min-height: 78px; padding: 16px 9px 4px; border: 0; background: transparent; color: #687477; font: inherit; text-align: left; cursor: default; } .shada-form18-wizard-r1-step::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 7px; background: #b5b9bb; } .shada-form18-wizard-r1-step:first-child::before { border-radius: 4px 0 0 4px; } .shada-form18-wizard-r1-step:last-child::before { border-radius: 0 4px 4px 0; } .shada-form18-wizard-r1-step-label { display: block; max-width: 190px; margin: 0 auto; font-size: 14px; font-weight: 500; line-height: 1.25; } .shada-form18-wizard-r1-step.is-completed { color: #37777a; cursor: pointer; } .shada-form18-wizard-r1-step.is-completed::before { background: #77b8ba; } .shada-form18-wizard-r1-step.is-current { color: #086b70; } .shada-form18-wizard-r1-step.is-current::before { background: #0f7f82; } .shada-form18-wizard-r1-step.is-current .shada-form18-wizard-r1-step-label { font-weight: 700; } .shada-form18-wizard-r1-step.is-future { opacity: .70; } .shada-form18-wizard-r1-current { display: flex; align-items: center; gap: 10px; margin-top: 13px; padding-top: 15px; border-top: 1px solid #e1eaeb; } .shada-form18-wizard-r1-current-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #0f7f82; color: #fff; box-shadow: 0 3px 8px rgba(15,127,130,.16); font-size: 19px; font-weight: 750; } .shada-form18-wizard-r1-current-of { color: #425255; font-size: 15px; font-weight: 550; } .shada-form18-wizard-r1-current-title { color: #233739; font-size: 21px; font-weight: 700; line-height: 1.25; } .shada-form18-wizard-r1-mobile { display: none; } form.shada-form18-wizard-r1 :is( .rsform-block-step-1-current-visa-open, .rsform-block-step-1-current-visa-close, .rsform-block-step-2-career-profile-open, .rsform-block-step-2-career-profile-close, .rsform-block-step-3-english-factors-open, .rsform-block-step-3-english-factors-close, .rsform-block-step-4-additional-information-open, .rsform-block-step-4-additional-information-close, .rsform-block-step-5-contact-submit-open, .rsform-block-step-5-contact-submit-close ) { display: none !important; padding: 0 !important; background: transparent !important; } form.shada-form18-wizard-r1 .rsform-block[data-shada-form18-step]:not( .shada-form18-wizard-r1-hidden ) { margin: 0 !important; padding: 13px 20px !important; background: #f5fafa !important; } @media (min-width: 900px) { form.shada-form18-wizard-r1 .rsform-block[data-shada-form18-step]:not( .rsform-type-freetext ) { display: grid; grid-template-columns: minmax(0, 36%) minmax(0, 64%); column-gap: 18px; align-items: center; } form.shada-form18-wizard-r1 .rsform-block[data-shada-form18-step]:not( .rsform-type-freetext ) > .formControlLabel { grid-column: 1; box-sizing: border-box; width: auto !important; max-width: none !important; margin: 0 !important; padding-right: 8px; color: #263b3d !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.35 !important; } form.shada-form18-wizard-r1 .rsform-block[data-shada-form18-step]:not( .rsform-type-freetext ) > .formControls { grid-column: 2; box-sizing: border-box; width: 100% !important; min-width: 0 !important; margin: 0 !important; } } form.shada-form18-wizard-r1 .rsform-block input[type="text"], form.shada-form18-wizard-r1 .rsform-block input[type="email"], form.shada-form18-wizard-r1 .rsform-block input[type="tel"], form.shada-form18-wizard-r1 .rsform-block select, form.shada-form18-wizard-r1 .rsform-block textarea { box-sizing: border-box; width: 100%; min-height: 46px; padding: 9px 12px; border: 1px solid #c4d9da; border-radius: 7px; background: #fff; color: #26383a; box-shadow: none; font-size: 16px; } form.shada-form18-wizard-r1 .rsform-block textarea { min-height: 120px; } form.shada-form18-wizard-r1 .rsform-block input:focus, form.shada-form18-wizard-r1 .rsform-block select:focus, form.shada-form18-wizard-r1 .rsform-block textarea:focus { border-color: #168589; outline: none; box-shadow: 0 0 0 3px rgba(22,133,137,.09); } form.shada-form18-wizard-r1 .rsform-block .rsform-radio-box-label, form.shada-form18-wizard-r1 .rsform-block .rsform-checkbox-box-label { border-color: #c7ddde !important; background: #fff !important; color: #24343a !important; box-shadow: none !important; } form.shada-form18-wizard-r1 .rsform-block .rsform-radio-box-label:hover, form.shada-form18-wizard-r1 .rsform-block .rsform-checkbox-box-label:hover { border-color: #9fc9ca !important; background: #f7fbfb !important; } form.shada-form18-wizard-r1 .rsform-block input[type="radio"]:checked + label, form.shada-form18-wizard-r1 .rsform-block input[type="checkbox"]:checked + label, form.shada-form18-wizard-r1 .rsform-block .rsform-radio-box-label.active, form.shada-form18-wizard-r1 .rsform-block .rsform-checkbox-box-label.active { border-color: #0f7f82 !important; background: #eef8f8 !important; color: #0f7074 !important; } .shada-form18-wizard-r1-actions { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0; padding: 20px 20px 22px; border-top: 1px solid #deebeb; background: #f5fafa; } .shada-form18-wizard-r1-back, .shada-form18-wizard-r1-next { box-sizing: border-box; min-height: 46px; padding: 10px 21px; border-radius: 9px; font: inherit; font-size: 15px; font-weight: 650; cursor: pointer; } .shada-form18-wizard-r1-back { min-width: 155px; border: 1px solid #bdd1d2; background: #fff; color: #345356; } .shada-form18-wizard-r1-next { min-width: 175px; border: 1px solid #0f7f82; background: #0f7f82; color: #fff; box-shadow: 0 3px 9px rgba(15,127,130,.13); } @media (min-width: 900px) { form.shada-form18-wizard-r1 .rsform-block[data-shada-form18-step="6"] > .formControls { max-width: 720px !important; } } form.shada-form18-wizard-r1 .rsform-block[data-shada-form18-step="6"] > .formControlLabel { font-weight: 700 !important; } form.shada-form18-wizard-r1 .rsform-block-submit-assessment .shada-form18-final-submit-r1 { min-width: 235px !important; min-height: 50px !important; padding: 12px 26px !important; border: 1px solid #087544 !important; border-radius: 9px !important; background: linear-gradient( 135deg, #18a762 0%, #087847 100% ) !important; color: #fff !important; box-shadow: 0 7px 18px rgba(10,128,74,.24), inset 0 1px 0 rgba(255,255,255,.30) !important; font-size: 16px !important; font-weight: 750 !important; cursor: pointer; } form.shada-form18-wizard-r1 .rsform-block.has-error > .formControlLabel { color: #b42318 !important; } form.shada-form18-wizard-r1 .rsform-block .uk-form-danger { border-color: #c62828 !important; } @media (max-width: 767.98px) { .shada-form18-wizard-r1-rail, .shada-form18-wizard-r1-current { display: none; } .shada-form18-wizard-r1-nav { margin-top: 17px; margin-bottom: 14px; padding: 14px 13px; } .shada-form18-wizard-r1-eyebrow { margin-bottom: 8px; } .shada-form18-wizard-r1-mobile { display: block; } .shada-form18-wizard-r1-mobile-kicker { display: block; margin-bottom: 3px; color: #0f777c; font-size: 11px; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .shada-form18-wizard-r1-mobile-title { display: block; margin-bottom: 10px; color: #22383a; font-size: 18px; font-weight: 650; } .shada-form18-wizard-r1-mobile-track { width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: #dfe9e9; } .shada-form18-wizard-r1-mobile-fill { display: block; height: 100%; border-radius: inherit; background: #0f7f82; } form.shada-form18-wizard-r1 .rsform-block[data-shada-form18-step]:not( .shada-form18-wizard-r1-hidden ) { padding: 11px 13px !important; } .shada-form18-wizard-r1-actions { position: sticky; bottom: 0; z-index: 60; padding: 10px 0 calc( 10px + env(safe-area-inset-bottom) ); background: rgba(245,250,250,.97); box-shadow: 0 -5px 14px rgba(31,45,47,.055); } .shada-form18-wizard-r1-next { flex: 1 1 auto; } form.shada-form18-wizard-r1 .rsform-block-submit-assessment .shada-form18-final-submit-r1 { width: 100% !important; max-width: 360px !important; } } form.shada-form18-wizard-r1 .rsform-block.shada-form18-wizard-r1-hidden, form.shada-form18-wizard-r1 .rsform-block[style*="display: none"], form.shada-form18-wizard-r1 .rsform-block[style*="display:none"], form.shada-form18-wizard-r1 .rsform-block[hidden] { display: none !important; } form.shada-form18-wizard-r1 .rsform-block-recognition-level > .formControlLabel .formRequired { display: inline !important; white-space: nowrap !important; margin-left: 0 !important; } form.shada-form25-wizard-r1 .rsform-block-sva-progress-bar, form.shada-form25-wizard-r1 #sva-progress-box { display: none !important; } .shada-form25-wizard-r1-nav { box-sizing: border-box; width: 100%; margin: 22px 0 18px; padding: 18px 20px; border: 1px solid #dbe9ea; border-radius: 11px; background: #fff; box-shadow: 0 4px 15px rgba(37,58,61,.055); } .shada-form25-wizard-r1-eyebrow { margin-bottom: 13px; color: #0f777c; font-size: 12px; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .shada-form25-wizard-r1-rail { display: grid; grid-template-columns: repeat( 3, minmax(0,1fr) ); align-items: start; } .shada-form25-wizard-r1-step { position: relative; appearance: none; min-width: 0; margin: 0; padding: 31px 10px 0; border: 0; background: transparent; color: #3d5153; font: inherit; text-align: center; cursor: pointer; } .shada-form25-wizard-r1-step:disabled { cursor: default; } .shada-form25-wizard-r1-step::after { content: ""; position: absolute; top: 10px; left: 0; right: 0; height: 3px; background: #d6e2e3; } .shada-form25-wizard-r1-step:first-child::after { left: 50%; } .shada-form25-wizard-r1-step:last-child::after { right: 50%; } .shada-form25-wizard-r1-step::before { content: ""; position: absolute; z-index: 2; top: 3px; left: 50%; width: 17px; height: 17px; border: 3px solid #d6e2e3; border-radius: 50%; background: #fff; transform: translateX(-50%); } .shada-form25-wizard-r1-step.is-completed::after { background: #7fb9b7; } .shada-form25-wizard-r1-step.is-completed::before { border-color: #5aa9a5; background: #5aa9a5; } .shada-form25-wizard-r1-step.is-current::before { border-color: #0f7f82; background: #0f7f82; } .shada-form25-wizard-r1-step.is-current .shada-form25-wizard-r1-step-label { color: #22383a; font-weight: 700; } .shada-form25-wizard-r1-step.is-future { opacity: .68; } .shada-form25-wizard-r1-step-label { display: block; overflow: hidden; color: #405456; font-size: 14px; line-height: 1.3; text-overflow: ellipsis; } .shada-form25-wizard-r1-current { display: flex; align-items: center; gap: 10px; margin-top: 13px; padding-top: 15px; border-top: 1px solid #e1eaeb; } .shada-form25-wizard-r1-current-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #0f7f82; color: #fff; box-shadow: 0 3px 8px rgba(15,127,130,.16); font-size: 19px; font-weight: 750; } .shada-form25-wizard-r1-current-of { color: #425255; font-size: 15px; font-weight: 550; } .shada-form25-wizard-r1-current-title { color: #233739; font-size: 21px; font-weight: 700; line-height: 1.25; } .shada-form25-wizard-r1-mobile { display: none; } form.shada-form25-wizard-r1 :is( .rsform-block-step-2-current-visa-open, .rsform-block-step-2-current-visa-close, .rsform-block-step-2-documents-details-open, .rsform-block-step-2-documents-details-close, .rsform-block-step-3-contact-submit-open, .rsform-block-step-9-contact-submit-close ) { display: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } form.shada-form25-wizard-r1 .rsform-block[data-shada-form25-step]:not( .shada-form25-wizard-r1-hidden ) { margin: 0 !important; padding: 13px 20px !important; background: #f5fafa !important; } @media (min-width: 900px) { form.shada-form25-wizard-r1 .rsform-block[data-shada-form25-step]:not( .rsform-type-freetext ) { display: grid; grid-template-columns: minmax(0,36%) minmax(0,64%); column-gap: 18px; align-items: center; } form.shada-form25-wizard-r1 .rsform-block[data-shada-form25-step]:not( .rsform-type-freetext ) > .formControlLabel { grid-column: 1; box-sizing: border-box; width: auto !important; max-width: none !important; margin: 0 !important; padding-right: 8px; color: #263b3d !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.35 !important; } form.shada-form25-wizard-r1 .rsform-block[data-shada-form25-step]:not( .rsform-type-freetext ) > .formControls { grid-column: 2; box-sizing: border-box; width: 100% !important; min-width: 0 !important; margin: 0 !important; } } @media (min-width: 900px) { form.shada-form25-wizard-r1 .rsform-block[data-shada-form25-step="3"] > .formControls { max-width: 720px !important; } } form.shada-form25-wizard-r1 .rsform-block[data-shada-form25-step="3"] > .formControlLabel { font-weight: 700 !important; } form.shada-form25-wizard-r1 .rsform-block-submit-assessment .shada-form25-final-submit-r1 { min-width: 235px !important; min-height: 50px !important; padding: 12px 26px !important; border: 1px solid #087544 !important; border-radius: 9px !important; background: linear-gradient( 135deg, #18a762 0%, #087847 100% ) !important; color: #fff !important; box-shadow: 0 7px 18px rgba(10,128,74,.24), inset 0 1px 0 rgba(255,255,255,.30) !important; font-size: 16px !important; font-weight: 750 !important; cursor: pointer; } .shada-form25-wizard-r1-actions { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0; padding: 20px 20px 22px; border-top: 1px solid #deebeb; background: #f5fafa; } .shada-form25-wizard-r1-back, .shada-form25-wizard-r1-next { box-sizing: border-box; min-height: 46px; padding: 10px 21px; border-radius: 9px; font: inherit; font-size: 15px; font-weight: 650; cursor: pointer; } .shada-form25-wizard-r1-back { min-width: 155px; border: 1px solid #bdd1d2; background: #fff; color: #345356; } .shada-form25-wizard-r1-next { min-width: 175px; border: 1px solid #0f7f82; background: #0f7f82; color: #fff; box-shadow: 0 3px 9px rgba(15,127,130,.13); } form.shada-form25-wizard-r1 .rsform-block.has-error > .formControlLabel { color: #b42318 !important; } form.shada-form25-wizard-r1 .rsform-block .uk-form-danger { border-color: #c62828 !important; } @media (max-width: 767.98px) { .shada-form25-wizard-r1-rail, .shada-form25-wizard-r1-current { display: none; } .shada-form25-wizard-r1-nav { margin-top: 17px; margin-bottom: 14px; padding: 14px 13px; } .shada-form25-wizard-r1-eyebrow { margin-bottom: 8px; } .shada-form25-wizard-r1-mobile { display: block; } .shada-form25-wizard-r1-mobile-kicker { display: block; margin-bottom: 3px; color: #0f777c; font-size: 11px; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .shada-form25-wizard-r1-mobile-title { display: block; margin-bottom: 10px; color: #22383a; font-size: 18px; font-weight: 650; } .shada-form25-wizard-r1-mobile-track { display: block; width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: #dfe9e9; } .shada-form25-wizard-r1-mobile-fill { display: block; height: 100%; border-radius: inherit; background: #0f7f82; } form.shada-form25-wizard-r1 .rsform-block[data-shada-form25-step]:not( .shada-form25-wizard-r1-hidden ) { padding: 11px 13px !important; } .shada-form25-wizard-r1-actions { position: sticky; bottom: 0; z-index: 60; padding: 10px 0 calc( 10px + env(safe-area-inset-bottom) ); background: rgba(245,250,250,.97); box-shadow: 0 -5px 14px rgba(31,45,47,.055); } .shada-form25-wizard-r1-next { flex: 1 1 auto; } form.shada-form25-wizard-r1 .rsform-block-submit-assessment .shada-form25-final-submit-r1 { width: 100% !important; max-width: 360px !important; } } form.shada-form25-wizard-r1 .rsform-block.shada-form25-wizard-r1-hidden, form.shada-form25-wizard-r1 .rsform-block[style*="display: none"], form.shada-form25-wizard-r1 .rsform-block[style*="display:none"], form.shada-form25-wizard-r1 .rsform-block[hidden] { display: none !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block-citizenship-progress-bar, form.shada-form9-wizard-r1 #rsform_9_page_0 #citizenship-progress-box { display: none !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 :is( .rsform-block-residency-status, .rsform-block-residence-history, .rsform-block-immigration-history, .rsform-block-special-circumstances, .rsform-block-eligibility-question ) { display: none !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block-character-history-section :is(h1,h2,h3,h4,h5,h6,hr) { display: none !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block-character-history-section p { margin: 0 !important; padding: 13px 16px; border-left: 4px solid #5aa9a5; border-radius: 6px; background: #f2f9f8; color: #3a5254; line-height: 1.55; } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block[data-shada-form9-step]:not( .shada-form9-wizard-r1-hidden ) { margin: 0 !important; padding: 13px 20px !important; background: #f5fafa !important; } @media (min-width: 900px) { form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block[data-shada-form9-step] { box-sizing: border-box; } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block[data-shada-form9-step] > .formControlLabel { box-sizing: border-box; width: 36% !important; padding-right: 18px; color: #263b3d !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.35 !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block[data-shada-form9-step] > .formControls { box-sizing: border-box; width: 64% !important; min-width: 0 !important; } } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block.has-error .formControlLabel, form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block.has-error label { color: #b42318 !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block.has-error input, form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block.has-error select, form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block.has-error textarea { border-color: #c62828 !important; } @media (max-width: 767.98px) { form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block[data-shada-form9-step]:not( .shada-form9-wizard-r1-hidden ) { padding: 11px 13px !important; } } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block.shada-form9-wizard-r1-hidden { display: none !important; } @media (min-width: 768px) { form.shada-form9-wizard-r1 .shada-form25-wizard-r1-rail { display: grid; grid-template-columns: repeat( 5, minmax(0, 1fr) ); gap: 3px; align-items: start; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step { position: relative; min-width: 0; min-height: 78px; margin: 0; padding: 16px 9px 4px; border: 0; background: transparent; color: #687477; font: inherit; text-align: left; cursor: default; opacity: 1; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step::after { content: none !important; display: none !important; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; right: auto; width: 100%; height: 7px; border: 0; border-radius: 0; background: #b5b9bb; transform: none; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step:first-child::before { border-radius: 4px 0 0 4px; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step:last-child::before { border-radius: 0 4px 4px 0; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step-label { display: block; max-width: 190px; margin: 0 auto; overflow: visible; color: inherit; font-size: 14px; font-weight: 500; line-height: 1.25; text-overflow: initial; white-space: normal; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step.is-completed { color: #37777a; cursor: pointer; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step.is-completed::before { border: 0; background: #77b8ba; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step.is-current { color: #086b70; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step.is-current::before { border: 0; background: #0f7f82; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step.is-current .shada-form25-wizard-r1-step-label { color: #086b70; font-weight: 700; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step.is-future { color: #737d7f; opacity: .70; } form.shada-form9-wizard-r1 .shada-form25-wizard-r1-step.is-future::before { border: 0; background: #b5b9bb; } } @media (max-width: 767.98px) { form.shada-form9-wizard-r1 .shada-form25-wizard-r1-rail, form.shada-form9-wizard-r1 .shada-form25-wizard-r1-current { display: none !important; } } form.shada-form9-wizard-r1 #rsform_9_page_0 .rsform-block-character-history-section { display: none !important; } form.shada-form9-wizard-r1 .shada-form9-character-note-r3 { display: none; margin: 13px 0 0; padding: 11px 15px; border-left: 4px solid #58aaa7; border-radius: 6px; background: #f2f9f8; color: #486164; font-size: 14px; line-height: 1.5; } form.shada-form9-wizard-r1 .shada-form9-character-note-r3.is-visible { display: block; } form.shada-form9-wizard-r1 #rsform_9_page_0 input[type="radio"] { appearance: none; -webkit-appearance: none; box-sizing: border-box; width: 18px !important; height: 18px !important; min-width: 18px; margin: 0 7px 0 0 !important; border: 2px solid #667d80 !important; border-radius: 50% !important; background: #fff !important; box-shadow: none !important; vertical-align: middle; cursor: pointer; } form.shada-form9-wizard-r1 #rsform_9_page_0 input[type="radio"]:hover { border-color: #0f7f82 !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 input[type="radio"]:checked { border-color: #08787d !important; background: radial-gradient( circle at center, #08787d 0, #08787d 4px, #ffffff 5px, #ffffff 100% ) !important; } form.shada-form9-wizard-r1 #rsform_9_page_0 input[type="radio"]:focus-visible { outline: 3px solid rgba(8,120,125,.22) !important; outline-offset: 2px; } #rsform_21_page_0 { --fg-blue: #2867d8; --fg-blue-dark: #183f88; --fg-navy: #142b4a; --fg-text: #34465f; --fg-muted: #6c7d94; --fg-soft: #f3f7ff; --fg-soft-2: #e9f1ff; --fg-border: #d4e0f2; --fg-border-strong: #9ebce8; --fg-white: #ffffff; max-width: 1020px; margin-left: auto; margin-right: auto; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } #rsform_21_page_0 [hidden] { display: none !important; } #rsform_21_page_0.shada-gateway-ready .rsform-block-step-1-inquiry-open { display: none !important; } #rsform_21_page_0.shada-gateway-ready .rsform-block-enquiry-type > .formControlLabel, #rsform_21_page_0.shada-gateway-ready .rsform-block-enquiry-type > .formControls { display: none !important; } #rsform_21_page_0 .shada-gateway-intro { position: relative; overflow: hidden; background: linear-gradient( 135deg, #f7faff 0%, #edf4ff 52%, #e7f0ff 100% ); border: 1px solid var(--fg-border); border-radius: 18px; padding: 25px 29px 24px; margin: 0 0 20px; box-shadow: 0 10px 30px rgba(31,72,135,.07); } #rsform_21_page_0 .shada-gateway-intro::after { content: ""; position: absolute; width: 210px; height: 210px; right: -85px; top: -105px; border-radius: 50%; background: radial-gradient( circle, rgba(62,118,226,.15) 0%, rgba(62,118,226,0) 70% ); pointer-events: none; } #rsform_21_page_0 .shada-gateway-eyebrow { display: block; color: var(--fg-blue); font-size: .76rem; font-weight: 800; letter-spacing: .105em; text-transform: uppercase; margin-bottom: 7px; } #rsform_21_page_0 .shada-gateway-intro h2 { position: relative; z-index: 1; margin: 0 0 8px; color: var(--fg-navy); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.15; } #rsform_21_page_0 .shada-gateway-intro p { position: relative; z-index: 1; margin: 0; max-width: 770px; color: var(--fg-text); font-size: 1rem; line-height: 1.62; } #rsform_21_page_0 .shada-gateway-progress { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin: 6px 4px 27px; } #rsform_21_page_0 .shada-gateway-progress::before { content: ""; position: absolute; left: 16.5%; right: 16.5%; top: 17px; height: 2px; background: #dce5f1; z-index: 0; } #rsform_21_page_0 .shada-gateway-progress-step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: #8290a3; font-size: .79rem; font-weight: 700; text-align: center; } #rsform_21_page_0 .shada-gateway-progress-number { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 999px; background: #edf1f6; border: 2px solid #dbe3ed; color: #758398; font-size: .82rem; font-weight: 800; transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } #rsform_21_page_0 .shada-gateway-progress-label { display: block; } #rsform_21_page_0 .shada-gateway-progress-step.is-active .shada-gateway-progress-number { color: #fff; background: linear-gradient( 145deg, #3479ee, #225bc2 ); border-color: #2867d8; box-shadow: 0 4px 12px rgba(40,103,216,.24); } #rsform_21_page_0 .shada-gateway-progress-step.is-active { color: var(--fg-blue-dark); } #rsform_21_page_0 .shada-gateway-progress-step.is-complete .shada-gateway-progress-number { background: #dfeaff; border-color: #a9c2ec; color: #245bb8; } #rsform_21_page_0 .shada-gateway-progress-step.is-complete { color: #436aab; } #rsform_21_page_0 .shada-gateway-stage-heading { text-align: center; margin: 2px auto 21px; } #rsform_21_page_0 .shada-gateway-stage-heading h2 { margin: 0 0 6px; color: var(--fg-navy); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1.52rem; font-weight: 800; letter-spacing: -.015em; } #rsform_21_page_0 .shada-gateway-stage-heading p { margin: 0 auto; max-width: 680px; color: var(--fg-muted); font-size: .96rem; } #rsform_21_page_0 .shada-gateway-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin: 0; } #rsform_21_page_0 .shada-gateway-choice { position: relative; appearance: none; display: grid; grid-template-columns: 76px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 15px; width: 100%; min-height: 142px; border: 1px solid var(--fg-border); border-radius: 16px; background: linear-gradient( 145deg, #ffffff 0%, #fbfdff 100% ); padding: 18px 18px; text-align: left; cursor: pointer; box-shadow: 0 5px 16px rgba(31,67,117,.045); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease; } #rsform_21_page_0 .shada-gateway-choice::after { content: "›"; position: absolute; right: 15px; bottom: 12px; display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 999px; background: #edf3ff; color: var(--fg-blue); font-size: 1.3rem; font-weight: 500; line-height: 1; transition: transform .18s ease, background .18s ease, color .18s ease; } #rsform_21_page_0 .shada-gateway-choice:hover, #rsform_21_page_0 .shada-gateway-choice:focus-visible { border-color: var(--fg-border-strong); background: linear-gradient( 145deg, #ffffff, #f3f7ff ); box-shadow: 0 12px 30px rgba(40,103,216,.13); transform: translateY(-2px); outline: none; } #rsform_21_page_0 .shada-gateway-choice:hover::after, #rsform_21_page_0 .shada-gateway-choice:focus-visible::after { background: var(--fg-blue); color: #fff; transform: translateX(2px); } #rsform_21_page_0 .shada-gateway-choice-icon-wrap { grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; align-self: center; width: 76px; height: 76px; border-radius: 15px; background: linear-gradient( 145deg, #f5f8ff, #e9f1ff ); border: 1px solid #e0e9f7; } #rsform_21_page_0 .shada-gateway-choice-icon { display: block; width: 68px; height: 68px; object-fit: contain; filter: drop-shadow( 0 4px 4px rgba(32,70,130,.08) ); } #rsform_21_page_0 .shada-gateway-choice-title { display: block; align-self: end; padding-right: 17px; color: var(--fg-navy); font-size: .98rem; font-weight: 800; line-height: 1.28; } #rsform_21_page_0 .shada-gateway-choice-help { display: block; align-self: start; padding-right: 20px; color: var(--fg-muted); font-size: .82rem; line-height: 1.4; margin-top: 5px; } #rsform_21_page_0 .shada-gateway-recommendation { border: 1px solid var(--fg-border); background: linear-gradient( 145deg, #ffffff, #f4f8ff ); border-radius: 18px; padding: 29px; text-align: center; max-width: 760px; margin: 0 auto; box-shadow: 0 12px 30px rgba(31,72,135,.08); } #rsform_21_page_0 .shada-gateway-recommendation-badge { display: inline-block; color: #245bb8; background: #e5efff; border-radius: 999px; padding: 6px 11px; font-size: .73rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 12px; } #rsform_21_page_0 .shada-gateway-recommendation h2 { margin: 0 0 9px; color: var(--fg-navy); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1.5rem; font-weight: 800; letter-spacing: -.015em; } #rsform_21_page_0 .shada-gateway-recommendation p { margin: 0 auto 19px; max-width: 610px; color: var(--fg-text); line-height: 1.62; } #rsform_21_page_0 .shada-gateway-primary, #rsform_21_page_0 .shada-gateway-secondary, #rsform_21_page_0 .shada-gateway-next { display: inline-flex; align-items: center; justify-content: center; min-height: 45px; border-radius: 8px; padding: 10px 19px; font-weight: 750; font-size: .92rem; text-decoration: none; cursor: pointer; transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease; } #rsform_21_page_0 .shada-gateway-primary, #rsform_21_page_0 .shada-gateway-next { border: 1px solid #2867d8; background: linear-gradient( 145deg, #3479ee, #225bc2 ); color: #fff; box-shadow: 0 6px 14px rgba(40,103,216,.18); } #rsform_21_page_0 .shada-gateway-primary:hover, #rsform_21_page_0 .shada-gateway-next:hover { background: linear-gradient( 145deg, #286ee3, #194da9 ); color: #fff; } #rsform_21_page_0 .shada-gateway-secondary { border: 1px solid #c7d5e8; background: #fff; color: #385574; } #rsform_21_page_0 .shada-gateway-secondary:hover { background: #f3f7ff; border-color: #9ebce8; color: #234e94; } #rsform_21_page_0 .shada-gateway-actions { display: flex; gap: 10px; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 18px; } #rsform_21_page_0 .rsform-block-step-2-enquiry-details-documents-open, #rsform_21_page_0 .rsform-block-step-3-contact-submit-open { margin-top: 0; } #rsform_21_page_0 .rsform-block-step-2-enquiry-details-documents-open .shada-step-card, #rsform_21_page_0 .rsform-block-step-3-contact-submit-open .shada-step-card { margin-top: 0; } #rsform_21_page_0 .shada-gateway-inline-error { color: #a4262c; font-size: .86rem; font-weight: 700; margin-top: 7px; } #rsform_21_page_0 .shada-gateway-contact-back { margin: 0 0 14px; } #rsform_21_page_0 .rsform-block-website-url { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } @media (max-width: 820px) { #rsform_21_page_0 .shada-gateway-choice-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } } @media (max-width: 620px) { #rsform_21_page_0 .shada-gateway-intro { padding: 20px 18px; border-radius: 14px; } #rsform_21_page_0 .shada-gateway-intro h2 { font-size: 1.55rem; } #rsform_21_page_0 .shada-gateway-progress { margin-bottom: 23px; } #rsform_21_page_0 .shada-gateway-progress-step { font-size: .72rem; } #rsform_21_page_0 .shada-gateway-progress-number { width: 31px; height: 31px; font-size: .76rem; } #rsform_21_page_0 .shada-gateway-progress::before { top: 15px; } #rsform_21_page_0 .shada-gateway-choice-grid { grid-template-columns: 1fr; gap: 11px; } #rsform_21_page_0 .shada-gateway-choice { min-height: 112px; grid-template-columns: 68px minmax(0,1fr); padding: 14px 15px; } #rsform_21_page_0 .shada-gateway-choice-icon-wrap { width: 64px; height: 64px; border-radius: 13px; } #rsform_21_page_0 .shada-gateway-choice-icon { width: 58px; height: 58px; } } @media (max-width: 480px) { #rsform_21_page_0 .shada-gateway-actions { align-items: stretch; } #rsform_21_page_0 .shada-gateway-primary, #rsform_21_page_0 .shada-gateway-secondary, #rsform_21_page_0 .shada-gateway-next { width: 100%; } } #rsform_21_page_0 .shada-gateway-progress { margin-top: 10px; margin-bottom: 27px; } #rsform_21_page_0 .shada-gateway-progress::before { background: #ded8cf; } #rsform_21_page_0 .shada-gateway-progress-step { color: #8b867f; font-size: .83rem; font-weight: 700; } #rsform_21_page_0 .shada-gateway-progress-number { background: #f4f0ea; border-color: #ded8cf; color: #766f68; } #rsform_21_page_0 .shada-gateway-progress-step.is-active { color: #40384f; } #rsform_21_page_0 .shada-gateway-progress-step.is-active .shada-gateway-progress-number { background: #4c425e; border-color: #4c425e; color: #ffffff; box-shadow: 0 5px 13px rgba(61,52,76,.18); } #rsform_21_page_0 .shada-gateway-progress-step.is-complete { color: #766a83; } #rsform_21_page_0 .shada-gateway-progress-step.is-complete .shada-gateway-progress-number { background: #eee8f2; border-color: #c9bdd1; color: #5e506b; } #rsform_21_page_0 .shada-gateway-picker { position: relative; padding: 28px; background: linear-gradient( 145deg, #f7fbfb 0%, #eef8f8 100% ); border: 1px solid #e4ded5; border-radius: 20px; box-shadow: 0 12px 34px rgba(49,43,38,.06); } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-stage-heading { margin: 0 auto 25px; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-stage-heading h2 { color: #173238; font-size: clamp(1.65rem,2.3vw,1.95rem); font-weight: 800; letter-spacing: -.025em; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-stage-heading p { color: #68645f; font-size: 1rem; } #rsform_21_page_0 .shada-gateway-choice-grid { gap: 17px; } #rsform_21_page_0 .shada-gateway-choice { grid-template-columns: 96px minmax(0,1fr); column-gap: 18px; min-height: 174px; padding: 21px 20px; border: 1px solid #ded8cf; border-radius: 17px; background: #ffffff; box-shadow: 0 5px 16px rgba(56,47,40,.045); } #rsform_21_page_0 .shada-gateway-choice:hover, #rsform_21_page_0 .shada-gateway-choice:focus-visible { border-color: #9d8cab; background: #ffffff; box-shadow: 0 14px 30px rgba(76,66,94,.12); transform: translateY(-3px); } #rsform_21_page_0 .shada-gateway-choice-icon-wrap { width: 96px; height: 96px; background: transparent; border: 0; border-radius: 0; } #rsform_21_page_0 .shada-gateway-choice-icon { width: 92px; height: 92px; object-fit: contain; filter: none; transition: transform .18s ease; } #rsform_21_page_0 .shada-gateway-choice:hover .shada-gateway-choice-icon, #rsform_21_page_0 .shada-gateway-choice:focus-visible .shada-gateway-choice-icon { transform: scale(1.035); } #rsform_21_page_0 .shada-gateway-choice-title { padding-right: 25px; color: #173238; font-size: 1.16rem; font-weight: 800; line-height: 1.3; letter-spacing: -.012em; } #rsform_21_page_0 .shada-gateway-choice-help { padding-right: 26px; color: #696761; font-size: .95rem; line-height: 1.48; margin-top: 7px; } #rsform_21_page_0 .shada-gateway-choice::after { right: 17px; bottom: 15px; width: 31px; height: 31px; background: #f0ebe5; color: #0f7b80; font-size: 1.4rem; } #rsform_21_page_0 .shada-gateway-choice:hover::after, #rsform_21_page_0 .shada-gateway-choice:focus-visible::after { background: #0f7b80; color: #fff; } @media (max-width: 820px) { #rsform_21_page_0 .shada-gateway-picker { padding: 22px; } } @media (max-width: 620px) { #rsform_21_page_0 .shada-gateway-picker { padding: 17px; border-radius: 16px; } #rsform_21_page_0 .shada-gateway-choice { grid-template-columns: 78px minmax(0,1fr); min-height: 125px; padding: 16px; } #rsform_21_page_0 .shada-gateway-choice-icon-wrap { width: 76px; height: 76px; } #rsform_21_page_0 .shada-gateway-choice-icon { width: 72px; height: 72px; } #rsform_21_page_0 .shada-gateway-choice-title { font-size: 1.07rem; } #rsform_21_page_0 .shada-gateway-choice-help { font-size: .89rem; } } #rsform_21_page_0 .shada-gateway-picker img[src*="/images/form21-gateway-photos/"] { width: 116px !important; height: 84px !important; min-width: 116px !important; max-width: 116px !important; object-fit: cover !important; object-position: center !important; border: 0 !important; border-radius: 10px !important; background: #f3f3f1 !important; box-shadow: 0 3px 10px rgba(28, 35, 42, .10) !important; } #rsform_21_page_0 .shada-gateway-picker img[src*="/images/form21-gateway-photos/"] { padding: 0 !important; filter: none !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice { overflow: hidden; } @media (max-width: 767px) { #rsform_21_page_0 .shada-gateway-picker img[src*="/images/form21-gateway-photos/"] { width: 96px !important; height: 72px !important; min-width: 96px !important; max-width: 96px !important; border-radius: 8px !important; } } #rsform_21_page_0 [hidden] { display: none !important; } #rsform_21_page_0 .shada-gateway-picker { border-color: #c9dfe1 !important; background: linear-gradient( 135deg, #f7fbfb 0%, #eef8f8 100% ) !important; box-shadow: 0 0.65rem 1.45rem rgba(19, 67, 72, .07) !important; color: #173238 !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice { border-color: #d5e4e5 !important; background: #ffffff !important; color: #173238 !important; box-shadow: 0 0.28rem 0.8rem rgba(20, 72, 77, .045) !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice:hover, #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice:focus-visible { border-color: #0f7b80 !important; background: #ffffff !important; box-shadow: 0 0.55rem 1.15rem rgba(15, 123, 128, .13) !important; outline: none !important; } #rsform_21_page_0 .shada-gateway-picker img[src*="/images/form21-gateway-photos/"] { filter: none !important; } #rsform_21_page_0 [hidden] { display: none !important; } #rsform_21_page_0 .rsform-block-sva-form-intro { width: 100% !important; min-height: 0 !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #rsform_21_page_0 .rsform-block-sva-form-intro .formControls { width: 100% !important; margin: 0 !important; padding: 0 !important; } #rsform_21_page_0 .shada-gateway-compact-title { position: relative !important; width: fit-content !important; max-width: calc(100% - 24px) !important; margin: 0 auto !important; padding: 2px 12px 10px !important; color: #0f7b80 !important; background: transparent !important; font-size: clamp(1.35rem, 2vw, 1.72rem) !important; font-weight: 800 !important; line-height: 1.2 !important; text-align: center !important; } #rsform_21_page_0 .shada-gateway-compact-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 54px !important; height: 3px !important; border-radius: 99px !important; background: #0f7b80 !important; transform: translateX(-50%) !important; } #rsform_21_page_0 .shada-gateway-picker { margin-top: 0 !important; padding: 24px 28px 28px !important; } #rsform_21_page_0 .shada-gateway-choice.shada-gateway-choice--r8b { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #ffffff !important; border: 1px solid #c9dfe1 !important; border-radius: 12px !important; box-shadow: 0 2px 8px rgba(20, 72, 77, .06) !important; color: #173238 !important; cursor: pointer !important; transform: none !important; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important; } #rsform_21_page_0 .shada-gateway-choice.shada-gateway-choice--r8b:hover { border-color: #0f7b80 !important; box-shadow: 0 8px 20px rgba(15, 123, 128, .13) !important; transform: translateY(-2px) !important; } #rsform_21_page_0 .shada-gateway-choice.shada-gateway-choice--r8b:focus-visible { outline: 3px solid rgba(15, 123, 128, .20) !important; outline-offset: 2px !important; border-color: #0f7b80 !important; } #rsform_21_page_0 .shada-gateway-choice--r8b .shada-gateway-card-photo { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; } #rsform_21_page_0 .shada-gateway-choice--r8b .shada-gateway-card-body { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 64px !important; margin: 0 !important; padding: 13px 15px 14px !important; background: #ffffff !important; } #rsform_21_page_0 .shada-gateway-choice--r8b .shada-gateway-card-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #173238 !important; font-size: 1rem !important; font-weight: 750 !important; line-height: 1.3 !important; text-align: center !important; } @media (max-width: 767.98px) { #rsform_21_page_0 .shada-gateway-picker { padding: 20px 16px 22px !important; } #rsform_21_page_0 .shada-gateway-choice--r8b .shada-gateway-card-body { min-height: 58px !important; padding: 11px 12px 12px !important; } #rsform_21_page_0 .shada-gateway-choice--r8b .shada-gateway-card-title { font-size: .98rem !important; } } #rsform_21_page_0 [hidden] { display: none !important; } #rsform_21_page_0 .shada-gateway-picker *:has(> .shada-gateway-choice--r8b) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice--r8b { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; padding: 0 !important; overflow: hidden !important; background: #ffffff !important; border: 1px solid #c9dfe1 !important; border-radius: 13px !important; box-shadow: 0 3px 10px rgba(20, 72, 77, .07) !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice--r8b .shada-gateway-card-photo { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; flex: 0 0 auto !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice--r8b .shada-gateway-card-body { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 1 1 auto !important; width: 100% !important; min-height: 78px !important; margin: 0 !important; padding: 16px 18px 17px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #e4eeee !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice--r8b .shada-gateway-card-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #17383a !important; font-size: 1.12rem !important; line-height: 1.3 !important; font-weight: 780 !important; text-align: left !important; text-decoration: none !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice--r8b:hover { border-color: #0f7b80 !important; box-shadow: 0 8px 20px rgba(15, 123, 128, .14) !important; transform: translateY(-2px) !important; } @media (max-width: 991.98px) { #rsform_21_page_0 .shada-gateway-picker *:has(> .shada-gateway-choice--r8b) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } } @media (max-width: 639.98px) { #rsform_21_page_0 .shada-gateway-picker *:has(> .shada-gateway-choice--r8b) { grid-template-columns: minmax(0, 1fr) !important; gap: 15px !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice--r8b .shada-gateway-card-body { min-height: 68px !important; padding: 14px 15px 15px !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice--r8b .shada-gateway-card-title { font-size: 1.04rem !important; } } #rsform_21_page_0 [hidden] { display: none !important; } #rsform_21_page_0 { --shada-form21-teal: #0f7b80; --shada-form21-teal-dark: #0b666a; --shada-form21-teal-soft: #e8f5f5; --shada-form21-teal-pale: #f5fbfb; --shada-form21-border: #c9dfe1; --shada-form21-text: #173238; } #rsform_21_page_0 .shada-gateway-progress::before, #rsform_21_page_0 .shada-gateway-progress::after, #rsform_21_page_0 .shada-gateway-progress-step::before, #rsform_21_page_0 .shada-gateway-progress-step::after { background-color: var(--shada-form21-border) !important; border-color: var(--shada-form21-border) !important; } #rsform_21_page_0 .shada-gateway-progress-number { background: #ffffff !important; border-color: var(--shada-form21-border) !important; color: #6c7474 !important; box-shadow: none !important; } #rsform_21_page_0 .shada-gateway-progress-step.is-active .shada-gateway-progress-number, #rsform_21_page_0 .shada-gateway-progress-step.is-complete .shada-gateway-progress-number { background: var(--shada-form21-teal) !important; border-color: var(--shada-form21-teal) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(15, 123, 128, 0.18) !important; } #rsform_21_page_0 .shada-gateway-progress-step.is-active .shada-gateway-progress-label, #rsform_21_page_0 .shada-gateway-progress-step.is-complete .shada-gateway-progress-label { color: var(--shada-form21-teal) !important; } #rsform_21_page_0 .shada-gateway-progress-step:not(.is-active):not(.is-complete) .shada-gateway-progress-label { color: #747977 !important; } #rsform_21_page_0 .shada-gateway-recommendation { background: linear-gradient( 135deg, #ffffff 0%, var(--shada-form21-teal-pale) 100% ) !important; border-color: var(--shada-form21-border) !important; color: var(--shada-form21-text) !important; box-shadow: 0 10px 25px rgba(19, 67, 72, 0.07) !important; } #rsform_21_page_0 .shada-gateway-recommendation h2 { color: var(--shada-form21-text) !important; } #rsform_21_page_0 .shada-gateway-recommendation p { color: #526568 !important; } #rsform_21_page_0 .shada-gateway-recommendation-badge { background: var(--shada-form21-teal-soft) !important; border-color: var(--shada-form21-border) !important; color: var(--shada-form21-teal) !important; } #rsform_21_page_0 .shada-gateway-primary, #rsform_21_page_0 .shada-gateway-actions .btn-primary, #rsform_21_page_0 .shada-gateway-recommendation .btn-primary, #rsform_21_page_0 button[type="submit"], #rsform_21_page_0 input[type="submit"] { background: var(--shada-form21-teal) !important; border-color: var(--shada-form21-teal) !important; color: #ffffff !important; box-shadow: 0 5px 13px rgba(15, 123, 128, 0.18) !important; } #rsform_21_page_0 .shada-gateway-primary:hover, #rsform_21_page_0 .shada-gateway-primary:focus, #rsform_21_page_0 .shada-gateway-actions .btn-primary:hover, #rsform_21_page_0 .shada-gateway-actions .btn-primary:focus, #rsform_21_page_0 .shada-gateway-recommendation .btn-primary:hover, #rsform_21_page_0 .shada-gateway-recommendation .btn-primary:focus, #rsform_21_page_0 button[type="submit"]:hover, #rsform_21_page_0 button[type="submit"]:focus, #rsform_21_page_0 input[type="submit"]:hover, #rsform_21_page_0 input[type="submit"]:focus { background: var(--shada-form21-teal-dark) !important; border-color: var(--shada-form21-teal-dark) !important; color: #ffffff !important; } #rsform_21_page_0 .shada-gateway-secondary { background: #ffffff !important; border-color: #9fc8ca !important; color: var(--shada-form21-teal) !important; box-shadow: none !important; } #rsform_21_page_0 .shada-gateway-secondary:hover, #rsform_21_page_0 .shada-gateway-secondary:focus { background: var(--shada-form21-teal-soft) !important; border-color: var(--shada-form21-teal) !important; color: var(--shada-form21-teal-dark) !important; } #rsform_21_page_0 .shada-gateway-primary:focus-visible, #rsform_21_page_0 .shada-gateway-secondary:focus-visible, #rsform_21_page_0 button[type="submit"]:focus-visible, #rsform_21_page_0 input[type="submit"]:focus-visible { outline: 3px solid rgba(15, 123, 128, 0.23) !important; outline-offset: 2px !important; } #rsform_21_page_0 [hidden] { display: none !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice::after { background: #e8f5f5 !important; border: 1px solid #c9dfe1 !important; color: #0f7b80 !important; } #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice:hover::after, #rsform_21_page_0 .shada-gateway-picker .shada-gateway-choice:focus-visible::after { background: #0f7b80 !important; border-color: #0f7b80 !important; color: #ffffff !important; } #rsform_21_page_0 .shada-gateway-progress.is-general-path { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; width: 100% !important; } #rsform_21_page_0 .shada-gateway-progress.is-general-path .shada-gateway-progress-step { min-width: 0 !important; } #rsform_21_page_0 .shada-gateway-progress.is-general-path .shada-gateway-progress-label { max-width: 12rem !important; margin-inline: auto !important; text-align: center !important; text-wrap: balance; } #rsform_21_page_0 .rsform-block-step-2-enquiry-details-documents-open { display: none !important; } #rsform_21_page_0 .shada-gateway-field-row { display: grid !important; grid-template-columns: minmax(215px, 0.7fr) minmax(0, 1.3fr) !important; align-items: start !important; gap: 1rem 1.5rem !important; width: 100% !important; margin: 0 !important; padding: 1rem 1.25rem !important; background: #f5fbfb !important; border-inline: 1px solid #d8e9ea !important; } #rsform_21_page_0 .shada-gateway-field-row:not(.shada-gateway-force-hidden) + .shada-gateway-field-row:not(.shada-gateway-force-hidden) { border-top: 1px solid #e0eeee !important; } #rsform_21_page_0 .shada-gateway-field-row .formControlLabel, #rsform_21_page_0 .shada-gateway-field-row .formControls { float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } #rsform_21_page_0 .shada-gateway-field-row .formControlLabel { grid-column: 1 !important; grid-row: 1 !important; color: #173238 !important; font-weight: 750 !important; line-height: 1.45 !important; } #rsform_21_page_0 .shada-gateway-field-row .formControls { grid-column: 2 !important; grid-row: 1 !important; } #rsform_21_page_0 .rsform-block-enquiry-type.shada-gateway-field-row { display: grid !important; } #rsform_21_page_0 .rsform-block-enquiry-type.shada-gateway-field-row:not(.shada-gateway-force-hidden) .formControlLabel, #rsform_21_page_0 .rsform-block-enquiry-type.shada-gateway-field-row:not(.shada-gateway-force-hidden) .formControls { position: static !important; display: block !important; visibility: visible !important; width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; overflow: visible !important; clip: auto !important; clip-path: none !important; opacity: 1 !important; pointer-events: auto !important; } #rsform_21_page_0 .rsform-block-enquiry-type.shada-gateway-field-row:not(.shada-gateway-force-hidden) select[name*="enquiry_type"] { position: static !important; display: block !important; visibility: visible !important; width: 100% !important; height: auto !important; min-height: 48px !important; overflow: visible !important; clip: auto !important; clip-path: none !important; opacity: 1 !important; pointer-events: auto !important; } #rsform_21_page_0 .shada-gateway-field-row input[type="text"], #rsform_21_page_0 .shada-gateway-field-row input[type="email"], #rsform_21_page_0 .shada-gateway-field-row input[type="tel"], #rsform_21_page_0 .shada-gateway-field-row select, #rsform_21_page_0 .shada-gateway-field-row textarea { display: block !important; width: 100% !important; max-width: none !important; min-height: 48px !important; margin: 0 !important; padding: 0.72rem 0.85rem !important; background: #ffffff !important; border: 1px solid #bfd8da !important; border-radius: 8px !important; color: #173238 !important; box-shadow: none !important; } #rsform_21_page_0 .shada-gateway-field-row textarea { min-height: 180px !important; resize: vertical !important; } #rsform_21_page_0 .shada-gateway-field-row input:focus, #rsform_21_page_0 .shada-gateway-field-row select:focus, #rsform_21_page_0 .shada-gateway-field-row textarea:focus { border-color: #0f7b80 !important; outline: 3px solid rgba(15, 123, 128, 0.16) !important; outline-offset: 1px !important; } #rsform_21_page_0 .shada-gateway-character-count { display: none !important; } #rsform_21_page_0 .shada-gateway-field-row input[type="radio"], #rsform_21_page_0 .shada-gateway-field-row input[type="checkbox"] { accent-color: #0f7b80 !important; } #rsform_21_page_0 .rsform-block-upload-documents-choice .formControls { display: flex !important; flex-wrap: wrap !important; gap: 0.75rem !important; } #rsform_21_page_0 .rsform-block-upload-documents-choice .formControls label { min-width: 9rem !important; padding: 0.75rem 1rem !important; background: #ffffff !important; border: 1px solid #c9dfe1 !important; border-radius: 9px !important; color: #173238 !important; font-weight: 700 !important; text-align: center !important; cursor: pointer !important; } #rsform_21_page_0 .rsform-block-upload-documents-choice .formControls label:has(input:checked) { background: #0f7b80 !important; border-color: #0f7b80 !important; color: #ffffff !important; } #rsform_21_page_0 .rsform-block-supporting-documents.shada-gateway-field-row { display: grid !important; border-bottom: 1px solid #d8e9ea !important; border-radius: 0 0 12px 12px !important; } #rsform_21_page_0 .shada-form21-dropzone.shada-rsfp-dropzone { --shada-drop-accent: #5aa9a5; position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; min-height: 190px !important; padding: 24px !important; border: 2px dashed #5aa9a5 !important; border-radius: 12px !important; background: #eef8f7 !important; text-align: center !important; cursor: pointer !important; transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important; } #rsform_21_page_0 .shada-form21-dropzone:hover, #rsform_21_page_0 .shada-form21-dropzone.is-dragover { border-color: #3f928e !important; background: #e4f4f2 !important; } #rsform_21_page_0 .shada-form21-dropzone:focus-within { box-shadow: 0 0 0 3px rgba(90, 169, 165, 0.18) !important; } #rsform_21_page_0 .shada-form21-dropzone > input[type="file"].shada-rsfp-dropzone__native { position: absolute !important; inset: 0 !important; z-index: 2 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; cursor: pointer !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__content { position: relative !important; z-index: 1 !important; pointer-events: none !important; } #rsform_21_page_0 .shada-form21-dropzone__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; margin: 0 auto 8px !important; color: #176f78 !important; } #rsform_21_page_0 .shada-form21-dropzone__icon svg { width: 36px !important; height: 36px !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__title, #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__message { color: #176f78 !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__title { display: block !important; margin-bottom: 5px !important; font-size: 1.05rem !important; font-weight: 700 !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__instruction { display: block !important; margin-bottom: 8px !important; color: #294846 !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__meta { display: block !important; color: #5b7775 !important; font-size: 0.875rem !important; opacity: 1 !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__message { position: relative !important; z-index: 3 !important; margin-top: 12px !important; font-size: 0.9rem !important; font-weight: 600 !important; pointer-events: none !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-dropzone__files { position: relative !important; z-index: 4 !important; display: grid !important; gap: 8px !important; width: min(720px, 100%) !important; margin-top: 14px !important; text-align: left !important; pointer-events: auto !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-file { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; box-sizing: border-box !important; padding: 9px 10px 9px 12px !important; border: 1px solid #d2e8e6 !important; border-radius: 8px !important; background: #ffffff !important; } #rsform_21_page_0 .shada-rsfp-file__details { display: grid !important; flex: 1 1 auto !important; min-width: 0 !important; } #rsform_21_page_0 .shada-rsfp-file__name { overflow-wrap: anywhere !important; color: #173238 !important; font-weight: 650 !important; } #rsform_21_page_0 .shada-rsfp-file__size { color: #5b7775 !important; font-size: 0.8rem !important; } #rsform_21_page_0 .shada-rsfp-file__actions { position: relative !important; z-index: 5 !important; display: flex !important; gap: 6px !important; } #rsform_21_page_0 .shada-rsfp-file__button { border: 1px solid #c9dfe1 !important; border-radius: 6px !important; background: #ffffff !important; padding: 5px 9px !important; color: #173238 !important; font: inherit !important; font-size: 0.8rem !important; line-height: 1.2 !important; cursor: pointer !important; } #rsform_21_page_0 .shada-rsfp-file__button:hover, #rsform_21_page_0 .shada-rsfp-file__button:focus-visible { border-color: #5aa9a5 !important; background: #eef8f7 !important; } #rsform_21_page_0 .shada-rsfp-dropzone__replace-input { display: none !important; } #rsform_21_page_0 .rsform-block-step-2-enquiry-details-documents-close .formControls, #rsform_21_page_0 .shada-gateway-contact-back { width: 100% !important; max-width: none !important; } #rsform_21_page_0 .rsform-block-step-2-enquiry-details-documents-close .shada-gateway-actions { justify-content: center !important; padding: 1.15rem 0 !important; } #rsform_21_page_0 .shada-gateway-primary, #rsform_21_page_0 .shada-gateway-next { background: #0f7b80 !important; border-color: #0f7b80 !important; color: #ffffff !important; } #rsform_21_page_0 .shada-gateway-primary:hover, #rsform_21_page_0 .shada-gateway-primary:focus, #rsform_21_page_0 .shada-gateway-next:hover, #rsform_21_page_0 .shada-gateway-next:focus { background: #0b666a !important; border-color: #0b666a !important; color: #ffffff !important; } #rsform_21_page_0 .rsform-block-step-3-contact-submit-open { display: block !important; margin: 0 0 0.8rem !important; padding: 0 !important; background: transparent !important; border: 0 !important; } #rsform_21_page_0 .shada-gateway-contact-back { display: flex !important; justify-content: flex-start !important; } #rsform_21_page_0 .rsform-block-privacy-declaration .formControls, #rsform_21_page_0 .rsform-block-newsletter-consent .formControls { padding: 0.95rem 1rem !important; background: #ffffff !important; border: 1px solid #c9dfe1 !important; border-radius: 10px !important; } #rsform_21_page_0 .shada-gateway-inline-error { grid-column: 2 !important; margin-top: 0.5rem !important; padding: 0.65rem 0.8rem !important; background: #fff4f2 !important; border-left: 4px solid #b84032 !important; border-radius: 6px !important; color: #8c2f25 !important; font-weight: 650 !important; } #rsform_21_page_0 .shada-form21-processing { box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 13px !important; width: 100% !important; max-width: 520px !important; margin-top: 14px !important; padding: 13px 15px !important; border: 1px solid rgba(8, 120, 125, 0.24) !important; border-radius: 10px !important; background: #f4fafa !important; color: #173238 !important; } #rsform_21_page_0 .shada-form21-processing__indicator { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 4px !important; min-width: 34px !important; } #rsform_21_page_0 .shada-form21-processing__indicator span { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #0f7b80 !important; animation: shada-form21-processing-pulse 1.1s infinite ease-in-out; } #rsform_21_page_0 .shada-form21-processing__indicator span:nth-child(2) { animation-delay: 0.14s; } #rsform_21_page_0 .shada-form21-processing__indicator span:nth-child(3) { animation-delay: 0.28s; } #rsform_21_page_0 .shada-form21-processing__copy { display: grid !important; gap: 2px !important; min-width: 0 !important; line-height: 1.35 !important; } #rsform_21_page_0 .shada-form21-processing__copy strong { color: #0f6f74 !important; font-weight: 800 !important; } #rsform_21_page_0 .shada-form21-processing__copy span { color: #526568 !important; font-size: 0.88rem !important; } #rsform_21_page_0 .shada-form21-is-submitting .rsform-block-submit-assessment button[type="submit"], #rsform_21_page_0 .shada-form21-is-submitting .rsform-block-submit-assessment input[type="submit"] { cursor: wait !important; opacity: 0.82 !important; } @keyframes shada-form21-processing-pulse { 0%, 60%, 100% { opacity: 0.38; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } } #rsform_21_page_0 .shada-gateway-force-hidden, #rsform_21_page_0 [hidden], #rsform_21_page_0 .rsform-block-enquiry-type.shada-gateway-force-hidden, #rsform_21_page_0 .rsform-block-supporting-documents.shada-gateway-force-hidden { display: none !important; } @media (max-width: 760px) { #rsform_21_page_0 .shada-gateway-progress.is-general-path { gap: 0.2rem !important; width: 100% !important; min-width: 0 !important; overflow: visible !important; } #rsform_21_page_0 .shada-gateway-progress.is-general-path .shada-gateway-progress-label { font-size: 0.72rem !important; line-height: 1.25 !important; overflow-wrap: anywhere !important; } #rsform_21_page_0 .shada-gateway-field-row { grid-template-columns: 1fr !important; gap: 0.55rem !important; padding: 0.9rem !important; } #rsform_21_page_0 .shada-gateway-field-row > *, #rsform_21_page_0 .shada-gateway-field-row .formControls { min-width: 0 !important; } #rsform_21_page_0 .shada-gateway-field-row input, #rsform_21_page_0 .shada-gateway-field-row select, #rsform_21_page_0 .shada-gateway-field-row textarea { box-sizing: border-box !important; max-width: 100% !important; } #rsform_21_page_0 .shada-gateway-field-row .formControlLabel { grid-column: 1 !important; grid-row: 1 !important; } #rsform_21_page_0 .shada-gateway-field-row .formControls { grid-column: 1 !important; grid-row: 2 !important; } #rsform_21_page_0 .shada-gateway-inline-error { grid-column: 1 !important; } #rsform_21_page_0 .shada-form21-dropzone.shada-rsfp-dropzone { min-height: 150px !important; padding: 20px 14px !important; } #rsform_21_page_0 .shada-form21-dropzone .shada-rsfp-file { flex-wrap: wrap !important; } #rsform_21_page_0 .shada-rsfp-file__actions { width: 100% !important; justify-content: flex-end !important; } #rsform_21_page_0 .rsform-block-upload-documents-choice .formControls label { flex: 1 1 calc(50% - 0.4rem) !important; min-width: 0 !important; } #rsform_21_page_0 .shada-gateway-actions { flex-wrap: wrap !important; gap: 0.65rem !important; } #rsform_21_page_0 .shada-form21-processing { max-width: 100% !important; padding: 12px !important; } } @media (max-width: 480px) { #rsform_21_page_0 .shada-gateway-actions > *, #rsform_21_page_0 .shada-gateway-contact-back-button { width: 100% !important; min-height: 48px !important; justify-content: center !important; text-align: center !important; } #rsform_21_page_0 .shada-form21-processing { align-items: flex-start !important; } } html[lang^="fa"] .shada-fa-mobile-source { display: none !important; } @media (min-width: 992px) { html[lang^="fa"] .container-header, html[lang^="fa"] .container-header .container-topbar, html[lang^="fa"] .container-header .container-nav { overflow: visible !important; color: #21484a !important; background-color: #ffffff !important; background-image: none !important; } html[lang^="fa"] .container-header .container-topbar.shada-fa-utility-ready { display: flex !important; align-items: center !important; width: min(1560px, calc(100% - 3rem)) !important; max-width: 1560px !important; height: 50px !important; min-height: 50px !important; margin: 0 auto !important; padding: 0 !important; direction: ltr !important; border-bottom: 1px solid #edf2f2 !important; } html[lang^="fa"] .container-topbar #shada-fa-desktop-utility-cluster.shada-fa-desktop-utility-cluster { display: flex !important; position: relative !important; align-items: center !important; flex-direction: row !important; direction: ltr !important; width: 100% !important; max-width: none !important; height: 50px !important; margin: 0 !important; padding: 0 !important; gap: clamp(0.35rem, 0.8vw, 0.85rem) !important; } html[lang^="fa"] .container-topbar #shada-fa-desktop-utility-cluster .shada-site-header, html[lang^="fa"] .container-topbar #shada-fa-desktop-utility-cluster .shada-site-header-inner, html[lang^="fa"] .container-topbar #shada-fa-desktop-utility-cluster .shada-header-actions { display: contents !important; } html[lang^="fa"] .container-topbar #shada-fa-desktop-utility-cluster .shada-header-logo--fa, html[lang^="fa"] .container-topbar #shada-fa-desktop-utility-cluster .shada-header-logo--en { display: none !important; } html[lang^="fa"] .container-topbar .shada-fa-desktop-utility-links { display: flex !important; order: -100 !important; align-items: center !important; flex: 0 0 auto !important; direction: rtl !important; height: 50px !important; margin: 0 auto 0 0 !important; padding: 0 !important; gap: 0.15rem !important; } html[lang^="fa"] .container-topbar .shada-fa-desktop-utility-links .shada-desktop-utility-link { display: inline-flex !important; align-items: center !important; height: 50px !important; margin: 0 !important; padding: 0 0.62rem !important; color: #41494a !important; background: transparent !important; font-family: inherit !important; font-size: 1rem !important; font-weight: 600 !important; line-height: 1.25 !important; text-decoration: none !important; white-space: nowrap !important; } html[lang^="fa"] .container-topbar .shada-fa-desktop-utility-links .shada-desktop-utility-link:hover, html[lang^="fa"] .container-topbar .shada-fa-desktop-utility-links .shada-desktop-utility-link:focus-visible { color: #0e7779 !important; background: rgba(14, 119, 121, 0.06) !important; text-decoration: none !important; } html[lang^="fa"] .container-topbar .shada-phone-button, html[lang^="fa"] .container-topbar .shada-language-switcher, html[lang^="fa"] .container-topbar .mod-languages, html[lang^="fa"] .container-topbar .shada-fa-desktop-book-consultation { flex: 0 0 auto !important; white-space: nowrap !important; } html[lang^="fa"] .container-topbar .shada-fa-desktop-book-consultation { display: inline-flex !important; order: 100 !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; margin: 0 !important; padding: 0.62rem 1rem !important; border: 1px solid #0e7779 !important; border-radius: 7px !important; color: #ffffff !important; background: #0e7779 !important; font-family: inherit !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.15 !important; text-decoration: none !important; } html[lang^="fa"] .container-topbar .shada-fa-desktop-book-consultation:hover, html[lang^="fa"] .container-topbar .shada-fa-desktop-book-consultation:focus-visible { border-color: #09666b !important; color: #ffffff !important; background: #09666b !important; text-decoration: none !important; } html[lang^="fa"] .container-header .container-nav { display: flex !important; align-items: center !important; height: 82px !important; min-height: 82px !important; border-bottom: 1px solid #dce8e8 !important; } html[lang^="fa"] .container-header .shada-desktop-menu-shell.shada-fa-mega-ready { display: grid !important; position: relative !important; grid-template-columns: minmax(250px, 310px) 52px minmax(0, 1fr) !important; grid-template-rows: 82px !important; column-gap: clamp(0.55rem, 1vw, 1.1rem) !important; align-items: stretch !important; direction: ltr !important; width: min(1560px, calc(100% - 3rem)) !important; max-width: 1560px !important; height: 82px !important; min-height: 82px !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; color: #21484a !important; background: transparent !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-desktop-brand-slot { display: flex !important; grid-column: 1 !important; grid-row: 1 !important; align-items: center !important; justify-content: flex-start !important; align-self: stretch !important; direction: ltr !important; min-width: 0 !important; height: 82px !important; margin: 0 !important; padding: 0 !important; gap: 0.65rem !important; overflow: visible !important; color: #0f7b80 !important; background: transparent !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-desktop-brand-slot:hover, html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-desktop-brand-slot:focus-visible { color: #09666b !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__icon { display: block !important; flex: 0 0 auto !important; width: auto !important; height: 50px !important; max-width: 66px !important; object-fit: contain !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__text { display: block !important; flex: 0 1 auto !important; direction: rtl !important; color: currentColor !important; font-family: inherit !important; font-size: clamp(1rem, 1.12vw, 1.18rem) !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: right !important; white-space: nowrap !important; } html[lang^="fa"] .shada-fa-mega-ready > #shada-menu-search-item.shada-menu-search-slot, html[lang^="fa"] .shada-fa-mega-ready > .shada-menu-search-slot { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; align-self: stretch !important; width: 52px !important; height: 82px !important; margin: 0 !important; padding: 0 !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-primary-nav { display: flex !important; grid-column: 3 !important; grid-row: 1 !important; align-items: stretch !important; justify-content: flex-start !important; align-self: stretch !important; direction: rtl !important; min-width: 0 !important; height: 82px !important; margin: 0 !important; padding: 0 !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-list { display: flex !important; align-items: stretch !important; justify-content: flex-start !important; flex-direction: row !important; flex-wrap: nowrap !important; direction: rtl !important; width: 100% !important; height: 82px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-item { display: flex !important; align-items: stretch !important; flex: 0 0 auto !important; height: 82px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-item::marker { content: "" !important; font-size: 0 !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-trigger, html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; direction: rtl !important; min-width: 0 !important; height: 82px !important; margin: 0 !important; padding: 0 clamp(0.42rem, 0.72vw, 0.78rem) !important; border: 0 !important; border-radius: 0 !important; outline-offset: -3px !important; color: #21484a !important; background: transparent !important; box-shadow: none !important; font-family: inherit !important; font-size: clamp(0.92rem, 1.08vw, 1.15rem) !important; font-weight: 750 !important; line-height: 1.3 !important; text-align: right !important; text-decoration: none !important; white-space: nowrap !important; appearance: none !important; cursor: pointer !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-trigger:hover, html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-trigger:focus-visible, html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-trigger[aria-expanded="true"], html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-item.is-current > .shada-desktop-primary-trigger, html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-link:hover, html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-link:focus-visible, html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-link[aria-current="page"] { color: #0e7779 !important; background: #edf7f7 !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-trigger[aria-expanded="true"] { box-shadow: inset 0 -3px 0 #0e7779 !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-caret { display: inline-block !important; margin: 0 0.34rem 0 0 !important; color: currentColor !important; font-size: 0.78em !important; font-weight: 800 !important; line-height: 1 !important; transition: transform 160ms ease !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-trigger[aria-expanded="true"] .shada-desktop-primary-caret { transform: rotate(180deg) !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-mega-panels { position: absolute !important; top: 82px !important; right: auto !important; left: 50% !important; grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100vw !important; max-width: 100vw !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%) !important; z-index: 1200 !important; overflow: visible !important; direction: rtl !important; pointer-events: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-panel { position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: clamp(1.55rem, 2.4vw, 2.35rem) 0 clamp(1.8rem, 2.7vw, 2.6rem) !important; transform: none !important; border: 0 !important; border-top: 1px solid #dce8e8 !important; border-bottom: 1px solid #d4e2e2 !important; color: #234447 !important; background: #ffffff !important; background-image: none !important; box-shadow: 0 18px 38px rgba(23, 62, 65, 0.16) !important; direction: rtl !important; text-align: right !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-panel[hidden] { display: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-panel:not([hidden]) { display: block !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-panel__inner { display: grid !important; grid-template-columns: minmax(245px, 1.15fr) repeat(3, minmax(175px, 1fr)) !important; align-items: start !important; direction: rtl !important; width: min(1560px, calc(100% - 3rem)) !important; max-width: 1560px !important; margin: 0 auto !important; padding: 0 !important; gap: clamp(1.35rem, 2.8vw, 3rem) !important; color: #234447 !important; background: #ffffff !important; text-align: right !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-panel[data-shada-fa-small="1"] .shada-mega-panel__inner { grid-template-columns: minmax(270px, 1fr) minmax(280px, 1.2fr) !important; width: min(880px, calc(100% - 3rem)) !important; margin-right: auto !important; margin-left: auto !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-intro { direction: rtl !important; min-width: 0 !important; margin: 0 !important; padding: 0 0 0 clamp(1.2rem, 2vw, 2rem) !important; border-left: 1px solid #e1ebeb !important; color: #234447 !important; background: #ffffff !important; text-align: right !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-eyebrow { margin: 0 0 0.42rem !important; padding: 0 !important; color: #0e7779 !important; background: transparent !important; font-family: inherit !important; font-size: 0.86rem !important; font-weight: 800 !important; line-height: 1.4 !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-title { margin: 0 0 0.72rem !important; padding: 0 !important; color: #173f42 !important; background: transparent !important; font-family: inherit !important; font-size: clamp(1.3rem, 1.65vw, 1.62rem) !important; font-weight: 800 !important; line-height: 1.45 !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-description { margin: 0 0 1.05rem !important; padding: 0 !important; color: #586d6f !important; background: transparent !important; font-family: inherit !important; font-size: 0.98rem !important; font-weight: 400 !important; line-height: 1.9 !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-view-all { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0.42rem 0 !important; color: #0e7779 !important; background: transparent !important; font-family: inherit !important; font-size: 0.98rem !important; font-weight: 750 !important; line-height: 1.4 !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-view-all::after { content: "←" !important; margin: 0 0.42rem 0 0 !important; color: currentColor !important; font-size: 1em !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-view-all:hover, html[lang^="fa"] .shada-fa-mega-panels .shada-mega-view-all:focus-visible { color: #09666b !important; text-decoration: underline !important; text-underline-offset: 0.2em !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-group { direction: rtl !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #234447 !important; background: #ffffff !important; text-align: right !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-group-title { margin: 0 0 0.72rem !important; padding: 0 0 0.58rem !important; border: 0 !important; border-bottom: 1px solid #dce8e8 !important; color: #314f51 !important; background: transparent !important; font-family: inherit !important; font-size: 1.04rem !important; font-weight: 800 !important; line-height: 1.5 !important; text-decoration: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-links { display: grid !important; direction: rtl !important; margin: 0 !important; padding: 0 !important; gap: 0.18rem !important; list-style: none !important; color: #28575a !important; background: transparent !important; text-align: right !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-links > li { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; color: inherit !important; background: transparent !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-links > li::marker { content: "" !important; font-size: 0 !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-links a { display: block !important; position: relative !important; direction: rtl !important; margin: 0 !important; padding: 0.5rem 1.02rem 0.5rem 0.42rem !important; border: 0 !important; border-radius: 6px !important; color: #28575a !important; background: transparent !important; font-family: inherit !important; font-size: 0.98rem !important; font-weight: 600 !important; line-height: 1.65 !important; text-align: right !important; text-decoration: none !important; box-shadow: none !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-links a::before { content: "" !important; position: absolute !important; top: 1.12rem !important; right: 0.24rem !important; left: auto !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #0e8b8e !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-links a:hover, html[lang^="fa"] .shada-fa-mega-panels .shada-mega-links a:focus-visible { color: #09666b !important; background: #edf7f7 !important; text-decoration: none !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { html[lang^="fa"] .container-header .container-topbar.shada-fa-utility-ready, html[lang^="fa"] .container-header .shada-desktop-menu-shell.shada-fa-mega-ready, html[lang^="fa"] .shada-fa-mega-panels .shada-mega-panel__inner { width: calc(100% - 1.5rem) !important; } html[lang^="fa"] .container-header .shada-desktop-menu-shell.shada-fa-mega-ready { grid-template-columns: minmax(205px, 235px) 44px minmax(0, 1fr) !important; column-gap: 0.35rem !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__icon { height: 43px !important; } html[lang^="fa"] .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__text { font-size: 0.96rem !important; } html[lang^="fa"] .shada-fa-mega-ready > #shada-menu-search-item.shada-menu-search-slot, html[lang^="fa"] .shada-fa-mega-ready > .shada-menu-search-slot { width: 44px !important; } html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-trigger, html[lang^="fa"] .shada-fa-primary-nav .shada-desktop-primary-link { padding-right: 0.38rem !important; padding-left: 0.38rem !important; font-size: 0.86rem !important; } html[lang^="fa"] .shada-fa-mega-panels .shada-mega-panel__inner { grid-template-columns: minmax(210px, 1.05fr) repeat(3, minmax(145px, 1fr)) !important; gap: 1.15rem !important; } } @media (max-width: 991.98px) { html[lang^="fa"] .container-topbar #shada-fa-desktop-utility-cluster, html[lang^="fa"] .shada-fa-desktop-brand-slot, html[lang^="fa"] .shada-fa-primary-nav, html[lang^="fa"] .shada-fa-mega-panels { display: none !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar.shada-fa-utility-ready { display: flex !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; direction: ltr !important; border: 0 !important; background: #ffffff !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster { position: relative !important; box-sizing: border-box !important; flex: 0 0 auto !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; direction: rtl !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 0 0 auto !important; padding: 0 max(1rem, calc((100vw - 1320px) / 2)) 0 0.35rem !important; gap: 0.04rem !important; overflow: visible !important; border: 0 !important; color: #41494a !important; background: #f0f7f7 !important; box-shadow: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 0 !important; bottom: 0 !important; left: -38px !important; width: 38px !important; height: 50px !important; pointer-events: none !important; border-top: 50px solid #f0f7f7 !important; border-left: 38px solid transparent !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > * { position: relative !important; z-index: 1 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-site-header, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-site-header-inner, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-header-actions { display: contents !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-header-logo--fa, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-header-logo--en { display: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > .shada-fa-desktop-utility-links { order: 40 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 0 0 auto !important; direction: ltr !important; width: auto !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > .shada-fa-desktop-utility-links > .shada-desktop-utility-link { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; direction: rtl !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 0.62rem !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-family: inherit !important; font-size: 0.88rem !important; font-weight: 650 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > .shada-fa-desktop-utility-links > .shada-desktop-utility-link:hover, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > .shada-fa-desktop-utility-links > .shada-desktop-utility-link:focus-visible { color: #0b7476 !important; background: transparent !important; text-decoration: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 { order: 30 !important; position: relative !important; inset: auto !important; display: flex !important; align-items: center !important; flex: 0 0 auto !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 0.06rem !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__toggle { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; direction: rtl !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 0.58rem !important; gap: 0.42rem !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-family: inherit !important; font-size: 0.94rem !important; font-weight: 650 !important; line-height: 1.2 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__current, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__label, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 .shada-language-selector__item span { color: #41494a !important; font-family: inherit !important; font-size: 0.94rem !important; font-weight: 650 !important; line-height: 1.2 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 img { display: block !important; box-sizing: border-box !important; flex: 0 0 27px !important; width: 27px !important; min-width: 27px !important; max-width: 27px !important; height: 17px !important; min-height: 17px !important; max-height: 17px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; object-fit: cover !important; box-shadow: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__menu { position: absolute !important; z-index: 10000 !important; top: 50px !important; right: 0 !important; bottom: auto !important; left: auto !important; box-sizing: border-box !important; width: 118px !important; min-width: 118px !important; max-width: 118px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0.08rem 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: #f0f7f7 !important; box-shadow: none !important; transform: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > #shada-language-selector-138 > .shada-language-selector__menu[hidden] { display: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-phone-button { order: 20 !important; position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; box-sizing: border-box !important; direction: ltr !important; unicode-bidi: isolate !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 0.7rem !important; gap: 0.42rem !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-family: inherit !important; font-size: 0.96rem !important; font-weight: 690 !important; line-height: 1.2 !important; text-decoration: none !important; white-space: nowrap !important; transform: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-phone-button *, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-phone-icon, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-phone-number { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-phone-button:hover, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster #mod-custom121 .shada-phone-button:focus-visible { color: #0b7476 !important; background: transparent !important; text-decoration: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > .shada-fa-desktop-book-consultation { order: 10 !important; position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; direction: rtl !important; box-sizing: border-box !important; width: auto !important; min-width: 180px !important; max-width: none !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin: 0 0 0 0.28rem !important; padding: 0 1.05rem !important; overflow: hidden !important; border: 1px solid #0e7779 !important; border-radius: 6px !important; color: #ffffff !important; background: #0e7779 !important; box-shadow: 0 3px 10px rgba(14, 119, 121, 0.14) !important; font-family: inherit !important; font-size: 1.08rem !important; font-weight: 760 !important; line-height: 1.05 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > .shada-fa-desktop-book-consultation:hover, html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > #shada-fa-desktop-utility-cluster > .shada-fa-desktop-book-consultation:focus-visible { border-color: #0a686a !important; color: #ffffff !important; background: #0a686a !important; box-shadow: 0 4px 12px rgba(14, 119, 121, 0.18) !important; text-decoration: none !important; } html[lang^="fa"] body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"], html[lang^="fa"] body > .shada-language-selector__menu--portal { box-sizing: border-box !important; width: 118px !important; min-width: 118px !important; max-width: 118px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0.08rem 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: #f0f7f7 !important; box-shadow: none !important; } html[lang^="fa"] body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__item, html[lang^="fa"] body > .shada-language-selector__menu--portal .shada-language-selector__item { display: flex !important; align-items: center !important; justify-content: flex-start !important; direction: rtl !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 0.48rem !important; gap: 0.38rem !important; border: 0 !important; border-radius: 0 !important; color: #41494a !important; background: transparent !important; box-shadow: none !important; font-family: inherit !important; font-size: 0.84rem !important; font-weight: 570 !important; line-height: 1.2 !important; text-decoration: none !important; } html[lang^="fa"] body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__item:hover, html[lang^="fa"] body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__item:focus-visible, html[lang^="fa"] body > .shada-language-selector__menu--portal .shada-language-selector__item:hover, html[lang^="fa"] body > .shada-language-selector__menu--portal .shada-language-selector__item:focus-visible { color: #0b7476 !important; background: #eef6f6 !important; } html[lang^="fa"] body > #shada-language-selector-138-menu[data-shada-desktop-portal="1"] .shada-language-selector__check, html[lang^="fa"] body > .shada-language-selector__menu--portal .shada-language-selector__check { display: none !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav { border-top: 0 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-desktop-menu-shell.shada-fa-mega-ready { --shada-fa-main-start-shift: calc( 90px + max(1rem, calc((100vw - 1320px) / 2)) - max(2.5rem, calc((100vw - 1560px) / 2)) ); grid-template-columns: clamp(310px, 26vw, 350px) 52px minmax(0, 1fr) !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot { align-items: center !important; justify-content: flex-end !important; gap: 0.845rem !important; transform: translateY(-6px) !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__icon { width: auto !important; height: 65px !important; max-width: 85.8px !important; object-fit: contain !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__text { font-size: clamp(1.3rem, 1.456vw, 1.534rem) !important; line-height: 1.25 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-desktop-primary-list { box-sizing: border-box !important; padding: 0 max(0px, var(--shada-fa-main-start-shift)) 0 0 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > #shada-menu-search-item.shada-menu-search-slot, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; align-self: stretch !important; box-sizing: border-box !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 82px !important; min-height: 82px !important; max-height: 82px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot > #shada-search-toggle, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot > .shada-search-toggle { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 1px solid #9fc8c4 !important; border-radius: 10px !important; color: #0b6668 !important; background: #eef7f6 !important; box-shadow: 0 2px 8px rgba(14, 119, 121, 0.08) !important; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; transform: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot > #shada-search-toggle:hover, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot > #shada-search-toggle:focus-visible, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot > .shada-search-toggle:hover, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot > .shada-search-toggle:focus-visible { border-color: #76aaa6 !important; color: #07585a !important; background: #e2f1f0 !important; box-shadow: 0 3px 10px rgba(14, 119, 121, 0.13) !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-menu-search-slot #shada-search-icon { display: block !important; box-sizing: border-box !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0.92 !important; visibility: visible !important; filter: none !important; object-fit: contain !important; transform: none !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav { border-bottom: 0 !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot { transform: translateY(-12px) !important; } } @media (min-width: 1200px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item { display: flex !important; align-items: center !important; align-self: stretch !important; flex: 0 0 auto !important; height: 82px !important; margin: 0 0 0 0 !important; margin-inline-start: 0.75rem !important; padding: 0 !important; list-style: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > #shada-menu-search-item.shada-menu-search-slot, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot { display: flex !important; position: relative !important; inset: auto !important; align-items: center !important; justify-content: center !important; align-self: stretch !important; box-sizing: border-box !important; flex: 0 0 52px !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 82px !important; min-height: 82px !important; max-height: 82px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > #shada-search-toggle, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > .shada-search-toggle { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 1px solid #9fc8c4 !important; border-radius: 10px !important; color: #0b6668 !important; background: #eef7f6 !important; box-shadow: 0 2px 8px rgba(14, 119, 121, 0.08) !important; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; transform: none !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > #shada-search-toggle:hover, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > #shada-search-toggle:focus-visible, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > .shada-search-toggle:hover, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > .shada-search-toggle:focus-visible { border-color: #76aaa6 !important; color: #07585a !important; background: #e2f1f0 !important; box-shadow: 0 3px 10px rgba(14, 119, 121, 0.13) !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item .shada-menu-search-slot #shada-search-icon { display: block !important; box-sizing: border-box !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0.92 !important; visibility: visible !important; filter: none !important; object-fit: contain !important; transform: none !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar.shada-fa-utility-ready::before { top: 120px !important; bottom: auto !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot { transform: translateY(-20px) !important; } } @media (min-width: 1200px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > #shada-search-toggle, html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item > .shada-menu-search-slot > .shada-search-toggle { align-self: center !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar.shada-fa-utility-ready { background: transparent !important; } } @media (min-width: 1200px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-primary-nav .shada-fa-primary-search-item { margin-inline-start: 1rem !important; } } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > .shada-fa-mobile-logo-v2-7 { display: none !important; } @media (max-width: 991.98px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar > .shada-fa-mobile-logo-v2-7 { display: flex !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-topbar::before { content: none !important; display: none !important; border: 0 !important; box-shadow: none !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot { transform: translate(8px, -20px) !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__icon { height: 74.75px !important; } html[lang^="fa"] body.site header.header.container-header.full-width > .container-nav > .shada-fa-mega-ready > .shada-fa-desktop-brand-slot .shada-header-logo-fa__text { font-size: clamp(1.495rem, 1.6744vw, 1.7641rem) !important; } } html[lang^="fa"] .shada-fa-occupation-page { width: min(1180px, calc(100% - 2rem)); margin: 2rem auto 4rem; direction: rtl; color: #14242a; } html[lang^="fa"] .shada-fa-occupation-hero { padding: clamp(1.5rem, 3vw, 2.75rem); border: 1px solid rgba(15, 109, 115, 0.18); border-inline-start: 6px solid #0f7e83; border-radius: 18px; background: linear-gradient(135deg, #f4fbfb 0%, #ffffff 72%); box-shadow: 0 14px 36px rgba(16, 66, 70, 0.08); } html[lang^="fa"] .shada-fa-occupation-kicker { margin: 0 0 0.65rem; color: #0f7e83; font-size: 0.92rem; font-weight: 800; } html[lang^="fa"] .shada-fa-occupation-page h1 { margin: 0 0 1rem; color: #14242a; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.35; } html[lang^="fa"] .shada-fa-occupation-lead { max-width: 900px; margin: 0; color: #33464c; font-size: clamp(1rem, 1.8vw, 1.16rem); line-height: 2; } html[lang^="fa"] .shada-fa-occupation-directory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0 0; } html[lang^="fa"] .shada-fa-occupation-card { display: flex; min-height: 235px; flex-direction: column; padding: 1.35rem; border: 1px solid rgba(15, 109, 115, 0.18); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(16, 66, 70, 0.06); } html[lang^="fa"] .shada-fa-occupation-card__label { margin: 0 0 0.55rem; color: #0f7e83; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.02em; } html[lang^="fa"] .shada-fa-occupation-card h2 { margin: 0 0 0.7rem; color: #153e43; font-size: 1.28rem; line-height: 1.65; } html[lang^="fa"] .shada-fa-occupation-card p { margin: 0 0 1rem; color: #475b60; line-height: 1.85; } html[lang^="fa"] .shada-fa-occupation-card__action, html[lang^="fa"] .shada-fa-occupation-action { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: auto; padding: 0.65rem 1rem; border: 1px solid #0f7e83; border-radius: 9px; background: #0f7e83; color: #fff !important; font-weight: 800; text-decoration: none !important; transition: background-color 0.18s ease, transform 0.18s ease; } html[lang^="fa"] .shada-fa-occupation-card__action:hover, html[lang^="fa"] .shada-fa-occupation-action:hover { background: #0b666b; transform: translateY(-1px); } html[lang^="fa"] .shada-fa-occupation-note { margin: 1.25rem 0 0; padding: 0.85rem 1rem; border-radius: 10px; background: #eef8f8; color: #36555a; font-size: 0.92rem; line-height: 1.8; } html[lang^="fa"] .shada-fa-occupation-widget { margin: 1.5rem 0 0; padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid rgba(15, 109, 115, 0.22); border-inline-start: 5px solid #0f7e83; border-radius: 14px; background: #f6fbfb; } html[lang^="fa"] .shada-fa-occupation-widget__label { display: block; margin: 0 0 0.55rem; color: #173f44; font-weight: 800; } html[lang^="fa"] .shada-fa-occupation-widget__row { display: flex; align-items: center; gap: 0.6rem; } html[lang^="fa"] .shada-fa-occupation-widget__input { min-width: 0; flex: 1 1 auto; min-height: 48px; padding: 0.7rem 0.85rem; border: 1px solid rgba(15, 109, 115, 0.28); border-radius: 9px; background: #fff; text-align: right; } html[lang^="fa"] .shada-fa-occupation-widget__clear { min-height: 48px; padding: 0.65rem 1rem; border: 1px solid #63777b; border-radius: 9px; background: #fff; color: #29484d; font-weight: 700; } html[lang^="fa"] .shada-fa-occupation-widget__status { margin: 0.8rem 0 0; color: #53686d; font-size: 0.92rem; } html[lang^="fa"] .shada-fa-occupation-widget__status.is-error { color: #9b2e20; } html[lang^="fa"] .shada-fa-occupation-widget__results { display: grid; gap: 0.85rem; margin: 1rem 0 0; padding: 0; list-style: none; } html[lang^="fa"] .shada-fa-occupation-result { display: flex; align-items: flex-start; gap: 1rem; padding: 0.9rem; border: 1px solid rgba(15, 109, 115, 0.14); border-radius: 12px; background: #fff; box-shadow: 0 1px 0 rgba(15, 109, 115, 0.05); } html[lang^="fa"] .shada-fa-occupation-result__thumb { display: flex; width: 104px; height: 104px; flex: 0 0 104px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid rgba(15, 109, 115, 0.18); border-radius: 11px; background: #eef7f7; color: #0f7e83; font-size: 1.5rem; font-weight: 800; text-decoration: none; } html[lang^="fa"] .shada-fa-occupation-result__thumb img { width: 100%; height: 100%; object-fit: cover; } html[lang^="fa"] .shada-fa-occupation-result__content { min-width: 0; flex: 1 1 auto; direction: ltr; text-align: left; } html[lang^="fa"] .shada-fa-occupation-result__title { color: #0f6970 !important; font-size: 1.08rem; font-weight: 800; line-height: 1.35; text-decoration: none !important; } html[lang^="fa"] .shada-fa-occupation-result__title:hover { text-decoration: underline !important; } html[lang^="fa"] .shada-fa-occupation-result__meta { display: block; margin-top: 0.25rem; color: #62767a; font-size: 0.84rem; font-weight: 700; } html[lang^="fa"] .shada-fa-occupation-result__excerpt { display: block; margin: 0.4rem 0 0; color: #3b4d52; font-size: 0.94rem; line-height: 1.55; } html[lang^="fa"] .shada-fa-occupation-result__badges { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.55rem 0 0; } html[lang^="fa"] .shada-fa-occupation-result__badge { padding: 0.18rem 0.55rem; border: 1px solid rgba(15, 109, 115, 0.2); border-radius: 999px; background: #eef7f7; color: #0f5960; font-size: 0.78rem; } html[lang^="fa"] .shada-fa-occupation-result__action { display: inline-flex; margin-top: 0.7rem; padding: 0.42rem 0.8rem; border-radius: 7px; background: #0f7e83; color: #fff !important; font-size: 0.86rem; font-weight: 800; text-decoration: none !important; } html[lang^="fa"] .shada-fa-occupation-widget__pager { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin: 1rem 0 0; padding: 0.8rem 0.9rem; border: 1px solid rgba(15, 109, 115, 0.14); border-radius: 10px; background: #fff; } html[lang^="fa"] .shada-fa-occupation-widget__pager[hidden] { display: none !important; } html[lang^="fa"] .shada-fa-occupation-widget__pager button { min-height: 38px; padding: 0.4rem 0.8rem; border: 1px solid #0f7e83; border-radius: 8px; background: #fff; color: #0f6970; font-weight: 800; } html[lang^="fa"] .shada-fa-occupation-widget__pager button:disabled { opacity: 0.45; } html[lang^="fa"] .shada-fa-dama-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; } @media (max-width: 900px) { html[lang^="fa"] .shada-fa-occupation-directory, html[lang^="fa"] .shada-fa-dama-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { html[lang^="fa"] .shada-fa-occupation-page { width: min(100% - 1rem, 1180px); margin-top: 1rem; } html[lang^="fa"] .shada-fa-occupation-directory, html[lang^="fa"] .shada-fa-dama-actions { grid-template-columns: 1fr; } html[lang^="fa"] .shada-fa-occupation-card { min-height: 0; } html[lang^="fa"] .shada-fa-occupation-widget__row, html[lang^="fa"] .shada-fa-occupation-widget__pager { align-items: stretch; flex-direction: column; } html[lang^="fa"] .shada-fa-occupation-widget__clear, html[lang^="fa"] .shada-fa-occupation-widget__pager button { width: 100%; } html[lang^="fa"] .shada-fa-occupation-result { gap: 0.7rem; } html[lang^="fa"] .shada-fa-occupation-result__thumb { width: 74px; height: 74px; flex-basis: 74px; } } .shada-service-page[dir="rtl"] { direction: rtl; text-align: right; } .shada-service-page[dir="rtl"] .shada-card--text { text-align: right; border-left-width: 1px !important; border-right-width: 6px !important; border-right-color: var(--shada-teal, #137f86) !important; } .shada-service-page[dir="rtl"] .shada-card--text::before, .shada-service-page[dir="rtl"] .shada-card--text::after { left: auto; right: 0; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary { direction: rtl; text-align: right; display: flex; align-items: center; justify-content: flex-start; width: 100%; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary::before, .shada-service-page[dir="rtl"] .shada-faq-list details > summary::after { order: 99; margin-left: 0 !important; margin-right: auto !important; flex: 0 0 auto; } .shada-service-page[dir="rtl"] .shada-button-row, .shada-service-page[dir="rtl"] .shada-cta-panel__buttons { direction: rtl; justify-content: flex-end !important; } .shada-service-page[dir="rtl"] .shada-service-related-card { text-align: right; } .shada-service-page[dir="rtl"] .shada-service-related-card .shada-card__button { display: block; width: fit-content; margin-left: 0 !important; margin-right: auto !important; text-align: center; } .shada-service-page[dir="rtl"] { direction: rtl !important; text-align: right !important; } .shada-service-page[dir="rtl"] .shada-section { border-left: 0 !important; border-right: 6px solid var(--shada-teal, #0f8387) !important; border-radius: 16px 0 0 16px !important; text-align: right !important; } .shada-service-page[dir="rtl"] .shada-section:not(.shada-section--soft) { } .shada-service-page[dir="rtl"] .shada-card--text { border-left: 1px solid #dbe8e8 !important; border-right: 6px solid var(--shada-teal, #0f8387) !important; border-radius: 14px 0 0 14px !important; text-align: right !important; } .shada-service-page[dir="rtl"] .shada-section::before, .shada-service-page[dir="rtl"] .shada-section::after, .shada-service-page[dir="rtl"] .shada-card--text::before, .shada-service-page[dir="rtl"] .shada-card--text::after { left: auto !important; right: 0 !important; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary { position: relative !important; display: block !important; direction: rtl !important; text-align: right !important; padding-right: 28px !important; padding-left: 92px !important; width: 100% !important; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary::-webkit-details-marker { display: none !important; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary::marker { content: "" !important; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary::after { position: absolute !important; left: 22px !important; right: auto !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary::before { left: 22px !important; right: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .shada-service-page[dir="rtl"] .shada-button-row, .shada-service-page[dir="rtl"] .shada-cta-panel__buttons { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; direction: rtl !important; } .shada-service-page[dir="rtl"] .shada-service-related-card { text-align: right !important; } .shada-service-page[dir="rtl"] .shada-service-related-card .shada-card__button { display: block !important; width: fit-content !important; margin-left: 0 !important; margin-right: auto !important; text-align: center !important; } @media (max-width: 767.98px) { .shada-service-page[dir="rtl"] .shada-faq-list details > summary { padding-right: 22px !important; padding-left: 78px !important; } .shada-service-page[dir="rtl"] .shada-faq-list details > summary::after, .shada-service-page[dir="rtl"] .shada-faq-list details > summary::before { left: 16px !important; right: auto !important; } } .shada-service-page[dir="rtl"] .shada-cta-panel h2 { font-weight: 800 !important; } .shada-service-page[dir="rtl"] .shada-cta-panel__buttons { justify-content: center !important; text-align: center !important; } .shada-persian-services-gateway[dir="rtl"] { direction: rtl !important; text-align: right !important; } .shada-persian-services-gateway[dir="rtl"] .shada-card--text { text-align: right !important; border-left: 1px solid #dbe8e8 !important; border-right: 6px solid var(--shada-teal, #0f8387) !important; border-radius: 14px 0 0 14px !important; } .shada-persian-services-gateway[dir="rtl"] .shada-faq-list details > summary { position: relative !important; display: block !important; direction: rtl !important; text-align: right !important; padding-right: 28px !important; padding-left: 92px !important; width: 100% !important; } .shada-persian-services-gateway[dir="rtl"] .shada-faq-list details > summary::-webkit-details-marker { display: none !important; } .shada-persian-services-gateway[dir="rtl"] .shada-faq-list details > summary::marker { content: "" !important; } .shada-persian-services-gateway[dir="rtl"] .shada-faq-list details > summary::after { position: absolute !important; left: 22px !important; right: auto !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; } .shada-persian-services-gateway[dir="rtl"] .shada-card__button { display: block !important; width: fit-content !important; margin-left: 0 !important; margin-right: auto !important; text-align: center !important; } .shada-persian-services-gateway[dir="rtl"] .shada-cta-panel h2 { font-weight: 800 !important; } .shada-persian-services-gateway[dir="rtl"] .shada-cta-panel__buttons { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; text-align: center !important; } @media (max-width: 767.98px) { .shada-persian-services-gateway[dir="rtl"] .shada-faq-list details > summary { padding-right: 22px !important; padding-left: 78px !important; } .shada-persian-services-gateway[dir="rtl"] .shada-faq-list details > summary::after { left: 16px !important; right: auto !important; } } html[lang^="fa"] .shada-fa-occupation-widget__results { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: stretch; } html[lang^="fa"] .shada-fa-occupation-widget__results > li { min-width: 0; height: 100%; } html[lang^="fa"] .shada-fa-occupation-result { display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; height: 100%; padding: 0.9rem; } html[lang^="fa"] .shada-fa-occupation-result__thumb { display: flex; width: 100%; height: auto; aspect-ratio: 16 / 10; flex: none; align-items: center; justify-content: center; overflow: hidden; border-radius: 12px; } html[lang^="fa"] .shada-fa-occupation-result__thumb img { width: 100%; height: 100%; object-fit: cover; } html[lang^="fa"] .shada-fa-occupation-result__content { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; } html[lang^="fa"] .shada-fa-occupation-result__action { display: flex; width: 100%; justify-content: center; margin-top: auto; } @media (max-width: 980px) { html[lang^="fa"] .shada-fa-occupation-widget__results { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { html[lang^="fa"] .shada-fa-occupation-widget__results { grid-template-columns: 1fr; } } html[lang^="fa"] .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__content { direction: rtl; text-align: right; } html[lang^="fa"] .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__title { display: block; direction: rtl; text-align: right; line-height: 1.55; } html[lang^="fa"] .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__meta { display: block; direction: ltr; unicode-bidi: isolate; text-align: right; } html[lang^="fa"] .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__excerpt { direction: rtl; text-align: right; line-height: 1.85; } html[lang^="fa"] .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__badges { direction: rtl; justify-content: flex-start; margin-bottom: 0.8rem; } html[lang^="fa"] .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__badge { direction: rtl; unicode-bidi: plaintext; } html[lang^="fa"] .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__action { direction: rtl; text-align: center; } .shada-fa-occupation-result.is-accountant-fa-content-pilot, .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__content, .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__title, .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__excerpt, .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__badges { direction: rtl !important; text-align: right !important; } .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__content { align-items: stretch !important; } .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__title { display: block !important; width: 100% !important; } .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__meta { display: block !important; width: 100% !important; direction: ltr !important; unicode-bidi: isolate !important; text-align: right !important; } .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__excerpt { display: block !important; width: 100% !important; line-height: 1.9 !important; } .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__badges { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 0.5rem !important; width: 100% !important; margin-top: 0.75rem !important; margin-bottom: 0 !important; } .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__badge { direction: rtl !important; unicode-bidi: plaintext !important; text-align: right !important; } .shada-fa-occupation-result.is-accountant-fa-content-pilot .shada-fa-occupation-result__action { margin-top: 1rem !important; direction: rtl !important; text-align: center !important; } html[lang^="fa"] .shada-fa-occupation-result, html[lang^="fa"] .shada-fa-occupation-result__content, html[lang^="fa"] .shada-fa-occupation-result__title, html[lang^="fa"] .shada-fa-occupation-result__excerpt, html[lang^="fa"] .shada-fa-occupation-result__badges { direction: rtl !important; text-align: right !important; } html[lang^="fa"] .shada-fa-occupation-result__content { align-items: stretch !important; } html[lang^="fa"] .shada-fa-occupation-result__title { display: block !important; width: 100% !important; line-height: 1.55 !important; } html[lang^="fa"] .shada-fa-occupation-result__meta { display: block !important; width: 100% !important; direction: ltr !important; unicode-bidi: isolate !important; text-align: right !important; } html[lang^="fa"] .shada-fa-occupation-result__excerpt { display: block !important; width: 100% !important; line-height: 1.9 !important; } html[lang^="fa"] .shada-fa-occupation-result__badges { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 0.5rem !important; width: 100% !important; margin-top: 0.75rem !important; margin-bottom: 1rem !important; } html[lang^="fa"] .shada-fa-occupation-result__badge { direction: rtl !important; unicode-bidi: plaintext !important; text-align: right !important; } html[lang^="fa"] .shada-fa-occupation-result__action { margin-top: auto !important; direction: rtl !important; text-align: center !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry { direction: ltr !important; text-align: left !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry > h1, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry > .lead { direction: ltr !important; text-align: left !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry > form { direction: ltr !important; text-align: left !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry > form .row { direction: ltr !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry .form-label { direction: ltr !important; text-align: left !important; width: 100% !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry .form-control, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry .form-select, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry option { direction: ltr !important; text-align: left !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry .text-end { direction: ltr !important; text-align: right !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry > .row { direction: ltr !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card .card-body { direction: ltr !important; text-align: left !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card .d-flex { direction: ltr !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card h2, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card h3, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card p, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card div, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card span, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card strong { direction: ltr !important; text-align: left !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry article.card .badge { direction: ltr !important; unicode-bidi: plaintext !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry .pagination__wrapper, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry .pagination { direction: ltr !important; } html[lang^="fa"] body.com_dama.view-registry .com-dama-registry input, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry select, html[lang^="fa"] body.com_dama.view-registry .com-dama-registry .badge { unicode-bidi: plaintext !important; } html[lang^="fa"] .dama-regions-directory { font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif !important; } html[lang^="fa"] .dama-regions-directory a, html[lang^="fa"] .dama-regions-directory button { font-family: inherit !important; } html[lang^="fa"] .dama-regions-directory__grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; align-items: stretch !important; } html[lang^="fa"] .dama-regions-state-card { min-width: 0 !important; height: 100% !important; } @media (max-width: 991.98px) { html[lang^="fa"] .dama-regions-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { html[lang^="fa"] .dama-regions-directory__grid { grid-template-columns: 1fr !important; } } html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component, html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component a, html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component button { font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif !important; font-style: normal !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component { direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component h1 { font-size: clamp(2.05rem, 2.55vw, 2.8rem) !important; line-height: 1.3 !important; font-weight: 800 !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ul:has(> li.dama-location-occupation), html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ol:has(> li.dama-location-occupation) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1.15rem !important; align-items: stretch !important; list-style: none !important; padding: 0 !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state li.dama-location-occupation { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(15, 109, 115, .16) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(16, 66, 70, .06) !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state li.dama-location-occupation > a:first-child { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; background: #eef7f7 !important; color: #477076 !important; font-size: 2rem !important; font-weight: 800 !important; text-decoration: none !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state li.dama-location-occupation > a:first-child img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state li.dama-location-occupation > div:last-child { box-sizing: border-box !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; padding: 1rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state li.dama-location-occupation a:not(.dama-location-occupation__action) { line-height: 1.65 !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state li.dama-location-occupation [class*="code"], html[lang^="fa"] body.com_dama.view-occupations.layout-state li.dama-location-occupation [class*="anzsco"] { direction: ltr !important; unicode-bidi: isolate !important; text-align: right !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .dama-location-occupation__footer { margin-top: auto !important; padding-top: .9rem !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .dama-location-occupation__action { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; padding: .65rem 1rem !important; border-radius: 9px !important; background: #0f7e83 !important; color: #fff !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .dama-location-occupation__action:hover, html[lang^="fa"] body.com_dama.view-occupations.layout-state .dama-location-occupation__action:focus { background: #0b666b !important; color: #fff !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .dama-location-pagination, html[lang^="fa"] body.com_dama.view-occupations.layout-state .dama-location-pagination a, html[lang^="fa"] body.com_dama.view-occupations.layout-state .dama-location-results-summary { font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif !important; } @media (max-width: 767.98px) { html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ul:has(> li.dama-location-occupation), html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ol:has(> li.dama-location-occupation) { grid-template-columns: 1fr !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component h1 { font-size: clamp(1.9rem, 9vw, 2.3rem) !important; } } html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ul:has(> li.dama-directory__occupation-result), html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ol:has(> li.dama-directory__occupation-result) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ol:has(> li.dama-directory__occupation-result) > li.dama-directory__occupation-result, html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ul:has(> li.dama-directory__occupation-result) > li.dama-directory__occupation-result { min-width: 0 !important; height: 100% !important; margin: 0 !important; } @media (max-width: 1050px) { html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ul:has(> li.dama-directory__occupation-result), html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ol:has(> li.dama-directory__occupation-result) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 680px) { html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ul:has(> li.dama-directory__occupation-result), html[lang^="fa"] body.com_dama.view-occupations.layout-state .site-grid > .container-component ol:has(> li.dama-directory__occupation-result) { grid-template-columns: 1fr !important; } } .shada-fa-dama-gateway { --shada-dama-teal: #0f8f94; --shada-dama-teal-dark: #08747a; --shada-dama-ink: #17373a; --shada-dama-muted: #51666a; --shada-dama-border: #cfe2e4; --shada-dama-soft: #f2f9f9; max-width: 1180px; margin-inline: auto; font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif; color: var(--shada-dama-ink); } .shada-fa-dama-gateway, .shada-fa-dama-gateway * { box-sizing: border-box; } .shada-fa-dama-gateway__hero { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); overflow: hidden; margin-bottom: 1.25rem; border: 1px solid var(--shada-dama-border); border-radius: 24px; background: linear-gradient(135deg, #ffffff 0%, #f3fafa 100%); box-shadow: 0 14px 34px rgba(17, 74, 78, .08); } .shada-fa-dama-gateway__hero-media { grid-column: 1; min-height: 390px; overflow: hidden; } .shada-fa-dama-gateway__hero-media img { display: block; width: 100%; height: 100%; min-height: 390px; object-fit: cover; } .shada-fa-dama-gateway__hero-content { grid-column: 2; display: flex; flex-direction: column; justify-content: center; padding: clamp(1.8rem, 4vw, 3.1rem); text-align: right; } .shada-fa-dama-gateway__eyebrow, .shada-fa-dama-gateway__card-kicker { margin: 0 0 .6rem; color: var(--shada-dama-teal-dark); font-weight: 800; letter-spacing: 0; } .shada-fa-dama-gateway__eyebrow { font-size: 1.05rem; } .shada-fa-dama-gateway h1 { margin: 0 0 1rem; color: #102c2f; font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif; font-size: clamp(2.05rem, 2.55vw, 2.8rem); font-style: normal; font-weight: 900; line-height: 1.25; } .shada-fa-dama-gateway__lead { margin: 0; color: #354e52; font-size: 1.07rem; line-height: 2; } .shada-fa-dama-gateway__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.15rem; } .shada-fa-dama-gateway__card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--shada-dama-border); border-radius: 20px; background: #fff; box-shadow: 0 10px 26px rgba(17, 74, 78, .06); } .shada-fa-dama-gateway__card-media { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--shada-dama-soft); } .shada-fa-dama-gateway__card-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; } a.shada-fa-dama-gateway__card-media:hover img, a.shada-fa-dama-gateway__card-media:focus-visible img { transform: scale(1.025); } .shada-fa-dama-gateway__card-body { display: flex; flex: 1; flex-direction: column; padding: 1.25rem 1.3rem 1.35rem; text-align: right; } .shada-fa-dama-gateway__card-kicker { margin-bottom: .35rem; font-size: .86rem; } .shada-fa-dama-gateway__card h2 { margin: 0 0 .7rem; color: #18383b; font-family: "ShadaIRANSans", Tahoma, Arial, sans-serif; font-size: clamp(1.28rem, 1.8vw, 1.55rem); font-style: normal; font-weight: 850; line-height: 1.5; } .shada-fa-dama-gateway__card p { margin: 0 0 1rem; color: var(--shada-dama-muted); font-size: 1rem; line-height: 1.9; } .shada-fa-dama-gateway__button { display: inline-flex; align-items: center; justify-content: center; align-self: stretch; min-height: 50px; margin-top: auto; border-radius: 11px; background: var(--shada-dama-teal); color: #fff !important; font-size: 17px; font-style: normal; font-weight: 800; text-align: center; text-decoration: none !important; } .shada-fa-dama-gateway__button:hover, .shada-fa-dama-gateway__button:focus-visible { background: var(--shada-dama-teal-dark); color: #fff !important; } .shada-fa-dama-gateway__status { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 42px; margin-top: auto; padding: .55rem 1rem; border: 1px solid #b8dcdf; border-radius: 999px; background: #eff9f9; color: var(--shada-dama-teal-dark); font-size: 16px; font-weight: 800; } .shada-fa-dama-gateway__notice { margin-top: 1.15rem; padding: .9rem 1.1rem; border-radius: 14px; background: #eef8f8; color: #486267; font-size: .94rem; line-height: 1.8; text-align: center; } @media (max-width: 900px) { .shada-fa-dama-gateway__hero { grid-template-columns: 1fr; } .shada-fa-dama-gateway__hero-media, .shada-fa-dama-gateway__hero-content { grid-column: 1; } .shada-fa-dama-gateway__hero-media { order: 1; min-height: auto; } .shada-fa-dama-gateway__hero-media img { min-height: 0; aspect-ratio: 16 / 9; } .shada-fa-dama-gateway__hero-content { order: 2; } } @media (max-width: 680px) { .shada-fa-dama-gateway__grid { grid-template-columns: 1fr; } .shada-fa-dama-gateway h1 { font-size: clamp(1.9rem, 9vw, 2.3rem); } .shada-fa-dama-gateway__hero { border-radius: 18px; } .shada-fa-dama-gateway__card { border-radius: 17px; } .shada-fa-dama-gateway__button { font-size: 16px; } } .shada-fa-dama-gateway__hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin-top: 1.35rem; } .shada-fa-dama-gateway__hero-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; border-radius: 11px; background: var(--shada-dama-teal); color: #fff !important; font-size: 17px; font-style: normal; font-weight: 800; line-height: 1.45; text-align: center; text-decoration: none !important; } .shada-fa-dama-gateway__hero-button:hover, .shada-fa-dama-gateway__hero-button:focus-visible { background: var(--shada-dama-teal-dark); color: #fff !important; } .shada-fa-dama-gateway__card-body > p:not(.shada-fa-dama-gateway__card-kicker) { font-size: 1.3rem; line-height: 1.9; } .shada-fa-dama-gateway__grid .shada-fa-dama-gateway__card-kicker { display: none !important; } @media (max-width: 680px) { .shada-fa-dama-gateway__hero-actions { grid-template-columns: 1fr; } .shada-fa-dama-gateway__hero-button { font-size: 16px; } .shada-fa-dama-gateway__card-body > p:not(.shada-fa-dama-gateway__card-kicker) { font-size: 1.16rem; } } .shada-fa-dama-gateway__hero-media img { object-position: 70% center !important; } .shada-fa-dama-gateway__card-body { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-height: 300px; } .shada-fa-dama-gateway__card-body .shada-fa-dama-gateway__button, .shada-fa-dama-gateway__card-body .shada-fa-dama-gateway__status { margin-top: auto !important; } .shada-fa-dama-gateway__button, .shada-fa-dama-gateway__hero-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 52px !important; padding: 3px 1rem 0 !important; line-height: 1 !important; } .shada-fa-dama-gateway__status { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 3px 1rem 0 !important; line-height: 1 !important; } @media (max-width: 680px) { .shada-fa-dama-gateway__hero-media img { object-position: 66% center !important; } .shada-fa-dama-gateway__card-body { min-height: 0; } } .shada-fa-dama-gateway__hero-content { display: flex !important; flex-direction: column !important; min-height: 390px !important; } .shada-fa-dama-gateway__hero-actions { grid-template-columns: max-content max-content !important; width: max-content !important; max-width: 100% !important; margin-top: auto !important; margin-right: auto !important; margin-left: 0 !important; padding-top: 1.4rem !important; } .shada-fa-dama-gateway__hero-button { min-width: 220px !important; } @media (max-width: 900px) { .shada-fa-dama-gateway__hero-content { min-height: 0 !important; } } @media (max-width: 680px) { .shada-fa-dama-gateway__hero-actions { grid-template-columns: 1fr !important; width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } .shada-fa-dama-gateway__hero-button { min-width: 0 !important; width: 100% !important; } } body.site.com_dama.wrapper-static.view-occupations.layout-state.itemid-625:not(.rtl) .container-footer, body.site.com_dama.wrapper-static.view-occupations.layout-region.itemid-625:not(.rtl) .container-footer { grid-area: bot-a !important; grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; direction: ltr !important; margin-left: 0 !important; margin-right: 0 !important; } body.site.com_dama.wrapper-static.view-occupations.layout-state.itemid-625:not(.rtl) > .container-footer, body.site.com_dama.wrapper-static.view-occupations.layout-region.itemid-625:not(.rtl) > .container-footer { justify-self: stretch !important; align-self: auto !important; } html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__main-header h2, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__subsection > h3, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__legacy-note > h3, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__inline-cta h3, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__review h2 { font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: clamp(1.55rem, 1.35rem + 0.45vw, 1.75rem) !important; font-weight: 900 !important; font-style: normal !important; line-height: 1.35 !important; letter-spacing: 0 !important; margin-top: 0.55rem !important; margin-bottom: 0.75rem !important; } html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__subsection { margin-top: 0.7rem !important; margin-bottom: 0.7rem !important; padding-top: 0.9rem !important; padding-bottom: 0.9rem !important; } html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__legacy-note { margin-top: 0.7rem !important; margin-bottom: 0.7rem !important; padding-top: 0.9rem !important; padding-bottom: 0.9rem !important; } html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__inline-cta, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__review { margin-top: 1.05rem !important; margin-bottom: 1.05rem !important; } html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__main-header h2 + p, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__subsection > h3 + p, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__legacy-note > h3 + p, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__inline-cta h3 + p, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__review h2 + p { margin-top: 0.35rem !important; } @media (max-width: 575.98px) { html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__main-header h2, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__subsection > h3, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__legacy-note > h3, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__inline-cta h3, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__review h2 { font-size: clamp(1.45rem, 6.4vw, 1.58rem) !important; line-height: 1.4 !important; margin-top: 0.45rem !important; margin-bottom: 0.65rem !important; } html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__subsection, html[lang^="fa"] body.com_content.view-article #omnicat-occupation-draft-layout.omnicat-draft .omnicat-draft__legacy-note { margin-top: 0.6rem !important; margin-bottom: 0.6rem !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1 .shada-mega-panel__inner { display: block !important; width: min(1180px, calc(100% - 2.8rem)) !important; margin-inline: auto !important; padding: 1.45rem 0 1.55rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1 .shada-fa-assessment-menu-v1 { display: block !important; width: min(500px, 100%) !important; max-width: 500px !important; margin-right: 0 !important; margin-left: auto !important; padding: 0 !important; border: 0 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1 .shada-mega-links { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: .18rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1 .shada-mega-links li { width: 100% !important; margin: 0 !important; padding: 0 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1 .shada-mega-links a { display: block !important; width: 100% !important; min-height: 42px !important; padding: .56rem .72rem !important; border-radius: 7px !important; direction: rtl !important; text-align: right !important; font-family: ShadaIRANSans, IRANSans, Tahoma, sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.45 !important; } } html[lang^="fa"] body.site .shada-mobile-menu-drawer .shada-fa-assessment-mobile-v1 { direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mobile-menu-drawer .shada-fa-assessment-mobile-v1 a { direction: rtl !important; text-align: right !important; font-family: ShadaIRANSans, IRANSans, Tahoma, sans-serif !important; font-weight: 700 !important; } @media (min-width: 992px) { html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 { min-height: 0 !important; height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-panel__inner { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: flex-start !important; min-height: 0 !important; height: auto !important; width: min(1180px, calc(100% - 2.8rem)) !important; margin-inline: auto !important; padding: 1.05rem 0 1.15rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-fa-assessment-menu-v1 { flex: 0 0 min(520px, 100%) !important; width: min(520px, 100%) !important; max-width: 520px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: .12rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links li::before, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links li::after, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links a::before, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links a::after { content: none !important; display: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links a { display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: .58rem .72rem !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: #184b50 !important; direction: rtl !important; text-align: right !important; font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.5 !important; text-decoration: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links a:hover, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-links a:focus-visible { background: #eef7f7 !important; color: #087b7d !important; text-decoration: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-title, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-desc, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-polished-v1-1 .shada-mega-group-title { display: none !important; } } html[lang^="fa"] body.site .shada-mobile-menu-drawer .shada-fa-assessment-mobile-v1 { margin: 0 !important; padding: .2rem 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mobile-menu-drawer .shada-fa-assessment-mobile-v1 li { margin: 0 !important; padding: 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mobile-menu-drawer .shada-fa-assessment-mobile-v1 li::before, html[lang^="fa"] body.site .shada-mobile-menu-drawer .shada-fa-assessment-mobile-v1 li::after { content: none !important; display: none !important; } @media (min-width: 992px) { html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 { min-height: 0 !important; height: auto !important; padding: 0 !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-mega-panel__inner { display: block !important; width: min(1220px, calc(100% - 2.8rem)) !important; min-height: 0 !important; height: auto !important; margin-inline: auto !important; padding: 1.35rem 0 1.45rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-menu-v1 { display: grid !important; grid-template-columns: minmax(250px, .92fr) minmax(300px, 1fr) minmax(300px, 1fr) !important; grid-template-areas: "promo other visa" !important; gap: 0 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; direction: ltr !important; text-align: initial !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo { grid-area: promo; box-sizing: border-box !important; padding: .2rem 2rem .25rem .25rem !important; border-inline-end: 1px solid #d9e6e6 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__other { grid-area: other; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__visa { grid-area: visa; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__group { box-sizing: border-box !important; padding: .2rem 1.75rem .25rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__visa { border-inline-start: 1px solid #d9e6e6 !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__eyebrow { margin: 0 0 .28rem !important; color: #087b7d !important; font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: .93rem !important; font-weight: 900 !important; line-height: 1.45 !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-title { margin: 0 0 .5rem !important; color: #17343b !important; font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: 1.55rem !important; font-weight: 900 !important; line-height: 1.45 !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-copy { max-width: 340px !important; margin: 0 0 .85rem !important; color: #5b7074 !important; font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: .95rem !important; font-weight: 500 !important; line-height: 1.9 !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: .58rem .9rem !important; border: 1px solid #0b7d7d !important; border-radius: 8px !important; background: transparent !important; color: #087b7d !important; font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: .95rem !important; font-weight: 900 !important; line-height: 1.35 !important; text-decoration: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-link:hover, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-link:focus-visible { background: #eef8f8 !important; text-decoration: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__group-title { display: block !important; margin: 0 0 .7rem !important; padding: 0 0 .45rem !important; color: #087b7d !important; border-bottom: 2px solid #bdd9d9 !important; font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: 1.15rem !important; font-weight: 900 !important; line-height: 1.45 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links { display: flex !important; flex-direction: column !important; gap: .14rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links li { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links li::before, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links li::after { content: none !important; display: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links a { display: block !important; width: 100% !important; margin: 0 !important; padding: .52rem .58rem !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: #214f54 !important; box-shadow: none !important; direction: rtl !important; text-align: right !important; font-family: "ShadaIRANSans", "IRANSans", Tahoma, Arial, sans-serif !important; font-size: .98rem !important; font-weight: 700 !important; line-height: 1.55 !important; text-decoration: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links a:hover, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links a:focus-visible { background: #eef7f7 !important; color: #087b7d !important; text-decoration: none !important; } html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__group-title, html[lang^="fa"] body.site .shada-mega-panel.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-title { visibility: visible !important; opacity: 1 !important; } } html[lang^="fa"] body.site .shada-mobile-menu-drawer .shada-fa-assessment-mobile-v1 { direction: rtl !important; text-align: right !important; } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-mega-panel__inner { display: block !important; width: min(1220px, calc(100% - 2.8rem)) !important; max-width: 1220px !important; min-height: 0 !important; height: auto !important; margin-inline: auto !important; padding: 1.25rem 0 1.35rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-mega-panel__inner > .shada-fa-assessment-menu-v1 { display: grid !important; grid-template-columns: minmax(280px, .92fr) minmax(300px, 1fr) minmax(300px, 1fr) !important; grid-template-areas: "promo other visa" !important; column-gap: 0 !important; row-gap: 0 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; direction: ltr !important; text-align: initial !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo { grid-area: promo !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: .2rem 2rem .25rem .15rem !important; border: 0 !important; border-inline-end: 1px solid #d9e6e6 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__other { grid-area: other !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: .2rem 1.75rem .25rem !important; border: 0 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__visa { grid-area: visa !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: .2rem 1.75rem .25rem !important; border: 0 !important; border-inline-start: 1px solid #d9e6e6 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__links { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: .14rem !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__group-title { display: block !important; visibility: visible !important; opacity: 1 !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-mega-panel__inner > .shada-fa-assessment-menu-v1 { grid-template-areas: "other visa promo" !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo { border-inline-end: 0 !important; border-inline-start: 1px solid #d9e6e6 !important; padding: .2rem .15rem .25rem 2rem !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__visa { border-inline-start: 0 !important; border-inline-end: 1px solid #d9e6e6 !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__other { border: 0 !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-mega-panel__inner > .shada-fa-assessment-menu-v1 { grid-template-columns: minmax(285px, 1fr) minmax(320px, 1fr) minmax(360px, 1.08fr) !important; grid-template-areas: "other visa promo" !important; width: 100% !important; max-width: none !important; margin-inline: 0 !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo { grid-area: promo !important; justify-self: stretch !important; align-self: stretch !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: .15rem .05rem .25rem 2.15rem !important; border: 0 !important; border-inline-start: 0 !important; border-inline-end: 1px solid #d9e6e6 !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo > * { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-copy { margin-right: 0 !important; margin-left: 0 !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__visa { grid-area: visa !important; border: 0 !important; border-inline-start: 0 !important; border-inline-end: 0 !important; padding: .15rem 1.8rem .25rem !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__other { grid-area: other !important; border: 0 !important; border-inline-start: 0 !important; border-inline-end: 0 !important; padding: .15rem 1.8rem .25rem !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-mega-panel__inner > .shada-fa-assessment-menu-v1 { grid-template-columns: minmax(0, 29fr) minmax(0, 36fr) minmax(0, 35fr) !important; grid-template-areas: "other visa promo" !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; padding-top: .15rem !important; padding-right: .05rem !important; padding-bottom: .25rem !important; padding-left: 1.8rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-copy { width: min(100%, 340px) !important; max-width: 340px !important; margin-right: 0 !important; margin-left: auto !important; align-self: flex-end !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__eyebrow, html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-title { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-link { align-self: flex-end !important; margin-right: 0 !important; margin-left: auto !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__visa, html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__other { padding-right: 1.45rem !important; padding-left: 1.45rem !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-mega-panel__inner > .shada-fa-assessment-menu-v1 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-template-areas: "other visa promo" !important; width: 75% !important; max-width: 75% !important; min-width: 0 !important; margin-left: auto !important; margin-right: 0 !important; padding: 0 !important; direction: ltr !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo { grid-area: promo !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: .15rem .05rem .25rem 1.55rem !important; direction: rtl !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__eyebrow, html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-title { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-copy { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; text-align: right !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo-link { align-self: flex-end !important; margin-right: 0 !important; margin-left: auto !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__visa, html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__other { width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: .15rem 1.25rem .25rem !important; } } @media (min-width: 992px) { html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo { position: relative !important; transform: translateX( clamp(90px, 7vw, 120px) ) !important; z-index: 2 !important; } html[lang^="fa"] body.site header.header.container-header.full-width .shada-mega-panel.shada-fa-assessment-simple-v1.shada-fa-assessment-landing-menu-v1-2 .shada-fa-assessment-v1-2__promo > * { transform: none !important; } } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] { min-width: 0; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tablist { display: grid !important; grid-template-columns: repeat(16, minmax(0, 1fr)) !important; gap: 0.42rem; width: 100%; max-width: 100%; margin-block: 0 1.15rem; padding: 0; overflow: visible !important; direction: rtl; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tab { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 2.75rem; margin: 0; padding: 0.5rem 0.18rem; font-family: inherit; font-size: 1rem; font-weight: 800; line-height: 1; text-align: center; white-space: nowrap; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tab:focus-visible { outline: 3px solid rgba(15, 107, 109, 0.28); outline-offset: 2px; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tab-content h3 { margin-block: 0 0.55rem; font-size: 26.4px !important; font-weight: 800 !important; line-height: 1.45; letter-spacing: 0; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tab-content li + li { margin-block-start: 1.4rem; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tabpanel > .shada-native-media { display: block; width: auto; max-width: 7rem; margin: 0 auto 1rem; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tabpanel > .shada-native-media img { display: block; width: auto !important; max-width: 100%; height: auto !important; margin: 0 auto; object-fit: contain !important; } html[lang^="fa" i] .shada-glossary-cta { margin-block-start: 2rem; padding: 1.4rem; border: 1px solid #d9e3e5; border-radius: 0.75rem; background: #f7fafb; } html[lang^="fa" i] .shada-glossary-cta-intro { margin: 0 0 1rem; font-size: 1.05rem; line-height: 1.9; font-weight: 700; text-align: center; } html[lang^="fa" i] .shada-glossary-cta-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; } html[lang^="fa" i] .shada-glossary-cta-card { display: flex; flex-direction: column; min-width: 0; padding: 1.1rem; border: 1px solid #d6e0e2; border-radius: 0.65rem; background: #fff; } html[lang^="fa" i] .shada-glossary-cta-card h3 { margin: 0 0 0.45rem; font-size: 1.12rem; font-weight: 800; } html[lang^="fa" i] .shada-glossary-cta-card p { margin: 0 0 0.9rem; line-height: 1.85; } html[lang^="fa" i] .shada-glossary-cta-card .btn { margin-block-start: auto; align-self: flex-start; } @media (max-width: 1199.98px) { html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tablist { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } } @media (max-width: 575.98px) { html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tablist { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0.4rem; } html[lang^="fa" i] .shada-native-widget-switcher[aria-label="Glossary"] .shada-native-tab { min-height: 2.55rem; padding-inline: 0.2rem; font-size: 0.96rem; } html[lang^="fa" i] .shada-glossary-cta-grid { grid-template-columns: 1fr; } } .shada-en-glossary { --sg-teal: var(--cassiopeia-color-primary, #0f6b6d); --sg-teal-soft: rgba(15, 107, 109, .08); --sg-ink: #17383d; --sg-muted: #5d6b70; --sg-border: #cfe0e3; --sg-soft: #f6f9f9; max-width: 1180px; margin-inline: auto; color: var(--sg-ink); } .shada-en-glossary-hero { position: relative; overflow: hidden; margin-bottom: 1.55rem; padding: clamp(1.45rem, 2.8vw, 2.15rem); border: 1px solid var(--sg-border); border-left: 4px solid var(--sg-teal); border-radius: 1.1rem; background: radial-gradient(circle at 100% 100%, rgba(15,107,109,.055) 0 95px, transparent 96px), linear-gradient(135deg, #ffffff 0%, #f6fbfb 100%); box-shadow: 0 11px 30px rgba(23,56,61,.065); } .shada-en-glossary-hero-main { display: grid; grid-template-columns: minmax(0, 1.30fr) minmax(440px, 1fr); gap: clamp(1.35rem, 2.6vw, 2.2rem); align-items: center; } .shada-en-glossary-hero-copy { align-self: center; min-width: 0; padding: .15rem .1rem; } .shada-en-glossary-eyebrow { margin: 0 0 .55rem; color: var(--sg-teal); font-size: clamp(1.16rem, 1.8vw, 1.34rem); font-weight: 850; line-height: 1.22; letter-spacing: 0; text-transform: none; } .shada-en-glossary-hero h1 { margin: 0 0 .72rem; color: var(--sg-ink); font-size: clamp(2.25rem, 4.2vw, 3.45rem); font-weight: 900; line-height: 1.08; letter-spacing: -.025em; } .shada-en-glossary-lead { max-width: 820px; margin: 0; font-size: clamp(1.14rem, 1.8vw, 1.28rem); line-height: 1.8; color: #223f44; } .shada-en-glossary-review { display: flex; flex-wrap: wrap; gap: .45rem .95rem; margin-top: 1.05rem; color: var(--sg-muted); font-size: 1rem; } .shada-en-glossary-review strong { color: var(--sg-ink); font-weight: 800; } .shada-en-glossary-hero-media { position: relative; overflow: hidden; min-height: 0; margin: 0; border: 1px solid rgba(15,107,109,.16); border-radius: .95rem; background: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); } .shada-en-glossary-hero-media::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); } .shada-en-glossary-hero-media img { display: block; width: 100%; height: auto; min-height: 0; object-fit: contain; object-position: center center; } .shada-en-glossary-hero .shada-en-glossary-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin: 1.2rem 0 0; } .shada-en-glossary-hero .shada-en-glossary-info > div { position: relative; overflow: hidden; padding: 1.18rem 1.2rem 1.22rem 1.35rem; border: 1px solid rgba(15,107,109,.18); border-left: 4px solid var(--sg-teal); border-radius: .9rem; background: radial-gradient(circle at 96% 105%, rgba(15,107,109,.075) 0 60px, transparent 61px), rgba(255,255,255,.86); box-shadow: 0 6px 18px rgba(23,56,61,.035); } .shada-en-glossary-hero .shada-en-glossary-info h2 { margin: 0 0 .52rem; font-size: clamp(1.4rem, 1.8vw, 1.52rem); line-height: 1.25; font-weight: 850; color: var(--sg-ink); } .shada-en-glossary-hero .shada-en-glossary-info p { margin: 0; font-size: 1.08rem; line-height: 1.78; color: #223f44; } .shada-en-glossary-tools { position: relative; margin-bottom: 1.55rem; padding: 1.4rem; border: 1px solid var(--sg-border); border-radius: 1rem; background: #fff; box-shadow: 0 9px 26px rgba(23,56,61,.055); } .shada-en-glossary-tools > label { display: block; margin-bottom: .62rem; font-size: 1.16rem; font-weight: 850; color: var(--sg-ink); } .shada-en-glossary-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .62rem; } .shada-en-glossary-search-row input { width: 100%; min-height: 3.15rem; padding: .76rem .95rem; border: 1px solid #b9cdd0; border-radius: .62rem; font: inherit; font-size: 1.03rem; } .shada-en-glossary-search-row input:focus { border-color: var(--sg-teal); outline: 3px solid rgba(15,107,109,.14); outline-offset: 1px; } .shada-en-glossary-clear { min-height: 3.15rem; padding: .76rem 1.08rem; border: 1px solid var(--sg-border); border-radius: .62rem; background: var(--sg-soft); color: var(--sg-ink); font-size: .98rem; font-weight: 800; cursor: pointer; } .shada-en-glossary-status { min-height: 1.35em; margin: .6rem 0 0; color: var(--sg-muted); font-size: .96rem; } .shada-en-glossary-popular { display: flex; align-items: flex-start; gap: .72rem 1rem; margin-top: .95rem; } .shada-en-glossary-popular > strong { flex: 0 0 auto; padding-top: .4rem; font-size: 1.02rem; font-weight: 850; } .shada-en-glossary-popular > div { display: flex; flex-wrap: wrap; gap: .48rem; } .shada-en-glossary-popular-link { display: inline-flex; align-items: center; min-height: 2.05rem; padding: .38rem .72rem; border: 1px solid var(--sg-border); border-radius: 999px; background: #fff; color: var(--sg-teal); font-size: .94rem; font-weight: 800; text-decoration: none; box-shadow: 0 2px 8px rgba(23,56,61,.03); } .shada-en-glossary-popular-link:hover, .shada-en-glossary-popular-link:focus { border-color: var(--sg-teal); background: rgba(15,107,109,.07); } .shada-en-glossary-alphabet { display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: .46rem; margin-top: 1.05rem; } .shada-en-glossary-letter { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 2.78rem; padding: .5rem .15rem; border: 1px solid var(--sg-teal); border-radius: .5rem; background: #fff; color: var(--sg-teal); font: inherit; font-size: 1.04rem; font-weight: 850; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; } .shada-en-glossary-letter:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(15,107,109,.08); } .shada-en-glossary-letter.is-active, .shada-en-glossary-letter[aria-pressed="true"] { background: var(--sg-teal); color: #fff; } .shada-en-glossary-all { grid-column: span 13; min-height: 2.6rem; font-size: 1.08rem; } .shada-en-glossary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; } .shada-en-glossary-term { position: relative; overflow: hidden; min-width: 0; padding: 1.22rem 1.25rem 1.3rem 1.45rem; border: 1px solid var(--sg-border); border-left: 4px solid var(--sg-teal); border-radius: 1rem; background: radial-gradient(circle at 98% 102%, rgba(15,107,109,.065) 0 64px, transparent 65px), linear-gradient(135deg, #ffffff 0%, #fbfdfd 100%); box-shadow: 0 8px 22px rgba(23,56,61,.042); scroll-margin-top: 7rem; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .shada-en-glossary-term:hover { transform: translateY(-2px); border-color: rgba(15,107,109,.38); border-left-color: var(--sg-teal); box-shadow: 0 12px 28px rgba(23,56,61,.075); } .shada-en-glossary-term[hidden] { display: none !important; } .shada-en-glossary-term-meta { position: relative; z-index: 1; margin-bottom: .52rem; } .shada-en-glossary-term-meta span { display: inline-flex; align-items: center; min-height: 1.72rem; padding: .28rem .56rem; border: 1px solid rgba(15,107,109,.09); border-radius: 999px; background: rgba(15,107,109,.085); color: var(--sg-teal); font-size: .79rem; font-weight: 850; } .shada-en-glossary-term h2 { position: relative; z-index: 1; margin: 0 0 .58rem; font-size: clamp(1.42rem, 1.8vw, 1.62rem); font-weight: 800; line-height: 1.27; color: var(--sg-ink); } .shada-en-glossary-term p { position: relative; z-index: 1; margin: 0; font-size: 1.02rem; line-height: 1.76; color: #223f44; } .shada-en-glossary-examples { margin-top: .78rem !important; padding-top: .72rem; border-top: 1px dashed var(--sg-border); font-size: .97rem !important; } .shada-en-glossary-examples strong { font-weight: 850; color: var(--sg-ink); } .shada-en-glossary-note { margin-top: .68rem !important; color: var(--sg-muted) !important; font-size: .9rem !important; line-height: 1.66 !important; } .shada-en-glossary-empty, .shada-en-glossary-source-note, .shada-en-glossary-cta { margin-top: 1.45rem; padding: 1.3rem; border: 1px solid var(--sg-border); border-radius: 1rem; } .shada-en-glossary-empty { background: var(--sg-soft); text-align: center; } .shada-en-glossary-empty h2, .shada-en-glossary-source-note h2 { margin-top: 0; font-size: 1.35rem; font-weight: 850; } .shada-en-glossary-source-note { position: relative; overflow: hidden; border-left: 4px solid var(--sg-teal); background: radial-gradient(circle at 96% 100%, rgba(15,107,109,.06) 0 60px, transparent 61px), #fbfcfc; } .shada-en-glossary-source-note p { font-size: 1rem; line-height: 1.74; } .shada-en-glossary-source-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: 0; } .shada-en-glossary-source-links a { font-weight: 800; } .shada-en-glossary-cta { background: linear-gradient(135deg, rgba(15,107,109,.075), rgba(15,107,109,.025)); } .shada-en-glossary-cta-lead { max-width: 780px; margin: 0 auto 1.05rem; text-align: center; font-size: 1.14rem; font-weight: 800; line-height: 1.68; } .shada-en-glossary-cta-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; } .shada-en-glossary-cta-grid article { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 13rem; padding: 1.25rem 1.25rem 1.2rem 1.45rem; border: 1px solid var(--sg-border); border-left: 4px solid var(--sg-teal); border-radius: 1rem; background: radial-gradient(circle at 98% 104%, rgba(15,107,109,.07) 0 68px, transparent 69px), #fff; box-shadow: 0 8px 22px rgba(23,56,61,.045); } .shada-en-glossary-cta-grid h2 { margin: 0 0 .5rem; font-size: 1.45rem; font-weight: 850; color: var(--sg-ink); } .shada-en-glossary-cta-grid p { margin: 0 0 .85rem; font-size: 1.02rem; line-height: 1.72; } .shada-en-glossary-cta-grid .btn { margin-top: auto; align-self: flex-start; } @media (max-width: 1050px) { .shada-en-glossary-hero-main { grid-template-columns: minmax(0, 1.15fr) minmax(360px, .95fr); } } @media (max-width: 991.98px) { .shada-en-glossary-alphabet { grid-template-columns: repeat(7, minmax(0, 1fr)); } .shada-en-glossary-all { grid-column: span 7; } } @media (max-width: 767.98px) { .shada-en-glossary-hero-main, .shada-en-glossary-hero .shada-en-glossary-info, .shada-en-glossary-grid, .shada-en-glossary-cta-grid { grid-template-columns: 1fr; } .shada-en-glossary-hero-media, .shada-en-glossary-hero-media img { min-height: 0; } .shada-en-glossary-popular { display: block; } .shada-en-glossary-popular > div { margin-top: .5rem; } .shada-en-glossary-term { padding: 1.12rem 1.05rem 1.18rem 1.22rem; } } @media (max-width: 575.98px) { .shada-en-glossary-search-row { grid-template-columns: 1fr; } .shada-en-glossary-alphabet { grid-template-columns: repeat(4, minmax(0, 1fr)); } .shada-en-glossary-all { grid-column: span 4; } .shada-en-glossary-hero { padding: 1.05rem; } .shada-en-glossary-hero h1 { font-size: clamp(2rem, 10vw, 2.55rem); } .shada-en-glossary-hero-media, .shada-en-glossary-hero-media img { min-height: 0; } .shada-en-glossary-hero .shada-en-glossary-info h2 { font-size: 1.34rem; } .shada-en-glossary-hero .shada-en-glossary-info p, .shada-en-glossary-term p { font-size: 1rem; } } .shada-en-glossary-howto { margin: 1rem 0 0; padding: .82rem 1rem .88rem 1.08rem; border: 1px solid rgba(15,107,109,.18); border-left: 4px solid var(--sg-teal, var(--cassiopeia-color-primary, #0f6b6d)); border-radius: .78rem; background: radial-gradient(circle at 98% 110%, rgba(15,107,109,.06) 0 52px, transparent 53px), rgba(255,255,255,.88); box-shadow: 0 5px 15px rgba(23,56,61,.03); } .shada-en-glossary-howto h2 { margin: 0 0 .32rem; color: var(--sg-ink, #17383d); font-size: 1.08rem !important; font-weight: 800; line-height: 1.3; } .shada-en-glossary-howto p { margin: 0; max-width: 100%; color: #344c51; font-size: .94rem !important; line-height: 1.62; } @media (max-width: 575.98px) { .shada-en-glossary-howto { padding: .78rem .88rem .82rem 1rem; } .shada-en-glossary-howto h2 { font-size: 1.03rem !important; } .shada-en-glossary-howto p { font-size: .92rem !important; } } .shada-resources-fa-v1-1 { --sr-teal: var(--cassiopeia-color-primary, #0f7f84); --sr-ink: #17383d; --sr-muted: #526a6f; --sr-border: #cfe0e3; --sr-soft: #f3f9f9; max-width: 1180px; margin-inline: auto; direction: rtl; color: var(--sr-ink); } .shada-resources-fa-v1-1 *, .shada-resources-fa-v1-1 *::before, .shada-resources-fa-v1-1 *::after { box-sizing: border-box; min-width: 0; } .shada-resources-fa-v1-1 h2, .shada-resources-fa-v1-1 h3, .shada-resources-fa-v1-1 h4 { margin: 0 0 .62rem; color: var(--sr-ink); font-size: 26.4px !important; font-weight: 800 !important; line-height: 1.55 !important; } .shada-resources-fa-v1-1 p, .shada-resources-fa-v1-1 li, .shada-resources-fa-v1-1 a { overflow-wrap: anywhere; word-break: normal; } .shada-resources-fa-v1-1 p { margin: 0; font-size: 1.02rem; line-height: 1.95; } .shada-resources-fa-v1-1 p + p { margin-top: .62rem; } .shada-resources-fa-v1-1 .shada-resources-eyebrow { margin: 0 0 .45rem !important; color: var(--sr-teal); font-size: .92rem !important; font-weight: 850; } .shada-resources-fa-v1-1 .shada-resources-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .8fr); gap: clamp(1.25rem, 2.6vw, 2rem); align-items: center; margin-bottom: 1.15rem; padding: clamp(1.25rem, 2.6vw, 2rem); overflow: hidden; border: 1px solid var(--sr-border); border-right: 4px solid var(--sr-teal); border-radius: 1.05rem; background: radial-gradient(circle at 0 100%, rgba(15,127,132,.06) 0 80px, transparent 81px), linear-gradient(135deg, #fff 0%, #f6fbfb 100%); box-shadow: 0 9px 26px rgba(23,56,61,.05); } .shada-resources-fa-v1-1 .shada-resources-hero__media { margin: 0; overflow: hidden; border: 1px solid var(--sr-border); border-radius: .9rem; background: #fff; } .shada-resources-fa-v1-1 .shada-resources-hero__media img { display: block; width: 100%; height: auto; object-fit: contain; } .shada-resources-fa-v1-1 .shada-resources-button-row { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; margin-top: 1rem; } .shada-resources-fa-v1-1 .shada-resources-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.72rem; padding: .6rem .95rem; border: 1px solid var(--sr-teal); border-radius: .55rem; background: var(--sr-teal); color: #fff !important; font-weight: 800; line-height: 1.35; text-decoration: none !important; } .shada-resources-fa-v1-1 .shada-resources-button--outline { background: #fff; color: var(--sr-teal) !important; } .shada-resources-fa-v1-1 .shada-resources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .95rem; margin-bottom: 1.15rem; } .shada-resources-fa-v1-1 .shada-resources-card { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 18rem; padding: 1.2rem 1.25rem; border: 1px solid var(--sr-border); border-right: 4px solid var(--sr-teal); border-radius: .95rem; background: radial-gradient(circle at 0 106%, rgba(15,127,132,.055) 0 68px, transparent 69px), #fff; box-shadow: 0 6px 18px rgba(23,56,61,.04); } .shada-resources-fa-v1-1 .shada-resources-card:nth-child(even) { background: radial-gradient(circle at 0 106%, rgba(15,127,132,.055) 0 68px, transparent 69px), var(--sr-soft); } .shada-resources-fa-v1-1 .shada-resources-card__links { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .85rem; } .shada-resources-fa-v1-1 .shada-resources-card__links a { display: inline-flex; align-items: center; min-height: 2.05rem; padding: .33rem .62rem; border: 1px solid rgba(15,127,132,.17); border-radius: 999px; background: rgba(15,127,132,.055); color: var(--sr-teal) !important; font-size: .91rem; font-weight: 750; text-decoration: none !important; } .shada-resources-fa-v1-1 .shada-resources-card__footer { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 1rem; } .shada-resources-fa-v1-1 .shada-resources-reference { margin-bottom: 1.15rem; padding: 1.25rem; border: 1px solid var(--sr-border); border-right: 4px solid var(--sr-teal); border-radius: 1rem; background: radial-gradient(circle at 0 105%, rgba(15,127,132,.06) 0 70px, transparent 71px), var(--sr-soft); } .shada-resources-fa-v1-1 .shada-resources-reference-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-top: .95rem; } .shada-resources-fa-v1-1 .shada-resources-reference-link { display: flex; flex-direction: column; min-height: 8.5rem; padding: .95rem; border: 1px solid var(--sr-border); border-radius: .75rem; background: #fff; color: var(--sr-ink) !important; text-decoration: none !important; } .shada-resources-fa-v1-1 .shada-resources-reference-link strong { display: block; margin-bottom: .35rem; font-size: 1.05rem; font-weight: 800; } .shada-resources-fa-v1-1 .shada-resources-reference-link span { color: var(--sr-muted); font-size: .92rem; line-height: 1.75; } .shada-resources-fa-v1-1 .shada-resources-cta { padding: 1.25rem; border: 1px solid var(--sr-border); border-radius: 1rem; background: radial-gradient(circle at 0 100%, rgba(15,127,132,.06) 0 72px, transparent 73px), linear-gradient(135deg, rgba(15,127,132,.055), rgba(15,127,132,.015)); } @media (max-width: 900px) { .shada-resources-fa-v1-1 .shada-resources-hero { grid-template-columns: 1fr; } .shada-resources-fa-v1-1 .shada-resources-hero__media { order: -1; } .shada-resources-fa-v1-1 .shada-resources-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .shada-resources-fa-v1-1 .shada-resources-grid { grid-template-columns: 1fr; } } @media (max-width: 575.98px) { .shada-resources-fa-v1-1 h2, .shada-resources-fa-v1-1 h3, .shada-resources-fa-v1-1 h4 { font-size: 24px !important; } .shada-resources-fa-v1-1 p { font-size: 1rem; line-height: 1.9; } .shada-resources-fa-v1-1 .shada-resources-reference-grid { grid-template-columns: 1fr; } .shada-resources-fa-v1-1 .shada-resources-button-row { display: grid; grid-template-columns: 1fr; } .shada-resources-fa-v1-1 .shada-resources-button { width: 100%; } } .shada-family-support-batch-v1{ --sfb-teal:#0f7f84;--sfb-ink:#17383d;--sfb-line:#cadfe1;--sfb-soft:#edf7f7; max-width:1180px;margin-inline:auto;direction:rtl;color:var(--sfb-ink) } .shada-family-support-batch-v1 *{box-sizing:border-box;min-width:0} .shada-family-support-batch-v1 h1{font-size:clamp(31px,4vw,45px)!important;font-weight:900!important;line-height:1.5!important;color:var(--sfb-ink)!important} .shada-family-support-batch-v1 h2{font-size:26.4px!important;font-weight:800!important;line-height:1.55!important;color:var(--sfb-ink)!important} .shada-family-support-batch-v1 h3{font-size:20px!important;font-weight:850!important;line-height:1.6!important;color:var(--sfb-ink)!important} .shada-family-support-batch-v1 p,.shada-family-support-batch-v1 li{line-height:1.95} .shada-family-support-batch-v1 .sfb1-eyebrow{color:var(--sfb-teal);font-weight:850} .shada-family-support-batch-v1 .sfb1-top{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-areas:"toc hero";gap:24px;direction:ltr;margin-bottom:34px} .shada-family-support-batch-v1 .sfb1-toc{grid-area:toc;direction:rtl;position:sticky;top:1rem;align-self:start;padding:20px;border:1px solid var(--sfb-line);border-radius:16px;background:#f9fcfc} .shada-family-support-batch-v1 .sfb1-toc>strong{display:block;margin-bottom:14px;font-size:18px;font-weight:850} .shada-family-support-batch-v1 .sfb1-toc>a:not(.sfb1-toc-cta){display:block;margin-bottom:8px;padding:9px 12px;border:1px solid #d6e5e7;border-radius:9px;background:#fff;color:var(--sfb-teal)!important;text-decoration:none!important;font-weight:800} .shada-family-support-batch-v1 .sfb1-toc-cta,.shada-family-support-batch-v1 .sfb1-btn{display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--sfb-teal);border-radius:9px;background:var(--sfb-teal);color:#fff!important;text-decoration:none!important;font-weight:850} .shada-family-support-batch-v1 .sfb1-toc-cta{margin-top:12px}.shada-family-support-batch-v1 .sfb1-btn.alt{background:#fff;color:var(--sfb-teal)!important} .shada-family-support-batch-v1 .sfb1-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .shada-family-support-batch-v1 .sfb1-hero{grid-area:hero;direction:rtl;overflow:hidden;border:1px solid var(--sfb-line);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(23,56,61,.06)} .shada-family-support-batch-v1 .sfb1-hero-media{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden} .shada-family-support-batch-v1 .sfb1-hero-media img{width:100%;height:auto;display:block;object-fit:contain;object-position:center} .shada-family-support-batch-v1 .sfb1-hero-copy{padding:30px 32px 34px} .shada-family-support-batch-v1 .sfb1-master,.shada-family-support-batch-v1 .sfb1-faq-section,.shada-family-support-batch-v1 .sfb1-review{margin-bottom:34px;border:1px solid var(--sfb-line);border-right:5px solid var(--sfb-teal);border-left:1px solid var(--sfb-line);border-radius:18px;background:var(--sfb-soft);overflow:hidden} .shada-family-support-batch-v1 .sfb1-section{padding:31px;border-bottom:1px solid #cfe1e3}.shada-family-support-batch-v1 .sfb1-section:last-child{border-bottom:0} .shada-family-support-batch-v1 .sfb1-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px} .shada-family-support-batch-v1 .sfb1-premium-card{position:relative;display:flex;flex-direction:column;min-height:225px;padding:24px 22px 21px;background:radial-gradient(circle at 8% 100%,rgba(15,127,132,.07) 0 62px,transparent 63px),linear-gradient(180deg,#fff 0%,#fbfefe 100%);border:1px solid #c8e0e2;border-right:5px solid var(--sfb-teal);border-left:1px solid #c8e0e2;border-radius:17px;box-shadow:0 9px 24px rgba(23,56,61,.055);color:var(--sfb-ink)!important;text-decoration:none!important} .shada-family-support-batch-v1 .sfb1-badge{align-self:flex-start;margin-bottom:14px;padding:7px 13px;border-radius:999px;background:#e5f6f6;color:#08777d;font-weight:850} .shada-family-support-batch-v1 .sfb1-premium-card h3{align-self:flex-start;width:fit-content;max-width:100%;padding:8px 12px 9px;margin:0 0 12px!important;border-radius:12px;background:#eef8f8!important} .shada-family-support-batch-v1 .sfb1-note{padding:18px;margin-top:18px;border:1px solid #cfe0e2;border-radius:14px;background:#fff} .shada-family-support-batch-v1 .sfb1-source a{color:var(--sfb-teal)!important;font-weight:850} .shada-family-support-batch-v1 .sfb1-mini-grid,.shada-family-support-batch-v1 .sfb1-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:19px} .shada-family-support-batch-v1 .sfb1-mini-grid>div,.shada-family-support-batch-v1 .sfb1-link-grid>a{padding:18px;border:1px solid #cfe0e2;border-radius:14px;background:#fff;color:var(--sfb-ink)!important;text-decoration:none!important} .shada-family-support-batch-v1 .sfb1-mini-grid strong,.shada-family-support-batch-v1 .sfb1-link-grid strong{display:block;margin-bottom:7px;color:var(--sfb-teal)} .shada-family-support-batch-v1 .sfb1-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px} .shada-family-support-batch-v1 .sfb1-steps>div{padding:17px;border:1px solid #cfe0e2;border-radius:14px;background:#fff} .shada-family-support-batch-v1 .sfb1-steps>div>span{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#e5f6f6;color:var(--sfb-teal);font-weight:900;margin-bottom:10px} .shada-family-support-batch-v1 .sfb1-steps strong{display:block;margin-bottom:7px;color:var(--sfb-teal)} .shada-family-support-batch-v1 .sfb1-table-wrap{overflow-x:auto;margin-top:18px;border:1px solid #cfe0e2;border-radius:14px;background:#fff} .shada-family-support-batch-v1 .sfb1-table{width:100%;min-width:680px;border-collapse:collapse}.shada-family-support-batch-v1 .sfb1-table th,.shada-family-support-batch-v1 .sfb1-table td{padding:14px 13px;text-align:right;border-bottom:1px solid #e0eded;vertical-align:top}.shada-family-support-batch-v1 .sfb1-table th{background:#e6f5f5;font-weight:850} .shada-family-support-batch-v1 .sfb1-list{margin:15px 0;padding-right:23px} .shada-family-support-batch-v1 .sfb1-faq-section{padding:31px}.shada-family-support-batch-v1 .sfb1-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px} .shada-family-support-batch-v1 details.sfb1-faq{background:#fff;border:1px solid #d2e2e4;border-radius:12px;overflow:hidden} .shada-family-support-batch-v1 details.sfb1-faq summary{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:92px;padding:18px 20px 18px 76px!important;text-align:right;font-weight:800;cursor:pointer;list-style:none} .shada-family-support-batch-v1 details.sfb1-faq summary::after{content:"+";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #cfe0e2;border-radius:8px;color:var(--sfb-teal)} .shada-family-support-batch-v1 details.sfb1-faq>div{padding:0 20px 18px;text-align:right} .shada-family-support-batch-v1 .sfb1-review{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:center;padding:31px} .shada-family-support-batch-v1 .sfb1-review-photo img{display:block;width:100%;max-width:190px;border-radius:14px}.shada-family-support-batch-v1 .sfb1-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.shada-family-support-batch-v1 .sfb1-meta span{padding:6px 10px;border:1px solid #d6e5e7;border-radius:999px;background:#fff;font-size:.88rem} @media(max-width:980px){.shada-family-support-batch-v1 .sfb1-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shada-family-support-batch-v1 .sfb1-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.shada-family-support-batch-v1 .sfb1-mini-grid,.shada-family-support-batch-v1 .sfb1-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.shada-family-support-batch-v1 .sfb1-top{grid-template-columns:1fr;grid-template-areas:"hero" "toc"}.shada-family-support-batch-v1 .sfb1-toc{position:static}.shada-family-support-batch-v1 .sfb1-review{grid-template-columns:1fr}} @media(max-width:700px){.shada-family-support-batch-v1 .sfb1-card-grid,.shada-family-support-batch-v1 .sfb1-steps,.shada-family-support-batch-v1 .sfb1-mini-grid,.shada-family-support-batch-v1 .sfb1-link-grid,.shada-family-support-batch-v1 .sfb1-faq-grid{grid-template-columns:1fr}} @media(max-width:575.98px){.shada-family-support-batch-v1 h1{font-size:30px!important}.shada-family-support-batch-v1 h2{font-size:24px!important}.shada-family-support-batch-v1 .sfb1-hero-copy,.shada-family-support-batch-v1 .sfb1-section,.shada-family-support-batch-v1 .sfb1-faq-section,.shada-family-support-batch-v1 .sfb1-review{padding:20px 17px}.shada-family-support-batch-v1 .sfb1-premium-card{min-height:0;padding:22px 19px 20px;border-right-width:4px}.shada-family-support-batch-v1 .sfb1-actions{display:grid;grid-template-columns:1fr}}

/* SHADA-DESKTOP-HEADER-SINGLE-DIVIDER-V6 START */
@media (min-width: 992px) {

  /*
   * English desktop:
   * exactly one subtle divider under the navigation row.
   */
  html[lang^="en"] body.site
  header.header.container-header.full-width {
    box-shadow: none !important;
  }

  html[lang^="en"] body.site
  header.header.container-header.full-width
  > .container-nav {
    border-bottom: 1px solid #e1e9e7 !important;
    box-shadow: none !important;
  }

  /*
   * Persian desktop:
   * suppress legacy pseudo divider.
   */
  html[lang^="fa"] body.site
  header.header.container-header.full-width
  > .container-topbar::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  /*
   * Persian desktop:
   * exactly the same single subtle divider.
   */
  html[lang^="fa"] body.site
  header.header.container-header.full-width
  > .container-nav {
    border-bottom: 1px solid #e1e9e7 !important;
    box-shadow: none !important;
  }
}
/* SHADA-DESKTOP-HEADER-SINGLE-DIVIDER-V6 END */