/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 27 2025 | 12:49:56 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */

@media (min-width: 1025px) {
	.elementskit-navbar-nav-default .elementskit-megamenu-panel{
        left: -115px !important;
    }
}

.elementskit-megamenu-panel::before {
	content: "";
    position: absolute;
    top: 12px;
    left: 135px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var( --e-global-color-59f0183 );
	z-index: 1;
}
header.is-sticky .elementskit-megamenu-panel::before {
	border-bottom: 10px solid var( --e-global-color-59f0183 );
}

header.is-sticky .elementskit-megamenu-panel {
	top: 34px !important;
}




/* Blog categories */
.category-list {
	margin: 0;
	padding-left: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: auto;
	padding-top: 10px;
    padding-bottom: 10px;
}

.category-list a.category-link {
    border: 1px solid var( --e-global-color-secondary );
    color: var( --e-global-color-text );
    border-radius: 1.5rem;
    flex: none;
    padding: 8px 20px 7px 20px;
    font-weight: 500;
    display: inline-block;
	width: max-content;
	font-size: 15px;
}

.category-list li.category-item.current a.category-link {
	color: var( --e-global-color-7c71f8f );
	border-color: var( --e-global-color-primary );
    background-color: var( --e-global-color-primary );
}
.category-list li.category-item a.category-link:hover {
	color: var( --e-global-color-7c71f8f );
	border-color: var( --e-global-color-secondary );
	background-color: var( --e-global-color-secondary );
}

.sticky-offset {
	padding-top: 70px;
}

/* Tablet Mobile Megamenu */
.mega-box {
	display: none;
}
.mega-box.active {
	display: grid;
}
.sidebar-menu.disable {
	display: none;
}


/* Sticky Parts */
.sticky-steps .sticky-parts {
	position: relative;
}
.sticky-parts .part {
  position: sticky;
  top: 120px;
  z-index: 1;
  will-change: transform;
  transition: transform 0.3s ease;
}



/*selector {*/
/*    overflow: hidden;*/
/*}*/
/*selector a::before {*/
/*    content: "Watch More";*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 0;*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    padding: 11px 20px;*/
/*    transition-duration: 0.2s;*/
/*    transition-property: transform;*/
/*    transition-timing-function: cubic-bezier(.4,0,.2,1);*/
/*    transform: translateY(0px);*/
/*    border: 1px solid var(--e-global-color-secondary);*/
/*    border-radius: 50px;*/
/*}*/


/*selector a:hover::before {*/
/*    transform: translateY(-40px);*/
/*}*/

/*selector a:hover span {*/
/*    transform: translateY(-40px);*/
/*}*/


/* Stuck Services */
.stuck-panel {
	position: relative;
    height: min-content;
    overflow: visible;
}
@media (min-width: 768px) {
	.stuck-info {
		height: min-content;
		position: sticky;
		top: 150px;
	}
}
.stuck-info .info {
/* 	1st Method */
/* 	position: absolute;
	top: 0;
	left: 0; */
	/* 	2nd Method */
	position: relative;
	transition: opacity 0.3s ease;
}

.stuck-parts {
	position: relative;
}

/* Background animation */
.backanim-path {
	clip-path: inset(0% 5% round 8px); /* Initial shape */
	transition: all 0.3s ease-out;
}