* {
box-sizing: border-box;
scroll-behavior: smooth;
scroll-padding-top: 150px;
}
:root {
--menu-color: #0a0d14;
--txt-primary-color: #000;
--txt-secondary-color: #fff;
--txt-ligth-color: #0f294b;
--text-sub-500: #525866;
--bg-weak-color: #f6f8fa;
--bg-light-color: #ebf3ff;
--bg-dark-color: #255ba7;
--stroke-sub-300: #cdd0d5;
}
@font-face {
font-family: "Nexa";
src: url(//www.scm-legal.com/wp-content/themes/scm/assets/fonts/Nexa\ Light.otf) format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Nexa";
src: url(//www.scm-legal.com/wp-content/themes/scm/assets/fonts/Nexa\ Regular.otf) format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Nexa";
src: url(//www.scm-legal.com/wp-content/themes/scm/assets/fonts/Nexa\ Bold.otf) format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
body {
max-width: 1920px;
margin: 0 auto;
line-height: 1.2;
font-size: 16px;
font-family: "Nexa", sans-serif;
font-weight: 400;
color: var(--txt-primary-color);
letter-spacing: -0.2px;
}
img {
width: 100%;
max-width: 100%;
margin: 0 auto;
vertical-align: middle;
}
.container {
width: 90%;
margin: 0 auto;
}
a {
color: var(--txt-secondary-color);
text-decoration: none;
cursor: pointer;
}
strong {
font-weight: 700;
color: var(--txt-primary-color);
}
h2 {
font-size: 64px;
font-weight: 400;
letter-spacing: -0.5px;
color: var(--txt-secondary-color);
}
h3 {
font-size: 56px;
font-weight: 700;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
h4 {
font-size: 48px;
font-weight: 700;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
h5 {
font-size: 40px;
font-weight: 700;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
h6 {
font-size: 32px;
font-weight: 400;
color: var(--txt-primary-color);
letter-spacing: -0.5px;
}
.sp {
display: none;
}
em {
font-style: italic;
}
.btn {
padding: 15px 35px 12px;
font-size: 16px;
color: var(--txt-secondary-color);
font-weight: 400;
display: inline-block;
border-radius: 28px;
}
.header {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 99;
margin: 0 auto;
background-color: var(--txt-secondary-color);
}
.header .container {
padding: 27px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.header .logo a {
display: block;
}
.header nav {
width: 62%;
display: flex;
justify-content: space-between;
align-items: center;
}
.header .nav-list {
width: 100%;
display: flex;
align-items: center;
}
.header .nav-list li {
position: relative;
list-style: none;
margin-right: 50px;
}
.header .nav-list .nv-menu a {
letter-spacing: -0.5px;
font-size: 16px;
font-weight: 400;
position: relative;
z-index: 1;
color: var(--menu-color);
}
.header .nav-list .nv-submenu a:after {
position: absolute;
content: "";
background-image: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_dropdown.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 11px;
height: 7px;
top: 50%;
right: 0;
transform: translateY(-50%);
display: block;
pointer-events: none;
}
.header .nav-list .nv-submenu .submenu-item a {
font-size: 16px;
padding-left: 20px;
}
.header .nav-list .nv-submenu a {
padding-right: 15px;
}
.header .nav-list .submenu {
position: absolute;
top: 35px;
width: 652px;
z-index: 10;
height: auto;
padding: 20px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transform: translateY(2rem);
background-color: var(--bg-weak-color);
transition: all 0.3s ease-in-out;
border-radius: 10px;
}
.header .nav-list .submenu-resource-hub {
display: block !important;
width: fit-content !important;
}
.header .nav-list .submenu-resource-hub .submenu-item {
width: 186px !important;
margin-right: 0;
}
.header .nav-list .submenu-resource-hub li {
padding: 20px;
}
.header .nav-list .submenu-resource-hub li::before {
background: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_material.svg) no-repeat center / cover !important;
top: 40% !important;
}
.nv-submenu:hover > .submenu {
display: flex;
flex-wrap: wrap;
opacity: 1;
visibility: visible;
transform: translateY(0);
width: 652px;
}
.header .nav-list .nv-menu a:hover {
color: #09add3;
}
.header .nav-list .nv-menu:hover .submenu a {
color: var(--menu-color);
}
.header .nav-list .submenu a::after {
content: none;
}
.header .nav-list .submenu li {
position: relative;
padding-top: 15px;
padding-left: 25px;
padding-right: 5px;
width: 286px;
border-radius: 10px;
margin-right: 20px;
}
.header .nav-list .submenu li:hover {
background-color: var(--bg-light-color);
}
.header .nav-list .submenu li:hover a {
color: #09add3 !important;
}
.header .nav-list .submenu li::before {
position: absolute;
content: "";
background: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_chart.svg) no-repeat center / cover;
width: 24px;
height: 24px;
top: 27%;
transform: translateY(-50%);
left: 10px;
}
.header .nav-list .nv-menu:last-of-type {
margin-right: 0;
}
.menu-desc {
display: block;
font-size: 14px;
color: var(--txt-primary-color);
line-height: 1.3;
margin-top: 5px;
padding-left: 20px;
}
.schedule-btn {
background: linear-gradient(
3.54deg,
#0c51b2 -17.57%,
#09add3 59.21%,
#08d7e3 98.76%
);
} .schedule-btn:hover {
background: linear-gradient(
39.75deg,
#0c51b2 15.82%,
#09add3 57.94%,
#08d7e3 79.64%
);
}
.amelia-v2-booking #amelia-container.am-fs__wrapper * {
font-family: "Nexa", sans-serif !important;
}
.am-icon-arrow-down:before, .am-icon-service:before, .am-icon-date-time:before, .am-icon-user:before, .am-icon-arrow-circle-right:before, .am-icon-arrow-left:before, .am-icon-arrow-right:before, .am-icon-apple:before, .am-icon-outlook:before, .am-icon-google:before, .am-icon-yahoo:before {
font-family: amelia-icons !important;
}
.amelia-v2-booking #amelia-container .am-select .el-select__suffix .el-icon, .amelia-v2-booking #amelia-container .am-select .el-select__suffix [class^=am-icon] {
font-family: amelia-icons !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__menu [class^=am-icon-], .amelia-v2-booking #amelia-container .am-fs-sb__menu [class*=" am-icon-"] {
font-family: amelia-icons !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__menu.am-collapsed [class^=am-icon-], .amelia-v2-booking #amelia-container .am-fs-sb__menu.am-collapsed [class*=" am-icon-"] {
font-family: amelia-icons !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb {
background: linear-gradient(3.54deg, #0C51B2 -17.57%, #09ADD3 59.21%, #08D7E3 98.76%);
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-checker {
opacity: 0;
}
.amelia-v2-booking {
background-color: var(--bg-weak-color) !important;
padding: 1px 0;
margin-bottom: 80px;
border-radius: 30px;
}
.amelia-v2-booking #amelia-container .am-fs__info-form .el-form-item {
width: 100% !important;
}
.am-fs__congrats-info-app-location span:last-child {
text-align: right;
}
.amelia-v2-booking #amelia-container .am-fs__main-footer-cp {
justify-content: flex-end !important;
}
.amelia-v2-booking #amelia-container .am-button.am-button--filled {
background: linear-gradient(3.54deg, #0C51B2 -17.57%, #09ADD3 59.21%, #08D7E3 98.76%);
border: unset !important;
border-radius: 50px;
}
.amelia-v2-booking #amelia-container .am-button.am-button--text {
display: none;
}
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell.fc-day-today.am-advsc__dayGridMonth-selected .fc-daygrid-day-frame {
background-color: #0C51B2 !important;
}
.amelia-v2-booking #amelia-container .am-advsc__slots-item__selected .am-advsc__slots-item__inner {
background-color: #0C51B2 !important;
}
.btn img {
width: 10px !important;
height: 10px !important;
border-radius: unset !important;
margin-left: 10px;
display: inline-block;
transition: transform 200ms ease-out;
}
.btn:hover img {
animation: hoverUpSim 600ms ease-out;
}
.btn:not(:hover) img {
animation: hoverDownSim 600ms ease-out;
}
@keyframes hoverDownSim {
0% {
transform: translateY(0);
opacity: 1;
}
40% {
transform: translateY(20px);
opacity: 0;
}
60% {
transform: translateY(-20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes hoverUpSim {
0% {
transform: translateY(0);
opacity: 1;
}
40% {
transform: translateY(-20px);
opacity: 0;
}
60% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.home-page,
.sub-page,
.detail-page {
padding-top: 127px;
} .banner-section,
.sub-banner {
position: relative;
}
.banner-section video {
width: 100%;
border-radius: 30px;
object-fit: cover;
}
.sub-banner .sub-banner-img {
width: 100%;
height: 80vh;
opacity: 1;
border-radius: 30px;
object-fit: cover;
}
.banner-section .banner-content,
.sub-banner-content {
position: absolute;
top: 20%;
left: 5%;
width: 61%;
z-index: 3;
}
.banner-section .scroll-to-explore {
position: absolute;
bottom: 20px;
width: 10%;
z-index: 3;
left: 0;
right: 0;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.banner-section .scroll-to-explore span {
color: var(--txt-secondary-color);
font-size: 12px;
padding-bottom: 10px;
}
.banner-section .scroll-to-explore img {
width: 24px;
height: 24px;
}
.banner-section .banner-content .banner-txt,
.sub-description {
font-size: 24px;
color: var(--txt-secondary-color);
font-weight: 400;
line-height: 1.5;
margin: 20px 0 35px;
}
.banner-section .banner-content .banner-txt {
height: 105px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.banner-section .banner-content .banner-txt p {
min-height: 150px;
animation: slideText 20s ease-out infinite;
}
@keyframes slideText {
0%, 15% { transform: translateY(0); }
25%, 40% { transform: translateY(-100%); }
50%, 65% { transform: translateY(-200%); }
65%, 99.99% { transform: translateY(-200%); }
100%   { transform: translateY(0); }
}
.sub-description {
margin: 25px 0;
} .banner-section,
.detail-page .sub-banner,
.sub-page .sub-banner {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 30px;
}
.detail-page .sub-banner::before,
.sub-page .sub-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
transform: translate(0);
background: linear-gradient(
89deg,
#0c51b2 5.63%,
#0b7fc3 29.4%,
#09acd3 43.49%,
#09add3 46.57%,
rgba(255, 255, 255, 0) 95.98%
);
width: 100%;
height: 100%;
border-radius: 30px;
z-index: 1;
}
.sub-page .sub-banner::before {
background: linear-gradient(
89deg,
#0c51b2 5.63%,
#0b7fc3 29.4%,
#09acd3 43.49%,
#09add3 46.57%,
rgba(255, 255, 255, 0) 98.98%
);
}
.detail-page .sub-banner img,
.sub-page .sub-banner img {
width: 100%;
height: 471px;
border-radius: 30px;
object-fit: cover;
}
.detail-page .sub-banner-content,
.sub-page .sub-banner-content {
z-index: 2;
}
.detail-page .sub-banner-content .page-title,
.sub-page .sub-banner-content .page-title {
font-size: 56px;
margin-bottom: 30px;
}
.detail-page .sub-banner-content .sub-description .post-info {
font-size: 16px;
margin: 60px 0 0 0;
} ul.breadcrumbs {
display: flex;
align-items: center;
padding-top: 50px;
padding-left: 15px;
white-space: nowrap;
}
ul.breadcrumbs li {
margin-right: 15px;
}
ul.breadcrumbs li a {
color: var(--text-sub-500);
font-size: 14px;
font-weight: 400;
}
ul.breadcrumbs li:last-child a {
cursor: default;
}
ul.breadcrumbs li a:hover {
text-decoration: underline;
}
ul.breadcrumbs li + li:before {
margin-right: 12px;
padding: 5px;
background: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_breadcrumb.svg) no-repeat center/cover;
content: "";
}
.get-started {
background: #ffffff4d;
} .advice-section {
margin-top: 80px;
background-color: var(--bg-weak-color);
border-radius: 30px;
}
.advice-section .legal-title {
font-size: 3.125vw;
letter-spacing: -0.039vw;
}
.advice-section .advice-content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 76px 64px;
}
.advice-content .left-blk {
width: 50%;
}
.advice-content .left-blk p {
font-size: 16px;
font-weight: 300;
line-height: 1.5;
margin: 20px 0;
color: var(--menu-color);
}
.advice-content .right-blk {
width: 42%;
}
.advice-content .right-blk .advice-list li {
display: flex;
margin-bottom: 20px;
}
.advice-list-content span {
font-size: 20px;
font-weight: 400;
color: var(--txt-ligth-color);
}
.advice-list-content p {
font-size: 14px;
font-weight: 300;
color: var(--txt-ligth-color);
margin: 20px 0;
line-height: 1.5;
}
.advice-icon {
width: 50px;
height: 50px;
margin-right: 30px;
} .our-services {
margin: 80px 0;
}
.service-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 50px 0;
}
.service-list li,
.service-list .service-item{
width: 23%;
position: relative;
margin-right: 27px;
margin-bottom: 20px;
}
.service-page .service-list li:nth-child(4n) {
margin-right: 0;
}
.service-list li .service-bg img,
.service-list .service-item .service-bg img{
width: 100%;
height: auto;
border-radius: 30px;
}
.service-list li .service-txt,
.service-list .service-item .service-txt{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--menu-color);
font-size: 24px;
font-weight: 400;
width: 100%;
padding: 0 24px;
text-align: center;
}
.slick-prev,
.slick-next {
font-size: 0;
position: absolute;
top: -37%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background-color: var(--stroke-sub-300);
border: none;
cursor: pointer;
border-radius: 30px;
}
.slick-next {
right: 0;
}
.slick-prev {
right: 5%;
}
.slick-prev::before,
.slick-next:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
background: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_arr.svg) no-repeat center / cover;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.slick-prev:before {
transform: rotate(180deg) translate(50%, 50%);
}
.slick-prev:hover,
.slick-next:hover,
.slick-next.active,
.slick-prev.active {
background-color: var(--txt-primary-color);
} .getting-started {
margin: 80px 0;
color: var(--txt-secondary-color);
}
.getting-started .bg-img {
width: 100%;
position: relative;
}
.getting-started .bg-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
transform: translate(0);
background: linear-gradient(
89deg,
#0c51b2 5.63%,
#0b7fc3 29.4%,
#09acd3 43.49%,
#09add3 46.57%,
rgba(255, 255, 255, 0) 137.98%
);
width: 100%;
height: 100%;
border-radius: 30px;
z-index: 1;
}
.getting-started .bg-img img {
width: 100%;
height: 581px;
object-fit: cover;
border-radius: 30px;
}
.getting-started .content {
position: absolute;
top: 17%;
left: 5%;
right: 5%;
display: flex;
justify-content: space-between;
z-index: 2;
}
.getting-started .content .left-blk {
width: 45%;
}
.getting-started .content .right-blk {
width: 41%;
padding: 35px 0;
}
.getting-started .content .left-blk h5 {
color: var(--txt-secondary-color);
}
.getting-started .content .left-blk p {
font-size: 20px;
line-height: 1.5;
margin: 20px 0;
}
.faq-section {
width: 70%;
margin: 50px auto;
}
.started-list li {
padding-bottom: 30px;
}
.faq-list li {
width: 90%;
border-bottom: 1px solid var(--menu-color);
padding: 30px 0;
}
.list-content li {
border-bottom: none;
padding: 10px 0;
margin-left: 20px;
list-style: disc;
}
.started-list li .list-ttl {
display: flex;
cursor: pointer;
margin-top: 5px;
}
.started-list li .list-header {
margin-left: 10px;
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 11px;
} .started-list li .list-ttl .list-number {
font-size: 20px;
width: 48px;
height: 45px;
padding-top: 2px;
background-color: #ffffff4d;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.started-list li .list-ttl.active .list-number {
background-color: var(--txt-secondary-color);
color: #09add3;
}
.started-list li .list-header h6 {
font-size: 24px;
font-weight: 400;
color: var(--txt-secondary-color);
}
.faq-list li .list-header h6 {
color: var(--menu-color);
}
.started-list li .list-content {
display: none;
padding: 10px 0 10px 50px;
font-size: 16px;
width: 95%;
}
.faq-list li .list-content {
padding: 10px 10px 0 10px;
width: 95%;
color: var(--text-sub-500);
}
.started-list li .list-ttl .toggle-icon img {
width: 20px;
height: 20px;
transition: transform 0.3s ease-out;
}
.faq-list li .list-ttl .toggle-icon img {
filter: invert(1);
}
.started-list li .list-ttl.active .toggle-icon img {
transform: rotate(-180deg);
transition: transform 0.3s ease-out;
} .client-testi {
border: 1px solid var(--stroke-sub-300);
background-color: var(--bg-weak-color);
border-radius: 30px;
padding: 42px 64px;
margin: 80px 0;
}
.client-testi .testi-ttl-blk {
margin: 0 auto;
text-align: center;
}
.client-testi .testi-ttl-blk p {
font-size: 16px;
text-transform: uppercase;
margin: 20px 0;
}
.client-testi .testi-list {
text-align: center;
position: relative;
padding-top: 50px;
}
.client-testi .testi-list::before {
position: absolute;
content: "";
background: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_quote.svg) no-repeat center / cover;
width: 22px;
height: 16px;
left: 50%;
top: 10%;
transform: translateY(-50%);
}
.client-testi .testi-list li p,
.client-testi .testi-list div p{
width: 75%;
margin: 0 auto;
font-weight: 400;
font-size: 24px;
line-height: 1.5;
color: var(--text-sub-500);
}
.client-testi .testi-list li .name,
.client-testi .testi-list div .name{
font-weight: 400;
font-size: 24px;
line-height: 1.5;
}
.testi-list .slick-prev {
left: 5%;
}
.testi-list .slick-next {
right: 5%;
}
.testi-list .slick-prev,
.testi-list .slick-next {
top: 35%;
}
.star-list {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 0;
margin: 0 auto;
text-align: center;
}
.star-list li {
margin-right: 5px;
}
.star-list li img {
width: 37px;
height: 37px;
} .info-section {
margin: 80px 0;
text-align: center;
}
.info-section p {
font-size: 24px;
font-weight: 400;
color: var(--text-sub-500);
width: 50%;
margin: 30px auto;
} .contact-section {
padding: 80px 0;
}
.contact-section .container {
display: flex;
}
.get-in-touch {
width: 50%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--bg-weak-color);
border-radius: 30px;
border: 1px solid var(--stroke-sub-300);
padding: 20px;
margin-right: 20px;
}
.get-in-touch h3 {
background: linear-gradient(
3.54deg,
#0c51b2 -17.57%,
#09add3 59.21%,
#08d7e3 98.76%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.contact-form {
width: 48%;
border-radius: 30px;
position: relative;
}
.contact-form img {
width: 100%;
height: 590px;
border-radius: 30px;
object-fit: cover;
z-index: 3;
}
.form-content {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 30px auto;
width: 85%;
z-index: 2;
}
.contact-form h3 {
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
color: var(--txt-secondary-color);
margin-bottom: 25px;
}
.nf-field-element input,
.nf-field-element select {
height: 40px !important;
border-radius: 10px;
padding: 3px 10px 0;
border: none;
outline: none;
font-size: 16px;
font-family: "Nexa", sans-serif;
}
.nf-field-element textarea {
height: 135px !important;
border-radius: 10px;
padding: 10px;
border: none;
outline: none;
resize: none;
font-size: 16px;
font-family: "Nexa", sans-serif;
}
.nf-field-element select {
color: var(--text-sub-500);
}
.nf-field-element select option {
color: var(--txt-primary-color);
}
nf-field .btn {
padding: 0;
display: block;
}
input[type="submit"] {
width: 100% !important;
background: #ffffff4d;
color: var(--txt-secondary-color);
position: relative;
cursor: pointer;
font-family: "Nexa", sans-serif;
}
input[type="submit"]::after {
position: absolute;
content: "";
background: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_arr_right_up.svg) no-repeat center/cover;
width: 11px;
height: 7px;
top: 50%;
transform: translateY(-50%);
right: 0px;
}
.nf-error-msg,
.ninja-forms-req-symbol {
display: none;
}
.nf-response-msg {
color: var(--txt-secondary-color);
font-family: "Nexa", sans-serif;
}
.nf-form-fields-required {
display: none;
} .service-type1 .content-section {
width: 70%;
margin: 50px auto;
color: var(--text-sub-500);
font-size: 18px;
line-height: 1.5;
}
.service-type1 .content-section p {
margin-bottom: 20px;
}
.service-type1 .content-section li {
list-style: disc;
margin-left: 30px;
} .tag-posts {
padding: 150px;
}
.tag-posts h5 {
text-align: center;
}
.tag-posts ul li {
padding: 30px;
}
.tag-posts ul li a {
color: var(--txt-primary-color);
}
.tag-posts ul li p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--text-sub-500);
margin-bottom: 20px;
font-size: 18px;
}
.tag-posts ul li .more-link {
display: none;
}
.tag-posts .post-info {
padding-top: 20px;
font-weight: 400;
font-size: 12px;
color: var(--text-sub-500);
}
.read-more {
border: 1px solid var(--menu-color);
color: var(--menu-color);
}
.read-more img {
filter: invert(1);
} .pagination {
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto;
}
.pagination .page-numbers {
margin: 0 10px;
padding: 10px;
border-radius: 5px;
background-color: var(--bg-weak-color);
border: 1px solid var(--stroke-sub-300);
color: var(--txt-primary-color);
text-decoration: none;
}
.pagination .page-numbers.current {
background-color: var(--txt-secondary-color);
}
.pagination .prev,
.pagination .next {
font-size: 24px;
letter-spacing: 0.5px;
background-color: unset;
border: none;
} .footer {
padding-bottom: 50px;
}
.footer .container {
color: var(--txt-primary-color);
padding: 50px 0 0;
border-top: 1px solid #E2E4E9;
}
.footer .ft-txt {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
padding: 20px 0;
}
.footer .ft-social-list {
display: flex;
margin-bottom: 20px;
}
.footer .ft-social-list li {
margin: 27px 12px 0 12px;
}
.footer .ft-social-logo img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.footer .ft-content {
display: flex;
justify-content: space-between;
padding-right: 35px;
border-bottom: 1px solid var(--border-color);
}
.footer .ft-logo {
width: 214px;
display: block;
padding-bottom: 8px;
}
.footer .ft-logo-blk {
width: 35%;
}
.footer-heading {
color: var(--txt-primary-color);
font-size: 24px;
}
.footer a {
color: var(--secondary-color);
font-size: 14px;
font-weight: 400;
outline: none;
border: none;
}
.footer a p {
font-size: 16px;
padding-top: 3px;
}
.footer .page-blk {
width: 19%;
padding: 19px 0;
}
.footer .ft-page-list,
.footer .ft-contact-list {
padding: 20px 0;
}
.footer .ft-page-list a {
font-size: 18px;
padding-bottom: 11px;
display: flex;
align-items: center;
margin-left: 20px;
position: relative;
}
.footer .ft-page-list a::before {
position: absolute;
left: -15px;
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: url(//www.scm-legal.com/wp-content/themes/scm/assets/img/ico_arr_right_up.svg) no-repeat center / cover;
filter: invert(1);
}
.ft-contact-list li {
display: flex;
margin-bottom: 20px;
}
.ft-contact-list .contact-info-detail {
width: 100%;
}
.ft-contact-list .contact-info-detail span {
font-size: 12px;
}
.ft-contact-list li img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.footer .copy-right-blk {
display: flex;
justify-content: space-between;
}
.footer .copy-right {
font-size: 12px;
padding: 20px 0;
letter-spacing: 0.5px;
font-size: 12px;
padding: 27px 0;
}
@media only screen and (min-width: 1281px) and (max-width: 1320px) {
.banner-section .banner-content h2 {
font-size: 56px;
}
} @media only screen and (min-width: 768px) and (max-width: 1280px) {
body {
max-width: 150vw;
font-size: 1.25vw;
letter-spacing: -0.016vw;
}
h2 {
font-size: 5vw;
letter-spacing: -0.039vw;
}
h3 {
font-size: 4.375vw;
letter-spacing: -0.039vw;
}
h4 {
font-size: 3.75vw;
letter-spacing: -0.039vw;
}
h5{
font-size: 3.125vw;
letter-spacing: -0.039vw;
}
h6 {
font-size: 2.5vw;
letter-spacing: -0.039vw;
}
.btn {
padding: 0.938vw 2.734vw;
font-size: 1.25vw;
border-radius: 2.188vw;
}
.header .container {
padding: 2.109vw 0;
}
.header .nav-list li {
margin-right: 3.906vw;
}
.header .nav-list .nv-menu a {
letter-spacing: -0.039vw;
font-size: 1.25vw;
}
.header .nav-list .nv-submenu a:after {
width: 0.859vw;
height: 0.547vw;
}
.header .nav-list .nv-submenu .submenu-item a {
font-size: 1.25vw;
}
.header .nav-list .nv-submenu a {
padding-right: 1.172vw;
}
.header .nav-list .submenu {
padding: 1.563vw;
}
.header .nav-list .submenu li {
padding-top: 1.172vw;
padding-left: 1.563vw;
padding-right: 0.391vw;
width: 22.344vw;
border-radius: 0.781vw;
margin-right: 1.563vw;
}
.btn img {
width: 0.781vw !important;
height: 0.781vw !important;
margin-left: 0.781vw;
}
.home-page,
.sub-page {
padding-top: 10vw;
} .banner-section .banner-content .banner-txt,
.sub-description {
font-size: 1.875vw;
margin: 2.734vw 0;
}
.banner-section .scroll-to-explore {
bottom: 1.563vw;
}
.banner-section .scroll-to-explore span {
font-size: 0.938vw;
padding-bottom: 0.781vw;
}
.banner-section .scroll-to-explore img {
width: 1.875vw;
height: 1.875vw;
}
.banner-section .banner-content h2 {
font-size: 3.75vw;
}
.sub-description {
margin: 1.953vw 0;
} .detail-page .sub-banner::before,
.sub-page .sub-banner::before {
border-radius: 2.344vw;
}
.detail-page .sub-banner img,
.sub-page .sub-banner img {
height: 36.797vw;
border-radius: 2.344vw;
}
.detail-page .sub-banner-content .page-title,
.sub-page .sub-banner-content .page-title {
font-size: 4.375vw;
margin-bottom: 2.344vw;
}
.detail-page .sub-banner-content .sub-description,
.sub-page .sub-banner-content .sub-description {
font-size: 1.25vw;
margin: 4.688vw 0 0 0;
} ul.breadcrumbs {
padding-top: 3.906vw;
padding-left: 1.172vw;
}
ul.breadcrumbs li {
margin-right: 1.172vw;
}
ul.breadcrumbs li a {
font-size: 1.094vw;
}
ul.breadcrumbs li + li:before {
margin-right: 0.938vw;
padding: 0.391vw;
} .advice-section {
margin-top: 6.25vw;
border-radius: 2.344vw;
}
.advice-section .advice-content {
padding: 5.938vw 5vw;
}
.advice-content .left-blk p {
font-size: 1.25vw;
margin: 1.563vw 0;
}
.advice-content .right-blk .advice-list li {
margin-bottom: 1.563vw;
}
.advice-list-content span {
font-size: 1.563vw;
}
.advice-list-content p {
font-size: 1.094vw;
margin: 1.563vw 0;
}
.advice-icon {
width: 3.906vw;
height: 3.906vw;
margin-right: 2.344vw;
} .our-services {
margin: 6.25vw 0;
}
.service-list {
margin: 3.906vw 0;
}
.service-list li,
.service-list .service-item{
margin-right: 2.109vw;
}
.service-list li .service-bg img,
.service-list .service-item .service-bg img{
border-radius: 2.344vw;
}
.service-list li .service-txt,
.service-list .service-item .service-txt{
font-size: 1.875vw;
padding: 0 1.875vw;
}
.slick-prev,
.slick-next {
width: 3.906vw;
height: 3.906vw;
border-radius: 2.344vw;
}
.slick-prev::before,
.slick-next:before {
width: 1.172vw;
height: 1.172vw;
} .getting-started {
margin: 6.25vw 0;
}
.getting-started .content .right-blk {
padding: 1.563vw 0;
}
.getting-started .content .left-blk p {
font-size: 1.563vw;
margin: 1.563vw 0;
}
.started-list li {
margin-bottom: 2.344vw;
}
.faq-list li {
width: 100%;
}
.faq-list li .list-content {
width: 90%;
}
.started-list li .list-header {
margin-left: 0.781vw;
}
.started-list li .list-ttl .list-number {
font-size: 1.563vw;
width: 3.75vw;
height: 3.516vw;
}
.started-list li .list-header h6 {
font-size: 1.563vw;
}
.started-list li .list-content {
padding: 0.781vw 1.344vw;
font-size: 1.406vw;
}
.started-list li .list-ttl .toggle-icon img {
width: 1.563vw;
height: 1.563vw;
} .client-testi {
border-radius: 2.344vw;
padding: 3.281vw 5vw;
margin: 80px 0;
}
.client-testi .testi-ttl-blk p {
font-size: 1.25vw;
margin: 1.563vw 0;
}
.client-testi .testi-list {
padding-top: 3.906vw;
}
.client-testi .testi-list::before {
width: 1.719vw;
height: 1.25vw;
}
.client-testi .testi-list li p,
.client-testi .testi-list div p{
font-size: 1.875vw;
}
.client-testi .testi-list li .name,
.client-testi .testi-list div .name{
font-size: 1.875vw;
} .info-section {
margin: 6.25vw 0;
}
.info-section p {
font-size: 1.875vw;
margin: 2.344vw auto;
} .contact-section {
padding: 6.25vw 0;
}
.get-in-touch {
border-radius: 2.344vw;
padding: 1.563vw;
margin-right: 1.563vw;
}
.contact-form {
border-radius: 2.344vw;
}
.contact-form img {
height: 46.094vw;
border-radius: 2.344vw;
}
.form-content {
margin: 2.344vw auto;
width: 85%;
}
.contact-form h3 {
font-size: 1.25vw;
margin-bottom: 1.953vw;
}
.nf-field-element input,
.nf-field-element select {
height: 3.125vw !important;
border-radius: 0.781vw;
padding-left: 0.781vw;
font-size: 1.25vw;
}
.nf-field-element textarea {
height: 10.547vw !important;
border-radius: 0.781vw;
padding: 0.781vw;
font-size: 1.25vw;
}
input[type="submit"]::after {
width: 0.859vw;
height: 0.547vw;
} .service-type1 .content-section {
width: 70%;
margin: 3.906vw auto;
font-size: 1.406vw;
}
.service-type1 .content-section p {
margin-bottom: 1.563vw;
}
.service-type1 .content-section li {
margin-left: 2.344vw;
} .pagination {
margin: 1.563vw auto;
}
.pagination .page-numbers {
margin: 0 0.781vw;
padding: 0.781vw;
border-radius: 0.391vw;
}
.pagination .prev,
.pagination .next {
font-size: 1.875vw;
letter-spacing: 0.039vw;
} .footer {
padding-bottom: 3.906vw;
}
.footer .container {
padding: 3.906vw 0 0;
}
.footer .ft-txt {
font-size: 1.25vw;
padding: 1.563vw 0;
}
.footer .ft-social-list {
margin-bottom: 1.563vw;
}
.footer .ft-social-list li {
margin: 2.109vw 0.938vw 0 0.938vw;
}
.footer .ft-social-logo img {
width: 1.875vw;
height: 1.875vw;
margin-right: 0.391vw;
}
.footer .ft-content {
padding-right: 2.734vw;
}
.footer .ft-logo {
width: 16.719vw;
padding-bottom: 0.625vw;
}
.footer-heading {
font-size: 1.875vw;
}
.footer a {
font-size: 0.938vw;
}
.footer a p {
font-size: 1.25vw;
padding-top: 0.234vw;
}
.footer .page-blk {
padding: 1.484vw 0;
}
.footer .ft-page-list,
.footer .ft-contact-list {
padding: 1.563vw 0;
}
.footer .ft-page-list a {
font-size: 1.406vw;
padding-bottom: 0.859vw;
margin-left: 1.563vw;
}
.footer .ft-page-list a::before {
left: -1.172vw;
width: 0.625vw;
height: 0.625vw;
}
.ft-contact-list li {
margin-bottom: 1.563vw;
}
.ft-contact-list .contact-info-detail span {
font-size: 0.938vw;
}
.ft-contact-list li img {
width: 1.875vw;
height: 1.875vw;
margin-right: 0.781vw;
}
.footer .copy-right {
font-size: 0.938vw;
padding: 1.563vw 0;
letter-spacing: 0.039vw;
font-size: 0.938vw;
padding: 2.969vw 0;
}
} @media all and (max-width: 767.9px) {
body {
letter-spacing: 0.267vw;
font-size: 3.733vw;
} h2 {
font-size: 8.533vw;
}
h3 {
font-size: 7.467vw;
}
h4 {
font-size: 6.4vw;
}
h5 {
font-size: 5.333vw;
}
h6 {
font-size: 4.267vw;
}
.sp {
display: block;
}
.btn {
font-size: 3.733vw;
padding: 2.267vw 2.8vw;
letter-spacing: 0.267vw;
}
.header .container {
padding: 3.2vw 0;
}
.burger {
position: relative;
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 1.6rem;
height: 1.15rem;
opacity: 1;
z-index: 11;
visibility: visible;
background: transparent;
}
.burger-line:nth-child(1) {
top: 0vw;
}
.burger-line:nth-child(2) {
top: 0.5rem;
width: 70%;
}
.burger-line:nth-child(3) {
top: 1rem;
}
.burger-line {
position: absolute;
display: block;
right: 0;
width: 100%;
height: 0.56vw;
opacity: 1;
border: none;
outline: none;
border-radius: 1rem;
background: var(--menu-color);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger.burger.active .burger-line {
transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger.active .burger-line:nth-child(1) {
transform: translateY(5px) rotate(45deg);
}
.burger.active .burger-line:nth-child(3) {
transform: translateY(-10px) rotate(-45deg);
}
.burger.active .burger-line:nth-child(2) {
opacity: 0;
}
.header nav {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
overflow-y: auto;
visibility: hidden;
background-color: var(--txt-secondary-color);
transition: all 0.5s ease;
display: block;
}
.header nav.active {
left: 0rem;
opacity: 1;
visibility: visible;
}
.header .nav-list {
display: block;
padding: 10.667vw 6.667vw;
}
.header .nav-list .nv-menu {
padding-bottom: 5.333vw;
}
.header .nav-list .nv-menu a {
letter-spacing: 0.133vw;
font-size: 3.733vw;
}
.header .nav-list .nv-submenu a:after {
width: 2.933vw;
height: 1.867vw;
}
.header .nav-list .nv-submenu .submenu-item a {
padding-right: 8vw;
font-size: 3.733vw;
}
.header .nav-list .nv-menu a:hover {
color: var(--menu-color) !important;
}
.header .nav-list .submenu li:hover a {
color: var(--menu-color) !important;
}
.header .nav-list .submenu {
position: relative;
top: 0rem;
left: 1.5rem;
width: 100%;
max-height: 100%;
padding: 0vw;
border: none;
outline: none;
opacity: 1;
overflow: hidden;
visibility: visible;
transform: translateY(0vw);
box-shadow: none;
background: transparent;
}
.header .nav-list .submenu li {
padding-top: 4vw;
padding-left: 5.333vw;
padding-right: 1.333vw;
width: 76.267vw;
border-radius: 2.667vw;
margin-right: 5.333vw;
}
.header .nav-list .submenu li:first-child {
margin-top: 20px;
}
.header .nav-list .submenu li:hover {
background-color: unset;
}
.header .nav-list .submenu-resource-hub .submenu-item {
width: 286px !important;
}
.home-page,
.sub-page {
padding-top: 24vw;
}
.header .schedule-btn {
margin: 0 6.667vw 8vw;
width: 85%;
background: var(--txt-primary-color);
text-align: center;
} .banner-section video {
height: 50vh;
}
.sub-banner .sub-banner-img {
width: 100%;
height: 45vh;
border-radius: 30px;
}
.banner-section .banner-content,
.sub-banner-content {
top: 12%;
left: 5%;
width: 90%;
}
.banner-section .banner-content h2 {
font-size: 24px;
}
.banner-section .scroll-to-explore {
bottom: 20px;
width: 33%;
}
.banner-section .scroll-to-explore span {
font-size: 3.2vw;
padding-bottom: 1.333vw;
}
.banner-section .scroll-to-explore img {
width: 3.733vw;
height: 3.733vw;
}
.banner-section .banner-content .banner-txt,
.sub-description {
font-size: 14px;
margin: 10px 0;
}
.sub-description {
margin: 25px 0;
} .detail-page .sub-banner::before,
.sub-page .sub-banner::before {
border-radius: 8vw;
}
.detail-page .sub-banner img,
.sub-page .sub-banner img {
height: 70vw;
border-radius: 8vw;
}
.detail-page .sub-banner-content .page-title,
.sub-page .sub-banner-content .page-title {
font-size: 24px;
margin-bottom: 10px;
}
.detail-page .sub-banner-content .sub-description,
.sub-page .sub-banner-content .sub-description {
font-size: 14px;
margin: 10px 0;
}
.detail-page .sub-banner-content .sub-description .post-info {
font-size: 16px;
margin: 40px 0 0 0;
} ul.breadcrumbs {
padding-top: 13.333vw;
padding-left: 4vw;
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
ul.breadcrumbs::-webkit-scrollbar {
display: none;
}
ul.breadcrumbs li {
margin-right: 4vw;
}
ul.breadcrumbs li a {
font-size: 3.733vw;
}
ul.breadcrumbs li + li:before {
margin-right: 3.2vw;
padding: 1.333vw;
} .advice-section {
margin-top: 21.333vw;
border-radius: 8vw;
}
.advice-section .advice-content {
flex-direction: column;
padding: 8vw;
}
.advice-content .left-blk {
width: 100%;
}
.advice-section .legal-title {
font-size: 5.333vw;
}
.advice-content .left-blk p {
font-size: 4.267vw;
margin: 5.333vw 0;
}
.advice-content .right-blk {
width: 100%;
}
.advice-content .right-blk .advice-list li {
margin-bottom: 5.333vw;
}
.advice-list-content span {
font-size: 5.333vw;
}
.advice-list-content p {
font-size: 3.733vw;
margin: 5.333vw 0;
}
.advice-icon {
width: 10.333vw;
height: 10.333vw;
margin-right: 8vw;
} .our-services {
margin: 21.333vw 0;
}
.service-list {
margin: 13.333vw 0;
}
.service-list li,
.service-list .service-item{
margin-right: 2.667vw;
margin-bottom: 2.667vw;
width: 47%;
}
.service-page .service-list li:nth-child(4n),
.service-page .service-list .service-item:nth-child(4n){
margin-right: 2.667vw;
}
.service-list li .service-bg img,
.service-list .service-item .service-bg img{
border-radius: 8vw;
}
.service-list li .service-txt,
.service-list .service-item .service-txt {
font-size: 3.733vw;
padding: 0 2.667vw;
}
.slick-prev,
.slick-next {
top: -40%;
transform: translateY(-50%);
width: 10vw;
height: 10vw;
border-radius: 8vw;
}
.slick-next {
right: 2%;
}
.slick-prev {
right: 15%;
}
.slick-prev::before,
.slick-next:before {
width: 4vw;
height: 4vw;
} .getting-started {
margin: 21.333vw 0;
}
.getting-started .bg-img img {
height: 670px;
border-radius: 8vw;
}
.getting-started .content {
top: 5%;
flex-direction: column;
}
.getting-started .content .left-blk {
width: 100%;
}
.getting-started .content .right-blk {
width: 100%;
padding: 6.667vw 0;
}
.getting-started .content .left-blk p {
font-size: 14px;
margin: 10px 0;
}
.started-list li {
padding: 4vw;
}
.faq-section {
width: 100%;
}
.faq-list li {
width: 100%;
}
.started-list li .list-header {
margin-left: 2.667vw;
}
.started-list li .list-ttl .list-number {
font-size: 4.8vw;
width: 55px;
height: 45px;
}
.started-list li .list-header h6 {
font-size: 5.333vw;
}
.faq-list li .list-header h6 {
width: 80%;
}
.started-list li .list-content {
width: 100%;
padding: 0 4vw 0 14vw;
font-size: 14px;
}
.faq-list li .list-content {
padding: 2.667vw 2.667vw 0 2.667vw;
}
.started-list li .list-ttl .toggle-icon img {
width: 5.333vw;
height: 5.333vw;
} .client-testi {
border-radius: 8vw;
padding: 5.867vw 2.667vw;
margin: 21.333vw 0;
}
.client-testi .testi-ttl-blk p {
font-size: 16px;
margin: 5.333vw 0;
}
.client-testi .testi-list {
padding-top: 13.333vw;
}
.client-testi .testi-list::before {
width: 5.867vw;
height: 4.267vw;
}
.client-testi .testi-list li p,
.client-testi .testi-list div p{
font-size: 16px;
}
.client-testi .testi-list li .name,
.client-testi .testi-list li .name{
font-size: 20px;
}
.testi-list .slick-prev {
left: 0%;
}
.testi-list .slick-next {
right: 0%;
}
.star-list {
padding: 8vw 0;
}
.star-list li {
margin-right: 1.333vw;
}
.star-list li img {
width: 9.867vw;
height: 9.867vw;
} .info-section {
margin: 21.333vw 0;
}
.info-section p {
font-size: 5.333vw;
width: 100%;
margin: 8vw auto;
} .contact-section {
padding: 21.333vw 0;
}
.contact-section .container {
flex-direction: column;
}
.get-in-touch {
width: 100%;
border-radius: 8vw;
padding: 5.333vw;
margin-right: 0;
margin-bottom: 5.333vw;
}
.contact-form {
width: 100%;
border-radius: 8vw;
}
.contact-form img {
height: 167.333vw;
border-radius: 8vw;
}
.form-content {
margin: 8vw auto;
width: 85%;
}
.contact-form h3 {
font-size: 4.267vw;
margin-bottom: 6.667vw;
}
.nf-field-element input,
.nf-field-element select {
height: 10.667vw !important;
border-radius: 2.667vw;
padding-left: 2.667vw;
font-size: 4.267vw;
}
.nf-field-element textarea {
height: 36vw !important;
border-radius: 2.667vw;
padding: 2.667vw;
font-size: 4.267vw;
}
input[type="submit"]::after {
width: 2.933vw;
height: 1.867vw;
}
.nf-form-cont .one-half {
width: 100% !important;
margin-left: 0 !important;
} .service-type1 .content-section {
width: 95%;
margin: 13.333vw auto;
font-size: 4.267vw;
}
.service-type1 .content-section p {
margin-bottom: 5.333vw;
}
.service-type1 .content-section li {
margin-left: 5.333vw;
} .pagination {
margin: 5.333vw auto;
}
.pagination .page-numbers {
margin: 0 2.667vw;
padding: 2.667vw;
border-radius: 1.333vw;
}
.pagination .prev,
.pagination .next {
font-size: 6.4vw;
letter-spacing: 0.133vw;
} .footer .container {
padding: 13.333vw 2.667vw 0;
}
.footer .ft-content {
padding-right: 0;
flex-direction: column;
padding-bottom: 10.667vw;
}
.footer .ft-logo {
width: 24vw;
margin: unset;
padding-bottom: 2.133vw;
}
.footer .ft-logo-blk {
width: 100%;
}
.footer .ft-logo-blk a {
letter-spacing: 0.027vw;
}
.footer .ft-fb-logo {
width: 5.333vw;
padding: 2.933vw 0vw 7.2vw;
}
.footer a {
font-size: 3.2vw;
}
.footer .ft-social-list {
margin-left: 1.867vw;
}
.footer .service-blk,
.footer .page-blk {
width: 100%;
padding: 0;
}
.footer .ft-service-list,
.footer .ft-page-list {
padding: 5.333vw 0;
}
.footer .ft-service-list a,
.footer .ft-page-list a {
padding-bottom: 2.933vw;
}
.footer .copy-right {
font-size: 3.2vw;
padding: 5.333vw 0;
letter-spacing: 0.133vw;
font-size: 3.2vw;
padding: 0;
}
}