.iscu_verify_your_identity_wrap { margin: 0; display: flex; justify-content: center; align-items: center; min-height: calc(100vh - 64px); } .iscu_verify_your_identity { display: flex; width: 560px; padding: 48px; flex-direction: column; align-items: center; gap: 32px; border-radius: var(--corner-Card); background: var(--bg-Surface-Default); border: 1px solid var(--border-Subtle); box-shadow: 0px 39px 11px 0px rgba(32, 32, 32, 0.00), 0px 25px 10px 0px rgba(32, 32, 32, 0.01), 0px 14px 8px 0px rgba(32, 32, 32, 0.02), 0px 6px 6px 0px rgba(32, 32, 32, 0.03), 0px 2px 3px 0px rgba(32, 32, 32, 0.04); } .iscu_verify_your_identity_head { display: flex; height: 80px; justify-content: center; align-items: center; gap: var(--spacing-XS); align-self: stretch; } .iscu_verify_your_identity_logo { width: 80px; height: 107px; aspect-ratio: 80/107; } .iscu_verify_your_identity_details_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } .iscu_verify_your_identity_details_title { color: var(--text-default); text-align: center; font-family: var(--Heading); font-size: var(--Font-size-500); font-style: normal; font-weight: var(--Font-weight-Bold-700); line-height: var(--Line-height-XXL); align-self: stretch; } .iscu_verify_your_identity_details_subtitle { align-self: stretch; color: var(--text-Secondary); text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-font-size-400, 18px); font-style: normal; font-weight: var(--Font-weight-Regular-400); line-height: var(--Line-height-L); } .iscu_verify_your_identity_otp_wrap { display: flex; flex-direction: column; align-items: center; gap: 32px; align-self: stretch; } .iscu_verify_your_identity_otp_content { display: flex; flex-direction: column; align-items: center; gap: 12px; align-self: stretch; } .iscu_verify_your_identity_otp_content>.iscu_verify_your_identity_redirect_urls_wrap:nth-of-type(3) { margin-top: 20px; } .iscu_verify_your_identity_otp_check { display: inline-flex; height: var(--size-component-large); min-width: 112px; padding: var(--spacing-XS) var(--spacing-M); justify-content: center; align-items: center; gap: var(--spacing-XS); flex-shrink: 0; border-radius: var(--corner-M); background: var(--bg-brand-Primary); align-self: stretch; border: none !important; cursor: pointer; outline-offset: 2px; } .iscu_verify_your_identity_otp_btn_text { color: var(--text-onbrand-default); text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-300); font-style: normal; font-weight: var(--Font-weight-SemiBold-600); line-height: var(--Line-height-M); } .iscu_verify_your_identity_otp_btn_icon span { width: var(--size-icon-base); height: var(--size-icon-base); color: var(--text-onbrand-default); } .iscu_verify_your_identity_otp_check:hover { background: var(--text-Brand-Bold-Hover); } .iscu_verify_your_identity_otp_check:hover .iscu_verify_your_identity_otp_btn_text { color: rgba(255, 255, 255, 0.85); } .iscu_verify_your_identity_otp_check:hover .iscu_verify_your_identity_otp_btn_icon span { color: rgba(255, 255, 255, 0.85); } .iscu_verify_your_identity_otp_check:focus-visible { outline: 2px solid #F5AE73; background: var(--bg-brand-Primary); } .iscu_verify_your_identity_otp_check:active { background: var(--bg-brand-Active); } .iscu_verify_your_identity_otp_check.iscu_verify_your_identity_check_disable { background: var(--bg-Gray-Gray-Subtle); pointer-events: none; } .iscu_verify_your_identity_otp_check.iscu_verify_your_identity_check_disable .iscu_verify_your_identity_otp_btn_text { color: var(--text-Disabled); } .iscu_verify_your_identity_otp_check.iscu_verify_your_identity_check_disable .iscu_verify_your_identity_otp_btn_icon span { color: var(--text-Disabled); } .iscu_verify_your_identity_redirect_urls_wrap { display: flex; justify-content: center; align-items: flex-start; align-content: flex-start; gap: 2px; align-self: stretch; flex-wrap: wrap; } .iscu_verify_your_identity_redirect_urls { display: flex; justify-content: center; align-items: center; gap: var(--spacing-XS); } .iscu_verify_your_identity_actions { color: var(--text-Secondary); font-family: var(--font-sans); font-size: var(--Font-size-200); font-style: normal; font-weight: var(--Font-weight-Regular-400); line-height: var(--Line-height-XS); text-align: center; } .iscu_verify_your_identity_link { color: var(--text-Link); text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-200); font-style: normal; font-weight: var(--Font-weight-Regular-400); line-height: var(--Line-height-XS); letter-spacing: 0.14px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .iscu_verify_your_identity_link:hover { text-decoration: underline; color: var(--text-Link-Hover); } .iscu_verify_your_identity_link.iscu_disabled_link { color: var(--text-Disabled); pointer-events: none; } .iscu_verify_your_identity_link.iscu_down_link { color: var(--text-Link-Avtive); } .iscu_verify_your_identity_details { display: flex; justify-content: center; align-items: center; gap: var(--spacing-XS); align-self: stretch; } .iscu_verify_your_identity_details_text { color: var(--text-Secondary); text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-200); font-style: normal; font-weight: var(--Font-weight-Regular-400); line-height: var(--Line-height-XS); } .iscu_verify_your_identity_inputs_wrap { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-XS); } .iscu_verify_your_identity_inputs { display: flex; align-items: flex-start; gap: 24px; } .iscu_verify_your_identity_otp_input_wrap { display: flex; align-items: center; gap: var(--spacing-S); } .iscu_verify_your_identity_verf_otp_input[type="number"]::-webkit-outer-spin-button, .iscu_verify_your_identity_verf_otp_input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .iscu_verify_your_identity_verf_otp_input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .iscu_verify_your_identity_verf_otp_input { display: flex; width: 48px; height: var(--size-component-large); padding: var(--spacing-S) !important; align-items: center; gap: var(--spacing-XS); border-radius: var(--corner-M); background: var(--bg-Input-Default); color: var(--text-default) !important; text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-font-size-400, 18px); font-style: normal; font-weight: var(--Font-weight-Bold-700); line-height: var(--Line-height-M); border: 1px solid var(--border-Subtle) !important; } .iscu_verify_your_identity_verf_otp_input:active, .iscu_verify_your_identity_verf_otp_input:focus, .iscu_verify_your_identity_verf_otp_input.iscu_verify_your_identity_entred_otp { border: 4px solid var(--border-Brand-Bold) !important; } .iscu_verify_your_identity_otp_err_msg_wrap { display: none; align-items: center; gap: var(--spacing-XXS); align-self: stretch; } .iscu_verify_your_identity_otp_err_msg_main { display: flex; align-items: flex-start; gap: var(--spacing-XXS); flex: 1 0 0; padding: var(--spacing-XXS, 4px) var(--spacing-XS, 8px); } .iscu_verify_your_identity_otp_err_icon { display: flex; padding-top: 2px; align-items: center; gap: var(--spacing-XS); } .iscu_verify_your_identity_error_message { color: var(--text-Color-Danger, #DC3E42); font-family: var(--font-sans); font-size: var(--Font-size-200); font-style: normal; font-weight: var(--Font-weight-Regular-400); line-height: var(--Line-height-XS); flex: 1 0 0; max-width: 300px; } .iscu_verify_your_identity_main_loader { display: none; } .iscu_verify_your_identity_verf_loader { display: flex; width: 24px; height: 24px; animation: spin 0.8s linear infinite; } .iscu_feedback_change_password_button_main:hover { border-radius: var(--corner-M); background: var(--bg-brand-hover); } .iscu_feedback_change_password_button_main:active { border-radius: var(--corner-M); background-color: var(--bg-brand-Active) !important; } .iscu_feedback_change_password_wrap { display: flex; justify-content: center; align-items: center; gap: var(--spacing-XS); background: linear-gradient(0deg, var(--bg-NeutralBackground4) 0%, var(--bg-NeutralBackground4) 100%), var(--bg-Surface-Default); min-height: calc(100vh - 64px); padding: 0px 16px; } .iscu_feedback_change_password_button_main:hover { background-color: #EF5F00; color: #FFFFFF; } .iscu_feedback_change_password_button_main:focus-visible { border-radius: var(--corner-M); background: var(--bg-brand-Primary); outline-offset: 2px !important; outline: 2px solid #F5AE73; } .iscu_feedback_change_password_main { display: flex; width: 560px; padding: 48px; flex-direction: column; align-items: flex-start; gap: 40px; border-radius: var(--corner-Card); border: 1px solid var(--border-Subtle); background: var(--bg-Surface-Default); box-shadow: 0px 39px 11px 0px rgba(32, 32, 32, 0.00), 0px 25px 10px 0px rgba(32, 32, 32, 0.01), 0px 14px 8px 0px rgba(32, 32, 32, 0.02), 0px 6px 6px 0px rgba(32, 32, 32, 0.03), 0px 2px 3px 0px rgba(32, 32, 32, 0.04); } .iscu_feedback_change_password_logo_wrap { display: flex; height: 80px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; } .iscu_feedback_change_password_logo { width: 80px; height: 107px; aspect-ratio: 80/107; } .iscu_feedback_change_password_body_message { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } .iscu_feedback_change_password_body_title { color: var(--text-default); text-align: center; font-family: var(--Heading); font-size: var(--Font-size-500); font-style: normal; font-weight: var(--Font-weight-Bold-700); line-height: var(--Line-height-XXL); align-self: stretch; } .iscu_feedback_change_password_body_subtitle { color: var(--text-Secondary); text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-font-size-400, 18px); font-style: normal; font-weight: 400; line-height: var(--Line-height-L); align-self: stretch; } .iscu_feedback_change_password_button_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } .iscu_feedback_change_password_button_main { display: inline-flex; height: var(--size-component-large); min-width: 112px; padding: var(--spacing-XS) var(--spacing-M); justify-content: center; align-items: center; gap: var(--spacing-S); flex-shrink: 0; border-radius: var(--corner-M); background: var(--bg-brand-Primary); align-self: stretch; border: none !important; cursor: pointer; outline-offset: 2px; } .iscu_feedback_change_password_button_text { color: var(--text-onbrand-default); text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-300); font-style: normal; font-weight: var(--Font-weight-SemiBold-600); line-height: var(--Line-height-M); } .iscu_feedback_change_password_button_main:hover { background: var(--text-Brand-Bold-Hover); } .iscu_feedback_change_password_button_main:hover .iscu_feedback_change_password_button_text { color: rgba(255, 255, 255, 0.85); } .iscu_feedback_change_password_button_main:hover .iscu_feedback_change_password_button_text path { fill: rgba(255, 255, 255, 0.85); } .iscu_feedback_change_password_button_main.iscu_feedback_change_password_button_main_disable { background: var(--bg-Gray-Gray-Subtle); pointer-events: none; } .iscu_feedback_change_password_button_main.iscu_feedback_change_password_button_main_disable .iscu_feedback_change_password_button_text { color: var(--text-Disabled); } .iscu_feedback_change_password_button_main.iscu_feedback_change_password_button_main_disable path { fill: var(--text-Disabled); } body .iscu_verify_your_identity_otp_input_wrap.iscu_verf_error_show_border .iscu_verify_your_identity_verf_otp_input { border-radius: var(--corner-M); border: 1px solid var(--border-Colors-Danger) !important; } .iscu_verify_your_identity_otp_input_wrap.iscu_verf_error_show_border .iscu_verify_your_identity_verf_otp_input:active { border-radius: var(--corner-M); border: 4px solid var(--border-Colors-Danger) !important; background: var(--bg-Input-Default); } .iscu_verify_your_identity_otp_btn_icon span { display: flex; } .iscu_verify_your_identity_otp_input_wrap.iscu_verf_error_show_border .iscu_verify_your_identity_verf_otp_input:focus { border-radius: var(--corner-M); border: 4px solid var(--border-Colors-Danger) !important; background: var(--bg-Input-Default); } .iscu_forgot_password_link:active { color: var(--text-Link-Avtive); } .iscu_verify_your_identity_resend_code.iscu_verify_your_identity_link:active { color: var(--text-Link-Avtive); } .iscu_verify_your_identity_link:active { color: var(--text-Link-Avtive); } .iscu_set_new_pass_section .iscu_verify_your_identity_verf_loader { display: flex; } .iscu_intertitles_wrapper { gap: 12px; width: 100%; display: flex; position: relative; align-items: center; flex-direction: column; padding: var(--spacing-section-L) 0px var(--spacing-XXL) 0px; } .iscu_intertitles_title_wrapper, .iscu_intertitles_description_wrapper { align-self: stretch; } .iscu_intertitles_title { text-align: center; font-style: normal; letter-spacing: -0.8px; font-family: var(--Heading); color: var(--text-default); line-height: var(--Line-height-XXL); font-size: var(--Font-size-font-size-700, 40px); font-weight: var(--Font-weight-Normal-Bold-700, 700); padding: 0; } .iscu_intertitles_desc { text-align: center; font-style: normal; font-family: var(--font-sans); line-height: var(--Line-height-XL); font-size: var(--Font-size-font-size-500, 24px); color: var(--text-Secondary); font-weight: var(--Font-weight-Normal-Regular-400, 400); } .iscu_intertitles_svg_wrapper { top: -73px; right: 68px; /* width: 240px; height: 240px; */ position: absolute; } .iscu_home_about_kita_wrapper { height: 848px; } .iscu_home_about_kita_wrapper, .iscu_home_about_tages_wrapper { display: flex; /* height: 848px; */ position: relative; align-items: center; flex-direction: column; padding: var(--spacing-section-M) 24px; } .iscu_home_about_kita_content_wrapper, .iscu_home_about_tages_content_wrapper { gap: 24px; margin: auto; display: flex; max-width: 1280px; align-self: stretch; align-items: center; flex-direction: column; padding: var(--spacing-L) 0px; } .iscu_home_about_kita_head_wrapper, .iscu_home_about_tages_head_wrapper { gap: 32px; display: flex; padding: 8px 24px; align-self: stretch; align-items: flex-end; /* justify-content: flex-end; */ } .iscu_home_about_kita_head_content_wrapper, .iscu_home_about_tages_head_content_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .iscu_home_about_kita_head_content_wrapper { max-width: 604px; } .iscu_home_about_tages_head_content_wrapper { max-width: 632px; } .iscu_home_about_kita_head_title, .iscu_home_about_tages_head_title { font-style: normal; font-family: var(--Heading); color: var(--text-default); line-height: var(--Line-height-3XL); font-size: var(--Font-size-font-size-600, 32px); font-weight: var(--Font-weight-Normal-Bold-700, 700); padding: 0; } .iscu_home_about_kita_head_desc, .iscu_home_about_tages_head_desc { font-style: normal; font-family: var(--font-sans); line-height: var(--Line-height-L); font-size: var(--Font-size-font-size-400, 18px); color: var(--text-Secondary); font-weight: var(--Font-weight-Normal-Bold-700, 700); } .iscu_home_about_kita_btn, .iscu_home_about_tages_btn { border: none; outline: none; display: flex; cursor: pointer; min-width: 112px; width: max-content; align-items: center; text-decoration: none; justify-content: center; gap: var(--spacing-XS); border-radius: var(--corner-M); height: var(--size-component-large); background: var(--bg-brand-Primary); padding: var(--spacing-XS) var(--spacing-M); } .iscu_home_about_kita_btn_text, .iscu_home_about_tages_btn_text { text-align: center; font-style: normal; font-family: var(--font-sans); line-height: var(--Line-height-M); color: var(--text-onbrand-default); font-size: var(--Font-size-font-size-300, 16px); font-weight: var(--Font-weight-Normal-SemiBold-600, 600); } .iscu_home_about_kita_btn_icon_wrapper, .iscu_home_about_tages_btn_icon_wrapper { fill: #FFF; width: var(--size-icon-base); height: var(--size-icon-base); } .iscu_home_about_kita_content { display: grid; height: 558px; padding: 24px; row-gap: 24px; column-gap: 24px; align-self: stretch; grid-template-rows: 32.00px minmax(0, 1fr) 64.00px 32.00px 32.00px 80.00px minmax(0, 1fr) 32.00px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .iscu_home_about_kita_card { display: flex; padding: var(--spacing-L); flex-direction: column; justify-content: center; align-items: center; gap: var(--spacing-L); min-width: 394.66px; align-self: stretch; grid-row: 1 / span 4; grid-column: 1 / span 1; border-radius: var(--corner-Card); cursor: pointer; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_kita_card_wrapper { display: flex; flex-direction: column; align-items: center; gap: 8px; flex: 1 0 0; align-self: stretch; position: relative; justify-content: center; transition: transform 0.4s ease; } .iscu_home_about_kita_card_svg_wrapper { width: 80px; height: 80px; display: flex; align-items: center; border-radius: 100px; justify-content: center; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_kita_card_svg_wrapper > svg { height: 40px; width: 40px; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_svg_wrapper > svg { width: 32px !important; height: 32px !important; } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_svg_wrapper { display: flex; align-items: center; gap: 8px; display: flex; width: 64px !important; height: 64px !important; align-items: center; gap: 8px; aspect-ratio: 1/1; } .iscu_home_about_kita_card_title_wrapper, .iscu_home_about_kita_card_desc_wrapper { align-self: stretch; } .iscu_home_about_kita_card_title { font-size: 30px; text-align: center; font-style: normal; font-family: var(--Heading); line-height: var(--Line-height-XXL); /* font-size: var(--Font-size-font-size-600, 32px); */ font-weight: var(--Font-weight-Normal-Bold-700, 700); transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); padding: 0px; } .iscu_home_about_kita_card_desc { color: var(--text-Secondary); text-align: center; font-family: var(--font-sans); font-size: var(--Font-size-font-size-400, 18px); font-style: normal; font-weight: var(--Font-weight-Normal-Regular-400, 400); line-height: var(--Line-height-M); transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) .iscu_home_about_kita_card_desc_wrapper { transform: translateY(30px); transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); opacity: 0; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) .iscu_home_about_kita_card_desc_wrapper { transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); opacity: 0; /* display: none; */ } .iscu_home_about_kita_card_desc_wrapper { position: absolute; left: 0; } body.page-id-689 { overflow-x: hidden; } .iscu_home_about_kita_svg_wrapper { position: absolute; left: 43.709px; top: 52.648px; width: 268.391px; height: 240.066px; } .iscu_home_about_tages_content { display: grid; height: 668px; padding: 24px; row-gap: 24px; column-gap: 24px; align-self: stretch; grid-template-rows: 100.00px 100.00px 50.00px 100.00px 100.00px 50.00px; grid-template-columns: 100.00px 100.00px 100.00px 175.00px minmax(0, 1fr) 100.00px 100.00px 100.00px; } .iscu_home_about_tages_simple_card { gap: 12px; flex: 1 0 0; display: flex; align-self: stretch; align-items: center; grid-row: 1 / span 3; flex-direction: column; grid-column: 5 / span 4; justify-content: center; padding: var(--spacing-XL); border-radius: var(--corner-Card); border: 4px solid var(--light-Solid-Orange-900, #F76B15); background: var(--light-Solid-Gray-50, #FFF); } .iscu_home_about_tages_simple_card_content_wrapper { display: flex; align-self: stretch; flex-direction: column; } .iscu_home_about_tages_simple_card_title { text-align: center; font-style: normal; align-self: stretch; font-family: var(--Heading); color: var(--text-default); line-height: var(--Line-height-XXL); font-size: var(--Font-size-font-size-500, 24px); font-weight: var(--Font-weight-Normal-Bold-700, 700); } .iscu_home_about_tages_simple_card_desc { font-style: normal; text-align: center; align-self: stretch; font-family: var(--font-sans); line-height: var(--Line-height-M); font-size: var(--Font-size-font-size-400, 18px); color: var(--text-Secondary); font-weight: var(--Font-weight-Normal-Bold-700, 700); } .iscu_home_about_tages_card { display: flex; padding: var(--spacing-L); flex-direction: column; justify-content: center; align-items: center; gap: var(--spacing-L); flex: 1 0 0; align-self: stretch; border-radius: var(--corner-Card); cursor: pointer; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_tages_card_wrap { display: flex; flex-direction: column; align-items: center; gap: 12px; align-self: stretch; } .iscu_home_about_tages_card_svg_wrapper { width: 80px; height: 80px; display: flex; min-height: 64px; align-items: center; border-radius: 100px; justify-content: center; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_tages_card_svg_wrapper > svg { width: 40px; height: 40px; transition: width 0.3s ease, height 0.3s ease; } .iscu_home_about_tages_card:hover .iscu_home_about_tages_card_svg_wrapper { width: 64px !important; height: 64px !important; } .iscu_home_about_tages_card:hover .iscu_home_about_tages_card_svg_wrapper > svg { width: 32px !important; height: 32px !important; } .iscu_home_about_tages_card_content_wrapper { display: flex; height: 108px; flex-direction: column; align-items: center; align-self: stretch; } .iscu_home_about_tages_card_title { font-size: 30px; text-align: center; font-style: normal; align-self: stretch; font-family: var(--Heading); line-height: var(--Line-height-XXL); /* font-size: var(--Font-size-font-size-600, 32px); */ font-weight: var(--Font-weight-Normal-Bold-700, 700); transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); padding: 0px; } .iscu_home_about_tages_card_desc { max-width: 478px; text-align: center; font-style: normal; align-self: stretch; font-family: var(--font-sans); line-height: var(--Line-height-M); font-size: var(--Font-size-font-size-400, 18px); color: var(--text-Secondary); font-weight: var(--Font-weight-Normal-Regular-400, 400); transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_tages_nest_svg_wrapper svg { position: absolute; left: -45.592px; bottom: -12.853px; width: 363.183px; height: 336.853px; } .iscu_home_about_tages_bird_svg_wrapper svg { width: 514.724px; height: 155.36px; position: absolute; right: -3.724px; top: 37px; } .iscu_home_about_tages_btn { width: max-content; } .iscu_home_about_tages_card_desc_wrapper { opacity: 0; height: 0px; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_home_about_tages_nest2_svg_wrapper { right: 0; /* top: 3468px; */ z-index: 10; display: none; bottom: -150px; position: absolute; } .iscu_home_main_content_wrapper { position: relative; } .iscu_au_tl_school_svg_wrap { left: 281px; bottom: 112px; position: absolute; display: flex; width: 167px; height: 169px; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transform: rotate(-40deg) scale(0.40); width: clamp(118px, 8.79vw, 167px); height: clamp(119px, 8.90vw, 169px); } .iscu_au_tl_star_svg_wrap { width: 119.487px; height: 120.582px; position: absolute; left: 225px; top: 157px; width: clamp(119.487px, 6.29vw, 119.487px); height: clamp(120.582px, 6.35vw, 120.582px); } .iscu_au_tl_plant_svg_wrap { display: flex; width: 167px; height: 153px; justify-content: center; align-items: center; position: absolute; right: 317px; top: 250px; opacity: 0; transform: translateX(250px) scale(0.75); width: clamp(73px, 8.79vw, 167px); height: clamp(66px, 8.05vw, 153px); } .iscu_au_tl_hand_shake_svg_wrap { position: absolute; right: 263px; bottom: 544px; width: 163px; height: 146px; opacity: 0; transform: translateY(-250px) scale(0.75); width: clamp(73px, 8.6vw, 163px); height: clamp(66px, 7.7vw, 146px); } .iscu_au_tl_toy_svg_wrap { position: absolute; left: 349px; top: 540px; display: flex; width: 132px; height: 140px; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transform: rotate(-40deg) scale(0.40); width: clamp(73px, 7.3vw, 132px); height: clamp(66px, 7.4vw, 140px); } .iscu_aboutus_timeline_section { overflow: hidden; } .iscu_aboutus_timeline_wrap { margin-top: 87px; position: relative; } .iscu_home_about_kita_btn:not(:disabled):hover, .iscu_home_about_tages_btn:not(:disabled):hover { background: var(--bg-brand-hover); } .iscu_home_about_kita_btn:not(:disabled):focus-visible, .iscu_home_about_tages_btn:not(:disabled):focus-visible { outline-offset: 2px; background: var(--bg-brand-Primary); outline: 2px solid var(--border-Brand-Focus); } .iscu_home_about_kita_btn:not(:disabled):active, .iscu_home_about_tages_btn:not(:disabled):active { background: var(--bg-brand-Active); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) { border: 2px solid var(--light-Solid-Teal-900, #12A594); background: linear-gradient(0deg, var(--light-Solid-Teal-300, #E0F8F3) 0%, var(--light-Solid-Teal-300, #E0F8F3) 100%), var(--light-Solid-Green-800, #5BB98B); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) { border: 2px solid var(--light-Solid-Blue-900, #0090FF); background: linear-gradient(0deg, var(--light-Solid-Blue-400, #D5EFFF) 0%, var(--light-Solid-Blue-400, #D5EFFF) 100%), var(--light-Solid-Green-800, #5BB98B); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2), .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3) { border: 2px solid var(--light-Solid-Orange-900, #F76B15); background: linear-gradient(0deg, var(--light-Solid-Orange-300, #FFEFD6) 0%, var(--light-Solid-Orange-300, #FFEFD6) 100%), var(--light-Solid-Orange-900, #F76B15); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4), .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) { border: 2px solid var(--light-Solid-Red-900, #E5484D); background: linear-gradient(0deg, var(--light-Alpha-Red-400, rgba(255, 0, 8, 0.14)) 0%, var(--light-Alpha-Red-400, rgba(255, 0, 8, 0.14)) 100%), var(--light-Solid-Gray-50, #FFF); } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_wrapper { transform: translateY(-20%); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1) { grid-row: 1 / span 4; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2) { grid-row: 5 / span 4; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3) { grid-row: 5 / span 4; grid-column: 2 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4) { grid-row: 5 / span 4; grid-column: 3 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) { grid-row: 1 / span 4; grid-column: 2 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) { grid-row: 1 / span 4; grid-column: 3 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2) .iscu_home_about_kita_card_title, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4) .iscu_home_about_kita_card_title, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) .iscu_home_about_kita_card_title { color: var(--light-Solid-Teal-900, #12A594); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1) .iscu_home_about_kita_card_title, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3) .iscu_home_about_kita_card_title, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) .iscu_home_about_kita_card_title { color: var(--Dark-blue-900, #0265DC); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2) .iscu_home_about_kita_card_svg_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4) .iscu_home_about_kita_card_svg_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) .iscu_home_about_kita_card_svg_wrapper { fill: var(--light-Solid-Teal-900, #12A594); border: 2px dashed var(--light-Solid-Teal-900, #12A594); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1) .iscu_home_about_kita_card_svg_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3) .iscu_home_about_kita_card_svg_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) .iscu_home_about_kita_card_svg_wrapper { fill: var(--Dark-blue-900, #0265DC); border: 2px dashed var(--Dark-blue-900, #0265DC); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2) .iscu_home_about_tages_card_title, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3) .iscu_home_about_tages_card_title { color: var(--light-Solid-Orange-900, #F76B15); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) .iscu_home_about_tages_card_title, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) .iscu_home_about_tages_card_title { color: var(--light-Solid-Red-900, #E5484D); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2) .iscu_home_about_tages_card_svg_wrapper, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3) .iscu_home_about_tages_card_svg_wrapper { fill: #F65E00; border: 2px dashed var(--light-Alpha-Orange-900, rgba(246, 94, 0, 0.92)); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) .iscu_home_about_tages_card_svg_wrapper, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) .iscu_home_about_tages_card_svg_wrapper { fill: #E5484D; border: 2px dashed var(--light-Solid-Red-900, #E5484D); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2) { grid-row: 4 / span 3; grid-column: 6 / span 3; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3) { grid-row: 4 / span 3; grid-column: 1 / span 3; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) { grid-row: 4 / span 3; grid-column: 4 / span 2; justify-content: end; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) { grid-row: 1 / span 3; grid-column: 1 / span 4; justify-content: end; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) .iscu_home_about_tages_card_wrap, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) .iscu_home_about_tages_card_wrap { transition: transform 0.4s ease; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2):hover .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4):hover .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5):hover .iscu_home_about_kita_card_desc_wrapper { opacity: 1; transform: translateY(0); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1):hover .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3):hover .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6):hover .iscu_home_about_kita_card_desc_wrapper { transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); opacity: 1; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4):hover .iscu_home_about_tages_card_wrap, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5):hover .iscu_home_about_tages_card_wrap { transform: translateY(-16%); } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_title { font-size: var(--Font-size-font-size-500, 24px); } .iscu_home_about_tages_card:hover .iscu_home_about_tages_card_desc_wrapper { height: initial; opacity: 1; } .iscu_home_about_tages_card:hover .iscu_home_about_tages_card_title { font-size: var(--Font-size-font-size-500, 24px); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2):hover, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3):hover { border: 4px solid var(--light-Solid-Orange-900, #F76B15); background: linear-gradient(0deg, var(--light-Solid-Orange-300, #FFEFD6) 0%, var(--light-Solid-Orange-300, #FFEFD6) 100%), var(--light-Solid-Orange-900, #F76B15); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4):hover, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5):hover { border: 4px solid var(--light-Solid-Red-900, #E5484D); background: linear-gradient(0deg, var(--light-Alpha-Red-400, rgba(255, 0, 8, 0.14)) 0%, var(--light-Alpha-Red-400, rgba(255, 0, 8, 0.14)) 100%), var(--light-Solid-Gray-50, #FFF); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2):hover, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4):hover, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5):hover { border: 4px solid var(--light-Solid-Teal-900, #12A594); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1):hover, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3):hover, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6):hover { border: 4px solid var(--light-Solid-Blue-900, #0090FF); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } @keyframes iscu_plant_in_animation { 0% { opacity: 0; transform: translateX(250px) scale(0.75); } 100% { opacity: 1; transform: translateX(0) scale(1); } } @keyframes iscu_plant_out_animation { 0% { opacity: 1; transform: translateX(0) scale(1); } 100% { opacity: 0; transform: translateX(250px) scale(0.75); } } @keyframes iscu_taddy_in_animation { 0% { opacity: 0; transform: rotate(-40deg) scale(0.40); } 100% { opacity: 1; transform: rotate(0) scale(1); } } @keyframes iscu_taddy_out_animation { 0% { opacity: 1; transform: rotate(0) scale(1); } 100% { opacity: 0; transform: rotate(-40deg) scale(0.40); } } @keyframes iscu_hand_shake_in_animation { 0% { opacity: 0; transform: translateY(-250px) scale(0.75); } 100% { opacity: 1; transform: translateY(0) scale(1); } } @keyframes iscu_hand_shake_out_animation { 0% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-250px) scale(0.75); } } .iscu_service_kita_section_3_wrap { gap: 87px; width: 100%; display: flex; max-width: 1920px; position: relative; align-items: center; flex-direction: column; justify-content: center; border-radius: 0px 0px 10000px 10000px; background: var(--bg-blue-Brand-Subtlest); padding: var(--spacing-section-L) 24px var(--spacing-section-XL) 24px; box-shadow: 0px 166px 46px 0px rgba(156, 156, 156, 0.00), 0px 106px 42px 0px rgba(156, 156, 156, 0.01), 0px 60px 36px 0px rgba(156, 156, 156, 0.05), 0px 27px 27px 0px rgba(156, 156, 156, 0.09), 0px 7px 15px 0px rgba(156, 156, 156, 0.10); } .iscu_service_kita_section_3_content_wrapper { gap: 32px; width: 100%; display: flex; max-width: 1280px; /* align-self: stretch; */ align-items: center; justify-content: center; } .iscu_service_kita_section_3_content_container { width: 100%; display: flex; max-width: 1232px; position: relative; align-items: center; justify-content: center; gap: var(--spacing-XXL); padding: var(--spacing-section-S) 16px; } .iscu_service_kita_section_3_content { gap: 12px; flex: 1 0 0; display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; } .iscu_service_kita_section_3_heade_wrpper { gap: 12px; display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; } .iscu_service_kita_section_3_tag { font-style: normal; align-self: stretch; text-transform: capitalize; font-family: var(--font-sans); line-height: var(--Line-height-M); color: var(--text-accent-Accent-Green); font-size: var(--Font-size-font-size-300, 16px); font-weight: var(--Font-weight-Normal-SemiBold-600, 600); padding: 0; } .iscu_service_kita_section_3_title { font-style: normal; align-self: stretch; letter-spacing: -0.8px; color: var(--text-default); font-family: var(--Heading); line-height: var(--Line-height-XXL); font-size: var(--Font-size-font-size-700, 40px); font-weight: var(--Font-weight-Normal-Bold-700, 700); padding: 0; } .iscu_service_kita_section_3_info_wrap { display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; gap: var(--spacing-L, 24px); } .iscu_service_kita_section_3_info { font-weight: 400; font-style: normal; align-self: stretch; color: var(--text-Secondary); font-family: var(--font-sans); line-height: var(--Line-height-L); font-size: var(--Font-size-font-size-400, 18px); } .iscu_service_kita_section_3_svg_wrap { top: -59.227px; left: 147.398px; height: 144.511px; position: absolute; max-width: 226.126px; } .iscu_service_kita_section_3_slider_wrapp { position: relative; } .iscu_service_kita_section_3_slider { gap: 24px; width: 100%; max-width: 614px; /* 584px */ /* height: 468px; */ display: flex; flex-shrink: 0; position: unset; align-items: center; aspect-ratio: 146/117; flex-direction: column; } .iscu_service_kita_section_3_slider_content { width: 100%; flex-shrink: 0; max-width: 614px; /* 584px */ height: 443.771px; align-self: stretch; } /* .iscu_service_kita_section_3_slider_layout { fill: #000; width: 584px; flex-shrink: 0; height: 443.771px; filter: drop-shadow(var(--Depth-0, 0px) var(--Depth-300, 10px) var(--Depth-300, 10px) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05))) drop-shadow(var(--Depth-0, 0px) var(--Depth-500, 20px) var(--Depth-600, 24px) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09))); } */ /* .iscu_service_kita_section_3_slider_image { flex-shrink: 0; width: 707.429px; height: 495.347px; aspect-ratio: 707.43/495.35; background: url('') lightgray 50% / cover no-repeat; } */ .iscu_service_kita_section_3_slider_nav_dottos_wrapp { gap: 24px; display: flex; align-self: stretch; align-items: center; justify-content: center; } .iscu_service_kita_section_3_slider_nav_dottos { gap: 4px; width: 146px; height: 12px; display: flex; } .iscu_service_kita_section_3_slider_pagination { position: unset; } .iscu_service_kita_section_3_slider_pagination>span { opacity: 1; width: 18px; height: 12px; flex-shrink: 0; border-radius: 100px; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); background: var(--light-Solid-Teal-600, #A1DED2); } .iscu_service_kita_section_3_slider_pagination>.swiper-pagination-bullet-active { opacity: 1; width: 54px; height: 12px; flex-shrink: 0; border-radius: 100px; background: var(--light-Solid-Teal-900, #12A594); } .iscu_service_kita_section_3_slider_next_btn { width: 56px; height: 56px; right: -22px; /* -31px */ bottom: 193px; position: absolute; cursor: pointer; } .iscu_service_kita_section_3_slider_prev_btn { left: -18px; /* -37px */ width: 56px; height: 56px; bottom: 193px; position: absolute; cursor: pointer; } .iscu_service_kita_section_3_slider_next_btn::after, .iscu_service_kita_section_3_slider_prev_btn::after { content: none !important; display: none !important; } .iscu_service_kita_section_2_svg_wrap { position: absolute; height: 144.511px; bottom: -19.511px; right: 398.937px; width: 226.126px; display: none; z-index: 10; } .iscu_service_kita_section_4_and_6 { overflow: unset; } .iscu_service_kita_section_3_slider_prev_btn_border, .iscu_service_kita_section_3_slider_next_btn_border { transition: transform 0.3s ease-in-out, stroke 0.3s ease-in-out, stroke-width 0.3s ease-in-out; overflow: visible; } .iscu_service_kita_section_3_slider_next_btn:hover .iscu_service_kita_section_3_slider_next_btn_border { fill: var(--light-Solid-Teal-500, #B8EAE0); stroke-width: 3px; stroke: var(--border-Soft-Accent-Accent-Teal-Bold, rgba(0, 158, 140, 0.92)); } .iscu_service_kita_section_3_slider_prev_btn:hover .iscu_service_kita_section_3_slider_prev_btn_border { fill: var(--light-Solid-Teal-500, #B8EAE0); stroke-width: 3px; stroke: var(--border-Soft-Accent-Accent-Teal-Bold, rgba(0, 158, 140, 0.92)); } .iscu_service_kita_section_3_prev_icon, .iscu_service_kita_section_3_next_icon { display: flex; width: 56px; height: 56px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; border: none; position: absolute; background: no-repeat; cursor: pointer; padding: 3px; } .iscu_tage_3_2_content_wrapp { gap: 56px; flex: 1 0 0; display: flex; padding: 12px; flex-direction: column; align-items: flex-start; } .iscu_tage_3_2_header_wrapp { gap: 16px; display: flex; align-self: stretch; align-items: center; flex-direction: column; padding: 24px 8px 0px 8px; } .iscu_tage_3_2_title_wrapp { gap: 8px; display: flex; align-self: stretch; align-items: center; flex-direction: column; } .iscu_tage_3_2_title { font-size: 40px; line-height: 40px; text-align: center; font-style: normal; align-self: stretch; padding-bottom: unset; letter-spacing: -0.8px; font-family: var(--Heading, Snicker); color: var(--text-default, #202020); font-weight: var(--Font-weight-Normal-Bold-700, 700); } .iscu_tage_3_2_desc { max-width: 981px; text-align: center; font-style: normal; align-self: stretch; font-family: var(--font-sans, Inter); line-height: var(--Line-height-M, 24px); font-size: var(--Font-size-font-size-400, 18px); color: var(--text-Secondary, rgba(0, 0, 0, 0.60)); font-weight: var(--Font-weight-Normal-Regular-400, 400); } .iscu_tage_3_2_content { display: grid; height: 732px; row-gap: 12px; column-gap: 12px; position: relative; align-self: stretch; grid-template-rows: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(6, minmax(0, 1fr)); } .iscu_tage_3_2_card { gap: 8px; flex: 1 0 0; z-index: 10; display: flex; position: relative; align-self: stretch; align-items: center; flex-direction: column; justify-content: center; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); padding: 12px 24px 32px 24px; } /* .iscu_tage_3_2_card_svg_wrapp > svg { height: 378px; width: 307.321px; transform: rotate(-90deg); fill: var(--light-Solid-Blue-400, #D5EFFF); filter: drop-shadow(0px 2px 3px rgba(32, 32, 32, 0.04)) drop-shadow(0px 6px 6px rgba(32, 32, 32, 0.03)) drop-shadow(0px 14px 8px rgba(32, 32, 32, 0.02)) drop-shadow(0px 25px 10px rgba(32, 32, 32, 0.01)) drop-shadow(0px 39px 11px rgba(32, 32, 32, 0.00)); } */ .iscu_tage_3_2_card_svg_wrapp { z-index: 0; position: absolute; } .iscu_tage_3_2_card_icon_wrapp > svg, .iscu_tage_3_2_card_icon_wrapp { width: 112px; height: 112px; aspect-ratio: 1/1; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_tage_3_2_card_icon_wrapp { z-index: 10; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_tage_3_2_card_content_wrapp { gap: 4px; z-index: 10; display: flex; align-self: stretch; align-items: center; flex-direction: column; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); } .iscu_tage_3_2_card_title { font-size: 24px; font-weight: 700; line-height: 32px; text-align: center; font-style: normal; font-family: Snicker; letter-spacing: -0.48px; color: var(--text-default); } .iscu_tage_3_2_card_desc_wrapp { opacity: 0; transition: all 300ms cubic-bezier(0.8, 0, 0.2, 1); /* transition: opacity 0.2s ease; */ } .iscu_tage_3_2_card_desc { width: 312px; font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; font-style: normal; font-family: Inter; letter-spacing: -0.32px; color: var(--text-Subtle); } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) { grid-row: 1 / span 2; grid-column: 1 / span 2; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) { grid-row: 1 / span 2; grid-column: 5 / span 2; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) { grid-row: 1 / span 2; grid-column: 3 / span 2; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) { grid-row: 3 / span 2; grid-column: 2 / span 2; padding: 12px 32px 32px 32px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) { grid-row: 3 / span 2; grid-column: 4 / span 2; padding: 12px 32px 0px 32px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp { /* top: 17.344px; */ right: 0px; bottom: -14.66px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { bottom: -9px; right: 6.473px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { right: -10px; bottom: -21px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { left: -2.875px; bottom: -5.5px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { bottom: 1.681px; right: -13.252px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp { width: 399px; height: 340px; aspect-ratio: 378.00/307.32; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { height: 320px; width: 417.579px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { height: 360px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { width: 383.397px; height: 330px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { width: 415px; height: 331px; } .iscu_tage_3_2_content li:nth-child(3), .iscu_tage_3_2_content li:nth-child(4) { justify-content: end; } .iscu_tage_3_2_svg_wrapp { top: 404px; z-index: 0; left: 607px; position: absolute; grid-row: 0 / span 1; grid-column: 0 / span 1; } .iscu_tage_3_2_svg_wrapper { position: absolute; right: -212px; bottom: 340px; } .iscu_tage_3_2_svg_wrapper > svg, .iscu_tage_3_2_svg_wrapper { width: 344px; height: 191px; } .iscu_tage_3_2_svg_wrapp > svg, .iscu_tage_3_2_svg_wrapp { width: 66px; height: 70px; } .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_icon_wrapp { transform: translateY(40px); } .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_icon_wrapp { transform: translateY(25px); } .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_content_wrapp { transform: translateY(30px); } .iscu_tage_3_2_card:hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:hover .iscu_tage_3_2_card_icon_wrapp > svg { height: 80px; } .iscu_tage_3_2_card:hover .iscu_tage_3_2_card_desc_wrapp { opacity: 1; } .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(14px); } .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(-44px); } .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(-30px); } .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(0); } .iscu_err_wrapp { flex: 1 0 0; display: flex; align-items: flex-start; gap: var(--spacing-XXS); border-radius: var(--corner-S); padding: var(--spacing-XXS) var(--spacing-XS); } .iscu_err_svg_wrapp { gap: 8px; display: flex; align-items: center; padding-top: var(--spacing-XXXS); } .iscu_err_message { font-style: normal; font-family: var(--font-sans); color: var(--text-Color-Danger); line-height: var(--Line-height-XS); font-size: var(--Font-size-font-size-200, 14px); font-weight: var(--Font-weight-Normal-Regular-400, 400); } .iscu_error input[type="text"], .iscu_error input[type="email"], .iscu_error textarea { border: 1px solid var(--border-Colors-Danger) !important; } .iscu_error input[type="text"]:focus, .iscu_error input[type="email"]:focus, .iscu_error textarea:focus { border: 1px solid var(--border-Brand-Bold) !important; } .iscu_tm_form_submit_button .iscu_buttons_spinner { display: none; } .iscu_ser_kita_prices_tables_tab { margin-bottom: 1px; } .iscu_ser_kita_prices_tables_tab > svg { height: 40px; width: 40px; } .iscu_intertitles_title_wrapper, .iscu_intertitles_description_wrapper { margin: auto; max-width: 1240px; } .iscu_job_post_form_btn_wrapp { margin-bottom: 24px; } @media only screen and (max-width: 1720px) { .iscu_service_kita_section_3_content_wrapper { max-width: 981px; } .iscu_service_kita_section_3_content_container { max-width: 981px; flex-direction: column; } /* .iscu_service_kita_section_3_slider { width: 604px; } .iscu_service_kita_section_3_content_container { gap: 26px; } .iscu_service_kita_section_3_slider_next_btn { right: -32px; } .iscu_service_kita_section_3_slider_prev_btn { left: -16px; } .iscu_service_kita_section_3_slider { aspect-ratio: 144/117; } */ } @media only screen and (max-width: 1600px) { .iscu_home_about_tages_bird_svg_wrapper>svg { width: 550px } .iscu_home_about_tages_nest_svg_wrapper>svg, .iscu_home_about_kita_svg_wrapper>svg { width: 230px; } .iscu_home_about_kita_svg_wrapper { top: -60.352px; } } @media only screen and (max-width: 1500px) { .iscu_home_about_tages_bird_svg_wrapper>svg { width: 500px } .iscu_home_about_tages_nest_svg_wrapper>svg, .iscu_home_about_kita_svg_wrapper>svg { width: 200px; } .iscu_home_about_kita_svg_wrapper { top: -75.352px; } } @media only screen and (max-width: 1450px) { .iscu_home_about_tages_bird_svg_wrapper { top: -50px; } .iscu_home_about_tages_bird_svg_wrapper>svg { width: 406px } .iscu_home_about_kita_svg_wrapper>svg, .iscu_home_about_tages_nest_svg_wrapper>svg { width: 160px; } } @media only screen and (max-width: 1280px) { .iscu_home_about_tages_bird_svg_wrapper { top: -70px; } .iscu_home_about_kita_svg_wrapper { top: -10px; width: 159.465px; height: 108.635px; position: absolute; left: 48.172px; } .iscu_home_about_kita_svg_wrapper>svg { width: 159.465px; height: 108.635px; } .iscu_home_about_kita_wrapper { height: auto; } .iscu_home_about_tages_bird_svg_wrapper svg { top: -50px; right: 10.333px; } .iscu_home_about_tages_nest_svg_wrapper>svg, .iscu_intertitles_svg_wrapper { display: none; } .iscu_home_about_tages_nest2_svg_wrapper { display: block; width: 301.072px; height: 279.245px; right: -63.072px; bottom: -130px; } .iscu_home_about_kita_card { height: auto; min-width: 421.09px; } .iscu_home_about_tages_content_wrapper, .iscu_home_about_kita_content_wrapper { width: 100%; margin: auto; max-width: 981px; } .iscu_home_about_kita_content { grid-template-rows: repeat(12, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr)); height: 787px; row-gap: 16px; column-gap: 16px; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1) { grid-row: 1 / span 4; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2) { grid-row: 5 / span 4; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3) { grid-row: 9 / span 4; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4) { grid-row: 9 / span 4; grid-column: 2 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) { grid-row: 1 / span 4; grid-column: 2 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) { grid-row: 5 / span 4; grid-column: 2 / span 1; } .iscu_home_about_tages_content { height: auto; row-gap: 16px; column-gap: 16px; grid-template-rows: repeat(9, minmax(0, 1fr)); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 100.00px 100.00px 100.00px; height: 1069.25px; } .iscu_home_about_tages_simple_card { grid-row: 1 / span 3; grid-column: 1 / span 8; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2) { grid-row: 4 / span 3; grid-column: 1 / span 4; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3) { grid-row: 7 / span 3; grid-column: 5 / span 4; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) { grid-row: 7 / span 3; grid-column: 1 / span 4; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) { grid-row: 4 / span 3; grid-column: 5 / span 4; } .iscu_au_tl_plant_svg_wrap { top: 272px; width: 126px; right: 168px; height: 115px; width: clamp(73px, 9.85vw, 126px); height: clamp(66px, 8.98vw, 115px); } .iscu_au_tl_hand_shake_svg_wrap { width: 123px; right: 111px; bottom: 617px; height: 110px; width: clamp(73px, 9.61vw, 123px); height: clamp(66px, 8.59vw, 110px); } .iscu_au_tl_school_svg_wrap { left: 121px; width: 118px; height: 119px; bottom: 360px; width: clamp(73px, 9.22vw, 118px); height: clamp(66px, 9.3vw, 119px); } .iscu_au_tl_toy_svg_wrap { top: 436px; left: 144px; width: 109px; height: 116px; width: clamp(73px, 8.52vw, 109px); height: clamp(66px, 9.06vw, 116px); } .iscu_au_tl_star_svg_wrap { display: none; } .iscu_aboutus_timeline_section { margin-top: -344px; } .iscu_service_kita_section_3_slider_content { width: 608px; } .iscu_service_kita_section_3_svg_wrap { left: 51.398px; top: -19.227px; } .iscu_service_kita_section_3_slider_next_btn { right: -36px; } .iscu_service_kita_section_3_slider { aspect-ratio: auto; } .iscu_tage_vector_spinner { left: 50px; top: 3486px; } /* .iscu_home_contact_container { height: auto; row-gap: 18px; column-gap: 18px; grid-template-rows: 64.00px minmax(0, 1fr) 100.00px 24.00px minmax(0, 1fr) minmax(0, 1fr); grid-template-columns: 48.00px 105.00px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 48.00px; } .iscu_home_contact_map_section { grid-row: 1 / span 6; grid-column: 5 / span 4; } .iscu_home_contact_faq_column { grid-row: 1 / span 1; grid-column: 2 / span 3; } .iscu_home_contact_faq_content { grid-row: 2 / span 2; grid-column: 2 / span 3; } .iscu_home_contact_faq_contact { grid-row: 4 / span 4; grid-column: 2 / span 3; } */ /* .iscu_home_contact_main_sub_section { margin-top: 32px; } */ .iscu_service_kita_section_4_and_6 { gap: 0px; } .iscu_tage_3_2_content { height: 1058px; max-width: 981px; grid-template-rows: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr)); } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) { grid-row: 1 / span 1; grid-column: 1 / span 1; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) { grid-row: 2 / span 1; grid-column: 1 / span 1; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) { grid-row: 1 / span 1; grid-column: 2 / span 1; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) { grid-row: 2 / span 1; grid-column: 2 / span 1; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) { grid-row: 3 / span 1; grid-column: 1 / span 2; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { right: 284.415px; bottom: 14.348px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { width: auto; height: auto; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { right: auto; left: 16px; bottom: 0; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { height: 314px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { left: 40.875px; bottom: -10px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { bottom: -8px; right: 26.605px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { width: auto; height: auto; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp { top: auto; right: 32px; bottom: -24.01px; } .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_content_wrapp { transform: translateY(0); } .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(-20px); } .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(-40px); } .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(-60px); } .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_icon_wrapp { transform: translateY(44px); } .iscu_tage_3_container_2 { padding: var(--spacing-L) 32px; } .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(6px); } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { bottom: -39.565px; right: 26.605px; } .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_icon_wrapp { transform: translateY(30px); } .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(0); } .iscu_service_ktpc_bg_image { background-position-x: 0 !important; background-size: 1280px 110% !important; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4), .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) { justify-content: center; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4), .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) { justify-content: center; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) .iscu_home_about_tages_card_wrap, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) .iscu_home_about_tages_card_wrap { transition: unset; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4):hover .iscu_home_about_tages_card_wrap, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5):hover .iscu_home_about_tages_card_wrap { transform: unset; } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_wrapper { transform: translateY(-20%); } } @media only screen and (max-width: 1080px) { .iscu_tage_vector_spinner { left: 63px; top: 3902px; } .iscu_tage_vector_inner_ball > svg, .iscu_tage_vector_inner_ball { width: 157px; } } @media only screen and (max-width: 1024px) { .iscu_service_kita_section_4_and_6 { gap: 64px; } .iscu_au_tl_plant_svg_wrap { top: 292px; right: 94px; width: 105px; height: 96px; animation: none; width: clamp(73px, 10.25vw, 105px); height: clamp(66px, 9.38vw, 96px); } .iscu_au_tl_hand_shake_svg_wrap { right: 196px; width: 123px; height: 110px; bottom: 619px; animation: none; width: clamp(73px, 12.01vw, 123px); height: clamp(66px, 10.74vw, 110px); } .iscu_au_tl_school_svg_wrap { left: 80px; width: 64px; height: 65px; bottom: 353px; animation: none; width: clamp(64px, 6.25vw, 64px); height: clamp(66px, 6.35vw, 65px); } .iscu_au_tl_toy_svg_wrap { top: 545px; left: 76px; width: 109px; height: 116px; animation: none; width: clamp(73px, 10.65vw, 109px); height: clamp(66px, 11.33vw, 116px); } .iscu_aboutus_timeline_section { margin-top: -421px; margin-bottom: 24px; } .iscu_au_tl_bg_wrap { left: 53%; } .iscu_service_kita_section_3_svg_wrap { display: none; } .iscu_service_kita_section_2_svg_wrap { display: block; } .iscu_service_kita_section_3_wrap { max-width: 1024px; padding: var(--spacing-XL) 32px var(--spacing-section-XL) 32px; } .iscu_tage_3_2_card_title { font-size: 20px; letter-spacing: -0.4px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp { bottom: -34px; right: 25.344px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { right: 21.105px; bottom: -38.565px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { left: auto; right: 17.194px; bottom: -7.667px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { left: 26.875px; bottom: -13.186px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { right: 262.415px; bottom: -11.652px; } .iscu_tage_3_2_svg_wrapper { right: 46px; bottom: 218px; } .iscu_tage_3_2_svg_wrapper > svg, .iscu_tage_3_2_svg_wrapper { width: 286px; height: 158.797px; } .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_icon_wrapp { transform: translateY(58px) translateX(0); } .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_content_wrapp { transform: translateY(40px) translateX(0); } .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_content_wrapp { transform: translateY(10px) translateX(12px); } .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_content_wrapp { transform: translateY(10px) translateX(0); } .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_content_wrapp { transform: translateY(25px) translateX(0); } .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(20px) translateX(0); } .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(0) translateX(0); } .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(-46px) translateX(12px); } .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(-40px) translateX(0); } .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_content_wrapp { transform: translateY(0) translateX(0); } .iscu_ser_kita_prices_tables_tab { margin-bottom: 1px; } .iscu_service_ktpc_bg_image { background-size: 1170px 100% !important; } } @media only screen and (max-width: 990px) { .iscu_tage_3_2_content { gap: 16px; height: auto; display: flex; flex-direction: column; } .iscu_tage_3_2_card { width: 378px; height: 333px; min-height: 333px; padding: 12px 24px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) { padding: 12px 32px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) { padding: 12px 32px 0px 32px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp { bottom: -30.344px; right: -14.656px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { right: -20.895px; bottom: -46.102px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { right: -24.806px; bottom: -40px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { left: -15.125px; bottom: -21.52px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { right: -26.585px; bottom: -21.681px; } .iscu_tage_3_container_2 { padding: var(--spacing-S) 32px; } .iscu_tage_3_2_card_desc_wrapp { opacity: 1; } .iscu_tage_3_2_card .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card .iscu_tage_3_2_card_icon_wrapp > svg { height: 80px; } .iscu_tage_3_2_card { margin: auto; } .iscu_tage_3_2_svg_wrapp { left: 94px; top: 764.637px; } .iscu_tage_3_2_card:nth-child(3) { height: 300px; min-height: 300px; } .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(1):hover .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(2):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(0) translateX(0); } .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(-30px) translateX(15px); } .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(-54px) translateX(0); } .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(5):hover .iscu_tage_3_2_card_icon_wrapp{ transform: translateY(0) translateX(6px); } /* .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) { grid-row: 1 / span 1; grid-column: 1 / span 1; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) { grid-row: 2 / span 1; grid-column: 1 / span 1; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) { grid-row: 5 / span 1; grid-column: 1 / span 1; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { right: 284.415px; bottom: 14.348px; } .iscu_tage_3_2_card { margin: auto; height: 333px; width: max-content; } */ } @media only screen and (max-width: 950px) { .iscu_home_about_kita_head_wrapper, .iscu_home_about_tages_head_wrapper { padding: 8px 0; } .iscu_home_about_kita_content, .iscu_home_about_tages_content { padding: 24px 0px; } } @media only screen and (min-width: 901px) { .iscu_intertitles_title_wrapper, .iscu_intertitles_description_wrapper { padding: 0 24px; } } @media only screen and (max-width: 900px) { .iscu_home_about_tages_nest2_svg_wrapper { bottom: -140px; } .iscu_home_about_tages_nest2_svg_wrapper>svg { width: 200px; } /* .iscu_home_contact_container { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: 64.00px 300.00px 100.00px 100.00px 100.00px 100.00px; } .iscu_home_contact_faq_contact { grid-row: 2 / span 2; grid-column: 4 / span 3; } .iscu_home_contact_faq_column { grid-row: 1 / span 1; grid-column: 1 / span 6; } .iscu_home_contact_faq_content { grid-row: 2 / span 3; grid-column: 1 / span 3; } .iscu_home_contact_map_section { grid-row: 3 / span 4; grid-column: 1 / span 6; } .iscu_home_contact_main_sub_section_text { font-size: var(--Font-size-font-size-200, 14px); } .iscu_home_contact_main_sub_section_info { gap: var(--spacing-XS, 8px); } */ .iscu_intertitles_wrapper { padding: var(--spacing-section-L) 32px var(--spacing-XXL) 32px; } /* .iscu_home_contact_main_sub_section { margin: 0; } */ /* @media only screen and (max-width: 768px) { */ .iscu_home_about_kita_svg_wrapper { width: 112.191px; height: 100.351px; position: absolute; left: 55.809px; top: -38.492px; } .iscu_home_about_kita_svg_wrapper>svg { width: 112.191px; height: 100.351px; } .iscu_home_about_tages_bird_svg_wrapper>svg { width: 300.999px; height: 90.85px; position: absolute; right: 0.001px; top: -61px; } .iscu_home_about_tages_nest2_svg_wrapper { bottom: -100px; } .iscu_home_about_tages_nest2_svg_wrapper>svg { height: 205px; } .iscu_home_about_kita_head_wrapper, .iscu_home_about_tages_head_wrapper { flex-wrap: wrap; justify-content: flex-start; padding: 8px 0; } .iscu_home_about_kita_content { row-gap: 16px; column-gap: 16px; grid-template-rows: repeat(6, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr)); flex: 1 0 0; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1) { grid-row: 1 / span 1; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2) { grid-row: 4 / span 1; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3) { grid-row: 5 / span 1; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4) { grid-row: 6 / span 1; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) { grid-row: 2 / span 1; grid-column: 1 / span 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) { grid-row: 3 / span 1; grid-column: 1 / span 1; } .iscu_home_about_tages_simple_card_svg_wrapper>svg { fill: #EF5350; } .iscu_home_about_tages_simple_card_svg_wrapper>svg>path { stroke: #EF5350; } .iscu_home_about_tages_content { row-gap: 24px; grid-template-rows: 200.00px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-columns: repeat(1, minmax(0, 1fr)); height: 1367px; } .iscu_home_about_tages_simple_card { grid-row: 1 / span 1; grid-column: 1 / span 1; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2) { grid-row: 5 / span 1; grid-column: 1 / span 1; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3) { grid-row: 3 / span 1; grid-column: 1 / span 1; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) { grid-row: 4 / span 1; grid-column: 1 / span 1; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) { grid-row: 2 / span 1; grid-column: 1 / span 1; } .iscu_home_about_kita_wrapper, .iscu_home_about_tages_wrapper { padding: var(--spacing-section-M) 32px; } .iscu_home_about_kita_content_wrapper { height: 1837px; margin: 0; } .iscu_home_about_kita_card_desc_wrapper { width: 100%; } .iscu_home_about_kita_card { min-width: unset; } .iscu_home_about_tages_nest2_svg_wrapper { width: 221.288px; height: 205.245px; position: absolute; bottom: -140px; right: -31.18px; } .iscu_service_kita_section_2_svg_wrap { right: 44.874px; bottom: 0.489px; } .iscu_service_kita_section_3_wrap { padding: var(--spacing-XL, 32px) 32px var(--spacing-section-XL, 160px) 32px; } .iscu_service_kita_section_4_and_6 { gap: 12px; } .iscu_home_about_tages_card_desc { max-width: unset; } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_wrapper { transform: translateY(-13%); } } @media only screen and (max-width: 768px) { .iscu_au_tl_plant_svg_wrap { width: clamp(73px, 13.67vw, 105px); height: clamp(66px, 12.5vw, 96px); } .iscu_au_tl_toy_svg_wrap { width: clamp(73px, 14.19vw, 109px); height: clamp(66px, 15.11vw, 116px); } .iscu_au_tl_hand_shake_svg_wrap { width: clamp(73px, 16.02vw, 123px); height: clamp(66px, 14.32vw, 110px); } .iscu_au_tl_school_svg_wrap { width: clamp(64px, 8.33vw, 64px); height: clamp(66px, 8.4vw, 65px); } .iscu_au_tl_plant_svg_wrap { right: 110px; top: 285px; } .iscu_au_tl_hand_shake_svg_wrap { right: 49px; bottom: 579px; } .iscu_au_tl_school_svg_wrap { left: 49px; bottom: 308px; } .iscu_au_tl_toy_svg_wrap { left: -39px; top: 565px; } .iscu_aboutus_timeline_section { margin-bottom: -75px; } .iscu_au_tl_bg_wrap { left: 72%; } .iscu_aboutus_timeline_wrap { padding: var(--spacing-section-M, 64px) 32px; } .iscu_service_kita_section_2_svg_wrap { right: 44.874px; bottom: 0.489px; } .iscu_tage_3_2_svg_wrapper { display: none; } .iscu_tage_3_container_2 { max-width: 1280px; padding: var(--spacing-S) 32px; } .iscu_tage_3_2_card_svg_wrapp > svg > defs > filter { display: none; } .iscu_service_ktpc_bg_image { background-size: 1000px 100% !important; } .iscu_home_about_tages_card_desc { max-width: 478px; } } @media only screen and (max-width: 700px) { .iscu_au_tl_plant_svg_wrap { top: 316px; right: 34px; width: 91px; height: 83px; width: clamp(73px, 13.5vw, 91px); height: clamp(66px, 12.5vw, 83px); } .iscu_au_tl_hand_shake_svg_wrap { right: 43px; width: 73px; height: 66px; bottom: 560px; width: clamp(73px, 10.43vw, 73px); height: clamp(66px, 9.43vw, 66px); } .iscu_au_tl_school_svg_wrap { right: 43px; width: 72px; height: 73px; bottom: 330px; left: auto; width: clamp(64px, 10.29vw, 72px); height: clamp(66px, 10.43vw, 73px); } .iscu_au_tl_toy_svg_wrap { top: 560px; right: 41.457px; width: 76.543px; height: 81.459px; left: auto; aspect-ratio: 76.54/81.46; width: clamp(73px, 10.93vw, 76.543px); height: clamp(66px, 11.64vw, 81.459px); } .iscu_service_kita_section_3_slider_slide>svg, .iscu_service_kita_section_3_slider_wrapp { width: 100%; height: 100%; } .iscu_service_kita_section_3_slider_next_btn { top: 46%; right: -12px; bottom: auto; } .iscu_service_kita_section_3_slider_prev_btn { top: 46%; bottom: auto; } .iscu_service_kita_section_3_slider_content { max-width: 600px; width: 100%; height: 100%; } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_wrapper { transform: translateY(-18%); } /* .iscu_home_contact_container { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: 64.00px auto auto 360px; } .iscu_home_contact_faq_contact { grid-row: 3 / span 1; grid-column: 1 / span 6; } .iscu_home_contact_faq_column { grid-row: 1 / span 1; grid-column: 1 / span 6; } .iscu_home_contact_faq_content { grid-row: 2 / span 1; grid-column: 1 / span 6; } .iscu_home_contact_map_section { grid-row: 4 / span 1; grid-column: 1 / span 6; } .iscu_home_contact_container { flex-direction: column; align-items: flex-start; gap: var(--spacing-L, 24px); align-self: stretch; display: flex; } .iscu_home_contact_time_table { margin-bottom: 16px; } */ /* .iscu_home_contact_main_sub_section_link { font-size: var(--Font-size-font-size-300, 16px); } */ } @media only screen and (max-width: 680px) { .iscu_service_ktpc_bg_image { background-position-x: -192px !important; } } @media only screen and (max-width: 650px) { .iscu_feedback_change_password_main { width: 100%; } .iscu_feedback_change_password_wrap { padding: 0px; } .iscu_service_kita_section_3_slider_next_btn { right: -16px; } } @media only screen and (max-width: 600px) { .iscu_feedback_change_password_main { width: 100%; padding: 24px; } input.iscu_verify_your_identity_verf_otp_input { display: flex; width: 40px; height: var(--size-component-base); padding: var(--spacing-S); align-items: center; gap: var(--spacing-XS); border-radius: var(--corner-M); border: 1px solid var(--border-Subtle); background: var(--bg-Input-Default); } .iscu_verify_your_identity_verf_otp_input:active, .iscu_verify_your_identity_verf_otp_input:focus, .iscu_verify_your_identity_verf_otp_input.iscu_verify_your_identity_entred_otp { border: 2px solid var(--border-Brand-Bold) !important; } .iscu_verify_your_identity { width: 100%; } .iscu_service_kita_section_3_slider_next_btn { right: -20px; } .iscu_service_kita_section_3_slider_prev_btn { left: -26px; } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_wrapper { transform: translateY(-20%); } } @media only screen and (max-width: 580px) { .iscu_tage_3_2_svg_wrapp { display: none; } .iscu_service_tagesfamilie_section_prices_main_wrap .iscu_service_tagesfamilie_section_svg_grp_star { left: 26px !important; top: 13.637px !important; width: 66.999px !important; height: 79.039px !important; } } @media only screen and (max-width: 550px) { .iscu_service_kita_section_3_slider_next_btn { right: -26px; } .iscu_service_kita_section_3_slider_prev_btn { left: -32px; } } @media only screen and (max-width: 500px) { .iscu_home_about_tages_content { row-gap: 24px; column-gap: 16px; grid-template-rows: repeat(5, minmax(0, 1fr)); grid-template-columns: repeat(1, minmax(0, 1fr)); } .iscu_intertitles_title, .iscu_home_about_kita_head_title, .iscu_home_about_tages_head_title { line-height: var(--Line-height-L); font-size: var(--Font-size-font-size-500, 24px); } .iscu_home_about_kita_head_desc { font-weight: var(--Font-weight-Normal-Regular-400, 400); } .iscu_home_about_kita_card_title { font-size: var(--Font-size-font-size-500, 24px); } .iscu_home_about_tages_card_desc { font-size: var(--Font-size-font-size-300, 16px); } .iscu_home_about_kita_card_desc { font-size: var(--Font-size-font-size-300, 16px); font-weight: var(--Font-weight-Normal-Regular-400, 400); } /* .iscu_home_about_tages_content { padding: 0; } */ .iscu_home_about_tages_content .iscu_home_about_tages_card { height: auto; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) .iscu_home_about_kita_card_desc_wrapper { transform: translateY(0); transition: none; opacity: 1; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3) .iscu_home_about_kita_card_desc_wrapper, .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) .iscu_home_about_kita_card_desc_wrapper { transition: none; opacity: 1; } .iscu_home_about_tages_card_title { font-size: var(--Font-size-font-size-500, 24px); } .iscu_home_about_tages_card_desc_wrapper { opacity: 1; height: auto; transition: none; } .iscu_home_about_kita_svg_wrapper, .iscu_home_about_tages_bird_svg_wrapper, .iscu_home_about_tages_nest2_svg_wrapper { display: none; } .iscu_intertitles_wrapper { padding: var(--spacing-section-L) 16px var(--spacing-XXL) 16px; } .iscu_intertitles_desc { font-size: var(--Font-size-font-size-400, 18px); } .iscu_au_tl_plant_svg_wrap { top: 330px; width: clamp(73px, 18.92vw, 91px); height: clamp(66px, 16.6vw, 83px); } .iscu_au_tl_hand_shake_svg_wrap { right: 43px; bottom: 540px; width: clamp(73px, 10.43vw, 73px); height: clamp(66px, 13.20vw, 66px); } .iscu_au_tl_school_svg_wrap { left: auto; right: 43px; bottom: 305px; width: clamp(64px, 17vw, 72px); height: clamp(66px, 17vw, 73px); } .iscu_au_tl_toy_svg_wrap { left: auto; top: 590px; right: 41.457px; aspect-ratio: 76.54/81.46; width: clamp(73px, 15.31vw, 76.543px); height: clamp(66px, 16.29vw, 81.459px); } .iscu_service_kita_section_3_slider_next_btn { right: -32px; top: 43%; } .iscu_service_kita_section_3_slider_prev_btn { left: -35px; top: 43%; } .iscu_service_kita_section_3_slider_prev_btn, .iscu_service_kita_section_3_slider_next_btn, .iscu_service_kita_section_3_prev_icon, .iscu_service_kita_section_3_next_icon, .iscu_service_kita_section_3_slider_prev_btn_border, .iscu_service_kita_section_3_slider_next_btn_border { width: 45px !important; height: 45px !important; } .iscu_home_about_kita_card_wrapper { justify-content: initial; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4) .iscu_home_about_tages_card_wrap, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) .iscu_home_about_tages_card_wrap { height: 100%; transition: unset; justify-content: unset; } .iscu_home_about_kita_card:hover .iscu_home_about_kita_card_wrapper { transform: unset; } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4):hover .iscu_home_about_tages_card_wrap, .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5):hover .iscu_home_about_tages_card_wrap { transform: unset; } .iscu_home_about_kita_card_desc_wrapper { position: unset; } } @media only screen and (max-width: 480px) { .iscu_service_kita_section_2_svg_wrap { display: none; } .iscu_verify_your_identity { padding: 48px 24px; } .iscu_verify_your_identity_details_title { line-height: var(--Line-height-XXL, 32px); font-size: var(--Font-size-500-mobile); } .iscu_verify_your_identity_details_subtitle { font-size: var(--Font-size-font-size-400, 18px); line-height: var(--Line-height-L); } .iscu_verify_your_identity_inputs { gap: 16px; } .iscu_verify_your_identity_otp_input_wrap { gap: var(--spacing-XS); } .iscu_verify_your_identity_error_message { font-size: 12px; } .iscu_feedback_change_password_wrap { padding: 30px 0; } .iscu_feedback_change_password_main { padding: 25px; } .iscu_home_about_kita_wrapper { padding: var(--spacing-XXL) 16px; } .iscu_home_about_tages_wrapper { padding: var(--spacing-section-M) 16px; } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(1), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(3), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(6) { border: 4px solid var(--light-Solid-Blue-900, #0090FF); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(2), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(4), .iscu_home_about_kita_content .iscu_home_about_kita_card:nth-child(5) { border: 4px solid var(--light-Solid-Teal-900, #12A594); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(2), .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(3) { border: 4px solid var(--light-Solid-Orange-900, #F76B15); background: linear-gradient(0deg, var(--light-Solid-Orange-300, #FFEFD6) 0%, var(--light-Solid-Orange-300, #FFEFD6) 100%), var(--light-Solid-Orange-900, #F76B15); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(4), .iscu_home_about_tages_content .iscu_home_about_tages_card:nth-child(5) { border: 4px solid var(--light-Solid-Red-900, #E5484D); background: linear-gradient(0deg, var(--light-Alpha-Red-400, rgba(255, 0, 8, 0.14)) 0%, var(--light-Alpha-Red-400, rgba(255, 0, 8, 0.14)) 100%), var(--light-Solid-Gray-50, #FFF); box-shadow: var(--Depth-0) var(--Depth-200) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-400, rgba(0, 0, 0, 0.09)), var(--Depth-0) var(--Depth-100) var(--Depth-200) var(--Depth-Negative-050) var(--light-Alpha-Gray-300, rgba(0, 0, 0, 0.05)); } .iscu_home_about_tages_head_content_wrapper { gap: 4px; } .iscu_home_about_kita_head_content_wrapper { gap: 8px; } .iscu_home_about_tages_head_wrapper { gap: 16px; } .iscu_home_about_tages_content { height: 1436px } .iscu_home_as_title { font-size: var(--Font-size-font-size-500, 24px); font-weight: var(--Font-weight-Normal-Bold-700, 700); line-height: var(--Line-height-L); } .iscu_home_about_tages_simple_card { padding: var(--spacing-XL, 32px) var(--spacing-M, 16px); } .iscu_home_about_tages_simple_card_desc { color: var(--text-Secondary, rgba(0, 0, 0, 0.60)); text-align: center; font-family: var(--font-sans, Inter); font-size: var(--Font-size-font-size-300, 16px); font-style: normal; font-weight: var(--Font-weight-Normal-Regular-400, 400); line-height: var(--Line-height-M, 24px); } .iscu_aboutus_timeline_section { margin-top: -434px; margin-bottom: -188px; } .iscu_au_tl_bg_wrap { left: 114%; } .iscu_service_kita_section_3_info { line-height: var(--Line-height-M, 24px); font-size: var(--Font-size-font-size-300, 16px); } .iscu_service_kita_section_3_title { line-height: var(--Line-height-L, 26px); font-size: var(--Font-size-font-size-500, 24px); } .iscu_service_kita_section_3_wrap { padding: var(--spacing-XL, 32px) 16px var(--spacing-section-L, 96px) 16px; } .iscu_service_kita_section_3_slider_next_btn { right: -20px; top: 46%; } .iscu_service_kita_section_3_slider_prev_btn { left: -20px; top: 46%; } .iscu_service_kita_section_4_and_6 { gap: 8px; } .iscu_service_kita_section_3_slider { gap: 0; } .iscu_service_ktpc_content_wrap { margin-left: auto; margin-right: auto; } .iscu_service_ktpc_bg_image { background-position-x: 66% !important; } } @media only screen and (max-width: 450px) { .iscu_tage_3_container_2 { padding: var(--spacing-S) 16px; } .iscu_tage_3_2_content_wrapp { padding: 12px 0px; } .iscu_tage_3_2_title { font-size: 24px; } .iscu_tage_3_2_desc { font-size: var(--Font-size-font-size-300, 16px); } } @media only screen and (max-width: 421px) { .iscu_au_tl_plant_svg_wrap { top: 350px; } .iscu_au_tl_toy_svg_wrap { top: 630px; } } @media only screen and (max-width: 405px) { .iscu_au_tl_plant_svg_wrap { top: 345px; } .iscu_au_tl_hand_shake_svg_wrap { bottom: 550px; } .iscu_au_tl_school_svg_wrap { bottom: 320px; } .iscu_au_tl_toy_svg_wrap { top: 621px; } } @media only screen and (max-width: 390px) { .iscu_au_tl_hand_shake_svg_wrap { bottom: 528px; } .iscu_au_tl_school_svg_wrap { bottom: 293px; } .iscu_service_kita_section_3_slider_prev_btn, .iscu_service_kita_section_3_slider_next_btn, .iscu_service_kita_section_3_prev_icon, .iscu_service_kita_section_3_next_icon, .iscu_service_kita_section_3_slider_prev_btn_border, .iscu_service_kita_section_3_slider_next_btn_border { width: 32px !important; height: 32px !important; } .iscu_service_kita_section_3_slider_next_btn { right: -7px; top: 47% } .iscu_service_kita_section_3_slider_prev_btn { left: -7px; top: 47%; } } @media only screen and (max-width: 376px) { .iscu_aboutus_timeline_section { margin-top: -418px; } .iscu_au_tl_bg_wrap { left: 148%; } .iscu_tage_3_2_card, .iscu_tage_3_container_2, .iscu_tage_3_2_content_wrapp { width: 100%; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp { bottom: -33.344px; right: -34.656px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { right: -36.895px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { bottom: -35px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { left: -31.125px; bottom: -16.52px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { right: -42.585px; bottom: -17.319px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp > svg, .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { height: 336px; } .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(3):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(-45px) translateX(5px); } .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_icon_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_content_wrapp, .iscu_tage_3_2_card:nth-child(4):hover .iscu_tage_3_2_card_icon_wrapp { transform: translateY(-60px) translateX(0px); } .iscu_tage_3_2_title { letter-spacing: unset; } .iscu_service_ttpc_container .iscu_service_ktpc_content_wrap, .iscu_service_ttpc_container .iscu_service_ktpc_content_wrap .iscu_service_ktpc_top_container { width: 100%; } } @media only screen and (max-width: 370px) { .iscu_home_about_kita_content_wrapper, .iscu_home_about_kita_content, .iscu_home_about_tages_content, .iscu_home_about_tages_card_content_wrapper { height: auto; } .iscu_au_tl_main_wrap { gap: 54px; } .iscu_au_tl_plant_svg_wrap { top: 395px; width: 73px; height: 66px; right: 34px; } .iscu_au_tl_hand_shake_svg_wrap { bottom: 550px; right: 34px; } .iscu_au_tl_school_svg_wrap { bottom: 340px; right: 34px; } .iscu_au_tl_toy_svg_wrap { top: 650px; width: 73px; height: 66px; right: 34px; } } @media only screen and (max-width: 350px) { .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(1) .iscu_tage_3_2_card_svg_wrapp { right: -48.656px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(2) .iscu_tage_3_2_card_svg_wrapp { right: -60.895px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(3) .iscu_tage_3_2_card_svg_wrapp { right: -40.806px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(4) .iscu_tage_3_2_card_svg_wrapp { left: -58.125px; } .iscu_tage_3_2_content .iscu_tage_3_2_card:nth-child(5) .iscu_tage_3_2_card_svg_wrapp { right: -70.585px; } } @media only screen and (max-width: 345px) { .iscu_au_tl_plant_svg_wrap { top: 390px; } .iscu_au_tl_hand_shake_svg_wrap { bottom: 530px; } .iscu_au_tl_school_svg_wrap { bottom: 310px; } .iscu_au_tl_toy_svg_wrap { top: 670px; } } @media only screen and (max-width: 1300px) { .iscu_au_tl_hand_shake_svg_wrap { bottom: 617px; } } @media screen and (min-width: 1441px) and (max-width: 1600px) { .iscu_tage_vector_spinner { top: 3600px; } .iscu_tage_vector_outer_ball { top: 4100px; } } @media screen and (min-width: 1301px) and (max-width: 1440px) { .iscu_tage_vector_spinner { top: 3638px; width: clamp(88px, 8.125vw, 144px); height: clamp(120px, 12.5vw, 180px); } .iscu_tage_vector_spinner svg { width: clamp(88px, 8.125vw, 144px); height: clamp(120px, 12.5vw, 180px); } .iscu_au_tl_plant_svg_wrap { right: 112px; } .iscu_au_tl_toy_svg_wrap { left: 136px; top: 571px; } .iscu_au_tl_hand_shake_svg_wrap { right: 112px; } .iscu_au_tl_school_svg_wrap { bottom: 153px; left: 78px; } .iscu_au_tl_star_svg_wrap { left: 20px; } }