/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.allPhone {
  display: contents;
}
div#featureApp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile {
  position: relative;
  display: flex;
  height: 600px;
  justify-content: center;
}
.phone {
  width: 300px;
  height: 600px;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  z-index: 2;
}
.phone.license {
  background-image: url('../../../../images/Daneh/mobile.png');
  -webkit-mask-image: url('../../../../images/Daneh/mobile.png');
}
.phone.feature2 .background {
  position: absolute;
  top: 5px;
  z-index: 1;
  width: 282px;
  height: 594px;
  border-radius: 40px;
  background-image: url('https://daneh.ir/media/com_moojla/images/2859_77.jpg');
  background-size: cover;
}
.right, .left {
  cursor: pointer;
}
/*# sourceMappingURL=featureApp_357.css.map */