/*
Theme Name: Eonfik
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Description: Construction HTML Template
Version: 2.0.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 */

 .footer-widgets-wrapper{
    background-color:whitesmoke;
    padding: 20px 0 20px;
}

.breadcrumb-wrapper {
 
    max-height: 800px !important;
}

/* .header-1 .header-main {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    border-left: 1px solid var(--border2);
}

.header-1 .header-logo {
 
}
.sticky .header-logo {
    top: 15px !important;
}

@media (max-width: 800px){
    .header-1 .header-logo {
    padding-left: 250px !important;
}
}

@media (max-width: 768px) {
    .sticky .header-logo{
        top: 1px !important;
            }
}


@media (max-width: 455px) {
    .header-1 .header-logo {
        left:5px !important;
        margin-top: -14px !important;

    }
    .sticky .header-logo{
top: 1px !important;
    }
} */



.header-logo{
    position: relative;
    max-width: 100px !important;
}

.whatsapp {
    background: #25d366;
    border-radius: 50%;
    padding: 10px 12px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 14px 0 #12ca59;
    box-shadow: 0 0 14px 0 #12ca59;
    color: #fff;
}

.call-btn {
    border-radius: 50%;
    background: #006aad;
    padding: 10px;
    -webkit-box-shadow: 0 0 14px 0 #006aad;
    box-shadow: 0 0 14px 0 #006aad;
    color: #fff;
}

.sticky-btn {
    position: fixed !important;
    left: 10px !important;
    bottom: 30px !important;
    z-index: 999 !important;
}




.logo-container {
    flex: 0 0 auto; 
  }
  
  .h-logo {
    position: absolute;
    width: 150px;
    height: auto;
    margin-top: -20px;
    margin-left: 30px;
  }

  @media(max-width: 600px) {
    .h-logo {
        position: absolute;
        width: 110px;
        height: auto;
        margin-left: 10px;
      }
    
  }

  @media(max-width: 768px) {
    .h-logo {
        position: absolute;
        width: 110px;
        height: auto;
        margin-top: 0px;
        margin-left: 10px;
      }
    
  }