/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.vid-mod-hed h2{
  font-size: 40px;
    text-align: center;
    padding: 0 0 40px;
    margin: 0;
}
.vid-mod-hed h2 span{
  color: #009CA6;
}
.vid-mod-content {
  text-align: center;
    position: relative;
  padding: 20px 0 0;
}
.vid-mod-content:before, .vid-mod-content:after {
  position: absolute;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.vid-mod-content iframe {
    width: 740px;
    height: 440px;
    object-fit: cover;
    margin: 0 auto;
  position: relative;
  z-index: 999;
  border-radius: 15px;
}
.vid-mod-content.vid-mod-module_164984958787888:before {
    background-image: url(https://5724847.fs1.hubspotusercontent-na1.net/hubfs/5724847/IntelliCyient_L2/Repeat%20Grid%2020.svg);
    max-width: 250px;
    width: 100%;
    min-height: 180px;
    left: 55px;
    bottom: -27px;
    z-index: 9;
    transform: rotate(45deg);
}
.vid-mod-content.vid-mod-module_1649854979307118:before {
    background-image: url(https://5724847.fs1.hubspotusercontent-na1.net/hubfs/5724847/Cyient_Development_lp3/Group%201296.svg);
    right: 0;
    top: 0;
    max-width: 190px;
    width: 100%;
    min-height: 180px;
    transform: rotate(110deg);
}
.vid-mod-content.vid-mod-module_1649854979307118:after {background-color: #FFA300;
    left: 16%;
    bottom: -33px;
    max-width: 100px;
    width: 100%;
    min-height: 100px;
    transform: rotate(110deg);border-radius: 50%;}


@media(max-width: 767px){
  .vid-mod-content iframe {
      height: 300px;
      max-width: 500px;
      width: 100%;
  }
    .vid-mod-hed h2 {
    font-size: 29px;
    padding: 0 0 10px;

    }
  .vid-mod-outer {
    float: none;
    clear: both;
    padding: 40px 0;
}
  }
  
@media(max-width: 500px){
  .vid-mod-content iframe {
    height: 165px;
    max-width: 300px;
  }
  }
}