@import url("https://use.fontawesome.com/releases/v5.14.0/css/all.css");

@font-face {
    font-family: 'Fira-Sans-Bold-Italic';
    src: url('../fonts/FiraSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Extra-Bold';
    src: url('../fonts/FiraSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Black-Italic';
    src: url('../fonts/FiraSans-BlackItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Bold';
    src: url('../fonts/FiraSans-Bold.woff2') format('woff2'),
        url('../fonts/FiraSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Extra-Bold-Italic';
    src: url('../fonts/FiraSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Black';
    src: url('../fonts/FiraSans-Black.woff2') format('woff2'),
        url('../fonts/FiraSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Light';
    src: url('../fonts/FiraSans-Light.woff2') format('woff2'),
        url('../fonts/FiraSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Medium';
    src: url('../fonts/FiraSans-Medium.woff2') format('woff2'),
        url('../fonts/FiraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Light-Italic';
    src: url('../fonts/FiraSans-LightItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Italic';
    src: url('../fonts/FiraSans-Italic.woff2') format('woff2'),
        url('../fonts/FiraSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Medium-Italic';
    src: url('../fonts/FiraSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Semi-Bold';
    src: url('../fonts/FiraSans-SemiBold.woff2') format('woff2'),
        url('../fonts/FiraSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Extra-Light';
    src: url('../fonts/FiraSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Regular';
    src: url('../fonts/FiraSans-Regular.woff2') format('woff2'),
        url('../fonts/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Extra-Light-Italic';
    src: url('../fonts/FiraSans-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Thin';
    src: url('../fonts/FiraSans-Thin.woff2') format('woff2'),
        url('../fonts/FiraSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Thin-Italic';
    src: url('../fonts/FiraSans-ThinItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira-Sans-Semi-Bold-Italic';
    src: url('../fonts/FiraSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}





* {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
}

body {
    font-size: 16px;
    font-family: 'Fira-Sans-Regular';
    background: #f3f4f6;
    color: #5e6371;
}

p:last-child {
    margin: 0px;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

.z-index-0 {
    z-index: 0;
}

::selection {
    background: rgba(166, 206, 57, .5);
    color: #000;
}

header.headersection {
    box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px;
    padding: 12px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
}

a.navbar-brand {
    padding: 0;
}

a.navbar-brand img {
    max-width: 262px;
}

.navbar-classic.navbar-light .navbar-nav .nav-link {
    color: #181825;
    padding: 12px 16px;
}

.navbar-classic .navbar-nav .nav-item .nav-link {
    color: #777;
    padding: 12px 8px 0;
    line-height: 20px;
    border-bottom: transparent;
    letter-spacing: 0.5px;
    /* font-family: 'Fira-Sans-Bold'; */
    text-transform: uppercase;
    font-size: 15px;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover {
    color: #a6ce39;
}

/*li.nav-item > a.nav-link.active {
    color: #a6ce39;
}*/
li.nav-item > a.nav-link.custmenu.active {
    color: #a6ce39;
}

li.nav-item.dropdown > a.nav-link.dropdown-toggle.active {
    color: #a6ce39;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
    color: #a6ce39;
}

.navbar-classic.navbar {
    padding: 0px;
}

.navbar-classic .dropdown-toggle::after {
    margin-top: 0px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: -2px;
    content: "\f107";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #777;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    float: right;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
    border-radius: 0px;
}

.navbar-brand {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-right: initial;
    line-height: inherit;
    white-space: nowrap;
    color: #181825;
    font-size: 24px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem;
    padding: 0px;
    margin: 10px 0px 0;
    color: #808294;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
}

.dropdown-item {
    color: #777;
    line-height: 20px;
    border-bottom: transparent;
    /*    letter-spacing: 0.5px;*/
    /*    font-family: 'Fira-Sans-Bold';*/
    font-size: 15px;
    display: block;
    width: 100%;
    padding: 8px 14px;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #4955ef;
    text-decoration: none;
    background-color: #eeeffd;
    border-radius: 4px;
}

.dropdown-item:focus .dropdown-toggle::after,
.dropdown-item:hover.dropdown-toggle::after {
    color: #4955ef;
}

.dropdown-item:hover.dropdown-toggle::after {}

a.dropdown-item:hover.dropdown-toggle.subarrow::after {
    color: #000;
}

@media(min-width:992px) {
    .dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .dropdown-submenu:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 17px;
    top: 25px;
}

.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-left: 13px;
    margin-right: .1rem;
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.mega-dropdown {
    position: unset;
}

.mega-dropdown-menu {
    width: 100%;
    position: absolute;
    top: 63px;
    margin: 15px 0px;
}

.mega-dropdown-menu ul {
    list-style: none;
}

.nav-dropitem-arrow {
    position: relative;
    font-size: 12px;
    opacity: 0;
    padding-right: 10px;
}

.nav-dropitem-arrow i {
    position: absolute;
    /* top: -1px;
	*/
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #a6ce39;
    border-radius: 4px;
}

.dropdown-item:hover .nav-dropitem-arrow {
    color: #4955ef;
    opacity: 1;
    margin-right: 5px;
}

.navbar-classic .navbar-toggler,
.navbar-boxed .navbar-toggler {
    /*	padding: 17px 15px;*/
    padding: 12px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #a6ce39;
    border: 1px solid #eaeaf0;
    border-radius: .25rem;
    position: relative;
}

/* mobile menu css */
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #495bfb;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.icon-bar {
    width: 21px;
    height: 3px;
    background-color: #000;
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 4px
}

.navbar-toggler:focus {
    outline: 0px;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 190%;
    background-color: #000;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% -80%;
    background-color: #000;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
    background-color: #000;
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
    background-color: #000;
}


.padding {
    padding: 25px 0;
}

.pad-bot {
    padding-bottom: 160px;
}

/*slidersection*/
.heroslidersection {
    padding-top: 100px;
}

.item.custitems {
    position: relative;
}

.ourjourney-head.componentshead h3 {
    margin-bottom: 80px;
}

.custitems-sub {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.custitems-sub h4 {
    color: #fff;
    font-size: 48px;
    /*    font-family: 'Fira-Sans-Bold';*/
}

.custitems-sub p {
    color: #fff;
    font-size: 18px;
}

/*end slidersection*/


/*banner*/

.banner {
    background: url("../images/pagies-banner.jpg");
    height: 250px;
    background-size: cover;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: -19px -3px 4px 0 rgb(0 0 0 / 5%) inset;
    margin-top: 100px;
}

.footer-desc.footeralignment h3 a {
    color: #a6ce39;
}

.investment-banner {
    background: url("../images/investment-casting/investment-casting-banner.jpg");
}

.batter-terminal-banner {
    background: url("../images/battery-terminal/battery-terminal.jpg");
}

.deve-banner {
    background: url("../images/development/development-banner.jpg");
}

.earth-clamp-banner {
    background: url("../images/earth-clamp-banner.jpg");
}

.electronic-industry-banner {
    background: url("../images/electronic-industry-banner.jpg");
}

.management-banner {
    background: url("../images/management-banner.jpg");
}

.contact-us-banner {
    background: url("../images/contact-us-banner.jpg");
}

.cable-lugs-banner {
    background: url("../images/cable-lugs-banner.jpg");
}

.cable-glands-banner {
    background: url("../images/cable-glands-banner.jpg");
}

.gi-fitting-banner {
    background: url("../images/products/gi-fittings/banner.jpg");
}

.ss-fittings-banner {
    background: url("../images/ss-fittings-banner.jpg");
}

.company-profile-banner {
    background: url("../images/company-profile-banner.jpg");
}

.brass-conduit-fittings-banner {
    background: url("../images/brass-conduit-fittings-banner.jpg");
}

.earthing-accessories-banner {
    background: url("../images/earthing-accessories-banner.jpg");
}

.line-tap-split-bol-banner {
    background: url("../images/line-tap-split-bol-banner.jpg");
}

.terminal-bar-block-banner {
    background: url("../images/terminal-bar-block-banner.jpg");
}

.cable-cleat-banner {
    background: url("../images/cable-cleat-banner.jpg");
}

.brass-fittings-banner {
    background: url("../images/brass-fittings-banner.jpg");
}

.productbanner-breadcrume {
    display: flex;
    justify-content: space-between;
}

.breadcrume-head {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Fira-Sans-Medium';
}

ol.breadcrumb.custbreadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

ol.breadcrumb.custbreadcrumb > li.breadcrumb-item > a {
    color: #a6ce39;
}

ol.breadcrumb.custbreadcrumb > li.breadcrumb-item.active {
    color: #fff;
    font-family: 'Fira-Sans-Light';
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

/*end banner*/

/*applicativesectorssection*/
.applicativesectorssection {
    padding: 60px 0 20px;
    background: url("../images/applicative-sectors/applicative-sectors-bg.png");
    background-attachment: fixed;
}

.applicativesectors-desc {
    text-align: center;
    margin-bottom: 30px;
}

.applicativesectors-desc img {
    border-radius: 50%;
    border: 2px solid #000;
    margin: 0 0 10px;
    max-width: 150px;
}

.applicativesectors-desc h3 {
    font-size: 16px;
    color: #fff;
    font-family: 'Fira-Sans-Light';
}

/*end applicativesectorssection*/


/*homeproductsection */
.homeproductsection {
    background: url(../images/product-slider-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.item.product-items h4 {
    font-size: 18px;
    background: #a6ce39;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-family: 'Fira-Sans-Light';
    border: 1px solid #a6ce39;
}

.item.product-items {
    margin-bottom: 20px;
}


.res-view {
    display: none;
}

.aboutus-right {
    box-shadow: rgb(17 17 26 / 10%) 0px 0px 16px;
    margin-top: 25px;
    padding: 30px 20px;
    margin-left: -150px;
    /*background: #fff;*/
}

.aboutus-right p {
    margin-bottom: 20px;
    color: #5e6371;
    font-family: 'Fira-Sans-Light';
    line-height: 28px;
    text-align: justify;
}

.aboutus-right.homeaboutus {
    margin-top: 30px;
}

.aboutus-right.homeaboutus h4 {
    margin-bottom: 10px;
    font-size: 26px;
    text-transform: uppercase;
    font-family: 'Fira-Sans-Light';
    color: #004F65;
}

.management-right.company-profile h4 {
    color: #000;
    margin-bottom: 15px;
    font-size: 22px;
}

.management-right.company-profile ul li {
    margin-bottom: 10px;
}

.management-right.company-profile ul li:last-child {
    margin-bottom: 0;
}

.themebtn a {
    font-style: 14px;
    color: #a6ce39;
    padding: 8px 20px;
    display: inline-block;
    text-transform: uppercase;
    transition: all .3s ease-in;
    border: 1px solid #a6ce39;
}

.themebtn a:hover {
    background: #a6ce39;
    color: #fff;
    border: 1px solid transparent;
}

/*end aboutussection*/


.bg-black {
    background: #000;
}

.bg-gray {
    background: #eee;
}


/*infrastructuresection*/
.infrastructuresection {
    padding: 30px 0;
}



.cust-hr-line hr {
    margin: 30px 0;
    border-top: 2px solid rgba(0, 0, 0, .1);
}

.custalignment {
    display: flex;
    align-items: center;
}

.infrastructur-desc {
    text-align: center;
    margin-bottom: 30px;
}

.infrastructur-desc-head p {
    color: #000;
    font-size: 18px;
}

.infrastructur-desc h3 {
    margin-bottom: 40px;
    color: #000;
    font-size: 28px;
    position: relative;
    font-family: 'Fira-Sans-Medium';
}

.infrastructur-desc h3::after {
    content: "";
    position: absolute;
    top: 45px;
    left: 50%;
    width: 70px;
    height: 5px;
    background: #a6ce39;
    margin-left: -50px;
}


.infrastructur-desc p {
    color: #000;
    line-height: 28px;
}

/*end infrastructuresection*/


/*industrieswecatersection*/
.industrieswecatersection {
    padding: 60px 0 30px;
}

.industrieswecater-desc {
    margin-bottom: 30px;
    text-align: center;
    padding: 20px 10px 0 10px;
    -webkit-transition: all 1s ease;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0px 10px 14px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    transform: scale(1);
    transition: box-shadow: 0 4px 4px rgb(0 0 0 / 10%), 9px -10px 12px 3px rgb(0 0 0 / 5%), 9px 11px 20px rgb(225 225 225 / 10%), 2px 1px 9px rgb(247 247 247 / 10%), -1px 4px 6px rgb(173 173 173 / 15%), 3px 5px 5px 0px rgb(0 0 0 / 0%);
    transform: scale(1.02) translateY(-0.3rem);
    height: 290px;
}

.industrieswecater-desc:hover {
    box-shadow: rgb(0 0 0 / 5%) 0px 10px 14px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 10%), 0 1px 6px rgb(0 0 0 / 5%), 0 8px 8px rgb(0 0 0 / 10%), 0 16px 16px rgb(0 0 0 / 10%), 8px 32px 32px rgb(0 0 0 / 15%), 8px 64px 64px rgb(0 0 0 / 15%);
    transform: scale(1.02) translateY(-0.3rem);
}

.industrieswecater-desc:hover .img-second {
    display: block;
    background: #779b16;
    transition: all 1s;
}

.industrieswecater-desc:hover img.img-first {
    display: none;
}

.industrieswecater-desc h3 {
    color: #515051;
    font-family: 'Fira-Sans-Light';
    font-size: 20px;
    margin: 20px 0 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
}

.industrieswecater-desc p {
    font-family: 'Fira-Sans-Light';
    text-align: center;
    color: #777;
}

/*end industrieswecatersection*/



/*qualitysection*/
.capabilities-desc.quality-desc p {
    margin-bottom: 40px;
    text-align: center;
}

/*end qualitysection*/




/*capabilitiessection*/
.capabilitiessection {
    padding: 60px 0;
}

.capabilities-desc h3 {
    margin-bottom: 40px;
    color: #000;
    font-size: 28px;
    position: relative;
    font-family: 'Fira-Sans-Medium';
}

.capabilities-desc h3::after {
    content: "";
    position: absolute;
    top: 45px;
    left: 0;
    width: 70px;
    height: 5px;
    background: #a6ce39;
}

.capabilities-desc p {
    color: #000;
    margin-bottom: 10px;
}

.capabilities-desc ul {
    padding-left: 20px;
}

.capabilities-desc ul li {
    color: #000;
    font-size: 16px;
    line-height: 26px;
}

/*end capabilitiessection*/




/*qclaboratorysection*/
.qclaboratorysection {
    padding: 50px 0 20px;
}

.qclaboratory p {
    margin-bottom: 30px;
}

.qclaboratory-text {
    margin-bottom: 30px;
    border: 1.5px solid #a6ce39;
}

.qclaboratory-text h5 {
    font-family: 'Fira-Sans-Light';
    background: #a6ce39;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

/*end qclaboratorysection*/


/*contactsection*/
.contactusaddress {
    display: flex;
    margin-bottom: 10px;
}

.contactusdetails h3 {
    color: #000;
    font-family: 'Fira-Sans-Medium';
}

.plant-office p {
    color: #000;
    margin-bottom: 15px;
    font-family: 'Fira-Sans-Medium';
    font-size: 18px;
    letter-spacing: 1px;
}

.contactusicon {
    margin-right: 15px;
    color: #a6ce39;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
}

.contactusdesc {
    color: #000;
}

.contactusdesc a {
    color: #000;
}

/*end contactsection*/


/*whyussection*/
.whyus-desc {
    margin-bottom: 30px;
    text-align: center;
    height: 370px;
    padding: 20px 10px 0 10px;
    -webkit-transition: all 1s ease;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0px 10px 14px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    transform: scale(1);
    transition: box-shadow: 0 4px 4px rgb(0 0 0 / 10%), 9px -10px 12px 3px rgb(0 0 0 / 5%), 9px 11px 20px rgb(225 225 225 / 10%), 2px 1px 9px rgb(247 247 247 / 10%), -1px 4px 6px rgb(173 173 173 / 15%), 3px 5px 5px 0px rgb(0 0 0 / 0%);
    transform: scale(1.02) translateY(-0.3rem);

}

.whyus-desc:hover {
    box-shadow: rgb(0 0 0 / 5%) 0px 10px 14px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 8px 32px 32px rgba(0, 0, 0, 0.15), 8px 64px 64px rgba(0, 0, 0, 0.15);
    transform: scale(1.02) translateY(-0.3rem);

}

.whyus-desc-icon img {
    max-width: 75px;
    text-align: center;
    padding: 10px;
    border-radius: 10%;
}

.whyus-head h4 {
    text-align: center;
    margin-bottom: 40px;
    color: #777;
    font-family: 'Fira-Sans-Light';
    font-size: 26px;
}

.whyus-desc h4 {
    color: #515051;
    font-family: 'Fira-Sans-Light';
    font-size: 20px;
    margin: 20px 0 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
}


.whyus-desc h4::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 2px;
    top: 35px;
    left: 50%;
    margin-left: -40px;
    transition: all .3s ease-in;
}

.whyus-desc.cust-whyus-desc h4::after {
    top: 60px
}

.whyus-desc-icon {
    display: flex;
    justify-content: center;
    transition: all .3s ease-in;
}


.img-second {
    display: none;
}

.whyus-desc:hover .img-second {
    display: block;
    background: #779b16;
    transition: all 1s;
}

.whyus-desc:hover img.img-first {
    display: none;
}

.whyus-desc p {
    font-family: 'Fira-Sans-Light';
    text-align: center;
    color: #777;
}


.whyus-txt p {
    font-size: 18px;
    text-align: center;
    color: #777;
    font-family: 'Fira-Sans-Light';
    line-height: 28px;
}

/*end whyussection*/


/*corepurposesection*/
.corepurposesection {
    padding: 80px 0;
    text-align: center;
    background: url("../images/corepurpos-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.aboutus-right.main-aboutus-right {
    margin: 0;
    box-shadow: none;
    padding: 0;
}

.custrow {
    justify-content: center;
}

.corepurpose-main h3 {
    font-family: 'Fira-Sans-Light';
    font-size: 28px;
    position: relative;
    color: #fff;
    margin-bottom: 10px;
}

.corepurpose-main p {
    color: #fff;
    line-height: 26px;
}

.corepurpo-icon-sesection {
    padding: 60px 0;
}

.whyus-desc.corepurpose-desc h4::after {
    top: 35px;
}

.whyus-desc.corepurpose-desc {
    height: 280px;
}

.corepurpose-txt {
    text-align: center;
}

.corepurpose-txt p {
    /*	font-size: 22px;*/
    color: #777;
    font-family: 'Fira-Sans-Light';
    line-height: 26px;
}

.aboutus-left-sub {
    text-align: center;
}

.aboutus-left-sub p {
    color: #777;
    font-family: 'Fira-Sans-Light';
    line-height: 28px;
    width: 70%;
    margin: 10px auto 20px;
}

.aboutus-sub-img {
    margin-bottom: 15px;
}

/*end corepurposesection*/


/*applicativesection*/
.applicativesection {
    padding: 70px 0;
}

.applicative-txt p {
    font-size: 18px;
    text-align: center;
    color: #777;
    font-family: 'Fira-Sans-Light';
    line-height: 28px;
    margin-bottom: 110px;
}

.applicative-desc {
    text-align: center;
    margin-bottom: 100px;
    border: 1px solid #cdcdcd;
    padding: 20px 20px;
    height: 290px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: all .3s ease-in;
}

.applicative-desc:hover {
    background: #a6ce39;
}

.applicative-desc img {
    border-radius: 50%;
    border: 2px solid #a6ce39;
    max-width: 140px;
    margin-top: -90px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.applicative-desc h5 {
    margin: 20px 0;
    color: #a6ce39;
    font-family: 'Fira-Sans-Light';
    font-size: 20px;
    position: relative;
    transition: all .3s ease-in;
    position: relative;
    text-transform: uppercase;
}

.applicative-desc:hover.applicative-desc h5 {
    color: #fff;
}

.applicative-desc:hover.applicative-desc p {
    color: #fff;
}

.applicative-desc p {
    font-family: 'Fira-Sans-Light';
    text-align: center;
    color: #777;
    transition: all .3s ease-in;
}

.applicative-desc h5::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 2px;
    background: #a6ce39;
    top: 32px;
    left: 50%;
    margin-left: -40px;
    transition: all .3s ease-in;
}

.applicative-desc:hover.applicative-desc h5::after {
    background: #fff;
}

.applicative-desc.cust-applicative-desc h5::after {
    top: 30px;
}

.applicative-desc.lastmargin {
    margin: 0;
}

/*end applicativesection*/



/*environmentsection*/
.environmentsection {}

.environment-txt h5 {
    font-family: 'Fira-Sans-Light';
    color: #a6ce39;
    margin-bottom: 30px;
    font-size: 28px;
    position: relative;
}

.environment-txt h5::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background: #000;
    left: 0;
    bottom: -10px;
}

.environment-txt p {
    color: #777;
    font-family: 'Fira-Sans-Light';
    line-height: 28px;
}

/*.sustainingourenvironment-txt {
    text-align: center;
    padding: 60px 0;
}

.sustainingourenvironment-txt h5 {
    margin-bottom: 10px;
    color: #777;
    font-family: 'Fira-Sans-Light';
    font-size: 26px;
}

.sustainingourenvironment-txt p {
    color: #777;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Fira-Sans-Light';
}*/

.sustainingourenvironment-desc h3 {
    font-family: 'Fira-Sans-Light';
    color: #a6ce39;
    margin-bottom: 30px;
    font-size: 28px;
    position: relative;
}

.sustainingourenvironment-desc h3::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 1.5px;
    background: #a6ce39;
    left: 0;
    top: 40px;
}

.sustainingourenvironment-desc.capabilities-main h3::after {
    top: 80px;
}

.sustainingourenvironment-desc h4 {
    font-family: 'Fira-Sans-Light';
    color: #a6ce39;
    margin: 10px 0;
    font-size: 22px;
    position: relative;
}

.sustainingourenvironment-desc p {
    color: #777;
    line-height: 28px;
}

.sustainingourenvironment-desc.capabilities-main p {
    margin-bottom: 10px;
}

.row.row-evironment {
    display: flex;
    align-items: center;
}

.sustainingourenvironment-desc.capabilities-main ul {
    padding-left: 20px;
    column-count: 2;
    margin-bottom: 10px;
}

.sustainingourenvironment-desc.capabilities-main ul li {
    color: #777;
    line-height: 26px;
}

.cust-hr hr {
    border-top: 10px solid rgba(0, 0, 0, .05);
    margin: 0;
}

/*end environmentsection*/


/*productsection*/
.product-description img {
    margin-bottom: 50px;
}

.mainproduct-details > .table {
    margin-bottom: 0;
}

ol.carousel-indicators {
    margin: -20px 0;
}

.carousel-indicators li {
    background: #a6ce39;
    border: 1.5px solid transparent;
}

/*.carousel-indicators li{background: #a6ce39;}*/
/*.product-text p {
    color: #777;
    font-family: 'Fira-Sans-Light';
    line-height: 28px;
    text-align: justify;
}*/

.valves-slider {
    margin-bottom: 30px;
}

/*end productsection*/


/*footerproduct*/
.footerproductslider {
    padding: 30px 0;
    background: #363536;
}

.item.footer-product-items a {
    border: 2px solid #838383;
    height: 90px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 3px;
    transition: all .3s ease;
    border-radius: 120px;
}

.item.footer-product-items a:hover {
    background: #a6ce39;
    border: 2px solid #000;
}

.item.footer-product-items a:hover .footerproductmain > .footerproducttxt h4 {
    color: #000;
}

.item.footer-product-items a:hover .footerproductmain > .footerproductimg img {
    border: 3px solid #fff;
}

.footerproductimg img {
    max-width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    border: 3px solid #fff;
}

.footerproductmain {
    display: flex;
    align-items: center;
}

.footerproductimg {
    margin-right: 10px;
}

.footerproducttxt h4 {
    font-size: 18px;
    color: #fff;
    transition: all .3s ease;
}

/*end footerproduct*/


/*footersection*/
.footer-main-section {
    padding: 40px 0;
    background: #242021;
}

.footer-logo {
    margin-bottom: 50px;
}

.footer-logo img {
    max-width: 340px;
}

.footer-desc img {
    max-width: 330px;
}

.footer-logo p {
    color: #fff;
    padding-top: 30px;
    font-family: 'Fira-Sans-Light';
}

ul.ourproducts {
    column-count: 2;
}

.footer-desc h3 {
    color: #a6ce39;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #404040;
    font-family: 'Fira-Sans-Light';
    text-transform: uppercase;
    font-size: 22px;
}

.footer-desc ul {
    padding-left: 20px;
    color: #fff;
}

.footer-desc ul li {
    line-height: 28px;
}

.footer-desc ul li a {
    color: #fff;
    display: inline-block;
    font-family: 'Fira-Sans-Light';
    font-size: 15px;
}

.footer-desc ul li a:hover {
    color: #a6ce39;
}

.footer-desc a {
    color: #fff;
}

.footer-address,
.footer-phone,
.footer-email {
    padding-bottom: 5px;
    display: flex;
}

/*.certifications-text p {
    color: #777;
    font-family: 'Fira-Sans-Light';
}*/

.footer-email {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.footer-desc {
    color: #fff;
    font-family: 'Fira-Sans-Light';
    font-size: 15px;
}

.footer-icon {
    margin-bottom: 10px;
    color: #a6ce39;
    padding-right: 20px;
}

.footercopyright {
    background: #000;
    /* background: #053f50;*/
    padding: 8px 0;
}

.copyright-left p {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;

}

.copyright-right {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
}

.copyright-right a {
    color: #fff;
}

/*end footersection*/


.row.res-view {
    display: none;
}

.ft-span {
    color: #a6ce39 !important
}

.ft-span span {
    font-size: 14px;
}

.link a {
    color: #a6ce39 !important
}

.link a:hover {
    color: #fff !important
}

.footer-desc strong {
    color: #a6ce39
}

.ft-logo img {
    width: 70%;
}

.ft-logo {
    border-bottom: 1px solid #a6ce39;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.img-pos {
    position: relative;

}


.img-pos-ab {
    position: absolute;
    bottom: 10px;
    left: 5%;
}

/*.jrny {
    background: #e7f6be;
    text-align: center;
    padding: 5%;
    border-radius: 3%;

}

.our-jrny {
    padding: 8%;
    border: 1px solid #fff;
}*/

.wht-clr {
    background: #fff;
    padding: 15px 0;
    border-radius: 3%;
}

.wht-clr p {
    font-size: 14px;
}

.no-mrg {
    margin: 0 !important
}

.aboutus-sub-img img {
    padding-bottom: 10px;
}

.brdr-right {
    border-right: 1px solid #f2f2f2;
}

.brdr-top {
    border-top: 1px solid #f2f2f2;
    padding-top: 15px;
}

.ato {
    margin: 0 auto
}

.ato img {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-bottom: 20px;
}

.het-pat {
    text-align: center;
    color: #a6ce39;
}



/*ourjourneysection*/
.ourjourneysection {
    padding: 30px 0;
    background: #fff;
}

.mil-tabs {
    margin-top: 0px;
    margin-bottom: 0px;
}

a.nav-link.millink.active {
    background: #a6ce39;
    color: #000;
}

a.nav-link.millink {
    color: #fff;
    background: #000;
    border-radius: 0;
    padding: 12px 0;
    border: none;
    font-size: 18px;
    font-family: 'Fira-Sans-Bold';
    border-right: 1px solid #fff;
}

.tab-pane {
    background: #f3f4f6;
}

.row.mil-align {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

.mil-description h3 {
    font-size: 20px;
    line-height: 30px;
    font-family: 'Fira-Sans-Medium';
    color: #000;
}

.mil-bg {
    box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px;
    padding: 15px;
    margin-top: 20px;
}

.ourjourney-head {
    text-align: center;
}

.ourjourney-head h3 {
    margin-bottom: 40px;
    color: #000;
    font-size: 28px;
    position: relative;
    font-family: 'Fira-Sans-Medium';
}

.ourjourney-head h3::after {
    content: "";
    position: absolute;
    top: 45px;
    left: 50%;
    width: 70px;
    height: 5px;
    background: #a6ce39;
    margin-left: -35px;
}

.ourjourney-head p {
    color: #000;
}

/*end ourjourneysection*/


/*managementsection*/
.managementsection {
    padding: 30px 0;
}

.ourjourney-head.management-head {
    margin-bottom: 50px;
}

.management-desc {
    display: flex;
}

.management-outer {
    display: flex;
    align-items: center;
    box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px;
    padding: 15px 0;
}

.management-right h3 {
    color: #000;
    font-size: 28px;
    position: relative;
    margin-bottom: 30px;
    font-family: 'Fira-Sans-Medium-Italic';
    letter-spacing: 1px;
}

.management-right p {
    color: #000;
    margin-bottom: 15px;
    width: 99%;
    line-height: 26px;
}

.management-right h3::after {
    content: "";
    position: absolute;
    top: 45px;
    left: 0;
    width: 140px;
    height: 5px;
    background: #a6ce39;
}

/*end managementsection*/


/*cableclandssection*/
.cableclandssection {
    padding: 20px 0;
}

.cableclands-text {
    color: #000;
}

.cableclands-img {
    margin-bottom: 30px;
}

.cableclands-img.brass-conduit-fittings {
    margin-bottom: 0;
}

.cableclands-desc ul {
    column-count: 2;
    margin: 10px 0 20px;
    line-height: 26px;
    color: #000;
    padding-left: 20px;
}

.cableclands-desc h3 {
    margin-bottom: 40px;
    color: #000;
    font-size: 28px;
    position: relative;
    font-family: 'Fira-Sans-Medium';
}

.cableclands-desc h3::after {
    content: "";
    position: absolute;
    top: 45px;
    left: 0px;
    width: 70px;
    height: 5px;
    background: #a6ce39;
}

.cableclands-desc p {
    color: #000;
    margin-bottom: 10px;
}

.cableclands-text p {
    margin-bottom: 30px;
}

.cableclands-img h4 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 0;
    background: #000;
    padding: 10px 0;
}

.cableclands-img img {
    border: 1px solid #545252;
}

/*end cableclandssection*/


/*cablelugssection*/
.cablelugs-desc {
    text-align: center;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0px 10px 14px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    padding: 10px 10px 20px 10px;
}

.cablelugs-desc.brassconduit {
    /*    height: 280px;*/
    height: 200px;
}

.cablelugs-desc.cable-size {
    height: 580px;
}

.cablelugs-desc ul {
    text-align: left;
    padding-left: 20px;
}

.cablelugs-desc ul li {
    padding-bottom: 20px;
}

.cablelugs-desc ul li:last-child {
    padding: 0;
}

.cablelugs-desc img {
    /*    border-radius: 50%;*/
    /*    margin-top: -100px;
    border: 3px solid #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
}

.cablelugs-head {
    text-align: center;
    /*    margin-bottom: 120px;*/
    margin-bottom: 30px;
}

.cablelugs-head h3 {
    color: #000;
    font-size: 28px;
    position: relative;
    font-family: 'Fira-Sans-Medium';
    margin-bottom: 40px;
}

.cablelugs-head h3::after {
    content: "";
    position: absolute;
    top: 45px;
    left: 50%;
    width: 70px;
    height: 5px;
    background: #a6ce39;
    margin-left: -36px;
}

.cablelugs-head p {
    color: #000;
    margin-top: 15px;
}

.cablelugs-desc h3 {
    color: #515051;
    font-family: 'Fira-Sans-Light';
    font-size: 20px;
    margin: 20px 0 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
}

.cablelugs-desc p {
    font-family: 'Fira-Sans-Light';
    text-align: center;
    color: #777;
}

.cablelugs-desc.earth-clamp {
    padding: 30px 20px 0px 20px;
    height: 270px;
}

.cablelugs-head ul {
    text-align: left;
    column-count: 4;
    color: #000;
    margin: 20px 0 0;
}

.cablelugs-desc.terminal-bar-block {
    height: 620px;
    margin-bottom: 30px;
}

.cablelugs-desc.terminal-bar-block.terminal-m {
    margin-bottom: 0;
}

.line-tap h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
}

.line-tap p {
    margin-bottom: 10px;
    color: #000;
}

.cablelugs-head.earthing-accessories {
    margin-bottom: 30px;
}

.cablelugs-head.ss-fittings {
    margin-bottom: 30px;
}

.aluminium-cable-cleat {
    padding: 130px 0 70px;
}

.aluminiumcable {
    margin-top: 30px;
}

.aluminiumcable img {
    border: 1px solid #545252;
}

.aluminiumcable h4 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 0;
    background: #000;
    padding: 10px 0;
}

table.table.table-bordered.material-table {
    border: 1px solid #8b8b8b;
}

table.table.table-bordered.material-table > tbody > tr > th {
    border: 1px solid #8b8b8b;
    background: #f1f1f1;
}

table.table.table-bordered.material-table > tbody > tr > td {
    border: 1px solid #8b8b8b;
}

.infrastructur-desc.processes-we-do-desc {
    margin-bottom: 0px;
}

.infrastructur-desc.processes-we-do-desc h3 {
    margin-bottom: 80px;
}

.worldmapbg {
    background: url("../images/worldmapbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-social a {
    color: #a6ce39;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    padding: 5px 10px;
}

/*end cablelugssection*/
.brassfittingssection {
    background: #fff;
    padding: 30px 0 30px;
}

.terminal-head h3 {
    text-align: center;
    color: #000;
    font-size: 28px;
    font-family: 'Fira-Sans-Medium-Italic';
    letter-spacing: 1px;
}

.whatsapp {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.whatsapp-icon {
    margin-top: 13px;
}

.whatsapp .svg-inline--fa {
    height: 1.4em;
    margin-top: 5px;
}

.whatsapp:hover {
    color: #fff;
}