@charset "UTF-8";

/*
Theme Name: Hatco
Theme URI: https://wordpress.org/themes/hatco/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Hatco is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Hatco elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.6
Requires PHP: 5.6
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hatco
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Hatco WordPress Theme, (C) 2020 WordPress.org*/

body #content .hero-sec .home-cat-slider .slick-slider .slick-list .cat-slide p{font-size: 1.1em; font-weight: 500; text-transform: uppercase; font-family: var(--global-font-family); color: #fff;}

/* materials */


/* quality */
body #content .qu-faq-sec{margin-bottom:4em;}
body #content .quality-row-2{margin:2.5em auto !important;max-width:60%;}
body #content .quality-row-2 .qu-emply{margin-top:1em;color:#2E2E2E;font-size:1.5em;}
body #content .qu-faq-row > .vc_col-sm-9 > .vc_column-inner > .wpb_wrapper{ padding: 3em;}
body #content .qu-faq-row-2 > .vc_col-sm-10 > .vc_column-inner > .wpb_wrapper{ padding: 3em;}
body #content .qu-faq-row .qu-h4{padding:0.3em 0;}
/* quality  tabel css*/
body #content .quality-mb-tab{display:none;}
body #content .obj-tabel-row{margin:2.5em 0 !important;}
body #content .obj-tabel-row table {width: 100%;border-collapse: collapse;text-align: left;}
body #content .obj-tabel-row table th, td {padding: 20px;}
body #content .obj-tabel-row table th {background-color: #2e358d;color:#fff;font-family: var(--global-font-family);font-size: 1.8em;font-weight: 600;line-height: normal;text-align:center;}
body #content .obj-tabel-row table td:first-child {font-weight: 600;text-align: center;background-color:#2e358d;color: #fff;font-family: var(--global-font-family);font-size: 1.2em;width:150px;padding:0;}
body #content .obj-tabel-row table td{font-family: var(--global-font-family);font-size: 1.05em;font-weight: 400;}
body #content .obj-tabel-row table tr:nth-child(even) {background-color: #f2f2f2;}

/* testing page */
body #content .testing-row .testing-col-txt > .vc_column-inner > .wpb_wrapper{padding:3em;}

/* h4 margin */
body #content .industries-inside-inner .mt-h4{margin-top:0.5em;}

/* Ali Asghar Css (Start) */

.aboutus-row{
	margin: 60px 0 !important;
}
.aboutus-row .image-box> .vc_column-inner> .wpb_wrapper> .about-img> .wpb_wrapper{
	position: relative;
}
.aboutus-row .image-box>.vc_column-inner {
	justify-content: center;
}
.aboutus-row .image-box> .vc_column-inner> .wpb_wrapper> .about-img> .wpb_wrapper:before {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: -25px;
    background-color: #2E358D;
    z-index: -1;
    top: -25px;
}
.aboutus-row .image-box .about-img img {
    width: 100%;
}

.grid-box .first-inner-row .desc-box{
    padding: 30px;
    background-color: #2e358d1a;
}
.grid-box .first-inner-row .desc-box>.vc_column-inner {
    justify-content: center
}
.grid-box .first-inner-row .image-box .image> .wpb_wrapper{width:100%;}
.grid-box .first-inner-row .image-box .image> .wpb_wrapper> .vc_single_image-wrapper{width:100%;}
.grid-box .first-inner-row .image-box .image> .wpb_wrapper> .vc_single_image-wrapper> img{width:100%;}
.grid-box .second-inner-row .image-box .image>.wpb_wrapper {
    width: 100%;
}
.grid-box .second-inner-row .image-box .image>.wpb_wrapper>.vc_single_image-wrapper {
    width: 100%;
}
.grid-box .second-inner-row .image-box .image>.wpb_wrapper>.vc_single_image-wrapper> img {
    width: 100%;
}
.grid-box .second-inner-row .desc-box {
    padding: 30px;
    background-color: #2e358d1a;
}
.grid-box .second-inner-row .image-box>.vc_column-inner {
    justify-content: center
}
.grid-box .second-inner-row .desc-box> .vc_column-inner{justify-content:center;}
.commitment-row {
    margin: 50px 0 !important;
}
.commitment-row .quality {
    border-right: 1px solid #000;
}
.know-us-row .icon-row {
    display: flex;
    justify-content: space-between;
    margin: 40px !important;
}
.know-us-row .icon-row:before, {
    display: none;
}
.know-us-row .icon-row .info .vc_icon_element {
    margin-bottom: 0 !important;
}
.know-us-row .icon-row .info> .vc_column-inner> .wpb_wrapper {
    border: 1px solid #2E358D;
    padding: 25px;
    border-radius: 23px;
    position: relative;
    overflow: hidden;
}
.know-us-row .icon-row .info> .vc_column-inner> .wpb_wrapper::after {
    content: "";
    border: 1px solid #2E358D;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 23px;
    background-color: #2E358D;
    transition: all 0.5s ease-out;
    height: 0%;
    z-index: -1;
}
.know-us-row .icon-row .info> .vc_column-inner> .wpb_wrapper:hover::after {
    height: 100%;
    color: #fff;
}	
.know-us-row .icon-row .info>.vc_column-inner > .wpb_wrapper:hover svg path {
    color: #fff !important;
	transition: all 0.3s ease-out;
}
.know-us-row .icon-row .info>.vc_column-inner > .wpb_wrapper:hover p {
    color: #fff !important;
	transition: all 0.3s ease-out;
}
.know-us-row .icon-row .info>.vc_column-inner > .wpb_wrapper:hover p a{
	 color: #fff !important;
	transition: all 0.3s ease-out;
}
.know-us-row {
    margin: 50px 0 !important
}
body #content .distributors-section .distributors-row .single-distributors{margin-bottom:30px;}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper> .mg-top{margin-top:15px;}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper> .sub-head{margin-bottom:0;min-height: 80px;display: flex;justify-content: center;align-items: center; width: 100%;}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper{padding: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);height: 100%;display: flex;flex-direction: column;align-items: center;border-radius: 10px;transition:0.4s;}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper:hover {transform:translatey(-10px);}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper> .wpb_single_image{height:fit-content;}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper> .wpb_single_image> figure.wpb_wrapper{display:block;height:fit-content;}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper> .wpb_single_image> figure.wpb_wrapper> .vc_single_image-wrapper{display:block;height:fit-content;}
body #content .distributors-section .distributors-row .single-distributors> .vc_column-inner> .wpb_wrapper> .wpb_single_image> figure.wpb_wrapper> .vc_single_image-wrapper img{height:120px;max-width:initial;object-fit:contain;width:80%;vertical-align: middle;}