body{
    overflow-x:hidden;
}

.what-we-do-section .service-card .pp-info-box{
	transition: box-shadow .2s ease, transform .2s ease;
}

.what-we-do-section .service-card .pp-info-box:hover{
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 40px -24px rgba(28, 35, 33, .3) !important;
    border-color: transparent !important;
}

/* ======================== Our Work section ===================== */
.work_img_section .elementor-icon-box-content{
    opacity: 0;
    visibility: hidden;
    transition: all .9s ease;
}

.work_img_section:hover .elementor-icon-box-content{
    opacity: 1;
    visibility: visible;
}
/* ================ push on of ================ */

 .hero-badge .elementor-heading-title {
    display: flex !important;
    align-items: center !important;
    padding: 8px 0 !important;
}

.hero-badge .dot {
    width: 8px;
    height: 8px;
    background: #18b7a1;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(127, 255, 192, 0.25);
    animation: pulse 2s ease-in-out infinite;
    margin-right: 10px !important;
}

@keyframes pulse{

0%, 100% {
    box-shadow: 0 0 0 3px rgb(13 195 170 / 38%);
}
50% {
    box-shadow: 0 0 0 6px rgb(0 113 189 / 28%);
}

}


/* ======================== call-to-action-section ===================== */

.call-to-action-section{
	position: relative !important;
}

.call-to-action-section:before{
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 60px);
	opacity: 0.5;
}

/* ======================== how-it-work-section ============== */

.how-it-work-section .how-it-works-item .pp-grid-item-wrap .pp-info-box-title{
	display: inline-block !important;
	padding: 10px 10px 6px 10px !important;
	background: #b8d3ce73  !important;
	border-radius: 12px !important;
	font-weight: 900 !important;
	color: #096a54 !important;
}