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


.section-padding {
    padding: 80px 0;
}


.header-top-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0px;
    border-left: 1px solid var(--border2);
    border-bottom: 1px solid var(--border2);
    padding: 7px 20px;
}

.hero-1 {
    position: relative;
    padding: 110px 0;
}
.hero-3 .hero-content {
    padding-top: 114px;
    padding-bottom: 114px;
    position: relative;
    z-index: 9;
}
.text-justify{
    text-align: justify;
}

.faq-section {
    position: relative;
    background-color: #001659;
}
.footer-bottom .footer-bottom-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
.footer-bottom {
    padding: 10px 0;
    background-color: #001248;
}
.faq-wrapper .faq-content {
    margin-left: 70px;
    margin-top: 0;
}
.social-icon img{
    width: 30px;
    margin-right: 4px;
}
.social-icon{
    margin-top: 15px;
}
.single-footer-widget ul li{
    line-height: 34px;
}
.single-footer-widget ul{
    margin-top: 15px;
}

.quick-links{
    padding-left: 25px;
}
.call p{

    padding-left: 15px;
}
.contact{
    padding-top: 12px;
}
.breadcrumb-wrapper .page-heading {
    position: relative;
    padding-top: 60px;
    padding-bottom:0px;
}
.service-details-content ul li{
    line-height: 37px;
}
.header-logo img{
    width: 230px;
}
@media (max-width: 1399px) {
    .header-1 .header-logo {
        margin-top: 4px;
    }
}
.header-1 .header-logo {
    position: absolute;
    top: 0;
    left: 20px;
}
.header-1 .header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 240px;
    border-left: 1px solid transparent;
    padding-left: 50px;
}

footer .single-footer-widget img{
    width: 260px;
    padding: 0 0 25px 0;
}
.breadcrumb-wrapper .breadcrumb-items {
    padding: 0px 0 60px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
}

.offcanvas__logo a img {
    width: 245px;
}
.footer-widgets-wrapper {
    padding: 60px 0 60px;
}
.hero-3 .hero-content h1 {
    font-size: 65px;
    color: var(--white);
    padding: 25px 0;
}
.hero-3 .hero-content {
    padding-top: 114px;
     padding-bottom: 0px; 
    position: relative;
    z-index: 9;
}