* {
	padding: 0;
	margin: 0 auto;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}
ul{list-style:none}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}

.form-control:focus{box-shadow:none}


body {
font-family: "Manrope", sans-serif;
color:#141414;
font-size: 16px;
font-weight:400;
line-height: 1.625;

}



.heading{ letter-spacing: 2px;color:#302d4c;font-weight:800;font-size:45px;margin-bottom:20px;line-height:60px;text-transform:capitalize}

h1,h2,h3,h4{  font-family: "Inter Tight", sans-serif;}

.container-fluid { padding: 0 80px;}
nav.navbar-expand-lg{z-index:999}
nav.navbar-expand-lg.navbar-light.fixed {background:#fff;box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137254902);}
@-webkit-keyframes slide-down{ 0%{opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
    }
    100%{opacity:.9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
        
    }}
    
    @keyframes slide-down{
        0%{opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
        100%{opacity:.9;
        -webkit-transform:translateY(0);
        transform:translateY(0)
            
}}


.navbar-brand{width:100px;margin:5px 0 0;}
.navbar-brand img{width:100%}
/*.navigation_black .white-logo{display:block}
.navigation_black .black-logo{display:none}
.white-logo{display:none}*/
/*.navigation_black nav.navbar-expand-lg.navbar-light.fixed .white-logo{display:none}
.navigation_black nav.navbar-expand-lg.navbar-light.fixed .black-logo{display:block}
.navigation_black .navbar-expand-lg{border-bottom: 1px solid #ffffff96;}
.navigation_black .navbar-expand-lg .navbar-nav{border-right: 1px solid #ffffff96;}
.navigation_black nav.navbar-expand-lg.navbar-light.fixed .navbar-nav{border-right: 1px solid #0e0e0e4a;}
.navigation_black .navbar-expand-lg a.getin-touch {color:#fff}
.navigation_black nav.navbar-expand-lg.navbar-light.fixed a.getin-touch {color: #c32026;}
.navigation_black nav.navbar-expand-lg.navbar-light.fixed:hover a.getin-touch{color:#fff}*/
.navbar-expand-lg{width: 100%;top: 0;background:transparent;position: fixed;z-index:999}
.main-nav {width: 65%;float: left;flex-wrap: wrap;}
.navbar-expand-lg .navbar-nav{margin-right:0;}
.navbar-expand-lg .nav-link{padding:30px 0px 30px;color:#fff;font-size: 15px;text-transform:capitalize;letter-spacing: 1px;font-weight: 600;}
.navigation_black nav.navbar-expand-lg.navbar-light.fixed .nav-link{color:#000;transition: all .7s ease-in-out;}
nav.navbar-expand-lg.navbar-light.fixed  .nav-link{color:#000}
nav.navbar-expand-lg.navbar-light.fixed  .dropdown-menu .nav-link{color:#000;}
.nav-item{margin-left:25px}

.nav-link:hover{color:#F2BF3C}
nav.navbar-expand-lg.navbar-light.fixed .nav-link:hover{color:#F2BF3C}

.navbar-expand-lg .nav-link{position:relative}


ul.navbar-nav li { position: relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu  {margin: 0;padding: 10px 20px;background: #fff;display: block;position: absolute;visibility: hidden;left:0px;top: 130%;opacity: 0;transition: 0.5s;border-radius:0;border:0;z-index: 99;min-width:315px;-webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.5s ease-in-out;}
  
 ul.navbar-nav li:hover .dropdown-menu  {opacity: 1;top: 100%;visibility: visible;} 
.dropdown-menu li a:hover {padding-left: 8px !important;}

.dropdown-menu li{margin-left:0} 
.dropdown-menu .nav-link{padding:10px 0;text-transform: uppercase;}
.dropdown-menu .nav-link {transition: all .8s ease-in-out;text-transform: capitalize;font-size: 15px;border-bottom: 1px solid #ccc;text-transform: capitalize;color:#000}
.navbar-expand-lg .dropdown-menu .nav-link:after{display:none}
.hero-banner{position:relative;height:610px;overflow:hidden;}
.hero-banner:after{content:'';top:0;position:absolute;left:0;width:100%;height:100%;right:0;background:#00000075;z-index:1}
.hero-caption{top:0;position:absolute;left:0;width:100%;height:100%;right:0;}
.banner-caption{display: flex;align-items: center;
/*height: 100vh;*/
    bottom: -100%;
z-index: 9;position: relative;}
.banner-caption h2{font-size: 50px;color:#fff;font-weight: 800;letter-spacing: 2px;line-height: 65px;margin-top: 0px;}
.banner-caption span{font-size:20px;color:#e68005;font-weight:600;display:inline-block;margin-top:30px}
.pad70{padding:70px 0}
.sub-title{font-size:15px;font-weight:600;margin-bottom:10px;display:block;color:#ec7f09;text-transform:uppercase;letter-spacing:1px}
.about-nsk{padding-right:60px}
.bg-grey{background:#EDF4F2}
.service-thumb{padding:40px 20px;border-radius:20px;background:#fff;margin:30px 12px}
.service-thumb h5{font-size:20px;margin-bottom:20px;font-weight:600;color:#000}
.service-thumb p{color:#000}
.reade-more{font-size: 13px;margin-top:30px;color:#ec7f09;letter-spacing: 1px;border-bottom: 1px solid #ec7f09;display:inline-block;font-weight:600}
.service-icon {width:60px;margin:0 0 35px}
.whychoose{padding-right:70px}
.why-iconpat ul{padding: 0 0 0 10px;margin:0;position:relative;overflow: hidden;}
.why-iconpat ul:after{content:'';position:absolute;left: 33px;top: 60px;width: 1px;height:68%;border: 1px dotted #000;z-index: -1;}
.why-iconpat ul li{margin:35px 0;display: flex;align-items: center;}
.why-iconpat ul li span{
    text-align: center;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #ec7f09;
    color: #fff;
    border-radius: 100%;
    line-height: 50px;
    font-size: 18px;
    font-weight: 700;
    margin-right:40px;
    position:relative;
    z-index: 2;
}
.why-iconpat ul li span:after{content:'';position:absolute;left: -10px;top: -10px;width:70px;height:70px;background: #ec7f0970;border-radius: 100%;z-index: -3;}
.why-iconpat li > div {width:90%}
.why-iconpat strong{margin-bottom: 10px;display: inline-block;font-size:20px;font-weight:600}

.testimonials-thumb {background:#fff;padding:25px;margin:0 12px;border-radius:20px;border: 5px solid #302d4c;position:relative;margin-top:20px}
.testimonials-thumb p{color:#000;font-size:16px}
.testimonials-thumb h6{font-size:18px;font-weight:700;color:#ec7f09;margin-top:30px;margin-bottom:5px}
.testimonials-thumb span{font-size:15px;color:#302d4c;font-weight: 600;}
.quotation{position:absolute;right:25px;bottom:20px;}

.inner-banner{position:relative}
.banner-height{background:url('../images/about-banner.webp');background-size:cover;background-position:center center;height:550px;width:100%}
.contact-banner{background:url('../images/contact-banner.jpg');background-size:cover;background-position:center center;height:400px;width:100%}
.career-banner{background:url('../images/career1.jpg');background-size:cover;background-position:center center;height:400px;width:100%}
.mision-thumb{border: 2px solid #a0a0a0;border-radius: 60px;padding: 30px;text-align: center;background: #fff;transition:all ease-in-out .5s;margin-top:25px}
.mision-thumb:hover {border: 2px solid #ec7f09;    box-shadow: 0 0 15px #0000005c;}
.mision-thumb h5{margin:30px 0 20px;font-size:20px;font-weight:600;color:#000}
.become-thumb{padding-left:70px;padding-top:50px}
.form-box{border: 1px solid #ccc;padding: 30px;border-radius: 20px;}
.form-box .form-control{border: 1px solid #ccc;padding: 15px 10px;background: transparent;font-size: 15px;}
.form-box .form-group{margin-bottom:20px}
.left-side{padding-right: 50px;}
.submit-btn{border: 0;background:#161616;color: #fff;font-size: 14px;padding: 10px 15px;width: 100%;border-radius: 10px;}
.address-thumb{padding:40px 40px 0;border: 1px solid #ccc; border-radius: 20px;}
.address-1{border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:20px}
.address-1 h5{font-size:20px;font-weight:600;color:#ec7f09}
.address-1 h6{font-weight:600;color:#000}
.address-1 a{color:#000}
.map{border-radius:40px;overflow:hidden;margin-top:70px}
.career-form  .form-control{border: 1px solid #ccc;padding: 15px 10px;background: #fbfbfb;font-size: 15px;}
.form-select{height:55px;color:#787777;background-color: #fbfbfb;}
.career-form .form-group{margin-bottom:15px}  
.career-form .btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;opacity: 0;outline: 0;background: #ffb703!important;color: #fff!important;cursor: inherit;display: block}
.btn-file {cursor: pointer;padding-left: 0;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: flex;align-items: center;margin: 0;font-size: 14px;}
.btn-file i {margin-right: 10px!important;color:#ffb703;border: 1px solid #ffb703;font-size: 15px;border-radius: 50%;width: 35px;height: 35px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0}
.career-form span.file-name {font-size: 12px;display: flex;margin: 0;margin-left: 10px;}

.service-thumbnail{background:#fff;padding:20px;border-radius: 20px;border: 1px solid #ccc;box-shadow: 0 0 15px #00000036;margin-top:30px;min-height: 239px;}
.service-thumbnail span{font-size:20px;width:40px;height:40px;background:#ec7f09;margin-right:15px;display: inline-block;border-radius: 100%;color: #fff;text-align: center;line-height: 40px;box-shadow: 0 0 15px #00000033;}

.service-thumbnail{margin-bottom:0}
.subheading{font-size:22px;display:inline-block;}
.electornic-number{min-height: 188px;}
.electornic-number h5{display:flex;align-items:center;}
.electornic-number h5 span{margin: 0 15px 0 0;}
.consultancy-sec .electornic-number{min-height:210px!important;}

.footer{background:#000000;padding:60px 0 0}
.ft-navbar h6, .footer h6{font-size: 18px;color:#ffb703;margin-bottom:25px;font-weight: 600;letter-spacing: 1px;}
.ft-navbar h5{color:#cfcfcf;font-size:16px;font-weight: 600;letter-spacing: 1px;}
.ft-navbar span i{color:#333;margin-right: 15px;font-size: 16px;}
.ft-navbar ul{margin:0;padding-left:0}
.ft-navbar ul li a{font-size: 15px;color: #fff;display: inline-block;margin-top: 10px;opacity:.7}
.ft-navbar strong{font-size:18px;font-weight:600;margin-bottom:10px;display:block;color:#fff}
.ft-navbar p{color:#fff;opacity:.6;font-size:15px}
.footer p{font-size:15px;color:#fff;opacity:.6}
.mail{font-size:18px;color:#ffb703;margin-bottom:15px;display:inline-block}
.tel{font-size:16px;color:#fff;opacity:.7;margin-bottom:15px}

.social-media .fa{transition:all .5s ease-in-out;color:#000;font-size: 16px;margin-right:10px;width: 30px;height: 30px;border-radius: 100%;background:#F2BF3C;text-align: center;line-height: 30px;}
.social-media .fa:hover{background:#fff;color:#F2BF3C}
.social-media .fa svg {fill:#000}
.copy-right{border-top: 1px solid #ffffff82;margin-top: 50px;padding: 15px 0;position:relative}
.copy-right p{margin:0;color:#fff;opacity:.7;font-size:14px}
.digital {width:30px;margin-right: 0;position: absolute;right: 0px;top:0px;opacity:.6}
.relative{position:relative}

.whatsapp {
    width: 40px;
    height:40px;
    color: #fff !important;
    bottom:60px;
    position: fixed;
    right:25px;
padding-top: 7px;
    z-index: 99;
    /*line-height:60px;*/
    text-align: center;
    border-radius: 100px;
}

.whatsapp .fa {
    position: relative;
}

.whatsapp:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 65%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width:50px;
    height:50px;
    background: #25d366;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.whatsapp:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 65%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width:50px;
    height:50px;
    background: #25d366;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    box-shadow: 0px ​0px 15px #45514;
}   


@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@media(max-width:991px){
 
.navbar-expand-lg {background:#000;border: 0;}    
.navbar-expand-lg .navbar-nav .dropdown-menu.show{display:block !important;}
button.navbar-toggler {width:50px;padding:0px;border-radius: 0;margin-left: auto;margin-right: 0;border: 0;}
.navbar-light .navbar-toggler-icon {background-image: url('../images/humberger.svg');width: 30px;}
.navbar-light .navbar-toggler-icon.cross {background-image: url(../images/close.svg)!important;width:40px;background-position: center !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;display:none!important;}
.navigation_black nav.navbar-expand-lg.navbar-light .white {display: block !important;}
.navigation_black nav.navbar-expand-lg.navbar-light .black {display: none !important;}
ul.navbar-nav {margin-right: 0!important;border-top:0px solid #00000038;padding: 20px 0 20px;border-right: 0px solid #0e0e0e4a!important;}
ul.navbar-nav li { margin-left: 0;}
.navbar-expand-lg .nav-link {padding: 10px 0px 10px;}
.navigation_black .navbar-expand-lg a.getin-touch {color:#c32026;}
.navigation_black .navbar-expand-lg .nav-link {color: #fff;}
.dt-get{display:none}
.mb-get{display:block;width: 125px;position: absolute;right: 85px;top: 21px;text-align:center}
.dropdown-menu .nav-link{color:#000!important}
.dropdown-menu.show {display: block!important;}
.navbar-brand {width:100px;margin: 10px 0;}
.main-nav {padding-bottom: 35px;}
.container-fluid {padding: 0 30px;}   
.hero-banner {height: 500px;}
.video-caption {height:500px}
.video-caption h1{font-size: 50px;line-height: 60px;max-width: 538px;}
.heading{font-size:35px;line-height: 45px;}
.line-left{border-left:1px solid #ccc}
.counter-title{border-bottom:1px solid #ccc}  
.absoute{width:600px}
.key-feature{display: flex!important;}
.key-thumb{border:1px solid #ccc;padding: 50px 50px;}
.blog-section .col-md-6:nth-child(2) .blog-thumb{border-right:1px solid #ccc;}
.blog-section .col-md-6:nth-child(3) .blog-thumb{border-top:1px solid #ccc;margin-top:30px;height: auto;}
.blog-section  .blog-thumb{border-bottom:1px solid #ccc}
.blog-section .col-lg-4:nth-child(2) .blog-thumb{border-bottom:1px solid #ccc}
.banner-title h1{font-size:35px;line-height:45px}
.inner-banner,.journey-section{overflow:hidden}
.whatwe{border-right: 1px solid #ccc;padding: 60px 20px;}
.mission-section .tabs-sec .nav-tabs li {margin: 0 15px 15px 0;}
.mission-section{border-top:1px solid #ccc;padding:50px 20px; height:auto}
.team-section {padding:60px 20px}
.content-part,.get-form{border-left:1px solid #ccc;border-top:1px solid #ccc}
 .heading-part,.content-part,.get-part{padding:50px 30px}
.network-list ul{padding-left:0}
.heading-part .heading,.content-part .heading,.get-part .heading{margin: 0;}
.banner-title .small-text{font-size:28px}
.benifits-section .col-lg-6:nth-child(3) .product-thumb{margin-bottom:20px}
.applcation-section .col-lg-4:nth-child(4) .product-thumb,.applcation-section .col-lg-4:nth-child(5) .product-thumb {margin-bottom:20px}
.paint-section .product-thumb{min-height: 392px;}
.range-section .col-lg-4:nth-child(3) .range-thumb{border-top:1px solid #ccc}
.range-line{border-right:1px solid #ccc}
.chart-thumb{border-left:1px solid #ddd;padding-top:0}
.chairt-part{padding:50px 20px 30px}
.price-list{padding:0px 20px 50px !important}
.location-banner .banner-title {width: 320px;margin: 0;text-align: left !important;}

.contat-form {padding: 50px 20px;}
.address-bar{display:block}
.ft-address2{width:100%!important;border-bottom:1px solid #ccc}
.ft-address{width:49%;display: inline-block;}
.address-bar .ft-address:nth-child(2){padding:50px 20px}
    
}

@media(max-width:560px){
    .container-fluid {padding: 0 15px;}   
    .banner-height{height: 200px; margin-top:64px;}
    .banner-caption{bottom:0 !important;}
    /*.hero-banner img{height: 200px; margin-top:64px;}*/
    .solution-para {padding-right: 0;}
    .tmtbar-img{margin-top:50px}
    .profile-img {width:70px;height:70px}
    .blog-section .col-lg-4:nth-child(2) .blog-thumb{border-bottom:1px solid #ccc;border-left: 1px solid #ccc;}
    .blog-section .col-lg-4:nth-child(1){padding-left: 0;}
    .blog-section .col-md-6:nth-child(3) .blog-thumb{margin-top:0px;}
    .blog-section .col-lg-4:nth-child(3){padding-right: 0;}
    .key-feature{display: block!important;}
    .key-thumb{padding: 50px 20px;}
    .strength-thumb{margin:30px 0}
    .absoute{width: 100%;position: relative;padding: 0 15px !important;}
    .bg-background{height:auto;padding:50px 0}
    .counter-title{padding:50px 20px 30px}
    .counter-thumb {padding:30px 20px;height: 100%;text-align: center;border: 1px solid #ccc;}
    .video-caption h1 { font-size: 30px;line-height: 40px;}
    .video-caption p{margin-bottom:5px}
    .hero-banner {height: 230px;margin-top:64px;}
    .video-caption {height:400px}
    .heading-part,.content-part,.get-part{padding:50px 20px}
    .network-list ul{padding-left:0px}
    .heading-part,.content-part,.get-part .heading{margin: 0;}
    .our-steel {padding: 0 0px;}
    .tmtbar-img{display:none}
    .pointes-section .points ul,.our-steel ul{display:block}
    .pointes-section .points ul li, .our-steel ul li{border-right:0;border-bottom:1px solid #ccc}
    .st-steel{font-size:30px;}
    .paint-section .product-thumb {min-height: auto;}
    .range-line{border-top:1px solid #ccc}
    .range-thumb{border-right:1px solid #ccc}
    .dealers-tab .tab-content {padding-left: 0;border-top: 1px solid #ccc;padding-top: 50px;}
    .works-btn {width: 100%;}
    .heading2 {font-size: 32px!important;}
     .chart-thumb{padding:0px 20px 50px}
     .banner-title .small-text{font-size:25px}
     .banner-title h1{font-size: 30px;line-height: 40px;}
     .testimonials-thumb{padding:10px}
     .form-section {position: relative;top: 60px;}
    .banner-form{    border: 2px solid #ccc;margin-bottom: 60px;}
    .location-banner .banner-title{text-align:center!important}
        .address-bar .ft-address:nth-child(2) {border-right:0}
    .col50{width:50%;}
    .med-30{margin-top:30px}
    .ft-address{width:100%;border-left:0!important}
    .address-bar .ft-address:nth-child(2){border-bottom:1px solid #ccc}
    .ft-address2 p br{display:none}
    .footer h2 {font-size: 30px;line-height: 40px;}
    .become-thumb {padding-left: 0;}
    .digital {width:30px;margin-right: 0;position: absolute;right: 15px;top: 15px;opacity:.6}
    .footer .relative{position:inherit!important}
    
}