.custom-cursor__cursor {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid #FFA500; /* Bright orange */
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 999991;
    transition: all 200ms ease-out;
}
.custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #FFA500;
    opacity: 0.3;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width 0.3s, height 0.3s, opacity 0.3s;
    z-index: 999991;
}
/* Additional styles for hover effects */
.custom-cursor__hover {
    border: 1px solid #FFA500;
    opacity: 0.4;
}
.custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: 0.4;
}
.single-service-cap {
margin: 15px; /* Adjust the value as needed */
}
.services-section {
position: relative;
width: 100%;
height: 100vh; /* Full viewport height */
padding: 60px 0; /* Adjust as needed */
background-color: #f9f9f9; /* Fallback background color */
overflow: hidden; /* Prevent overflow */
}

.pattern-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 1; /* Behind the content */
}

.auto-container {
position: relative; /* For z-index stacking */
z-index: 2; /* Above the pattern layer */
max-width: 1200px; /* Maximum width */
margin: 0 auto; /* Centering */
padding: 0 20px; /* Responsive padding */
height: 100%; /* Ensure container fills full height */
display: flex;
flex-direction: column;
justify-content: center; /* Center the content vertically */
}

/* Section Title */
.sec-title {
text-align: center; /* Center align the title */
margin-bottom: 40px; /* Space below the title */
}

.sec-title .title {
font-size: 24px; /* Size for the title */
color: #ff5f13; /* Title color */
}

.sec-title h2 {
font-size: 30px; /* Size for the heading */
color: #333; /* Heading color */
}

/* Service Block */
.row {
display: flex; /* Use flexbox for layout */
flex-wrap: wrap; /* Wrap items as needed */
justify-content: center; /* Center items */
}

.service-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
height: 200px; /* Adjust the height of each block */
padding: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
margin: 15px; /* Space between blocks */
flex: 1 1 200px; /* Allow flexibility in sizing */
}

.service-block:hover {
transform: translateY(-5px); /* Slight lift effect on hover */
}

.icon-box {
font-size: 60px; /* Increase icon size */
color: #ff5f13; /* Change to desired icon color */
margin-bottom: 15px; /* Space between icon and title */
}

h5 {
font-size: 18px; /* Adjust title size */
margin: 10px 0; /* Space above and below title */
}

/* Responsive Styles */
@media (max-width: 768px) {
.service-block {
height: auto; /* Allow height to adjust based on content */
}

.sec-title h2 {
font-size: 24px; /* Smaller heading on mobile */
}

.sec-title .title {
font-size: 20px; /* Smaller title on mobile */
}
}

.single-slider {
min-height: 900px;
background-repeat: no-repeat;
background-image: url('assets/img/hero/about.png'); /* Fallback for data-background */
background-size: cover;
background-position: center;
}