/**
*****************************************
	Theme Name: 
	Author: 
	Version: 1.0
******************************************
**/
/*-- Colors --*/
:root {	
	--white: #fff;
    --black: #000;
	--main-1: #6cbe03;
    --main-2: #0c0c0b;	
    --main-3: #6e6e6e;
	--gr-1: linear-gradient(180deg, rgb(108 190 3 / 41%) 57%, rgb(103 189 7 / 72%) 86%);
	--gr-2: linear-gradient(141deg, rgb(0 0 0 / 77%) 0%, rgb(108 190 3 / 31%) 100%);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
}
ul{
	padding: 0;
	margin: 0;
}
p,li {
    font-size: 1rem;
	list-style: none;
    margin-bottom: 10px;
}

a:focus,
a:hover{
    text-decoration: none;
}
button:focus,.form-control:focus {
	outline: none;
	box-shadow: none;
}
.bg-color{
	background: var(--main-1);
}
/*-- Slider Styles --*/
.slider-area .carousel-inner .carousel-item img {
    height: 680px;
    object-fit: cover;
}
.slider-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--gr-2);
}
.slider-area .carousel-control-next, 
.slider-area .carousel-control-prev {
    width: 60px;
    height: 60px;
    opacity: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: rgb(0 0 0 / 19%);
    color: var(--white);
    font-size: 1.2rem;
}
.slider-area .carousel-control-prev {
    left: 25px;
}
.slider-area .carousel-control-next {
    right: 25px;
}
.carousel-caption {
	position: absolute;
	top: 41%;
	left: 10%;
    width: 40%;
    text-align: left;
}
.carousel-caption h1{
    text-transform: uppercase;
    line-height: 50px;
    margin: 0 0 13px 0;
    color: var(--white);
}
.carousel-caption p{
    font-size: 1rem;
    line-height: 22px;
    text-align: justify;
    color: var(--white);
}
/*---- breadcrumb-area ---*/
.inner-banner-header {
    background-size: cover;
    overflow: hidden;
}
.inner-banner-header .overlay-banner {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--gr-2);
}
.inner-banner-header,
.breadcrumb-area .page-banner{
    height: 350px;
}
.breadcrumb{
    font-size: 0.9rem;
    background-color: transparent;
    text-transform: capitalize;
    padding: 6px 0 25px;
    color: var(--white);
    margin: 0;
    display: inline-flex;
}
.breadcrumb li a{
    color: var(--white);
}
.breadcrumb li+li:before {
    content: " / ";
    padding: 0 8px 0 8px;
    color: var(--white);
}
.card-bg-img:hover{
	background: linear-gradient(-45deg, #2f2f2f 0%,#e3f7b5 100%);
}