@media screen and ( min-width:761px){ .rhs-cont { width: 67% !important; } .lhs-tree { width: 28% !important; } } .shadow{box-shadow:0 0 5px #ddd}.nfm-vidImg{cursor:pointer}.nfm-vid-area{margin:15px 0}

.rhs-cont ul, .rhs-cont ol{padding: 10px 0 10px 0px;}
.rhs-cont ul li{padding-left: 0px;}
ul li{list-style: none;}


.integration-wrap .category-wrap {
    margin: 30px auto 0;
    max-width: 1170px;
    padding-bottom: 4em;
}



.integration-wrap .tooltip {
    background: #fff;
    top: 100%;
    color: #000;
    display: block;
    left: 0;
    margin-bottom: 15px;
    opacity: 0;
    padding: 25px 25px;
    pointer-events: none;
    position: absolute;
    width: 400px;
    -webkit-transform: translateY(18px);
    -moz-transform: translateY(18px);
    -ms-transform: translateY(18px);
    -o-transform: translateY(18px);
    transform: translateY(18px);
    transition: all 125ms ease-in 0;
    -webkit-box-shadow: 0 6px 10px 3px rgba(218,215,215,0.4);
    -moz-box-shadow: 0 6px 10px 3px rgba(218,215,215,0.4);
    -ms-box-shadow: 0 6px 10px 3px rgba(218,215,215,0.4);
    -o-box-shadow: 0 6px 10px 3px rgba(218,215,215,0.4);
    box-shadow: 0 6px 10px 3px rgba(218,215,215,0.4);
    font-size: 15px;
    margin-left: -90px;
    text-align: left;
    line-height: 24px;
    border: 1px solid #e0e0e070;
    border-radius: 8px;
    z-index: 10;
}

/* .category-wrap:last-child .tooltip {
   
    top: 100%;
} */


.optiona .category-wrap .addon-wrap {
    background: #fff;
    border: 1px solid #c3d8e4;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s ease-out;
}

.optiona .category-wrap .addon-wrap .zint-icon {
    padding: 0;
    position: relative;
    min-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.optiona .category-wrap .addon-wrap .zint-icon a{
    width: 100%;
    padding: 50px 0px;
    transition: all .5s;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #2b2a29;
}

.optiona .category-wrap .addon-wrap .zint-icon a:hover{text-decoration: none;}


.optiona .category-wrap .addon-wrap .zint-icon img{max-height: 40px;}

/* .service-disk{max-width: 145px !important;}
.alrams-one {max-width: 100px !important;}
.analytics-plus {max-width: 115px !important;} */

.category-wrap .addon-bottom {
    padding: 20px 20px;
    border-top: 1px solid #c3d8e4;
    position: relative;
}



.category-wrap li:last-child img{max-width: 110px !important;}



.category-wrap .addon-bottom {
    padding: 20px 20px;
    border-top: 1px solid #c3d8e4;
    position: relative;
}

.category-wrap .addon-bottom h5 {
    margin: 0;
    font-size: 17px;
}
.category-wrap span.category-name {
    color: #666;
    font-family: var(--zf-secondary-semibold);
    font-size: 14px;
    display: block;
}
.category-wrap .addon-bottom a {
    position: relative;
    display: inline-block;
    font-size: 13px;
}

.category-wrap .addon-bottom a span.zarrow:after {
    width: 0;
    height: 0;
    content: "";
    border-bottom: 4px solid transparent;
    border-left: 5px solid #03a9f5;
    border-top: 4px solid transparent;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translate(-50%,-50%);
}

.integration-wrap .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.integration-wrap .tooltip p {
    color: #444;
    font-size: 15px;
    margin: 0px;
}

.integration-wrap .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid #fff 10px;
    top: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -5%;
    position: absolute;
    width: 0;
}

.service-now {
    max-width: 135px;
}

.tooltip:after, [data-tooltip]:after{padding: 0px;background-color:  initial;}
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after{opacity: 1; visibility:inherit;}
.tooltip:before, [data-tooltip]:before{border:none;}


.optiona.integration-wrap .category-wrap>ul li {
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
    padding-right: 20px;
    width: 28%;
}

.optiona .category-wrap .addon-wrap:hover {
    box-shadow: -1px 5px 10px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: -1px 5px 10px 0 rgba(0,0,0,0.15);
}

.integration-wrap ul li .addon-wrap:hover+.tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(8px);
    transition: all .4s ease-out;
}

@media only screen and (max-width: 767px){
.optiona.integration-wrap .category-wrap>ul li {
    width: 45% !important;
    margin: 0 0 20px;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    padding: 0 10px;
}
.rhs-cont ul, .rhs-cont ol{    padding: 10px 0 10px 0px;}
}


@media only screen and (max-width: 1199px){
.optiona.integration-wrap .category-wrap>ul li {
    width: 33%;
}
}



.refer-res {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0!important
}
.refer-res li {
	border-top: 1px solid #ececec;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.refer-res li a {
	color: #777;
	padding: 7px 0 7px 10px;
	display: block;
	text-decoration: none
}
.refer-res li a:hover {
	color: #000;
	text-decoration: none
}
#lhsBanCon {
	margin: 20px 0 20px 0;
}