/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

.main-menu .sub-menu, .header-dropdown {
    min-width: 350px;
}

.main-menu .sub-menu > .menu-item a, .user-dropdown a, .more-col .menu a, .collapse-footer-menu a, .elementor-widget-container .menu a {
    font-size: calc(var(--submenu-fsize) + 1px);
}

.header-social-icon .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon.elementor-social-icon {
    font-size: 16px;
}

.left-icon {
    position: relative;
    top: 5px;
}

.no-padding {
    padding: 0;
    margin: 0;
}

.title-with-line {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    white-space: nowrap;
}

.title-with-line::after {
    content: "";
    width: 100%;
    height: 2px;
    background: var( --e-global-color-92e8099 );
}

.focus-icon::after{
    content:"";
    position:absolute;
    left:50%;
    top:100%;
    transform:translateX(-50%);
    height:70px; /* icon vachche nu gap */
    border-left:2px dashed var( --e-global-color-92e8099 );
}

.energy-chart-wrapper{
		width:100%;
	}

	.chart-area{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:40px;
		width:100%;
	}

	.chart-box{
		width:60%;
		position:relative;
	}

	.chart-box canvas{
		width:100% !important;
		height:100% !important;
		display:block;
	}

	.chart-legend{
		width: 100%;
    	display: grid;
    	grid-template-columns: repeat(2, 1fr);
    	gap: 8px 24px;
	}

	.chart-legend div{
		display:flex;
		align-items:center;
		margin-bottom:20px;
		font-size:16px;
		font-weight:500;
		color:#fff;
        font-family: var(--h3-family);
	}

	.chart-legend span{
		width:18px;
		height:18px;
		border-radius:50%;
		margin-right:12px;
		display:inline-block;
		flex-shrink:0;
	}

.c1 {
    background: #FF6F00; /* India */
}

.c2 {
    background: #F51416; /* United States (USA) */
}

.c3 {
    background: #F2B90F; /* United Kingdom (UK) */
}

.c4 {
    background: #A06A2B; /* Canada */
}

.c5 {
    background: #D8A928; /* Australia */
}

.c6 {
    background: #7B3FB8; /* Germany */
}

.c7 {
    background: #00A86B; /* United Arab Emirates (UAE) */
}

.c8 {
    background: #00B8D9; /* Switzerland */
}

.c9 {
    background: #FF7A00; /* Norway */
}

.c10 {
    background: #E83E8C; /* Sweden */
}

.c11 {
    background: #2E7D32; /* Denmark */
}

.c12 {
    background: #00897B; /* Singapore */
}

.c13 {
    background: #5C6BC0; /* New Zealand */
}

.c14 {
    background: #C62828; /* Saudi Arabia */
}

.c15 {
    background: #6D4C41; /* Qatar */
}

.c16 {
    background: #1565C0; /* Mexico */
}

.c17 {
    background: #3949AB; /* Oman */
}

	@media(max-width:991px){

		.energy-chart-wrapper{
			height:auto;
		}

		.chart-area{
			flex-direction:column;
		}

		.chart-box{
			width:100%;
			height:400px;
		}

		.chart-legend{
			width:100%;
		}

	}

    .counter-icon {
        border:1px solid rgba(255,255,255,0.15);

        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);

        box-shadow:
            0 10px 30px rgba(0,0,0,0.25),
            inset 0 1px 1px rgba(255,255,255,0.15);

        position:relative;
    }

    .advertise-hero .elementor-shape.elementor-shape-bottom svg path {
        fill: #F5F5F5;
    }

	.advertise-hero-white .elementor-shape.elementor-shape-bottom svg path  {
		fill: #FFF;
	}

	.margin-auto {
		margin: auto !important;
	}

	.platform-height {
		height: 100%;
	}

	.platform-icon {
		height: 60px;
	}

	.single-standard-1:not(.single-standard-11) .s-feat .featured-lightbox-trigger img {
		width: 100%;
	}

/* 	@media(min-width:991px){
		.news-image-cover .p-featured .p-flink {
			position: relative !important;
		}
	} */


	.platform-icon {
		height: 60px;
	}

.platform-icon svg {
	position: relative;
	top: 2px;
}

.platform-icon .platform-icon-top svg {
	top: 0px;
}

	.get-in-touch-left a {
		text-decoration-line: none !important;
	}

	.get-in-touch-left svg {
		position: relative;
		top: 3px;
	}

/* new */ 

.hero-counter .c-icon svg path {
	fill: #25346a;
}

.has-lsl .e-ct-outer {
	max-width: none;
}

.input-col-1.is-input-border textarea {
	height: 150px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .chart-box canvas {
        width: 120px !important;
        height: 219px !important;
        display: block;
    }
	.chart-box {
        width: 50%;
        height: 230px;
    }
	
	.chart-area {
		flex-direction: row;
    	gap: 20px;
	}
	
	.chart-legend div {
    	margin-bottom: 10px;
    	font-size: 14px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1309px) {
	
	.edo-custom-width .e-con-inner > .elementor-element {
		width: 97%;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.countries-millions {
		padding: 40px 20px;
	}
	
	.countries-millions .e-con-inner {
		padding-top: 0;
	}
	
	.countries-millions .county-box {
		display: none;
	}
	
	.countries-millions .country-process {
		width: calc(100% / 5 - 16px);
	}
	
}

.heading-title span:after {
	display:none;
}