.drop-shadow {
   box-shadow: 0px 1px 18px 0px rgb(200 200 200 / 75%);
}

.csi-wrapper {
  padding: 60px 0px 60px 0px; //top right bottom left
}

/* .csi-wrapper h2 {
  margin-bottom: -20px;
  z-index: 100;
}
 */
.csi-container {
  width: 1400px;
  margin: auto;
}

.hide-image-csi {
  display: none;
}

.csi-image-wrapper {
  width: 1400px;
  z-index:1;
}

.csi-image-wrapper > img {
  width: 100%;
}



.peacock-cta {
  display: none;
  text-align: center;
  margin-top: 20px;
}

.peacock-cta a {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.peacock-cta a > span {
  text-align: center;
  font-family: 'Open Sans', sans-serif; 
  font-style: normal; 
  font-weight: 600; 
  text-decoration: none; 
  font-size:16px; 
  color:#318fe9; 
  background-color:#160623;
  display: inline-flex;
  align-items: center;
}

.peacock-cta > a > span > svg {
  position: relative;
  margin-left: 5px;
  margin-right: 10px;
  left: 0px;
  transition: left 0.25s ease-in-out;
}

.peacock-cta  a:hover > span > svg {
  left: 10px;
}


@media only screen and (max-width: 1550px) {
    .csi-container {
    width: 95%;
  }
  
    .csi-image-wrapper {
    width: 95%;
  }
}


@media only screen and (max-width: 700px) {
    .csi-container h2 {
    font-size: 25px !important;
  }
  
   
}