/* Add here all your custom CSS */

/* Dashboard Tweaks */
.loading-overlay {
    display: none !important;
}

.hover-scale:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

/* Auth Card Styles */

html body .rounded-circle {
    border-radius: 50% !important;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Override Heading Sizes for Industries */
.industry-content h1,
.industry-content .display-3,
.hero-section h1 {
    font-size: 3.5rem !important;
}

.industry-content h2,
.industry-content .display-4,
.section h2 {
    font-size: 1.5rem !important;
}

.industry-content h3,
.industry-content .h3 {
    font-size: 2.2rem !important;
}

.industry-content h4,
.industry-content .h4 {
    font-size: 1.8rem !important;
}

/* Animation and Layout Fixes needed for Industries */
.hero-section {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.hover-effect:hover {
    transform: translateY(-10px);
    transition: transform 0.3s ease;
}

.bg-white-90 {
    background-color: rgba(255, 255, 255, 0.95);
}

/* Owl Carousel Equal Height */
.owl-stage {
    display: flex;
}

.owl-item {
    display: flex;
    flex: 1 0 auto;
}

.owl-item>div {
    width: 100%;
}

/* Card Shadow */
.box-shadow-1 {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
    transition: box-shadow 0.3s ease;
}

.box-shadow-1:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

/* Contact Form White Border */
.contact-form .form-control,
.contact-form .form-control.custom-border-color-grey-1 {
    border-color: #ffffff !important;
}

/* Dropdown Hover Color Fix (Header & Footer) */
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown-menu .dropdown-item:focus,
#header .dropdown-menu li:hover > .dropdown-item,
#footer .dropdown-menu .dropdown-item:hover,
#footer .dropdown-menu .dropdown-item:focus {
    background-color: #2E55A5 !important;
    color: #ffffff !important;
}