.pdimage{
 margin-bottom:-100px; 
}

.extitle h1 {
    color:#fff;
  font-size: 70px;
}

.extitle h1 span {
    display: inline-block;
    font-size: 180px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: -30px;
}

h1.xltitle{
   font-size: 70px;
}

@media screen and (max-width: 1199px){
  .extitle h1 {
    color:#fff;
  font-size: 50px;
}
.extitle h1 span {
    font-size: 140px;
}
  h1.xltitle {
    font-size: 46px;
}
}

.overlaywrapper{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:2;
  background-color: #342181;
    opacity: 0.9;
}

.overlaywhite{
  background-color: #fff;
    opacity: 0.65;
}

.overlayimage{
 position:relative;
  z-index:3;
}


 {% if module.lottiefile %}
.titlefield{
  min-height: 30vw;
}
{% endif %}

.ratio169 {
 width:100vw;
  height:56.25vw;
}

.lottiebg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    overflow: hidden;
}

lottie-player {
    width: 100vw;
    height: 33.33vw;
}

.titlefield.lottifield{
  min-height: 30vw;
}

@media screen and (max-width: 992px){
.pdimage{
 margin-bottom:50px; 
  }
  
 lottie-player {
    width: 105vw;
    height: 35vw;
}
  
  .lottiebg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    overflow: visible;
}
  .titlefield.lottifield {
    margin-bottom: 0!important;
    padding-bottom: 0px!important;
    padding-top: 0px!important;
}
}