.title-border{background-color:var(--key-color-primary);border-radius:100px;height:6px;width:100px}#service-first-view{background-image:url(//46169640.fs1.hubspotusercontent-na1.net/hubfs/46169640/raw_assets/public/theme-techfirst/images/service-first-view-bg.png);background-position:bottom;background-size:cover;height:620px;margin-block:0;margin-inline:auto;padding-block:0;padding-inline:calc(2.23vw - 2.14px);position:relative;width:auto}@media (max-width:768px){#service-first-view{height:auto;padding:0}}#service-first-view:before{background:linear-gradient(to top left,hsla(0,0%,100%,.2) 50%,transparent 0);content:"";height:100%;left:0;mix-blend-mode:overlay;pointer-events:none;position:absolute;top:0;width:100%}.service-first-view-contents{display:flex;padding-block:0;padding-inline:calc(18.15vw - 111.43px);position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.service-first-view-contents{height:auto;margin-block:0;margin-inline:auto;padding:0;position:relative;top:unset;transform:unset;width:100%}}.service-first-view-text{z-index:10}@media (max-width:768px){.service-first-view-text{height:auto;padding-block:60px;padding-inline:0;width:100%}}.service-first-view-text>h1{left:-25px;margin-bottom:20px;position:relative}@media (max-width:768px){.service-first-view-text>h1{margin-block:0 20px;margin-inline:auto;position:static;width:77%}.service-first-view-text>h1>img{width:100%}}.service-first-view-text>p{font-size:18px;font-weight:700;line-height:170%}@media (max-width:768px){.service-first-view-text>p{font-size:4.8vw;line-height:200%;text-align:center}.service-first-view-text>p>span{display:block}}.service-first-view-text>a{margin-top:40px}@media (max-width:768px){.service-first-view-text>a{margin-block:65% 0;margin-inline:auto}}.service-first-view-image{left:calc(52.08vw + 50px);max-width:600px;min-width:300px;position:absolute;top:50%;transform:translateY(-50%);width:45%;z-index:5}@media (max-width:768px){.service-first-view-image{bottom:155px;left:50%;max-width:none;min-width:auto;top:unset;transform:translate(-50%);width:59%}}.service-first-view-image>img{display:block;height:auto;transform-origin:bottom left;width:100%}#onayami{background-color:var(--base-color-secondary);margin-block:0;margin-inline:auto;padding-block:80px;padding-inline:0;width:auto}@media (max-width:768px){#onayami{padding-block:60px;padding-inline:25px}}.onayami-head{align-items:center;display:flex;justify-content:center;margin-bottom:60px}@media (max-width:768px){.onayami-head{margin-bottom:20px}}.onayami-head>h2{font-size:26px;font-weight:700;line-height:170%}@media (max-width:768px){.onayami-head>h2{font-size:18px}}.onayami-head>h2>span{color:var(--font-color-accent)}.onayami-body{align-items:center;display:flex;flex-wrap:wrap;gap:40px;height:auto;justify-content:center}@media (max-width:768px){.onayami-body{gap:14px}}.onayami-body-text{display:flex;flex-direction:column;height:253px;justify-content:space-between}@media (max-width:768px){.onayami-body-text{gap:14px;height:auto;width:100%}}#onayami-1{align-items:flex-end;order:1}#onayami-2{order:3}#onayami-3{order:2}@media (max-width:768px){#onayami-1{order:1}#onayami-1 p:first-child{margin-block:0;margin-inline:0 auto}#onayami-2{align-items:flex-end;order:2}#onayami-2 p:first-child{margin-block:0;margin-inline:0 auto}#onayami-3{order:3}}.onayami-body-text>p{background-color:var(--base-color-natural);border-radius:60px;font-size:18px;font-weight:700;line-height:170%;padding-block:20px;padding-inline:50px;width:fit-content}@media (max-width:768px){.onayami-body-text>p{font-size:14px;padding-block:16px;padding-inline:30px}}#ourservice{background:linear-gradient(0deg,var(--key-color-primary) 1180px,var(--base-color-secondary) 1180px);margin-block:0;margin-inline:auto;padding-block:0 80px;padding-inline:var(--responsive-pc-horizontal-padding-200);width:auto}@media (max-width:768px){#ourservice{background:linear-gradient(0deg,var(--key-color-primary) 1900px,var(--base-color-secondary) 1900px);padding-block:60px;padding-inline:25px}}.ourservice-head{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:80px}@media (max-width:768px){.ourservice-head{margin-bottom:40px}}.ourservice-head>h2{font-size:36px;font-weight:700;line-height:170%;margin-bottom:5px}@media (max-width:768px){.ourservice-head>h2{font-size:24px;margin-bottom:17px}}.ourservice-body-contents-container{align-items:center;background-color:var(--base-color-primary);border-radius:20px;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);display:flex;justify-content:space-around;margin-block:0 50px;margin-inline:auto}@media (max-width:768px){.ourservice-body-contents-container{flex-direction:column}}.ourservice-content{align-items:center;display:flex;flex-direction:column;gap:60px;padding:40px;width:499px}@media (max-width:768px){.ourservice-content{gap:20px;padding-block:40px;padding-inline:20px;width:auto}}.ourservice-content>h3{font-size:20px;font-weight:700;letter-spacing:2px;line-height:170%;text-align:center}@media (max-width:768px){.ourservice-content>h3{font-size:16px}}.ourservice-content-image{height:auto;width:298px}@media (max-width:768px){.ourservice-content-image{max-width:298px;width:75%}}.ourservice-content-image>img{height:auto;width:100%}.ourservice-content>p{color:#000;font-size:14px;font-weight:500;line-height:170%}.ourservice-content-border{background-color:var(--key-color-primary);border-radius:60px;height:513px;width:2px}@media (max-width:768px){.ourservice-content-border{height:2px;width:76%}}.ourservice-body-main-service{align-items:center;background-color:var(--base-color-primary);border-radius:20px;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:14px;margin-bottom:50px;padding-block:20px;padding-inline:110px;text-align:center}@media (max-width:768px){.ourservice-body-main-service{gap:20px;padding-block:40px;padding-inline:20px}}.ourservice-body-strengths{align-items:center;background-color:var(--base-color-primary);border-radius:20px;box-shadow:0 4px 20px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:14px;margin-bottom:60px;padding-block:60px;padding-inline:0;text-align:center;width:100%}@media (max-width:768px){.ourservice-body-strengths{display:block;padding-block:40px;padding-inline:20px;width:auto}}.ourservice-body-strengths>h3{font-size:36px;font-weight:700;line-height:100%;margin-bottom:30px}@media (max-width:768px){.ourservice-body-strengths>h3{font-size:24px;line-height:170%}.ourservice-body-strengths>h3>span{display:block}}.ourservice-body-strengths>.title-border{margin-bottom:60px}@media (max-width:768px){.ourservice-body-strengths>.title-border{margin-block:0 40px;margin-inline:auto}}.ourservice-body-strength-content{align-items:center;display:flex;gap:60px;justify-content:center;text-align:center;width:100%}.strength-content-text{align-items:start;display:flex;flex-direction:column;gap:32px}.strength-content-text>p{align-items:center;display:flex;font-size:20px;font-weight:700;letter-spacing:2px;line-height:170%}@media (max-width:768px){.strength-content-text>p{font-size:18px;letter-spacing:normal;text-align:left}}.strength-content-text>p:before{background-image:url(//46169640.fs1.hubspotusercontent-na1.net/hubfs/46169640/raw_assets/public/theme-techfirst/images/icon-park-solid_check-one.svg);background-repeat:no-repeat;content:"";display:inline-block;height:36px;padding-right:20px;width:36px}.strength-content-text>p>img{margin-right:20px}.ourservice-button-container{display:flex;justify-content:center;width:100%}@media (max-width:1000px){.ourservice-body-strength-content{flex-direction:column}}#casestudy{background-color:var(--base-color-accent);margin-block:0;margin-inline:auto;padding-block:80px;padding-inline:var(--responsive-pc-horizontal-padding-200);position:relative;width:auto}@media (max-width:768px){#casestudy{padding-block:60px;padding-inline:15px}}.casestudy-head{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:40px}@media (max-width:768px){.casestudy-head{margin-bottom:20px}}.casestudy-head>h2{font-size:36px;font-weight:700;line-height:170%;text-align:center}@media (max-width:768px){.casestudy-head>h2{font-size:18px}}.casestudy-head>h2>span{color:var(--font-color-accent)}.casestudy-main-container{align-items:center;background-color:var(--base-color-primary);display:grid;grid-template-areas:"areaA areaB";margin-bottom:60px;padding-block:60px;padding-inline:60px;grid-column-gap:24px;.casestudy-main-text{grid-area:areaA;>h3{color:#8c85a3;font-size:24px;font-weight:700;margin-bottom:20px}>h3,>p{line-height:170%}>p{color:#211715;font-size:16px;font-weight:500}}.casestudy-main-img{grid-area:areaB;min-width:345px;>img{height:auto;width:100%}}}@media (max-width:1200px){.casestudy-main-container{grid-template-areas:"areaB" "areaA";grid-column-gap:0;grid-row-gap:24px;margin-inline:auto;.casestudy-main-img{margin-inline:auto}}}@media (min-width:768px) and (max-width:1200px){.casestudy-main-container{.casestudy-main-img{width:60%}}}@media (max-width:768px){.casestudy-main-container{padding-inline:30px;.casestudy-main-text{>h3{font-size:18px;text-align:center}}.casestudy-main-img{height:auto;max-width:345px;min-width:auto;width:82%}}}.casestudy-button-container{display:flex;justify-content:center}#QandA{margin-block:0;margin-inline:auto;padding-block:80px;padding-inline:var(--responsive-pc-horizontal-padding-200);position:relative;width:auto}@media (max-width:768px){#QandA{padding-block:60px;padding-inline:25px}}.QandA-head{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:80px}@media (max-width:768px){.QandA-head{margin-bottom:40px}}.QandA-head>h2{font-size:36px;font-weight:700;line-height:170%;margin-bottom:5px}@media (max-width:768px){.QandA-head>h2{font-size:24px;margin-bottom:17px}}.QandA-body{gap:24px;margin-bottom:60px}.QandA-body,.QandA-container{display:flex;flex-direction:column}.QandA-container{align-items:flex-start;border:1px solid #979797;border-radius:20px;padding-block:30px;padding-inline:60px}@media (max-width:768px){.QandA-container{align-items:flex-start;padding-block:10px;padding-inline:10px}}.QandA-font{color:var(--font-color-accent);display:inline-block;font-size:26px;font-weight:700;min-width:40px;text-align:center}.question-container{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;width:100%}@media (max-width:768px){.question-container{align-items:flex-start}}.question-container>p{color:#211715;font-size:18px;font-weight:500;line-height:30px;margin-left:18px}@media (max-width:768px){.question-container>p{margin-left:5px;width:70%}}.question-image{background-image:url(//46169640.fs1.hubspotusercontent-na1.net/hubfs/46169640/raw_assets/public/theme-techfirst/images/icon-QandA.svg);background-size:contain;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);height:36px;margin-left:auto;width:36px}@media (max-width:768px){.question-image{height:30px;width:30px}}.QandA-container.active .question-image{transform:rotate(180deg)}.answer-container{display:flex;gap:18px;height:0;opacity:0;overflow:hidden;transition:all .3s ease;width:100%}@media (max-width:768px){.answer-container{gap:5px}}.QandA-container.active .answer-container{height:auto;margin-bottom:30px;margin-top:60px;opacity:1;visibility:visible}@media (max-width:768px){.QandA-container.active .answer-container{margin-block:24px 0}}.answer-container h3,.answer-container p{transition:opacity .2s ease}.answer-container p{color:#8b8b8b;font-size:18px;font-weight:500;line-height:170%;margin-block:auto;margin-inline:0}@media (max-width:768px){.answer-container p{font-size:16px}}.QandA-button-container{display:flex;justify-content:center}#QandA .arrow-pagetop{bottom:30px;right:15px}@media (max-width:768px){#QandA .arrow-pagetop{bottom:7.5px;right:7.5px}}