/* Centering the SERVICE hero section content */
.hero-section {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 20px; */
    min-height: 450px;
}

.service-text {
    position: relative; /* Position relative for absolute positioning of children */
    display: flex; /* Use flexbox for centering */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    /* border: 2px solid rgb(220, 18, 18);  */
}
.hero-button {
    position: absolute;
    bottom: 0;
    left: 0;
}
.servicex {
    /* all: unset; */
    min-height: 400px; /* Ensure a minimum height */
    position: relative; /* Position relative for absolute positioning of children */
    /* display: flex; */ /* Use flexbox for centering */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    /* border: 2px solid rgb(220, 18, 18);  */
}
.servicex .service-hero-image-combination {
    min-height: 400px; /* Ensure a minimum height */
    position: relative; /* Ensure relative positioning */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center;  
    height: 100%; /* Ensure it takes the full height of the parent */
    width: 100%; /* Ensure it takes the full width of the parent */
    /* border: 2px solid rgb(0, 162, 24);  */
}
.service-bg,
.service-hero-img,
.service-deco {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.service-bg {
    height: 100%; /* Ensure it takes the full height of the container */
    width: 100%; /* Ensure it takes the full width of the container */
    /* border: 2px solid rgb(38, 0, 162);  */
}

.service-hero-img {
    height: 100%; /* Adjust height as needed */
    width: auto; /* Allow the image to maintain aspect ratio */
    z-index: 1;
    
    /* border: 2px solid rgb(38, 0, 162);  */
}
.service-hero-img img {
    position: absolute; /* Position the image absolutely */
    top: 60%;  /* Move the image down by 50% of its container's height */
    /* top: var(--menu-bar-height); */
    transform: translateY(-50%); /* Adjust the position to vertically center the image */
    left: 0; /* Align the image to the left */
    right: 0; /* Align the image to the right */
    margin: auto; /* Center the image horizontally */
    max-height: 550px !important;
}

.service-deco {
    height: 100%; 
    width: 100%;
    z-index: 3;
    visibility: hidden;
}
.service-price-titlex {
    z-index: 4 !important;
    font-weight: bold;
}
.service-price-title {
    z-index: 4 !important;
    margin-top: 40px;
    padding-top: 10px; /* Adjust padding as needed */
    border-radius: 20px; /* Adjust border radius as needed */
    /*border: 1px solid rgb(38, 0, 162);  */
    background: linear-gradient(to right, #25ad64, #A1479A, #04A9DF); /* Set gradient background */
    -webkit-text-fill-color: transparent; /* Make the text transparent */
    -webkit-background-clip: text; /* Clip the background to the text */
    text-align: center; /* Center the text */
    display: inline-block; /* Ensure the element only takes up necessary width */
    -webkit-box-decoration-break: clone; /* Apply gradient border to text */
    box-decoration-break: clone; /* Apply gradient border to text */
    
}
/* Second Column */
.hero-section .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 992px) {
    .hero-button {
        position:relative;
        /* margin-top: 10px;  */
        /* border: 1px solid rgb(38, 0, 162);  */
    }
    .col-lg-6 {
        margin-top: 10px; 
    }
    .hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center; /* Add this line to center items horizontally */
    text-align: center; /* Add this line to center text */
    }
    .section {
        padding: 90px 0 30px 0 !important;
    }
    .footer-content{
        align-items:flex-start !important;

    }
    .container{
        /* display: flex;
        position: relative;
        flex-direction: column; */
        justify-content: center !important;
        align-items: center; /* Add this line to center items horizontally */
        text-align: center; /* Add this line to center text */
    }
    .features-2-title {
        margin: 35px !important;
        font-size: 19px;
        font-weight: 500;
    }

}

/* SERVICE hero End */