/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 20 2026 | 07:48:10 */
li.current_page_item.parent.hfe-creative-menu a.hfe-menu-item:before,
li.current-menu-parent.menu-item-has-children.parent.hfe-has-submenu.hfe-creative-menu.parent-has-child a.hfe-menu-item:before{
    opacity: 1 !important;
    content: "";
    top: 18px;
    left: -2px;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/uploads/2025/12/Vector.png");
	 background-size: 10% 30%;
    z-index: 1;
    background-repeat: no-repeat;
}

li.menu-item.menu-item-type-custom:hover a span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {
    transform: rotate(
180deg);
	
}


li.menu-item a{
	border-radius: 8px;
}

li.menu-item.menu-item-type-custom a span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {
	transition: transform 0.3s ease;
}


@media (max-width: 767px) {
	li.current_page_item.parent.hfe-creative-menu a.hfe-menu-item:before, li.current-menu-parent.menu-item-has-children.parent.hfe-has-submenu.hfe-creative-menu.parent-has-child a.hfe-menu-item:before {
		background-size: 4% 45% !important;
	}
} 

.header-cta a.elementor-button.elementor-button-link.elementor-size-sm:hover{
/*     background-color: #2a7ba8 !important; */
	background: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
/*     transform: translateY(-1px); */
}
.header-cta a.elementor-button.elementor-button-link.elementor-size-sm{
	border: 1px solid #3596C7;
}


.sequence_animation .elementor-icon-list-item {
    opacity: 0.4;
    transition: all 0.5s ease;
}

.sequence_animation .elementor-icon-list-item.active-sequence {
    opacity: 1;
    transform: scale(1.1);
}
.single-cs-card-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
	
    color: #0f2536;
    margin-bottom: 14px;
    -webkit-line-clamp: ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 52px;
}
div#case-study-grid {
    padding-left: 10px;
    padding-right: 10px;
}
ul.sub-menu {
    padding-left: 5px;
}

div#csResults {
    padding-bottom: 40px;
}
.related_case_studies_div
.swiper-wrapper {
    padding-bottom: 40px;
}

.section-how-we-work .cards-grid{
    gap: 20px;
	margin-bottom: 10px;
}
/* case-study.css */

.hover-effect:hover::after {
    background-color: #3596C7 !important;
}

/* case study card commen */

.case-study-box .case-study-category{
	color: #3596C7;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 12px;
}


.case-study-box .case-study-title, .case-study-box  .single-cs-card-title {
	font-size: 16px;
    font-weight: 700;
    color: #0f2536;
    line-height: 1.3;
    margin-bottom: 14px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.3em * 2);
	
}

.case-study-box, .case-study-box.cs-grid-item{
	 background:#fff;
	 border-radius:12px;
	 overflow:hidden;
	 transition: box-shadow 0.3s ease, transform 0.3s ease;
	 border: 2px solid #fff;
	 margin-bottom: 40px;
	margin-top: 5px;
}
.case-study-box:hover, .case-study-box.cs-grid-item:hover {
    border-color: #3596C7;
    box-shadow: 0 12px 32px rgba(53, 150, 199, 0.15);
	transform: translateY(-4px);
}

.case-study-box .case-study-excerpt{
	color: #2c3e50;
	margin-bottom: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 81px;
    line-height: 27px !important;
}

.case-study-box .hover-effect {
    color: #0F2536;
    font-weight: 600;
}