#page-inner-wrapper{
    max-width:1240px;
    margin:0 auto;
}

#real-time-data #real-time-data-wrapper{
    background-color:#F4F4F1;
}

#real-time-data, #real-time-data p {
  font-family: 'Calibri';
}

#real-time-data-wrapper b {
  font-family: 'Calibri-bold';
}

#real-time-data .cmp-text {
  padding: 0;
}

#real-time-data #hero-wrapper {
  background-image: url('/content/dam/intelligentcontent/brands/sentinelplus/gb/en/images/real-time-data/bg.svg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 16px;
}

#real-time-data #teal-section {
  padding: 72px 16px 54px;
  background-color: #9BC9CD;
}

#real-time-data .teaser {
  margin-bottom: 28px;
}

#real-time-data .cmp-teaser__content {
  padding: 0;
  display: flex;
  width: 100%;
  gap: 30px;
  flex-direction: column;
}

#real-time-data .cmp-teaser__title {
  margin: 0;
}

#real-time-data h1 p {
  color: #193556;
  font-size: clamp(48px,12.8vw,80px);
  font-weight: bold;
  line-height: normal;
  font-family: 'Calibri-bold';
}

#real-time-data .cmp-teaser__description {
  max-width: 612px;
}

#real-time-data .cmp-teaser__description p {
  color: #193556;
  font-size: clamp(24px,2.4vw ,34px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 574px;
}

#real-time-data #importance{
  margin: 40px 0 0;
}

#real-time-data #importance .azcl-columns__base p {
  color: #193556;
  font-size: clamp(18px,1.9vw ,27px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}


#real-time-data #light-blue-button {
  background: #9BC9CD;
  border-radius: 100px;
  padding: 26px 0px;
  display: block;
  text-align: center;
  margin-top: 50px;
  max-width:520px;
}

#real-time-data #mid-blue-button {
  background: #467F9D;
  border-radius: 100px;
  padding: 26px 0px;
  display: block;
  max-width: 580px;
  text-align: center;
  margin: 0 auto;
  margin-bottom:72px;
}

#real-time-data #dop p {
  font-size: 20px;
  color: #193556;
}


#real-time-data h3 {
  font-size: clamp(32px,4.02vw,58px);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(30px,3.86vw,56px);
  margin: 0 0 43px;
  font-family: 'Calibri-bold';
  color: #193556;
}

#real-time-data hr {
  border: none;
  background-color: transparent;
  border-top: 0.5px solid #4F4E4E;
  opacity: 0.4;
}

#real-time-data .teaser {
  margin-bottom: 40px;
}

#real-time-data #dop{
    padding-top:50px;
}

#real-time-data #importance .image{
    max-height:480px;
    max-width:352px;
}

@media(min-width:768px){
    #real-time-data #light-blue-button {
  margin-top:0;
}
}

@media(min-width:1024px) {
  #real-time-data .cmp-teaser__content {
    flex-direction: row;
    gap: 40px;
    justify-content: space-between;
  }
  
   #real-time-data #importance .azcl-columns__base{
       gap:120px
   }


  #real-time-data #hero-wrapper {
    padding: 66px 80px;
  }
  
 #real-time-data #teal-section{
     padding:72px 80px 54px;
 }
 #real-time-data .teaser {
  margin-bottom: 63px;
}

#real-time-data #importance {
  margin: 56px 0 59px;
}

#real-time-data #importance .cmp-video {
  margin: 58px 0;
}
}

@media(min-width:1440px) {

  #real-time-data #hero-wrapper {
    padding: 66px 100px 115px;
  }
  #real-time-data #teal-section{
     padding:72px 100px 54px;
 }

#real-time-data .cmp-teaser__content {
    flex-direction: row;
    justify-content: space-between;
  }
  #real-time-data #importance .azcl-column-par1{
      min-width:610px
  }
}