/*
Theme Name: Steeler Child
Theme URI: http://demo.7iquid.com/steeler
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: steeler
Description: Steeler is a WordPress theme exclusively built for manufacture, industry, factory, laboratory or construction company websites. The theme helps you to get your site up and running in less than minutes with the One Click Demo Importer. Create pages easily with the Drag & Drop Page Builder (Elementor Free) and fully responsive, retina ready and easy to customize.
Version: 3.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: steeler-child
Tags: factory, industrial, gas, chemical, company, construction, engineering, industry, laboratory, manufacture, mechanical, mining, oil, pharmaceutical, refinery, translation-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.
*/

body {
  background-color: #fff;
  font-size: 18px !important;
  line-height: 1.6;
  color: #666;
  overflow-x: hidden;
  font-weight: normal;
  letter-spacing: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-family: 'SF Compact Text', sans-serif;
  /*----------------------------- Heading Font -----------------------------*/
}

.hrn-timeframe .cms-company-history .history-box-items .box-item .box-image {
    width: 15%;
    flex: none;
    margin-right: 20px;
}
.hrn-timeframe .cms-company-history .history-box-items .box-item .content-inner
{
    padding:20px;
}
.hrn-timeframe .cms-company-history .history-box-items .box-item + .box-item {
    margin-top:30px;
}



/* Pill design */
.stc-pills ul li .elementor-icon-list-text {
    border:1px solid #fff !important;
    padding: 12px 16px;
    border-radius: 14px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1;
}
.stc-pills ul {
    row-gap: 10px;
}

.cms-fancy-box.layout4 .cms-fancy-box-description {
    margin-bottom:0px;
    padding-bottom:50px;
}
.stc-forging-material .item-content, .stc-forging-material .item-title {
    text-align: left;
}

    /* added by hirin 16-04-26 */

.cms-tabs.style4 {
  display: flex;
  align-items: stretch;
  gap: 0;
  background-color: #fff;
  border: none;
  border-radius: inherit;
  flex-wrap: wrap;
}
.cms-tabs.style4 .cms-tabs-title {
  width: 260px;
  min-width: 190px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 20px;
  border-right: 1px solid #dedede;
}
.cms-tabs.style4 .cms-tabs-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 30px 35px 25px;
}
.cms-tabs.style4 .cms-tab-title {
  font-family: 'Google Sans', serif;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  color: #1a191d;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 18px 20px;
  background-color: #f8f8f8;
  border: 1px solid #dedede;
  border-radius: 0;
  cursor: pointer;
  transition: all 300ms ease 0ms;
}
.cms-tabs.style4 .cms-tab-title:hover,
.cms-tabs.style4 .cms-tab-title:focus {
  background-color: #e7e7e7;
  border-color: #c1c1c1;
}
.cms-tabs.style4 .cms-tab-title.active {
  background-color: #cd0001;
  color: #fff;
  border-color: #cd0001;
}
@media screen and (max-width: 991px) {
  .cms-tabs.style4 {
    flex-direction: column;
  }
  .cms-tabs.style4 .cms-tabs-title {
    width: 100%;
    padding-right: 0;
    border-right: none;
    margin-bottom: 20px;
  }
}
/* added by hirin 16-04-26 */
/* ===== BULLET LIST FIX ===== */
.red-bullets {
    list-style: none;        /* remove default bullets */
    padding-left: 0;
}

.red-bullets li {
    position: relative;
    padding-left: 22px;      /* space for custom bullet */
    margin-bottom: 10px;
    color: #000;
    line-height: 1.5;
}

/* Custom red bullet */
.red-bullets li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #CD0001;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.6em;
}

/* ===== SCROLL ANIMATION ===== */
.scroll-animate li {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.scroll-animate li.show {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger effect */
.scroll-animate li:nth-child(1) { transition-delay: 0.1s; }
.scroll-animate li:nth-child(2) { transition-delay: 0.2s; }
.scroll-animate li:nth-child(3) { transition-delay: 0.3s; }
.scroll-animate li:nth-child(4) { transition-delay: 0.4s; }

/* Hover effect */
.scroll-animate li:hover {
    transform: translateX(5px);
}

.equal-height .elementor-column {
    display: flex;
}

.equal-height .elementor-widget-wrap {
    display: flex;
}

.equal-height .equal-height {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.shadow-hover.elementor-widget-icon-box
{
    height: 100%;
}

.cms-contact-box-layout2 .info-item .inner-icon svg {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px;
  max-height: 46px;
  font-size: 46px !important;
  line-height: 1;
}
/* ends hirin -16-04-26 */


.cms-contact-box-layout2 .info-item .inner-icon,
.cms-contact-box-layout2 .info-item .inner-icon svg {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px;
  max-height: 46px;
  font-size: 46px !important;
  line-height: 1;
}
.cms-contact-box-layout2 .contact-box-title h3 {
    margin-bottom:10px;
    text-transform: uppercase;
    color: white;
}

.cms-contact-box.cms-contact-box-layout2 {
    padding:25px 20px 22px 20px!important;
}
.transperant-tabs .cms-tabs.style4 {
    background-color: transparent;
}

.tya-first-machine-box .cms-contact-box-layout2 .info-item:last-child .inner-icon {
    width: 0px !important;
}
.machine-table {
    border:0px;
}
.machine-table td {
    padding:2px;
    font-size:12px; 
    margin-left:-54px;
    border:0px;
    border-bottom:1px solid #ededed !important;
}


/* Ensure Service Parts carousel items have equal height */
/*.cms-service-parts-carousel .cms-slick-primary .slick-slide,*/
/*.cms-service-parts-carousel .cms-slick-nav-wrap .slick-slide {*/
/*	height: 100% !important;*/
/*}*/
/*.cms-service-parts-carousel .cms-slick-primary .slick-slide > .entry-body,*/
/*.cms-service-parts-carousel .cms-slick-nav-wrap .slick-slide > .entry-body,*/
/*.cms-service-parts-carousel .grid-item .grid-item-inner {*/
/*	height: 100%;*/
/*}*/
/*.cms-service-parts-carousel .entry-body .inner-text,*/
/*.cms-service-parts-carousel .grid-item-inner {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	height: 100%;*/
/*}*/
/*.cms-service-parts-carousel .entry-body .inner-text .entry-content {*/
/*	flex: 1 1 auto;*/
/*}*/

/* Single product: reduce the pagetitle area padding so breadcrumb fits when title moved */
body.single-product #pagetitle {
  padding: 23px 0 !important;
}

/* Product category pages: slightly taller page title area */
body.tax-product_cat #pagetitle,
body.archive.tax-product_cat #pagetitle {
  padding: 60px 0 !important;
}

.cms-lq-project-carousel.layout4 .carousel-item-inner .entry-body .entry-content {
 
  max-height: 172px !important;
  height: 172px !important;
 
}

custom-bullets {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.custom-bullets li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}

.custom-bullets li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #cd0001;
    font-weight: bold;
}

.specs-list li::before {
    content: "•";
}

.spec-heading {
    margin-top: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}

.col-offset-stc-left {
    background: #9e9e9e !important; 
    position: relative;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}




/* ===============================
   BASE ROW STYLE
================================ */
.stc-overlay {
    position: relative;
}

.stc-overlay::before {
    content: "";
    position: absolute;
    inset: 0;

   

    z-index: 1;
}

.stc-overlay > .elementor-widget-wrap {
    position: relative;
    z-index: 2;
    padding: 50px;
}

.stc-left1::before {
     background: linear-gradient(90deg, rgb(0 0 0 / 85%), rgb(8 8 8 / 17%));
    clip-path: polygon(
        0% 0%,
        85% 0%,
        100% 100%,   /* 🔴 KEY POINT */
        0% 100%
    );
}
.stc-right1::before {
     background:linear-gradient(260deg, rgb(0 0 0 / 85%), rgb(8 8 8 / 17%));
    clip-path: polygon(
         0% 0%,     /* 🔴 MUST MATCH 75% */
        100% 0%,
        100% 100%,
        15% 100%
    );
}
.stc-left2::before {
     background:linear-gradient(90deg, rgb(0 0 0 / 85%), rgb(8 8 8 / 17%));
    clip-path: polygon(
        0% 0%,
        100% 0%,
        85% 100%,   /* 🔴 KEY POINT */
        0% 100%
    );
}
.stc-right2::before {
     background:linear-gradient(260deg, rgb(0 0 0 / 85%), rgb(8 8 8 / 17%));
    clip-path: polygon(
       15% 0%,     /* 🔴 MUST MATCH 75% */
        100% 0%,
        100% 100%,
        0% 100%
    );
}
@media screen and (max-width: 991px) {
    .stc-right2::before, .stc-right1::before, .stc-left1::before, .stc-left2::before {
        clip-path:unset;
    }
}

.cms-tabs.style4 .cms-tabs-content {
    padding:0px !important;
}
.cms-tabs.style4 .cms-tabs-content .cms-tab-content {
    padding:30px 35px 25px !important;
    height:100% !important;
}
.white-font .cms-tabs.style4 .cms-tabs-content .cms-tab-content h3.elementor-heading-title {
    color:white !important;
}
.white-font .cms-tabs.style4 .cms-tabs-content .cms-tab-content h3.elementor-heading-title, .white-font .cms-tabs.style4 .cms-tabs-content .cms-tab-content .elementor-icon-list-text, .white-font .cms-tabs.style4 .cms-tabs-content .cms-tab-content p {
    color:white !important;
}
#nav-pipe-bending-why-choose-us .slick-track, #tya_machining_tmp .slick-track {
    display: flex;
   
}
#nav-pipe-bending-why-choose-us .carousel-item.slick-slide, #tya_machining_tmp .carousel-item.slick-slide {
    height:auto !important;
    display: flex;
  
}
.single-service #content {
    padding-bottom:0px !important;
}
.forging-material-icon .cms-fancy-box.layout2 .cms-fancy-box-icon img {
    height:100px !important;
}
.forging-material-icon .cms-fancy-box.layout2 .cms-fancy-box-icon {
    background: white;
}
.no-space-tabs .cms-tabs-title{
    margin-bottom:0px !important;
    
}
.tya-machining-section2-counters {
    position: absolute !important;
    bottom: 0;
}
.white-counter-suffix .cms-counter-number-suffix{
    color:white !important;
}

/* ===== FORCE EQUAL HEIGHT FOR SLICK CAROUSEL ===== */

.eq-height .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.eq-height .slick-slide {
    height: auto !important;
    display: flex !important;
}

/* IMPORTANT: slick adds inner div */
.eq-height .slick-slide > div {
    display: flex;
    width: 100%;
}

/* YOUR CARD WRAPPER */
.eq-height .carousel-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* INNER */
.eq-height .carousel-item-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* BODY */
.eq-height .entry-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* INNER BODY */
.eq-height .entry-body-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* CONTENT GROWS */
.eq-height .entry-content {
    flex: 1;
}

/* BUTTON ALWAYS BOTTOM */
.eq-height .entry-footer,
.eq-height .btn,
.eq-height a.cms-button {
    margin-top: auto;
}

@media screen and (min-width: 1200px) {
    .main-navigation ul {
        min-width:340px!important;
    }
}

.cms-fancy-box.layout3:hover .cms-fancy-box-content ul li {
  color:white;	
}

/* ===== SIDE IMAGE LAYOUT ===== */

.side-image .cms-service-carousel.layout1 .carousel-item-inner {
    display: flex;
    align-items: stretch;
    height: 100%;
}

/* IMAGE LEFT */
.side-image .entry-featured {
    width: 45%;
    flex: 0 0 45%;
    display: flex;
}

/* MAKE IMAGE FULL HEIGHT */
.side-image .entry-featured .post-image,
.side-image .entry-featured .post-image a,
.side-image .entry-featured .post-image img {
    height: 100%;
    width: 100%;
}

.side-image .entry-featured .post-image img {
    object-fit: cover;
}

/* CONTENT RIGHT */
.side-image .entry-body {
    width: 55%;
    flex: 0 0 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* REMOVE TOP BORDER GAP ISSUE */
.side-image .entry-body {
    border-top: 1px solid #dedede !important;
}

/* ===== EQUAL HEIGHT FIX ===== */

/* slick wrapper fix */
.side-image .slick-track {
    display: flex !important;
}

.side-image .slick-slide {
    height: auto !important;
    display: flex !important;
}

.side-image .carousel-item {
    height: 100%;
    display: flex;
}

.side-image .carousel-item-inner {
    width: 100%;
}

/* ===== MOBILE FIX ===== */

@media (max-width: 767px) {

    .side-image .cms-service-carousel.layout1 .carousel-item-inner {
        flex-direction: column;
    }

    .side-image .entry-featured,
    .side-image .entry-body {
        width: 100%;
        flex: 0 0 100%;
    }

    .side-image .entry-featured {
        height: 250px;
    }
}
@media (max-width: 767px) {

    /* STACK LAYOUT */
    .side-image .cms-service-carousel.layout1 .carousel-item-inner {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }

    /* IMAGE */
    .side-image .entry-featured {
        order: 1;
        width: 100%;
        flex: none !important;
        height: 220px;
    }

    /* CONTENT (FIX HERE) */
    .side-image .entry-body {
        order: 2;
        width: 100%;
        flex: none !important;   /* 🔥 VERY IMPORTANT */
        height: auto !important; /* 🔥 VERY IMPORTANT */
        display: block !important; /* 🔥 BREAK FLEX */
        overflow: visible !important;
    }

    /* INNER CONTENT FIX */
    .side-image .entry-body-inner {
        display: block !important;
    }

    /* IMAGE FIT */
    .side-image .entry-featured img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* SLICK FIX */
    .side-image .slick-slide {
        height: auto !important;
    }

}

.reverse-engineering-points {
    list-style: square !important;
    padding-left: 20px;
}

.reverse-engineering-points li {
    display: list-item !important;
    list-style-position: outside !important;
}
.reverse-engineering-points li::marker {
    color: #cd0001;
}

.cms-call-to-action.layout3 h2{
    transition: transform .2s; /* Animation */
    
}
.cms-call-to-action.layout3 h2:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  color: white !important;
}
.cms-call-to-action.layout3 h2 a {
    color:white !important;
}
@media (max-width: 767px) {
    .tya-footer-cta .elementor-container {
        flex-direction: column;
    }
}

@media (min-width: 1025px) and (max-width: 1065px) {
    .responsive-box-two-col .elementor-container .elementor-column{
        width: 100%;
    }
    .responsive-box-two-col .elementor-container{
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .cms-call-to-action.layout3 .content-text {
        /* margin-left: 15px; */
        text-align: left;
        width: 100%;
    }
}