.cookie-compliance h5.listheading {
    display:none;
}

.cookie-compliance ul.cookielist {
    display:none;
}

.dg-imagebox02:hover .bg {
    background: #fff!important;
}

ul{
    list-style: disc;
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

* {
  box-sizing: border-box;
}

.left {
  float: left;
  width: 25%; /* The width is 25%, by default */
}

.main {
  float: left;
  width: 25%; /* The width is 25%, by default */
}

.right {
  float: left;
  width: 25%; /* The width is 25%, by default */
}

.right4 {
  float: left;
  width: 25%; /* The width is 25%, by default */
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .left, .main, .right, .right4 {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

a.cc-btn.cc-dismiss {
    background-color: #4a9bb8;
    color:#fff;
}
a.cc-btn.cc-dismiss:hover {
    background-color: #333;
}

.left3 {
  float: left;
  width: 33%; /* The width is 33%, by default */
}

.main3 {
  float: left;
  width: 33%; /* The width is 33%, by default */
}

.right3 {
  float: left;
  width: 33%; /* The width is 33%, by default */
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .left3, .main3, .right3 {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

.left2 {
  float: left;
  width: 50%; /* The width is 50%, by default */
}


.right2 {
  float: left;
  width: 50%; /* The width is 50%, by default */
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .left2, .right2 {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}


.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}