@font-face {
font-family: "Caveat";
font-weight: 400;
font-style: normal;
src: url("https://static.zohocdn.com/webfonts/caveatregular/font.eot");
src: url("https://static.zohocdn.com/webfonts/caveatregular/font.eot?#iefix") format("eot"),
	url("https://static.zohocdn.com/webfonts/caveatregular/font.woff2") format("woff2"),
	url("https://static.zohocdn.com/webfonts/caveatregular/font.woff") format("woff"),
	url("https://static.zohocdn.com/webfonts/caveatregular/font.ttf") format("truetype"),
	url("https://static.zohocdn.com/webfonts/caveatregular/font.svg#Caveat-Regular") format("svg");
}
body {
margin: 0;
padding: 0;
background: #efeee6
}
.af {
font-family: ZohoPuvi;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.af * {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: 300
}
.af h1,
.af h2,
.af h3,
.af h4,
.af h5,
.af h6,
.af p {
margin: 0;
color: #000
}
.af ul {
padding-left: 0;
margin: 0
}
.af li {
list-style-type: none
}
.af a {
text-decoration: none;
cursor: pointer;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.af a:hover {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.af *,
.af :after,
.af :before {
box-sizing: border-box
}
.af {
width: 100%;
display: inline-block
}
.ac {
margin: 0 auto;
position: relative;
max-width: 1280px;
width: 100%
}
.af div:after,
.af:after {
content: "";
clear: both;
display: table
}
.af img {
-ms-interpolation-mode: bicubic;
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: middle
}
.wsm-sec-ready {padding-bottom: 70px;}
.cal-flex {
display: flex;
flex-wrap: wrap;
gap: 0
}
.cal-8 {
width: 60%
}
.cal-6 {
width: 50%
}
.cal-5 {
width: 40%
}
.cal-4 {
width: 33.33%
}
.cal-3 {
width: 25%
}
.wsm-ban {
align-items: center;
padding: 80px 92px 0px 92px;
}
.wsm-ban,
.wsm-box3-ctas {
background: url(/sites/meweb/images/kr/identity-360/images/home-ban-bg-line-25.png) #061C1D;
background-size: 350px;
background-repeat: repeat-x
}
.wsm-tag-hig {
border: 1px solid #74c3c3;
padding: 4px 6px;
display: inline-block;
border-radius: 5px;
color: #fff;
margin-bottom: 10px;
background: #74c3c321
}
.wsm-tag-hig span {
background: #74c3c3;
color: #000;
border-radius: 3px;
padding: 2px 3px;
margin-right: 4px
}
.wsm-ban .ban-tit h1 {
padding-bottom: 20px;
color: #ffe1c4
}
.wsm-ban .ban-tit h1 strong {
color: #fff
}
.wsm-ban .ban-tit h1,
.wsm-ban .ban-tit h1 strong {
font-size: 60px;
line-height: 65px;
font-weight: 500
}
.wsm-ban .ban-tit p {
font-size: 18px;
line-height: 30px;
font-weight: 300;
margin-bottom: 30px;
color: #fff
}
.wsm-ban .ban-tit {
padding-right: 100px;
width: calc(100% - 440px);
/* justify-content: center; */
display: flex;
flex-direction: column;
}
.af .signup-container {
background: linear-gradient(177deg, #0b3333, transparent);
box-shadow: 0 0 15px rgb(0 0 0 / 16%);
padding: 40px;
}
.af .signup-box .sign_agree,
.af .signup-box .sign_agree a,
.af .signup-box .socl-signup p,
.af .signup-box p.zcountry-info,
.af .signup-box span#zip-countryname-change,
.af .signup-container *,
.signup-box label {
color: #fff
}
.af .signup-box {
background: 0 0
}
.af .signupcontainer input {
font-weight: 400
}
.af .signup-box #signup-termservice.checked::before,
.signup-box #signup-termservice.checked::after {
background: #ABA9AA;
}
.af .signup-box .field-error .field-msg * {
color: red;
}
.wsm-ban-cus {
padding: 80px 0 50px;
}
.wsm-ban-cus span {
display: block;
color: #ffe1c4;
font-size: 15px;
padding: 0 0 15px
}
.wsm-ban-cus img {
max-width: 650px;
width: 100%
}
@media screen and (max-width:1100px) {
.wsm-ban .ban-tit {
	width: 100%;
	text-align: center;
	padding: 0
}
.wsm-ban .ban-img {
	width: 100%;
	max-width: 500px;
	margin: auto;
	margin-top: 40px
}
.wsm-ban .ban-tit h1 {
	font-size: 42px;
	line-height: 54px
}
}
@media screen and (max-width:992px) {
.wsm-ban {
	padding: 50px 30px
}
.wsm-ban-cus {
	padding: 30px 0 20px;
}
.wsm-ban .ban-tit h1,
.wsm-ban .ban-tit h1 strong {
	font-size: 32px;
	line-height: 42px;
	font-size: 26px;
	line-height: 36px
}
.af .signup-container {
	padding: 30px;
}
}
.wsm-work {
padding: 70px 0 50px 0;
}
.wsm-tit-typ-2 {
text-align: center;
padding-bottom: 50px
}
.wsm-tit-typ-2 h2,
.wsm-tit-typ-2 h2 strong {
font-size: 34px;
line-height: 44px
}
.wsm-tit-typ-2 h2 {
padding: 0 0 20px;
font-weight: 300;
}
.wsm-tit-typ-2 strong {
font-weight: 600;
display: block
}
.wsm-tit-typ-2 p {
margin: 0;
padding-bottom: 15px;
font-size: 16px;
line-height: 28px;
font-weight: 300
}
.wsm-tit-typ-2 p:last-child {
margin-bottom: 0;
padding-bottom: 0;
max-width: 1050px;
margin: auto
}
.flex-container {
display: flex;
gap: 20px;
flex-wrap: wrap
}
.wsm-box-bor {
padding: 35px;
border-radius: 20px;
background: linear-gradient(to top, #d3c3ae, #f1e6d7);
position: relative;
flex: 1
}
.wsm-box-bor::after {
content: "";
width: 100%;
height: 70px;
background: linear-gradient(to top, #efeee6, #e7e2d6);
position: absolute;
bottom: -90px;
left: 0;
border-radius: 20px
}
.wsm-box-bor p {
margin: 0;
font-size: 16px;
}
.wsm-box-bor h3,
.wsm-box-bor h3 span {
line-height: 28px;
font-size: 36px;
padding-bottom: 18px;
font-weight: 600
}
.wsm-box-bor i.ic {
background: url(/sites/meweb/images/kr/identity-360/images/home-work-sprite-25.png);
background-size: 130px;
width: 57px;
height: 70px;
display: inline-block;
margin-bottom: 30px;
background-repeat: no-repeat
}
.wsm-box-bor i.ic-2 {
background-position: -70px 0
}
.wsm-box-bor i.ic-3 {
background-position: 0 -73px
}
.wsm-box-bor i.ic-4 {
background-position: -65px -66px
}
@media (max-width:768px) {
.flex-container {
	flex-direction: column;
	align-items: stretch
}
}
@media (max-width:480px) {
.wsm-box-bor {
	flex: 1 1 100%
}
}
.wsm-rea {
padding: 100px 0 0 0;
}
.wsm-rea .ac {
border-radius: 20px;
padding: 70px;
background: url(/sites/meweb/images/kr/identity-360/images/home-rea-bg-25.png) #061f1f no-repeat;
background-position: -5px -52px;
position: relative;
background-size: 750px
}
.wsm-rea-lhs {
position: relative
}
.wsm-rea-lhs .inn {
position: absolute;
left: 0;
bottom: 0;
padding-right: 80px
}
.wsm-rea-lhs h2 {
color: #fff;
font-size: 48px;
line-height: 56px;
font-weight: 600;
padding-bottom: 20px
}
.wsm-rea-lhs h2 span {
color: #fff;
font-family: Caveat;
font-size: 50px;
font-style: normal;
font-weight: 400;
display: block;
line-height: 60px
}
.wsm-rea-lhs p {
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
.wsm-rea-rhs {
position: relative
}
.wsm-fea-poi {
padding-left: 75px;
padding-right: 50px;
}
.wsm-fea-poi li {
position: relative;
font-size: 18px;
border-bottom: 1px dashed #f0e7dc47;
padding: 35px 0
}
.wsm-fea-poi li:last-child {
border-bottom: 0
}
.wsm-fea-poi ul {
counter-reset: item
}
.wsm-fea-poi li::before {
content: counter(item) ". ";
counter-increment: item;
color: #fff;
font-weight: 500;
position: absolute;
left: -55px;
top: 49px;
z-index: 1
}
.wsm-fea-poi li::after {
content: '';
position: absolute;
width: 45px;
height: 45px;
border-radius: 10px;
background: linear-gradient(180deg, #044747 0, rgba(4, 33, 33, 0) 100%);
left: -73px;
top: 40px;
}
.wsm-fea-poi h3 {
color: #ffe1c4;
font-size: 24px;
line-height: 32px;
font-weight: 500;
padding-bottom: 10px
}
.wsm-fea-poi p {
color: #fff;
font-size: 16px;
line-height: 26px;
}
.sec-exp {
padding: 100px 0
}
.wsm-tit-2 {
text-align: center;
padding-bottom: 60px
}
.wsm-tit-2 span {
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
padding-bottom: 15px;
display: block
}
.wsm-tit-2 h2 {
font-size: 40px;
font-weight: 500;
line-height: 50px;
padding-bottom: 15px
}
.wsm-tit-2 h5 {
font-size: 24px;
font-weight: 400
}
.wsm-lr-container {
display: block;
width: 100%;
font-size: 0;
position: relative
}
.wsm-lr-container .wsm-m-lhs,
.wsm-lr-container .wsm-m-rhs {
display: inline-block;
vertical-align: top;
font-size: 16px;
position: relative
}
.wsm-lr-container .wsm-m-lhs {
width: 32%
}
.wsm-lr-container .wsm-m-rhs {
width: 68%;
padding-left: 50px
}
.wsm-tab-5-list {
position: relative
}
.wsm-tab-5-list li {
display: inline-block;
width: 100%;
font-size: 15px;
font-weight: 300;
line-height: 25px;
color: #000;
background: 0 0;
border-bottom: 1px dashed #b1a897;
padding: 24px 100px 24px 25px;
position: relative;
cursor: pointer;
-webkit-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in
}
.wsm-tab-5-list li:last-child {
border-bottom: 1px dashed #b1a897
}
.wsm-tab-5-list li:after {
width: 10px;
height: 10px;
background: #000;
border-radius: 50px;
top: 30px;
left: 0;
margin: 0 auto;
transition: all .3s ease-in-out;
transform: scale(0);
}
.wsm-tab-5-list li.active:after {
transform: scale(1);
}
.wsm-tab-5-list li:after,
.wsm-tab-5-list li:before {
content: '';
position: absolute
}
.wsm-tab-5-list li:before {
width: 0;
height: 3px;
background: #333;
bottom: -2px;
left: 0;
right: 0;
transition: all .5s ease
}
.wsm-tab-5-list li.active:before {
background: #000;
-webkit-animation: lineBar 12s ease-out;
animation: lineBar 12s ease-out;
box-shadow: 0 6px 15px 0 #0000009c
}
.wsm-tab-5-list li:hover h4 {
font-weight: 500;
}
@-webkit-keyframes lineBar {
to {
	width: 100%
}
}
@keyframes lineBar {
to {
	width: 100%
}
}
.wsm-tab-5-list li.active:after {
transform: scale(1)
}
.wsm-tab-5-list li h4 {
font-weight: 300;
line-height: 1.3;
color: #000;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 18px
}
.wsm-tab-5-list li.active h4 {
font-weight: 500
}
.wsm-tab-5-list li h4:hover {
color: #144650
}
.wsm-tab-5-list .active h3 {
font-weight: 500
}
.wsm-tab-5-content-container {
position: relative
}
.wsm-tab-5-content {
display: none;
-webkit-animation: fadeRight .6s .4s cubic-bezier(.25, .46, .45, .94) both;
animation: fadeRight .6s .1s cubic-bezier(.25, .46, .45, .94) both;
position: relative;
border: 1px solid #d7c2a7;
border-radius: 20px;
background: #e8dbca;
padding: 65px 60px;
}
.wsm-tab-5-content-lhs {
padding-right: 50px;
position: relative
}
.wsm-tab-5-content-lhs img {
width: 100%
}
.wsm-tab-5-content h3 {
font-weight: 500;
line-height: 47px;
font-size: 37px;
padding-bottom: 20px
}
.wsm-tab-5-content p {
font-size: 16px;
line-height: 28px
}
.wsm-tab-5-content a {
position: absolute;
bottom: 0
}
.wsm-tab-5-content a.me-btn-arr-line:hover {
border: 1.5px solid #064344;
background: #064344;
color: #fff
}
.wsm-tab-5-content a.me-btn-arr-line:hover i {
border-top: 1.5px solid #fff;
border-right: 1.5px solid #fff;
}
a.me-btn-arr-line {
font-size: 16px;
color: #000;
padding: 5px 13px 5px 14px;
cursor: pointer;
font-weight: 400;
border: 0;
border-radius: 5px;
display: inline-block;
box-sizing: border-box;
text-decoration: none;
-webkit-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in;
text-align: left;
border: 1.5px solid #000;
margin-top: 50px
}
a.me-btn-arr-line i {
width: 8px;
height: 8px;
border-top: 1.5px solid #000;
border-right: 1.5px solid #000;
transform: rotate(45deg);
display: inline-block;
transition: all .5s ease;
vertical-align: middle;
margin-top: -1px;
}
a.me-btn-arr-line.cta-dark-big {
color: #fff;
background: #000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(6.38%, #383838), color-stop(51.79%, #181818), to(#000));
background: -o-linear-gradient(top, #383838 6.38%, #181818 51.79%, #000 100%);
background: linear-gradient(180deg, #656565 6.38%, #181818 51.79%, #000 100%);
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
padding: 15px 35px;
display: inline-block;
margin: 30px 0 0;
box-shadow: 0 1px 4px 0 #00000029;
border: 0;
border-radius: 8px;
}
a.me-btn-arr-line.cta-dark-big i {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
width: 9px;
height: 9px
}
a.me-btn-arr-line.cta-dark-big:hover {
box-shadow: 0 23px 24px -4px #00000082;
padding: 15px 40px;
}
a.me-btn-arr-line.cta-dark-big:hover i {
margin-left: 5px
}
.wsm-tab-5-content.active {
display: block
}
@-webkit-keyframes fadeRight {
from {
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0
}
to {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}
@keyframes fadeRight {
from {
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0
}
to {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}
.wsm-tab-5-content img {
width: 100%;
height: auto
}
@-webkit-keyframes fadeRight {
from {
	-webkit-transform: translateX(60px);
	transform: translateX(60px);
	opacity: 0
}
to {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}
@keyframes fadeRight {
from {
	-webkit-transform: translateX(60px);
	transform: translateX(60px);
	opacity: 0
}
to {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}
.wsm-tab-5-content h2 {
font-size: 28px;
line-height: 38px;
font-weight: 500;
color: #000
}
@media screen and (min-width:1100px) {
.sec-exp-sm .wsm-lr-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 100px
}
.sec-exp-sm .wsm-lr-container .wsm-m-lhs {
	width: calc(100% - 530px);
	padding-top: 70px
}
.sec-exp-sm .wsm-lr-container .wsm-m-rhs {
	width: 530px;
	padding-left: 60px
}
}
@media screen and (max-width:1100px) {
.wsm-lr-container .wsm-m-rhs {
	display: none
}
.wsm-lr-container .wsm-m-lhs {
	width: 100%
}
.wsm-tab-5-list .wsm-tab-5-dropdown .wsm-mob-view-img {
	display: block
}
}
.wsm-sec-inte {
padding: 120px 0
}
.brands {
position: relative
}
.ban-img {
position: relative;
width: 440px;
}
.brand-com {
position: absolute
}
.brand-com i {
transition: all 1.5s ease-in-out;
transform: scale(0);
position: absolute;
background-image: url(/sites/meweb/images/kr/identity-360/images/home-marketplace-spri-25.png);
background-size: 445px;
background-repeat: no-repeat;
width: 78px;
height: 78px;
display: inline-block;
background-color: #fff;
border-radius: 15px;
box-shadow: -25px 25px 45px 5px #0000002b
}
.brand-com i.act {
transform: scale(1)
}
.brand-1 {
top: -80px;
left: 165px
}
.brand-2 {
left: 22px;
top: 28px
}
.brand-3 {
left: 144px;
top: 116px;
}
.brand-4 {
left: 289px;
top: 36px
}
.brand-5 {
left: 25px;
top: 221px
}
.brand-6 {
left: 256px;
top: 234px;
}
.brand-7 {
left: 130px;
top: 325px
}
.logo-11 {
background-position: -16px -14px
}
.logo-12 {
background-position: -128px -9px
}
.logo-21 {
background-position: -250px -14px
}
.logo-22 {
background-position: -130px -98px
}
.logo-31 {
background-position: -343px -15px
}
.logo-32 {
background-position: -240px -98px
}
.logo-41 {
background-position: -13px -99px
}
.logo-42 {
background-position: -14px -191px
}
.logo-51 {
background-position: -134px -192px
}
.logo-52 {
background-position: -245px -192px
}
.logo-61 {
background-position: -347px -191px
}
.logo-62 {
background-position: -246px -274px
}
.logo-71 {
background-position: -11px -277px
}
.logo-72 {
background-position: -131px -275px
}
.brands-cen {
text-align: center;
padding-top: 40px;
}
.brands-lhs {
left: 0
}
.brands-cen h2 {
font-size: 30px;
line-height: 42px;
font-weight: 500;
padding-bottom: 10px;
}
.brands-cen span {
font-family: Caveat;
font-size: 41px;
font-style: normal;
font-weight: 400;
display: block;
line-height: 38px;
color: #000
}
.brands-rhs {
left: 50px
}
#sligive .flex-direction-nav {
display: none
}
#sligive .flex-control-paging {
display: table;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto
}
#sligive .flex-control-paging li {
margin: 0 6px;
display: inline-block;
zoom: 1
}
#sligive .flex-control-paging li a {
color: #3330;
width: 10px;
height: 6px;
border-radius: 50px;
background: #9c6217;
border: 0;
cursor: pointer;
outline: 0;
transition: all .5s ease
}
#sligive .flex-control-paging li a.flex-active {
background: #000;
width: 40px;
height: 6px
}
#slilock .flex-direction-nav {
display: none
}
#slilock .flex-control-paging {
position: absolute;
margin: 0;
padding: 0;
right: 20px;
bottom: 8px
}
#slilock .flex-control-paging li {
margin: 0 6px;
display: inline-block;
zoom: 1
}
#slilock .flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #fff;
border: 2px solid #bbb;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 0 0 1px #33333354
}
#slilock .flex-control-paging li a.flex-active {
background: #0879b8;
cursor: default;
border: 2px solid #fff;
box-shadow: 0 0 0 1px #047ab8
}
.sec-sli-bans .inn {
position: relative;
z-index: 1
}
.slides li {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap
}
.sli-com {
position: relative;
min-height: 350px;
justify-content: center;
align-items: flex-start;
display: flex;
flex-direction: column;
padding: 70px;
margin-top: 125px;
border: 1px solid #d7c2a7;
border-radius: 20px;
background: #e8dbca
}
.sli-com img {
width: 200px;
margin-bottom: 20px
}
.sec-sli-bans .sli-com h2,
.sec-sli-bans .sli-com h2 span {
font-size: 32px;
line-height: 40px;
font-weight: 500
}
.sec-sli-bans .sli-com h2 {
margin-bottom: 0;
width: 100%;
color: #000
}
.sec-enha h2 span,
.sli-com h2 span {
color: #9c6217
}
.sec-sli-bans .sli-com h2~a.cta-red-arr {
margin-top: 30px
}
.sec-sli-bans .inn {
width: 100%;
display: block
}
.sec-sli-bans .sli-with-img {
padding-right: 440px
}
.sli-with-img:after {
background-image: url(/sites/meweb/images/kr/identity-360/images/identity-home-sli-spri.png);
background-repeat: no-repeat;
width: 258px;
height: 261px;
position: absolute;
background-size: 600px;
top: 52%;
transform: translate(-50%, -50%);
right: 0
}
.sli-ban-1:after {
background-position: 32px -1px
}
.sli-ban-2:after {
background-position: -266px 19px
}
@media screen and (max-width:1100px) {
.sec-sli-bans .sli-with-img {
	padding-right: 30px
}
.sec-sli-bans .sli-com h2,
.sec-sli-bans .sli-com h2 span {
	font-size: 24px;
	line-height: 34px
}
.af .sli-with-img:after {
	display: none
}
.sec-sli-bans .sli-com {
	padding: 30px;
	text-align: center
}
.sli-com {
	align-items: center;
	min-height: 350px
}
}
@media screen and (max-width:550px) {
.sli-com {
	min-height: 450px
}
.sec-sli-bans .sli-com h2,
.sec-sli-bans .sli-com h2 span {
	font-size: 20px;
	line-height: 30px
}
.sec-sli-bans .sli-com h2~a.cta-red-arr {
	font-size: 14px
}
}
.demo {
padding: 100px 0 130px 0
}
.demo .lhs {
position: relative;
width: calc(100% - 514px);
padding-right: 20px;
}
.wsm-tit-typ-1 {
text-align: center;
width: 100%;
padding-bottom: 50px
}
.wsm-tit-typ-1 h2 {
padding: 0 0 10px 0;
font-size: 40px;
line-height: 50px;
font-weight: 600
}
.wsm-tit-typ-1 p {
margin: 0;
padding-bottom: 15px;
font-size: 24px;
line-height: 34px
}
.wsm-tit-typ-1 p:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.pri-start {
transition: all .5s ease;
padding: 20px;
border-radius: 20px;
background: #f7f7f2;
border: 1px solid #fff;
margin-bottom: 20px;
justify-content: center;
align-items: center
}
.pri-start:last-child {
border-bottom: 0;
padding-bottom: 0
}
.pri-start .txt {
width: calc(100% - 250px);
padding: 0 25px 0 50px;
}
.pri-start .txt i {
background-image: url(/sites/meweb/images/kr/identity-360/images/home-marketplace-spri-25.png);
background-size: 445px;
width: 32px;
height: 32px;
display: inline-block;
background-position: -348px -292px
}
.pri-start .txt i.ic-ssomfa {
background-position: -403px -292px
}
.pri-start .txt h3 {
font-size: 24px;
font-weight: 500;
line-height: 30px;
padding: 15px 0 20px
}
.pri-start .txt p {
font-size: 16px;
line-height: 26px
}
.pri-doll {
width: 250px;
position: relative;
background: #efeee6;
text-align: center;
padding: 80px 25px
}
.pri-doll .start {
font-size: 14px;
letter-spacing: 1px;
color: #575757;
text-transform: uppercase
}
.pri-doll p {
font-size: 50px;
font-weight: 600;
line-height: 70px;
color: #000
}
.pri-doll .pri-per {
font-size: 15px;
font-weight: 400
}
.demo .rhs {
width: 514px;
}
.howto-demo-form {
border-radius: 20px;
box-sizing: border-box;
max-width: 514px;
background: #061f1f;
padding: 29px 65px;
display: grid;
align-items: center
}
.howto-demo-form .tit {
text-align: center
}
.howto-demo-form .tit span {
font-size: 16px;
text-transform: uppercase;
color: #fff
}
.howto-demo-form .tit h3 {
font-size: 48px;
line-height: 60px;
font-weight: 500;
color: #ffe1c4;
padding-bottom: 10px
}
.howto-demo-form .tit p {
font-size: 18px;
font-weight: 400;
margin: 5px 0 0;
color: #ffe1c4
}
.howto-demo-form form ul li input,
.howto-demo-form form ul li select,
.howto-demo-form form ul li textarea {
height: 45px;
line-height: 27px;
background-color: #ffffff0d;
display: block;
width: 100%;
font-size: 15px;
color: #fff;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
outline: 0;
border: #ffffff38 solid 1px;
border-radius: 5px;
padding: 8px 15px;
font-weight: 400
}
.howto-demo-form form ul li textarea {
height: 80px;
padding-left: 15px
}
.howto-demo-form form ul li select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) .5em;
background-size: 6px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
font-size: 13px;
cursor: pointer;
}
.howto-demo-form .form-sec * {
font-family: ZohoPuvi
}
.howto-demo-form .form-sec #meGDPRMessage {
width: 100%;
color: #fff
}
.success-message {
display: none;
text-align: center
}
.success-message * {
color: #fff;
margin: 0
}
.success-message h4 {
font-weight: 600;
line-height: 35px;
padding: 0 0 10px;
font-size: 21px;
color: #fff;
}
.success-message p {
font-size: 15px;
font-weight: 300;
color: #fff;
}
.hidden-data {
display: none
}
.howto-demo-form form ul li input[type=submit]:focus {
background: #037c3a
}
.howto-demo-form input[type=submit] {
cursor: pointer;
background-color: #009f44;
font-size: 16px;
color: #fff;
font-weight: 500;
border-width: 0;
padding: 12px;
transition: all .7s ease;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
height: auto;
width: 100%;
margin: 25px 0 10px 0;
border-radius: 0;
font-weight: 500;
background: linear-gradient(180deg, #15b097, #094a3f);
border-radius: 8px;
font-size: 16px
}
.howto-demo-form form ul {
padding: 0;
margin: 0
}
.howto-demo-form form ul li {
margin-bottom: 12px;
position: relative;
list-style-type: none;
padding: 0;
max-width: 400px
}
.howto-demo-form form ul li:last-child {
border: 0;
margin: 0
}
.howto-demo-form form ul li .ffw-errmsg {
display: none;
position: relative;
color: red;
padding: 4px 0 0;
font-size: 11px;
line-height: 15px;
text-align: left;
float: left;
bottom: 0;
width: 100%;
border-radius: 2px;
border-top-left-radius: 0;
right: 0;
border-top-right-radius: 0;
box-sizing: border-box
}
.howto-demo-form .misc-field .dwn-priv {
margin-top: 0;
line-height: 17px;
font-weight: 300;
padding-top: 10px;
/* float:left; */
text-align: center
}
.howto-demo-form .misc-field .dwn-priv,
.howto-demo-form .misc-field .dwn-priv * {
font-size: 11px;
color: #fff
}
.howto-demo-form .misc-field .dwn-priv strong {
font-weight: 600
}
.howto-demo-form .misc-field .dwn-priv a {
text-decoration: underline
}
.howto-demo-form form .ffw-field input:focus,
.howto-demo-form form .ffw-field input:focus-visible {
outline: 0;
border-color: #527be6
}
.howto-demo-form form .ffw-additional-data {
display: none
}
.howto-demo-form form .ffw-additional-data {
display: none
}
.howto-demo-form form ul li select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
background-position: calc(100% - 15px) calc(1em + 6px), calc(100% - 10px) calc(1em + 6px), calc(100% - 2.5em) .5em;
background-size: 6px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat
}
@media screen and (max-width:480px) {
.howto-demo-form form ul li.ic-date {
	width: 100%
}
}
.pri-detail {
margin-top: 15px;
padding: 40px 20px;
border-radius: 20px;
background: #f7f7f2;
border: 1px solid #fff
}
.pri-detail p {
text-align: center;
font-size: 16px;
font-weight: 300;
color: #000
}
.pri-detail p a {
font-size: 16px;
color: #005e5e;
text-decoration: underline;
font-weight: 400;
}
@media screen and (min-width:1101px) {
.success-message {
	position: relative;
	padding: 60px 30px
}
}
@media screen and (max-width:1300px) {
.ac {
	max-width: 95%
}
}
@media screen and (max-width:992px) {
.ac {
	padding: 0 20px
}
}
@media screen and (max-width:1100px) {
.demo .lhs {
	width: 100%;
	border: 0;
	border-radius: 5px;
	margin-bottom: 50px;
	padding: 0
}
.demo .rhs {
	width: 100%;
	padding: 40px
}
.howto-demo-form {
	margin: 0 auto;
	display: table;
	float: initial
}
}
@media screen and (max-width:600px) {
.pri-doll {
	width: 100%;
	border-left: 0;
	padding: 20px;
	border-radius: 15px 15px 0 0
}
.pri-start .txt {
	padding: 0;
	width: 100%
}
.pri-doll .pri-per {
	left: 125px;
	top: 70px;
	font-size: 18px;
	line-height: 24px
}
}
.wsm-box3-ctas {
text-align: center;
padding: 61px 50px;
border-radius: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 57%
}
.wsm-box3-ctas h2 {
font-size: 32px;
line-height: 40px;
font-weight: 500;
color: #ffe1c4;
padding-bottom: 10px
}
.wsm-box3-ctas p {
font-size: 18px;
color: #fff;
line-height: 26px;
}
.wsm-box3-ctas a {
color: #fff;
padding: 12px 30px 12px 30px;
margin-top: 35px;
border-radius: 8px;
width: 200px;
text-align: center
}
.me-btn-arr-line.cta-sm-foot {
border: 1px solid #fff
}
a.me-btn-arr-line.cta-grn {
background: linear-gradient(180deg, #15b097, #094a3f);
border: 0;
padding: 13px 30px 13px 30px;
margin-left: 15px;
}
.wsm-box3-ctas a i {
border-top: 2px solid #fff;
border-right: 2px solid #fff
}
.wsm-foot-img {
padding-left: 35px;
width: 43%
}
.wsm-foot-img img {
margin-top: -47px;
height: 361px;
object-fit: cover;
border-radius: 20px
}
.fea-res-section {
padding: 100px 0 80px 0;
text-align: center
}
.fea-res-section h2 {
text-align: center;
font-size: 40px;
line-height: 60px;
font-weight: 600;
color: #000;
padding-bottom: 20px
}
.res-wrap {
display: flex;
margin-top: 20px;
gap: 20px
}
.res-box {
-webkit-transition: .3s ease-in;
-o-transition: .3s ease-in;
position: relative;
flex: auto
}
.res-text {
padding: 20px 17px 0 17px;
position: unset;
text-align: left;
}
.res-text h5 {
font-size: 16px;
line-height: 30px;
font-weight: 600;
padding-bottom: 8px;
padding-top: 4px
}
.res-text p {
position: relative;
font-size: 15px;
line-height: 23px;
color: #333
}
.res-text .learn-more {
display: inline-block;
margin-top: 10px;
font-size: 15px;
font-weight: 400;
color: teal;
position: relative;
margin-bottom: 5px
}
.res-text .learn-more:before {
content: "";
width: 6px;
height: 6px;
border: 1.5px solid teal;
border-bottom: 0;
border-left: 0;
position: absolute;
right: -12px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
top: 48%
}
.res-box .overlay-link {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
cursor: pointer
}
.res-img {
width: 100%;
overflow: hidden;
background: #e8dbca;
padding: 50px 50px 0 50px;
border-radius: 20px
}
.res-img img {
width: 150px;
height: 180px;
-webkit-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in;
object-fit: cover;
border-radius: 15px 15px 0 0;
}
.res-box:hover {
-ms-transform: translateY(-5px);
transform: translateY(-5px)
}
.res-box:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
div#scroll {
padding: 0
}
@media screen and (max-width :992px) {
.fea-res-section {
	padding: 80px 0 60px 0
}
.fea-res-section h2 {
	font-size: 24px;
	line-height: 34px
}
.res-box {
	width: calc(50% - 40px);
	margin: 10px
}
}
@media screen and (max-width:1300px) {
.brands-rhs {
	left: 0
}
.brands-cen h2 {
	font-size: 32px;
	line-height: 42px
}
}
@media screen and (max-width:1200px) {
.brands-rhs {
	display: none
}
.brands-lhs {
	position: absolute;
	width: 100%
}
.brands-cen {
	width: 100%
}
.brand-1 {
	left: 10%
}
.brand-2 {
	top: 70px
}
.brand-3 {
	left: 90%;
	top: 70px
}
.brand-4 {
	left: 80%;
	top: -80px
}
.brand-5 {
	left: 10%;
	top: 244px
}
.brand-6 {
	left: 80%
}
.brand-7 {
	left: 46%;
	top: 380px
}
.brand-com i.act {
	transform: scale(.5)
}
}
@media screen and (max-width:1100px) {
.ac {
	max-width: 90%
}
.wsm-box3-ctas {
	width: 100%
}
.wsm-foot-img,
.wsm-tab-5-list li .cal-flex,
.wsm-tab-5-list li .cal-flex h3 {
	display: none
}
.wsm-tab-5-list li.active .cal-flex {
	display: block;
	padding-top: 30px
}
.demo {
	padding: 80px 0
}
.howto-demo-form .tit {
	padding-bottom: 30px
}
.wsm-tab-5-list li {
	padding-right: 25px
}
.wsm-tab-5-content-lhs {
	padding-right: 0
}
.wsm-tab-5-list img {
	margin-top: 30px
}
a.me-btn-arr-line {
	margin-top: 30px
}
}
@media screen and (max-width:992px) {
.cal-6 {
	width: 100%
}
.wsm-rea-lhs .inn {
	position: relative;
	left: 0;
	bottom: 0;
	padding: 0 0 50px 0
}
.wsm-tit-2 {
	padding-bottom: 30px
}
.howto-demo-form .tit h3 {
	font-size: 32px;
	line-height: 42px
}
.fea-res-section h2,
.wsm-box3-ctas h2,
.wsm-tit-2 h2,
.wsm-tit-typ-1 h2,
.wsm-tit-typ-2 h2,
.wsm-tit-typ-2 h2 strong {
	font-size: 28px;
	line-height: 38px
}
.res-wrap {
	margin-top: 0;
	gap: 10px
}
.wsm-box3-ctas p,
.wsm-tit-typ-1 p {
	font-size: 18px;
	line-height: 30px
}
.sec-exp {
	padding: 80px 0
}
.res-img {
	padding: 0
}
.wsm-box3-ctas {
	padding: 60px 30px
}
}
@media screen and (max-width:769px) {
.wsm-rea .ac {
	padding: 40px
}
.pri-start .txt {
	width: 100%;
	padding: 50px 20px 40px 20px;
	text-align: center
}
.res-wrap {
	display: block
}
.res-box {
	width: 100%;
	margin: 30px 0;
	border: 1px solid #a4a49e;
	border-radius: 20px
}
.res-text {
	padding: 30px 20px
}
.res-img {
	border-radius: 20px 20px 0 0
}
.brand-1 {
	left: 3%
}
.brand-2 {
	left: 0
}
.brand-5 {
	left: 3%
}
.brand-7,
.wsm-box-bor::after {
	display: none
}
.brands-cen {
	padding-top: 0
}
.brands-cen h2 {
	font-size: 18px;
	line-height: 28px
}
.wsm-sec-inte {
	padding: 60px 0
}
.wsm-rea-lhs h2 {
	font-size: 34px;
	line-height: 40px
}
.brand-3 {
	left: 85%
}
.wsm-fea-poi h3 {
	font-size: 16px;
	line-height: 24px
}
.wsm-fea-poi p {
	font-size: 15px;
	line-height: 23px
}
}
@media screen and (max-width:400px) {
.brands {
	display: none
}
.wsm-sec-inte {
	background: #fff
}
}
.brands-cen span {
font-family: inherit;
font-size: 22px;
line-height: 32px;
margin-top: 10px;
}
@media screen and (max-width:769px) {
.brands-cen span {
	font-size: 16px;
	line-height: 26px;
}
}