.project-single-section{
    padding-top: 50px;
    padding-bottom: 50px;
}

#external_prices table{
    margin-left: auto!important;
    margin-right: auto!important;
}

#external_prices td a:hover{
   color: #7FDBFF;
}

.main-header .header-upper .logo-box {
    padding: 0px;
}

.main-footer .widgets-section {
    padding: 50px 0px 30px;
}

.sticky-header .logo {
padding: 0px;
}

.main-header .info-box {
margin-left: 0px;
}
 
.page-title {
        position: relative;
        text-align: center;
        padding: 250px 0px 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        color: white; /* Set the text color to white */
    }


    .page-title::before { /* Add a pseudo-element to create the overlay */
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Adjust the last value (0.5) to control overlay opacity */
    }

    .services-block .inner-box .lower-box .image .overlay-box {
    opacity: 1;
}

.custom-list {
list-style: none; /* Remove default list styles */
padding: 0; /* Remove any padding */
margin: 0; /* Remove any margin */
}

.custom-list li {
display: inline; 
margin-right: 20px!important; 
}

.custom-list a {
color: black;
}

.custom-list a:hover {
color: #7FDBFF;
}
.search-container {
display: inline-block;
position: relative;

}

.search-icon {
display: flex;
align-items: center;
transition: width 0.3s ease;
}

.search-icon:hover {
left: -50px; 
}

.search-icon i {
border: 1px solid #85d1f1;
border-left: 0px;

padding: 0px 10px;
}

.search-input {
border: 0px solid #fff;
width: 0;
transition: width 0.3s ease;
border: 1px solid #85d1f1;

border-right: 0px;
}

.search-container:hover .search-input {
width: 150px; /* Adjust the width as per your design */
}

.footer-nav ul li {
display: inline;;
}

.footer-nav ul li::after {
content: '/';
padding-left: 5px;
margin-right: 5px;
}


.footer-nav ul li:last-child::after {
content: '';
}

.social-icon-two li a { 
color: unset;
}

.footer-lists li a:before {
content: '';
}

@media only screen and (max-width: 1183px) {
.main-header .header-upper .logo-box {
width: 100%;
text-align: center;
}
}

.head--set{
    color:#000;
}

img.set--anim:hover{
    transform: rotate(349deg) !important;
    transition:1s;
}