html{
	scroll-behavior: smooth;
}
body {
    background-color: #080808;
    color: #080808;
    font-family: Arial, sans-serif;
}

.fa-solid{
	color: #ff3131;
}
.fa-regular{
	color: #ff3131;
	font-size: 12px;
}
.fa-circle{
	color: #fff;
}
.fa-solid.fa-arrow-left{
	cursor: pointer;
	font-size: 20px;
    position: absolute;
    left: 20px;
    top: 15px;
}

.container {
/* 	max-width: 1200px; */
	max-width: 100%;
	margin: auto;
	padding: 40px;
/* 	background-color: #fff; */
	background-color: #080808;
	border-radius: 0px;
}



h1 {
/* 	color: #080808; */
	color: #fff;
	text-align: center;
    font-size: 2.8em;
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: normal;
}

h2 {
	text-align: center;
	font-style: italic;
	color: #a9a9a9;
	font-weight: normal;
    font-size: 1.5em;
    margin-top: 20px;
    margin-bottom: 10px;
}

h3 {
/* 	color: #ff3131; */
	color: #fff;
    font-size: 1.2em;
    /*font-weight: normal;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

p {
	color: #848884;
	font-size: 1.2em;
    line-height: 2;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: justify;
}

p span{
	color: #ff3131;
}
p span.link{
	color: #007aff;
}

img, video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}
img{
	border: 1px solid #080808;
}

/* .img-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.img-container img {
    max-width: 30%;
    margin: 10px;
} */
.slider {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            overflow: hidden;
            position: relative;
        }
        .slider img {
            width: 40%;
            height: auto;
            display: none;
        }
        .slider img.active {
            display: block;
        }
        .slider-indicator {
            display: flex;
            justify-content: center;
            gap: 10px;
            padding: 10px 0;
        }
        .slider-indicator svg {
            width: 10px;
            height: 10px;
            cursor: pointer;
        }

.btn {
	margin: 50px auto;
	width: fit-content;
	border: 1px solid #ff3131;
	padding: 14px 50px;
	border-radius: 6px;
	text-decoration: none;
	color: #fff;
    display: inline-block;
	background: #ff3131;
	cursor: pointer;
}

.btn.submit{
	display: block;
}

form input, form textarea{
	width: 96%;
	border: 0;
	outline: none;
	background: #262626;
	padding: 15px;
	margin: 15px 0;
	color: #fff;
	font-size: 18px;
	border-radius: 6px;
}
#msg{
	color: #61b752;
	margin-top: -40px;
	display: block;
}


/*------------css for small screens--------------*/
@media only screen and (max-width: 830px){
	h1{
		font-size: 2.5em;
	}
	h2{
		font-size: 1.2em;
	}
	h3{
		font-size: 1.2em;
	}
	p{
		font-size: 1em;
	}
	.slider img {
                max-height: 100%;
                width: auto;
            }
}