<style type="text/css">.row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 25px;
max-width: 1280px;
padding: 10px 0;
}

.col-md-4 {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
min-height: 120px;
}
</style>
<p style="text-align:center;"><img alt="" src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/BENZ/AMB-ME-W213-SEATBELT-DESCRIERE.jpg" style="width: 1000px; height: 1000px;" /></p>

<p style="text-align:center;"><em><span style="font-size:24px;">Luminile ambientale pot fi controlate din Sistemul Original și de pe aplicația telefonului. </span></em></p>

<p style="text-align:center;">&nbsp;</p>

<p style="text-align:center;"><em><span style="font-size:24px;">Pentru controlul din sistemul original trebuie ca mașina să aibă deja opțiunea activată sau daca nu o are, ea se poate activa de către modulul luminilor sau prin diagnoză.</span></em></p>

<p style="text-align:center;"><em><span style="font-size:24px;"><iframe frameborder="0" height="360" scrolling="no" src="https://www.youtube.com/embed/mHXZ07ZWjN8" width="640"></iframe></span></em></p>

<p style="text-align:center;">&nbsp;</p>

<p style="text-align:center;"><em><span style="font-size:24px;"><img alt="" src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/BENZ/AMB-ME-W213--D--03.webp" style="width: 1000px; height: 1000px;" /><img alt="" src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/BENZ/AMB-ME-W213--D--04.webp" style="width: 1000px; height: 1000px;" /><img alt="" src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/BENZ/AMB-ME-W213--D--05.webp" style="width: 1000px; height: 1000px;" /></span></em></p>

<p style="text-align:center;">&nbsp;</p>

<p style="text-align:center;">&nbsp;</p>
<!-- Interior auto - Redefinire -->

<p style="text-align: center"><em><strong><span style="font-size:36px;">Interior auto - Redefinire</span></strong></em></p>

<div style="margin: 0 15%;">
<div>
<div class="row">
<div class="col-md-4"><!-- Telefon -->
<div style="display: flex;">
<div style="
border: 3px solid red;
border-radius: 10px;
width: 108px;
height: 108px;">
<div style="display: grid; justify-content: center; align-items: center;">
<div style="
border-top: 3px solid red;
border-left: 3px solid red;
border-right: 3px solid red;
border-bottom: 3px solid red;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 50px;
height: 15px;
margin-top: 10px;">&nbsp;</div>

<div style="
border: 3px solid red;
border-top: none;
border-bottom: none;
width: 50px;
height: 50px;">&nbsp;</div>

<div style="
border: 3px solid red;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
width: 50px; height: 15px;
margin-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;">
<div style="background-color: red;
width: 5px;
height: 5px;
border-radius: 50%;">&nbsp;</div>
</div>
</div>
</div>

<div style="margin-left: 10px; margin-right: 10px; text-align: left; align-content: center;">
<div style="margin: 5px;">Noua aplicație:</div>

<div style="margin: 5px;">Bluetooth,</div>

<div style="margin: 5px;">Conexiune automată</div>
</div>
</div>
</div>
<!-- Programelor utilitare -->

<div class="col-md-4">
<div style="display: flex;">
<div style="
border: 3px solid red;
border-radius: 10px;
width: 108px;
height: 108px;
display: flex;
justify-content: center;
align-items: center;">
<div style="
position: relative;
width: 90px;
height: 90px;
border-radius: 50%;
background: conic-gradient(red, yellow, green, cyan, blue, magenta, red);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
">
<div style="
position: absolute;
top: 50%;
left: 50%;
width: 50px;
/* Dimensiunea cercului interior */
height: 50px;
/* Dimensiunea cercului interior */
background-color: white;
/* Fundal alb */
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
">&nbsp;</div>
</div>
</div>

<div style="margin-left: 10px; margin-right: 10px; text-align: left; align-content: center;">
<div style="margin: 5px;">Programelor utilitare:</div>

<div style="margin: 5px;">Reglare automată</div>
</div>
</div>
</div>

<div class="col-md-4 col-evening"><!-- Moduri multiple -->
<div style="display: flex;">
<div style="
border: 3px solid red;
border-radius: 10px;
width: 108px;
height: 108px;">
<div style="
display: flex;
justify-content: center;
align-items: center;
height: 108px;">
<div>
<div style="
border: 5px solid red;
border-radius: 5px;
width: 30px;
height: 30px;
margin: 3px;">&nbsp;</div>

<div style="
border: 5px solid red;
border-radius: 5px;
width: 30px;
height: 30px;
margin: 3px;">&nbsp;</div>
</div>

<div>
<div style="
border: 5px solid red;
border-radius: 5px;
width: 30px;
height: 30px;
margin: 3px;">&nbsp;</div>

<div style="
border: 5px solid red;
border-radius: 5px;
width: 30px;
height: 30px;
margin: 3px;">&nbsp;</div>
</div>
</div>
</div>

<div style="margin-left: 10px; margin-right: 10px; text-align: left; align-content: center;">
<div style="margin: 5px;">Moduri multiple:</div>

<div style="margin: 5px;">Ajustări arbitrare</div>
</div>
</div>
</div>
</div>
</div>

<div class="row"><!-- Intregul control -->
<div class="col-md-4">
<div style="display: flex">
<div style="
border: 3px solid red;
border-radius: 10px;
width: 108px;
height: 108px;">
<div>
<div style="
height: 30px;
display: grid;
justify-content: center;
margin-top: 20px;
">
<div style="
background-color: red;
width: 70px;
height: 7px;
margin: 10px;
">
<div style="
margin-top: -8px;
margin-left: 10px;
background-color: red;
width: 20px;
height: 20px;
border-radius: 50%;
">&nbsp;</div>
</div>

<div style="
background-color: red;
width: 70px;
height: 7px;
margin: 10px;
">
<div style="
margin-top: -8px;
margin-left: 30px;
background-color: red;
width: 20px;
height: 20px;
border-radius: 50%;
">&nbsp;</div>
</div>

<div style="
background-color: red;
width: 70px;
height: 7px;
margin: 10px;
">
<div style="
margin-top: -8px;
margin-left: 10px;
background-color: red;
width: 20px;
height: 20px;
border-radius: 50%;
">&nbsp;</div>
</div>
</div>
</div>
</div>

<div style="margin-left: 10px; margin-right: 10px; text-align: left; align-content: center;">
<div style="margin: 5px;">Întregul control</div>

<div style="margin: 5px;">al culorilor pure</div>
</div>
</div>
</div>
<!-- Difuzie lumina -->

<div class="col-md-4 col-afternoon">
<div style="display: flex">
<div style="
border: 3px solid red;
border-radius: 10px;
width: 108px;
height: 108px;
display: flex;
justify-content: center;
align-items: center;">
<div style="position: relative; width: 40px; height: 40px; border: 5px solid red; border-radius: 50%; display: flex; justify-content: center; align-items: center;">
<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: translateY(-35px);">&nbsp;</div>
<!-- 12:00 -->

<div style="position: absolute; width: 8px; height: 8px;; border-radius: 50%; background-color: red; transform: translateX(35px);">&nbsp;</div>
<!-- 3:00 -->

<div style="position: absolute; width: 8px; height: 8px;; border-radius: 50%; background-color: red; transform: translateY(35px);">&nbsp;</div>
<!-- 6:00 -->

<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: translateX(-35px);">&nbsp;</div>
<!-- 9:00 -->

<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: rotate(45deg) translate(35px) rotate(-45deg);">&nbsp;</div>

<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: rotate(90deg) translate(35px) rotate(-90deg);">&nbsp;</div>

<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: rotate(135deg) translate(35px) rotate(-135deg);">&nbsp;</div>

<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: rotate(180deg) translate(35px) rotate(-180deg);">&nbsp;</div>

<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: rotate(225deg) translate(35px) rotate(-225deg);">&nbsp;</div>

<div style="position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; transform: rotate(315deg) translate(35px) rotate(-315deg);">&nbsp;</div>
</div>
</div>

<div style="margin-left: 10px; margin-right: 10px; text-align: left; align-content: center;">
<div style="margin: 5px;">Difuzie lumină:</div>

<div style="margin: 5px;">Luminozitate reglabilă</div>
</div>
</div>
</div>
<!-- Cercetare inovatoare -->

<div class="col-md-4 col-evening">
<div style="display: flex">
<div style="
border: 3px solid red;
border-radius: 10px;
width: 108px;
height: 108px;
display: flex;
justify-content: center;
align-items: center"><!-- Desen -->
<div style="
width: 90px;
height: 30px;
border: 3px solid red;
border-radius: 50%;
position: absolute;
">&nbsp;</div>

<div style="
width: 90px;
height: 30px;
border: 3px solid red;
border-radius: 50%;
position: absolute;
rotate: -60deg;

">&nbsp;</div>

<div style="
width: 90px;
height: 30px;
border: 3px solid red;
border-radius: 50%;
position: absolute;
rotate: 60deg;
">&nbsp;</div>

<div style="width: 15px; height: 15px; background-color: red; border-radius: 50%; position: relative; top: -40px; right: -25px; border: 3px solid white;">&nbsp;</div>
</div>

<div style="margin-left: 10px; margin-right: 10px; text-align: left; align-content: center;">
<div style="margin: 5px;">Cercetare invonatoare</div>

<div style="margin: 5px;">și dezvoltare a șase</div>

<div style="margin: 5px;">generații</div>
</div>
</div>
</div>
</div>
</div>
<!-- Luminozitate personalizată -->

<div style="text-align: center;">
<p style="font-weight: bold; text-transform: uppercase;"><em><strong><span style="font-size:24px;">luminizitate personalizată</span></strong></em></p>

<p style="font-weight: bold; text-transform: uppercase;"><em><strong><span style="font-size:24px;">customizare intensitate luminii</span></strong></em></p>

<hr style="text-align: center; width: 150px; height: 3px; background-color: red; border-radius: 3px; border:none" />
<p><span style="font-size:20px;"><em>Deschis sau inchis? Ajustare cu o singură glisare</em></span></p>

<p>&nbsp;</p>
<!-- -->

<div style="display: flex; justify-content: center;"><!-- Iphone -->
<div style="text-align: center;"><img alt="" src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Iphone.png" style="width: 427px; height: 845px;" /></div>

<div style="display: grid; justify-content: center; align-items: center;"><!-- Luminizitate mare -->
<div>
<h3 style="background-color: #ea0a15; color: #FFFFFF; border: none; border-radius: 15px;padding: 5px;">Luminizitate mare</h3>

<div><img src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Luminizitate-mare.png" style="width: 342px; height: 200px;" /></div>
</div>
<!-- Luminizitate medie -->

<div>
<h3 style="background-color: #e9313d; color: #FFFFFF; border: none; border-radius: 15px;padding: 5px;">Luminizitate medie</h3>

<div><img src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Luminizitate-medie.png" style="width: 336px; height: 200px;" /></div>
</div>
<!-- Luminizitate scăzută -->

<div>
<h3 style="background-color: #eb8b97; color: #FFFFFF; border: none; border-radius: 15px;padding: 5px;">Luminizitate scăzută</h3>

<div><img src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Luminizitate-scazuta%5B3%5D.png" style="width: 335px; height: 200px;" /></div>
</div>
</div>
</div>
</div>
<!-- Aplicatie mobila -->

<div>
<div style="text-align: center;">
<div style="text-transform: uppercase; font-size: 14pt;">
<p><span style="font-size:24px;"><em>aplicatie mobila</em></span></p>
</div>

<div style="text-transform: uppercase; font-weight: bold; font-size: 14pt;">
<p><strong><em><span style="font-size:24px;">alegeti</span></em></strong></p>
</div>

<div style="text-transform: uppercase; font-weight: bold; font-size: 14pt;">
<p><strong><em><span style="font-size:24px;">culoarea singur</span></em></strong></p>
</div>
</div>

<hr style="text-align: center; width: 150px; height: 3px; background-color: red; border-radius: 3px; border:none" />
<div style="text-align: center;">
<div><span style="font-size:20px;"><em>Suport IOS, Android, comutare liberă a conexiunii Bluetooth</em></span></div>

<div><span style="font-size:20px;"><em>Pasul 1: Scanați codul QR al cutiei exterioare descărcați și instalați aplicația</em></span></div>

<div><span style="font-size:20px;"><em>Pasul 2: Porniți Bluetooth, acesta se va conecta automat pentru a controla lumina ambientală</em></span></div>

<div>&nbsp;</div>
</div>

<div style="text-align: center;"><img src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Aplicatie%20mobila.jpg" style="margin-top: 5px; margin-bottom: 5px;" /></div>
</div>
<!-- Schimbarea culorilor in cinci zone -->

<div>
<div style="text-align: center;">
<p style="text-transform: uppercase;"><em><strong><span style="font-size:24px;">schimbarea culorilor in cinci zone</span></strong></em></p>
</div>

<div style="text-align: center;">
<div>
<div><img src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Schimbare-culori%20-%201.png" /></div>

<div><img src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Schimbare-culori%20-%202.png" /></div>
</div>
</div>
</div>
<!-- DIFUZA PENTRU PROTECTIA OCHILOR -->

<div>
<div style="text-align: center;">
<p style="text-transform: uppercase;"><span style="font-size:24px;">lumină ambientală</span></p>

<p style="text-transform: uppercase;"><span style="font-size:24px;">difuzie pentru protecția ochilor</span></p>
</div>

<hr style="text-align: center; width: 150px; height: 3px; background-color: red; border-radius: 3px; border:none" />
<div style="text-align: center;">
<p><span style="font-size:20px;"><em>Conductor acrilic, LED-uri RGB incorporate, importate din Taiwan, lumina este difuză și cu protecție pentru ochi. Oferă o experiență de condus mai confortabilă și personalizată pentru proprietarii de mașini.</em></span></p>

<p>&nbsp;</p>
</div>

<div style="text-align: center;"><img src="https://www.edotec.ro/userfiles/editor/image/lumini_ambientale/Oct_2024/Test/Difuzie%20pentru%20protectia%20ochilor.png" /></div>
</div>