@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-form){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-form) .label,:where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}:where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-form) .form-group.captcha,:where(.brxe-form) .form-group:last-child{padding-bottom:0}:where(.brxe-form) .form-group.captcha{line-height:1}:where(.brxe-form) .form-group.file{display:block}:where(.brxe-form) .form-group.file>label.choose-files{margin-bottom:0}:where(.brxe-form) .form-group>.label{margin-bottom:5px}:where(.brxe-form) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-form) .form-group .form-group-error-message.show{display:block}:where(.brxe-form) .form-group .password-input-wrapper{position:relative}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle{background:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span{display:flex}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span.hide{display:none}:where(.brxe-form) .submit-button-wrapper{width:auto}:where(.brxe-form) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-form) .options-wrapper{list-style-type:none;margin:0;padding:0}:where(.brxe-form) .options-wrapper li{align-items:baseline;display:flex;gap:8px}:where(.brxe-form) .options-wrapper input,:where(.brxe-form) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-form) .options-wrapper input[type=checkbox],:where(.brxe-form) .options-wrapper input[type=radio]{margin:initial;padding:initial;position:relative;top:1px}:where(.brxe-form) button[type=submit].sending{cursor:default}:where(.brxe-form) button[type=submit].sending .text{opacity:.5}:where(.brxe-form) button[type=submit].sending>i,:where(.brxe-form) button[type=submit].sending>svg{display:none}:where(.brxe-form) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1}:where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)}:where(.brxe-form) button[type=submit] .loading{display:none}:where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center}:where(.brxe-form) .recaptcha-hidden{display:none}:where(.brxe-form) .recaptcha-error{display:none;padding:0!important}:where(.brxe-form) .recaptcha-error.show{display:block}:where(.brxe-form) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-form) .hcaptcha-error.show{display:block}:where(.brxe-form) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) input[type=checkbox]+.label,:where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+.label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-form) textarea{height:inherit;resize:vertical}:where(.brxe-form) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;gap:15px;justify-content:space-between;opacity:1;padding-bottom:0;position:relative;width:100%}:where(.brxe-form) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-form) .message.error{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-form) .message .text{padding:15px}:where(.brxe-form) .message.closing{opacity:0;transition:opacity .2s}:where(.brxe-form) .message .close{all:unset;cursor:pointer;padding:15px}:where(.brxe-form) input.file,:where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0}:where(.brxe-form) .file-result{display:none;padding:0}:where(.brxe-form) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-form) .file-result.show.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);justify-content:space-between;padding:15px}:where(.brxe-form) .file-result.show.danger svg{cursor:pointer;height:1em;margin-left:5px}:where(.brxe-form) .file-result.show.danger svg g{stroke:currentcolor}:where(.brxe-form) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-form) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .choose-files{align-self:flex-start;background-color:transparent;border:1px solid var(--bricks-border-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:auto}:where(.brxe-form) .choose-files:hover{background-color:rgba(0,0,0,.05)}:where(.brxe-form) .gallery-preview{display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-form) .gallery-preview:not(:empty)+button{margin-top:5px}:where(.brxe-form) .image-preview{align-self:flex-start;overflow:hidden;position:relative}:where(.brxe-form) .image-preview:hover button{opacity:1}:where(.brxe-form) .image-preview:has(img)+button{margin-top:5px}:where(.brxe-form) .image-preview button{background-color:#fff;border:none;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}:where(.brxe-form) .image-preview button:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .image-preview button.hide{display:none}.grecaptcha-badge{visibility:hidden}}@layer bricks {.brxe-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@media (max-width: 478px) {#brxe-abb355 {font-size: var(--text-m)}}@media (max-width: 478px) {#brxe-928b60 {padding-top: 5px; padding-bottom: 5px}}.c2-hero, .c2-sec, .c2-cta, .c2-foot { font-family: Kanit, sans-serif; color: #111; box-sizing: border-box; } .c2-hero *, .c2-sec *, .c2-cta *, .c2-foot * { box-sizing: border-box; }:where(.c2-hero, .c2-sec, .c2-cta, .c2-foot) :where(p, h1, h2, h3, blockquote) { margin: 0; padding: 0; font-family: Kanit, sans-serif; } .c2-hero img, .c2-sec img, .c2-cta img, .c2-foot img { max-width: none; display: block; } .c2-wrap { width: min(1380px, 100% - 48px); margin-inline: auto; position: relative; } .c2-svgwrap { display: block; line-height: 0; } .c2-gray { background: #f1f1f1; }.c2-pill { display: inline-flex; align-items: center; height: 32px; padding: 0 20px; border-radius: 999px; background: #eaeaea; color: #111; font-size: 16px; font-weight: 400; letter-spacing: .5px; line-height: 1; text-transform: uppercase; white-space: nowrap; width: auto; } .c2-pill--gray { background: #dfdfdf; }a.bricks-button.c2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 58px; padding: 0 24px; border: 0; border-radius: 4px; font-family: Kanit, sans-serif; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: 0; box-shadow: none; text-decoration: none; width: auto; }a.bricks-button.c2-btn i { font-size: 16px; }a.bricks-button.c2-btn--dark { background: #000; color: #fff; }a.bricks-button.c2-btn--dark i { color: #fff; }a.bricks-button.c2-btn--light { background: #fff; color: #000; }a.bricks-button.c2-btn--light i { color: #000; }a.bricks-button.c2-btn--sm { height: 42px; padding: 0 22px; font-size: 15px; }a.bricks-button.c2-btn--sm i { font-size: 11px; }.c2-hero { position: relative; background: #fff; min-height: 990px; display: flex; flex-direction: column; overflow: hidden; } .c2-hero-media { position: absolute; top: 0; right: 0; width: 892px; height: 860px; z-index: 0; }img.c2-hero-img { width: 100%; height: 100%; object-fit: cover; clip-path: polygon(0 0, 100% 0, 100% 100%, 29.7% 100%); } .c2-hero-inner { z-index: 2; flex: 1 1 auto; display: flex; flex-direction: column; padding-bottom: 51px; } .c2-header { display: flex; align-items: center; justify-content: space-between; height: 93px; padding: 17px 0; border-bottom: 1px solid #d9d9d9; }img.c2-logo { width: 117px; height: auto; } .c2-header a.bricks-button.c2-btn { width: 184px; padding: 0; } .c2-hero-copy { margin-top: 101px; display: flex; flex-direction: column; align-items: flex-start; max-width: 764px; } .c2-h1wrap { margin-top: 14px; } .c2-h1 { font-size: 80px; line-height: 90px; font-weight: 700; font-style: italic; letter-spacing: 3.2px; color: #000; margin: 0; } .c2-h1--light { font-weight: 300; font-style: normal; margin-top: -5px; } .c2-hero-desc { margin-top: 18px; font-size: 21px; line-height: 36px; font-weight: 300; letter-spacing: .21px; color: #111; max-width: 764px; } .c2-who { margin-top: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .c2-who-label { font-size: 18px; font-weight: 500; letter-spacing: 2.8px; line-height: 1; color: #111; } .c2-stats { display: inline-flex; align-items: stretch; width: 1200px; max-width: 100%; background: #000; border-radius: 24px; padding: 38px 0 34px; } .c2-stat { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 55px; gap: 6px; } .c2-stat-val { font-size: 40px; line-height: 44px; font-weight: 600; font-style: italic; color: #fff; margin: 0; } .c2-stat-lbl { font-size: 19px; line-height: 26px; font-weight: 300; letter-spacing: .4px; color: #fff; } .c2-stat-rule { width: 1px; background: #5a5a5a; margin: -4px 0 0; }.c2-sec { position: relative; } .c2-intro { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; } .c2-h2 { font-size: 42px; line-height: 50px; font-weight: 300; color: #111; margin: 0; text-align: center; letter-spacing: .84px; } .c2-h2--left { text-align: left; line-height: 44px; } .c2-h3 { font-size: 40px; line-height: 44px; font-weight: 300; color: #111; margin: 0; text-align: center; } .c2-intro-text { font-size: 21px; line-height: 36px; font-weight: 300; color: #111; max-width: 739px; letter-spacing: .21px; } .c2-body { font-size: 21px; line-height: 36px; font-weight: 300; color: #111; letter-spacing: .21px; }.c2-exp { background: #fff; padding: 70px 0 160px; } .c2-exp-row { display: flex; align-items: center; gap: 60px; }img.c2-exp-photo { width: 660px; height: 495px; object-fit: cover; object-position: center 62%; border-radius: 20px; flex: 0 0 660px; } .c2-exp-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; flex: 1 1 auto; }.c2-opts { padding: 130px 0 178px; } .c2-opts .c2-intro-text { margin-top: 0; } .c2-opt-grid { margin-top: 43px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .c2-opt-card { background: #fff; border-radius: 24px; padding: 21px 21px 0; overflow: hidden; }img.c2-opt-photo { width: 100%; height: 458px; object-fit: cover; border-radius: 20px; } .c2-opt-body { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 58px 40px 64px; } .c2-opt-text { font-size: 20px; line-height: 36px; font-weight: 300; color: #111; max-width: 520px; }.c2-steps { padding: 0 0 168px; overflow: hidden; } .c2-steps .c2-intro { gap: 16px; } .c2-steps-grid { position: relative; margin-top: 70px; display: flex; flex-direction: column; gap: 64px; }img.c2-tire { position: absolute; top: 17px; left: calc(50% - 960px); width: 1946px; height: 583px; object-fit: fill; pointer-events: none; z-index: 0; opacity: .6; } .c2-steps-row { position: relative; z-index: 1; display: flex; } .c2-steps-row--3 { justify-content: space-between; } .c2-steps-row--2 { justify-content: center; gap: 187px; } .c2-step { width: 350px; display: flex; flex-direction: column; align-items: center; text-align: center; } .c2-step-circle { width: 136px; height: 136px; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; }img.c2-step-glyph { width: 56px; height: auto; max-height: 56px; } .c2-step-n { font-size: 16px; line-height: 1; font-weight: 400; letter-spacing: 1px; color: #666; margin-bottom: 16px; text-transform: uppercase; } .c2-step-title { font-size: 22px; line-height: 1.2; font-weight: 500; letter-spacing: 1px; color: #111; margin: 0 0 8px; } .c2-step-text { font-size: 18px; line-height: 36px; font-weight: 300; color: #111; }.c2-testi { padding: 0 0 160px; } .c2-tcard { background: #fff; border-radius: 32px; padding: 80px 54px 64px; margin-inline: 6px; } .c2-tcard-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 46px; } .c2-tcard-title { font-size: 36px; line-height: 1; letter-spacing: 0; text-align: left; font-weight: 200; text-transform: uppercase; }a.bricks-button.c2-allreviews { gap: 12px; } .c2-tcard-body { display: flex; gap: 52px; align-items: stretch; } .c2-tcard-left { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 465px; } .c2-tquote { font-size: 22px; line-height: 34px; font-style: italic; font-weight: 500; color: #555; margin: 0; max-width: 540px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .c2-tq ~ .c2-tq { display: none; } .c2-tquote a { color: inherit; text-decoration: none; } .c2-rated { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; row-gap: 10px; align-items: center; } .c2-rated .c2-svgwrap { grid-row: 1 / span 1; } .c2-stars { color: #fbbc04; font-size: 15px; letter-spacing: 4px; line-height: 1; } .c2-rated-text { grid-column: 1 / -1; font-size: 16px; line-height: 1.4; font-weight: 400; color: #111; } .c2-rated-text strong { font-weight: 600; } .c2-tcard-photo { flex: 0 0 748px; border-radius: 35px; overflow: hidden; height: 465px; background: #ddd; }img.c2-tphoto { width: 100%; height: 100%; object-fit: cover; } .c2-slider-wrap { position: relative; margin-top: 144px; } .c2-slider-wrap .splide__track { overflow: hidden; } .c2-slide { background: #fff; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; height: auto; } .c2-slide-photo { display: none; } .c2-slide-photo.has-img { display: block; } .c2-slide-photo img { width: 100%; height: 265px; object-fit: cover; } .c2-slide-body { display: flex; flex-direction: column; gap: 14px; padding: 32px 30px 28px; flex: 1 1 auto; } .c2-slide .c2-stars { font-size: 15px; letter-spacing: 4px; } .c2-slide-quote { font-size: 18px; line-height: 28px; font-weight: 300; color: #111; flex: 1 1 auto; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .c2-slide-quote a { color: inherit; text-decoration: none; } .c2-slide-client { display: flex; align-items: center; gap: 14px; margin-top: 12px; }img.c2-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #ddd; } .c2-slide-name { font-size: 15px; line-height: 1.3; font-weight: 600; color: #111; } .c2-slide-verified { font-size: 13px; line-height: 1.3; font-weight: 400; color: #8a8a8a; } .c2-slider-wrap .splide__arrow { position: absolute; top: 40%; transform: translateY(-50%); width: 76px; height: 76px; border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 1; z-index: 3; padding: 0; font-size: 22px; } .c2-slider-wrap .splide__arrow--prev { left: -126px; background: #fff; color: #000; } .c2-slider-wrap .splide__arrow--next { right: -130px; background: #000; color: #fff; } .c2-slider-wrap .splide__arrow:disabled { opacity: .4; cursor: default; } .c2-slider-wrap .splide__arrow svg, .c2-slider-wrap .splide__arrow i { width: auto; height: auto; fill: currentColor; color: inherit; }.c2-why { background: #fff; padding: 174px 0 160px; } .c2-why .c2-intro-text { max-width: 900px; } .c2-why-grid { display: grid; gap: 30px; margin-top: 30px; } .c2-why .c2-intro + .c2-why-grid { margin-top: 50px; } .c2-why-grid--3 { grid-template-columns: repeat(3, 1fr); } .c2-why-grid--4 { grid-template-columns: repeat(4, 1fr); } .c2-why-card { background: #fbfbfb; border: 1px solid #cfcfcf; border-radius: 20px; padding: 36px 30px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; }img.c2-why-icon { width: auto; height: 68px; max-width: 68px; filter: none; margin: -4px 0; } .c2-why-rule { width: 180px; height: 2px; background: #aaa; margin: 28px 0 32px; } .c2-why-text { font-size: 22px; line-height: 36px; font-weight: 300; color: #111; }.c2-cta { position: relative; background: #000; min-height: 860px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; overflow: hidden; } .c2-cta-media { position: absolute; top: 0; right: 0; width: 892px; height: 860px; z-index: 0; overflow: hidden; clip-path: polygon(0 0, 100% 0, 100% 100%, 29.7% 100%); }img.c2-cta-img { width: 100%; height: 100%; object-fit: cover; transform: translate(8%, 0) scale(1.5); transform-origin: 50% 67%; } .c2-cta-inner { z-index: 2; display: flex; flex-direction: column; align-items: flex-start; } .c2-cta-title { font-size: 80px; line-height: 90px; font-weight: 300; color: #fff; margin: 0; max-width: 760px; letter-spacing: 0; } .c2-cta-title b { font-weight: 700; font-style: italic; } .c2-cta-lines { margin-top: 12px; display: flex; flex-direction: column; gap: 0; } .c2-cta-line { font-size: 20px; line-height: 42px; font-weight: 300; color: #fff; } .c2-sep { margin: 0 14px; opacity: .5; } .c2-cta a.bricks-button.c2-btn { margin-top: 28px; }.c2-foot { background: #000; border-top: 1px solid #444; padding: 36px 0 30px; } .c2-foot-inner { display: flex; flex-direction: column; align-items: center; gap: 24px; }img.c2-foot-logo { width: 211px; height: auto; filter: brightness(0) invert(1); } .c2-foot-copy { font-size: 18px; line-height: 1.3; font-weight: 300; color: #fff; text-align: center; } .c2-foot-copy .c2-sep { margin: 0 18px; } .c2-slider-wrap .splide__pagination { display: none; }@media (max-width: 991px) { .c2-wrap { width: min(1380px, 100% - 80px); }  .c2-hero { min-height: 0; } .c2-hero-inner { padding-bottom: 0; } .c2-hero-media { position: relative; order: 3; width: 100%; height: 440px; margin-top: 56px; } img.c2-hero-img { clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%); } .c2-hero-copy { margin-top: 56px; max-width: none; } .c2-h1 { font-size: 60px; line-height: 66px; } .c2-hero-desc { font-size: 19px; line-height: 30px; } .c2-who { margin-top: 56px; } .c2-stats { width: 100%; } .c2-stat { padding: 0 20px; } .c2-stat-val { font-size: 30px; line-height: 34px; white-space: nowrap; } .c2-stat-lbl { font-size: 15px; line-height: 22px; }  .c2-exp { padding: 48px 0 52px; } .c2-exp-row { flex-direction: column; align-items: stretch; gap: 36px; } img.c2-exp-photo { width: 100%; flex: none; height: 380px; } .c2-opts { padding: 52px 0; } .c2-h2 { font-size: 36px; line-height: 44px; } .c2-h3 { font-size: 34px; } .c2-opt-grid { margin-top: 32px; gap: 24px; } img.c2-opt-photo { height: 300px; } .c2-opt-body { padding: 26px 20px 40px; } .c2-opt-text { font-size: 18px; line-height: 28px; }  .c2-steps { padding: 0 0 52px; } img.c2-tire { display: none; } .c2-steps-grid { margin-top: 48px; gap: 56px; } .c2-steps-row { flex-wrap: wrap; justify-content: center; gap: 56px 40px; } .c2-steps-row--3, .c2-steps-row--2 { justify-content: center; gap: 56px 40px; } .c2-step { width: calc(50% - 20px); max-width: 350px; } .c2-step-text { font-size: 17px; line-height: 28px; }  .c2-testi { padding: 0 0 52px; } .c2-tcard { padding: 40px 36px; margin-inline: 0; border-radius: 28px; } .c2-tcard-title { font-size: 28px; } .c2-tcard-body { flex-direction: column; gap: 32px; } .c2-tcard-left { min-height: 0; gap: 28px; } .c2-tquote { font-size: 24px; line-height: 32px; max-width: none; } .c2-tcard-photo { flex: none; width: 100%; height: 380px; } .c2-slider-wrap { margin-top: 48px; } .c2-slider-wrap .splide__arrow { width: 52px; height: 52px; font-size: 16px; top: 38%; } .c2-slider-wrap .splide__arrow--prev { left: -14px; } .c2-slider-wrap .splide__arrow--next { right: -14px; }  .c2-why { padding: 52px 0; } .c2-why-grid--3 { grid-template-columns: repeat(3, 1fr); gap: 20px; } .c2-why-grid--4 { grid-template-columns: repeat(2, 1fr); gap: 20px; } .c2-why-card { padding: 30px 22px 34px; } .c2-why-text { font-size: 18px; line-height: 28px; }  .c2-cta { flex-direction: column-reverse; justify-content: flex-start; align-items: stretch; min-height: 0; } .c2-cta-media { position: relative; width: 100%; height: 380px; clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%); } img.c2-cta-img { transform: scale(1.15); transform-origin: 50% 67%; } .c2-cta-inner { padding: 48px 0 44px; } .c2-cta-title { font-size: 56px; line-height: 64px; } .c2-foot { padding: 36px 0 32px; }}@media (max-width: 767px) { .c2-wrap { width: calc(100% - 48px); } .c2-header { height: auto; padding: 14px 0; } .c2-header a.bricks-button.c2-btn { width: auto; padding: 0 20px; height: 48px; font-size: 14px; } .c2-hero-media { height: 320px; margin-top: 40px; } .c2-hero-copy { margin-top: 40px; } .c2-h1 { font-size: 48px; line-height: 54px; letter-spacing: 1.6px; } .c2-hero-desc { font-size: 17px; line-height: 27px; } .c2-who { margin-top: 40px; gap: 16px; } .c2-who-label { font-size: 18px; } .c2-stats { flex-direction: column; padding: 28px 24px; border-radius: 20px; gap: 0; } .c2-stat { padding: 18px 0; gap: 4px; } .c2-stat-val { font-size: 26px; } .c2-stat-rule { width: 100%; height: 1px; margin: 0; } .c2-pill { font-size: 12px; padding: 0 16px; height: 30px; letter-spacing: .4px; } .c2-h2 { font-size: 30px; line-height: 38px; letter-spacing: .3px; } .c2-h2--left { line-height: 38px; } .c2-intro-text, .c2-body { font-size: 17px; line-height: 27px; } .c2-exp { padding: 36px 0 40px; } img.c2-exp-photo { height: 280px; } .c2-opts { padding: 40px 0 44px; }  .c2-opt-grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -24px; padding: 0 24px; scroll-padding: 0 24px; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .c2-opt-grid::-webkit-scrollbar { display: none; } .c2-opt-grid::after { content: attr(data-none); flex: 0 0 12px; } .c2-opt-card { flex: 0 0 82%; scroll-snap-align: center; } img.c2-opt-photo { height: 220px; } .c2-h3 { font-size: 28px; line-height: 32px; } .c2-opt-text { font-size: 16px; line-height: 25px; }  .c2-steps { padding: 0 0 40px; } .c2-steps-grid { margin-top: 36px; gap: 44px; } .c2-steps-row, .c2-steps-row--3, .c2-steps-row--2 { flex-direction: column; align-items: center; gap: 44px; } .c2-step { width: 100%; max-width: 340px; } .c2-step-circle { width: 108px; height: 108px; margin-bottom: 20px; } img.c2-step-glyph { width: 44px; max-height: 44px; }  .c2-testi { padding: 0 0 40px; } .c2-tcard { padding: 28px 22px; border-radius: 24px; } .c2-tcard-head { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 24px; } .c2-tcard-title { font-size: 24px; } .c2-tquote { font-size: 20px; line-height: 28px; } .c2-tcard-photo { height: 240px; border-radius: 24px; } .c2-slider-wrap { margin-top: 36px; } .c2-slide-body { padding: 24px 22px; } .c2-slider-wrap .splide__arrow { width: 44px; height: 44px; top: 50%; } .c2-slider-wrap .splide__arrow--prev { left: -8px; } .c2-slider-wrap .splide__arrow--next { right: -8px; }  .c2-why { padding: 40px 0; } .c2-why-grid--3 { grid-template-columns: 1fr; } .c2-why-grid--4 { grid-template-columns: 1fr 1fr; gap: 14px; } .c2-why-grid { margin-top: 14px; } .c2-why .c2-intro + .c2-why-grid { margin-top: 32px; } .c2-why-card { padding: 24px 14px 26px; } .c2-why-grid--4 .c2-why-text { font-size: 15px; line-height: 22px; } .c2-why-rule { width: 110px; margin: 18px 0 20px; } img.c2-why-icon { height: 48px; max-width: 48px; }  .c2-cta-media { height: 300px; } .c2-cta-inner { padding: 36px 0 40px; } .c2-cta-title { font-size: 44px; line-height: 50px; } .c2-cta-line { font-size: 16px; line-height: 30px; } .c2-foot-copy { font-size: 16px; } .c2-foot-copy .c2-copy, .c2-foot-copy .c2-legal { display: block; } .c2-foot-copy .c2-copy + .c2-sep { display: none; } .c2-foot-copy .c2-legal { margin-top: 6px; white-space: nowrap; } img.c2-foot-logo { width: 170px; }}@media (max-width: 478px) { .c2-h1 { font-size: 40px; line-height: 46px; } .c2-cta-title { font-size: 32px; line-height: 40px; } .c2-stat-val { font-size: 24px; }}@media (min-width: 768px) and (max-width: 991px) { .c2-opt-grid { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -40px; padding: 0 40px; scroll-padding: 0 40px; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .c2-opt-grid::-webkit-scrollbar { display: none; } .c2-opt-grid::after { content: attr(data-none); flex: 0 0 24px; } .c2-opt-card { flex: 0 0 62%; scroll-snap-align: start; }} .c2-tquote { border: 0; padding: 0; }@media (max-width: 767px) { .c2-slider-wrap { padding-bottom: 0; } .c2-slider { position: relative; margin-bottom: 84px; } .c2-slider-wrap .splide__arrow { top: calc(100% + 20px); bottom: auto; transform: none; width: 52px; height: 52px; } .c2-slider-wrap .splide__arrow--prev { left: calc(50% - 62px); } .c2-slider-wrap .splide__arrow--next { right: calc(50% - 62px); }}@media (min-width: 768px) and (max-width: 991px) { .c2-slider { position: relative; margin-bottom: 84px; } .c2-slider-wrap .splide__arrow { top: calc(100% + 20px); bottom: auto; transform: none; width: 52px; height: 52px; } .c2-slider-wrap .splide__arrow--prev { left: calc(50% - 62px); } .c2-slider-wrap .splide__arrow--next { right: calc(50% - 62px); }}.c2-modal { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 24px; font-family: Kanit, sans-serif; } .c2-modal:target { display: flex; } .c2-modal * { box-sizing: border-box; } .c2-modal-bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .62); } .c2-modal-bg a { display: block; width: 100%; height: 100%; } .c2-modal-dialog { position: relative; width: min(720px, 100%); max-height: calc(100vh - 48px); overflow-y: auto; background: #fff; border-radius: 24px; padding: 44px 44px 36px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; } .c2-modal-x { position: absolute; top: 14px; right: 18px; } .c2-modal-x a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f1f1f1; color: #111; font-size: 26px; line-height: 1; text-decoration: none; } .c2-modal-title { font-size: 36px; line-height: 44px; } .c2-modal-text { font-size: 17px; line-height: 27px; font-weight: 300; color: #111; max-width: 520px; } .c2-modal .c2-form { width: 100%; display: flex; flex-wrap: wrap; gap: 14px 16px; text-align: left; margin-top: 8px; } .c2-modal .c2-form .form-group { width: 100% !important; margin: 0; } .c2-modal .c2-form .form-group:nth-child(n+2):nth-child(-n+7) { width: calc(50% - 8px) !important; } .c2-modal .c2-form label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: #111; } .c2-modal .c2-form input:not([type=file]):not([type=submit]), .c2-modal .c2-form textarea, .c2-modal .c2-form select { width: 100%; height: 50px; padding: 0 16px; border: 1px solid #cfcfcf; border-radius: 10px; background: #fafafa; font-family: Kanit, sans-serif; font-size: 16px; color: #111; } .c2-modal .c2-form input:focus { outline: 0; border-color: #000; background: #fff; } .c2-modal .c2-form .choose-files, .c2-modal .c2-form .file-result { font-family: Kanit, sans-serif; } .c2-modal .c2-form .choose-files { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border: 1px dashed #999; border-radius: 10px; background: #fafafa; color: #111; cursor: pointer; } .c2-modal .c2-form .submit-button-wrapper { width: 100%; } .c2-modal .c2-form button[type=submit] { width: 100%; height: 56px; border: 0; border-radius: 4px; background: #000; color: #fff; font-family: Kanit, sans-serif; font-size: 16px; font-weight: 500; cursor: pointer; } .c2-modal .c2-form .message { width: 100%; font-size: 15px; } .c2-modal-call { font-size: 15px; font-weight: 300; color: #111; } .c2-modal-call a { color: #000; font-weight: 500; }@media (max-width: 767px) { .c2-modal { padding: 12px; align-items: flex-end; } .c2-modal-dialog { padding: 36px 20px 24px; border-radius: 22px; max-height: calc(100vh - 24px); } .c2-modal-title { font-size: 28px; line-height: 34px; } .c2-modal .c2-form .form-group:nth-child(n+2):nth-child(-n+7) { width: 100% !important; }}.c2-modal .c2-form { gap: 10px 16px; } .c2-modal-dialog { padding: 40px 44px 28px; gap: 10px; } .c2-modal .c2-pill { margin-top: 4px; } .c2-modal .c2-form input:not([type=file]):not([type=submit]) { height: 46px; }a.bricks-button.c2-btn { transition: background-color .2s ease, color .2s ease, opacity .2s ease; }a.bricks-button.c2-btn--dark { background-color: #000 !important; color: #fff !important; }a.bricks-button.c2-btn--dark:hover { background-color: rgba(255, 255, 255, .8) !important; color: #000 !important; } .c2-header a.bricks-button.c2-btn--dark:hover { background-color: #fff !important; color: #000 !important; }section a.bricks-button.c2-btn.c2-btn--light:hover { background-color: rgba(255, 255, 255, .8) !important; color: #000 !important; }section a.bricks-button.c2-btn.c2-btn--dark:hover { background-color: rgba(255, 255, 255, .8) !important; color: #000 !important; }section .c2-header a.bricks-button.c2-btn.c2-btn--dark:hover { background-color: #fff !important; color: #000 !important; }section .c2-tcard a.bricks-button.c2-btn.c2-btn--dark:hover, section .c2-exp a.bricks-button.c2-btn.c2-btn--dark:hover { background-color: #000 !important; color: #fff !important; opacity: .8; }html body .c2-exp a.bricks-button.c2-btn--dark:hover, html body .c2-tcard a.bricks-button.c2-btn--dark:hover { background-color: #000 !important; color: #fff !important; opacity: .8 !important; }a.bricks-button.c2-btn { transition: background-color .2s ease, color .2s ease, opacity .2s ease; }.c2-intro .c2-h2 + .c2-intro-text { margin-top: -6px; } .c2-tcard .c2-tcard-title { font-weight: 200 !important; } .c2-tcard .c2-tquote { font-weight: 500 !important; font-size: 22px; }.c2-modal-dialog > * { flex-shrink: 0; } .c2-modal .c2-pill { height: auto; min-height: 32px; padding: 8px 20px; line-height: 1.2; margin-top: 4px; margin-bottom: 0; } .c2-modal-dialog { gap: 6px; } .c2-modal .c2-modal-title { margin-top: 2px; } .c2-modal .c2-modal-text { margin-top: 4px; }@media (max-width: 767px) { .c2-hero-copy, .c2-h1wrap { width: 100%; max-width: none; } .c2-h1 { font-size: clamp(30px, calc(30px + (100vw - 360px) * 0.0424), 35px); line-height: 1.15; letter-spacing: .04em; } .c2-hero-desc { max-width: none; width: 100%; }}@media (max-width: 767px) { .c2-hero-media { display: none; } .c2-who { margin-top: 40px; }}@media (max-width: 767px) { .c2-exp-row { gap: 32px; } .c2-exp-copy { gap: 20px; }}.c2-opt-dots { display: none; }@media (max-width: 767px) {  .c2-opt-card { flex: 0 0 100%; scroll-snap-align: center; } .c2-opt-grid::after { display: none; } .c2-opt-dots { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; } .c2-opt-dot { width: 8px; height: 8px; border-radius: 50%; background: #cfcfcf; } .c2-opt-dot--1 { background: #000; } .c2-opt-hint { margin-left: 10px; font-size: 14px; font-weight: 300; color: #666; line-height: 1; }  @supports (animation-timeline: scroll()) { .c2-opts { timeline-scope: --c2opt; } .c2-opt-grid { scroll-timeline: --c2opt x; } .c2-opt-dot--1 { animation: c2dot-off linear both; animation-timeline: --c2opt; } .c2-opt-dot--2 { animation: c2dot-on linear both; animation-timeline: --c2opt; } } @keyframes c2dot-off { from { background: #000; } to { background: #cfcfcf; } } @keyframes c2dot-on { from { background: #cfcfcf; } to { background: #000; } }}@media (max-width: 767px) { .c2-intro { gap: 12px; } .c2-step-circle { margin-bottom: 16px; } .c2-step-n { margin-bottom: 10px; } .c2-step-title { margin-bottom: 4px; } .c2-step-text { line-height: 27px; } .c2-steps-grid, .c2-steps-row, .c2-steps-row--3, .c2-steps-row--2 { gap: 36px; } .c2-steps { padding-bottom: 72px; } .c2-why { padding-top: 28px; }}@media (max-width: 767px) { .c2-why-grid--4 { grid-template-columns: 1fr; gap: 14px; } .c2-why-grid--4 .c2-why-text { font-size: 17px; line-height: 26px; } .c2-why-grid--4 .c2-why-card { padding: 28px 22px 30px; }}@media (max-width: 767px) { .c2-cta-media { display: none; } .c2-why { padding-bottom: 40px; } .c2-cta-inner { padding: 40px 0; }}@media (min-width: 768px) and (max-width: 991px) { .c2-hero-media, .c2-cta-media { display: none; } .c2-who { margin-top: 40px; } .c2-hero-inner { padding-bottom: 40px; } .c2-intro { gap: 12px; } .c2-exp-row { gap: 32px; } .c2-exp-copy { gap: 20px; } .c2-step-circle { margin-bottom: 16px; } .c2-step-n { margin-bottom: 10px; } .c2-step-title { margin-bottom: 4px; } .c2-step-text { line-height: 27px; } .c2-steps { padding-bottom: 72px; } .c2-why { padding-top: 28px; padding-bottom: 40px; } .c2-cta-inner { padding: 40px 0; }}@media (min-width: 768px) and (max-width: 991px) { .c2-opt-card { flex: 0 0 100%; scroll-snap-align: center; } .c2-opt-grid::after { display: none; } .c2-opt-dots { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; } .c2-opt-dot { width: 8px; height: 8px; border-radius: 50%; background: #cfcfcf; } .c2-opt-dot--1 { background: #000; } .c2-opt-hint { margin-left: 10px; font-size: 14px; font-weight: 300; color: #666; line-height: 1; } @supports (animation-timeline: scroll()) { .c2-opts { timeline-scope: --c2opt; } .c2-opt-grid { scroll-timeline: --c2opt x; } .c2-opt-dot--1 { animation: c2dot-off linear both; animation-timeline: --c2opt; } .c2-opt-dot--2 { animation: c2dot-on linear both; animation-timeline: --c2opt; } } @keyframes c2dot-off { from { background: #000; } to { background: #cfcfcf; } } @keyframes c2dot-on { from { background: #cfcfcf; } to { background: #000; } } .c2-h1 { font-size: 48px; line-height: 1.15; letter-spacing: .04em; }}a.c2-logo { display: block; width: 117px; flex: 0 0 auto; line-height: 0; }a.c2-logo img { width: 100%; height: auto; display: block; }a.c2-foot-logo { display: block; width: 211px; line-height: 0; }a.c2-foot-logo img { width: 100%; height: auto; display: block; filter: brightness(0) invert(1); }@media (max-width: 767px) { a.c2-foot-logo { width: 170px; } }.c2-hero-media { overflow: hidden; }img.c2-hero-img { width: 1100px; height: 1045px; max-width: none; object-fit: cover; margin-top: -88px; margin-left: -6px; } .c2-foot-copy a { color: inherit; text-decoration: none; }@media (max-width: 478px) {#brxe-aac06e {padding-right: 0; padding-left: 0}}@media (max-width: 478px) {#brxe-76bc7a {margin-bottom: -10px}}@media (max-width: 478px) {#brxe-a9f51b {margin-bottom: -10px}}@media (max-width: 478px) {#brxe-3374aa {margin-bottom: -5px}}@media (max-width: 478px) {#brxe-9fa711 {padding-bottom: 25px}}@media (max-width: 478px) {#brxe-8d3924 {padding-bottom: 25px}}@media (max-width: 478px) {#brxe-d7b9b1 {margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0}}@media (max-width: 478px) {#brxe-e8ccfd {row-gap: 5px; margin-bottom: -10px}}@media (max-width: 478px) {.c2-step-circle { transform: scale(0.8); transform-origin: center bottom;}}@media (max-width: 478px) {#brxe-bbfb30 {margin-top: 10px}}@media (max-width: 478px) {#brxe-0830e7 {padding-top: var(--space-l)}}@media (max-width: 478px) {#brxe-c99dda {padding-top: calc(var(--section-space-xs) + 8px); padding-bottom: var(--section-space-s)}}@media (max-width: 478px) {#brxe-f44c77 {padding-top: 25px; padding-bottom: 25px}}