@font-face{font-family:Outfit Regular;font-style:normal;src:url(https://static.technobridge.id/static/fonts/Outfit/Outfit-Regular.ttf);font-display:swap}@font-face{font-family:Outfit Medium;font-style:normal;src:url(https://static.technobridge.id/static/fonts/Outfit/Outfit-Medium.ttf);font-display:swap}@font-face{font-family:Outfit SemiBold;font-style:normal;src:url(https://static.technobridge.id/static/fonts/Outfit/Outfit-SemiBold.ttf);font-display:swap}@font-face{font-family:Geist\ 800;font-style:normal;src:url(https://static.technobridge.id/static/fonts/Geist/Geist-Bold.ttf);font-display:swap}@font-face{font-family:Geist Mono\ 600;font-style:normal;src:url(https://static.technobridge.id/static/fonts/GeistMono/GeistMono-Medium.ttf);font-display:swap}@font-face{font-family:Geist SemiBold\ 700;font-style:normal;src:url(https://static.technobridge.id/static/fonts/GeistMono/GeistMono-SemiBold.ttf);font-display:swap}@font-face{font-family:Helios Black;font-style:normal;src:url(https://static.technobridge.id/static/fonts/Helios/HeliosBlack.ttf);font-display:swap}@font-face{font-family:Archivo Regular;font-style:normal;src:url(https://static.technobridge.id/static/fonts/Archivo/Archivo-Regular.ttf);font-display:swap}body{margin:0;font-family:Outfit Regular,sans-serif;font-size:max(.85vw,.85vw,14px);color:#9ca3af;line-height:1.3;background:#08090e}body,img{width:100%}img{max-width:100%}.wrapper{width:83.3%;margin:0 auto}@media(max-width:1200px){.wrapper{width:93%}}@media(max-width:560px){.wrapper{width:calc(100% - 40px);padding:0 20px}}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;width:max(12vw,12vw,172px);height:max(1.75vw,1.75vw,24px);background:url(//static.technobridge.id/static/img/logo-with-text.svg) 50% no-repeat;background-size:contain;-ms-flex-negative:0;flex-shrink:0}header{width:100%;padding:max(2.1vw,2.1vw,24px) 0}header .wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .wrapper,header .wrapper .lang-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .wrapper .lang-links{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;grid-gap:15px;gap:15px}header .wrapper .lang-links a{font-family:Geist Mono\ 600,sans-serif;font-size:max(.75vw,.75vw,14px);text-transform:uppercase;opacity:1;color:#9ca3af;text-decoration:none;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}header .wrapper .lang-links a.active,header .wrapper .lang-links a:hover{opacity:.5}footer{padding:max(4.2vw,4.2vw,40px) 0 max(6.25vw,6.25vw,60px)}footer .line{width:100%;height:2px;margin:0;background:-o-linear-gradient(left,#06f 0,#00c2ff 100%);background:-webkit-gradient(linear, left top, right top, from(#06F), to(#00C2FF));background:-o-linear-gradient(left, #06F 0%, #00C2FF 100%);background:linear-gradient(90deg,#06f,#00c2ff)}footer .contacts{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:max(2.5vw,2.5vw,40px) 0 2.1vw}footer .contacts,footer .contacts .contacts-block{display:-webkit-box;display:-ms-flexbox;display:flex}footer .contacts .contacts-block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:33%;-ms-flex-negative:0;flex-shrink:0}footer .contacts .contacts-block .address,footer .contacts .contacts-block .copyright{margin:16px 0 0;font-family:Archivo Regular,sans-serif;color:#4b5563;font-size:14px}footer .contacts .contacts-block .address.address,footer .contacts .contacts-block .copyright.address{font-size:16px}@media(max-width:767px){footer .contacts .contacts-block .address.address,footer .contacts .contacts-block .copyright.address{font-size:15px}}@media(max-width:560px){footer .contacts .contacts-block .address.address,footer .contacts .contacts-block .copyright.address{font-size:14px}}@media(max-width:560px){footer .contacts .contacts-block .address.copyright,footer .contacts .contacts-block .copyright.copyright{font-size:13px}}footer .contacts .contacts-block .title{color:#00c2ff;font-family:Geist SemiBold\ 700,sans-serif;font-size:12px}@media(max-width:767px){footer .contacts .contacts-block .title{margin-top:40px;font-size:13px}}@media(max-width:560px){footer .contacts .contacts-block .title{font-size:11px}}@media(max-width:767px){footer .contacts .contacts-block{width:100%}}@media(max-width:767px){footer .contacts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}main{position:relative;overflow-x:hidden}main:before{content:"";display:none;position:absolute;width:450px;height:550px;top:15%;right:-200px;border-radius:50%;opacity:.5;background:#00c2ff;-webkit-filter:blur(375px);filter:blur(375px);z-index:-1}@media(max-width:767px){main:before{display:-webkit-box;display:-ms-flexbox;display:flex}}@media(max-width:560px){main:before{display:none}}section{position:relative;overflow:hidden}section .badge{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 12px;text-align:center;color:#00c2ff;font-family:Geist Mono\ 600,sans-serif;font-size:max(.62vw,.62vw,12px);letter-spacing:1px;text-transform:uppercase;border-radius:4px;border:1px solid #06f;white-space:nowrap;line-height:normal}section.banner{padding:max(5.25vw,5.25vw,60px) 0 max(6.25vw,6.25vw,60px);background:url(https://static.technobridge.id/static/img/banner.png) right top 60% no-repeat;background-size:contain}section.banner .heading{width:50%}section.banner .heading,section.banner .heading h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.banner .heading h1{margin:max(2.1vw,2.1vw,32px) 0 0;padding:0;color:#fff;font-family:Geist\ 800,sans-serif;font-size:max(4.2vw,4.2vw,32px);line-height:95%}section.banner .heading h1:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:30%;height:6px;margin:16px 0 0;border-radius:3px;background:-o-linear-gradient(left,#06f 0,#00c2ff 100%);background:-webkit-gradient(linear, left top, right top, from(#06F), to(#00C2FF));background:-o-linear-gradient(left, #06F 0%, #00C2FF 100%);background:linear-gradient(90deg,#06f,#00c2ff);-ms-flex-negative:0;flex-shrink:0}section.banner .heading h1+div{margin:max(2.1vw,2.1vw,32px) 0 0;color:#9ca3af;font-size:max(1.05vw,1.05vw,16px);line-height:160%}@media(max-width:1200px){section.banner .heading{width:75%}}@media(max-width:560px){section.banner .heading{width:100%}}section.banner .about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:60%;margin:max(16.7vw,16.7vw,120px) auto 0;padding:max(3.35vw,3.35vw,32px) max(3.35vw,3.35vw,32px) max(4.7vw,4.7vw,40px);border-radius:max(.9vw,.9vw,16px);border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);backdrop-filter:blur(12px);color:#fff;font-size:max(1.25vw,1.25vw,15px);line-height:140%}section.banner .about .badge{margin:0 0 max(1.25vw,1.25vw,20px)}@media(max-width:1200px){section.banner .about{width:80%}}@media(max-width:767px){section.banner .about{width:calc(100% - 65px)}}@media(max-width:767px){section.banner{background:url(https://static.technobridge.id/static/img/banner-mob.png) 100% 0 no-repeat;background-size:contain}}@media(max-width:560px){section.banner{background:url(https://static.technobridge.id/static/img/banner-mob.jpg) right -320px top 57% no-repeat;background-size:auto auto;background-size:initial}}section.products{padding:max(6.25vw,6.25vw,60px) 0}section.products:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:max(52.1vw,52.1vw,800px);height:max(52.1vw,52.1vw,800px);top:25%;right:-30%;border-radius:50%;opacity:.5;background:#00c2ff;-webkit-filter:blur(200px);filter:blur(200px);z-index:-1}@media(max-width:767px){section.products:after{width:400px;height:400px;top:70%;left:-200px;right:auto;-webkit-filter:blur(100px);filter:blur(100px)}}@media(max-width:560px){section.products:after{top:79%}}section.products h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-family:Helios Black,sans-serif;font-size:max(2.5vw,2.5vw,27px);font-weight:900;line-height:95%;text-transform:uppercase;margin:0;padding:0}section.products h2:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:15%;height:4px;margin:16px 0 0;border-radius:3px;background:-o-linear-gradient(left,#06f 0,#00c2ff 100%);background:-webkit-gradient(linear, left top, right top, from(#06F), to(#00C2FF));background:-o-linear-gradient(left, #06F 0%, #00C2FF 100%);background:linear-gradient(90deg,#06f,#00c2ff);-ms-flex-negative:0;flex-shrink:0}section.products ul:not(li ul){list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0;margin:max(3.15vw,3.15vw,40px) 0 0;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:max(1.7vw,1.7vw,20px);gap:max(1.7vw,1.7vw,20px);-ms-flex-negative:0;flex-shrink:0}section.products ul:not(li ul) li:not(li li){list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(33% - 1.3vw);height:auto;border-radius:16px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);backdrop-filter:blur(12px)}section.products ul:not(li ul) li:not(li li) .inner{padding:max(1.05vw,1.05vw,12px) max(1.7vw,1.7vw,20px) max(2.5vw,2.5vw,32px)}section.products ul:not(li ul) li:not(li li) .inner h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;color:#fff;font-family:Outfit Medium,sans-serif;font-size:max(1.05vw,1.05vw,16px);-ms-flex-negative:0;flex-shrink:0;margin:0 0 max(1.6vw,1.6vw,12px);padding:0;word-break:break-word}section.products ul:not(li ul) li:not(li li) .inner h3:before{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;margin-right:16px}section.products ul:not(li ul) li:not(li li) .inner h3.engine:before{width:max(3vw,3vw,58px);height:max(1.85vw,1.85vw,35px);background:url(https://static.technobridge.id/static/img/icon-01.svg) 50% no-repeat;background-size:contain}section.products ul:not(li ul) li:not(li li) .inner h3.transmission:before{width:max(1.85vw,1.85vw,35px);height:max(2.5vw,2.5vw,48px);background:url(https://static.technobridge.id/static/img/icon-02.svg) 50% no-repeat;background-size:contain}section.products ul:not(li ul) li:not(li li) .inner h3.body-parts:before{width:max(4vw,4vw,75px);height:max(1.4vw,1.4vw,27px);background:url(https://static.technobridge.id/static/img/icon-03.svg) 50% no-repeat;background-size:contain}section.products ul:not(li ul) li:not(li li) .inner h3.exhaust-systems:before{width:max(3.6vw,3.6vw,69px);height:max(2.8vw,2.8vw,53px);background:url(https://static.technobridge.id/static/img/icon-04.svg) 50% no-repeat;background-size:contain}section.products ul:not(li ul) li:not(li li) .inner h3.electrical:before{width:max(2.6vw,2.6vw,50px);height:max(2vw,2vw,39px);background:url(https://static.technobridge.id/static/img/icon-05.svg) 50% no-repeat;background-size:contain}section.products ul:not(li ul) li:not(li li) .inner h3.spare-parts:before{width:max(2vw,2vw,39px);height:max(2.6vw,2.6vw,51px);background:url(https://static.technobridge.id/static/img/icon-06.svg) 50% no-repeat;background-size:contain}section.products ul:not(li ul) li:not(li li) .inner h3.accesories:before{width:max(2.7vw,2.7vw,52px);height:max(2.55vw,2.55vw,49px);background:url(https://static.technobridge.id/static/img/icon-07.svg) 50% no-repeat;background-size:contain}section.products ul:not(li ul) li:not(li li) .inner .info ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:max(2.1vw,2.1vw,30px) 0}section.products ul:not(li ul) li:not(li li) .inner .info ul li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.products ul:not(li ul) li:not(li li) .inner .info ul li:before{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:4px;height:4px;-ms-flex-negative:0;flex-shrink:0;background:#9ca3af;border-radius:50%;margin-right:5px}@media(max-width:1060px){section.products ul:not(li ul) li:not(li li){width:calc(50% - 12px)}}@media(max-width:560px){section.products ul:not(li ul) li:not(li li){width:100%}}section.brokerage{padding:max(6.25vw,6.25vw,60px) 0}section.brokerage h2{margin:0 0 max(1.25vw,1.25vw,20px);padding:0;color:#fff;font-family:Helios Black,sans-serif;font-size:max(2.65vw,2.65vw,27px);font-style:normal;font-weight:900;line-height:95%;letter-spacing:-2.4px;text-transform:uppercase;background:-o-linear-gradient(left,#06f 15%,#00c2ff 85%);background:-webkit-gradient(linear, left top, right top, color-stop(15%, #0066FF), color-stop(85%, #00C2FF));background:-o-linear-gradient(left, #0066FF 15%, #00C2FF 85%);background:linear-gradient(90deg,#06f 15%,#00c2ff 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}section.brokerage h2+div{width:50%;color:#9ca3af;font-size:max(.95vw,.95vw,14px);line-height:160%}@media(max-width:991px){section.brokerage h2+div{width:100%}}section.brokerage ul{width:100%;padding:max(3.15vw,3.15vw,32px) 0;margin:0;border-bottom:1px solid hsla(0,0%,100%,.2);grid-gap:max(1.25vw,1.25vw,12px);gap:max(1.25vw,1.25vw,12px);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-negative:0;flex-shrink:0}section.brokerage ul,section.brokerage ul li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}section.brokerage ul li{width:calc(25% - max(3.7vw,3.7vw,48px));padding:max(1.25vw,1.25vw,16px);border-radius:12px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);backdrop-filter:blur(5px)}section.brokerage ul li div{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-family:Outfit SemiBold,sans-serif}section.brokerage ul li div:before{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:max(.65vw,.65vw,10px);height:max(.65vw,.65vw,10px);margin:0 16px 0 0;border-radius:50%;background:-o-linear-gradient(left,#06f 0,#00c2ff 100%);background:-webkit-gradient(linear, left top, right top, from(#06F), to(#00C2FF));background:-o-linear-gradient(left, #06F 0%, #00C2FF 100%);background:linear-gradient(90deg,#06f,#00c2ff);-ms-flex-negative:0;flex-shrink:0}@media(max-width:991px){section.brokerage ul li{width:calc(50% - max(3.7vw,3.7vw,45px))}}@media(max-width:560px){section.brokerage ul li{width:100%}}section.brokerage ul+div{width:50%;margin-top:max(2.1vw,2.1vw,40px)}@media(max-width:991px){section.brokerage ul+div{width:100%}}
