.signpost-with-iframe {
    background-color: rgba(2,24,43,.03);
    padding-bottom: 95px;
}
.signpost-with-iframe-top-wrapper {
    padding-bottom: 35px;
}
.signpost-with-iframe-top-wrapper .title-wrapper h2{
    letter-spacing: 2px;
    color: var(--black-color);
    margin-top: 20px;
    margin-bottom: 17px;
}
.introText-wrapper p{
    margin: 0;
    padding-top: 15px;
    color: var(--black-color);
}
.signpost-with-iframe-item-wrapper ,  .signpost-with-iframe-wrapper{
    background-color: var(--white-color);
    -webkit-box-shadow: 0 5px 16px 0 rgba(0,0,0,.07);
    box-shadow: 0 5px 16px 0 rgba(0,0,0,.07);
    border: solid 1px rgba(55,55,55,.1);
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.item-title-wrapper .item-title p{
    font-weight: 500;
    line-height: 1.38;
    color: var(--black-color);
    margin-bottom: 20px;
}
.signpost-with-iframe-item-wrapper .item-description-wrapper p{
    opacity: .7;
    font-size: 1.4rem;
    line-height: 1.71;
    color: var(--black-color);
}
.signpost-with-iframe-item-wrapper .item-description-wrapper{
    padding-bottom: 30px;
}
.signpost-with-iframe-wrapper .item-title-wrapper{display:none;}
.ip3-edit .signpost-with-iframe .component-wrapper {width:33.3%}
.ip3-edit .signpost-with-iframe .component-wrapper .col-md-4{width:100%}

@media screen and (max-width: 767px){
    .signpost-with-iframe-top-wrapper{
        padding-top: calc(90px/3) !important;
        padding-bottom: calc(35px / 3)!important;
    }
    .signpost-with-iframe-item-wrapper{
        padding: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .introText-wrapper p{
        padding-top: calc(15px / 3)!important;
    }
}
@media screen and (min-width: 992px) {
 .signpost-with-iframe-item-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px 60px 40px 40px;
 }  
 .signpost-with-iframe-wrapper {
    padding: 40px 30px 25px;
 }

}