span {
    color: #fd961a;
}

.carousel-main-slide {
    background-image: url('image/bg2.jpg');
    background-position: center;
    padding: 8rem 0rem;

}

.carousel-second-slide {
    background-image: url('image/bg1.jpg');
    background-position: center;
    padding: 8rem 0rem;
}

.slider-txt {
    padding: 1rem 0rem;
}

.slider-txt h3 {
    font-size: 68px;
    line-height: 78px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.banner-btn a {
    text-decoration: none;
    padding: 12px 2rem;
    border: 2px solid #fd961a;
    color: #fd961a;
    margin: 0;
}

.banner-btn a:hover {
    background-color: #fd961a;
    color: #fff;
}
#feature{
    background-color: #111111;
  
}
.feature-box{
    position: relative;
    top: -60px;
    background: #1d1d1d;
padding: 60px 50px 50px 50px;
margin-left: 0;
margin-right: 0;
}

.f-card img{
    width:50px;
    height: auto;
}
.f-card h3{
    color: #fff;
margin: 0 0 10px 0;
line-height: normal;
font-size: 18px;
}
.f-card p{
    color: #fff;
font-size: 14px;
line-height: 23px;
}
#index-about{
    background-color: #111111;
    padding: 2rem 0rem;
}
.sec-title{
font-weight: 800;
font-size: 45px;
line-height: 45px;
margin-top: 0;
color: #fff;
padding: 10px 0 20px;
position: relative;
text-transform: uppercase;
margin: 0 15px;
}
.lined {
position: relative;
display: inline-block;
padding-left: 1rem; 
padding-right: 1rem; 
}

.lined::before, .lined::after {
content: "";
position: absolute;
width: 2rem;  
height: 2px; 
background-color: #fd961a;
top: 50%; 
}

.lined::before {
left: -30px; 
}

.lined::after {
right: -30px; 
}
.container-hed p{
color: #fff;
text-transform: uppercase;
}
.container-title{
text-transform: uppercase;
color: #fff;
margin-top: 0;
margin-bottom: 15px;
}
.index-abt-container p{
line-height: 26px;
margin: 0;
color: #fff;
}
.toggle-content {
display: none;
color: #fff;
}

.toggle-content.active {
display: block;
}
.toggle-option a{
text-decoration: none;
color: #fff;
margin: 1rem 0rem;
}

.toggle-option a.active {
color: #ff9900;
font-weight: bold;
}
.toggle-div{
display: flex;
justify-content: start;
align-items: center;
gap: 2rem;
margin: 2rem 0rem;
}
.mid-nav-toggle{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 0rem 1.2rem;
}
.about-toggle-btn a{
padding: 12px 2rem;
text-decoration: none;
color: #fff;
background-color: #fd961a;
text-transform: uppercase;
}
.about-toggle-btn a:hover{
background: rgba(253, 150, 26, .9)
}