#Logo
{
    width: 250px;
}
#Preloader
{
    width: 100px;
}
#CompanyImg
{
    width: 480px;
}
#ApexImg
{
    width:610px;
}
.float-icons
{
    width: 70px !important;
    opacity: 0.4;
}
.serivces-icons
{
    width:130px;
    height:130px;
    object-fit:contain;
}
.slide-images
{
    width:600px;
    height: 400px;
}
.slide-images2
{
    width: 600px;
    height: 400px;
    object-fit:contain;
}
.nav-links:hover
{
    color:gold;
}
html
{
    scroll-behavior: smooth;
}
.visible
{
    display:block !important;
}
/* Carousel control arrows */
.carousel-control-prev-icon,
.carousel-control-next-icon
{
    background-color: gold; /* Sets the arrow color to gold */
    border-radius: 50%; /* Makes the arrows round if desired */
}

/* Carousel indicators */
.carousel-indicators button
{
    background-color: white; /* Default indicator color */
    width: 12px;
    height: 12px;
    border-radius: 50%; /* Makes the indicators round */
    opacity: 1; /* Ensures solid color */
}

.carousel-indicators .active
{
    background-color: gold; /* Active indicator color */
}

.modal-preview-btn
{
    background:gold;
    color:black;
    opacity:0.7;
    border-color:black;
    margin-top:-145px;
}
.carousel-btn
{
    background-color:white !important;
}
.carousel-btn.active
{
    background-color: gold !important;
}