* {
  box-sizing: border-box;
}
html {
 margin: auto;
 padding: 0px;
 width: 95%;
 height: 100%;
}
body {
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 margin: 0px;
 padding: 0px;
 height: calc(100% - 0px);
 background: #ffffff;
 color: #000000;
 font-size: 14px;
max-width: 1280px;
 
}
p{
 font-size: 14px;
 text-align: left;
}
.bg-image{
 background-image: url("https://image.e.iqos.com/lib/fe4415707564067c771170/m/1/d1455c41-2851-4312-bd70-7c939c2cd2ce.jpg");
 background-size: cover !important;
       background-position: top center !important;
  height: 350px !important;

}
.hero-bg{
 background-color: #1bd9c5;
 height: 100%;
 width: 40%;
}
 
.heading {
  font-weight: bold;
    color: #000000;
    font-size: 35px;
    line-height:45px;
    text-align: left;
 padding: 8% 15% 0%;
 width: 40%;
}
.text1{
 font-weight: normal;
    color: #000000;
    font-size: 15px;
    line-height:25px;
    text-align: left;
 padding:2% 15% ;
 width: 40%;
}


.button-cta {
  background-color: #35303E;
  color: #fff !important;
 font-size: 14px;
 line-height: 20px;
 font-weight: bold;
text-decoration: none;
 width: 100%; 
 dislay: block; 
 text-align:center;
 padding: 15px 20px;
 border-radius: 100px;
}
.bg_set2{
 background-color: #f6f4f0;
 width: 100%;
 height: 600px;
 
}
.heading-2 {
  font-weight: bold;
    color: #000000;
    font-size: 25px;
    line-height:35px;
    text-align: left;
 padding: 3% 6% 0;
 
}
.text2{
 font-weight: normal;
    color: #000000;
    font-size: 15px;
    line-height:25px;
    text-align: left;
 padding: 1% 6% 0%;
}

.image1{
 background-image: url("https://image.e.iqos.com/lib/fe4415707564067c771170/m/1/762cfa6c-7408-42d1-909f-957fa684b5e5.jpg");
 width: 350px;
 height: 380px;
 opacity: 0.9;
}
.image2{
 background-image: url("https://image.e.iqos.com/lib/fe4415707564067c771170/m/1/0d4b169a-55dd-4779-8f0a-d27aec8846de.jpg");
 width: 350px;
 height: 380px;
 opacity: 0.9;
}
.image3{
 background-image: url("https://image.e.iqos.com/lib/fe4415707564067c771170/m/1/984a9bad-d203-489b-83e0-4772096e541e.jpg");
 width: 350px;
 height: 380px;
 opacity: 0.9;
 
}
.wid5{
 width: 2% !important;
}
.text3{
 font-weight: bold;
    color: #fffffe;
    font-size: 19px;
    line-height:25px;
    text-align: left;
 position: relative;
 margin:90% 5% 9%;
 vertical-align: bottom;
}
.heading-3 {
  font-weight: bold;
    color: #000000;
    font-size: 25px;
    line-height:35px;
    text-align: center;
 padding: 3% 0 0 0;
 
}
.icontext{
 font-weight: normal;
    color: #000000;
    font-size: 14px;
    line-height:19px;
    text-align: center;
 vertical-align: middle;
}
ol.bullet {
  list-style-type: numbers;
text-align:left;
}
.text4{
 font-weight: normal;
    color: #000000;
    font-size: 14px;
    line-height:20px;
    text-align: center;
 padding: 2% 6% 4%;
}
.icontext-2{
 font-weight: bold;
    color: #000000;
    font-size: 18px;
    line-height:26px;
    text-align: left;
 vertical-align: middle;
 padding: 2% 6%;
}
.F14{
 font-weight: normal;
    color: #000000;
    font-size: 14px;
    line-height:20px;
}
ol.bullet1 {
  list-style-type: upper-roman;
 text-align: left;
}
ul.bullet2 {
 text-align: left;
}
ol.bullet3 {
 text-align: left;
 list-style-type: none;
}
@media screen and (max-width: 540px) {
 #main {
 margin: 0 auto;
 width: 100%;
 max-width: 450px;
 min-height: 100%;
 }
 .fullwid{
  width: 100% !important;
 }
 .heading {
 font-size: 28px !important;
  line-height: 32px !important;
  padding: 4% 4% 0 6%;
 }
 .text1{
 font-weight: normal;
    color: #000000;
    font-size: 15px;
    line-height:22px;
    text-align: left;
 padding:0% 4% 0% 6%;
 width: 40%;
  
  vertical-align: top;
}
 .padL{
padding: 0 0 0 5% !important;
 }
 .drop{
 display: block!important;
}
 .wid90{
  width: 90% !important;
  text-align: center !important;
 }
 
}