html { scroll-behavior: smooth; } .coreTechnologies { width: 100%; height: auto; } .coreTechnologies h2 { font-size: 2vw; font-weight: bolder; color: #ea5529; } .coreTechnologies h3 { font-weight: 300; font-size: 1.2vw; } .coreTechnologies p { font-size: 1vw; font-weight: 300; } .coreTechnologies span { font-size: 1vw; } .coreTechnologies hr { width: 3vw; background-color: #ea5529; height: 0.1vw; border-top: none; margin-top: 30px; margin-bottom: 30px; } .coreTechnologies>.nav { visibility: hidden; } .coreTechnologies .bct-nav { width: 20px; position: fixed; top: 150px; right: 50px; cursor: pointer; z-index: 1000; } .coreTechnologies .bct-in { position: fixed; margin-top: 150px; z-index: 999; right: 100px; } .coreTechnologies .bct-in div { width: auto; color: #ea5529; border-radius: 10px; text-align: right; line-height: 20px; font-size: 16px; margin-bottom: 29px; font-weight: bolder; } .coreTechnologies .pointt { width: 5px !important; height: 28px !important; background-color: #bfbfbf; margin-bottom: 20px; cursor: pointer !important; float: none; transition-delay: 0.5s; transition: all 0.3s; } .addclass { background-color: #ea5529 !important; transform: rotate(90deg); } .coreTechnologies-banner { padding: 0 0; margin: 50px 0 0 0; } .mask:after { position: absolute; top: 0; left: 0; content: ""; background-color: #000; opacity: 0.3; z-index: 0; width: 100%; height: 100%; } .scanning { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-scanning.webp); background-repeat: no-repeat; background-size: cover; padding: 5vw 0 22vw 0; } .scanning h2, .scanning h3 { text-align: right; color: #fff; font-weight: bolder; } .scanning h3 { color: #ea5529; font-size: 1.6vw; } .scanning hr { right: 0; margin-right: 0; } .scanning p { color: #fff; text-align: right; } .bevelshapes { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bevelshapes.webp); background-repeat: no-repeat; background-size: cover; padding: 8vw 0 8vw 0; } .bevelshapes h2, .bevelshapes p { color: #fff; text-align: right; } .bevelshapes hr { right: 0; margin-right: 0; } .bevelshapes img { width: 100%; margin-top: 50px; } .vision { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-vision.webp); background-repeat: no-repeat; background-size: cover; padding: 10vw 0 20vw 0; } .vision h2, .vision p { text-align: left; } .vision p { color: #fff; } .vision hr { left: 0; margin-left: 0; } .active { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-active.webp); background-repeat: no-repeat; background-size: cover; padding: 10vw 0 20vw 0; } .active h2, .active p { text-align: right; } .active hr { right: 0; margin-right: 0; } .nozzle { position: relative; background-color: #222221; padding: 2vw 0 2vw 0; } .nozzle p { color: #fff; } .nozzle .img-edge-cover:after { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; left: 0; box-shadow: 0 0 92px 118px #222221 inset; border-radius: 10px; } .nozzle img { width: 100%; margin-top: 2vw; } .adaptation { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-adaptation.webp); background-repeat: no-repeat; background-size: cover; padding: 8vw 0 22vw 0; } .adaptation h2, .adaptation p { text-align: right; } .adaptation hr { right: 0; margin-right: 0; } .bodorGenius { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bodorGenius.webp); background-repeat: no-repeat; background-size: cover; padding: 8vw 0 15vw 0; } .bodorGenius h2, .bodorGenius h3, .bodorGenius p { color: #fff; } .bodorGenius h3 { font-weight: bolder; margin-top: 30px; margin-bottom: 10px; } .bodorGenius hr { left: 0; margin-left: 0; } .bodorGenius p { padding: 0 2vw 0 0; } .fourchucks { position: relative; background-color: #e1e1e1; padding: 3vw 0 3vw 0; } .fourchucks .img-edge-cover:after { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; left: 0; box-shadow: 0 0 80px 120px #e1e1e1 inset; border-radius: 10px; } .fourchucks img { width: 100%; margin-top: 2vw; } .fourchucks p { color: #000; } .bevelcutting { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bevelcutting.webp); background-repeat: no-repeat; background-size: cover; padding: 10vw 0 20vw 0; } .bevelcutting h2, .bevelcutting p { text-align: right; } .bevelcutting hr { right: 0; margin-right: 0; } .bodorNest { position: relative; background-color: #080908; padding: 2vw 0 2vw 0; } .bodorNest .img-edge-cover:after { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; left: 0; box-shadow: 0 20px 80px 79px #080908 inset; border-radius: 10px; } .bodorNest img { width: 100%; margin-top: 3vw; } .bodorNest p { color: #fff; padding: 0 2vw; } .bodorThinker { position: relative; background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bodorThinker.webp); background-repeat: no-repeat; background-size: cover; padding: 4vw 0 5vw 0; } .bodorThinker img { margin-top: 3vw; width: 62%; } @media only screen and (max-width: 1280px) { .coreTechnologies h2 { font-size: 25px; font-weight: bolder; } .coreTechnologies h3 { font-size: 18px; } .coreTechnologies hr { width: 50px; height: 1.5px; } .coreTechnologies p { font-size: 16px; } } @media only screen and (max-width: 500px) { .scanning { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-scanning-m.webp); padding: 25vw 2vw 90vw 2vw; } .scanning h2, .scanning h3 { margin-top: 10px; margin-bottom: 10px; } .scanning h2, .scanning h3, .scanning p { text-align: center; } .scanning hr { margin: 20px auto; } .bevelshapes { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bevelshapes-m.webp); padding: 18vw 2vw 100vw 2vw; } .bevelshapes h2, .bevelshapes p { text-align: center; } .bevelshapes hr { margin: 10px auto; } .vision { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-vision-m.webp); padding: 18vw 2vw 100vw 2vw; } .vision h2, .vision h3, .vision p { text-align: center; } .vision hr { margin: 20px auto; } .active { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-active-m.webp); padding: 22vw 2vw 100vw 2vw; } .active h2 { text-align: center; } .active hr { margin: 30px auto; } .active p { color: #fff; text-align: center; } .nozzle { padding: 22vw 0 40vw 0; } .nozzle .img-edge-cover:after { box-shadow: 0 0 26px 26px #222221 inset; } .nozzle img { width: 100%; margin-top: 20vw; } .adaptation { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-adaptation-m.webp); padding: 22vw 0 90vw 0; } .adaptation h2, .adaptation p { text-align: center; } .adaptation hr { margin: 30px auto; } .bodorGenius { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bodorGenius-m.webp); padding: 12vw 0 70vw 0; } .bodorGenius h2, .bodorGenius h3, .bodorGenius p { text-align: center; } .bodorGenius hr { margin: 30px auto; } .fourchucks { padding: 22vw 0 35vw 0; } .fourchucks .img-edge-cover:after { box-shadow: 0 0 26px 26px #e1e1e1 inset; } .fourchucks img { width: 100%; margin-top: 20vw; } .bevelcutting { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bevelcutting-m.webp); padding: 15vw 0 95vw 0; } .bevelcutting h2, .bevelcutting p { text-align: center; } .bevelcutting hr { margin: 30px auto; } .bodorNest { padding: 22vw 0 40vw 0; } .bodorNest .img-edge-cover:after { box-shadow: 0 0 26px 26px #080908 inset; } .bodorNest img { width: 100%; margin-top: 20vw; } .bodorThinker { background-image: url(https://static.bodor.com/images/coretechnologies/v3/bg-bodorThinker-m.webp); padding: 15vw 0 15vw 0; } .bodorThinker img { width: 86%; margin-top: 26vw; } }