.jh5-box{
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px #555;
}
.jh5-box img{
    width: 100%;
    height: 185px;
}
.jh5-box .box-content{
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: rgba(35, 35, 35, 0.7);
    transform: rotate(0deg) scale(0);
    transition: all 1.1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
}
.jh5-box:hover .box-content{
    transform: rotate(360deg) scale(1);
    transform-origin: -10% -20% 0;
}
.jh5-box .box-content.jh5-cat{
    padding: 10px;
    z-index: 2;
}
.jh5-box .title{
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    color:#fff;
}
.jh5-box .description{
    font-size: 12px;
    margin-top: 20px;    
}
.jh5-box .jh5-cat .description {
    margin-top:10px;
    max-height: 36px;
    min-height: 36px;
    overflow: hidden;
}
.jh5-box .jh5-cat h4{
    font-size: 12px;
}
.jh5-box .jh5-cat h4 .logspn, .jh5-box .jh5-cat .col-md-7 p
{
    color:#fff;
}
.jh5-box .jh5-cat .title
{
    max-height: 36px;
    min-height: 36px;
    overflow: hidden;
}
.div-main-offer .no-stike
{
    color:transparent;
}
.ribbon4 {
    position: absolute;
    top: 15px;
    padding: 8px 10px;
    background: #00B3ED;
    box-shadow: -1px 2px 3px rgba(0,0,0,.3);
    z-index: 1;
    color:#fff;
}
.ribbon4:before, .ribbon4:after {
    content: "";
    position: absolute;
}
.ribbon4:before {
    width: 7px;
    height: 118%;
    top: 0;
    left: -6.5px;
    padding: 0 0 7px;
    background: inherit;
    border-radius: 5px 0 0 5px;
}
.ribbon4:after {
    width: 5px;
    height: 5px;
    bottom: -5px;
    left: -4.5px;
    background: #fff;
    border-radius: 5px 0 0 5px;
}

@media only screen and (max-width:990px){
    .jh5-box{ margin-bottom: 30px; }
}
@media only screen and (max-width:360px){
    .jh5-box .box-content{ padding: 0 5px; }
    .jh5-box .title{
        margin-top: 10px;
        padding-bottom: 10px;
    }
}

.div_test5_bg
{
    margin: 15px;
}

.serviceBox{
    color: #606060;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 30px 37px 45px;
    border-radius: 0 0 110px 110px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.serviceBox:before,
.serviceBox:after{
    content: '';
    background: linear-gradient(to right,#3EAE403F,#3EAE40);
    border-radius: 5px 5px 0 0;
    position: absolute;
    left: 0;
    top: 25%;
    bottom: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
}
.serviceBox:after{
    background: linear-gradient(#fff,rgba(255,255,255,0.85),#fff);
    border-radius: 20px 20px 100px 100px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    left: 15px;
    top: 15px;
    bottom: 15px;
    right: 15px;
    clip-path: none;
}
.serviceBox .service-icon{
    color: #000;
    font-size: 45px;
    text-align: right;
    margin: 0 0 15px 0;
}
.serviceBox .service-icon img{
    display: unset;
    border-radius: 50px;
    height: 75px;
}
.serviceBox:hover .service-icon i, .serviceBox:hover .service-icon img{
    transform: rotateY(360deg);
    transition: all 0.3s;
}
.serviceBox .title{
    color: #333;
    font-size: 19px;
    font-weight: 700;    
    margin: 0;
}
.serviceBox .description{
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    margin: 0 0 10px;
    max-height: 170px;
    min-height: 170px;
    overflow: hidden;
}

.serviceBox .description-service{
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    margin: 0 0 10px;
    max-height: 75px;
    min-height: 75px;
    overflow: hidden;
}

.serviceBox h4{
    font-size: 12px;
}

/* media query for screen width less than 600 */
@media only screen and (max-width:599px)
{
    .serviceBox .description-service{
        font-size: 15px;
        line-height: 24px;
        text-align: justify;
        margin: 0 0 10px;
        max-height: 190px;
        min-height: 190px;
        overflow: hidden;
    }

    .div-reviews-m0 .serviceBox {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}

/* Tooltip reviews - Starts */

.cust-tooltip-div-ps {
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; */
	}
  
  .cust-tooltip-div-ps .cust-tooltip-ps {
	visibility: hidden;
	/* width: 120px; */
	width: 100%;
	background-color: #555;
	color: #fff;
	/* text-align: center; */
	text-align: justify;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
    top: 40%;
    left: 0%;
	/* left: 50%;
	margin-left: -60px; */
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
	}
  
  .cust-tooltip-div-ps .cust-tooltip-ps::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
  }
  
  .cust-tooltip-div-ps:hover .cust-tooltip-ps {
	visibility: visible;
	opacity: 1;
  }

  /* Tooltip reviews - Ends */

@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 30px; }
}

.newsletter_name:focus, .newsletter_email:focus, .div-flexi-pay-service input:focus
{
    border-color: #F89621;
    box-shadow: 0 0 0 0.2rem #F8962166;
}

.div-abt-desc {
    padding-top: 30px;
}

.abt-temp2
{
    color:#fff;
}

.abt5
{
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;    
}

.abt5:hover {    
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }

.text-cnt
{
    text-align: center;
}

.testimonial-prof .text-cnt
{
    text-align: left;
}

.browsing_his .jh5-box img {
    width: 100%;    
    height: 110px;
}

.browsing_his .jh5-box .box-content{
    padding: 10px;
}

.browsing_his .jh5-box .box-content p{
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 55px;
    min-height: 55px;
    overflow: hidden;
}

.browsing_his .jh5-box .box-content h4{
    font-size: 12px;
}

.browsing_his .jh5-box .box-content h4 .logspn
{
    color:#fff;
}

.sidebar-nav #sidebarnav li a.has-arrow {
    /* background-color: #F89621; */
    color: #F89621;
    border-radius: 4px;        
    padding: 5px 13px;
    border:1px solid #F89621;
    transition: all .5s ease-out;
}

.sidebar-nav #sidebarnav li a.has-arrow:hover
{
    background-color: #F89621;
    color:#fff !important;
}

.sidebar-nav #sidebarnav li ul
{
    border-radius: 0px !important;
    padding: 0px;
}

.sidebar-nav #sidebarnav li ul li a
{
    padding: 10px 25px;    
    border:1px solid #F89621;
    transition: all .5s ease-out;
    color:#F89621;
}

.sidebar-nav #sidebarnav li ul li a:hover
{
    background-color: #F89621;        
    border:1px solid #fff;
    color:#fff !important;
}


.subs5-btn{
    color: #fe6d6d;
    text-transform: uppercase;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;    
}
.subs5-btn:hover{ color: #fff; }
.subs5-btn span{
    display: block;
    position: relative;
    min-height: 36px;
    font-size: 16px;
    padding: 7px;
    font-weight: 500;
    border: 1px solid #fe6d6d;
}
.subs5-btn:before,
.subs5-btn:after,
.subs5-btn span:before,
.subs5-btn span:after{
    content: "";
    width: 100%;
    height: 25%;
    position: absolute;
    left: 0;
    opacity: 1;
    z-index: -1;
    transform: scale(0, 1);
    transition: all 0.3s ease;
}
.subs5-btn:before{
    top: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.subs5-btn:after{
    top: 25%;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.subs5-btn span:before{
    top: 50%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.subs5-btn span:after{
    top: 75%;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.subs5-btn:hover:before,
.subs5-btn:hover:after,
.subs5-btn:hover span:before,
.subs5-btn:hover span:after{
    color:#fff;
    opacity: 1;
    left: 0;
    right: 0;
    transform: scale(1);
}
.subs5-btn:hover:before{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.subs5-btn:hover:after{
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.subs5-btn:hover span:before{
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.subs5-btn:hover span:after{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.subs5-btn.red:before,
.subs5-btn.red:after,
.subs5-btn.red span:before,
.subs5-btn.red span:after{
    background: #fe6d6d;
}

@media only  screen and (max-width: 767px){
    .subs5-btn{ margin-bottom: 20px; }
}