:root{/****all custom color****/--White:#ffffff;--Light_purple:#8750F7;--dark_purple:#2A1454;--purple_bg:#0F0715;--black_bg:#050709}.grad{background:linear-gradient(to right,var(--Light_purple) 0,var(--White) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.img_hover_color:hover img{border-color:var(--Light_purple) !important}.service_hover:hover .elementor-heading-title{color:var(--White) !important}.service_hover:hover .e-font-icon-svg{transform:rotate(-90deg);fill:var(--White) !important}.elpt-portfolio-filter .portfolio-filter-item.item-active{background:#2A1454}/* Gradient bg */.gradient_bg_right::after{content:"";position:absolute;top:0;right:0;width:322px;height:308px;border-radius:50%;filter:blur(150px);margin-right:-5%;margin-top:-5%;background:var(--Light_purple)}.gradient_bg_center::after{content:"";position:absolute;top:50%;right:45%;width:322px;height:308px;border-radius:50%;filter:blur(150px);margin-right:-5%;margin-top:-5%;background:var(--Light_purple)}.gradient_bg_img{position:relative;/* Essential:This becomes the anchor for the gradient */display:inline-block;/* Wraps tightly around the image */overflow:visible;/* Allows the blur to spread outside the container */}.gradient_bg_img img{position:relative;z-index:2;/* Keeps the image on top of the glow */display:block}.gradient_bg_img::before{content:"";position:absolute;/* Position it towards the left */top:50%;left:-10%;transform:translateY(-50%);/* Size and Shape */width:322px;height:308px;border-radius:50%;/* The Effect */background:var(--Light_purple);filter:blur(100px);/* Adjusted for a smoother glow */z-index:1;/* Sits behind the image (z-index 2) */opacity:0.7;/* Optional:makes it look more natural */}.elpt-portfolio-filter .portfolio-filter-item{background:#050709}.skill_hover:hover .elementor-image-box-title{color:var(--Light_purple) !important}.skill_hover:hover .elementor-image-box-img img{filter:saturate( 100% ) !important}#mobile-dropdown{background-color:var(--purple_bg) !important}#mobile-dropdown ul li a{text-align:center !important}a:hover,a:active,a:focus{outline:0 !important}.page-header{padding:120px 0 36px 0;display:none}