h2 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 14px;
}

label {
  font-size: 10px;
}

/* -- col-xsumns -- */

.col-xs {
  float: left;
}

.col-xs-1_1 {
  float: none;
  width: 100%;
}

.col-xs-1_2, .col-xs-2_4, .col-xs-3_6 {
  width: 50%;
}

.col-xs-1_3, .col-xs-2_6 {
  width: 33.33333%;
}

.col-xs-2_3, .col-xs-4_6 {
  width: 66.66666%;
}

.col-xs-1_4 {
  width: 25%;
}

.col-xs-3_4 {
  width: 75%;
}

.col-xs-1_5 {
  width: 20%;
}

.col-xs-2_5 {
  width: 40%;
}

.col-xs-3_5 {
  width: 60%;
}

.col-xs-4_5 {
  width: 80%;
}

.col-xs-1_6 {
  width: 16.66667%;
}

.col-xs-5_6 {
  width: 83.33333%;
}

/* -- others -- */

.banner {
  position: relative;
  background-image: url("../images/banners/aiforimpact12345.jpg");
  background-color: var(--primary-c);
  background-size: 100% auto;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  z-index: 9;
}

.banner-boxes {
  margin-top: 75px;
}

.data-box {
  padding: 0 5px;
}

.data-box .content-box {
  margin-top: -44px;
}

.topp, .steps {
  padding: 30px 0;
}
.s-header .imagespeaker{
  float: right;
  width: 50px !important;
  height: 50px;
  overflow: hidden;
  padding: 0;
  margin-top: -15px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0px 3px 29px -3px #000;
}

.s-header .imagespeaker>img{
  width: 100%;
}
.desktop{
  display: none;
}
.mobile{
  display: block;
}