#customer_service #c_form .service_content {display: none;} #customer_service .container-box {width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;} #customer_service #c_form .p_baner .s_btn {padding-top: 10px; padding-bottom: 10px; color: #FFF; font-size: 2.4rem; text-decoration: none; border-radius: 250px; transition: background-color .3s;} #customer_service #c_form .p_about_request {box-shadow: none !important;} #customer_service #c_form .p_become_client .p_blue_square {display: none;} #customer_service #c_form .p_baner {background-color: transparent; background-image: url('/-/media/Additional/smart/img/lp-woz-redesign-sheet/c_form_bg.png'), linear-gradient(0deg, #F3F5F6, #F3F5F6);} .contrast #customer_service #c_form .p_baner {background-image: none !important;} #customer_service #c_form .p_become_client .p_list_box {margin: 0;} #customer_service .semibold {font-weight: 600;} #customer_service .bold {font-weight: 700;} #customer_service .magenta {color: #E2007A;} .contrast #customer_service #c_form .p_baner .s_btn {background-color: #000 !important; color: #FFF !important; border: 2px solid #FFE800 !important; transition: color .3s, background-color .3s;} .contrast #customer_service #c_form .p_baner .s_btn:hover {background-color: #FFE800 !important; color: #000 !important;} .contrast #customer_service .section-switcher .box-login-info .content-box .control-box .control-btn {background-color: #000 !important; color: #FFF !important; border: 2px solid #FFE800 !important; transition: color .3s, background-color .3s;} .contrast #customer_service .section-switcher .box-login-info .content-box .control-box .control-btn:hover {background-color: #FFE800 !important; color: #000 !important;} #customer_service .section-main-info {margin-top: 48px; margin-bottom: 64px;} #customer_service .section-main-info .section-title {margin-bottom: 24px; font-size: 3.6rem; font-weight: 600;} #customer_service .section-main-info .single-info-text {font-size: 2.0rem; line-height: 1.3;} #customer_service .section-main-info .grid-box {overflow: hidden; display: grid; grid-template-columns: 1fr minmax(410px, 715px); align-items: center; gap: 16px; margin: 24px auto; box-shadow: 0 0 12px 0 #1111113D; border-radius: 20px;} .contrast #customer_service .section-main-info .grid-box {border: 2px solid #FFF;} #customer_service .section-main-info .grid-box .info-img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} #customer_service .section-main-info .grid-box .info-box {display: flex; flex-direction: column; gap: 8px; padding: 24px 16px 24px 40px;} #customer_service .section-main-info .grid-box .info-box .list-label {margin-bottom: 8px; color: #E2007A; font-size: 2.0rem; font-weight: 600;} #customer_service .section-main-info .grid-box .info-box .list-box {display: flex; flex-direction: column; gap: 8px; padding-left: 20px; list-style: disc;} #customer_service .section-main-info .grid-box .info-box .list-box .list-item {font-size: 2.0rem; line-height: 1.2;} #customer_service .section-main-info .grid-box .info-box .list-box .list-item::marker {color: #656565;} #customer_service .section-main-info .small-banner {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 16px; background-color: #F3F5F6; border-radius: 250px;} .contrast #customer_service .section-main-info .small-banner {border: 2px solid #FFF;} #customer_service .section-main-info .small-banner .single-box {display: flex; align-items: center; justify-content: center; gap: 16px;} #customer_service .section-main-info .small-banner .single-box .box-icon {display: block; flex-shrink: 0; width: 48px; height: auto;} #customer_service .section-main-info .small-banner .single-box .box-text {font-size: 2.0rem; line-height: 1.2;} #customer_service .section-switcher {position: relative; margin-bottom: 48px;} #customer_service .section-switcher[data-show-section='false'] {display: none !important;} #customer_service .section-switcher[data-show-section='true'] {display: block !important;} #customer_service .section-switcher .section-title {margin-bottom: 24px; font-size: 3.6rem; font-weight: 600;} #customer_service .section-switcher .switcher-box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; padding: 16px; background-color: #F3F5F6; border-radius: 250px;} .contrast #customer_service .section-switcher .switcher-box {border: 2px solid #FFF;} #customer_service .section-switcher .switcher-box .single-tab {display: flex; align-items: center; justify-content: center; gap: 16px; padding: 16px 8px; background-color: #FFF; box-shadow: 0 0 8px 0 transparent; color: #000; text-decoration: none; border-radius: 250px; transition: background-color .3s, box-shadow .3s, border-color .3s;} .contrast #customer_service .section-switcher .switcher-box .single-tab {border: 2px solid #FFF;} #customer_service .section-switcher .switcher-box .single-tab:hover {background-color: #E2007A;} #customer_service .section-switcher .switcher-box .single-tab.active {background-color: #E2007A;} .contrast #customer_service .section-switcher .switcher-box .single-tab:hover {background-color: #FFE800 !important; border-color: #FFE800 !important;} .contrast #customer_service .section-switcher .switcher-box .single-tab.active {background-color: #FFE800 !important; border-color: #FFE800 !important;} #customer_service .section-switcher .switcher-box .single-tab .tab-icon {display: block; flex-shrink: 0; width: 24px; height: auto; background-color: transparent !important;} #customer_service .section-switcher .switcher-box .single-tab .tab-icon path {transition: fill .3s, stroke .3s;} #customer_service .section-switcher .switcher-box .single-tab .tab-icon path[fill] {fill: #656565;} #customer_service .section-switcher .switcher-box .single-tab .tab-icon path[stroke] {stroke: #656565;} .contrast #customer_service .section-switcher .switcher-box .single-tab .tab-icon path[fill] {fill: #FFF;} .contrast #customer_service .section-switcher .switcher-box .single-tab .tab-icon path[stroke] {stroke: #FFF;} #customer_service .section-switcher .switcher-box .single-tab:hover .tab-icon path[fill] {fill: #FFF;} #customer_service .section-switcher .switcher-box .single-tab.active .tab-icon path[fill] {fill: #FFF;} #customer_service .section-switcher .switcher-box .single-tab:hover .tab-icon path[stroke] {stroke: #FFF;} #customer_service .section-switcher .switcher-box .single-tab.active .tab-icon path[stroke] {stroke: #FFF;} .contrast #customer_service .section-switcher .switcher-box .single-tab:hover .tab-icon path[fill] {fill: #000;} .contrast #customer_service .section-switcher .switcher-box .single-tab.active .tab-icon path[fill] {fill: #000;} .contrast #customer_service .section-switcher .switcher-box .single-tab:hover .tab-icon path[stroke] {stroke: #000;} .contrast #customer_service .section-switcher .switcher-box .single-tab.active .tab-icon path[stroke] {stroke: #000;} #customer_service .section-switcher .switcher-box .single-tab .tab-text {background-color: transparent !important; color: #656565; font-size: 2.4rem; font-weight: 600; transition: color .3s;} .contrast #customer_service .section-switcher .switcher-box .single-tab .tab-text {color: #FFF !important;} #customer_service .section-switcher .switcher-box .single-tab:hover .tab-text {color: #FFF;} #customer_service .section-switcher .switcher-box .single-tab.active .tab-text {color: #FFF;} .contrast #customer_service .section-switcher .switcher-box .single-tab:hover .tab-text {color: #000 !important;} .contrast #customer_service .section-switcher .switcher-box .single-tab.active .tab-text {color: #000 !important;} #customer_service .section-switcher .box-login-info {position: relative; display: grid; grid-template-columns: 1fr 400px; margin-top: 24px; padding: 32px; background-color: #FAFAFA; box-shadow: 0 0 12px 0 #1111113D; border: 1px solid #E2007A; border-radius: 20px;} .contrast #customer_service .section-switcher .box-login-info {border-color: #FFE800 !important;} #customer_service .section-switcher .box-login-info .img-decoration {position: absolute; bottom: 0; right: 0; z-index: 1; display: block; width: 440px; height: auto; background-color: transparent !important;} #customer_service .section-switcher .box-login-info .content-box {position: relative; z-index: 2; display: flex; flex-direction: column; gap: 8px;} #customer_service .section-switcher .box-login-info .content-box .content-label {margin-bottom: 24px; font-size: 3.6rem; font-weight: 600; line-height: 1.2;} #customer_service .section-switcher .box-login-info .content-box .content-desc {font-size: 2.0rem; line-height: 1.2;} #customer_service .section-switcher .box-login-info .content-box .control-box {display: grid; grid-template-columns: 360px 1fr; align-items: center; gap: 48px; margin-top: 32px;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 8px; background-color: #E2007A; color: #FFF; font-size: 2.4rem; font-weight: 600; text-decoration: none; border-radius: 250px; transition: background-color .3s;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-btn:hover {background-color: #AA036C;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info {display: flex; flex-direction: column; gap: 4px; padding: 16px 32px; background-color: #F3F5F6; border-radius: 16px;} .contrast #customer_service .section-switcher .box-login-info .content-box .control-box .control-info {border: 2px solid #FFF;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info .tooltip-info-box {display: flex; align-items: center; gap: 8px;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info .tooltip-info-box .tooltip-icon {display: block; flex-shrink: 0; width: 12px; height: auto;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info .tooltip-info-box .tooltip-text {padding-bottom: 1px; color: #656565; font-size: 1.6rem; font-weight: 600; line-height: 1.2;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info .control-text {font-size: 1.6rem; line-height: 1.2;} @media all and (max-width: 1600px) { #customer_service #c_form .p_baner h1 {font-size: 3.0rem;} #customer_service #c_form .p_baner .s_btn {max-width: 250px; padding-top: 8px; padding-bottom: 8px; font-size: 2.0rem;} #customer_service #c_form .p_baner .c_page {justify-content: center; gap: 32px;} #customer_service .section-main-info .section-title {font-size: 3.0rem;} #customer_service .section-main-info .single-info-text {font-size: 1.8rem;} #customer_service .section-main-info .grid-box {grid-template-columns: 1fr minmax(410px, 630px);} #customer_service .section-main-info .grid-box .info-box {padding: 16px;} #customer_service .section-main-info .grid-box .info-box .list-label {font-size: 1.8rem;} #customer_service .section-main-info .grid-box .info-box .list-box .list-item {font-size: 1.8rem;} #customer_service .section-switcher .section-title {font-size: 3.0rem;} #customer_service .section-main-info .small-banner {padding: 12px;} #customer_service .section-main-info .small-banner .single-box {gap: 12px;} #customer_service .section-main-info .small-banner .single-box .box-icon {width: 40px;} #customer_service .section-main-info .small-banner .single-box .box-text {font-size: 1.8rem;} #customer_service .section-switcher .switcher-box {gap: 12px; padding: 12px;} #customer_service .section-switcher .switcher-box .single-tab {padding: 12px 8px;} #customer_service .section-switcher .switcher-box .single-tab .tab-icon {width: 20px;} #customer_service .section-switcher .switcher-box .single-tab .tab-text {font-size: 2.0rem;} #customer_service .section-switcher .box-login-info {grid-template-columns: 1fr 290px; padding: 16px;} #customer_service .section-switcher .box-login-info .img-decoration {max-width: 320px;} #customer_service .section-switcher .box-login-info .content-box .content-label {margin-bottom: 16px; font-size: 3.0rem;} #customer_service .section-switcher .box-login-info .content-box .content-desc {font-size: 1.8rem;} #customer_service .section-switcher .box-login-info .content-box .control-box {grid-template-columns: 250px 1fr; gap: 24px; margin-top: 16px;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-btn {max-width: 250px; padding: 8px; font-size: 2.0rem;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info {padding: 8px 16px;} } @media all and (max-width: 1400px) { #customer_service .section-main-info .grid-box {grid-template-columns: 1fr minmax(410px, 540px);} } @media all and (max-width: 1200px) { #customer_service .section-main-info .grid-box {grid-template-columns: 1fr 425px;} } @media all and (max-width: 992px) { #customer_service #c_form .p_baner {padding: 0; background-image: none;} #customer_service #c_form .p_baner .c_page {background-image: linear-gradient(0deg, #F3F5F6, #F3F5F6);} #customer_service #c_form .p_baner h1 {font-size: 2.8rem;} #customer_service .section-main-info .section-title {font-size: 2.6rem;} #customer_service .section-main-info .grid-box {grid-template-columns: 1fr 325px;} #customer_service .section-main-info .small-banner {justify-content: flex-start; gap: 8px; border-radius: 20px;} #customer_service .section-main-info .small-banner .single-box {gap: 8px;} #customer_service .section-main-info .small-banner .single-box .box-icon {width: 30px;} #customer_service .section-main-info .small-banner .single-box .box-text {font-size: 1.6rem;} #customer_service .section-switcher .section-title {font-size: 2.6rem;} #customer_service .section-switcher .switcher-box {border-radius: 20px;} #customer_service .section-switcher .switcher-box {grid-template-columns: 1fr;} #customer_service .section-switcher .box-login-info {grid-template-columns: 1fr;} #customer_service .section-switcher .box-login-info .img-decoration {display: none;} #customer_service .section-switcher .box-login-info .content-box .content-label {font-size: 2.6rem;} } @media all and (max-width: 768px) { #customer_service .section-main-info .grid-box {grid-template-columns: 1fr; gap: 4px;} #customer_service .section-main-info .small-banner {grid-template-columns: 1fr;} #customer_service .section-switcher .box-login-info .content-box {gap: 0;} #customer_service .section-switcher .box-login-info .content-box .content-label {text-align: center;} #customer_service .section-switcher .box-login-info .content-box .content-desc {text-align: center;} #customer_service .section-switcher .box-login-info .content-box .control-box {grid-template-columns: 1fr; gap: 12px; max-width: max-content; margin-right: auto; margin-left: auto;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-btn {margin: 0 auto;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info {text-align: center;} #customer_service .section-switcher .box-login-info .content-box .control-box .control-info .tooltip-info-box {justify-content: center;} } @media all and (max-width: 576px) { #customer_service #c_form .p_baner .c_page {align-items: center; gap: 24px; text-align: center;} #customer_service .section-main-info .small-banner {padding: 8px; border-radius: 16px;} #customer_service .section-switcher .switcher-box .single-tab {text-align: center;} #customer_service .section-switcher .switcher-box .single-tab .tab-text {font-size: 1.8rem;} #customer_service .section-switcher .switcher-box .single-tab .tab-icon {display: none;} }