/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1773296306
Updated: 2026-03-12 06:18:26

*/

.info-box{
	background-color:radial-gradient(245.14% 245.14% at 158.63% 282.16%, rgba(25, 97, 254, 0.5) 0%, #14152A 100%) !important;
}
.green{
	background-color: linear-gradient(327.13deg, #41AF9B -67.26%, #000000 98.19%) !important;
}
.gradeint-bg{
	background: linear-gradient(121.92deg, #F9A046 -11.63%, #ED008E 23.66%, #422C94 80.41%) !important;
}
.services-tabs .elementor-nav-menu a{
	padding: 30px 40px !important;
    border: 1px solid #292929 !important;
    border-radius: 100px !important;
}
.services-tabs  .elementor-nav-menu{
	gap: 25px;
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large{
    inline-size: 100%;
    height: 60px;
    background: #ffffff05;
    border: 1px solid #ffffff26;
	color:#fff;
}

.gform-theme--foundation .gfield textarea.small{
	 background: #ffffff05 !important;
    border: 1px solid #ffffff26 !important;
	color:#fff;
}

.gform-theme--foundation input::placeholder, .gform-theme--foundation textarea::placeholder{
	color:#fff !important;
}
.gform_button{
	padding: 20px 40px !important;
    border-radius: 100px !important;
	font-size:18px !important;
}
.gfield_checkbox .gchoice{
	padding: 30px 40px !important;
    border: 1px solid #292929 !important;
    border-radius: 100px !important;
}
.ginput_container_checkbox{
	position: relative !important;
    width: 210% !important;
    max-width: 1520px;
	z-index:1 !important;
}
.service-slider{
	overflow:visible !important;
}
.ginput_container_checkbox label{
	font-size: 18px !important;
    font-weight: 600;
    color: #fff !important;
}
.ginput_container_checkbox .gfield-choice-input{
	border-radius: 100px !important;
    width: 26px !important;
    height: 26px !important;
	border: 4px solid #1961fe !important;
    opacity: 0;
}

.light.elementor-kit-30 {
    --e-global-color-primary: #1961FE;
    --e-global-color-secondary: #ffffff;
    --e-global-color-text: #1961FE;
    --e-global-color-accent: #07081F;
    background-color: #121212;
    color: #121212;
}

.info-box{
    transition: all 0.3s ease-in-out;
}

.info-box:hover {
    background: url("https://uiuxexpert.com/wp-content/uploads/2026/03/Patter.svg") , linear-gradient(315deg, #41AF9B 0%, #000000 100%)!important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
}

/* full box clickable */
.gfield_checkbox .gchoice {
    position: relative;
    padding: 30px 40px !important;
    border: 1px solid #292929 !important;
    border-radius: 100px !important;
    cursor: pointer;
}

/* make label cover full box */
.gfield_checkbox .gchoice label {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* hide checkbox but keep functionality */
.gfield_checkbox .gchoice input {
    position: absolute;
    opacity: 0;
}

/* checked state */
.gfield_checkbox .gchoice:has(input:checked) {
    background: #1961fe !important;
    border-color: #1961fe !important;
}