/*
Theme Name: Matrik Child
Theme URI: https://www.matrik-wp.egenstheme.com/
Template: matrik
Author: Egenslab
Author URI: https://themeforest.net/user/egenslab/
Description: Matrik is a multipurpose Business WordPress Theme for the presenting of Factory and Industries. This theme is presenting for the purpose of- Oil and Gas, Metal Industries, Textile and Engineering industries also it can be used for any Factory and Industry website presentation. This theme has 6 live demos with 30+ inner pages. It is giving smooth animation experience when you will browse the site.
 This theme is completely SEO friedly and compatible with any browsers. Also fully responsive. Very well documented and absoulate clean code with smooth structure. It is definitly a perfect and well decorated theme for presenting any Factory or Industry website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready,This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.

*/

/* 22/09/2025 - Change Default Scroll Behavior */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: auto;
    }
}

/* 3/12/2025 Top Bar font color*/
#tpbr_box>.container>.row>.col-sm-12>a{color:#ffffff!important;}

/* 26/9/2024 NVM Support-CSF form */
.support-section{ padding: 2vw;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 15px; margin-bottom:3vw;}
.support-section>.row:nth-child(odd) {margin-bottom:1vw!important;}
input {
    border: 1px solid #aeaeae;
    background-color: rgba(0, 0, 0, .07);
    padding: .3vw;
	margin: .3vw;
}
textarea{
	border-radius: 4px;
	border: 1px solid #aeaeae;
    background-color: rgba(0, 0, 0, .07);
	outline: none;
    width: 100%;
    display: block;
    padding: .813em .938em;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
/* 29/9/2025 - Floating Icons */
/*
.WaChatWrapper {
    position: fixed;
    z-index: 9;
    right: 10px;
    bottom: 50px;
}
.sticky-icon {
    position: fixed;
    right: 10px;
    bottom: 170px;
    z-index: 9;
}
.sticky-icon img {
    transition: 0.3s;
    max-width: 50px;
    border-radius: 12px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.sticky-icon:hover img {
    max-width: 200px;
}

img{display:inline!important;}

/* Sticky form  */
/*
.sticky-form-icon {
    position: fixed;
    bottom: 110px;
    right: 10px;
    z-index: 1;
}
.sticky-form-icon a {
    /*background: rgb(8,69,136);*/
/*
    background: #ff3b2b;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    text-align: center;
    line-height: 50px;
}
.sticky-form-wrap {
	position: relative;
	z-index: 9;
}
.sticky-form-wrap .sticky-form {
	position: fixed;
	padding: 15px;
	top: auto;
	bottom: 50px;
	right: 70px;
	display: none;
	z-index: 9;
	background: #f0f4ff;
	border: 2px solid #ff3b2b;
	box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
	border-radius: 10px;
	max-width:32vw;
}
.sticky-form-wrap .close {
	color: #ff3b2b;
	opacity: 1;
	font-size: 1.3em;
	float:right;
}
.sticky-form-wrap.active .sticky-form {
	display: block;
}
.sticky-form input {
    background: #ffffff;
    border: 1px solid #ccc;
    height: 40px;
}
.sticky-form input[type="submit"] {
    color: #ffffff;
    background: #ff3b2b;
    cursor: pointer;
    height: auto;
}
.sticky-form-wrap .wpcf7-response-output {
    display: none;
}
.sticky-form-wrap p {
    margin-bottom: 0;
}
/* Sticky form  */
/* 10/12/2025 Porfolio link style */
.tlp-portfolio-item>.tlp-content>.tlp-content-holder>h3>a{color:#000000;}
.tlp-portfolio-item>.tlp-content>.tlp-content-holder>h3>a:hover{color:#f07d00; text-decoration:none;}
h1, h2, h3, h4, h5, h6{color:#2A231F!important;}
.footer-top-banner-section{background-color:#D8E1E7;}
.footer-top-banner-section .footer-top-banner-wrap .section-title.white span{color:#2A231F;}
.footer-top-banner-section .footer-top-banner-wrap .section-title.white span::after {
	background-color:#2a231f;}
.established h2, .widget-title h5{color:#ffffff!important;}
.inner-contact-section.two .contact-wrapper{background-image: url(/wp-content/uploads/2025/10/contact-us-bg.jpg)!important;
}

/* 4/12/2025 Menu scoll up issue */
header.style-1{background-color:#ffffff!important;}
/*28/11/2025 */

header.style-1 .nav-right::before {background-color: transparent;!important;}
<!--1/10/2025 Menu Style -->
header.style-1 .main-menu > ul > li.menu-item-has-children{z-index:2; }
header.style-1 .main-menu > ul > li > a {text-transform: capitalize!important;}
header.style-1 .main-menu > ul > li > a {padding: 10px 6px!important;}
header.style-1 .nav-right .right-sidebar-button span{text-transform: capitalize!important;}
.elementor-3721 .elementor-element.elementor-element-dc05dfc .wpr-slider-sub-title * {
    color: #FFFFFF!important;
    font-family: var(--font-manrope);
    font-size: 50px;
    font-weight: 700;
    padding: 5px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
h2{font-family: var(--font-manrope);}
.footer-section .footer-wrapper .footer-menu-and-address-wrap .contact-area li .single-contact .content h6 a{
	font-size:13px!important;
	}

.banner-cta{margin:1.5rem 0 0 1.5rem!important;}

/* 27/10/2025 Typewriter Animation */
/* CSS (pure) */ 
.typewriter {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-weight: 600;
  font-size: 2rem;
  white-space: nowrap;
  overflow: hidden;
  border-right: .12em solid currentColor; /* caret */
  width: 0; /* will be animated to full width */
  animation:
    typing 3s steps(99, end) forwards, /* adjust steps(n) to match char count */
    blink-caret .75s step-end infinite;
}

/* reveal from 0 -> full (use steps with number of characters) */
@keyframes typing {
  from { width: 0; }
  to   { width: 99ch; } /* choose ch units consistent with steps() */
}

@keyframes blink-caret {
  from, to { border-color: transparent; }
  50%     { border-color: currentColor; }
}
/* END Typewriter */