/*
Theme Name: Immopal Technology UG
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: IT Solution & Technology HTML Template
Version: 1.1.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */





/* =============================================
   Active Nav Item — State-Aware Color Fix
   =============================================
   At top (dark header): active item is bright WHITE so it stands out clearly.
   When sticky (light/white header): active item uses the brand theme-color (blue).
   ============================================= */

/* --- Non-sticky (header at the top, dark background) --- */
#header-sticky:not(.sticky) .main-menu nav > ul > li.active > a,
#header-sticky:not(.sticky) .main-menu nav > ul > li > ul.submenu > li.active > a {
    color: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* --- Sticky (header scrolled, light/white background) --- */
#header-sticky.sticky .main-menu nav > ul > li.active > a,
#header-sticky.sticky .main-menu nav > ul > li > ul.submenu > li.active > a {
    color: var(--theme-color) !important;
    font-weight: 700 !important;
}

/* Mobile menu active item */
.mobile-menu .mean-nav ul li.active > a {
    color: var(--theme-color) !important;
}

/* =============================================
   Service Provide Cards — Equal Height & Alignment Fix
   ============================================= */
.service-provide-2 .row {
    display: flex !important;
    flex-wrap: wrap !important;
}
.service-provide-2 .row > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
}
.single-service-provide-card {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100% - 30px) !important;
    width: 100% !important;
}
.single-service-provide-card .content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}
.single-service-provide-card .content p {
    flex-grow: 1 !important;
    margin-bottom: 20px !important;
}
.single-service-provide-card .content .link-btn {
    margin-top: auto !important;
}

.breadcrumb-wrapper {
    padding-top: 250px !important;
    padding-bottom: 120px !important;
}
@media (max-width: 1199px) {
    .breadcrumb-wrapper {
        padding-top: 190px !important;
        padding-bottom: 100px !important;
    }
}
@media (max-width: 991px) {
    .breadcrumb-wrapper {
        padding-top: 170px !important;
        padding-bottom: 80px !important;
    }
}
@media (max-width: 767px) {
    .breadcrumb-wrapper {
        padding-top: 150px !important;
        padding-bottom: 70px !important;
    }
}


/* =============================================
   Logo Size Fix — Header & Footer
   ============================================= */

/* Header logo-1 (shown at top, white logo) */
.header-logo-1 img,
.header-logo-2 img {
    max-height: 55px !important;
    width: auto !important;
    max-width: 160px !important;
    display: block;
}

/* Sticky header — slightly smaller logo */
.sticky .header-logo-2 img {
    max-height: 48px !important;
    max-width: 145px !important;
}

/* Footer logo inside widget-head */
.single-footer-widget .widget-head a img,
.footer-section .widget-head a img {
    max-height: 50px !important;
    width: auto !important;
    max-width: 150px !important;
    display: block;
}

/* Offcanvas / Mobile sidebar logo */
.offcanvas__logo a img {
    max-height: 48px !important;
    width: auto !important;
    max-width: 145px !important;
}