.main-menu .nav-menu-wrapper {
    flex: 1;
    text-align: right;
}

h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}


.slicknav_btn {
    background: #e9bd4c;
}
.slicknav_icon .slicknav_icon-bar {
    background-color: #ffffff;
}

#hech3 {
    background-color: #00000096;
    border-left: 5px solid #e9bd4c;
    padding: 8px 12px;
}

.main-menu ul li.nav-item .nav-link {
    color: #292828;
  
}

.navbar {
    background: #262121;
}

.preloader{
   
    z-index: 1000;
    background-color: #fff;

}
.btn-default span::after {
    background: #e9bd4c;
    color: #fff;
   
}
.btn-default:hover span {
    background-color: transparent;
    color: #ffffff;
}

.loading {
    border: 1px solid transparent;
    border-color: transparent #e9bd4c transparent #e9bd4c;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.btn-default {
    color: var(--primary-color);
    background-color: #e9bd4c;
}
/*.hero::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(270deg, #26ced1c9 42.92%, rgb(20 37 37 / 76%) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}*/
/*.hero::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(270deg, #00b0b9b8 42.92%, rgb(17 91 157 / 79%) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}*/
.hero {
    padding: 150px 0 40px;
    position: relative;
    background: url(../images/bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

h1 span.stroke-text {
    color: transparent;
    -webkit-text-stroke: 2px #e5bb0b;
}

.excellence-innovating-list ul li {
    font-weight: bolder;
}

.main-menu ul li.nav-item .nav-link {
    color: #fff;
    font-weight: 600;
    position: relative;
}

.main-menu ul li.nav-item .nav-link:hover {
    color: #e9bd4c;
/*    text-decoration: underline;*/
}


.main-menu ul li.nav-item .nav-link:hover::after {
    content: ''; /* Create a custom underline */
    position: absolute;
    left: 0;
    bottom: -3px; /* Adjust the distance from the text */
    width: 100%; /* Make the underline as wide as the text */
    height: 2px; /* Thickness of the underline */
    background-color: #e9bd4c; /* Color of the underline */
}

.main-menu ul li#active .nav-link {
    position: relative; /* Required for the ::after pseudo-element */
    color: #e9bd4c; /* Active link color */
    font-weight: 600; /* Bold text for active link */
}

.main-menu ul li#active .nav-link::after {
    content: ''; /* Create the custom underline */
    position: absolute;
    left: 0;
    bottom: -3px; /* Adjust distance from the text */
    width: 100%; /* Underline spans the text width */
    height: 2px; /* Thickness of the underline */
    background-color: #e9bd4c; /* Color matches active link text */
}

.slicknav_menu {
    position: absolute;
    width: 100%;
    padding: 0;
    background: #1f1e1beb;
    text-align: center;
}

.main-menu ul li.nav-item:first-child .nav-link {
    padding-left: 16px;
}

.back-to-top {
    position: fixed; /* Keeps the button fixed on the page */
    bottom: 20px; /* Distance from the bottom of the screen */
    right: 20px; /* Distance from the right side of the screen */
    width: 50px; /* Width of the square box */
    height: 50px; /* Height of the square box */
    background-color: #e9bd4c; /* Background color of the box */
    color: white; /* Arrow color */
    display: flex; /* For centering the arrow */
    align-items: center; /* Vertical alignment */
    justify-content: center; /* Horizontal alignment */
    border-radius: 5px; /* Slightly rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
    cursor: pointer; /* Pointer cursor on hover */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease-in-out; /* Smooth fade-in and fade-out */
    z-index: 1000; /* Ensures it stays above other content */
}

.back-to-top:hover {
    background-color: #41a273; /* Darker shade for hover effect */
}

.back-to-top.visible {
    opacity: 1; /* Makes the button visible */
}

.about-us {
    padding: 100px 0;
   background-color: #ecf0ec38;
}
.about-us {
    padding: 100px 0;
    background: url(../images/cover2.png) no-repeat;
    background-position: bottom left;
    background-size: auto;
}
.our-services {
    position: relative;
    padding: 100px 0 280px;
    background: url(../images/footer2.png) no-repeat center center;
    background-size: cover;
}
.process-step-no h2 {
    color: #e9bd4c; /* Yellow color */
}
.process-step-item::before {
    background: #231e16; /* Black color */
}
.our-features-item::before {
    background-color: #231e16;
}
.our-features-boxes {
    border: 1px solid #ffffff;
}
.our-features-item:nth-child(1n + 1) {
    border-right: 1px solid var(--divider-color);
    border-bottom: 1px solid #ffffff;
}
.testimonial-company-slider .company-logo img {
    width: 100%;
    max-height: 50px;
}
.main-footer {
    position: relative; 
    background: url(../images/testimonial-bg.png), #282626;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto;
    padding: 100px 0 0;
}

.main-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black; /* Overlay color */
    opacity: 0.5; /* Adjust transparency */
    z-index: 1; /* Place it below content but above the background */
}

.main-footer * {
    position: relative; /* Ensure content stays above the overlay */
    z-index: 2;
}
@media (min-width: 992px) {
    .minor1 {
        flex: 0 0 auto;
        width: 45%;
    }
}
.our-services:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: 70%;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.our-features {
    position: relative;
    padding: 100px 0 280px;
    background: url(../images/testimonial-bg.png) no-repeat center center;
    background-size: cover;
}
.our-features:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ebebeb54;
    opacity: 70%;
    width: 100%;
    height: 100%;
    z-index: 1;
}
body.about-page .page-header {
    position: relative;
    background: url(../images/about-us3.png) no-repeat center center;
    background-size: cover;
    padding: 150px 0;
}
/*body.services-page .page-header {
    position: relative;
    background: url(../images/controlling.png) no-repeat center center;
    background-size: cover;
    padding: 150px 0;
}*/
body.gallery-page .page-header {
    position: relative;
    background: url(../images/gallery5.png) no-repeat center center;
    background-size: cover;
    padding: 150px 0;
}
body.contact-page .page-header {
    position: relative;
    background: url(../images/contact4.png) no-repeat center center;
    background-size: cover;
    padding: 150px 0;
}

.mission-vision-bg {
    position: relative;
    background: url(../images/controlled.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0 200px;
}
.mission-vision-nav ul li .nav-link.active, .mission-vision-nav ul li .nav-link:hover {
    background: #000000;
    color: var(--white-color);
    border-radius: 0;
}
#our-services {
    position: relative;
    padding: 100px 0 280px;
    background: url(../images/about-last.png) no-repeat center center;
    background-size: cover;
}
#our-service{
    background: url(../images/testimonial-bg.png), var(--secondary-color);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
}
#services-title h2{
    font-size: 20px;
}
#services-title2 h2{
    font-size: 20px;
}
#services-title3 h2{
    font-size: 20px;
}
.our-history-nav ul li .nav-link.active, .our-history-nav ul li .nav-link:hover {
    background: #e9bd4c;
    color: var(--white-color);
    border-radius: 0;
}
.our-story-content-body {
    border-bottom: 1px solid #ebebeb00;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
.page-contact-us {
    padding: 100px 0;
    background: url(../images/testimonial-bg.png) no-repeat;
    background-position: bottom left;
    background-size: auto;
}