/*
Theme Name: Hubsteel
Theme URI: https://hubsteel.casethemes.net/
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Hubsteel is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.2
License: ThemeForest

Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4
License URI: https://themeforest.net/licenses
Text Domain: hubsteel
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Copyright (c) 2025 Case-Themes. All rights reserved.
*/

.cmn-banner-main {
    position: relative;
}

.cmn-banner-main::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.50) 50%, rgba(0, 0, 0, 0.75) 100%);
    width: 100%;
    height: 100%;
    inset: 0;
}

.catlog-img {
    cursor: pointer;
}

.catlog-img * {
    transition: all 0.4s ease-in-out !important;
}

.catlog-img:hover img {
    transform: scale(1.1) !important;
}

/* ==================== Common Style Start ==================== */
:focus,
:focus-visible,
:focus-within {
    outline: none !important;
}

.elementor-icon-wrapper {
    display: flex;
}

.common-details>*:last-child {
    margin-bottom: 0 !important;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
    margin-bottom: 20px;
    margin-top: 0;
}

.common-details ul,
.common-details ol {
    margin-bottom: 20px;
}

.common-details ul li:not(:last-child),
.common-details ol li:not(:last-child) {
    margin-bottom: 15px;
}

.common-details strong,
.common-details b {
    color: #000000 !important;
}

.common-details .alignnone,
.common-details .alignleft,
.common-details .alignright,
.common-details .aligncenter {
    height: 380px !important;
    object-fit: cover !important;
}

.common-details .alignnone {
    float: none;
    margin: 20px;
}

.common-details .alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

.common-details .alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

.common-details .aligncenter {
    float: none;
    display: block;
    margin: 20px auto;
}

.common-details blockquote {
    padding-left: 30px;
    border-left: 5px solid #000000;
    margin-bottom: 20px;
}

/* ==================== Common Style End ==================== */

.footer-menu ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.contact-image,
.contact-image .elementor-widget-container,
.contact-image .pxl-image-single,
.contact-image .pxl-item--inner,
.contact-image .bg-image {
    height: 100% !important;
}

.contact-image .bg-image {
    background-position: center left !important;
}

.form-textarea {
    border: none !important;
}

.email-padding-0 {
    padding: 0px !important;
}

.cmn-tab-img .bg-image {
    background-position: center center !important;
}

.home-banner-main .pxl-swiper-slide .pxl-slider--inner {
    height: 100% !important;
}

.header-search-icon>div {
    border: none !important;
}

.sector-serve-item .pxl-banner-button {
    display: none !important;
}

.sector-serve-item .pxl-content-section {
    padding: 59px 60px 190px 44px !important;
}

.pxl-loader .page-loader {
    width: 300px !important;
}

.pxl-menu-close {
    margin-top: 45px !important;
    margin-right: 20px !important;
}

.pxl-header-mobile-search {
    display: none !important;
}

/* ==================== Responsive Style Start ==================== */

@media (min-width: 1025px) and (max-width: 1200px) {
    .facility-server .pxl-inner-click1 .pxl-click-inner .pxl-item {
        flex: 0.2 !important;
    }

    .facility-server .pxl-inner-click1 .pxl-click-inner .pxl-item.active {
        flex: 1.3 !important;
    }
}

@media (max-width: 1200px) {

    .common-details h1,
    .common-details h2,
    .common-details h3,
    .common-details h4,
    .common-details h5,
    .common-details h6,
    .common-details ul,
    .common-details ol {
        margin-bottom: 15px;
    }

    .common-details ul li,
    .common-details ol li {
        margin-bottom: 10px;
    }

    .sector-serve-item .pxl-content-section {
        padding: 40px 30px 185px 30px !important;
    }
}

@media (max-width: 1024px) {

    .facility-server .pxl-item .pxl-item--img,
    .facility-server .pxl-item .pxl-item--img img {
        height: 300px !important;
    }

    .facility-server .pxl-item .pxl-item--img img {
        object-fit: cover !important;
    }
}

@media (max-width: 767px) {

    .facility-server .pxl-item .pxl-item--img,
    .facility-server .pxl-item .pxl-item--img img {
        height: 250px !important;
    }
}

@media (max-width: 575px) {

    .common-details .alignnone,
    .common-details .alignleft,
    .common-details .alignright,
    .common-details .aligncenter {
        float: none !important;
        display: block !important;
        margin: 20px auto !important;
        height: 320px !important;
    }

    .common-width-100 {
        width: 100% !important;
    }

    .common-grid-block {
        display: flex !important;
        flex-direction: column !important;
    }

    .cmn-img-575,
    .catlog-img,
    .cmn-width-100 {
        width: 100% !important;
    }
}

/* ==================== Responsive Style End ==================== */