/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

header .elementor-sticky{backdrop-filter:blur(10px);}
.btn-header a{
    color: #0E1116 !important;
    background: #15E6A4;
    padding: 7px 16px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
	font-size:14px !important;
	width:34%;
}
.btn-header a:hover{
    color: #0E1116 !important;
    background: #15E6A4;
    padding: 7px 16px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
	font-size:14px !important;
}
.btn-header {
    display: flex !important;
    align-items:center;
	text-align:center;
	justify-content:center;
    margin-left: 12px !important;
}
.pulse-list-icon {
    position: relative; 
}

.pulse-list-icon::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #15E6A4;
    box-shadow: 0 0 0 0 rgba(21, 230, 164, .5);
    animation: pulse 2s infinite;
	top:9px;
}
.usage-read { font-size: 16px;
	font-weight: 500;
	color: #f4f7fa;}

.usage-out{display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:12px;
	margin-top:20px}

.usage-out-tile{background:#0E1116;
	border-radius:8px;
	padding:14px;
	text-align:center}

.usage-out-label{display:block;
	font-size:11px;
	color:#6B7682;
	margin-bottom:6px;
	letter-spacing:.3px}

.usage-out-val{font-size:22px;
	font-weight:500;
	color:#15E6A4}

input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;
	appearance:none;
	width:18px;height:18px;
	border-radius:50%;
	background:#15E6A4;
	cursor:pointer;
	border:0}

input[type=range]::-moz-range-thumb{width:18px;
	height:18px;
	border-radius:50%;
	background:#15E6A4;
	cursor:pointer;
	border:0}

.ctrl-top .read{font-size:15px;
	font-weight:500;
	color:#F4F7FA}

.out-row .k{font-size:13px;
	color:#9AA6B2}

.out-row .v{font-size:16px;
	font-weight:500;
	color:#F4F7FA}

.out-hero .k{font-size:13px;
	color:#15E6A4}

.out-hero .v{font-size:30px;
	font-weight:500;
	color:#15E6A4}






@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(21, 230, 164, 0.4);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(21, 230, 164, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(21, 230, 164, 0);
    }
}
.pulse-list-icon .elementor-icon-list-text{padding-left:24px;}

@media (max-width: 767px){

	.btn-header a {
    color: #0E1116 !important;
    background: #15E6A4;
    padding: 7px 16px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    width: 40%;
    justify-content: center !important;
		margin-bottom:20px;
}
	.btn-header a:hover {
    color: #0E1116 !important;
    background: #0CC98D !important;
   
}
	.btn-header {
    margin-top: 12px !important;
    margin-left: 0px !important;
}
	
}