﻿@charset "utf-8"; 
:root{--color:#1e40af;--color1:#eff6ff;--footercolor:#94a3b8;--hovercolor:#0f172a;--headercolor:#475569;--fontfamily: Inter, sans-serif;}
.highpro-l img{object-fit:cover}
.latestnews-img img{max-height:100%}
.hotpro-title{max-height:42px}
.newsdetails-cont p{margin-bottom:2px}
.highpro-step-act .highpro-step-title{color:var(--color)}
.aboutus-box{max-width:1100px;margin:auto}
.productcate .home-title{text-align:center;margin:30px 0 40px}
@media (max-width:560px){.productcate .home-title{margin:0 0 20px}}
@media (min-width:1025px){nav .nav>li>a{font-size:20px}
header .container{max-width:1300px}}
.fshare a:nth-child(2),.fshare a:nth-child(3){display:none}
.writetous{background:url(/Content/uploads/2022908257/2022071109092660e0812861004e10b12e484e83e41d6b.jpg) no-repeat center}
.write-text{color:#fff}
.about-l-text{display:block;max-height:none}
.products-ninelist-1 li {width:24%;margin:0 1.333% 30px 0;}
.products-ninelist-1 li:nth-child(3n) {margin-right:1.333%}
.products-ninelist-1 li:nth-child(4n) {margin-right:0}
@media (max-width:768px){.products-ninelist-1 li {width:48%;margin:0 4% 30px 0;}
.products-ninelist-1 li:nth-child(3n) {margin-right:4%}
.products-ninelist-1 li:nth-child(2n) {margin-right:0}}
@media (min-width:1025px){header .container{flex-wrap:nowrap;}}

.container{padding: 0 70px;max-width: 1400px;}
.home-title{font-size: var(--fontsize30);font-weight: var(--fontbold7);color: var(--headercolor);text-align: center;margin: 0 0 50px;line-height: 1.3;color:#1e293b}
.home-title-left{text-align: left;}
@media (min-width:961px){header .container{max-width: 1400px;}
nav .nav>li>a{font-size: var(--fontsize14);}
#liinquiry a{background: initial;padding:0;color:var(--headercolor)!important;height: 100%;}
#liinquiry a:after{display: block;}
.head-nav .nav-ul>li#liinquiry>a::before{content: "";width: 0px;height: 2px;background: var(--color);position: absolute;bottom: 0px;left: 0px;transition: all .2s linear;display: block;}
.head-nav .nav-ul>li#liinquiry:hover>a{color: var(--color)!important;}
.head-nav .nav-ul>li#liinquiry:hover>a::before{width: 100%;}
.head-box{width: 100%;justify-content: space-between;}
.head-box .left{display: flex;}
.head-box .btn{margin-right: 10px;}
.head-box .btn a{display: inline-block;padding: 8px 16px;font-weight: var(--fontbold6);border-radius: 30px;line-height: 1.2;}
.head-box .btn.inquire a{border:1px solid #e2e8f0;color: var(--color);}
.head-box .btn.whatsapp a{background: #f97316;color:#fff}}
@media (min-width: 1025px){nav .nav li a{font-weight: var(--fontbold6);}
nav .nav>li>a em{display: none;}}
.fnav{max-height: 100%;}
.foot-list .fnav li{margin-bottom: 0;}

@media (max-width:960px){.head-box .left{display: none;}}
@media (max-width: 1440px){.container{padding: 0 50px;}
.home-title{margin-bottom: 34px;}}
@media (max-width: 1280px){.container{padding: 0 30px;}
.home-title{margin-bottom: 26px;}}
@media (max-width: 1024px){.container{padding: 0 20px;}
.home-title{font-size: var(--fontsize24); margin-bottom: 22px;}}
@media (max-width: 768px){.container{padding: 0 15px;}
.home-title{font-size: var(--fontsize22); margin-bottom: 18px;}}
@media (max-width: 500px){.container{padding: 0 12px;}
.home-title{font-size: var(--fontsize20); margin-bottom: 10px;}}

.foot-t{padding-top: 64px;}
.footlogo img{max-width: 120px;}
.foot-list div h6{font-size: var(--fontsize16);color: #fff;}
.foot-list li{font-size: var(--fontsize14);margin-bottom: 8px;}
.foot-b{padding-top: 32px;font-size: var(--fontsize12);}
.foot-b em{font-size: var(--fontsize12);margin-right: 5px;}
.foot-b .container{display: flex;justify-content: space-between;opacity: .7;}
.foot-b .right{display: flex;align-items: center;line-height: 1;}
.foot-b .right a{margin-right: 5px;}
.foot-b .md{margin: 0 5px;}
.fnav li a:hover, .fpronav li a:hover, .copyright a:hover, .foot-list ul.fcontact a:hover {color: #fff;}



@media (min-width:961px){.head-box .left{display:flex;align-items:center}
}
@media (min-width:961px){.head-box .btn{margin-right:10px;flex-shrink:0}
}
.search-box{width:100%;position:relative;display:flex;align-items:center;height:100%;top:100%;left:0;background:#fff;transition:all .3s ease-in-out;overflow:unset!important;opacity:1!important}
.head-search{display:flex;align-items:center;margin-right:10%}
.head-search button{outline:0;background:0 0;border:none;padding:0px;cursor:pointer}
.head-search button em{font-size:22px;width:22px;color:#111;font-weight:600}
.search-input{position:absolute;top:70px;width:280px;right:0;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden}
.search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
#searchtype{height:26px;margin-left:6px;border-radius:3px;border:1px solid #f7f7f7;outline:0}
.search-input input{width:200px;height:40px;padding-left:10px;font-size:16px;border:none;outline:0}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.search-input .search-btn em{font-size:22px;color:var(--color)}
@media (min-width:1024px){.search-input{width: 100%;}}
@media (min-width:1025px){.lang {margin-left:45px}}