/*
Theme Name: Zotech
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: IT Solutions & Technology 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';

/* Custom styles for feature cards */
.features-wrapper .single-feature-item {
    min-height: 400px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px;
    margin-bottom: 15px;
}

.features-3 .cards-index3 {
    height: 130px;
    border-radius: 12px;
    background: var(--white);
    box-shadow: 7px 11px 50px 52px rgba(2, 8, 66, 0.03);
    gap: 15px;
    display: flex;
    align-items: center;
    padding: 30px 40px;
    padding-right: 20px;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.features-3 .cards-index3 .icon {
    background: linear-gradient(84deg, var(--theme) 0%, var(--theme-2) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 61px;
}

.features-3 .cards-index3 h4 {
    font-weight: 600;
}

.features-3 .cards-index3:hover {
    background: var(--black-2);
}

.features-3 .cards-index3:hover h4 {
    color: var(--white);
}

.features-wrapper .single-feature-item .icon {
    margin-bottom: 15px;
}

.features-wrapper .single-feature-item h4 {
    margin-bottom: 10px;
}

.features-wrapper .single-feature-item p {
    margin-bottom: 20px;
}

.features-wrapper .single-feature-item ul {
    margin-top: auto;
}

// 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 */