@charset 'UTF-8';
@media only screen and (min-width: 0px) {
:root {
--box-text-element-mgb: 3.5046729vw;
--radius-1: 4.01869159vw;
--radius-2: 2.2222222222vw;
--ss1-pdt: 8.41121495vw;
--ss1-pdb: 15.4205607vw;
--ss1-after-img-width: 12.0515588vw;
--ss1-heading-mgb: 1.86915888vw;
--ss1-stack-mgb: 7.47663551vw;
--button-pdl: 3.83693046vw;
--button-pdr: 3.83693046vw;
--ss1-stack-mw: 100%;
--ss1-heading-fs: 6.54205607vw; --ss2-pdt: 6.54205607vw;
--ss2-pdb: 2.3364486vw;
--ss2-heading-mgb: 3.5971223vw;
--ss2-heading-pdb: 2.3364486vw;
--ss2-icon-box-pdy: 4.90654206vw;
--ss2-icon-box-pdx: 7.00934579vw;
--ss2-icon-box-img-mw: 7.47663551vw;
--ss2-icon-box-text-pdl: 4.20560748vw;
--ss2-stack-gap: 1.86915888vw;
--ss2-stack-headline-fs: 4.6728972vw; --ss3-pdt: 4.43925234vw;
--ss3-pdb: 9.34579439vw;
--ss3-heading-mgb: 2.3364486vw;
--ss3-heading-pdb: 2.3364486vw;
--ss3-icon-box-img-mw: 25.7009346vw;
--ss3-icon-box-text-pdl: 0vw;
--ss3-icon-box-pdy: 3.60981308vw;
--ss3-icon-box-pdx: 6.44392523vw;
--ss3-icon-box-text-h3-fs: 4.6728972vw;
--ss3-icon-box-mw: 100%;
--slick-slide-gap: 1.38888889vw;
--ss3-box-text-content-mw: 100%;
--ss3-box-text-content-mgb: 9.34579439vw;
--ss3-icon-box-img-mgb: 1.86915888vw;
--btn-wrap-mgt: 7.47663551vw;
--ss3-arrow-btn-mw: 11.2149533vw; --ss4-pdt: 4.6728972vw;
--ss4-pdb: 4.6728972vw;
--ss4-heading-mgb: 7.00934579vw;
--ss4-heading-pdb: 2.3364486vw;
}
}
@media only screen and (min-width: 550px) {
:root {
--box-text-element-mgb: 1.79856115vw;
--radius-1: 1.29856115vw;
--radius-2: 2.2222222222vw;
--ss1-pdt: 4.91606715vw;
--ss1-pdb: 6.46522782vw;
--ss1-after-img-width: 12.0515588vw;
--ss1-heading-mgb: 1.79856115vw;
--ss1-stack-mgb: 1.79856115vw;
--button-pdl: 3.83693046vw;
--button-pdr: 3.83693046vw;
--ss1-stack-mw: 100%;
--ss1-heading-fs: 4.31654676vw; --ss2-pdt: 4.79616307vw;
--ss2-pdb: 0vw;
--ss2-heading-mgb: 3.5971223vw;
--ss2-heading-pdb: 1.19904077vw;
--ss2-icon-box-pdy: 2.54196643vw;
--ss2-icon-box-pdx: 3.5971223vw;
--ss2-icon-box-img-mw: 3.83693046vw;
--ss2-icon-box-text-pdl: 2.15827338vw;
--ss2-stack-gap: 0.959232614vw;
--ss2-stack-headline-fs: 2.39808153vw; --ss3-pdt: 2.39808153vw;
--ss3-pdb: 2.39808153vw;
--ss3-heading-mgb: 1.875vw;
--ss3-heading-pdb: 1.38888889vw;
--ss3-icon-box-img-mw: 13.1894484vw;
--ss3-icon-box-text-pdl: 1.04166667vw;
--ss3-icon-box-pdy: 2.24100719vw;
--ss3-icon-box-pdx: 3.30695444vw;
--ss3-icon-box-text-h3-fs: 3.35731415vw;
--ss3-icon-box-mw: 100%;
--slick-slide-gap: 1.38888889vw;
--ss3-box-text-content-mw: 75.5395683vw;
--ss3-box-text-content-mgb: 4.79616307vw;
--ss3-icon-box-img-mgb: 0.959232614vw;
--btn-wrap-mgt: 4.79616307vw;
--ss3-arrow-btn-mw: 5.75539568vw; --ss4-pdt: 4.79616307vw;
--ss4-pdb: 4.79616307vw;
--ss4-heading-mgb: 3.5971223vw;
--ss4-heading-pdb: 1.19904077vw;
}
.section-1 .col-image > .col-inner .after-img {
position: absolute;
bottom: -3.47222222vw;
right: -3.47222222vw;
max-width: var(--ss1-after-img-width);
aspect-ratio: 1/0.869152425;
}
}
@media only screen and (min-width: 1200px) {
:root {
--box-text-element-mgb: 1.38888889vw;
--radius-1: 1.1111111111vw;
--radius-2: 2.2222222222vw;
--ss1-pdt: 7.70833333vw;
--ss1-pdb: 7.70833333vw;
--ss1-after-img-width: 12.06875vw;
--ss1-heading-mgb: 1.1111111111vw;
--ss1-stack-mgb: 2.2222222222vw;
--button-pdl: 2.95138889vw;
--button-pdr: 2.95138889vw;
--ss1-stack-mw: 33.9583333vw;
--ss1-heading-fs: 4.1666666667vw; --ss2-pdt: 3.125vw;
--ss2-pdb: 2.01388889vw;
--ss2-heading-mgb: 4.1666666667vw;
--ss2-heading-pdb: 1.1111111111vw;
--ss2-icon-box-pdy: 2.2222222222vw;
--ss2-icon-box-pdx: 2.2222222222vw;
--ss2-icon-box-img-mw: 3.33333333vw;
--ss2-icon-box-text-pdl: 1.38888889vw;
--ss2-stack-gap: 0.555555556vw;
--ss2-stack-headline-fs: 1.66666667vw; --ss3-pdt: 2.77777778vw;
--ss3-pdb: 2.77777778vw;
--ss3-heading-mgb: 1.875vw;
--ss3-heading-pdb: 1.38888889vw;
--ss3-icon-box-img-mw: 5.55555556vw;
--ss3-icon-box-text-pdl: 1.04166667vw;
--ss3-icon-box-pdy: 1.35416667vw;
--ss3-icon-box-pdx: 2.43055556vw;
--ss3-icon-box-text-h3-fs: 1.666666667vw;
--ss3-icon-box-mw: 27.8472222vw;
--slick-slide-gap: 1.38888889vw;
--ss3-box-text-content-mw: 33.9583333vw;
--ss3-box-text-content-mgb: 0vw;
--ss3-arrow-btn-mw: 4.1666666667vw; --ss4-pdt: 2.63888889vw;
--ss4-pdb: 4.1666666667vw;
--ss4-heading-mgb: 4.1666666667vw;
--ss4-heading-pdb: 1.1111111111vw;
}
.col-slide {
padding-right: 4.86111111vw;
}
.section-3 .btn-wrap {
right: -4.86111111vw;
position: absolute;
bottom: calc(var(--slick-slide-gap));
}
.section-3 .headline .section-title {
justify-content: flex-start;
text-align: left;
}
.section-3 .headline .section-title b {
display: none;
}
.section-3 .headline .section-title span {
text-align: left;
}
.section-3 .headline .section-title span:before {
left: 0;
transform: unset;
}
}
.radius-1 {
border-radius: var(--radius-1);
overflow: hidden;
}
.section-1 {
padding-top: var(--ss1-pdt) !important;
padding-bottom: var(--ss1-pdb) !important;
}
.section-1 .col-image > .col-inner {
position: relative;
}
.section-1 .col-image > .col-inner .main-image {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: var(--radius-1);
}
.section-1 .col-txt .stack-col {
margin-bottom: var(--ss1-stack-mgb);
}
.stack-mw {
max-width: var(--ss1-stack-mw);
}
.section-1 .col-txt .button.button-main {
padding-left: var(--button-pdl);
padding-right: var(--button-pdr);
}
.section-1 .heading > h2 {
margin-bottom: var(--ss1-heading-mgb) !important;
font-size: var(--ss1-heading-fs);
letter-spacing: -0.0173611111vw;
} .section-2 {
padding-top: var(--ss2-pdt) !important;
padding-bottom: var(--ss2-pdb) !important;
}
.section-2 .headline .section-title {
margin-bottom: var(--ss2-heading-mgb) !important;
}
.section-2 .headline span {
padding-bottom: var(--ss2-heading-pdb) !important;
}
.section-2 .list-setting > .col > .col-inner {
border: 1px solid #e9ebec;
border-radius: var(--radius-1);
padding: var(--ss2-icon-box-pdy) var(--ss2-icon-box-pdx);
}
.section-2 .icon-box .icon-box-img {
max-width: var(--ss2-icon-box-img-mw);
width: 100% !important;
}
.section-2 .icon-box .icon-box-img img {
padding: 0;
aspect-ratio: 1/1;
}
.section-2 .icon-box .icon-box-img + .icon-box-text {
padding-left: var(--ss2-icon-box-text-pdl);
}
.section-2 .icon-box .icon-box-img + .icon-box-text .stack-box-info > * {
--stack-gap: var(--ss2-stack-gap) !important;
}
.section-2 .icon-box .icon-box-img + .icon-box-text .stack-headline h4 {
font-size: var(--ss2-stack-headline-fs);
line-height: calc(28 / 24);
margin-bottom: 0;
}  .section-3 {
padding-top: var(--ss3-pdt) !important;
padding-bottom: var(--ss3-pdb) !important;
}
.section-3 .headline .section-title {
margin-bottom: var(--ss3-heading-mgb);
line-height: calc(60 / 48);
}
.section-3 .headline .section-title span {
padding-bottom: var(--ss3-heading-pdb);
}
.section-3 .btn-wrap {
display: inline-flex;
flex-direction: column;
}
.section-3 .icon-box {
padding: var(--ss3-icon-box-pdy) var(--ss3-icon-box-pdx);
border: 1px solid #e9ebec;
border-radius: var(--radius-2);
border-width: var(--ov4-bd-w) var(--ov4-bd-w) var(--ov4-bd-w)
var(--ov4-bdl-w);
border-style: solid;
border-color: #a3e5f0;
border-radius: var(--ov4-bd-radius);
background-color: #f8f8f8;
height: 100%;
max-width: var(--ss3-icon-box-mw);
transition: all 0.35s ease-in-out;
}
.section-3 .icon-box .icon-box-img {
max-width: var(--ss3-icon-box-img-mw);
width: 100% !important;
}
.section-3 .icon-box .icon-box-img a {
margin: 0;
}
.section-3 .icon-box .icon-box-img img {
padding: 0;
margin: 0;
aspect-ratio: 1/1;
}
.section-3 .icon-box .icon-box-img + .icon-box-text {
padding-left: var(--ss3-icon-box-text-pdl);
}
.section-3 .col-txt .box-text-content {
max-width: var(--ss3-box-text-content-mw);
}
.section-3 .icon-box .icon-box-img + .icon-box-text h3 {
font-size: var(--ss3-icon-box-text-h3-fs);
line-height: calc(30 / 24);
}
.section-3 .btn-wrap .arrow-btn {
cursor: pointer;
}
.section-3 .btn-wrap .hover-icon {
display: none;
}
.section-3 .btn-wrap .next-btn:hover > .original-icon,
.section-3 .btn-wrap .prev-btn:hover > .original-icon {
display: none;
}
.section-3 .btn-wrap .prev-btn:hover > .hover-icon {
display: block;
}
.section-3 .btn-wrap .next-btn:hover > .hover-icon {
display: block;
}
.section-3 .slick-carousel .slick-arrow {
display: none !important;
}
.section-3 .slick-carousel .item-inner {
height: 100%;
} .section-3 .slick-carousel .slick-slide .item-inner .icon-box,
.section-3
.slick-carousel
.slick-slide[aria-hidden="true"]:not(.slick-cloned)
~ .slick-cloned[aria-hidden="true"]
.item-inner
.icon-box {
margin-left: auto !important;
margin-right: 0 !important;
transition: transform 0.3s;
}
.section-3 .slick-vertical .slick-slide {
padding: var(--slick-slide-gap) 0;
}
.section-3
.slick-slide[aria-hidden="true"]:not([tabindex="-1"])
+ .slick-cloned[aria-hidden="true"]
.item-inner
.icon-box,
.section-3
.fix-animation
.slick-slide.slick-active.slick-current
.item-inner
.icon-box,
.section-3
.slick-carousel
.slick-slide.slick-active.slick-current
.item-inner
.icon-box {
margin-left: 0 !important;
margin-right: auto !important;
}  .section-4 {
padding-top: var(--ss4-pdt) !important;
padding-bottom: var(--ss4-pdb) !important;
}
.section-4 .headline .section-title {
margin-bottom: var(--ss4-heading-mgb) !important;
}
.section-4 .headline span {
padding-bottom: var(--ss4-heading-pdb) !important;
} @media only screen and (max-width: 1199px) {
.section-2 .headline .section-title br,
.section-1 .box-text-content br {
display: none;
}
.section-3 .col-slide,
.section-3 .col-txt {
max-width: 100%;
flex-basis: 100%;
}
.section-3 .col-txt .box-text-content {
margin: 0 auto var(--ss3-box-text-content-mgb);
}
.section-3 .slick-slider {
margin-left: -10px;
margin-right: -10px;
}
.section-3 .slick-slider .slick-slide {
padding-left: 10px;
padding-right: 10px;
}
.section-3 .btn-wrap {
display: flex;
justify-content: center;
flex-direction: row;
margin-top: var(--btn-wrap-mgt);
}
.section-3 .btn-wrap .arrow-btn img {
max-width: var(--ss3-arrow-btn-mw);
aspect-ratio: 1/1;
}
.section-3 .btn-wrap .prev-btn img {
transform: rotate(-90deg);
}
.section-3 .btn-wrap .next-btn img {
transform: rotate(-90deg);
}
.section-3 .icon-box {
display: block;
text-align: left;
}
.section-3 .icon-box .icon-box-img {
margin-bottom: var(--ss3-icon-box-img-mgb);
width: 100%;
margin-right: auto;
}
.section-3 .icon-box .icon-box-img + .icon-box-text {
padding-left: 0;
margin-left: 0;
margin-right: auto;
}
.section-3 .icon-box .icon-box-img + .icon-box-text h3 {
min-height: 8.39328537vw;
}
}
@media only screen and (max-width: 849px) {
.section-1 .row .row-medium-custom {
margin-left: -11.5px;
margin-right: -11.5px;
max-width: calc(100% + 23px);
}
.section-1 .row .row-medium-custom > .col {
padding-left: 11.5px;
padding-right: 11.5px;
}
.section-4 {
background-color: #f6f6f6;
}
.section-3 {
background-color: #ffffff !important;
}
}
@media only screen and (max-width: 549px) {
.heading > h2 br {
display: none;
}
.section-1 {
background: url(//kawaconn.com/wp-content/themes/kawaconn/assets/img/bg-hero-section.jpg) no-repeat center center;
background-size: cover;
}
.section-1 .col-image > .col-inner .after-img,
.section-1 .section-bg {
display: none;
}
.section-1 .col-image {
margin-bottom: 9.57943925vw;
}
.section-1 .button.button-main {
width: 100%;
font-size: 4.20560748vw;
line-height: calc(24 / 18);
padding-top: 2.80373832vw;
padding-bottom: 2.80373832vw;
}
.section-1 .button.button-main span {
line-height: calc(24 / 18);
}
.section-3 .col-txt .box-text-content {
text-align: center;
}
.section-3 .icon-box .icon-box-img + .icon-box-text h3 {
min-height: 17.5233645vw;
}
} @media only screen and (min-width: 0px) {
:root {
--ov1-pdt: 0vw;
--ov1-pdb: 0vw;
--ov1-heading-mgb: 2.87850467vw;
--ov1-box-text-mgb: 2.87850467vw; --icon-size: 5.14018692vw;
--icon-pdl: 0vw;
--ov2-pdt: 4.6728972vw;
--ov2-pdb: 2.3364486vw;
--ov2-heading-mgb: 7.47663551vw;
--ss2-stack-headline-fs: 4.6728972vw;
--ov2-icon-box-img-mw: 25.7009346vw;
--button-link-fs: 3.73831776vw;
--ov2-icon-box-pdy: 3.60981308vw;
--ov2-icon-box-pdx: 5.7219917vw;
--ov2-icon-box-img-mgb: 1.86915888vw;
--ov2-col-bd-w: 0.644455607vw;
--ov2-col-bdl-w: 2.5778271vw;
--ov2-col-radius: 5.15565421vw;  --ov3-pdt: 4.90654206vw;
--ov3-pdb: 6.30841121vw;
--ov3-headline-fs: 6.54205607vw;
--ov3-heading-mgb: 2.03738318vw;
--ov3-heading-pdb: 1.1682243vw;
--ov3-box-text-mw: 78.0373832vw;
--ov3-box-text-mgb: 3.3411215vw;     --ov4-pdt: 7.00934579vw;
--ov4-pdb: 7.00934579vw;
--ov4-heading-mgb: 3.73831776vw;
--ov4-heading-pdb: 1.86915888vw;
--ov4-stack-box-text-mw: 100%;
--ov4-stack-box-text-mgb: 3.73831776vw;
--ov4-stack-box-text-gap: 1.79906542vw;
--ov4-stack-box-text-pdy: 2.1635514vw;
--ov4-stack-box-text-pdx: 3.14252336vw;
--ov4-bd-radius: 1.91846495vw;
--ov4-bd-w: 1px;
--ov4-bdl-w: 0.959233645vw;
--ov4-stack-box-text-h3-fs: 4.20560748vw;
--qoute-icon-size: 5.15654206vw;
--qoute-icon-top: 5.09813084vw;
--qoute-icon-right: 7.79439252vw; }
}
@media only screen and (min-width: 550px) {
:root {
--ov1-pdt: 4.79616307vw;
--ov1-pdb: 4.79616307vw;
--ov1-heading-mgb: 2.87769784vw;
--ov1-box-text-mgb: 2.87769784vw; --icon-size: 3.96882494vw;
--icon-pdl: 0vw;
--ov2-pdt: 4.79616307vw;
--ov2-pdb: 2.39808153vw;
--ov2-heading-mgb: 3.5971223vw;
--ss2-stack-headline-fs: 2.39808153vw;
--ov2-icon-box-img-mw: 13.1894484vw;
--button-link-fs: 2.64628297vw;
--ov2-icon-box-pdy: 2.24100719vw;
--ov2-icon-box-pdx: 3.30695444vw;
--ov2-icon-box-img-mgb: 0.959232614vw;
--ov2-col-bd-w: 0.330727818vw;
--ov2-col-bdl-w: 1.32291367vw;
--ov2-col-radius: 2.64582734vw;  --ov3-pdt: 4.79616307vw;
--ov3-pdb: 4.79616307vw;
--ov3-headline-fs: 4.31654676vw;
--ov3-heading-mgb: 2.0383693vw;
--ov3-heading-pdb: 1.19904077vw;
--ov3-box-text-mw: 49.0407674vw;
--ov3-box-text-mgb: 2.99760192vw;  --ov4-pdt: 4.79616307vw;
--ov4-pdb: 4.79616307vw;
--ov4-heading-mgb: 3.5971223vw;
--ov4-heading-pdb: 1.19904077vw;
--ov4-stack-box-text-mw: 66.5467626vw;
--ov4-stack-box-text-mgb: 3.5971223vw;
--ov4-stack-box-text-gap: 1.79856115vw;
--ov4-stack-box-text-pdy: 2.15827338vw;
--ov4-stack-box-text-pdx: 3.117506vw;
--ov4-bd-radius: 1.91846523vw;
--ov4-bd-w: 0.239808153vw;
--ov4-bdl-w: 0.959232614vw;
--ov4-stack-box-text-h3-fs: 2.87769784vw;
--qoute-icon-size: 5.1558753vw;
--qoute-icon-top: 3.65707434vw;
--qoute-icon-right: 3.95683453vw; }
}
@media only screen and (min-width: 850px) {
:root { --ov4-pdt: 4.79166667vw;
--ov4-pdb: 3.26388889vw;
--ov4-heading-mgb: 1.38888889vw;
--ov4-heading-pdb: 1.38888889vw;
--ov4-stack-box-text-mw: 38.5416667vw;
--ov4-stack-box-text-mgb: 1.94444444vw;
--ov4-stack-box-text-gap: 1.04166667vw;
--ov4-stack-box-text-pdy: 1.25vw;
--ov4-stack-box-text-pdx: 1.84027778vw;
--ov4-bd-radius: 1.1111111111vw;
--ov4-bd-w: 0.138888889vw;
--ov4-bdl-w: 0.555555556vw;
--ov4-stack-box-text-h3-fs: 1.66666667vw;
--qoute-icon-size: 2.98611111vw;
--qoute-icon-top: 2.11805556vw;
--qoute-icon-right: 2.25694444vw; }
.overview-4 .large-7 {
max-width: 58.377%;
flex-basis: 58.377%;
}
.overview-4 .large-5 {
max-width: 41.623%;
flex-basis: 41.623%;
}
.overview-4 .headline .section-title {
justify-content: flex-start;
text-align: left;
}
.overview-4 .headline .section-title b {
display: none;
}
.overview-4 .headline .section-title span {
text-align: left;
}
.overview-4 .headline .section-title span:before {
left: 0;
transform: unset;
}
.overview-4 .stack-box-text:nth-child(odd) {
margin-left: auto;
margin-right: 0;
}
.overview-4 .stack-box-text:nth-child(event) {
margin-left: 0;
margin-right: auto;
}
}
@media only screen and (min-width: 1200px) {
:root {
--ov1-pdt: 3.54166667vw;
--ov1-pdb: 3.54166667vw;
--ov1-heading-mgb: 1.666666667vw;
--ov1-box-text-mgb: 1.666666667vw; --icon-size: 2.29861111vw;
--icon-pdl: 0.555555556vw;
--ov2-pdt: 4.1666666667vw;
--ov2-pdb: 4.1666666667vw;
--ov2-heading-mgb: 4.79166667vw;
--ss2-stack-headline-fs: 1.666666667vw;
--ov2-icon-box-img-mw: 7.63888889vw;
--button-link-fs: 1.53263889vw;
--ov2-icon-box-pdy: 1.77152778vw;
--ov2-icon-box-pdx: 1.91527778vw;
--ov2-icon-box-img-mgb: 0;
--ov2-col-bd-w: 0.191546528vw;
--ov2-col-bdl-w: 0.7661875vw;
--ov2-col-radius: 1.532375vw;  --ov3-pdt: 4.79166667vw;
--ov3-pdb: 4.79166667vw;
--ov3-headline-fs: 2.5vw;
--ov3-heading-mgb: 2.08333333vw;
--ov3-heading-pdb: 0.694444444vw;
--ov3-box-text-mw: 38.4027778vw;
--ov3-box-text-mgb: 2.08333333vw; }
}
.overview-1 {
padding-top: var(--ov1-pdt) !important;
padding-bottom: var(--ov1-pdb) !important;
}
.overview-1 .heading > h2 {
font-weight: normal;
margin-bottom: var(--ov1-heading-mgb) !important;
}
.overview-1 .box-text-content {
margin-bottom: var(--ov1-box-text-mgb);
} .overview-2 {
padding-top: var(--ov2-pdt) !important;
padding-bottom: var(--ov2-pdb) !important;
}
.overview-2 .headline .section-title {
margin-bottom: var(--ov2-heading-mgb) !important;
}
.overview-2 .headline .section-title-center span {
padding-bottom: 0;
}
.overview-2 .headline .section-title-center span:before {
display: none;
}
.overview-2 .list-features > .col > .col-inner {
background: #ffffff;
border-width: var(--ov2-col-bd-w) var(--ov2-col-bd-w) var(--ov2-col-bd-w)
var(--ov2-col-bdl-w);
border-style: solid;
border-color: #a3e5f0;
border-radius: var(--ov2-col-radius);
padding: var(--ov2-icon-box-pdy) var(--ov2-icon-box-pdx);
}
.overview-2 .icon-box .icon-box-img {
width: 100% !important;
max-width: var(--ov2-icon-box-img-mw);
}
.overview-2 .icon-box .icon-box-img img {
padding: 0;
aspect-ratio: 1/1;
}
.overview-2 .icon-box .stack-col .text h3 {
font-size: var(--ss2-stack-headline-fs);
line-height: calc(45 / 36);
margin: 0;
}
.overview-2 .icon-box .stack-col > * {
--stack-gap: var(--ov2-stack-gap) !important;
}
.icon-box .button.is-link {
line-height: unset;
min-height: unset;
font-weight: normal;
color: #0e2e3e;
font-size: var(--button-link-fs);
margin: 0;
padding: 0;
border: 0;
}
.icon-box .button.is-link span {
line-height: calc(33.1 / 22.07);
margin: 0;
}
.icon-box .button.is-link i.icon-angle-right {
-webkit-mask: url('data:image/svg+xml;utf8,<svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.3115 23.0155L26.8529 18.4742C27.3915 17.9356 27.3915 17.0624 26.8529 16.5238L22.3115 11.9824M26.4489 17.499L7.14105 17.499" stroke="currentColor" stroke-width="2.0687" stroke-linecap="round"/></svg>')
no-repeat center / contain;
width: var(--icon-size);
height: var(--icon-size);
line-height: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
background-color: #0e2e3e;
opacity: 1;
position: relative;
top: -1px;
margin: 0 0 0 var(--icon-pdl);
}
.icon-box:hover .button.is-link {
color: #1fc0da;
}
.icon-box:hover .button.is-link i.icon-angle-right {
background-color: #1fc0da;
}
.icon-box .button.is-link i.icon-angle-right:before {
display: none;
}  .overview-3 {
padding-top: var(--ov3-pdt) !important;
padding-bottom: var(--ov3-pdb) !important;
}
.overview-3 .headline .section-title {
font-size: var(--ov3-headline-fs);
margin-bottom: var(--ov3-heading-mgb);
}
.overview-3 .headline .section-title span {
padding-bottom: var(--ov3-heading-pdb);
}
.overview-3 .box-text-content {
max-width: var(--ov3-box-text-mw);
margin: 0 auto var(--ov3-box-text-mgb);
}  .overview-4 {
padding-top: var(--ov4-pdt) !important;
padding-bottom: var(--ov4-pdb) !important;
}
.overview-4 .headline .section-title {
margin-bottom: var(--ov4-heading-mgb);
}
.overview-4 .headline .section-title span {
padding-left: 0;
padding-right: 0;
padding-bottom: var(--ov4-heading-pdb);
}
.overview-4 .stack-box-text h3 {
margin-bottom: 0;
font-size: var(--ov4-stack-box-text-h3-fs);
line-height: calc(30 / 24);
color: #000000 !important;
}
.overview-4 .stack-box-text {
padding: var(--ov4-stack-box-text-pdy) var(--ov4-stack-box-text-pdx);
border-width: var(--ov4-bd-w) var(--ov4-bd-w) var(--ov4-bd-w)
var(--ov4-bdl-w);
border-style: solid;
border-color: #a3e5f0;
border-radius: var(--ov4-bd-radius);
position: relative;
max-width: var(--ov4-stack-box-text-mw);
}
.overview-4 .stack-box-text:not(:last-child) {
margin-bottom: var(--ov4-stack-box-text-mgb);
}
.overview-4 .stack-box-text:after {
content: "";
background: url(//kawaconn.com/wp-content/themes/kawaconn/assets/img/icon-quote.svg) no-repeat center center;
background-size: contain;
width: var(--qoute-icon-size);
aspect-ratio: 1/0.720930233;
position: absolute;
top: var(--qoute-icon-top);
right: var(--qoute-icon-right);
}
.overview-4 .stack-box-text > * {
--stack-gap: var(--ov4-stack-box-text-gap) !important;
} @media only screen and (max-width: 849px) {
.overview-1 .heading > h2 {
max-width: 88.4892086vw;
margin: 0 auto;
}
.overview-2 .icon-box .stack-col .text h3 br {
display: none;
}
.overview-2 .icon-box {
flex-direction: column;
justify-content: flex-start;
text-align: left;
}
.overview-2 .icon-box > * {
margin-left: 0;
margin-right: auto;
}
.overview-2 .icon-box .icon-box-img {
order: -1;
margin-bottom: var(--ov2-icon-box-img-mgb);
}
.overview-4 .headline br {
display: none;
}
.overview-4 .stack-box-text {
margin-left: auto;
margin-right: auto;
font-size: 2.15827338vw;
}
}
@media only screen and (max-width: 549px) {
.overview-1 .heading > h2 {
max-width: 100%;
margin: 0 auto;
}
.list-features.row.row-medium-small:not(.row-collapse) > .col {
padding-bottom: 20px;
}
.overview-2 .icon-box .stack-col .text {
min-height: 23.364486vw;
margin-bottom: 2.3364486vw !important;
}
.headline .section-title-center span:before {
width: 11.682243vw;
}
.overview-3 .section-bg {
background: url(//kawaconn.com/wp-content/themes/kawaconn/assets/img/bg-ov-3.png) no-repeat center center;
background-size: cover;
}
.overview-3 .section-bg img {
display: none;
}
.overview-4 .stack-box-text {
margin-left: auto;
margin-right: auto;
font-size: 3.73831776vw;
}
.overview-4 .stack-box-text .text-heading p {
margin-left: auto;
margin-right: auto;
font-size: 2.80373832vw;
}
.postid-684 .home-top-form {
background-color: #f9fafa;
}
}.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(//kawaconn.com/wp-content/themes/kawaconn/assets/css/slick/ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(//kawaconn.com/wp-content/themes/kawaconn/assets/css/slick/fonts/slick.eot);src:url(//kawaconn.com/wp-content/themes/kawaconn/assets/css/slick/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//kawaconn.com/wp-content/themes/kawaconn/assets/css/slick/fonts/slick.woff) format('woff'),url(//kawaconn.com/wp-content/themes/kawaconn/assets/css/slick/fonts/slick.ttf) format('truetype'),url(//kawaconn.com/wp-content/themes/kawaconn/assets/css/slick/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}