* {
	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;
}

@font-face {
    
    src: url('../fonts/EurostileBQ-BoldExtended.eot');
    src: url('../fonts/EurostileBQ-BoldExtended.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostileBQ-BoldExtended.woff') format('woff'),
        url('../fonts/EurostileBQ-BoldExtended.ttf') format('truetype'),
        url('../fonts/EurostileBQ-BoldExtended.svg#EurostileBQ-BoldExtended') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    
    src: url('../fonts/EurostileExtended-Roman.eot');
    src: url('../fonts/EurostileExtended-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostileExtended-Roman.woff') format('woff'),
        url('../fonts/EurostileExtended-Roman.ttf') format('truetype'),
        url('../fonts/EurostileExtended-Roman.svg#EurostileExtended-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'made_tommyregular';
    src: url('../fonts/made_tommy_regular_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_tommy_regular_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
font-family: "DM Sans", sans-serif;
color:#141414;
font-size: 16px;
font-weight:400;
line-height: 1.625;
background:#f6f6f1;
}



h1,h2,h3{ color:#000}

.heading{ letter-spacing: 1px;color:#000;font-size:45px;margin-bottom:20px;line-height:55px;text-transform:capitalize;font-weight:800;position: relative;
    z-index: 9;  font-family: "Nunito Sans", sans-serif;}

.heading span{font-weight:200}
.top-btn{margin-top: 10px;}

.container-fluid { padding: 0 80px;}
nav.navbar-expand-lg{z-index:999}
nav.navbar-expand-lg.navbar-light.fixed {background: #f6f6f6;/*box-shadow: 10px 10px 10px #b7b7b721;*/-webkit-animation: slide-down 1.0s;animation: slide-down 1.0s;}
@-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:200px;margin:0px 0;}
.navbar-brand img{width:100%}

/*.navbar-expand-lg .navbar-collapse {*/
/*        display: flex !important;*/
/*        flex-basis: auto;*/
/*    }*/
    
/*    .navbar-expand-lg .navbar-nav {*/
/*        flex-direction: row;*/
/*    }    */
    
nav .rightnav {
    margin-right: 0;
}    

.product-itemtext{
    background:#264357;display: flex;align-items: center;height: 100%;color: #fff;padding: 100px 30px;overflow:hidden
}
    

.navigation_black nav.navbar-expand-lg{background:#fff}
.navbar-expand-lg{width: 100%;top: 0;background:linear-gradient(180deg, #ffffffeb, transparent);position: fixed;border-bottom:1px solid #605f5f38 /*#ffffff52*/}
nav.navbar-expand-lg.fixed{background:#fff;box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137254902);border-bottom:0px solid #ffffff52}
.main-nav {width: 65%;float: left;flex-wrap: wrap;}
.navbar-expand-lg .navbar-nav{margin-right:0;}
.navbar-expand-lg .nav-link{padding:20px 0px ;color:#000;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;}

nav.navbar-expand-lg.fixed  .nav-link{color:#000}
nav .nav-item {margin-left:25px}
.navbar-expand-lg .first-nav .navbar-nav li:first-child { margin-left: 0px;}

.nav-link:hover{color:#fdb813}
nav.navbar-expand-lg.navbar-light.fixed .nav-link:hover{color:#fdb813}
.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: 121%;visibility: visible;} 
.dropdown-menu li a:hover {padding-left: 8px !important;color:#fdb813}
.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: 12px;border-bottom: 1px solid #ccc;text-transform: uppercase;color: #000;}
nav.navbar-expand-lg.fixed .dropdown-menu .nav-link{color:#000}
.navbar-expand-lg .dropdown-menu .nav-link:after{display:none}
.company-overview p {text-align:justify}
.bg-grey{background:#101010}
.pad100{padding:100px 0}
.banner{position:relative;height:100vh;overflow:hidden;margin-top: 0px;}
.banner-video {width: 100%;height: 100;object-fit: cover;}
.banner-caption{position: absolute;padding: 0 auto;width: 100%;top: 0;height: 100%;align-items: center;display: flex;background:#00000063;z-index: 9;}
.banner-caption>div{margin:0 auto;width:100%;font-family: "Nunito Sans", sans-serif;text-align:center;text-transform:uppercase}
.banner-caption h2{font-size:45px;color:#fff;letter-spacing: 1px;line-height:55px;margin-bottom:40px;text-transform:uppercase;position:relative;z-index:99}
.banner-caption span{color:#FFFFFF9C;letter-spacing:2px;font-size:20px}
.banner-caption strong{ font-size:60px;color:#fff;letter-spacing: 1px;font-weight: 800;text-transform:capitalize;/*font-family: "Inter", serif;*/}
.banner-caption h2:after{content:'';position:absolute;left:0;bottom:-10px;width:30px;height:2px;background:#fdb813}
.hero-slider .item.slick-active strong{animation:fadeInDown 3s both 1.5s;}
.hero-slider .item.slick-active span{animation:fadeInDown 2s both 1.2s;}

.hero-thumnail{position:relative}
.sub-title{position:relative;color:#fdb813;margin-bottom:20px;font-size:16px;font-weight:700;letter-spacing: 2px;text-transform: uppercase;position:relative;display:inline-block;z-index: 9;}
.about-left p{text-align: center;font-size:20px}
.about-left .sub-title{padding-left:0!important}
.about-thumb{padding-left:0px}

.duron-btn {
    padding: 9px 30px;
    border: 1px solid #00354d;
    color: #00354d;
    border-radius:30px;
    background: transparent;
    font-size: 14px;
    transition: all .8s ease-in-out;
    display:inline-block;
    z-index: 9;
    position: relative;
    transition: all .4s linear;
}

.duron-btn:hover {background:#00354d;color:#fdb813}

.btn-arrow img{width:15px}
.btn-arrow{width: 40px;height: 40px;background:#fdb813;display:inline-block;padding:10px;border-radius: 100%;/* line-height: 40px; */vertical-align: middle;display: flex;align-items: center;transition: all .2s linear;}


.upvc-btn{
   display: inline-flex;
    align-items: center;
}

.about-sec,.benifits-sec,.testimonis-sec{position:relative}
.about-sec:after, .benifits-sec:after{
    content:'';
  
    background-image: url(../images/footer-left-2.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 100vh;
    width: 400px;
    display: inline-flex
;
    position: absolute;
    top: 0px;
    left: 0;
    }
    
.about-sec:before, .benifits-sec:before{
    content:'';
  
    background-image: url(../images/footer-deco-rightt.png);
    background-position: top right;
    background-repeat: no-repeat;
    height: 100vh;
    width: 400px;
    display: inline-flex
;
    position: absolute;
    top: 0px;
    right: 0;
    }
    
.product-item{overflow:hidden}
.product-item img   {transition:all .5s;transform: scale(1)}
.product-item:hover img{ transform: scale(1.1)}
    
.benifits-sec:after{
    content:'';
  
    background-image: url(../images/footer-left-2.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 100vh;
    width: 400px;
    display: inline-flex
;
    position: absolute;
    top: -150px;
    left: 0;
    }
    
 .benifits-sec:before{
    content:'';
  
    background-image: url(../images/footer-deco-rightt.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100vh;
    width: 400px;
    display: inline-flex
;
    position: absolute;
   top: 46%;
    right: 0;
    } 
    
    
    
.testimonis-sec:after{
    content:'';
  
    background-image: url(../images/footer-left-2.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 100vh;
    width: 400px;
    display: inline-flex
;
    position: absolute;
    top: -150px;
    left: 0;
    }
    
 .testimonis-sec:before{
    content:'';
  
    background-image: url(../images/footer-deco-rightt.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 100vh;
    width: 400px;
    display: inline-flex
;
    position: absolute;
   top: 46%;
    right: 0;
    }     
    
.products-sec{margin-bottom:150px;position:relative}
.products-sec:after{content:'';top:0;position:absolute;background:#00000054;width:100%;height:100%;z-index:1}



.product-slider{margin-top:30px;border-radius:25px;overflow:hidden;z-index:2}
.product-thumb {
    
    cursor: pointer;
    position: relative;
  
}



.product-thumb:before{
    content:'';
position: absolute;
    width: 100%;
    height: 80%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    
}

.product-itemtext:before{content:'';
position: absolute;
    width: 100%;
    height: 80%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg, #264357 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;}

.product-thumb:hover:before {
    opacity: 1;
}

.product-thumb2 a:after {
    background-color: #4c8387 !important;
}

.product-thumb3 a:after {
    background-color: #85483e !important;
}

.product-thumb4 a:after {
    background-color: #000 !important;
}
    
   .product-thumb a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://websitework.online/duron/upvc/images/service-deco.png) no-repeat top right;
    z-index: 2;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.product-thumb a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#a2783d;
    z-index: 1;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.product-thumb4 a:after {
    background-color: #000 !important;
}
    
   .product-itemtext .art-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://websitework.online/duron/upvc/images/service-deco.png) no-repeat top right;
    z-index: 2;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.product-itemtext .art-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#264357;
    z-index: 1;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.product-thumb img {
    height:500px;
    object-fit: cover;
}

.product-thumb a{display: block;position: relative;}
    
.product-number{
    
    font-size: 40px;
    line-height: 72px;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }  
    
.product-number{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40px;
    left: 40px;
    z-index: 4;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    
}  

.product-thumb:hover .product-number{
    -webkit-text-fill-color: #fff;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;}
    
.product-thumb:hover>a:after,.product-thumb:hover>a:before {
    opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity = 0);
}
.products-content{
position: absolute;
    bottom: 0;
    z-index: 3;
    padding: 40px 40px 38px;
    transform: translateY(30px);
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color:#fff;
}

.product-thumb:hover .products-content {
    transform: translateY(0px);
}


.project-text {position: relative;}
.project-text .title{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    color: #fff;
    padding: 80px 50px;
}

.product-titile h5{
    
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: 600;
}

.product-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}



.product-thumbnail .product-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}



.project__wrapper-area .col-lg-3.col-md-3:first-child .product-img{ opacity: 1;ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;}


.product-img:after {
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #0A112C;
    opacity: .6;
}

.product-thumbnail:hover .product-img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.product-thumbnail.active .product-img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.befits-head .heading{text-align: right;border-right: 1.5px solid #fdb813;padding-right: 60px;}

.befits-head{display: flex;justify-content: space-between;align-items: center;padding-right: 50px;}
.befits-head .sub-title{padding-left:60px;width: fit-content;}
.benifits-thumbnail{border: 1px solid #ccc;padding: 30px;border-radius: 25px;margin-top:30px;min-height: 308px;}

.benifits-thumbnail h5{text-transform:capitalize;font-weight:600;color:#252525;margin:30px 0 12px;
    font-size: 20px;letter-spacing:1px;
 }
.benifits-thumbnail p{margin-bottom:0px}
.benifits-thumbnail:hover{border:1px solid #00354d}
.relative{position:relative}
.why-choose{width:100%;background-size: cover !important;background-position: center center !important;position:relative}
.why-choose:after{content:'';top:0;position:absolute;height:100%;width:60%;background:#000;z-index: 0;}
.why-left{padding-right:110px}
.why-left p{color:#fff;opacity:.6}
.why-left ul{width:45%;margin:30px 0 0;padding: 0;display: inline-block;border-bottom:1px solid #f7f7f73b}

.why-left ul li{
    color:#a0a0a0;
    border-top: 1px solid #f7f7f73b;
    padding: 10px;
    font-size:16px;
   padding-left: 26px;
    display: flex;
    align-items: center;
    position:relative;
}
.why-left ul li:after{content:'';position:absolute;background: url(../images/circle.svg)no-repeat;width:15px;height:15px;left:0;}
.mr-20{margin-right: 30px !important;}
.why-left{position:relative;z-index:3}
.why-box img{height:auto;width:50vw;object-fit:cover;filter: grayscale(1);}
.why-img{position: absolute;
    width: fit-content;
    /* left: -100px; */
    z-index: 9;
    right: 0;top: 50px;}
.why-thumb:hover{background:#fff}
.why-thumb{background: #ffffffb5;padding:30px 20px;border-radius: 15px;display: flex;align-items: center;margin-top:20px;transition:all .7s ease-in-out;position: relative;
    z-index: 9;}
.why-thumb .numbers {font-size: 35px;font-weight: 800;border-right: 1px solid #cf9947;padding-right: 15px;margin-right: 15px;line-height: 40px;color: #cf9947;}
.why-thumb h5{font-size: 18px;margin-bottom: 0;transition:all .7s ease-in-out}
.testimonials-content h5{margin-top:40px;color:#fdb813;font-weight:600}
.testimonials-thumb{padding-left:50px}
.testimonials-content {text-align:center}
.testimonials-content p{font-size:25px}
.justify{text-align: justify}
.bg-black{background:#2c2b2b;padding:80px 60px}
.client-logo{margin:0 25px;opacity:.6}
.client-logo:hover{opacity:1}
.logo-slider{position:relative}
.logo-slider:after{content:'';left:0;position:absolute;background:linear-gradient(45deg, #000000, #0000009e);z-index: 6;width: 120px;height: 37px;top: 0;}
.logo-slider:before{content:'';right:0;position:absolute;background: linear-gradient(45deg, #00000078, #000000);z-index: 6;width: 120px;height: 37px;top: 0;}
.line-sec{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top:30px}
.capcity-thumb{padding: 50px 25px;border: 1px solid #ccc;border-top: 0;border-bottom: 0;}
.capacity-icon{margin-bottom:20px}
.capcity-thumb p{margin-bottom:0}
.capcity-thumb h5{font-weight: 500;font-size: 26px;margin-bottom:15px}
.capcity-thumb:hover .capacity-icon img{transform: translateY(-8px);}
.capacity-icon img{ transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out}
.line-sec .col-md-3{padding:0}
.line-sec .container .row .col-md-3:nth-child(1) .capcity-thumb{border-right:0}
.line-sec .container .row .col-md-3:nth-child(2) .capcity-thumb{border-right:0}
.line-sec .container .row .col-md-3:nth-child(3) .capcity-thumb{border-right:0}
.br-right{border-right:0}
.cutton-draw:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/draw.png);background-position: bottom left;background-repeat: no-repeat;opacity: 0.2;}
.mission-thumb{border: 1px solid #ccc;padding: 35px;margin-top:40px;}
.mission-thumb img{margin-bottom:10px;}
.mission-thumb h4{margin-bottom:20px}
.mission-thumb p{margin-bottom:0}
.mr120{margin-top:70px}
.regis-add{padding-top: 20px;border-radius: 0;display: flex;align-items: center;}

.regis-add h5{font-size:20px;color:#000}
.add-detais{margin-left:15px;width: 80%;}
.regis-add p{margin-bottom:0;color:#6f6e77}
.regis-add span{margin: 0;background:#00354d;width: 40px;height: 40px;border-radius: 100%;line-height:40px;text-align: center;color: #fdb813;font-size:20px}
.career-section .form-control{background: transparent;border: 1px solid #00354d;border-radius:10px;font-size: 15px;color: #000;resize: none;padding: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: #f46c21!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:#fdb813;border: 1px solid #fdb813;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;}
.career-form .form{border-radius:30px;background: #fff;padding: 40px;border: 1px solid #00354d;box-shadow: 0 0 15px #0000004a;margin-top:40px}
.contact-box{background: #00354d;padding: 40px;border-radius: 20px;margin-bottom:30px}
.contact-box .form-control{/*background:#fff;border:1px solid #fff;*/background: #145f8045;border: 1px solid #ccd7dd82;border-radius:10px;font-size: 15px;color:#e8eff3bd;resize: none;padding:15px;box-shadow: 0 0 15px #00000014;}

.form-btn{padding: 10px 0px;border:1px solid #fdb813;background:transparent;color:#fdb813;border-radius: 10px;display: block;font-size: 14px;transition:all .8s ease-in-out;width: 160px;
    margin: 0 auto;text-align: center;}
.form-btn:hover{background:#fdb813;color:#fff}
.form-group{margin-bottom:20px;position:relative}  
.contact-box .form-group span{position: absolute;top:3px;}
.form-control:focus{box-shadow:none}
.contact-box .form-control::-webkit-input-placeholder { color:#e8eff3bd;}
.contact-box .form-control:-ms-input-placeholder {color:#e8eff3bd;}
.contact-box .form-control::placeholder {color:#e8eff3bd;}
.productsthumb{margin-top:30px}
.productimg img{filter: grayscale(1);}
.productsthumb:hover .productimg img{filter: grayscale(0);}
.title-thumb {display: flex;align-items: center;justify-content: space-between;position: absolute;bottom: 40px;width: 100%;left: 0;padding: 0 26px 0 40px;z-index: 2;}
.product-title{margin:0;}
.product-arrow{margin-right:0}
.title{color:#fff;margin:0}
.transprent-number{font-size: 35px;color: #fff;font-weight: 700;margin:0;}
.product-arrow  {width: 40px;height: 40px;border: 1px solid #fdb813;background: #fdb813;padding: 6px;margin-right: 15px;text-align: center;}
.transparent-box:before {content: ' ';position: absolute;z-index:1;top: 0;right: 0;bottom: 0;left: 0;background:#232021c7;-webkit-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;-ms-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;transition: opacity 0.3s ease-out, background-color 0.3s ease-out;}
.productsthumb:hover .transparent-box:before {background: rgba(0, 0, 0, 0.3);}
.transparent-top{position: absolute;top: 0;height: 100%;width: 100%;padding: 40px;z-index:2;}
.arrow-part{margin-bottom: 20px;-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);opacity: 0;will-change: transform, opacity;-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out, opacity 0.3s ease-out;transition: transform 0.3s ease-out, opacity 0.3s ease-out;}

.productsthumb:hover .arrow-part{
   
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;

}

.title-thumb{
    will-change: transform;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -ms-transition: -ms-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.productsthumb:hover .title-thumb{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}



.breadcome{padding:5px 0;max-width: 550px;background:#eae8e8d1;position: absolute;left: 0;right: 0;z-index: 9;border-top-left-radius: 30px;text-align: center;border-top-right-radius: 30px;bottom: 0;}
.breadcome ul{display:flex;margin-bottom:0;padding-left: 0;text-align:center;justify-content: center;}
.breadcome ul li{margin:0 5px;}
/*.product-thumb{margin-top:30px;}*/
.breadcome ul li a{font-size:12px;text-transform:uppercase;padding-left:15px;color: #000;letter-spacing: 1px;position:relative}
.breadcome ul li a:hover,.accordion .link:hover {color: #000}
/*.breadcome ul li a:hover:after{transition:all ease-in-out .5s;opacity:1}*/
.breadcome ul li a:after{content:'';left:0;position:absolute;width:8px;height:8px;background:#fdb813;border-radius:100%;top:3px}
.breadcome span{font-size:18px;color:#00354d}
		
.benifit-thumb{/* border: 0px solid #0000006b; */padding: 0;background: transparent;display: flex;align-items: center;/* box-shadow: 0 0 15px #0000001a; */margin: 15px 0 15px 80px;text-align: left;opacity: .7;}
.benifit-thumb img{margin:0 20px 0 0}
.benifit-thumb .circle-icon{margin-bottom: 20px;border: 1px solid #000;padding: 10px;border-radius: 100%;width: 80px;margin: 0 20px 0 0px;transition: all ease-in-out 0.8s;}
.benifit-thumb .circle-icon img{width:100% !important}
.benifit-thumb:hover .circle-icon{opacity:1;transform: scale(1.1);}
.benifit-thumb:hover{opacity:1}
.benifit-thumb p{margin-bottom:0;margin-left: 0;font-weight: 600;}
.features-sec {margin-top:30px}
.features-sec ul{padding:0;margin: 10px 0 0 20px;list-style: disc;}
.features-sec ul li{margin-top:10px}
.features-sec h4{font-family: "Montserrat", serif;font-weight: 700;font-size:25px;}
.faqs-img{padding-right:50px;overflow:hidden}
.faqs-img img{border-radius: 100%;height: 500px;}
.accordion-header {position:relative;    }
/* Accordion css */
.accordion-button::after, .accordion-button:not(.collapsed)::after{display:none}
.accordion{background:transparent}
.accordion .accordion-item h4 {background: url(../images/minus.svg) no-repeat calc(100% - 10px) center; background-size:30px; cursor: pointer; font-size:20px; color:#00354d;font-weight: 600;margin: 0;padding: 25px;font-family: "Unbounded", sans-serif; }
.accordion .accordion-item h4.collapsed {background-image: url(../images/plus-large.svg);}
.accordion-head{width: 100%;padding: 20px 0;}
.accordion-header {position:relative;    }
.accordion .accordion-button[aria-expanded=true] {color:#fdb813;background-color:#00354d}
.accordion-body{padding:20px}
.accordion-item{border: 1px solid #00354d !important;background: transparent !important;border-radius: 12px !important;overflow:hidden;margin-bottom:15px}

.tabs-sec{margin:40px 0 0px;padding:0 15px;}
.nav-tabs{border-bottom: 1px solid #264357;}
.tabs-sec .nav-tabs li{margin: 0;text-align: center;color: #fff;}
.tabs-sec .nav-tabs li a{font-size: 15px;padding: 10px 20px;text-transform: uppercase;letter-spacing: 1px;color: #000;display:inline-block;font-weight:500}
.tabs-sec .nav-tabs .active {background:#264357;color: #fff;}
.table{color: #000;border: 1px solid #0000002e!important;}
.table tr{border-color:#959090;}
.table td, .table th{padding:12px;color:#4c4c4c;border: 1px solid #0000001a !important;font-size:14px}
.tab-pane {padding:0 15px}
.tab-pane h4{font-size: 18px;margin-bottom:20px;color: #000;opacity: .7;text-transform: uppercase;font-weight: 500;}
.drawings-thumb{margin-top:15px}
.drawing-title{text-align: center;padding: 10px;background: #fdb813;color: #fff;font-size: 16px;text-transform: uppercase;letter-spacing: .5px;}

.partners-thumb{background:#ededed;padding:30px;border-radius: 10px;}
.partners-thumb h5{font-size:20px;color:#fdb813;margin-bottom:10px}
.partners-img{margin-bottom:20px;overflow:hidden;border-radius:20px;}
.partners-thumb2 img{height:180px;object-fit:cover}
.partners-thumb2{padding:0px;margin-top:20px}
.partners-thumb2 h5{font-size:22px;color:#000;margin-bottom:15px;transition:all ease-in-out .8s}
.partners-thumb2:hover h5{color:#fdb813;}
.partners-thumb2 .partners-img img{transform: scale(1);-webkit-transform: scale(1);transition: opacity .35s, transform .45s;}
.partners-thumb2:hover .partners-img img{transform: scale(1.2);-webkit-transform: scale(1.2);transition: opacity .35s, transform .45s;}
.gray-img img{filter: grayscale(1);}
.gray-img:hover img{filter: grayscale(0);}
.inner-banner{position:relative;margin-top:80px}
.inner-banner:after{content:'';position: absolute;top: 0;background:#0000003d;width: 100%;z-index: 1;height: 100%;left: 0;}
.details-img{padding-left:50px;}

@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}


.marquee-sec marquee{
    font-size: 120px;
    line-height: 120px;
    
    color:#000;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;

}

.marquee-sec:hover marquee{
    -webkit-text-fill-color: #000;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;}
 
.relative{position:relative}   
.benifit-thumbnail{width:100%;display:inline-block}
.benifiticon-part{display:inline-block;position: relative;}
.overlay-bg{background: #f6f6f6;padding: 20px;position: absolute;width: 100%;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.07);left: 0;top:50px;} 
.marge-icon{display:flex;border-bottom:1px solid #ccc;align-items:center;    justify-content: space-between;}
.benifit-icon{border-left:1px solid #ccc;padding: 40px 30px;text-align: center;width: 100%;justify-content: center;display: inline-block;}
.benifit-icon img{    -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width:60px!important}
.benifit-icon:hover img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.overlay-bg .benifit-icon:nth-child(1){border-left:0}    
.icon-box{margin-left: -200px;}
.benifitsicon-section{padding-bottom:180px}
.benifit-icon p{font-size: 18px;margin-top: 15px;margin-bottom:0}
/*.products-details{padding-right:50px}*/
.key-thumb h3{font-weight:600}
.key-title strong{font-size:18px;position:relative;padding-left:20px;font-weight:500}
.key-title strong:after{content:'';left:0;position:absolute;width:12px;height:12px;background:#fdb813;border-radius:100%;top:5px}
.key-title{padding: 15px 0;border-bottom: 1px solid #ccc;width: 100%;display: block;}
.key-title p{margin-bottom: 0;}
.key-thumb{padding-left:50px}
.products-thumnail{border:1px solid #00354d;padding:20px;border-radius:20px;margin:0 15px}
.products-thumnail img{border-radius:20px}
.products-title{font-size:18px;font-weight: 600;padding: 15px 0 0;color:#000;transition:.5s ease-in-out}
.products-thumnail:hover .products-title{color:#fdb813}


.footer{background:#000;padding:60px 0 30px}
.ft-logo, .ft-inner{padding: 50px 0;}
.ft-logo p{margin-top:30px}
.ft50{width:49%;margin:0;display: inline-block;vertical-align: top;}
.ft-border{border-left: 1px solid #ffffff2e;border-right: 1px solid #ffffff2e;}
.to-border{width:100%;height:1px;border-bottom: 1px solid #ffffff2e;}
.pd90{padding-left: 90px;}
.footer hr{color:#fff}
.ft-contact{color: #bdb8b8;width: 150px;margin: -30px auto 50px;background: #000;display: block;position: relative;}
.ft-contact a{color: #bdb8b8;}
.footer p{color:#fff;line-height: 22px;display: flex;font-size:14px;opacity: .8;}
.social-media{float:right}
.social-media a{color:#ffffffbf;margin-right:10px;font-size: 16px;width: 33px;height: 33px;display: inline-block;text-align: center;line-height:33px;border:1px solid #ffffff2e;transition:all ease-in-out .8s}
.social-media a:hover{background:#cf9947;border:1px solid #cf9947;color:#fff}
.ft-inner a{display: inline-block;color:#fff;font-size: 14px;margin-bottom: 10px;letter-spacing: .5px;}
.ft-inner ul li a{opacity: .8;}
.ft-inner ul{padding-left: 0;}
.ft-inner h6{font-size: 14px;color:#fdb813;margin-bottom:20px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;}
.ft-inner h5{color:#fff;font-size:15px;font-weight: 500;letter-spacing: 1px;margin-bottom:20px;opacity: .8;}
.ft-inner ul li a i{color:#fdb813!important;}
.ft-inner span i{color:#fdb813;margin-right: 15px;font-size: 20px;opacity:1 !important}
.ft-inner p span{margin: 0;}
/*.ft-inner p span i{color:#fff;margin-right: 15px;font-size: 20px;}*/
.ft-inner p a{margin: 0;/*color:#f1f1f1*/}
.pl70{padding-left: 80px;}
.pl20{padding-left: 0px;}
.copy-right{margin-top:0px;padding-top: 30px;border-top: 1px solid #ffffff2e;}
.copy-right p{display:block;font-size:13px;margin:0;color:#fff;opacity:.6}
.social{}
.social ul {display: flex;align-items: center;padding: 0;margin: 0;}
.social ul li a{padding:0 8px;color:#fff;opacity:.6;font-size:13px}
.ft-circle{
    width: 145px;
    height: 145px;
    border: 1px solid #fff;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    color: #fff;
    border-radius: 100%;
    /*line-height: 145px;*/
    text-align: center;
    letter-spacing: 1px;
    padding:30px;
}

.pd141{padding-left: 141px;}
.digital {width: 40px;margin-right: 0;}

@media(max-width:991px){
    .mr120{margin-top: 60px !important;}
    .to-border{display: none;}
.navbar-toggler:focus{box-shadow:none}    
.navbar-expand-lg {background: #fff;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:#fdb813;}
.navigation_black .navbar-expand-lg .nav-link {color: #000;}
.dt-get{display:none}
.mb-get{display:block;width: 125px;position: absolute;right: 85px;top: 21px;text-align:center}
.navigation_black .white-logo {
    display:none !important;
}

.navigation_black .black-logo {
    display:block!important;
}
.dropdown-menu.show {display: block!important;}
.navbar-brand {width:200px;}
.main-nav {padding-bottom: 35px;}
.container-fluid {padding: 0 32px;}
.pad100{padding:60px 0}
.heading {font-size: 36px;line-height: 40px;}
.banner{margin-top:80px;height:400px;background-position: left center;}


}

@media(max-width:560px){
.container-fluid{padding:0 20px} 
.banner-container{padding:0 20px}  
/*.heading {font-size: 40px !important;line-height: 45px;}*/
.logistics-text {width: 100%;padding: 26px 30px;}
.logistics-text:nth-child(even):before{clip-path: none;width: 100%;}
.mb-get{display:block;width: 125px;position: absolute;right: 60px;top: 21px;text-align:center}

iframe {
    border: 0;
    height: auto;
}
.digital {margin-right: 0;margin: 15px auto 0;}
.ft-logo{display: flex;align-items: center;padding:0 0 20px}
.ft-logo img{margin-right:15px}
.ft-logo p {margin-top: 0px;}

}


@media(max-width:991px){
    .navbar-expand-lg .navbar-toggler-icon {background-image: url('../images/humberger.svg');width: 30px;}
.navbar-expand-lg .navbar-toggler-icon.cross {background-image: url(../images/close.svg)!important;width:40px;background-position: center !important;}

    .ft-border{
        padding-left: 10px !important;
        border-left: 0;
    }
    .benifitsicon-section .container .row{flex-direction:column-reverse;}
    .benifit-thumbnail{margin-top: 15px;}
    
    .testimonials-content p{
        font-size: 16px;
    }
    .testimonials-content h5{
        margin-top: 20px;
    }
    .banner-caption strong {
    font-size: 45px;}
    .banner-caption span {
    font-size: 18px;}
    .about-left p{
        font-size: 16px;
    }
            .banner {
        margin-top: 60px;
        }
    
    .why-choose:after {
    width: 100%;
}
.why-box  {
    width: 100%;
}
    .why-left{
        padding-right: 0;
    }
    .why-img{
        position: relative;
        width: 100%;
        /*margin-bottom: 15px;*/
        top: 30px;
    }
    .why-img img{
        width: 100%;
    }
    .product-itemtext{
        padding: 30px;
    }
        .testimonials-thumb{
        padding-left: 0;
        position: relative;
    }
    .testimonials-slider .product-showcase-carousel-controls {
        top: 29% !important;
    }
    .testimonials-slider .product-showcase-carousel-controls--left{
        left: -12% !important;
    }
    .testimonials-slider .product-showcase-carousel-controls--right {
        right: -12% !important;
    }
    .social-media {
    float: none !important;
    display: flex;
    width: fit-content;
    gap: 10px;
    margin-top: 10px;
    }
    .copy-right p{
        text-align: center;
    }
    .overlay-bg{
        position: unset;
    }
    .icon-box{
        margin: 0;
    }
    .benifit-thumbnail{
        padding: 0 !important;
    }
    .key-thumb{
        padding-left:20px;
    }

}

@media (max-width: 768px) {

    .tabs-sec {
    padding: 0;
    }
    
    .tabs-sec .nav-tabs li a {
        padding: 10px;
    }
    .inner-banner{
        margin-top:60px;
    }
    .heading {
        font-size: 32px;}
    .ft-border{
        border-right: 0 !important;
        border-top:1px solid #ffffff61;
        border-bottom:1px solid #ffffff61;
    }
    .befits-head {
    flex-direction: column-reverse;
    display: flex;
    justify-content: center;
    padding-right: 0 !important;
    text-align: center;
    }
    .befits-head .heading{
    padding-right: 0;
    border-right: 0;
    text-align: center !important;
    }
    .befits-head .sub-title{
        text-align: center !important;
        padding:0 ;
    }
    .why-left ul {
    width: 100%;
    }
        .key-thumb{
        margin-top:25px;
    }
    .benifit-icon{
        padding: 20px 15px;
    }
    .benifit-icon img{
        width: 40px !important;
    }
        .why-ul-2{
        margin-top: 0 !important;
    }
   .why-ul-2 li:nth-child(1) {
    border-top: 0 !important;
}

    .benifits-thumbnail{
        min-height: auto;
    }

     .ft-inner {
    padding:30px 0 20px;
}
.footer{
        padding: 30px 0;
}
.ft-logo p{
    margin-bottom: 0.2rem;
}
 
}

@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 95% !important;
    }
    .breadcome{
        display: none;
    }
    .p-product-txt{
        display: none;
    }
    .m-product-txt{
        display: block !important;
    }
    .m-t{
        margin-top:15px;
    }
    .marge-icon {
    flex-direction: column;
    border:0 !important;
    }
    .benifit-icon{
        border:0!important;
    border-bottom:1px solid #00000033 !important;
    }
   
}



@media (max-width: 480px) {
    body{
        overflow-x: hidden !important;
    }
    .navbar-brand img {
    width: 150px;
}
.product-item img{
    height: auto !important;
}


.hero-slider .slick-dots {
    bottom: 5px !important;
}

.slick-dots li button {
    height: 10px !important;
    width: 10px !important;
}
.slick-dots li.slick-active {
    width: 10px !important;
    height: 10px !important;
}

.slick-dots li {
    margin: 0 3px !important;
    height: auto !important;
    width: fit-content !important;
}

.benifits-thumbnail img{
    height: 50px !important;
}

.benifits-thumbnail h5{
    margin: 12px 0 10px;
}
    .banner-caption strong {
        font-size: 30px !important;
    }
    .banner-caption span {
        font-size: 16px !important;
        padding: 0 auto !important;
    }
    .banner-caption>div{
        width: fit-content !important;
    }

    .testimonials-slider .product-showcase-carousel-controls--left {
        left: 35% !important;
    }
    
    .testimonials-slider .product-showcase-carousel-controls--right {
        right: 35% !important;
    }
    .testimonis-sec{
        margin-bottom: 15px;
    }


    .testimonials-slider .product-showcase-carousel-controls {
        top: 104% !important;
    }
    .career-form .form, .contact-box{
        padding: 15px;
    }
    .contact-box{
        margin-top:15px ;
    }
        .container-fluid {
        padding: 0 10px;
    }
    
    .key-thumb{
        padding: 0;

    }
}