/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 03 2025 | 14:45:42 */
:root {
	--primary: #fff;
	--secondary: #fff;
	--text: #f4f6f8;
	--white: #fff;
	--black: #000;
	--black-020: #02010c;
	--purple-4a: #4a3afd;
	--purple3c: #3c0ac6;
	--purple-3b: #3b038f;
	--purple-6f7: #6f79ff;
	--blue-1a14: #1a1452;
	--blue-1a1c: #1a1c2d;
	--border: #30303d;
	--radius-5: 5px;
	--radius-10: 10px;
	--radius-15: 15px;
    --radius-20: 20px;
	--radius-50: 50px;
	--radius-100: 100%;
	--gredient-radial: radial-gradient(48.39% 66.67% at 50% 0%, rgb(74 58 253) 0%, rgb(2 1 12) 100%);
}
body { background-color: var(--black)!important; }
.mb-0 { margin-bottom: 0!important; }
.elementor-heading-title { text-transform: capitalize!important; font-family: "Funnel Display", Sans-serif !important; font-weight: 700!important; }
.elementor-widget-text-editor { font-family: "Inter", Sans-serif!important; }
.ast-container { padding: 0!important; width: 100%; max-width: 100%; }

/* Btn Theme */
.btn-theme .elementor-button {
/*     background: radial-gradient(40% 100% at 50% 50%, var(--purple-6f7) 0%, var(--purple-4a) 100%); */
	background: radial-gradient(40% 100% at 50% 50%, var(--purple-4a) 0%, var(--purple-4a) 100%);
    position: relative;
    transition: all ease 0.23s;
	height: 54px;
	line-height: 54px;
	padding: 0 28px;
	border-radius: var(--radius-50);
	font-weight: 400;
}
.btn-theme .elementor-button:before {
    content: "";
    width: 100%;
    height: 92%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid var(--purple-6f7);
    border-radius: 60px;
    box-sizing: border-box;
	display: none;
}
.btn-theme .elementor-button:hover, .btn-theme.blue .elementor-button:hover, .btn-theme.white .elementor-button:hover {
    background: radial-gradient(60% 100% at 50% 50%, var(--purple-4a) 0%, var(--purple-4a) 100%);
    transform: translateY(-3px) scale(1.03);
    color: var(--white);
}
.btn-theme.blue .elementor-button {
    background-color: var(--blue-1a14);
    background: radial-gradient(40% 100% at 50% 50%, var(--blue-1a14) 0%, var(--blue-1a14) 100%);
}
.btn-theme.white .elementor-button {
    background-color: var(--white);
    background: radial-gradient(40% 100% at 50% 50%, var(--white) 0%, var(--white) 100%);
    color: var(--black);
}
/* All Gradients Shades */
.hero_banner {
    background: radial-gradient(75% 46% at 50% 60%, var(--purple-6f7), var(--purple-4a) 30%, var(--black) 70%);
}
.bottom_shape {
    background: radial-gradient(35.48% 50.52% at 50% 105.04%, var(--blue-1a14) 0%, var(--black) 100%);
}
.top_shape {
    background: radial-gradient(34.34% 24.21% at 50% -11%, var(--purple-4a) 0%, var(--purple-6f7) 20%, var(--blue-1a14) 22%, var(--black) 100%);;
}
.shape_right_top {
    background: radial-gradient(30% 50% at 100% 0%, var(--purple-6f7) 0%, var(--purple-4a) 44%, var(--blue-1a14) 89%, var(--black-020) 130%);
}
.center_gradient {
    background: radial-gradient(75% 46% at 50% 60%, var(--purple-6f7), var(--purple-4a) 30%, var(--black) 70%);
}
.cta_banner {
    background: radial-gradient(48.39% 66.67% at 50% 0%, var(--purple-4a) 0%, var(--black-020) 100%);
    padding: 50px 0;
    border-radius: var(--radius-20);
}
.testimonial_sec { position: relative }
.testimonial_sec:after {
    content: "";
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--black-020) 80%);
}
/* General */
.sub-head { margin-bottom: 24px!important; position: sticky; }
.sub-head .elementor-heading-title {
    font-size: 15px;
    font-weight: 400;
    padding: 6px 12px;
    border-radius: var(--radius-50);
    background-color: var(--black);
}
.sub-head .elementor-heading-title:after {
    content: '';
    position: absolute;
    height: 108%;
    width: 102%;
    left: -1px;
    top: -1px;
    background: var(--purple-4a);
	background: linear-gradient(90deg,rgba(74, 58, 253, 1) 0%, rgba(111, 121, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
	border-radius: var(--radius-50);
    z-index: -1;  
}

.banner_img {border: 2px solid var(--purple-4a); }
.img_hover { overflow: hidden; border-radius: var(--radius-20); }
.img_hover img { transition: all ease 0.23s; }
.img_hover img:hover { transform: translateY(-3px) scale(1.03); }


.box_service, .box_theme {
    padding: 28px;
    border: 1px solid var(--border);
    border-radius: var(--radius-20);
    transition: all ease 0.23s;
	height: 100%;
}
.box_hover { transition: all ease 0.23s; }
.box_service:hover, .box_theme:hover, .box_hover:hover {
     transform: scale(1.015) translateY(-7px);
    -webkit-transform: scale(1.015) translateY(-7px);
    -moz-transform: scale(1.015) translateY(-7px);
}
.box_service .elementor-image-box-img {
    height: 70px;
    width: 70px;
    background-color: var(--purple-4a);
    padding: 15px;
    border-radius: var(--radius-100);
    display: flex;
    justify-content: center;
    align-content: center;
}
/* Home */