.breadcrumb{display:none}
.integ_sec{padding:0 0 100px 0}
p.spl-heading {text-align: center;font-size: 14px;max-width: 600px;margin: auto;font-weight: 300;color:#555;margin-top: -20px;border-top: 1px dashed #ccc;padding: 20px 60px 0}
@media screen and (max-width:767px) {
.hm-fea-box p {height:auto}
}
p.spl-heading {
    text-align: center;
    font-size: 14px;
    max-width: 600px;
    margin: auto;
    font-weight: 300;
    color: #555;
    margin-top: -20px;
    border-top: 1px dashed #ccc;
    padding: 20px 60px 0;
}
prd-dc.int.other {
    background: transparent;
    min-height: 300px;
    background-image: url(../images/other-integrations-bg.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: flex;
    justify-content: center;
}

.prd-dc.int.other .half {
    width: 50%;
    position: relative;
}

.prd-dc.int.other .half a {
    background-color:#fff;
    width:130px;
    height:130px;
    position:absolute;
    box-shadow:0 0 5px #d5d5d5;
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0);
    transition: all ease-in 350ms;
}

.prd-dc.int.other.active .half a {
    opacity: 1;
    transform: scale(1);
}


.prd-dc.int.other .half a img {
    width: 80%;
}

.prd-dc.int.other .half:first-child a:nth-child(odd){
    top:0;
}
.prd-dc.int.other .half:first-child a:nth-child(even){
    bottom:0;
}
.prd-dc.int.other .half:first-child a:nth-child(1) {
    right:96px;
    transition-delay: 350ms;
}

.prd-dc.int.other .half:first-child a:nth-child(2){
    right:180px;
    transition-delay: 500ms;
}
.prd-dc.int.other .half:first-child a:nth-child(3){
right: -70px;
    bottom: -70px;
    top: unset;
    transition-delay: 750ms;
}

.prd-dc.int.other .half:first-child a:nth-child(4){
    right:500px;
    transition-delay: 1000ms;
}

.prd-dc.int.other .half:first-child a:nth-child(5){
    right:640px;
    transition-delay: 1350ms;
}

.prd-dc.int.other .half:last-child a:nth-child(odd){
    top:0;
}

.prd-dc.int.other .half:last-child a:nth-child(even){
    bottom:0;
}

.prd-dc.int.other .half:last-child a:nth-child(1) {
    left: 96px;
    transition-delay: 350ms;
}

.prd-dc.int.other .half:last-child a:nth-child(2){
    left:180px;
    transition-delay: 500ms;
}

.prd-dc.int.other .cta {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 88px;
    background-color: #e9142b;
    color: #fff;
    font-size: 20px;
    padding: 10px 5px;
    max-width: 140px;
    margin: auto;
    line-height: normal;
    font-weight: 600;
    border-radius: 8px;
    z-index: 2;
    text-decoration: none;
    text-align: center;
}
.bannerflex.light.tenable {
    background: linear-gradient(to right, #7ba1bf, #b0d6e8, #7ba1bf) !important;
}
.int.fea.tenable .flex .fea-box .fea-box-icon {
    background-color: #98bed5;
}
.prd-dc.int.res.tenable .flex .res-box a img {
    background-color: #98bed5;
}
.prd-dc.int.res .flex .res-box {
    margin: 20px;
    max-width:200px;
}

.prd-dc.int.res .flex .res-box a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 20px;
}

.prd-dc.int.res .flex .res-box a img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 15px;
    padding: 20px;
}

.prd-dc.int.res .flex .res-box a span {
    font-size: 20px;
    line-height: normal;
    font-weight: 100;
    color: #000;
}

.prd-dc.int.res .flex .res-box a:hover {
    box-shadow: 0 0 5px #0004;
    border-radius: 10px;
    background-color: #fff;
}

.prd-dc.int.res.zendesk .flex .res-box a img {
    background-color: #ccddab;
}
.prd-dc.int.res.ap .flex .res-box a img {
    background-color: #ccecd7;
}
.prd-dc.int.other {
    background: transparent;
    min-height: 350px;
    background-image: url("https://www.manageengine.com/desktop-management-msp/images/other-integrations-bg.png");
    background-size: auto 162%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: flex;
    justify-content: center;
}
.prd-dc.int.other.active .half a:hover{
    transform: scale(1.1);
    transition: ease-in-out .4s;
}