/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor
Author: CP Dev
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

body {
    /* Add your custom CSS here */
}



.banner .container .banner-challange .banner-list h2 {
		font-size: 3rem;
	grid-column: span 3;
}

.banner .container .banner-challange .banner-list .banner-box_info {
	grid-column: span 3;
    margin-bottom: 5rem;
	margin-top: 5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
	
	h2 {
		grid-column: span 4;
	}
	
	input,
	span {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.banner .container .banner-challange .banner-list h2{
		grid-column: span 1;
	}
	
	.banner .container .banner-challange .banner-list .banner-box_info {
    	grid-template-columns: repeat(2, 1fr);
		grid-column: span 1;
		margin-bottom: 5rem;
		
		h2 {
			grid-column: span 2;
		}
	}
}

@media only screen and (max-width: 482px) {
	.banner .container .banner-challange .banner-list .banner-box_info {
		grid-template-columns: 1fr;
		margin-bottom: 2.5rem;
		margin-top: 0;
		
		h2 {
			grid-column: span 1;
		}
	}
}