.skipdiv{ width:100%; min-height:100vh; display:inline-block; position:relative; overflow:hidden;}
.skipdiv > .maindiv{ display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100vh;}
.skipdiv > .maindiv > h1{ display:flex; flex-wrap:wrap; justify-content:space-between; width:314px; margin:auto; line-height:1;}
.skipdiv > .maindiv > h1 > span{ font-size:72px; font-weight:900;}
.skipdiv > .maindiv > h1 > span:last-child{ width:100%;}
.outline{  font-family:"BMWMotorradOutline"; font-weight:400;}
.skipdiv > .footerdiv{ position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:22px 0;}
.skipdiv > .footerdiv > span{ font-size:15px; font-weight:700; margin-right:8px; }

.homediv1 > .maindiv > div .tutorialsswitch{ display:none;}

.homediv1 > .maindiv[data-tab='1'] > div .tutorialsswitch[data-step='1']{ display:block;}
.homediv1 > .maindiv[data-tab='2'] > div .tutorialsswitch[data-step='2']{ display:block;}
.homediv1 > .maindiv[data-tab='3'] > div .tutorialsswitch[data-step='3']{ display:block;}
.homediv1 > .maindiv[data-tab='4'] > div .tutorialsswitch[data-step='4']{ display:block;}
.homediv1 > .maindiv[data-tab='5'] > div .tutorialsswitch[data-step='5']{ display:block;}
.homediv1 > .maindiv[data-tab='6'] > div .tutorialsswitch[data-step='6']{ display:block;}
.homediv1 > .maindiv > .imgdiv > img{ margin:40px auto;}
.homediv1 > .maindiv > .textdiv > h2 > span{ font-size:40px; font-weight:700; display:block; text-align:center;}
.homediv1 > .maindiv > .textdiv > p{ margin:27px auto;}
.homediv1 > .maindiv > .textdiv > p > span{ font-size:22px; font-weight:300; display:block; text-align:center;}
.homediv1 > .maindiv > .textdiv > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:72px; margin-bottom:50px;}
.homediv1 > .maindiv > .textdiv > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.homediv1 > .maindiv > .textdiv > nav > a:hover{ background-color:#000061; }
.homediv1 > .maindiv > .textdiv > nav > a > .linktext{ font-size:32px; font-weight:400;}


.regdiv1 > .maindiv > form{ width:540px; margin:auto;}
.regdiv1 > .maindiv > form > h2{ margin-top:200px; text-align:center;}
.regdiv1 > .maindiv > form > h2 > span{ font-size:40px; font-weight:700; display:block;}
.agreeul{ display:flex; flex-direction:column; gap:16px; margin:100px auto;}
.agreeul > li{ display:flex; align-items:center; gap:8px;}
.agreeul > li > a{ color:#555;}
.agreeul > li > input[type=checkbox]{ display:none;}
.agreeul > li > label{ font-size:22px; font-weight:300; display:flex; gap:8px; align-items:center;}
.agreeul > li > label:before{ content:""; width:24px; height:24px; display:inline-block;}
.agreeul > li > label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M12%202c5.514%200%2010%204.486%2010%2010s-4.486%2010-10%2010-10-4.486-10-10%204.486-10%2010-10zm0-2c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm4.393%207.5l-5.643%205.784-2.644-2.506-1.856%201.858%204.5%204.364%207.5-7.643-1.857-1.857z%22%20fill%3D%22%23555%22%2F%3E%0A%3C%2Fsvg%3E")}
.agreeul > li > input[type=checkbox]:checked + label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm-1.25%2017.292l-4.5-4.364%201.857-1.858%202.643%202.506%205.643-5.784%201.857%201.857-7.5%207.643z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E")}

.regdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:72px; margin-bottom:50px;}
.regdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.regdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.regdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}

.regdiv1 > .maindiv > form > h3{ margin-top:200px;}
.regdiv1 > .maindiv > form > h3 > span{ font-size:30px; font-weight:700; display:block;}
.regdiv1 > .maindiv > form > ul{ display:flex; flex-direction:column; gap:58px; margin-top:65px;}
.regdiv1 > .maindiv > form > ul > li > label{ font-size:30px; font-weight:400; color:#0065B0;}
.regdiv1 > .maindiv > form textarea{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:30px; font-weight:700;}
.regdiv1 > .maindiv > form input[type=text]{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:30px; font-weight:700;}
.regdiv1 > .maindiv > form input::placeholder {
  color: #6E6E6E;
  font-weight:700;
}
.regdiv1 > .maindiv > form textarea::placeholder {
  color: #6E6E6E;
  font-weight:700;
}

.buydiv1{ margin-top:200px;}
.buydiv1 > .maindiv > form{ width:540px; margin:auto;}

.buydiv1 > .maindiv > form > h2 > span{ font-size:45px; font-weight:700; display:block;}
.buydiv1 > .maindiv > form > p > span > span{ font-size:32px; font-weight:700;}
.buydiv1 > .maindiv > form > p > span{ font-size:22px; font-weight:700;}
.buydiv1 > .maindiv > .itemselectform > ul{ display:flex; flex-direction:column; gap:30px; margin-top:114px; margin-bottom:314px;}
.buydiv1 > .maindiv > .itemselectform > ul > li{ background-color:#D9D9D9; border-radius:20px; padding:43px 25px;}
.buydiv1 > .maindiv > .itemselectform > ul > li input[type=checkbox]{ pointer-events: none; display:none;}
.buydiv1 > .maindiv > .itemselectform > ul > li > label{ display:flex; align-items:top; gap:13px; flex-wrap:wrap;}
.buydiv1 > .maindiv > .itemselectform > ul > li > label .itemicon{ width:104px;}
.buydiv1 > .maindiv > .itemselectform > ul > li > label .itemtext{ max-width:calc(100% - 120px);}
.buydiv1 > .maindiv > .itemselectform > ul > li > label .itemtext > h4 > span{ font-size:40px; font-weight:700; color:#040303;}
.buydiv1 > .maindiv > .itemselectform > ul > li > label .itemtext > p > span{ font-size:20px; font-weight:300; color:#040303;}
.buydiv1 > .maindiv > .itemselectform > ul > li > label .itemprice{ width:100%; text-align:right; font-size:40px; font-weight:700; color:#040303;}
.buydiv1 > .maindiv > .itemselectform > ul > li .itemicon > img{ width:109px; height:109px;}


.buydiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:72px; margin-bottom:50px;}
.buydiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.buydiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.buydiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}