/*
Theme name: ComMarkerBlog
Author: Me
Author URI: https://hitheme.net/
*/
@font-face{font-family:Inter;src:url(./fonts/Inter-VariableFont_opsz\,wght.woff2) format('woff2-variations');font-weight:100 900;font-stretch:75% 100%;font-style:normal;font-optical-sizing:auto}

:root{--page-width:168rem;--main-blue:#0065ff;--hover-main-blue:#0458d6;--border-col:#00000010;--menu-grey:rgba(0, 0, 0, 0.4);--main-grey:rgba(0, 0, 0, 0.4);--gutter-value:4rem}
html{font-size:10px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.container{max-width:var(--page-width)!important;margin:0 auto;padding:0 4rem}
.gutter{padding-left:4rem;padding-right:4rem}
@media screen and (max-width:767px){html{font-size:5px}
}
.absolute-x-center{right:unset;left:50%;transform:translateX(-50%)}
.absolute-y-center{bottom:unset;top:50%;transform:translateY(-50%)}
.absolute-center{right:unset;left:50%;bottom:unset;top:50%;transform:translate(-50%,-50%)}
.hw-border-b{border-bottom:1px solid var(--border-col)}
.hw-border-t{border-top:1px solid var(--border-col)}
.hw-border-l{border-left:1px solid var(--border-col)}
.hw-border-r{border-right:1px solid var(--border-col)}
.no-scroll{overflow:hidden;height:100vh;height:100dvh}
.no-scroll-bar::-webkit-scrollbar{display:none}
.no-scroll-bar{-ms-overflow-style:none;scrollbar-width:none}
.icon{width:2.4rem;height:2.4rem}
.oicon{max-width:100%;height:auto;object-fit:contain}
.arrow-right-wrapper{width:1.5rem}
@media screen and (max-width:767px){.arrow-right-wrapper{width:2.289rem}
}
.nav-btn{transition:opacity .3s ease}
.swiper-button-disabled{opacity:.3;pointer-events:none}
.link-btn:hover .arrow-right-wrapper{animation:iconShuttleHover .6s ease}
.arrow-right-wrapper{transition:background-color .3s ease}
.hover-move-right:hover{transition:all .3s ease;transform:translateX(.5rem)}
.hover-text-underline{position:relative;display:block;overflow:hidden;background-color:transparent;text-align:left;font-size:.75rem;line-height:18px;font-weight:400;text-transform:uppercase;line-height:1.5em;letter-spacing:.02em;width:fit-content;color:var(--t-col);--t-col:black;--tw-content:""}
.hover-text-underline:before{position:absolute;left:0;bottom:0;height:1px;content:var(--tw-content);width:100%}
@keyframes out{0%{content:var(--tw-content);transform:translate(0)}
to{content:var(--tw-content);transform:translate(101%)}
}
@keyframes in{0%{content:var(--tw-content);transform:translate(-101%)}
to{content:var(--tw-content);transform:translate(0)}
}
.hover-text-underline:before{animation:out .33s cubic-bezier(.52,.02,.31,.99) both;background-color:var(--t-col);opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1.2s;--tw-content:"";content:var(--tw-content)}
.hover-text-underline:hover:before{animation:in .33s cubic-bezier(.52,.02,.31,.99) normal;opacity:1;content:var(--tw-content);transition-duration:.33s}
.hover-text-underline-already{position:relative;display:block;overflow:hidden;background-color:transparent;text-align:left;font-size:.75rem;line-height:18px;font-weight:400;text-transform:uppercase;line-height:1.5em;letter-spacing:.02em;width:fit-content;color:var(--t-col);--t-col:black}
.hover-text-underline-already:before{position:absolute;left:0;bottom:0;height:1px;width:100%;background-color:var(--t-col);content:"";opacity:1;transform:translateX(0)}
.hover-text-underline-already:hover:before{animation:out .33s cubic-bezier(.52,.02,.31,.99),in .33s cubic-bezier(.52,.02,.31,.99) .33s}
@keyframes out{0%{transform:translateX(0);opacity:1}
100%{transform:translateX(101%);opacity:0}
}
@keyframes in{0%{transform:translateX(-101%);opacity:0}
100%{transform:translateX(0);opacity:1}
}
.shuttle-effect:hover .shuttle-wrapper{animation:iconShuttleHover .6s ease}
.shuttle-wrapper{transition:background-color .3s ease}
.shuttle-icon{transition:fill .3s ease}
@keyframes iconShuttleHover{49%{opacity:0;transform:translate3d(50%,0,0)}
50%{opacity:0;transform:translate3d(-50%,0,0)}
100%{opacity:1;transform:none}
}
.shuttle-effect-neg:hover .shuttle-wrapper{animation:iconShuttleHoverNegative .6s ease}
.shuttle-wrapper{transition:background-color .3s ease}
.shuttle-icon{transition:fill .3s ease}
@keyframes iconShuttleHoverNegative{49%{transform:translate3d(-50%,0,0);opacity:0}
50%{transform:translate3d(50%,0,0);opacity:0}
100%{transform:none;opacity:1}
}
@media screen and (min-width:768px){.md-hide{display:none}
}
@media screen and (max-width:767px){.sm-hide{display:none}
}
.shuttle-effect-up:hover .shuttle-wrapper{animation:iconShuttleHoverUp .6s ease}
.shuttle-wrapper{transition:background-color .3s ease}
.shuttle-icon{transition:fill .3s ease}
@keyframes iconShuttleHoverUp{49%{transform:translate3d(0,-50%,0);opacity:0}
50%{transform:translate3d(0,50%,0);opacity:0}
100%{transform:none;opacity:1}
}
.shuttle-effect-down:hover .shuttle-wrapper{animation:iconShuttleHoverDown .6s ease}
@keyframes iconShuttleHoverDown{49%{transform:translate3d(0,50%,0);opacity:0}
50%{transform:translate3d(0,-50%,0);opacity:0}
100%{transform:none;opacity:1}
}
@media screen and (min-width:768px){.md-hide{display:none!important}
}
@media screen and (max-width:767px){.sm-hide{display:none!important}
}

*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::after,::before{--tw-content:''}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden=until-found])){display:none}
.container{width:100%}
@media (min-width:768px){.container{max-width:768px}
}
.pointer-events-none{pointer-events:none}
.collapse{visibility:collapse}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0}
.bottom-0{bottom:0}
.bottom-\[10rem\]{bottom:10rem}
.bottom-\[5rem\]{bottom:5rem}
.bottom-\[6\.2rem\]{bottom:6.2rem}
.left-0{left:0}
.right-\[4rem\]{right:4rem}
.top-0{top:0}
.top-\[4rem\]{top:4rem}
.top-\[var\(--header-height\)\]{top:var(--header-height)}
.left-\[4rem\]{left:4rem}
.bottom-\[-1px\]{bottom:-1px}
.z-\[1\]{z-index:1}
.z-\[2\]{z-index:2}
.z-\[4\]{z-index:4}
.z-\[5\]{z-index:5}
.mx-auto{margin-left:auto;margin-right:auto}
.my-\[10rem\]{margin-top:10rem;margin-bottom:10rem}
.my-\[15rem\]{margin-top:15rem;margin-bottom:15rem}
.mb-\[1\.02rem\]{margin-bottom:1.02rem}
.mb-\[1\.1rem\]{margin-bottom:1.1rem}
.mb-\[1\.3rem\]{margin-bottom:1.3rem}
.mb-\[14\.7rem\]{margin-bottom:14.7rem}
.mb-\[15rem\]{margin-bottom:15rem}
.mb-\[1rem\]{margin-bottom:1rem}
.mb-\[2rem\]{margin-bottom:2rem}
.mb-\[3\.743rem\]{margin-bottom:3.743rem}
.mb-\[3rem\]{margin-bottom:3rem}
.mb-\[4\.011rem\]{margin-bottom:4.011rem}
.mb-\[4rem\]{margin-bottom:4rem}
.mb-\[5\.004rem\]{margin-bottom:5.004rem}
.mb-\[5rem\]{margin-bottom:5rem}
.mb-\[6\.1rem\]{margin-bottom:6.1rem}
.mb-\[6\.5rem\]{margin-bottom:6.5rem}
.mb-\[6rem\]{margin-bottom:6rem}
.mb-\[8rem\]{margin-bottom:8rem}
.mb-\[9\.6rem\]{margin-bottom:9.6rem}
.mb-\[9rem\]{margin-bottom:9rem}
.ml-\[1rem\]{margin-left:1rem}
.ml-auto{margin-left:auto}
.mr-auto{margin-right:auto}
.mt-\[1\.9rem\]{margin-top:1.9rem}
.mt-\[10rem\]{margin-top:10rem}
.mt-\[15rem\]{margin-top:15rem}
.mt-\[1rem\]{margin-top:1rem}
.mt-\[2\.2rem\]{margin-top:2.2rem}
.mt-\[2rem\]{margin-top:2rem}
.mt-\[3\.4rem\]{margin-top:3.4rem}
.mt-\[3rem\]{margin-top:3rem}
.mt-\[4\.9rem\]{margin-top:4.9rem}
.mt-\[4rem\]{margin-top:4rem}
.mt-\[5rem\]{margin-top:5rem}
.mt-\[6\.1rem\]{margin-top:6.1rem}
.mt-\[6\.3rem\]{margin-top:6.3rem}
.mt-\[6rem\]{margin-top:6rem}
.mt-auto{margin-top:auto}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.grid{display:grid}
.hidden{display:none}
.size-\[10rem\]{width:10rem;height:10rem}
.size-\[12\.8rem\]{width:12.8rem;height:12.8rem}
.size-\[3rem\]{width:3rem;height:3rem}
.size-\[5rem\]{width:5rem;height:5rem}
.size-\[6rem\]{width:6rem;height:6rem}
.size-\[8rem\]{width:8rem;height:8rem}
.size-full{width:100%;height:100%}
.h-0{height:0}
.h-\[\.2rem\]{height:.2rem}
.h-\[100vh\]{height:100vh}
.h-\[12rem\]{height:12rem}
.h-\[64rem\]{height:64rem}
.h-\[70rem\]{height:70rem}
.h-\[calc\(100dvh-6rem-var\(--header-height\)\)\]{height:calc(100dvh - 6rem - var(--header-height))}
.h-\[calc\(100vh-6rem-var\(--header-height\)\)\]{height:calc(100vh - 6rem - var(--header-height))}
.h-\[revert\]{height:revert}
.h-\[var\(--header-height\)\]{height:var(--header-height)}
.h-auto{height:auto}
.h-full{height:100%}
.h-\[2px\]{height:2px}
.w-\[1\.5rem\]{width:1.5rem}
.w-\[100vw\]{width:100vw}
.w-\[2\.4rem\]{width:2.4rem}
.w-\[2rem\]{width:2rem}
.w-\[4rem\]{width:4rem}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.w-0{width:0}
.max-w-\[10\.6rem\]{max-width:10.6rem}
.max-w-\[11\.7rem\]{max-width:11.7rem}
.max-w-\[17\.3rem\]{max-width:17.3rem}
.max-w-\[2\.25rem\]{max-width:2.25rem}
.max-w-\[37\%\]{max-width:37%}
.max-w-\[45\%\]{max-width:45%}
.max-w-\[50rem\]{max-width:50rem}
.max-w-\[58\.6rem\]{max-width:58.6rem}
.max-w-\[64\.1rem\]{max-width:64.1rem}
.max-w-\[70rem\]{max-width:70rem}
.max-w-\[90\%\]{max-width:90%}
.max-w-full{max-width:100%}
.flex-1{flex:1 1 0%}
.flex-\[1\.2\]{flex:1.2}
.flex-\[1\]{flex:1}
.flex-\[3\.4\]{flex:3.4}
.shrink-0{flex-shrink:0}
.grow{flex-grow:1}
.border-collapse{border-collapse:collapse}
.translate-x-\[-100\%\]{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-50{--tw-scale-x:.5;--tw-scale-y:.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-pointer{cursor:pointer}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.flex-col{flex-direction:column}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-\[\.5rem\]{gap:.5rem}
.gap-\[\.6rem\]{gap:.6rem}
.gap-\[0\.35rem\]{gap:.35rem}
.gap-\[1\.5rem\]{gap:1.5rem}
.gap-\[1\.999rem\]{gap:1.999rem}
.gap-\[10rem\]{gap:10rem}
.gap-\[15\.5rem\]{gap:15.5rem}
.gap-\[16\.8rem\]{gap:16.8rem}
.gap-\[1rem\]{gap:1rem}
.gap-\[2\.3rem\]{gap:2.3rem}
.gap-\[2rem\]{gap:2rem}
.gap-\[3rem\]{gap:3rem}
.gap-\[4rem\]{gap:4rem}
.gap-\[5\.5rem\]{gap:5.5rem}
.gap-\[5\.6rem\]{gap:5.6rem}
.gap-\[5rem\]{gap:5rem}
.gap-\[7rem\]{gap:7rem}
.gap-x-\[2rem\]{-moz-column-gap:2rem;column-gap:2rem}
.gap-y-\[11rem\]{row-gap:11rem}
.gap-y-\[2\.1rem\]{row-gap:2.1rem}
.gap-y-\[2\.4rem\]{row-gap:2.4rem}
.overflow-hidden{overflow:hidden}
.overflow-y-scroll{overflow-y:scroll}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.border-2{border-width:2px}
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-\[\#00000010\]{border-color:#00000010}
.border-\[\#00000020\]{border-color:#00000020}
.border-\[\#ffffff20\]{border-color:#ffffff20}
.border-\[var\(--main-blue\)\]{border-color:var(--main-blue)}
.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity,1))}
.bg-\[\#00000070\]{background-color:#00000070}
.bg-\[\#060606\]{--tw-bg-opacity:1;background-color:rgb(6 6 6 / var(--tw-bg-opacity,1))}
.bg-\[\#303030\]{--tw-bg-opacity:1;background-color:rgb(48 48 48 / var(--tw-bg-opacity,1))}
.bg-\[\#F0F0F0\]{--tw-bg-opacity:1;background-color:rgb(240 240 240 / var(--tw-bg-opacity,1))}
.bg-\[\#F5F5F5\]{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity,1))}
.bg-\[\#ffffff20\]{background-color:#ffffff20}
.bg-\[var\(--main-blue\)\]{background-color:var(--main-blue)}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))}
.bg-transparent{background-color:transparent}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}
.bg-cover{background-size:cover}
.bg-center{background-position:center}
.bg-no-repeat{background-repeat:no-repeat}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.p-\[4rem\]{padding:4rem}
.px-\[1\.25rem\]{padding-left:1.25rem;padding-right:1.25rem}
.px-\[10\.5rem\]{padding-left:10.5rem;padding-right:10.5rem}
.px-\[2\.5rem\]{padding-left:2.5rem;padding-right:2.5rem}
.px-\[2rem\]{padding-left:2rem;padding-right:2rem}
.px-\[3\.034rem\]{padding-left:3.034rem;padding-right:3.034rem}
.px-\[3\.1rem\]{padding-left:3.1rem;padding-right:3.1rem}
.px-\[3\.25rem\]{padding-left:3.25rem;padding-right:3.25rem}
.px-\[3\.7rem\]{padding-left:3.7rem;padding-right:3.7rem}
.px-\[3rem\]{padding-left:3rem;padding-right:3rem}
.px-\[5\.05rem\]{padding-left:5.05rem;padding-right:5.05rem}
.px-\[5\.4rem\]{padding-left:5.4rem;padding-right:5.4rem}
.px-\[5rem\]{padding-left:5rem;padding-right:5rem}
.px-\[6rem\]{padding-left:6rem;padding-right:6rem}
.px-\[7\.4rem\]{padding-left:7.4rem;padding-right:7.4rem}
.px-\[9\.7rem\]{padding-left:9.7rem;padding-right:9.7rem}
.px-\[9\.95rem\]{padding-left:9.95rem;padding-right:9.95rem}
.py-\[\.8rem\]{padding-top:.8rem;padding-bottom:.8rem}
.py-\[0\.25rem\]{padding-top:.25rem;padding-bottom:.25rem}
.py-\[1\.55rem\]{padding-top:1.55rem;padding-bottom:1.55rem}
.py-\[1\.5rem\]{padding-top:1.5rem;padding-bottom:1.5rem}
.py-\[1\.75rem\]{padding-top:1.75rem;padding-bottom:1.75rem}
.py-\[1\.7rem\]{padding-top:1.7rem;padding-bottom:1.7rem}
.py-\[15rem\]{padding-top:15rem;padding-bottom:15rem}
.py-\[2\.8rem\]{padding-top:2.8rem;padding-bottom:2.8rem}
.py-\[4rem\]{padding-top:4rem;padding-bottom:4rem}
.py-\[6\.6rem\]{padding-top:6.6rem;padding-bottom:6.6rem}
.py-\[6\.9rem\]{padding-top:6.9rem;padding-bottom:6.9rem}
.pb-\[10rem\]{padding-bottom:10rem}
.pb-\[12rem\]{padding-bottom:12rem}
.pb-\[15rem\]{padding-bottom:15rem}
.pb-\[1rem\]{padding-bottom:1rem}
.pb-\[2\.5rem\]{padding-bottom:2.5rem}
.pb-\[20rem\]{padding-bottom:20rem}
.pb-\[3\.3rem\]{padding-bottom:3.3rem}
.pb-\[3\.5rem\]{padding-bottom:3.5rem}
.pb-\[3\.694rem\]{padding-bottom:3.694rem}
.pb-\[3\.801rem\]{padding-bottom:3.801rem}
.pb-\[3\.9rem\]{padding-bottom:3.9rem}
.pb-\[32rem\]{padding-bottom:32rem}
.pb-\[3rem\]{padding-bottom:3rem}
.pb-\[4\.1rem\]{padding-bottom:4.1rem}
.pb-\[4rem\]{padding-bottom:4rem}
.pb-\[5\.2rem\]{padding-bottom:5.2rem}
.pb-\[6\.1rem\]{padding-bottom:6.1rem}
.pb-\[6rem\]{padding-bottom:6rem}
.pb-\[7\.8rem\]{padding-bottom:7.8rem}
.pb-\[9rem\]{padding-bottom:9rem}
.pl-\[10rem\]{padding-left:10rem}
.pl-\[3rem\]{padding-left:3rem}
.pl-\[6rem\]{padding-left:6rem}
.pr-0{padding-right:0}
.pr-\[13\.5rem\]{padding-right:13.5rem}
.pr-\[6rem\]{padding-right:6rem}
.pt-\[1\.3rem\]{padding-top:1.3rem}
.pt-\[1\.6rem\]{padding-top:1.6rem}
.pt-\[10rem\]{padding-top:10rem}
.pt-\[15rem\]{padding-top:15rem}
.pt-\[21\.1rem\]{padding-top:21.1rem}
.pt-\[27\.5rem\]{padding-top:27.5rem}
.pt-\[2rem\]{padding-top:2rem}
.pt-\[34\.3rem\]{padding-top:34.3rem}
.pt-\[3rem\]{padding-top:3rem}
.pt-\[4\.7rem\]{padding-top:4.7rem}
.pt-\[5rem\]{padding-top:5rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-\[1\.2rem\]{font-size:1.2rem}
.text-\[1\.4rem\]{font-size:1.4rem}
.text-\[1\.6rem\]{font-size:1.6rem}
.text-\[2\.2rem\]{font-size:2.2rem}
.text-\[2\.4rem\]{font-size:2.4rem}
.text-\[2\.5rem\]{font-size:2.5rem}
.text-\[20rem\]{font-size:20rem}
.text-\[26\.238rem\]{font-size:26.238rem}
.text-\[2rem\]{font-size:2rem}
.text-\[2rem\]\/\[1\]{font-size:2rem;line-height:1}
.text-\[3\.2rem\]{font-size:3.2rem}
.text-\[3\.4rem\]{font-size:3.4rem}
.text-\[3\.6rem\]{font-size:3.6rem}
.text-\[3rem\]{font-size:3rem}
.text-\[4\.8rem\]{font-size:4.8rem}
.text-\[4rem\]{font-size:4rem}
.text-\[5rem\]{font-size:5rem}
.text-\[6\.4rem\]\/\[1\]{font-size:6.4rem;line-height:1}
.text-\[6\.8rem\]{font-size:6.8rem}
.text-\[6rem\]{font-size:6rem}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-semibold{font-weight:600}
.font-medium{font-weight:500}
.capitalize{text-transform:capitalize}
.leading-\[112\%\]{line-height:112%}
.leading-\[112\.99\%\]{line-height:112.99%}
.leading-\[1\]{line-height:1}
.leading-\[2\.4rem\]{line-height:2.4rem}
.leading-\[3\.4rem\]{line-height:3.4rem}
.leading-\[3\.9rem\]{line-height:3.9rem}
.leading-\[4\.2rem\]{line-height:4.2rem}
.leading-\[6\.8rem\]{line-height:6.8rem}
.leading-none{line-height:1}
.leading-\[1\.2\]{line-height:1.2}
.tracking-\[-0\.02em\]{letter-spacing:-.02em}
.tracking-\[-0\.03em\]{letter-spacing:-.03em}
.tracking-\[-2\%\]{letter-spacing:-2%}
.tracking-\[-3\%\]{letter-spacing:-3%}
.tracking-\[0\.03em\]{letter-spacing:.03em}
.tracking-\[3\%\]{letter-spacing:3%}
.tracking-normal{letter-spacing:0}
.tracking-tighter{letter-spacing:-.05em}
.text-\[\#00000030\]{color:#00000030}
.text-\[\#00000040\]{color:#00000040}
.text-\[\#00000050\]{color:#00000050}
.text-\[\#000000\]{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity,1))}
.text-\[\#11111150\]{color:#11111150}
.text-\[\#111111\]{--tw-text-opacity:1;color:rgb(17 17 17 / var(--tw-text-opacity,1))}
.text-\[\#ffffff20\]{color:#ffffff20}
.text-\[\#ffffff30\]{color:#ffffff30}
.text-\[\#ffffff50\]{color:#ffffff50}
.text-\[\#ffffff\]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}
.text-\[var\(--main-blue\)\]{color:var(--main-blue)}
.text-\[var\(--main-grey\)\]{color:var(--main-grey)}
.text-\[var\(--menu-grey\)\]{color:var(--menu-grey)}
.text-\[white\]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity,1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}
.underline{text-decoration-line:underline}
.opacity-0{opacity:0}
.opacity-50{opacity:.5}
.opacity-\[\.5\]{opacity:.5}
.opacity-\[20\%\]{opacity:20%}
.backdrop-blur-\[5px\]{--tw-backdrop-blur:blur(5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-100{transition-duration:.1s}
.duration-300{transition-duration:.3s}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.before\:absolute::before{content:var(--tw-content);position:absolute}
.before\:bottom-0::before{content:var(--tw-content);bottom:0}
.before\:left-0::before{content:var(--tw-content);left:0}
.before\:right-0::before{content:var(--tw-content);right:0}
.before\:top-0::before{content:var(--tw-content);top:0}
.before\:top-\[7\.5rem\]::before{content:var(--tw-content);top:7.5rem}
.before\:z-\[1\]::before{content:var(--tw-content);z-index:1}
.before\:z-\[3\]::before{content:var(--tw-content);z-index:3}
.before\:block::before{content:var(--tw-content);display:block}
.before\:size-full::before{content:var(--tw-content);width:100%;height:100%}
.before\:h-\[\.1rem\]::before{content:var(--tw-content);height:.1rem}
.before\:w-full::before{content:var(--tw-content);width:100%}
.before\:translate-x-\[-100\%\]::before{content:var(--tw-content);--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.before\:translate-x-\[100\%\]::before{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.before\:border-t::before{content:var(--tw-content);border-top-width:1px}
.before\:bg-\[\#ffffff20\]::before{content:var(--tw-content);background-color:#ffffff20}
.before\:bg-\[var\(--main-grey\)\]::before{content:var(--tw-content);background-color:var(--main-grey)}
.hover\:bg-\[var\(--hover-main-blue\)\]:hover{background-color:var(--hover-main-blue)}
.hover\:bg-\[var\(--main-blue\)\]:hover{background-color:var(--main-blue)}
.hover\:text-\[var\(--main-blue\)\]:hover{color:var(--main-blue)}
.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}
@media (max-width:767px){.mob\:relative{position:relative}
.mob\:left-\[4rem\]{left:4rem}
.mob\:right-0{right:0}
.mob\:top-\[7\.9rem\]{top:7.9rem}
.mob\:my-\[2\.4rem\]{margin-top:2.4rem;margin-bottom:2.4rem}
.mob\:mb-\[11rem\]{margin-bottom:11rem}
.mob\:mb-\[15rem\]{margin-bottom:15rem}
.mob\:mb-\[2\.084rem\]{margin-bottom:2.084rem}
.mob\:mb-\[2\.135rem\]{margin-bottom:2.135rem}
.mob\:mb-\[20rem\]{margin-bottom:20rem}
.mob\:mb-\[3rem\]{margin-bottom:3rem}
.mob\:mb-\[4rem\]{margin-bottom:4rem}
.mob\:mb-\[5rem\]{margin-bottom:5rem}
.mob\:mb-\[8\.035rem\]{margin-bottom:8.035rem}
.mob\:mb-\[8rem\]{margin-bottom:8rem}
.mob\:mb-\[9\.737rem\]{margin-bottom:9.737rem}
.mob\:mb-auto{margin-bottom:auto}
.mob\:ml-\[\.1289rem\]{margin-left:.1289rem}
.mob\:mt-\[1\.067rem\]{margin-top:1.067rem}
.mob\:mt-\[10rem\]{margin-top:10rem}
.mob\:mt-\[2rem\]{margin-top:2rem}
.mob\:mt-\[3rem\]{margin-top:3rem}
.mob\:ml-\[var\(--gutter-value\)\]{margin-left:var(--gutter-value)}
.mob\:mt-0{margin-top:0}
.mob\:hidden{display:none}
.mob\:size-\[3\.865rem\]{width:3.865rem;height:3.865rem}
.mob\:h-\[68\.3rem\]{height:68.3rem}
.mob\:h-\[75rem\]{height:75rem}
.mob\:h-auto{height:auto}
.mob\:w-\[1\.95rem\]{width:1.95rem}
.mob\:w-\[2\.25rem\]{width:2.25rem}
.mob\:w-\[2\.9rem\]{width:2.9rem}
.mob\:w-\[3\.6rem\]{width:3.6rem}
.mob\:w-full{width:100%}
.mob\:max-w-\[1\.915rem\]{max-width:1.915rem}
.mob\:max-w-\[2\.289rem\]{max-width:2.289rem}
.mob\:max-w-\[34\.638rem\]{max-width:34.638rem}
.mob\:max-w-\[50\%\]{max-width:50%}
.mob\:max-w-\[98\%\]{max-width:98%}
.mob\:max-w-full{max-width:100%}
.mob\:max-w-\[2\.25rem\]{max-width:2.25rem}
.mob\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.mob\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.mob\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.mob\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mob\:flex-col{flex-direction:column}
.mob\:justify-center{justify-content:center}
.mob\:justify-between{justify-content:space-between}
.mob\:gap-\[\.65rem\]{gap:.65rem}
.mob\:gap-\[\.763rem\]{gap:.763rem}
.mob\:gap-\[\.7rem\]{gap:.7rem}
.mob\:gap-\[0\]{gap:0}
.mob\:gap-\[1\.5rem\]{gap:1.5rem}
.mob\:gap-\[10\.1rem\]{gap:10.1rem}
.mob\:gap-\[1rem\]{gap:1rem}
.mob\:gap-\[2rem\]{gap:2rem}
.mob\:gap-\[3\.1rem\]{gap:3.1rem}
.mob\:gap-\[3rem\]{gap:3rem}
.mob\:gap-\[5rem\]{gap:5rem}
.mob\:gap-\[6rem\]{gap:6rem}
.mob\:gap-y-\[12rem\]{row-gap:12rem}
.mob\:gap-y-\[2rem\]{row-gap:2rem}
.mob\:gap-y-\[5rem\]{row-gap:5rem}
.mob\:gap-y-\[6\.035rem\]{row-gap:6.035rem}
.mob\:overflow-y-scroll{overflow-y:scroll}
.mob\:bg-\[\#f0f0f0\]{--tw-bg-opacity:1;background-color:rgb(240 240 240 / var(--tw-bg-opacity,1))}
.mob\:bg-\[var\(--main-blue\)\]{background-color:var(--main-blue)}
.mob\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))}
.mob\:p-\[5rem\]{padding:5rem}
.mob\:px-\[2\.8rem\]{padding-left:2.8rem;padding-right:2.8rem}
.mob\:px-\[3\.142rem\]{padding-left:3.142rem;padding-right:3.142rem}
.mob\:px-\[3\.221rem\]{padding-left:3.221rem;padding-right:3.221rem}
.mob\:px-\[3\.815rem\]{padding-left:3.815rem;padding-right:3.815rem}
.mob\:px-\[4\.8rem\]{padding-left:4.8rem;padding-right:4.8rem}
.mob\:px-\[4rem\]{padding-left:4rem;padding-right:4rem}
.mob\:px-\[5\.875rem\]{padding-left:5.875rem;padding-right:5.875rem}
.mob\:px-\[7\.275rem\]{padding-left:7.275rem;padding-right:7.275rem}
.mob\:px-\[var\(--gutter-value\)\]{padding-left:var(--gutter-value);padding-right:var(--gutter-value)}
.mob\:py-\[1\.25rem\]{padding-top:1.25rem;padding-bottom:1.25rem}
.mob\:py-\[1\.75rem\]{padding-top:1.75rem;padding-bottom:1.75rem}
.mob\:py-\[2\.55rem\]{padding-top:2.55rem;padding-bottom:2.55rem}
.mob\:py-\[2rem\]{padding-top:2rem;padding-bottom:2rem}
.mob\:pb-\[1\.6rem\]{padding-bottom:1.6rem}
.mob\:pb-\[15\.2rem\]{padding-bottom:15.2rem}
.mob\:pb-\[2\.9rem\]{padding-bottom:2.9rem}
.mob\:pb-\[20rem\]{padding-bottom:20rem}
.mob\:pb-\[3rem\]{padding-bottom:3rem}
.mob\:pb-\[4rem\]{padding-bottom:4rem}
.mob\:pl-0{padding-left:0}
.mob\:pt-\[1\.7rem\]{padding-top:1.7rem}
.mob\:pt-\[10rem\]{padding-top:10rem}
.mob\:pt-\[13\.6rem\]{padding-top:13.6rem}
.mob\:pt-\[2\.8rem\]{padding-top:2.8rem}
.mob\:pt-\[24\.9rem\]{padding-top:24.9rem}
.mob\:pt-\[4\.035rem\]{padding-top:4.035rem}
.mob\:pt-\[6rem\]{padding-top:6rem}
.mob\:pt-\[7\.9rem\]{padding-top:7.9rem}
.mob\:pt-\[8rem\]{padding-top:8rem}
.mob\:pt-\[0\]{padding-top:0}
.mob\:text-left{text-align:left}
.mob\:text-center{text-align:center}
.mob\:text-right{text-align:right}
.mob\:text-\[2\.2rem\]{font-size:2.2rem}
.mob\:text-\[2\.4rem\]{font-size:2.4rem}
.mob\:text-\[25\.769rem\]{font-size:25.769rem}
.mob\:text-\[2rem\]{font-size:2rem}
.mob\:text-\[3\.2rem\]{font-size:3.2rem}
.mob\:text-\[3\.6rem\]{font-size:3.6rem}
.mob\:text-\[4\.8rem\]{font-size:4.8rem}
.mob\:text-\[6rem\]{font-size:6rem}
.mob\:text-\[9\.6rem\]{font-size:9.6rem}
.mob\:font-semibold{font-weight:600}
.mob\:leading-\[1\.875rem\]{line-height:1.875rem}
.mob\:leading-\[113\%\]{line-height:113%}
.mob\:leading-\[3\.092rem\]{line-height:3.092rem}
.mob\:leading-\[3\.4rem\]{line-height:3.4rem}
.mob\:leading-\[4\.2rem\]{line-height:4.2rem}
.mob\:leading-none{line-height:1}
.mob\:leading-\[1\.2\]{line-height:1.2}
.mob\:tracking-\[-0\.02em\]{letter-spacing:-.02em}
.mob\:tracking-\[-0\.03em\]{letter-spacing:-.03em}
.mob\:tracking-\[-2\%\]{letter-spacing:-2%}
.mob\:tracking-\[-3\%\]{letter-spacing:-3%}
.mob\:tracking-normal{letter-spacing:0}
.mob\:tracking-tighter{letter-spacing:-.05em}
.mob\:text-\[var\(--main-blue\)\]{color:var(--main-blue)}
}
@media (min-width:768px){.pc\:left-\[48\%\]{left:48%}
.pc\:my-auto{margin-top:auto;margin-bottom:auto}
.pc\:mb-\[2rem\]{margin-bottom:2rem}
.pc\:mt-\[8rem\]{margin-top:8rem}
.pc\:mb-\[16rem\]{margin-bottom:16rem}
.pc\:max-w-\[30\%\]{max-width:30%}
.pc\:max-w-\[37\.5rem\]{max-width:37.5rem}
.pc\:max-w-\[51\.8rem\]{max-width:51.8rem}
.pc\:max-w-\[52rem\]{max-width:52rem}
.pc\:max-w-\[69\.1rem\]{max-width:69.1rem}
.pc\:max-w-\[75rem\]{max-width:75rem}
.pc\:max-w-\[78\.5rem\]{max-width:78.5rem}
.pc\:flex-1{flex:1 1 0%}
.pc\:flex-\[3\]{flex:3}
.pc\:flex-col{flex-direction:column}
.pc\:gap-\[15\.5rem\]{gap:15.5rem}
.pc\:gap-\[15\.7rem\]{gap:15.7rem}
.pc\:gap-\[2rem\]{gap:2rem}
.pc\:gap-\[6rem\]{gap:6rem}
.pc\:gap-x-\[10rem\]{-moz-column-gap:10rem;column-gap:10rem}
.pc\:gap-x-\[2rem\]{-moz-column-gap:2rem;column-gap:2rem}
.pc\:px-\[var\(--gutter-value\)\]{padding-left:var(--gutter-value);padding-right:var(--gutter-value)}
.pc\:py-\[3rem\]{padding-top:3rem;padding-bottom:3rem}
.pc\:pt-\[4\.6rem\]{padding-top:4.6rem}
.pc\:leading-\[1\.2\]{line-height:1.2}
}

@media screen and (max-width:767px){body:not(:has(.announcement-bar)) .burger-menu-wrapper{height:calc(100vh - var(--header-height))}
}
.bg-transparent .normal-logo,.index-logo{display:none}
.bg-transparent .index-logo{display:block}
.sticky-header{position:absolute;top:4.4rem;left:0}
@media screen and (max-width:767px){.sticky-header{top:6.6rem}
.burger-menu-wrapper .icon{display:inline-flex;align-items:center;justify-content:center}
.burger-menu-wrapper .hidden{display:none}
.burger-menu-wrapper .sub-item-tag.hidden{display:none!important}
.burger-menu-wrapper .icon.caret svg{object-fit:contain;height:100%}
.burger-menu-wrapper svg{max-width:100%;height:auto}
.burger-menu-wrapper svg *{stroke:#000!important}
.burger-menu-wrapper .maj-menu-wrapper{padding:5rem 0;border-bottom:1px solid #00000020}
.burger-menu-wrapper .maj-item.active .icon-plus,.burger-menu-wrapper .sub-item.active .icon-plus{display:none}
.burger-menu-wrapper .maj-item.active .icon-minus,.burger-menu-wrapper .sub-item.active .icon-minus{display:inline-flex}
.burger-menu-wrapper .maj-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.burger-menu-wrapper .maj-item .text{font-family:Inter;font-weight:700;font-size:3.2rem;line-height:112.99999999999999%;letter-spacing:-3%;text-transform:capitalize}
.burger-menu-wrapper .sub-menu-wrapper{transition:padding-left .3s ease}
.burger-menu-wrapper .sub-menu-wrapper:has(.sub-item.active){padding-left:2rem}
.burger-menu-wrapper .sub-item{display:flex;justify-content:space-between;align-items:flex-start}
.burger-menu-wrapper .sub-item:nth-of-type(1){margin-top:4rem}
.burger-menu-wrapper .sub-item .text .heading{font-family:Inter;font-weight:700;font-size:3.2rem;line-height:100%;letter-spacing:0;color:#000}
.burger-menu-wrapper .sub-item .text .sub-item-tag{font-family:Inter;font-weight:700;font-size:2.2rem;line-height:100%;letter-spacing:0;margin-top:1.4rem;color:var(--main-blue);display:inline-block;border:1px solid var(--main-blue);border-radius:4rem;padding:.25rem 1.2rem}
.burger-menu-wrapper .sub-menu-wrapper .sub-link{display:flex;align-items:center;gap:1.944rem;font-family:Inter;font-weight:700;font-size:3.2rem;line-height:100%;letter-spacing:-3%;text-align:left}
.burger-menu-wrapper .sub-menu-wrapper .sub-link:nth-of-type(1){margin-top:8rem}
.burger-menu-wrapper .sub-menu-wrapper .sub-link:nth-of-type(2){margin-top:4rem}
.burger-menu-wrapper .sub-menu-wrapper .sub-link .icon{width:2.916rem}
.burger-menu-wrapper .third-menu-wrapper{padding:0 2rem}
.burger-menu-wrapper .third-menu-wrapper .third-item{display:flex;align-items:center;gap:2rem;margin-top:2rem}
.burger-menu-wrapper .third-menu-wrapper .third-item:nth-of-type(1){margin-top:4rem}
.burger-menu-wrapper .third-menu-wrapper .third-item .media-wrapper{max-width:8rem}
.burger-menu-wrapper .third-menu-wrapper .third-item .text{font-family:Inter;font-weight:700;font-size:2.4rem;line-height:100%;letter-spacing:0;color:#000}
.burger-menu-wrapper .layout-count-2 .sub-item{margin-top:3rem}
.burger-menu-wrapper .layout-count-2 .sub-item:nth-of-type(1){margin-top:5rem}
.header .hw-container{padding-top:4rem;padding-bottom:4rem}
.header .tool-wrapper .w-\[2rem\]{width:4rem}
}
.not-in-index{top:0;position:sticky!important}
.top-zero{top:0}
.sticky-header-top{position:sticky;top:0;left:0}
.sticky-header.scrolled-up{position:fixed;top:0;transform:translateY(0)}
.sticky-header.scrolled-down{position:fixed;top:0;transform:translateY(-100%)}
.sticky-header-top.scrolled-down,.sticky-header-top.scrolled-up{position:sticky}
.header-content{padding:1rem;display:flex;justify-content:space-between;align-items:center}
.header .nav-item .svg-wrapper{width:1rem}
.header .nav-item .svg-wrapper svg{width:100%;object-fit:cover}
.nav-bar li{font-family:Inter;position: relative;font-weight:700;font-size:1.6rem;line-height:1;text-align:center;color:#000}

.nav-bar li ul {position:absolute;left:50%;top:101%;background-color:rgba(255,255,255,0.8);border:1px solid #fff;border-top:none;border-radius:0 0 4px 4px;width:140px;margin-left:-71px;padding:5px 0;display:none;}
.nav-bar li li {float:none;padding:0;text-align:center; line-height:1.875em; font-size:16px;}
.nav-bar li li.current-menu-item a {color:#333;}
.nav-bar li li.current-menu-item a:hover {color:#9a0e0e;}
.nav-bar li li a {padding:5px 10px;}
.nav-bar li li a:after {display:none;}
.nav-bar li em {position:absolute;right: -25px;top: -3px;width: 25px;height: 25px;z-index: 2;display: block;cursor:pointer;}
.nav-bar li em:after {content:''; display:block; width:8px; height:8px; border-right:1px solid #010101; border-bottom:1px solid #010101; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin:-6.3px 0 0 -6.3px; transition:all .3s;}
.nav-bar li:hover em:after {transform:rotate(-135deg); margin-top:-2.5px;}

/*searchForm*/
#search-icon,#tab-blog .tab-btn .link{    cursor: pointer;}
.searchForm {position:absolute;top:100%;right:0;width:100%;display:block;background: #fff;display: none;padding:60px 0;z-index:99;height: 20vh;}
.searchForm .inner {margin-top:2px;}
.searchForm form {width: 100%;margin: 20px auto;}
.searchForm .submit {display:block;float:right;width:35px;height:35px;cursor:pointer;}
.searchForm .input {
    width: 100%;
    padding: 0;
    margin: 20px auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #D9D9D9;
    border-radius: 30px;
    max-width: 1000px;
    padding-left: 20px;
}
.searchForm .text {
    background-color: #fff;
    height: 32px;
    text-indent: 5px;
    width: 100%;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.14;
    color: #1111114D;
    padding: 28px 28px 28px 0;
    border-radius: 30px;
}

.searchForm .text:focus-visible{
    outline:none;
}

.searchForm::after{
    display: none;
    content:none;
}

.searchForm.active::after{
    display: block;
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(25px);
    top: 20vh;
    width: 100vw;
    height: 80vh;
    z-index: -1;
}

.tab-post{display: none;}.tab-post.active{display: block;}

.header .nav-item:hover .nav-item-mask{display:inline-block}
.header .nav-item:hover .mega-menu-wrapper{display:block}
.header.bg-transparent svg *{stroke:#fff}
.header.bg-transparent .nav-item{color:#fff}
.header .mega-menu-wrapper .tab-item{color:var(--main-grey)}
.header .mega-menu-wrapper .tab-item.active{color:var(--main-blue)}
.header .mega-menu-wrapper .tab-item.active span:first-child{text-decoration:underline}
.header.bg-transparent{border:none;background-color:transparent}
@media screen and (max-width:767px){.header.bg-transparent{border-bottom:1px solid #ffffff20}

	.nav-bar ul {float:none; padding:10px 0 55px;}
	.nav-bar li {float:none;line-height: 25px;border-bottom: 1px solid #eee;position:relative;padding:0;text-align: left;font-size: 18px;line-height: 42px;}
	.nav-bar li a {padding: 10px 45px 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#222;}
	.nav-bar li em {position:absolute; right:0; top:0; width:45px; height:45px; z-index: 2; display: block; cursor:pointer;}
	.nav-bar li em:after {content:''; display:block; width:8px; height:8px; border-right:1px solid #010101; border-bottom:1px solid #010101; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin:-6.3px 0 0 -6.3px; transition:all .3s;}
	.nav-bar li em.open:after {transform:rotate(-135deg); margin-top:-2.5px;}

	.nav-bar li ul {position:static; left:auto; top:auto; padding:0; margin:0; width:auto; background-color: transparent; border:none;}
	.nav-bar li li {text-align:left;line-height: 42px;border-top: 1px solid #eee;border-bottom: none;}
	.nav-bar li li a {padding: 10px 1.5em 10px 15px;}
	.nav-bar li li a:hover {color:#222;}

}
.header .mega-menu-wrapper .tab-content.grid-cols-2 .grid-item{padding:5.8rem 4rem;padding-right:3rem}
.header .mega-menu-wrapper .tab-content.grid-cols-2 .grid-item .heading{font-size:2.4rem}
.header .mega-menu-wrapper .tab-content.grid-cols-2 .grid-item .text-wrapper{max-width:56%}
@media screen and (min-width:768px){.header .hw-container{padding-top:2rem;padding-bottom:2rem}
.header .nav-item #pc-mega-menu-2>.mega-menu-item{padding-bottom:6rem}
.header .nav-item #pc-mega-menu-1,.header .nav-item #pc-mega-menu-3,.header .nav-item #pc-mega-menu-4{height:90rem}
.header .nav-item #pc-mega-menu-1>.mega-menu-item,.header .nav-item #pc-mega-menu-3>.mega-menu-item,.header .nav-item #pc-mega-menu-4>.mega-menu-item{padding-bottom:0}
.header .nav-item>.relative::after{content:'';position:absolute;width:100%;height:var(--header-height);z-index:1;top:50%;transform:translateY(-50%);display:block;cursor:pointer}
.header .nav-item .left-section .btn-wrapper .link-btn{text-align:left;line-height:1.3}
.header .nav-item .grid-item .text-wrapper .heading{line-height:1.3}
.header .nav-item #titan-series.tab-content .content-wrapper{width:100%}
.header .nav-item #titan-series.tab-content .content-wrapper .img-wrapper{--fix_h:34rem;width:var(--fix_h);height:var(--fix_h)}
.header #pc-mega-menu-2 .grid-item .text-wrapper .heading{font-weight:700;line-height:1.3}
.header #pc-mega-menu-2 .grid-item .text-wrapper .desc,.header #pc-mega-menu-2 .right-section .link-btn{line-height:1.3}
.header #pc-mega-menu-4 .discount:nth-of-type(1){border-bottom:1px solid #00000020}
}
@media screen and (min-width:768px){.header .mega-menu-wrapper{cursor:auto}
.header #pc-mega-menu-2 .right-section{display:flex;flex-direction:column}
.header #pc-mega-menu-2 .right-section .link-btn{width:fit-content}
.header .nav-bar .nav-item:nth-of-type(4) #pc-mega-menu-4 .discount{border-bottom:none}
}

#hw-series-slide .swiper-pagination .pagi-wrapper{width:10rem}
@media screen and (max-width:767px){#hw-series-slide .content-wrapper{padding-bottom:13rem}
#hw-series-slide .pagination-wrapper-mob .swiper-pagination{text-align:left;bottom:0}
#hw-series-slide .pagination-wrapper-mob .swiper-pagination-bullet{width:30px;border-radius:0;height:2px;background:#ffffff30;opacity:1}
#hw-series-slide .pagination-wrapper-mob .swiper-pagination-bullet-active{background:#fff}
}
@media screen and (min-width:768px){#hw-series-slide .text-wrapper .text-white.text-\[2rem\]\/\[1\]{line-height:1.5}
#hw-series-slide .pagi{gap:1rem}
}
#machine-rec .swiper-slide:hover .video-wrapper{opacity:1}
#brand-rec .dancing-number{font-variant-numeric:tabular-nums;transition:transform .2s}
#brand-rec .item img{transition:opacity .3s ease}
#raf-tabs .tab-text{color:#383838;transition:color .3s}
#raf-tabs .tab.active .tab-text{color:#fff}
#raf-tabs .progress-container{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#383838;overflow:hidden}
#raf-tabs .progress-bar{height:100%;width:0;background:#fff;transition:width linear}
#raf-tabs .image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
#raf-tabs .image-container img.active{opacity:1}
#raf-tabs .image-container img.blank-space{position:relative;z-index:1;opacity:0}
#collapsible-tabs details{padding:4rem 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
#collapsible-tabs details .tab-text{display:flex;align-items:center}
#collapsible-tabs details .tab-text .order{font-family:Inter;font-weight:700;font-size:2rem;line-height:100%;letter-spacing:-3%;color:#fff}
#collapsible-tabs details .tab-text .heading{font-family:Inter;font-weight:700;font-size:3.2rem;line-height:4.2rem;letter-spacing:-3%;color:#fff;max-width:48.2rem}
#collapsible-tabs details .icon-wrapper{margin-left:auto;display:inline-flex;width:2.4rem;height:2.4rem;align-items:center;justify-content:center}
#collapsible-tabs details .icon-minus{display:none}
#collapsible-tabs details[open] .icon-plus{display:none}
#collapsible-tabs details[open] .icon-minus{display:block}
#collapsible-tabs details .tab-content{margin-top:4rem}
#fans-comments .swiper-slide.fan-slide:hover .link-btn{color:var(--main-blue)}
#fans-comments .swiper-slide .link-btn .arrow-right-wrapper{transition:transform .3s ease}
#fans-comments .product-wrapper .text-wrapper{height:10rem}
#sale-banner .sale-img{width:56%}
#sale-banner .slide-btn{transition:background-color .3s ease}
#sale-banner .slide-btn:hover{border-color:var(--main-blue);background-color:var(--main-blue)}
@media screen and (min-width:768px){#machine-rec .heading-wrapper .heading{line-height:1.2}
#raf-img .sub-title{margin-left:3rem}
#fans-comments .join-btn{transition:all .3s ease}
#fans-comments .join-slide:hover .join-btn{background-color:var(--main-blue)}
}
@media screen and (max-width:767px){#hw-series-slide .text-wrapper .link-btn,#hw-series-slide .text-wrapper .text-white{line-height:1.5}
#hw-series-slide .text-wrapper>.gap-\[3rem\].inline-flex{gap:5rem}
#machine-rec .heading-wrapper .heading{line-height:1.2}
#brand-rec .heading.md-hide{line-height:1.2}
#brand-rec .dancing-number{line-height:1.5}
#brand-rec .desc{line-height:1.5}
#collapsible-tabs details .tab-text .order{font-size:2.4rem}
#shop-confidence .heading{line-height:1.2}
#blogger-comments .content-wrapper{padding-top:7.7rem}
#blogger-comments .comment{margin-bottom:26rem}
#blogger-comments .blogger-info{flex-direction:row;align-items:center;gap:3.266rem}
#blogger-comments .blogger-info .name{font-family:Inter;font-weight:600;font-size:2.4rem;line-height:112.99999999999999%;letter-spacing:-3%;text-transform:capitalize}
#blogger-comments .blogger-info .followers{font-family:Inter;font-weight:600;font-size:2.4rem;line-height:112.99999999999999%;letter-spacing:-3%;text-transform:capitalize}
#sale-banner .text-wrapper{position:relative;top:unset;left:unset;transform:unset;width:100%;max-width:100%}
#sale-banner .sale-img{width:100%}
#sale-banner .swiper-slide{flex-direction:column-reverse;padding:4rem}
#sale-banner .swiper-slide .heading{font-family:Inter;font-weight:700;font-size:3.2rem;line-height:4.2rem;letter-spacing:-5%;height:8rem}
#sale-banner .swiper-slide .desc{font-family:Inter;font-weight:600;font-size:2.4rem;letter-spacing:-3%;line-height:3.4rem;height:16rem}
#sale-banner .swiper-slide .link-btn{font-family:Inter;font-weight:700;font-size:2.2rem;line-height:100%;letter-spacing:-2%}
#sale-banner .swiper-slide .arrow-right-wrapper{max-width:1.9rem}
#sale-banner .swiper-slide .arrow-right-wrapper svg{width:100%}
}
@media screen and (min-width:768px){#brand-rec .text-wrapper>.inline-flex .font-bold{line-height:1.2}
#raf-tabs .tab-text .heading{font-size:2.4rem}
#brand-rec .link-btn:hover .arrow-right-wrapper,#sale-banner .swiper-slide .link-btn:hover .arrow-right-wrapper,#shop-confidence .link-btn:hover .arrow-right-wrapper{animation:none}
#brand-rec .item:hover .link-btn,#shop-confidence .item:hover .link-btn{color:var(--main-blue)}
#brand-rec .text-wrapper,#sale-banner .swiper-slide .text-wrapper,#shop-confidence .text-wrapper{pointer-events:none}
#brand-rec .item:hover .arrow-right-wrapper,#sale-banner .swiper-slide:hover .arrow-right-wrapper,#shop-confidence .item:hover .arrow-right-wrapper{animation:iconShuttleHover .6s ease}
#sale-banner .nav-btn-wrapper{pointer-events:none}
#sale-banner .nav-btn-wrapper .slide-btn{pointer-events:all}
}
@media screen and (max-width:767px){#brand-rec .desc{color:鏇存敼twice;line-height:1.3}
#raf-img .sub-title{font-weight:500}
#collapsible-tabs .order{font-weight:400;letter-spacing:1}
#collapsible-tabs details .tab-text .heading{font-weight:500}
#collapsible-tabs .link-btn.w-fit{font-weight:500}
#sale-banner .swiper-slide .desc{font-weight:500}
}

@media(min-width:750px){#featrue-blog .topdiv{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px}
#featrue-blog .topdiv h2{font-weight:700;font-size:60px;line-height:113%}
#featrue-blog .topdiv .nav-btn-wrapper{display:flex;gap:10px}
#featrue-blog .blog-box{position:relative}
#featrue-blog .blog-box .text{position:absolute;left:40px;bottom:40px}
#featrue-blog .blog-box .text p{color:#ffffff50;font-size:16px;font-weight:600;letter-spacing:-.48px;margin-bottom:10px}
#featrue-blog .blog-box .text .blogbottom p{margin:0;}
#featrue-blog .blog-box .text h3{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.72px;margin-bottom:20px}
#featrue-blog .blog-box .text .blogbottom{display:flex;align-items:center;gap:20px}
#featrue-blog .blog-box .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#fff;color:#000;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
#tab-blog .tab-btn{display:flex;justify-content:space-evenly;padding-bottom:15px;border-bottom:2px solid #00000020;margin-bottom:30px;align-items:center}
#tab-blog .tab-btn .link{color:#b3b3b3;font-size:20px;font-weight:600;letter-spacing:-.6px}
#tab-blog .tab-btn .link.active{color:#0065ff}
#tab-blog .tab-btn .link.active::after{content:'';background:#0065ff;height:2px;display:block;position:relative;bottom:-17px;width: auto;left: 0;}
#tab-blog .blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px 20px}
#tab-blog .blog-box img{margin-bottom:40px}
#tab-blog .blog-box .text p{color:#00000050;font-size:16px;font-weight:600;letter-spacing:-.48px;margin-bottom:10px}
#tab-blog .blog-box .text h3{color:#000;font-size:24px;font-weight:600;letter-spacing:-.72px;margin-bottom:20px}
#tab-blog .blog-box .text .blogbottom{display:flex;align-items:center;gap:20px}
#tab-blog .blog-box .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
}
@media(max-width:749px){#featrue-blog .topdiv{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
#featrue-blog .topdiv h2{font-weight:700;font-size:24px;line-height:113%}
#featrue-blog .topdiv .nav-btn-wrapper{display: flex;gap: 5px;}
#featrue-blog .topdiv .nav-btn-wrapper svg{width:36px;}
#featrue-blog .blog-box{position:relative}
#featrue-blog .blog-box .text p{color:#00000050;font-size:12px;font-weight:600;margin-bottom:5px}
#featrue-blog .blog-box .text h3{color:#000;font-size:20px;font-weight:600;margin-bottom:10px}
#featrue-blog .blog-box .text .blogbottom{display:flex;align-items:center;gap:10px}
#featrue-blog .blog-box .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
#tab-blog .tab-btn{display:flex;padding-bottom:5px;border-bottom:2px solid #00000020;margin-bottom:15px;align-items:center;overflow-x:auto;overflow-y:hidden}
#tab-blog .tab-btn .link{color:#00000030;font-size:12px;font-weight:600;white-space:nowrap;text-align:center;display:block;padding:0 10px}
#tab-blog .tab-btn .link.active{color:#0065ff}
#tab-blog .tab-btn .link.active::after{content:'';background:#0065ff;height:2px;display:block;position:relative;bottom:-8px;width:100px;left:0}
#tab-blog .blog-grid{display:grid;grid-template-columns:1fr;gap:30px}
#tab-blog .blog-box img{margin-bottom:20px}
#tab-blog .blog-box .text p{color:#00000050;font-size:12px;font-weight:600;margin-bottom:5px}
#tab-blog .blog-box .text h3{color:#000;font-size:20px;font-weight:600;margin-bottom:10px}
#tab-blog .blog-box .text .blogbottom{display:flex;align-items:center;gap:10px}
#tab-blog .blog-box .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
}
@media screen and (min-width:768px){#tab-blog .media-wrapper{width:100%;margin-bottom:4rem;overflow:hidden}
.swiper-slide,.blog-grid a{overflow:hidden}
#tab-blog .media-wrapper img,.swiper-slide img,.blog-grid a img{transition:all .3s ease;margin-bottom:0}
#tab-blog .media-wrapper:hover img,.swiper-slide:hover img,.blog-grid a:hover img{transform:scale(1.1)}
#tab-blog .blog-box .text>p{color:grey}
#tab-blog .blog-box .text h3{font-weight:700}
#tab-blog .blog-box .text .blogbottom p{color:#999;margin: 0;}
}
@media screen and (max-width:767px){#featrue-blog .swiper{margin-left:var(--gutter-value)}
#tab-blog .main-container{padding-left:0;padding-right:0}
#tab-blog .tab-btns-wrapper{border-top:1px solid #00000020;border-bottom:1px solid #00000020;margin-bottom:15px;padding-top:3rem}
#tab-blog .blog-grid,#tab-blog .tab-btns-wrapper{padding-left:var(--gutter-value);padding-right:var(--gutter-value)}
#tab-blog .tab-btn{gap:5rem;padding-bottom:3rem;margin-bottom:0;border-bottom:none}
#tab-blog .tab-btn .link{text-align:left;width:fit-content;display:block;box-sizing:content-box;max-width:fit-content;min-width:fit-content;padding:0}
#tab-blog .tab-btn .link.active::after{display:none}
}
@media screen and (min-width:768px){#featrue-blog .topdiv{margin-bottom:5rem}
#featrue-blog .blog-box .h3{max-width:63rem}
#tab-blog{margin-top:6rem}
#tab-blog .tab-btn{padding-bottom:3rem;margin-bottom:5rem}
#tab-blog .tab-btn .link.active::after{bottom:-30px}
}
@media screen and (max-width:767px){#featrue-blog .topdiv{padding:0}
#featrue-blog .blog-box .text p{margin-top:3rem}
#featrue-blog .blog-box .text .blogbottom p{margin-bottom:10px;}
#featrue-blog .blog-box .text h3{font-size:3.2rem}
#tab-blog .blog-box .text h3{font-size:3.2rem}
#tab-blog{margin-top:6rem}
}

#footer .social-links .item{cursor:pointer;transition:background-color .3s ease}
#footer .social-links .item:hover{background:var(--main-blue);border-color:var(--main-blue)}
#footer .lr-block-wrapper{gap:32rem}
#footer .block-left{flex-grow:1;flex:2}
#footer .block-right{flex:1}
#footer .menu-links-item-wrapper{display:flex;flex-direction:column;gap:8.4rem}
#footer .head-item{font-family:Inter;font-weight:700;font-size:20px;line-height:112.99999999999999%;letter-spacing:-3%;text-transform:capitalize;padding-top:1.3rem}
#footer .menu-links-item{display:flex;flex-direction:column;align-items:flex-start}
#footer .menu-links-item .menu-link-item,#footer .menu-links-item a{font-family:Inter;font-weight:700;font-size:16px;line-height:40px;letter-spacing:-3%;color:#ffffff50}
#footer .email-link .e-text{--t-col:white}
#footer .local-wrapper{padding-bottom:4rem;margin-bottom:4rem;border-bottom:1px solid #00000010}
#footer .local-wrapper .heading{font-family:Inter;font-weight:700;font-size:3.2rem;line-height:112.99999999999999%;letter-spacing:-5%;color:#000;margin-bottom:4rem}
#footer .local-wrapper .local-items{display:grid;grid-template-columns:repeat(5,1fr);row-gap:4rem;column-gap:12rem}
#footer .local-wrapper .local-item{display:flex;flex-direction:column}
#footer .local-wrapper .local-item span{font-family:Inter;font-weight:600;font-size:2rem;line-height:3.4rem;letter-spacing:-5%;color:#000}
#footer .local-wrapper .local-item span.info{color:#999}
#footer .dog-localization .close-btn:hover{animation:closeHoverRotate .3s ease-in-out forwards}
@keyframes closeHoverRotate{0%{transform:rotate(-5deg)}
50%{transform:rotate(5deg)}
100%{transform:rotate(0)}
}
#footer .pc-wrapper .icon-minus,#footer .pc-wrapper .icon-plus{display:none}
.pc-wrapper .menu-links-item{height:auto!important;}
@media screen and (max-width:767px){#footer .mob-wrapper .menu-links-item-wrapper{gap:0;padding:3rem 0;border-bottom:1px solid #ffffff20}
#footer .mob-wrapper .menu-links-item{overflow:hidden;height: 0;}
#footer .mob-wrapper .head-item{transition:all .3s ease}
#footer .mob-wrapper .head-item.active{margin-bottom:3rem}
#footer .mob-wrapper .icon-minus,#footer .mob-wrapper .icon-plus{width:2.4rem;height:2.4rem;display:none;justify-content:center;align-items:center}
#footer .mob-wrapper .icon-plus{display:inline-flex}
#footer .mob-wrapper .head-item.active .icon-plus{display:none}
#footer .mob-wrapper .head-item.active .icon-minus{display:inline-flex}
#footer .mob-wrapper .head-item svg{max-width:100%;height:auto;object-fit:contain}
#footer .mob-wrapper .head-item{cursor:pointer;font-family:Inter;font-weight:700;font-size:2.4rem;line-height:112.99999999999999%;letter-spacing:-3%;text-transform:capitalize;display:flex;width:100%;justify-content:space-between;align-items:center;padding:0}
#footer .mob-wrapper .menu-link-item,#footer .mob-wrapper a{font-family:Inter;font-weight:600;font-size:2.4rem;line-height:5.4rem;letter-spacing:-3%;color:#fffFFF80}
#footer .mob-wrapper .menu-link-item:focus,#footer .mob-wrapper a:focus{color:#fff;text-decoration:underline}
#footer .dog-localization .close-btn{top:3rem;right:4rem}
#footer .dog-localization .close-btn svg{--size:7rem;width:var(--size);height:var(--size)}
#footer .dog-localization .heading{font-size:6rem;margin-bottom:7.7rem}
#footer .local-wrapper .heading{font-family:Inter;font-weight:700;font-size:3.2rem;line-height:112.99999999999999%;letter-spacing:0;margin-bottom:3rem}
#footer .local-wrapper .info{font-family:Inter;font-weight:600;font-size:2.4rem;line-height:100%;letter-spacing:-3%;color:#999}
#footer .local-wrapper .local-items{display:grid;grid-template-columns:repeat(2,1fr);row-gap:4rem;column-gap:12rem}
}
@media screen and (min-width:768px){#footer .wrapper{height:97vh}
#footer .local-wrapper-conainer{height:57vh;overflow-y:auto}
}
@media screen and (max-width:767px){#footer .main-container{padding-left:4.1rem;padding-right:4.1rem}
}
@media screen and (max-width:767px){#footer .local-wrapper .local-item span.info{font-size:2.4rem}
#footer .border-container .text{font-size:2.4rem}
#footer .mob-wrapper .head-item{font-weight:500}
}

#article .btn-atn a svg circle{transition:all .3s}
#article .btn-atn a:hover svg circle{fill:#0458d6}
@media(min-width:750px){#tab-blog .blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px 20px}
#tab-blog .blog-box img{margin-bottom:0;}
#tab-blog .blog-box .text p{color:#00000050;font-size:16px;font-weight:600;letter-spacing:-.48px;margin-bottom:10px}
#tab-blog .blog-box .text h3{color:#000;font-size:24px;font-weight:600;letter-spacing:-.72px;margin-bottom:20px}
#tab-blog .blog-box .text .blogbottom{display:flex;align-items:center;gap:20px}
#tab-blog .blog-box .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
#article .top-art .text p{color:#00000050;font-size:16px;font-weight:600;letter-spacing:-1.4px;margin-bottom:10px}
#article .top-art .text h3,#article .top-art .text h1{color:#000;font-size:48px;font-weight:600;letter-spacing:-.72px;margin-bottom:20px}
#article .top-art .text .blogbottom{display:flex;align-items:center;gap:20px}
#article .top-art .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
#article .top-art{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;gap:160px}
#article .top-art .text{flex:0 0 110rem}
#article .bottom-art{display:flex;justify-content:space-between;gap:155px}
#article .bottom-art .rightart{flex:0 0 385px}
#article .pro-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 0;border-top:1px solid #00000010}
#article .pro-box img{flex:0 0 100px;max-width:100px}
#article .pro-text h4{font-size:20px;font-weight:700;letter-spacing:-.6px}
#article .pro-text p{color:#00000050;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.48px}
#article .pro-text a{color:#0065ff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px;margin-top:20px}
#article .leftart .art-content p{font-size:16px}
#article .leftart .art-content h2{font-size:48px}
#article .leftart .art-content h5{font-size:24px}
#article .leftart .art-content{border-top:1px solid #00000010;padding-top:40px}
#article .leftart .art-btn{display:flex;justify-content:space-between;align-items:center;margin-top:100px;border-top:1px solid #00000010;padding-top:20px}
#article .leftart .back{display:inline-flex;align-items:center;color:var(--Color,#111);font-size:16px;font-weight:700}
#article .leftart .btn-atn{display:inline-flex;align-items:center;gap:20px}
#tab-blog .heading{font-size:48px;font-weight:700;line-height:113%;letter-spacing:-2.4px;margin-bottom:6rem}
}
@media(max-width:749px){#tab-blog .blog-grid{display:grid;grid-template-columns:1fr;gap:30px}
#tab-blog .blog-box img{margin-bottom:20px}
#tab-blog .blog-box .text p{color:#00000050;font-size:12px;font-weight:600;margin-bottom:5px}
#tab-blog .blog-box .text h3{color:#000;font-size:20px;font-weight:600;margin-bottom:10px}
.blog-grid .blog-box .text .blogbottom p{margin-bottom:0!important;}
#tab-blog .blog-box .text .blogbottom{display:flex;align-items:center;gap:10px}
#tab-blog .blog-box .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
#article .top-art .text p{color:#00000050;font-size:12px;font-weight:600;margin-bottom:5px}
#article .top-art .text .blogbottom p{margin:0;}
#article .top-art .text h3{color:#000;font-size:20px;font-weight:600;margin-bottom:10px}
#article .top-art .text .blogbottom{display:flex;align-items:center;gap:10px}
#article .top-art .text .blogbottom span{display:flex;width:30px;height:30px;padding:9px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1;letter-spacing:-.36px}
#article .top-art{display:flex;flex-direction:column;margin-bottom:40px;gap:80px}
#article .top-art .text{width:100%}
#article .bottom-art{display:flex;flex-direction:column;gap:80px}
#article .bottom-art .rightart{width:100%}
#article .pro-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0;border-top:1px solid #00000010}
#article .pro-box img{flex:0 0 100px;max-width:100px}
#article .pro-text h4{font-size:16px;font-weight:700}
#article .pro-text p{color:#00000050;font-size:12px;font-weight:600;line-height:1.2}
#article .pro-text a{color:#0065ff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px;margin-top:10px}
#article .leftart .art-content p{font-size:12px}
#article .leftart .art-content h2{font-size:32px}
#article .leftart .art-content h5{font-size:20px}
#article .leftart .art-content{border-top:1px solid #00000010;padding-top:20px}
#article .leftart .art-btn{display:flex;justify-content:space-between;align-items:center;margin-top:50px;border-top:1px solid #00000010;padding-top:10px}
#article .leftart .back{display:inline-flex;align-items:center;color:var(--Color,#111);font-size:14px;font-weight:700}
#article .leftart .btn-atn{display:inline-flex;align-items:center;gap:10px}
#tab-blog .heading{font-size:24px;padding:0 20px;font-weight:700;line-height:113%;margin-bottom:5rem}
#article .top-art .text h3, #article .top-art .text h1{font-size:24px;font-weight:700;}
}
@media screen and (min-width:768px){#article .top-art .text p{color:grey}
#article .top-art .text h3{font-weight:700}
#article .top-art .text .blogbottom p{color:#999}
#article .pro-text h4{margin-bottom:.5rem}
}
@media screen and (max-width:767px){#article .social{display:none}
#article .leftart .back{gap:1rem}
#article .pro-text p{margin-top:1rem;margin-bottom:3rem}
#article .pro-text a,#article .pro-text h4,#article .pro-text p{line-height:1.5}
}
@media screen and (min-width:768px){#article .top-art .text .blogbottom p{margin:0}
#article .back{gap:.5rem}
#article .pro-text h4{line-height:1.3}
#article .pro-text p{color:grey;line-height:1.5}
#mission-vision .text p{color:grey}
#mission-vision .container img{max-width:79rem}
}
@media screen and (max-width:767px){#article .top-art .text h3{font-size:4.8rem;font-weight:700}
.searchForm form{width:100%;}.searchForm svg{width:25px;}
}

.txt{font-size:16px;margin-top: 15px;padding-bottom: 6rem;}.txt b{color:#0065ff;font-weight:400;}
.post-felx{max-width: 900px;width:100%;margin:0 auto;}
.post-felx .blog-box{padding: 30px 10px;display: block;border-bottom: 1px solid #eee;}
.post-felx p{color:#333!important;font-weight:400!important;}
.post-felx p+p{color:#999!important;}
.post-felx .blogbottom{display: block!important;}

.pagination{display:block;margin:20px 0 20px;text-align:center}
.pagination a{display:inline-block;font-size:16px;margin:0 3px 0 0;width:36px;height:36px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color: #666;text-align:center;line-height:36px}
.pagination a i{width:36px;height:36px;line-height:36px}
.pagination .current,.pagination a:hover{color: #0065ff;text-decoration:none}
.pagination .page-number{display:inline-block;font-size:16px;margin:0 3px;padding:0 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#0065ff;color:#fff;line-height:36px}
.pagination svg{width:36px;height:36px;display: inline-block;fill: #666;}
.pagination path,.pagination rect{fill: #666;}
.pagination svg:hover path,.pagination svg:hover rect{fill:#0065ff;}

.content{margin:auto;font-size:1rem;line-height:200%;color:#333;margin-bottom:1rem}
.content h2,.content h3,.content h4,.content h5{margin:25px 0;padding:0;color:#333;font-weight:700;padding:10px 0 10px 10px}
.content h2,.content h3,.content h4,.content h5{border-left:5px solid #e5e6e0;font-weight:700;font-size:22px;line-height:1.3}
.content h2{font-size:22px!important}
.content h3{font-size:18px}
.content h4{font-size:15px}
.content h5{font-size:14px}
.content img{max-width:100%;margin:auto;display:block}
.content iframe{display:block;margin:auto;margin-top:.8rem;margin-bottom:.8rem;min-width:660px;max-width:660px;min-height:400px;max-height:400px}
.content ol,.content ul{margin:0 0 18px 15px}
.content ul{list-style:disc}
.content ol{list-style:decimal}
.content li{margin-bottom:6px}
.content p{padding:0 0 8px 0;word-wrap:break-word;font-size:18px;line-height:190%}
.content pre{word-wrap:break-word}
.content table{margin-bottom:18px;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd}
.content table th{background-color:#f9f9f9;text-align:center}
.content table td,.content table th{padding:5px 10px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd}
blockquote{background:#f3f3f3;padding:20px;border-radius:10px;margin-left:20px;margin-bottom:10px}
blockquote p{padding-bottom:0!important}

.post-felx a:first-child{border-top:1px solid #eee;}