/*
Theme Name: Mineral Industry
Theme URI: https://www.vwthemes.com/products/mineral-industry
Author: VWThemes
Author URI: https://www.vwthemes.com/
Description: Mineral Industry Theme provides a structured layout for presenting information about mining operations, mineral resources, industrial services, projects, and company activities. The design supports clear sections for company details, services, project information, announcements, and contact details. A responsive layout helps content adapt to different screen sizes, while organized navigation makes it easier to access important pages. The Mineral Industry theme includes customizable sections for adding images, text, service descriptions, project highlights, and business information. Homepage sections can be arranged to present key information in a logical order, while typography and color settings help maintain consistent visual presentation. Image-based sections can be used to display mining sites, equipment, facilities, or project activities. Contact and call-to-action areas provide space for inquiries and business details. The layout can also accommodate blog or news content for publishing industry updates and company announcements. Overall, the theme focuses on presenting industrial information through a clean page structure with practical content sections and responsive design.
Requires at least: 5.9
Tested up to: 7.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: mineral-industry
Template: mining-logistic
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, blog, portfolio, photography

Mineral Industry Theme, Copyright 2026 VWThemes
Mineral Industry is distributed under the terms of the GNU GPL

*/

/* Services Section */
.services-section .services-head-box{
    text-align: center;
}
.services-section .services-head-box .services-sub-title{
    display: inline-block;
    clip-path: polygon(0% 10.526%, 0% 10.526%, 0.036% 8.819%, 0.14% 7.199%, 0.306% 5.689%, 0.529% 4.31%, 0.802% 3.083%, 1.122% 2.031%, 1.481% 1.175%, 1.874% 0.537%, 2.295% 0.138%, 2.74% 0%, 95.979% 0%, 95.979% 0%, 96.483% 0.176%, 96.954% 0.683%, 97.384% 1.486%, 97.768% 2.551%, 98.096% 3.846%, 98.363% 5.336%, 98.56% 6.987%, 98.681% 8.767%, 98.719% 10.64%, 98.666% 12.574%, 94.66% 90.205%, 94.66% 90.205%, 94.558% 91.64%, 94.408% 92.98%, 94.214% 94.21%, 93.98% 95.319%, 93.711% 96.293%, 93.41% 97.119%, 93.081% 97.784%, 92.729% 98.276%, 92.358% 98.58%, 91.972% 98.684%, 2.74% 98.684%, 2.74% 98.684%, 2.295% 98.546%, 1.874% 98.148%, 1.481% 97.509%, 1.122% 96.653%, 0.802% 95.601%, 0.529% 94.375%, 0.306% 92.995%, 0.14% 91.485%, 0.036% 89.865%, 0% 88.158%, 0% 10.526%);
}
.services-section .services-outer-boxes{
    box-shadow: 0px 0px 6px 0px #00000029;
    overflow: hidden;
}
.services-section .services-icon-box .services-icon-inner{
    width: fit-content;
    box-shadow: 0px 3px 12px 0px #00000029;
}
.services-section .services-count-box .services-count-text{
    background: linear-gradient(106.5deg, #9B9B9B 8.75%, #FFEFEB 90.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services-section .services-box{
    transition: all 0.5s ease;
}
.services-section .services-box:hover{
    box-shadow: 3px 3px 10px 0px #00000029;
    background: var(--wp--preset--gradient--banner-background-color);
}
.services-section .services-box:hover .services-count-box .services-count-text{
    background: linear-gradient(106.5deg, #FFFFFF 8.75%, #FF6A3F 90.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services-section .services-box:hover .services-icon-inner{
    background-color: var(--wp--preset--color--background) !important;
}
.services-section .services-box .services-icon-inner .services-icon-img{
    transition: 1s;
}
.services-section .services-box:hover .services-icon-inner .services-icon-img{
    filter: brightness(0);
}
.services-section .services-box:hover .services-box-title,
.services-section .services-box:hover .services-para,
.services-section .services-box:hover .services-btn a{
    color: var(--wp--preset--color--background) !important;
}
.services-section .services-box .services-icon-inner {
    overflow: hidden;
}
.services-section .services-box .services-icon-img img {
    display: block;
    transition: transform 0.6s ease;
}
.services-section .services-box:hover .services-icon-img img {
    transform: scale(1.15) rotate(8deg);
}


/* Responsive */
@media screen and (max-width:767px){
    .services-section .services-head-box .services-section-title{
        font-size: 25px !important;
    }
    .services-section .services-box:nth-child(2){
        border-right: none;
        border-left: none;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }
}
@media screen and (max-width:781px){
    .services-section .services-inner-top{
        flex-wrap: nowrap !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .services-section .services-outer-boxes{
        flex-wrap: nowrap !important;
    }
    .services-section .services-box{
        padding: 20px 12px !important;
    }
    .services-section .services-icon-box .services-icon-inner{
        padding: 10px !important;
    }
    .services-section .services-count-box .services-count-text{
        font-size: 50px !important;
    }
}