
#itom-related-products h4 {
    font-weight: 700;
    margin: 10px 0 10px 0;
    color: #000;
}
#itom-related-products ul li {
    color: #444;
    border-top: 1px solid #eee;
    padding: 10px 0 10px 40px;
    font-size: 12px;
    line-height: 1.2em;
}
h4 {
    font-size: 16px;
    line-height: 20px;
	}
	#itom-related-products {
    margin-bottom: 20px;
}

      
em {
    font-style: italic; 
}
#fixedbtn {
    position: fixed;   
    right: 0;
    top: initial;
    bottom: 300px;
    z-index: 4;
    } 
    #fixedbtn .demo {
    color: #fff!important;
    background: #34ad65;
    text-align: center;
    display: block;
    height: 90px;
    font-weight: 500;
    font-size: .75em;
    letter-spacing: -.1px;
    line-height: normal;
    vertical-align: middle;
    border-radius: 0;
    width: 60px;
    padding: 10px 16px 0;
    text-transform: capitalize;
    }



.rhs-cont img{border: 1px solid #ddd; display: block;margin:0 0 15px;}	
		
	/*================== accordian css */
	.faqh {margin-right:24px !important;}
.add-on {font-size: 10px;font-weight: 600;}
.red-star{color:#e07879}
.windowsmonoTable td.padd-none {padding: 0 !important;}
.bdr-none td{border:none  !important;    padding: 15px 0px !important;}
.accordion_head.active	{background: #F9F9F9;color: #85b536 !important;}
.accordion_container {width: 100%;}
.accordion_head {
color: #09C;cursor: pointer;font-size: 14px;margin: 0 0 1px 0;padding:12px;font-family: 'Open Sans',sans-serif;border-bottom: 1px solid #efefef;position: relative;
}
.accordion_body {background: #F9F9F9;padding: 12px;}
.accordion_body p{margin: 0px; margin-right: 32px !important;}
.plusminus{font-size: 20px;position: absolute;right: 20px;top: 10px;}	
		
/*================== accordian css end */	
		
.banner .flex-row:before, .banner .flex-row:after{content:'';display:table;clear:both;}
.flex-row{display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;padding:25px 0;flex-wrap: wrap;justify-content: center;}
.flex-row .col {flex:1;margin:5px;}

.counter-box {background: #fff;padding:20px;margin:10px 15px;position: relative;border-radius: 6px;text-align: center;min-height:314px;border: 1px solid #ececec;transition: all 300ms ease;}
	.counter-box h1{font-size:24px;margin: 0; color: #6d64f6;}	
.counter-box:hover{border: 3px solid #f4f5fd; margin-top: -5px; transition: all 300ms ease;box-shadow: 0px 0px 24px #f4f5fd;}s	
.counter-box h3{font-size: 46px;font-weight: 600;color: #2c9acd;}
.border-top{border-top: 1px solid #f2f2f2;} 	
	
	.list{    min-height: 202px;}	
	
a.custom-btn {
    background: #6d64f6;
    color: #fff;
    padding: 8px 24px;
    border-radius: 4px;
    font-weight: 600;
	display: inline-block;
}	
a.custom-btn:hover{background: #645be0;text-decoration: none;} 
	
.custom-list li{margin-bottom: 10px;}
.accordion_example2{margin-top: 60px;}
	
.accordion_in .acc_head{color:#09C!important}
.accordion_in a:hover{text-decoration:none;}
.acc_icon_expand{display:none!important}

		
/*======== Time line css start ==============*/

	.timeline-section {
        margin: 25px 0px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;

}
		
	 .timeline {
      position: relative;
      padding-left: 10px;
      width: 50%;
    }

    .timeline-item {
      position: relative;
      margin-bottom: 20px;
		transition: all 0.3s;
    }

    .timelie-icon-circle {
     position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: #cecece;
	    border: 1.2px solid #b7b7b7;	
    }

    .timelie-icon-circle:before {
       content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 33px;
    height: 33px;
    background: url(https://www.manageengine.com/latam/applications_manager/images/timeline-icons-sprite.svg) no-repeat scroll center center;
    background-size: 214px;
    }

    .content {
      margin-left: 61px;
      padding: 13px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
		line-height: 24px;
    }

    .content p {
      margin: 0px;
      font-size: 14px !important;
		line-height: 22px !important;
    }

    .timeline-item:not(:last-child)::after {
     content: "";
    position: absolute;
    left: 23px;
    top: 40px;
    height: calc(100% - 18px);
    width: 1.1px;
    background-color: #E0E0E0;
    z-index: -1;
    }	
		
		
.timeline-item.itom-theme1 .timelie-icon-circle  { background-color: #FFF0D9;border: 1px solid #EBCE9E; transition: all 0.3s;}
.timeline-item.itom-theme1 .content{background-color: #FFF0D9;}	
.timeline-item.itom-theme2 .timelie-icon-circle  { background-color: #B9EAEF;border: 1px solid #84D9E2;}
.timeline-item.itom-theme2 .content{background-color: #B9EAEF;}	
.timeline-item.itom-theme3 .timelie-icon-circle  { background-color: #FFC2C2;border: 1px solid #DE9B9B;}
.timeline-item.itom-theme3 .content{background-color: #FFC2C2;}		
.timeline-item.itom-theme4 .timelie-icon-circle  { background-color: #D1E0FF;border: 1px solid #617EDC;}
.timeline-item.itom-theme4 .content{background-color: #D1E0FF;}			
.timeline-item.itom-theme5 .timelie-icon-circle  { background-color: #FEEFC3;border: 1px solid #E0C883;}
.timeline-item.itom-theme5 .content{background-color: #FEEFC3;}	
.timeline-item.itom-theme6 .timelie-icon-circle  { background-color: #D9FFEA;border: 1px solid #ABE8C6;}
.timeline-item.itom-theme6 .content{background-color: #D9FFEA;}				
		
/*.timeline-item.itom-theme1:hover .content, .timeline-item.itom-theme1:hover .timelie-icon-circle{background-color: #EBCE9E; transition: all 0.3s;}*/


												
		

		
.timelie-icon-circle.icon1:before {
    background-position: 0% 0;
  }

.timelie-icon-circle.icon2:before{
    background-position: 20.5% 0;
   
  }

  .timelie-icon-circle.icon3:before {
    background-position: 41% 0;
  }

.timelie-icon-circle.icon4:before {
    background-position: 61% 0;
  }

.timelie-icon-circle.icon5:before {
    background-position: 82% 2px;
  }

 .timelie-icon-circle.icon6:before  {
    background-position: 100.6% 1px;
  }		
		
		
	  @media only screen and (max-width: 991.98px) {
			
			.timeline-section{display: inherit;}
			.timeline{width:100%; padding-left: 0px;}
		}		

/*======== Time line  end css ==============*/	
	
	
	@media screen and (max-width:767px){
		.flex-row{display: block;}
		.list{min-height: auto;}
		.counter-box{min-height: auto;margin: 20px 0px;}
		
		
}

	@media screen and (max-width:650px){
		a.custom-btn{padding: 8px 7px; font-size: 12px;}
		table.windowsmonoTable thead tr:first-child th{width:5% !important;}
	

	}
	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.counter-box{min-height: 385px;}
	.list {    min-height: 274px;}
	
	
    }
	
	
	@media only screen and (min-width: 500px) and (max-width: 900px) {
	.counter-box{min-height: 385px;}
	.list {    min-height: 274px;}
	
		table.windowsmonoTable thead tr:first-child th{width:16% !important;}
	
    }
	
	
	/*========== End css ===========*/
	
	.fw600{font-size:15px; font-weight: 600;}
	a.btn-style{margin:10px 0px 10px;}
	
	.sub-head{    background: #fbfbfb;
    display: block;
    padding: 10px 0px;
    margin-bottom: 0px;
    color: #424f55;
    border-bottom: 2px solid #f3f3f3;}
	
	em {
    font-style: italic;
}
	table.windowsmonoTable td {vertical-align:middle; padding:0.5em 1em;}
.trn-strip {
	background: #466eb3;
	text-align: center
}

#adRhsLnk{display:none}
		.faqh {
			font-size: 18px;margin: 0;
		}

.text-align-center{
  text-align: center;
}
.rhs-cont img {
  margin: 0 auto 15px;
}
