body {
  scroll-behavior: smooth;
}

.intro,
.smarter_video {
  height: 100vh;
}

.intro video,
.smarter_video video {
  /* height: 100%; */
  width: 100%;
  object-fit: cover;
}

.anim_img2 {
  z-index: 1;
}

.anim_img4_01,
.anim_img3_01,
.section05_img_03,
.section07_img_03 {
  z-index: 0;
}

.anim_img4_02,
.anim_img3_02,
.section04_img_01,
.section05_img_02,
.section07_img_02 {
  z-index: 1;
}

.anim_img4_03,
.section07_img_01 {
  z-index: 2;
}

.section05_img_01 {
  z-index: -1;
}

.zindex11 {
  z-index: -11;
}

.duxar01 {
  z-index: 0;
}

.sectiorAR_parallax {
  background-color: white;
  position: relative !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.over3d,
.over3dphone {
  transition: 0.5s;
}

.over3dphone:hover {
  transform: translate(-70px, -80px);
}

.over3d:hover {
  transform: translate(70px, -80px);
  opacity: 1;
}

.backgroundparallax {
  width: auto;
  height: 100vh;
  background-image: url("../images/STMS_PowerKick_Assets/STMS_Power_Int_Powerkick_07.jpg");
  position: relative !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.backgroundparallax_chargetree-swing {
  width: auto;
  height: 100vh;
  background-image: url("../images/STMS_ChargeTree_Swing_Assets/STMS_Power_Int_ChargeTreeSwing_07.png");
  position: relative !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.backgroundparallax_magpod,
.backgroundparallax_magarm {
  background-image: url("../images/lifestyle_pending.jpg") !important;
}

.backgroundparallax_chargetree,
.bgparallaxDuxPlus,
.bgparallaxDuxShell,
.bgparallaxCorporate01,
.backgroundparallax_duxPlusDuo,
.backgroundparallax_atlas,
.backgroundparallax_duxstudio,
.backgroundparallax_duxshellPro,
.backgroundparallax_myth18,
.backgroundparallax_magpod,
.backgroundparallax_magarm,
.bgparallaxDuxGrip,
.backgroundparallax_duxShellproX,
.backgroundparallax_duxSurfacelatop3,
.backgroundparallax_section08_parallax,
.backgroundparallax_section10_parallax,
.backgroundparallax_section13_parallax,
.bgparallaxDuxsurfaceGO {
  width: auto;
  height: 100vh;
  background-image: url("../images/STMS_ChargeTree_Assets/STMS_Power_Int_ChargeTree_08.jpg");
  position: relative !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.backgroundparallax_powerback {
  width: auto;
  height: 100vh;
  background-image: url("../images/STMS_Powerbank_Assets/STMS_Power_Int_Powerbank_06.jpg");
  position: relative !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.bgparallaxDuxPlus {
  background-image: url("../images/STM_DUX_PLUS_Assets/STMS_Tablet-Protection_Int_DuxPlus_09.jpg");
}

.bgparallaxDuxShell {
  background-image: url("../images/STM_DUX_SHELL_Assets/STMS_Tablet-Protection_Int_Dux_Shell_07.jpg");
}

.bgparallaxDuxBackpack {
  background-image: url("../images/STM_DUXBACKPACK/STMS_DuxBackpack_09.png") !important;
}

.bgparallaxCorporate01 {
  background-image: url("../images/STMS_CORPORATE_ASSETS/STM_CORPORATE_14.jpg");
}

.backgroundparallax_duxPlusDuo {
  background-image: url("../images/STM_DUX_PLUS_DUO/STMS_Tablet-Protection_Int_DuxPlusDuo_11.png.jpg");
}

.backgroundparallax_duxshellPro {
  background-image: url("../images/STM_Dux_Surface_Pro-Pro4-Pro6/STMS_Tablet-Protection_Int_DuxSurface_Pro-Pro4-Pro6_08.jpg");
}

.backgroundparallax_atlas {
  background-image: url("../images/STM_ATLAS/STMS_Tablet-Protection_Int_Atlas_09.jpg");
}
.backgroundparallax_duxstudio {
  background-image: url("../images/STMS_DUX_STUDIO/STMS_Tablet-Protection_Int_DuxStudio_10.jpg");
  z-index: 4;
}

.backgroundparallax_myth18 {
  background-image: url("../images/STMS_MYTH_18L/STMS_Bag_Int_Myth18L_10.jpg");
}

.backgroundparallax_duxShellproX {
  background-image: url("../images/SMT_DUX_SHELL_SURFACE_PRO_X/lifestyle_pending.jpg");
}

.backgroundparallax_duxSurfacelatop3 {
  background-image: url("../images/STM_DUX_SURFACE_LAPTOP_3/lifestyle_pending.jpg");
}

.backgroundparallax_section08_parallax {
  background-image: url("../images/STM_EDUCATION/STM_EDUCATION_07.jpg");
}

.backgroundparallax_section10_parallax {
  background-image: url("../images/STM_EDUCATION/STM_EDUCATION_09.jpg");
}
.backgroundparallax_section13_parallax {
  background: url("../images/STM_Banner_Corporate_Education.jpg");
}

.bgparallaxDuxGrip {
  background: url("../images/STM_Dux_Grip/STMS_Tablet-Protection_Int_Dux_Grip_08.jpg");
}
.bgparallaxDuxsurfaceGO {
  background: url("../images/STM_Dux_Surface_Go/STMS_Tablet-Protection_Int_Dux Surface Go_12.jpg");
}

.overlayimg {
  height: auto;
  width: 100vw;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  opacity: 0.8;
  overflow-x: hidden;
  transition: 0.5s;
}
.bakground-white {
  background-color: white;
}
.padding0 {
  padding: 0;
}

.section02_img_01,
.anim_img1_01 {
  z-index: -1;
}

.marginauto {
  margin: auto;
}

.watter-div {
  /* width: 100%;
 height: auto;
 float: right; */
  text-align: right;
}
.watter-img {
  /* width: 70%;
 height: auto;
 float: right; */
  margin-bottom: -10vw;
  /* margin-right: -10vw; */
  width: 50vw;
  position: relative;
  left: 10vw;
}

/* .infoSubMenu {
 max-width: 100% !important;
} */
.submenu-right {
  display: inline-flex;
}

#ulSubMenu {
  float: left;
  /* margin: 1vw; */
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .infoSubMenu {
    max-width: 100% !important;
    width: 100%;
  }
  .subMenuVW {
    float: left;
    text-align: left;
    padding-left: 1vw;
  }
}

.colorblack {
  background-color: black;
}

.coloraqua {
  background-color: aqua;
}

.cologreen {
  background-color: green;
}
.colopink {
  background-color: pink;
}
/* 
section.bannerSolutionsProducts .btnOrg {
 line-height: 200% !important;
} */

#showcasestatic {
  width: 100%;
  height: auto;
  margin: 0;
  opacity: 0;
}

#showcasestatic img {
  width: 100%;
  height: auto;
  margin: 0;

  margin-top: 5%;
}

#showcase-static {
  width: 100%;
  height: auto;
  margin: 0;
  opacity: 0;
}

#showcase-static img {
  width: 100%;
  height: auto;
  margin: 0;

  margin-top: 5%;
}
.ptopSection {
  padding: 0;
}

.opacity0 {
  opacity: 0;
}

.safe-area {
  position: fixed;
  width: 1px;
  height: 1px;
  top: 0;
  background-color: green;
  z-index: 9999;
}

.duxsurfacegoindex1 {
  z-index: 1;
}
.duxsurfacegoindex0 {
  z-index: 0;
}

.vw120 {
  height: 70vw;
}