*{ margin:0; padding:0;}
html { font-size: 100%; scroll-behavior: smooth;}
:root{
--white:#fff;
--light-gray:#f6f6f8;
--dark-gray:#494b4e;
--medium-black:#26282b;
--green:#57b957;
--blue:#1948d1;
--dark-blue:#383f76;
--small-font2:15px;
--small-font:14px;
--font-size1:18px;
--font-size:16px;
--font-size2:18px;
--font-size3:20px;
--font-size4:22px;
--font-size5:28px;
--font-size6:35px;
}
@media (max-width:1199px){
:root{
--small-font:13px;
--font-size1:15px;
--font-size2:16px;
--font-size3:18px;
--font-size4:20px;
--font-size5:24px;
}
}
@media (max-width:767px){
:root{
--small-font:12px;
--font-size1:14px;
--font-size2:15px;
--font-size3:17px;
--font-size4:18px;
--font-size5:22px;
}
}
*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888; color:var(--white)}
::-moz-selection{ background:#888888; color:var(--white)}
a, a:focus{ text-decoration: none; outline:none; color: var(--blue);}
a:hover{ text-decoration: none; outline:none; color:var(--blue);}
ul{ list-style:none; margin:0; padding:0;}
img{ max-width:100%; border:0;}
p{margin-bottom: 20px;}
@font-face {
font-family: 'SF Pro Display';
src: url('../SFProDisplay-Light.woff2') format('woff2'),
url('../fonts/SFProDisplay-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
url('../fonts/SFProDisplay-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
url('../fonts/SFProDisplay-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
url('../fonts/SFProDisplay-Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SF Pro Display';
src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
url('../fonts/SFProDisplay-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
body {font-family: 'SF Pro Display', sans-serif; font-size:var(--font-size1); line-height:1.333;}
.facebookicon, .implementation_installation, .loginicon, .mailicon, .phoneicon, .phoneicon2, .phoneicon3, .sarrow, .searchicon, .support_assistance, .technical_training, .turn_key_services, .twittericon, .whatsappicon, .youtubeicon{background-image: url('../images/css_sprites.png'); display: inline-block; vertical-align:middle;}
.facebookicon{width: 22px; height: 22px; background-position:-260px -158px;}
.implementation_installation {width: 80px; height: 80px; background-position:-20px -20px;}
.loginicon {width: 19px; height: 21px; background-position:-151px -260px;}
.mailicon { width: 22px; height: 16px; background-position:-210px -260px;}
.phoneicon { width: 26px; height: 36px; background-position:-260px -20px;}
.phoneicon2 { width: 18px; height: 23px; background-position:-326px -85px;}
.phoneicon3 { width: 18px; height: 25px; background-position:-326px -20px;}
.sarrow {width: 12px; height: 10px; background-position:-326px -204px;}
.searchicon { width: 16px; height: 16px; background-position:-326px -148px;}
.support_assistance { width: 80px; height: 80px; background-position:-140px -20px;}
.technical_training { width: 80px; height: 80px; background-position:-20px -140px;}
.turn_key_services { width: 80px; height: 80px; background-position:-140px -140px;}
.twittericon { width: 25px; height: 22px; background-position:-260px -96px;}
.whatsappicon { width: 22px; height: 22px; background-position:-89px -260px;}
.youtubeicon {width: 29px; height: 22px; background-position:-20px -260px;}
.sbtn, .populer-category ul > li > a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.headersec{}
.topheader{padding: 10px 20px; width: 100%; display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center; }
.topleftsec{display: flex; align-items: center}
.sitelogo{}
.sitelogo a{display: block;}
.sitelogo a img{}
.topnumber{ margin-left:20px; margin-top: 2px; }
.topnumber a{display:flex; align-items: center;}
.topnumber span{vertical-align: middle; font-size: var(--font-size4); color:var(--blue);}
.topnumber span small{display: block; font-weight: 500; font-size: 12px; color: var(--medium-black);}
.toprightsec > ul{display: flex;align-items: center;}
.toprightsec > ul > li{margin-left: 5px;}
.phone-login{display: none;}
.toprightsec > ul > li.loginbg a{font-size: 0;}
.loginbg > a{background: var(--dark-blue); color: var(--white); display: inline-block; padding:10px 12px; border-radius: 25px;}
.goog-te-gadget-simple{border:solid 1px #b9bdbe!important; min-height: 40px; border-radius: 25px; padding: 9px 15px!important;}
.searchbg{border:solid 1px #b9bdbe;border-radius: 25px; overflow: hidden; }
.searchbg input{font-size: 16px;padding: 10px 5px 10px 15px; width: 185px; height: 38px; border: none; font-size: 16px;}
.searchbg button{ width:50px; height: 38px; text-align: center; border: none; background: none;}
input:hover,input:focus,input:focus-visible{
outline: none !important;
box-shadow: none !important;
}
@keyframes menu_sticky {
0% {
margin-top: -100px;
}
50% {
margin-top: -90px;
}
100% {
margin-top: 0;
}
}
.topmenusec{background: var(--green);}
.logow{display: none;}
.fixed-nav .topmenusec{position: fixed;top: 0; width: 100%; z-index: 99;/*animation-name: menu_sticky;*/ animation-duration: 0.60s; animation-timing-function: ease-out;}
.fixed-nav .logow{display:inline-block; width: 200px; margin-top: 5px;}
.fixed-nav .logow a, .flogo a{filter: brightness(100);}
.fixed-nav .notop{display: none;}
.fixed-nav .topmenu{float: right;}
.fixed-nav .menufixheight{height: 54px;}
.topmenu > ul{display: flex; align-items: center;}
.topmenu > ul > li{ position: relative; }
.topmenu > ul > li > a{padding:15px; font-size: var(--small-font); line-height: 24px; color:var(--white); display: block; text-transform: uppercase; }
.topmenu > ul > li > ul{display: none;}
.topmenu > ul > li > ul > li{}
.sicon{display: none;}
@media only screen and (min-width:1199px) {
.topmenu > ul > li:hover > ul{display: block; position: absolute; left: 0; top: 100%; width:590px; z-index: 3; background: var(--white); box-shadow: 0 0 4px #ccc; }
.topmenu > ul > li > ul > li{border-top: 1px solid var(--light-gray);width: 50%; float: left;}
.topmenu > ul > li > ul > li > a{display: block; padding:8px 15px; color: var(--medium-black); font-size:13px;}
.subdrop > a:after{ content:""; display: inline-block; vertical-align: top; width:8px; height:8px; border-top:2px solid var(--white); border-right:2px solid var(--white); margin-top: 6px; margin-left: 5px; transform: rotate(135deg); }
}
.home-slider{position: relative;}
.banner-text{ position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); width: 1200px; padding: 0 15px; z-index: 2;}
.textbg{background: url(../images/bannerbg.png) center center no-repeat; width:500px; min-height:400px; display: inline-block; color: var(--medium-black); padding:130px 60px 0px 110px; font-size: var(--font-size2); }
.textbg span{color: var(--blue); font-size:var(--font-size5); line-height: 1.1; font-weight:bold; display: block; margin-bottom: 10px;}
.get-quotebg{padding: 30px 0; background:var(--blue)/* url(../images/stripbg.jpg) center center no-repeat*/; background-size: cover;}
.getsec{display: flex; justify-content: space-between; align-items: center; color:var(--white); font-weight: 600; line-height: 1.2;}
.getcontent{ width:80%; }
.getcontent p{margin-bottom: 0;}
.getcontent small{font-size:var(--font-size1); font-weight: 400;}
.getcontent span{font-size:var(--font-size5);display: block; margin-top: 5px;}
.contactlink a{display: inline-block; padding: 10px 30px; border-radius: 30px; background: var(--green); color:var(--white);font-size:var(--font-size1); }
.tbpad{padding: 60px 0;}
.contentsec1{color: var(--medium-black); position: relative;background: url(../images/sideimage.png) center right no-repeat;}
.contentsec1 h1{margin-top: 0; font-size: var(--font-size6); color: var(--medium-black); font-weight: bold; }
.contentsec1 p span{font-size: var(--font-size3); color: var(--blue);}
/*.sideimage{width: 170px; height:536px; position: absolute; right: 0; top: 10%;}*/
.sbtn{padding:3px 2px 2px 20px; height: 38px; font-size: var(--font-size); border: 1px solid var(--green); background: var(--white); position: relative;display: inline-block; border-radius: 30px; font-weight:500; color: var(--green); }
.sbtn span{display: inline-block; min-width:80px;}
.sbtn:after{content:""; margin-left: 10px; width:30px; height:30px; background:var(--green) url('../images/css_sprites.png'); background-position:-317px -194px; display: inline-block; vertical-align: middle; border-radius: 50%; }
.sbtn:hover{background: var(--green); color:var(--white);}
.centertext{text-align: center;}
.heading2{font-weight:bold; font-size:var(--font-size5); margin-top: 0;}
.populer-category{background: var(--light-gray); text-align: center;}
.populer-category ul{ display: flex; flex-wrap: wrap; margin:0 -10px 20px; }
.populer-category ul > li{width: 25%; padding: 10px;}
.populer-category ul > li > a{display:flex; justify-content: center; align-items: center; font-size: var(--font-size); padding:10px 15px; min-height:60px; text-align: center; border-radius: 4px; color: var(--medium-black); background: var(--white); border: 1px solid var(--blue);}
.populer-category ul > li > a:hover{background: var(--green); color: var(--white);}
.sectionrow{display: flex; flex-wrap: wrap;}
.leftcontentsec{width:60%;}
.imagesec1{width: 40%;padding-left: 50px;}
.productsecbg{padding-bottom: 60px;}
.productseclist{ margin-bottom: 20px; }
.productseclist > ul{display: flex; flex-wrap: wrap; margin:0 -10px; padding: 0; list-style: none;}
.productseclist > ul > li{width: 25%; padding: 10px;}
.productimg{width: 100%; height: 200px; display: block;}
.productimg img{object-fit: cover; width: 100%; height: 100%;}
.probox{text-align: center; border: 1px solid var(--light-gray); box-shadow: 0 0 6px #f1f1f1;}
.probox h3{ font-size: var(--font-size1); font-weight: 600; color: var(--medium-black); margin-top: 0; min-height:40px; }
.probox h3 a{ color: var(--medium-black);}
.procode{color:var(--dark-gray); font-size:var(--small-font);}
.procode strong{ color: var(--blue); }
.procontent{padding: 15px;}
.aboutsec{position: relative; background:url(../images/dotimg.jpg) top right no-repeat; min-height: 600px;}
.aboutimg{position:absolute;width: 35%;left: 0; top: 0;}
.aboutright{width: 50%; float: right;}
.tabsec{}
.tabsec .tabs{list-style-image: none; border: 1px solid var(--green); display:inline-block; border-radius: 30px; margin-bottom: 15px;}
.tabsec .tabs > li{display:inline-block;}
.tabsec .tabs > li a{ border-radius: 30px; display: block; padding:5px 20px 5px; color: var(--medium-black); height: 32px; }
.tabsec .tabs > li a.active{background: var(--green); color: var(--white);}
.civilsec{position: relative;}
.civilimg{position:absolute; width:25%; right: 0; top: -120px;}
.leftcivil{width: 50%;}
.stripsec{background:url(../images/stripbg.jpg) center center no-repeat; background-size: cover; margin: 60px 0;}
.stripbg{ text-align: center;}
.stripbg > ul{display: flex; flex-wrap: wrap;}
.stripbg > ul > li{width: 25%; color: var(--white);}
.stripbox{padding: 20px;}
.stripbox strong{ display: block; font-size: var(--font-size4); }
.covidsec{position: relative;}
.covidright{width: 60%; float: right;}
.covidimg{position: absolute;left: 0; top: 0; width: 35%;}
.iconsec{}
.iconsec ul{display: flex; flex-wrap: wrap; margin:0 -30px;}
.iconsec ul li{width:50%;padding: 30px; display: flex;}
.iconimg{width:82px; height: 82px; border-radius: 50%; border: 1px solid var(--green); margin-right: 15px;}
.iconcontent{width: calc(100% - 100px);}
.titles{font-weight: 600; font-size: var(--font-size3); color: var(--medium-black);}
.latestnewsbg{background:#f3f3f3;}
.newsbox{box-shadow: 0 0 6px #ccc;}
.newscontent{background:var(--white); padding: 20px;}
.newstitle{font-size: var(--font-size2); font-weight: 600; margin-bottom: 5px;}
.newstitle a{color: var(--medium-black);}
.newsimg{width: 100%; display: block; height: 200px;}
.newsimg img{object-fit: cover; width: 100%; height: 100%;}
.newslist > ul{display: flex; flex-wrap: wrap; margin: 0 -15px 20px -15px;}
.newslist > ul > li{width: 33.33%; padding: 15px;}
.footer-icon{background: var(--blue); padding:6px 0px;}
.footer-icon ul{list-style: none;padding: 0; margin: 0 -10px; display: flex; flex-wrap: wrap;}
.footer-icon ul li{padding: 10px; width: 25%;}
.iconbox{position: relative; width: 100%; padding-left:45px; color: var(--white); text-align: left;}
.iconbox i{display: block; font-size: 32px; position: absolute;left: 0; top: 2px;}
.iconbox span{font-weight: 600;}
.footer-icon a{color: var(--white); display: block; font-size: 16px; }
.footerbg{background: var(--green); color: var(--white);font-size:var(--font-size);}
.footerbg .container {display: flex;}
.faddress{width:31%; font-size:var(--font-size);}
.faddress p{margin-bottom:5px;font-size:var(--font-size);}
.fadd{margin-bottom: 15px;}
.fbox{width:23%; padding-left: 20px; }
.fbox ul li a{padding: 3px 0; display:inline-block;font-size:var(--font-size);}
.ftitle{font-size: var(--font-size1); font-weight: 600; margin-bottom: 20px;}
.footerbg a{color: var(--white);font-size: var(--font-size);}
.sociallinks{ padding-top:15px; }
.sociallinks .ftitle{margin-bottom: 10px;}
.sociallinks ul{display: flex;}
.sociallinks ul li{ padding: 0 5px;}
.fbox.textlink{padding-top: 45px;}
.flogo{margin-bottom: 15px;}
.copyright{margin-top:15px; font-size:var(--font-size);}
.copyrightbg{background:#000; padding: 10px 0;}
.copyrightbg .container{ }
.logo-icons{float: left;}
.logo-icons img{height: 40px;}
.copytext{ color: var(--white); opacity: 0.7; text-align: center;font-size:var(--font-size);}
.copytext a{color: var(--white);}
.btns.download{display: inline-block;background: var(--dark-gray); color: var(--white);}
.btns.download i{margin-right: 5px;}
.tagsec ul li {
display: inline-block;
vertical-align: middle;
margin: 0 3px 3px 0px;
font-size: 14px;
}
.tagsec ul li a{display: inline-block; padding: 5px 15px; border-radius: 30px; background:var(--light-gray); color: var(--dark-gray);}
.fancybox-skin{background:var(--white)!important;}
.breadcrumbsec{padding: 15px 0;background:var(--light-gray);font-size: 14px;}
.breadcrumbsec a{color: var(--dark-blue); }
.prolistsec{padding: 40px 0;}
.procont{ margin-bottom: 15px;}
.procont h1, .procont h2, .details_name h2 a, .detailright h1{color: var(--blue); margin-top: 0; font-size: var(--font-size4); font-weight:bold;}
.procont h1, .procont h2{margin-bottom: 30px;position: relative;}
.procont h2{margin-top: 50px;}
.procont h1:after{content: ""; width: 70px; height: 3px; display: block; background: #57b957; position: absolute; bottom: -15px;}
.procont h2:after{content: ""; width: 70px; height: 3px; display: block; background: #57b957; position: absolute; bottom: -15px;}
.procont .prodisc{background:var(--light-gray); padding: 30px;}
.procont .prodisc p {line-height: 1.5;}
.details{border: 1px solid #F3F3DE; padding:20px; margin-bottom: 10px; width: 100%; float: left;}
.details_name h2 {margin-top: 0;}
.details_name h2 a{color: var(--dark-blue);font-size: var(--font-size2);}
.addto.sbtn{padding:7px 20px; border-color: var(--blue); color: var(--blue); display: inline-block; vertical-align: middle;}
.addto.sbtn:hover{background: var(--blue); color: var(--white);}
.prolistsec{background: url(../images/sideimage.png) right 120px no-repeat; background-size:auto 275px;}
.dtpage1{background: url(../images/sideimage.png) right center no-repeat; background-size: auto 90%;}
.detailsectop{display: flex; flex-wrap: wrap; width: 100%;}
.dtimg{width:33.33%;}
.detailright{width:66.66%; padding-left: 50px;}
.prodtimg{box-shadow: 0 0 8px #dadada;}
.dtbtn{margin: 25px 0;}
.dtbtn ul{ list-style: none; padding: 0;margin: 0;display: flex; }
.dtbtn ul li{padding-right:15px;}
.btns{padding: 8px 25px; border-radius: 30px;}
.addtobtn{background: var(--dark-blue); color: var(--white); border: none;}
.quick_view{border:solid 1px #b9bdbe; font-size: 15px; color: var(--dark-gray); height:40px; border-radius: 30px; padding:9px 20px; display: inline-block;}
.btn_details{}
.btn_details ul{ list-style: none; padding: 0;margin: 0;display: flex; }
.btn_details ul li{ padding:0 15px; border-left: 1px solid #dadada; text-align: center; }
.btn_details ul li:first-child{border-left: 0; padding-left: 0;}
.btn_details ul li i{font-size: var(--font-size3);}
.btn_details ul li a, .telfr{color: var(--green);}
.btn_details ul li a span, .telfr span{display: block; font-size:var(--small-font);}
.telfr input{color: var(--green); background:none; border: none;}
.prodescbg{background:var(--light-gray); }
.detailright {}
.heading3{color: var(--blue); margin-top: 0; font-size: var(--font-size3); font-weight:bold; margin-bottom: 15px;}
.proimg{height: 200px; display: block;}
.proimg img{ object-fit:contain; width: 100%; height: 100%; }
.relatedpro{text-align: center;}
.relatedpro ul{display: flex; flex-wrap: wrap; margin: 0 -15px;}
.relatedpro ul li{width: 25%; padding: 15px;}
/*sidemenu*/
.left-menu{ padding-right:0 !important}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {margin:; padding:0; border: 0; list-style: none; font-weight: normal;text-decoration: none; line-height: 1; font-size: 14px; position: relative;}
#cssmenu a {line-height: 1.3; }
#cssmenu { /*padding:0px 15px;*/ border: 1px solid var(--light-gray);}
#cssmenu > ul > li { margin-bottom: 6px; border-bottom: 6px solid #fff; background: var(--light-gray); padding: 3px 20px;}
#cssmenu > ul > li:last-child {margin: 0;}
#cssmenu > ul > li > a {font-size:var(--small-font2); font-weight: 600; color: var(--dark-blue); display: block; padding:10px 20px 10px 0px; outline: none!important; }
#cssmenu > ul > li > a > span {}
#cssmenu > ul > li > a:hover {text-decoration: none; }
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.active > a {color: var(--blue);}
#cssmenu ul ul {/*padding: 5px 12px;*/ display: none;}
#cssmenu ul ul li { border-bottom:1px solid var(--light-gray);}
#cssmenu ul ul a { display: block; font-size: 15px; color: var(--dark-gray); padding: 5px 0;}
/*#cssmenu ul ul a:before{ display: inline-block; margin-right: 10px; content: "\f105";font-family:FontAwesome;}*/
#cssmenu > ul > li > ul{ }
#cssmenu > ul > li.has-sub > a span:before, #cssmenu > ul > li.has-sub.active > a span:after {font-size:14px;font-weight:bold; display:block;font-family:FontAwesome;position:absolute;right: 12px;top: 17px;}
#cssmenu > ul > li.has-sub > a span:before {content: "\f105"; }
#cssmenu > ul > li.has-sub.active > a span:after { content: "\f107"; }
#cssmenu > ul > li.has-sub.active > a span:before {visibility:hidden;}
.expandable{position: relative;}
.expandable strong{float: right;width:28px; height:100%; line-height:40px; text-align: center; font-weight: normal; font-size: 13px; cursor: pointer; position: absolute; right: 0; z-index: 2}
.expandable strong:after{ content:"\f067"; font-family: FontAwesome; display: block;}
.active.expandable strong:after{content:"\f068"; color:var(--blue); font-family: FontAwesome; display: block;}
#cssmenu > ul > li.active.expandable > ul{display: block;}
.user_logout { border-left: solid 1px #f48d3e; }
.pdfbtn a{ border-radius: 30px; border: 1px solid var(--green); padding: 10px 30px; display: inline-block; color: var(--medium-black); }
.pdfbtn a:after{content:"\f1c1"; font-family: FontAwesome; color: var(--green); margin-left: 5px;}
.pdfbtn a img{display: none;}
.show-head{background:var(--green); color: var(--white); padding: 10px 15px; font-size: var(--font-size2);position: relative;}
.show-head .submenu-toogle{position: absolute;right: 10px;width: 26px;height: 26px}
.artimage1{margin-bottom: 15px;}
.right_section .probox{margin-bottom:20px;}
.product_name, h3.product_name{min-height:60px; padding: 10px; line-height: 1.2; font-size: var(--font-size);}
.product_name a{color: var(--medium-black);display: inline;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical; }
.support{
background:var(--green);
width: 56px !important;
height: 56px !important;
color: #333;
font-size: 20px;
position: fixed;
right: 15px;
bottom: 80px;
cursor: pointer;
z-index: 999;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-in-out;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.support:hover{
cursor: pointer;
}
.support img{
transition: all 300ms ease-in-out;
width: 60%;
}
.inner-fabs a{
background: #81b304;
width: 56px;
height: 56px;
color: #fff;
font-size: 35px;
position: fixed;
right: 15px;
bottom: 80px;
cursor: pointer;
z-index: 99;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-in-out;
}
.inner-fabs a:hover{
text-decoration: none;
}
.inner-fabs.show a{
transition: all 300ms ease-in-out;
}
.inner-fabs.show a:nth-child(1) {
bottom: 145px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
background: #1948d1;
}
.inner-fabs.show a:nth-child(2) {
bottom: 210px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
background: #49E670;
}
.inner-fabs.show a:nth-child(3) {
bottom: 275px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
background: #03e7e7;
}
.inner-fabs.show a:nth-child(4) {
bottom: 340px !important;
background: #81b304;
}
@media (min-width:1100px) and (max-width:1400px) {
.civilimg{ width: 30%; top: -100px; }
}
@media only screen and (min-width: 992px) {
.col-md-3.left-menu{width: 28%;}
.col-md-9.fright{width: 72%;}
}
/*about*/
.header-top{position: relative;}
.content2{width: 70%;}
.content2 p strong{display: block; color: var(--blue);}
.abimg1{ position: absolute; right: 0; bottom: -30%; width: 27%;}
.graybg{background: var(--light-gray);}
.aboutcontent2 ul{ display: flex; flex-wrap: wrap; margin:0 -15px; }
.aboutcontent2 ul li{ width: 50%; padding: 15px; }
.abox{width: 100%; display: flex;}
.heading4{color: var(--blue); font-weight: 600; font-size: var(--font-size2);}
.icons{width: 98px;}
.civilcont{padding-left: 20px; width: calc(100% - 100px);}
.aboutcategory{}
.aboutcategory > ul{display: flex; flex-wrap: wrap; margin:0 -10px;}
.aboutcategory > ul > li{width: 25%; padding: 10px;}
.brd{padding: 10px; background: var(--white);box-shadow: 0 0 6px #dadada;}
.brd h2{font-size: var(--font-size1); color: var(--dark-blue); margin:0 0 5px; font-weight: 600;}
.brd h2 a{color: var(--dark-blue);}
.categoryimg{margin-bottom: 15px;}
.categoryimg a{height: 200px; display: block;}
.categoryimg a img{object-fit: cover; width: 100%; height: 100%;}
.brd ul{ ; }
.brd ul li{}
.brd ul li a{display:block; padding:3px 15px; font-size:var(--small-font); color: var(--dark-gray); position: relative;}
.brd ul li a:before {content: ""; width: 5px; height: 5px; background: var(--green); display: inline-block;
position: absolute; left: 2px; border-radius: 50%; top: 10px;}
.contcategory{margin:5px; position: relative; min-height: 340px;}
.viewlab{position: absolute; left: 0; bottom: 0;}
.eqpsec1{display: flex; flex-wrap: wrap;}
.eqpleft{width: 35%; position: relative;}
.contimg3{position:absolute; top: 0; right:30px; width: 600px; }
.testingeqp{position: absolute; top: 150px;}
.testingeqp ul li{color: var(--dark-blue); font-weight: 600;}
.testingeqp ul li a{color: var(--dark-blue);}
.eqpright{width: 65%; padding: 50px 0;}
.eqpright > ul{display: flex; flex-wrap: wrap;}
.eqpright > ul > li{width: 25%; padding: 10px; text-align: center;}
.eqpright > ul > li p{font-size: 13px;}
.listing_heading_head{margin: 10px 0px 5px; color: var(--dark-blue); font-weight: 600;}
.simg{height:90px;}
.simg img{object-fit:contain; width: 100%; height: 100%;}
.bottomicon{}
.bottomicon ul{display: flex; flex-wrap: wrap; justify-content: center;}
.bottomicon ul li{width: 25%; padding: 15px; text-align: center; }
.bottomicon .heading3{color: var(--medium-black); margin-top: 10px; margin-bottom: 5px;}
.sectiontext1, .sectiontext2{position: relative; padding: 30px 0;}
.aboutimg4{position: absolute; right: 0; top: 15px; width: 20%;}
.aboutimg5{position: absolute; left: 0; top: 15px; width: 20%;}
.text4{width:75%;}
.sectiontext2 .text4{margin-left: 25%;}
.stripbottom{padding-bottom: 60px;}
.list-inline{margin-bottom: 20px;}
.whatsapplink{color: var(--green);}
.download_pdf .sbtn{ margin-bottom: 15px; }
.loginsec{display: flex;width: 100%; justify-content: space-between;}
.login-form{width:46%; background: var(--light-gray); padding: 30px;}
.login-form li{margin-bottom:10px;}
.paging{margin-bottom: 15px;}
.paging > a{padding: 5px; display: inline-block; border: 1px solid var(--dark-gray); color: var(--dark-gray); background: var(--light-gray); min-width: 24px; text-align: center; line-height: 1; border-radius: 2px;}
.paging > a:hover{background: var(--blue); color: var(--white); border-color: var(--blue);}
.enquiry-pop-form ul li{margin-bottom:7px;}
.topnumber{position: relative;}
.topwhatspp{position: absolute; top: 21px; right: -20px; color: var(--green);}
.sbtn.quick_view{height:40px; padding:4px 2px 2px 20px; background:var(--green); color: var(--white); border-color: var(--green); }
@media only screen and (min-width:1279px) {
.home-slider img{height:600px; object-fit: cover;}
}
@media only screen and (max-width:991px) {
.getcontent{width: 70%;}
.footer-icon ul li{width: 50%;}
}
@media only screen and (max-width: 767px) {
.fixed-nav .topmenu{width: 100%;}
.copytext{font-size: 13px;}
.stripsec{margin:30px 0 0;}
}
@media only screen and (max-width:479px) {
.topheader{padding: 10px 15px;}
.topnumber .topwhatspp{display: none;}
.iconbox{padding-left: 0; text-align: center;}
.iconbox i{position: static;}
.toprightsec > ul > li{margin-left: 3px;}
}
.contentsec1.tbpad{padding-bottom: 0;}
.checkout-form ul li{margin-bottom: 15px;}
.contentsection.articalright > ul {
list-style: disc;
margin-left: 1.5rem;
margin-bottom: 1rem;
}
.contentsection.articalright > ol {
margin-left: 1.5rem;
}
.contentsection.articalright > ol h3, .contentsection.articalright > ul h3 {
font-size: 1rem;
font-weight: 700;
}
/* ===== Educational Lab Equipments & School Lab Section ===== */
.school-labsec{background:var(--light-gray); position:relative; overflow:hidden; margin-top:30px;}
.school-labsec:before{content:""; position:absolute; top:-80px; right:-80px; width:260px; height:260px; border-radius:50%; background:rgba(25,72,209,0.06);}
.school-labsec:after{content:""; position:absolute; bottom:-90px; left:-90px; width:280px; height:280px; border-radius:50%; background:rgba(87,185,87,0.07);}
.school-lab-inner{position:relative; z-index:1;}
.school-lab-head{text-align:center; margin-bottom:45px;}
.school-lab-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:15px;}
.school-lab-head .heading2{color:var(--dark-blue);}
.school-lab-head .heading2:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:15px auto 0;}
/* Two equal columns, full-width balanced */
.school-lab-grid{display:flex; flex-wrap:wrap; align-items:stretch; margin:0 -20px;}
.school-lab-content{width:50%; padding:0 20px; box-sizing:border-box; display:flex; flex-direction:column;}
.school-lab-features{width:50%; padding:0 20px; box-sizing:border-box; display:flex; flex-direction:column;}
.school-lab-content p{margin-bottom:15px; color:var(--dark-gray); line-height:1.6;}
.school-lab-lead{font-size:var(--font-size2); color:var(--medium-black)!important;}
/* Tender CTA fills the gap above the buttons */
.school-lab-tender{margin-top:auto; display:flex; align-items:center; gap:16px; background:linear-gradient(90deg, rgba(25,72,209,0.06), rgba(87,185,87,0.06)); border:1px solid rgba(25,72,209,0.12); border-left:4px solid var(--green); border-radius:12px; padding:18px 20px;}
.school-lab-tender .tendericon{flex:0 0 auto; width:44px; height:44px; border-radius:50%; background:var(--blue); color:var(--white); display:flex; align-items:center; justify-content:center;}
.school-lab-tender .tendericon svg{width:22px; height:22px;}
.school-lab-tender .tendertext{flex:1 1 auto;}
.school-lab-tender .tendertext strong{display:block; color:var(--dark-blue); font-size:var(--font-size2); margin-bottom:2px;}
.school-lab-tender .tendertext span{display:block; color:var(--dark-gray); font-size:var(--small-font); line-height:1.45;}
.school-lab-tender .tenderbtn{flex:0 0 auto; background:var(--green); color:var(--white); font-weight:600; font-size:var(--small-font2); padding:10px 20px; border-radius:30px; text-decoration:none; white-space:nowrap; transition:all 0.3s ease;}
.school-lab-tender .tenderbtn:hover{background:var(--dark-blue);}
/* CTA row sits below the tender box */
.school-lab-cta{margin-top:20px; display:flex; align-items:center; flex-wrap:wrap; gap:25px;}
.school-lab-link{color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.school-lab-link:hover{color:var(--green);}
/* Equal-height card grid filling the right column */
.school-lab-features ul{display:flex; flex-wrap:wrap; margin:-9px; list-style:none; height:100%;}
.school-lab-features ul li{width:50%; padding:9px; box-sizing:border-box; display:flex;}
.school-lab-features .elbox{width:100%; display:flex; flex-direction:column; justify-content:flex-start; background:var(--white); border-radius:12px; box-shadow:0 2px 10px #e6e6ec; padding:22px 20px; transition:all 0.3s ease; border-bottom:3px solid transparent;}
.school-lab-features .elbox:hover{box-shadow:0 6px 16px #d4d4e0; border-bottom-color:var(--green); transform:translateY(-4px);}
.school-lab-features .elicon{width:46px; height:46px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin-bottom:14px; transition:all 0.3s ease;}
.school-lab-features .elicon svg{width:24px; height:24px;}
.school-lab-features .elbox:hover .elicon{background:var(--green); color:var(--white);}
.school-lab-features .elbox strong{display:block; color:var(--blue); font-size:var(--font-size2); margin-bottom:6px;}
.school-lab-features .eldesc{display:block; color:var(--medium-black); font-size:var(--small-font2); font-weight:500; margin-bottom:8px;}
.school-lab-features .elmeta{display:block; color:var(--dark-gray); font-size:var(--small-font); line-height:1.5; opacity:0.85;}
@media(max-width:991px){
.school-lab-content, .school-lab-features{width:100%;}
.school-lab-features{margin-top:30px;}
.school-lab-cta{margin-top:25px;}
}
@media(max-width:600px){
.school-lab-features ul li{width:100%;}
.school-lab-cta{gap:15px;}
.school-lab-tender{flex-wrap:wrap;}
.school-lab-tender .tendertext{flex:1 1 100%; order:2;}
.school-lab-tender .tenderbtn{flex:1 1 100%; order:3; text-align:center;}
}
/* ===== Lab Testing Equipment Section (reuses school-lab styles, mirrored) ===== */
.labtestsec{background:var(--white); position:relative; overflow:hidden;}
.labtestsec:before{content:""; position:absolute; top:-90px; left:-90px; width:280px; height:280px; border-radius:50%; background:rgba(87,185,87,0.07);}
.labtestsec:after{content:""; position:absolute; bottom:-90px; right:-90px; width:260px; height:260px; border-radius:50%; background:rgba(25,72,209,0.06);}
.labtest-tag{background:var(--blue);}
.labtestsec .school-lab-head .heading2:after{background:var(--blue);}
.labtest-tender{background:linear-gradient(90deg, rgba(87,185,87,0.06), rgba(25,72,209,0.06)); border-left-color:var(--blue);}
.labtest-tender .tendericon{background:var(--green);}
.labtest-tender .tenderbtn{background:var(--blue);}
.labtest-tender .tenderbtn:hover{background:var(--green);}
@media(max-width:991px){
.labtest-features{margin-top:0!important; margin-bottom:30px; order:2;}
.labtest-content{order:1;}
}
/* ===================== MOE TENDERS PAGE ===================== */
.tender-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:15px;}
/* Hero */
.tender-hero{background:linear-gradient(135deg, rgba(25,72,209,0.06), rgba(87,185,87,0.06)); position:relative; overflow:hidden;}
.tender-hero:before{content:""; position:absolute; top:-100px; right:-100px; width:320px; height:320px; border-radius:50%; background:rgba(25,72,209,0.06);}
.tender-hero-inner{position:relative; z-index:1; max-width:820px;}
.tender-hero .heading2{color:var(--dark-blue); margin-bottom:15px;}
.tender-lead{font-size:var(--font-size3); color:var(--medium-black); line-height:1.5; margin-bottom:25px;}
.tender-hero-cta{display:flex; align-items:center; flex-wrap:wrap; gap:25px; margin-bottom:35px;}
.tender-link{color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.tender-link:hover{color:var(--green);}
.tender-stats{display:flex; flex-wrap:wrap; gap:15px; list-style:none; margin:0; padding:0;}
.tender-stats li{flex:1 1 150px; background:var(--white); border-radius:12px; box-shadow:0 2px 10px #e6e6ec; padding:18px 20px; text-align:center; border-bottom:3px solid var(--green);}
.tender-stats li strong{display:block; color:var(--blue); font-size:var(--font-size6); line-height:1;}
.tender-stats li span{display:block; color:var(--dark-gray); font-size:var(--small-font); margin-top:6px;}
/* Section headers */
.tender-sec-head{text-align:center; max-width:760px; margin:0 auto 40px;}
.tender-sec-head .heading2{color:var(--dark-blue);}
.tender-sec-head .heading2:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:15px auto 18px;}
.tender-sec-head .darkgray{color:var(--dark-gray);}
/* Overview */
.tender-overview .heading2{color:var(--dark-blue); margin-bottom:18px;}
.tender-overview .darkgray{color:var(--dark-gray); margin-bottom:15px; line-height:1.7;}
/* Process steps */
.tender-process{background:var(--light-gray);}
.tender-steps{display:flex; flex-wrap:wrap; gap:24px; list-style:none; margin:0; padding:0;}
.tender-steps li{flex:1 1 240px; background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 26px; position:relative; transition:all 0.3s ease; border-top:4px solid var(--green);}
.tender-steps li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.tender-steps .tstep-num{display:inline-block; font-size:var(--font-size6); font-weight:bold; color:rgba(25,72,209,0.18); line-height:1; margin-bottom:10px;}
.tender-steps li strong{display:block; color:var(--blue); font-size:var(--font-size3); margin-bottom:10px;}
.tender-steps li p{color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin:0;}
/* Funders + Regions shared card grid */
.tender-fundlist, .tender-regionlist{display:flex; flex-wrap:wrap; gap:20px; list-style:none; margin:0; padding:0;}
.tender-fundlist li, .tender-regionlist li{flex:1 1 calc(33.333% - 20px); min-width:240px; background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:28px 24px; transition:all 0.3s ease; border-bottom:3px solid transparent;}
.tender-fundlist li:hover, .tender-regionlist li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px); border-bottom-color:var(--green);}
.fund-ico, .region-ico{width:50px; height:50px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin-bottom:16px; transition:all 0.3s ease;}
.fund-ico svg, .region-ico svg{width:26px; height:26px;}
.tender-fundlist li:hover .fund-ico, .tender-regionlist li:hover .region-ico{background:var(--green); color:var(--white);}
.tender-fundlist li strong, .tender-regionlist li strong{display:block; color:var(--dark-blue); font-size:var(--font-size3); margin-bottom:8px;}
.tender-fundlist li span, .tender-regionlist li span{display:block; color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55;}
.tender-regions{background:var(--light-gray);}
/* FAQ */
.tfaq-list{max-width:900px; margin:0 auto;}
.tfaq-item{background:var(--white); border:1px solid #ececf2; border-radius:12px; margin-bottom:14px; overflow:hidden; transition:box-shadow 0.3s ease;}
.tfaq-item[open]{box-shadow:0 4px 14px #e6e6ec; border-color:rgba(25,72,209,0.2);}
.tfaq-item summary{list-style:none; cursor:pointer; padding:20px 24px; font-weight:600; font-size:var(--font-size2); color:var(--dark-blue); position:relative; padding-right:50px;}
.tfaq-item summary::-webkit-details-marker{display:none;}
.tfaq-item summary:after{content:"+"; position:absolute; right:24px; top:50%; transform:translateY(-50%); width:28px; height:28px; line-height:26px; text-align:center; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); font-size:20px; transition:all 0.3s ease;}
.tfaq-item[open] summary:after{content:"\2212"; background:var(--green); color:var(--white);}
.tfaq-ans{padding:0 24px 22px;}
.tfaq-ans p{color:var(--dark-gray); line-height:1.65; margin:0;}
/* Contact */
.tender-contact{background:var(--dark-blue);}
.tcontact-box{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:25px;}
.tcontact-info{flex:1 1 480px;}
.tcontact-info .heading2{color:var(--white); margin-bottom:14px;}
.tcontact-info p{color:rgba(255,255,255,0.85); line-height:1.7; margin-bottom:10px;}
.tcontact-info a{color:#9fc0ff;}
.tcontact-info a:hover{color:var(--white);}
.tcontact-cta{flex:0 0 auto;}
.tcontact-cta .sbtn{background:var(--green); color:var(--white); border-color:var(--green);}
.tcontact-cta .sbtn:hover{background:var(--white); color:var(--green);}
/* Product line curated category cards */
.tprod-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.tprod-card{background:var(--white); border:1px solid #ececf2; border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:26px 24px; display:flex; flex-direction:column; transition:all 0.3s ease; border-top:4px solid var(--blue);}
.tprod-card:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.tprod-title{font-size:var(--font-size3); color:var(--dark-blue); font-weight:bold; margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid #eee;}
.tprod-tags{list-style:none; margin:0 0 18px; padding:0; display:flex; flex-wrap:wrap; gap:8px;}
.tprod-tags li{font-size:var(--small-font); color:var(--dark-gray); background:var(--light-gray); border:1px solid #ececf2; padding:5px 12px; border-radius:20px; transition:all 0.25s ease; line-height:1.3;}
.tprod-card:hover .tprod-tags li{border-color:rgba(25,72,209,0.15);}
.tprod-tags li:hover{background:var(--green); color:var(--white); border-color:var(--green);}
.tprod-more{margin-top:auto; align-self:flex-start; color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.tprod-more:hover{color:var(--green);}
@media(max-width:991px){
.tender-fundlist li, .tender-regionlist li{flex:1 1 calc(50% - 20px);}
.tprod-grid{grid-template-columns:repeat(2, 1fr);}
.tcontact-box{flex-direction:column; align-items:flex-start;}
}
@media(max-width:600px){
.tender-stats li{flex:1 1 calc(50% - 15px);}
.tender-fundlist li, .tender-regionlist li{flex:1 1 100%;}
.tprod-grid{grid-template-columns:1fr;}
.tender-lead{font-size:var(--font-size2);}
}
/* ===================== ABOUT US PAGE ===================== */
.about-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:15px;}
/* Hero */
.about-hero{background:linear-gradient(135deg, rgba(25,72,209,0.06), rgba(87,185,87,0.06)); position:relative; overflow:hidden;}
.about-hero:before{content:""; position:absolute; top:-110px; right:-110px; width:340px; height:340px; border-radius:50%; background:rgba(25,72,209,0.06);}
.about-hero-inner{position:relative; z-index:1; max-width:780px;}
.about-hero .heading2{color:var(--dark-blue); margin-bottom:15px;}
.about-lead{font-size:var(--font-size3); color:var(--medium-black); line-height:1.5; margin-bottom:25px;}
.about-hero-cta{display:flex; align-items:center; flex-wrap:wrap; gap:25px;}
.about-link{color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.about-link:hover{color:var(--green);}
.about-hero .abimg1{position:absolute; right:0; bottom:0; max-width:34%; z-index:0; opacity:0.95;}
.about-hero .abimg1 img{max-width:100%; height:auto;}
/* Story / writeup */
.about-story-head{text-align:center; max-width:780px; margin:0 auto 35px;}
.about-story-head .heading2{color:var(--dark-blue);}
.about-story-head .heading2:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:15px auto 16px;}
.about-subtitle{color:var(--dark-gray); font-size:var(--font-size2);}
.about-story-body{max-width:980px; margin:0 auto;}
.about-story-body p{color:var(--dark-gray); line-height:1.8; margin-bottom:18px; text-align:justify;}
.about-story-body .about-h3{color:var(--dark-blue); font-size:var(--font-size4); font-weight:bold; margin:30px 0 12px;}
.about-story-body a{color:var(--blue); font-weight:600;}
.about-story-body a:hover{color:var(--green);}
/* Shared section heads */
.about-sec-head{text-align:center; max-width:780px; margin:0 auto 40px;}
.about-sec-head .heading2{color:var(--dark-blue);}
.about-sec-head .heading2:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:15px auto 16px;}
/* Why-choose grid */
.about-why{background:var(--light-gray);}
.about-why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; list-style:none; margin:0; padding:0;}
.about-why-grid li{background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 26px; transition:all 0.3s ease; border-top:4px solid var(--green);}
.about-why-grid li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.why-ico{width:54px; height:54px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin-bottom:16px; transition:all 0.3s ease;}
.why-ico svg{width:28px; height:28px;}
.about-why-grid li:hover .why-ico{background:var(--green); color:var(--white);}
.about-why-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size3); margin-bottom:8px;}
.about-why-grid li p{color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin:0;}
/* Who we serve */
.about-serve-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; list-style:none; margin:0; padding:0;}
.about-serve-grid li{background:var(--white); border:1px solid #ececf2; border-left:4px solid var(--blue); border-radius:12px; padding:22px 22px; transition:all 0.3s ease;}
.about-serve-grid li:hover{box-shadow:0 6px 16px #e6e6ec; border-left-color:var(--green);}
.about-serve-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size2); margin-bottom:6px;}
.about-serve-grid li span{display:block; color:var(--dark-gray); font-size:var(--small-font); line-height:1.5;}
/* Global reach */
.about-global{background:var(--light-gray);}
.about-region-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; list-style:none; margin:0; padding:0;}
.about-region-grid li{background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:26px 22px; text-align:center; transition:all 0.3s ease; border-bottom:3px solid transparent;}
.about-region-grid li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px); border-bottom-color:var(--green);}
.reg-ico{width:50px; height:50px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; transition:all 0.3s ease;}
.reg-ico svg{width:26px; height:26px;}
.about-region-grid li:hover .reg-ico{background:var(--green); color:var(--white);}
.about-region-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size2); margin-bottom:6px;}
.about-region-grid li span{display:block; color:var(--dark-gray); font-size:var(--small-font); line-height:1.45;}
/* FAQ */
.afaq-list{max-width:900px; margin:0 auto;}
.afaq-item{background:var(--white); border:1px solid #ececf2; border-radius:12px; margin-bottom:14px; overflow:hidden; transition:box-shadow 0.3s ease;}
.afaq-item[open]{box-shadow:0 4px 14px #e6e6ec; border-color:rgba(25,72,209,0.2);}
.afaq-item summary{list-style:none; cursor:pointer; padding:20px 24px; font-weight:600; font-size:var(--font-size2); color:var(--dark-blue); position:relative; padding-right:50px;}
.afaq-item summary::-webkit-details-marker{display:none;}
.afaq-item summary:after{content:"+"; position:absolute; right:24px; top:50%; transform:translateY(-50%); width:28px; height:28px; line-height:26px; text-align:center; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); font-size:20px; transition:all 0.3s ease;}
.afaq-item[open] summary:after{content:"\2212"; background:var(--green); color:var(--white);}
.afaq-ans{padding:0 24px 22px;}
.afaq-ans p{color:var(--dark-gray); line-height:1.65; margin:0;}
@media(max-width:991px){
.about-why-grid, .about-serve-grid{grid-template-columns:repeat(2,1fr);}
.about-region-grid{grid-template-columns:repeat(2,1fr);}
.about-hero .abimg1{display:none;}
.about-hero-inner{max-width:100%;}
}
@media(max-width:600px){
.about-why-grid, .about-serve-grid, .about-region-grid{grid-template-columns:1fr;}
.about-lead{font-size:var(--font-size2);}
.about-story-body p{text-align:left;}
}
/* Category pills inside the About writeup */
.about-cat-pills{list-style:none; margin:18px 0 8px; padding:0; display:flex; flex-wrap:wrap; gap:10px;}
.about-cat-pills li{margin:0;}
.about-cat-pills li a{display:inline-block; font-size:var(--small-font); font-weight:600; color:var(--blue); background:rgba(25,72,209,0.06); border:1px solid rgba(25,72,209,0.18); padding:8px 16px; border-radius:30px; text-decoration:none; transition:all 0.25s ease; line-height:1.3;}
.about-cat-pills li a:hover{background:var(--green); border-color:var(--green); color:var(--white);}
/* ===================== BREADCRUMB (About & Tenders pages) ===================== */
.breadcrumb-nav{background:var(--light-gray); border-bottom:1px solid #ececf2; padding:12px 0;}
.breadcrumb-nav ol{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; font-size:var(--small-font);}
.breadcrumb-nav li{display:flex; align-items:center; color:var(--dark-gray);}
.breadcrumb-nav li:not(:last-child):after{content:"\203A"; margin:0 10px; color:#b9bdbe; font-size:16px; line-height:1;}
.breadcrumb-nav li a{color:var(--blue); text-decoration:none; font-weight:600;}
.breadcrumb-nav li a:hover{color:var(--green);}
.breadcrumb-nav li[aria-current="page"]{color:var(--medium-black); font-weight:600;}
/* ===================== SERVICES / TURNKEY PAGES (svc-*) ===================== */
.svc-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:15px;}
/* Hero */
.svc-hero{background:linear-gradient(135deg, rgba(25,72,209,0.06), rgba(87,185,87,0.06)); position:relative; overflow:hidden;}
.svc-hero:before{content:""; position:absolute; top:-110px; right:-110px; width:340px; height:340px; border-radius:50%; background:rgba(25,72,209,0.06);}
.svc-hero-inner{position:relative; z-index:1; max-width:820px;}
.svc-hero .heading2{color:var(--dark-blue); margin-bottom:15px;}
.svc-lead{font-size:var(--font-size3); color:var(--medium-black); line-height:1.5; margin-bottom:25px;}
.svc-hero-cta{display:flex; align-items:center; flex-wrap:wrap; gap:25px;}
.svc-link{color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.svc-link:hover{color:var(--green);}
/* Section heads */
.svc-sec-head{text-align:center; max-width:820px; margin:0 auto 40px;}
.svc-sec-head .heading2{color:var(--dark-blue);}
.svc-sec-head .heading2:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:15px auto 16px;}
.svc-subtitle{color:var(--dark-gray); font-size:var(--font-size2);}
/* Story / writeup */
.svc-story-body{max-width:980px; margin:0 auto;}
.svc-story-body p{color:var(--dark-gray); line-height:1.8; margin-bottom:18px; text-align:justify;}
.svc-story-body a{color:var(--blue); font-weight:600;}
.svc-story-body a:hover{color:var(--green);}
/* Category cards */
.svc-cats{background:var(--light-gray);}
.svc-cat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; list-style:none; margin:0; padding:0;}
.svc-cat-grid li{background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 26px; display:flex; flex-direction:column; transition:all 0.3s ease; border-top:4px solid var(--blue);}
.svc-cat-grid li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.svc-ico{width:54px; height:54px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin-bottom:16px; transition:all 0.3s ease;}
.svc-ico svg{width:28px; height:28px;}
.svc-cat-grid li:hover .svc-ico{background:var(--green); color:var(--white);}
.svc-cat-grid li h3{color:var(--dark-blue); font-size:var(--font-size3); margin:0 0 10px;}
.svc-cat-grid li p{color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin:0 0 16px;}
.svc-more{margin-top:auto; align-self:flex-start; color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.svc-more:hover{color:var(--green);}
/* Testing equipment columns */
.svc-testing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.svc-test-col{background:var(--white); border:1px solid #ececf2; border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:26px 24px; border-bottom:3px solid var(--green);}
.svc-test-col h3{color:var(--dark-blue); font-size:var(--font-size2); margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid #eee;}
.svc-test-col ul{list-style:none; margin:0; padding:0;}
.svc-test-col li{padding:7px 0 7px 18px; position:relative;}
.svc-test-col li:before{content:""; position:absolute; left:0; top:14px; width:6px; height:6px; border-radius:50%; background:var(--green);}
.svc-test-col li a{color:var(--dark-gray); font-size:var(--small-font2); text-decoration:none; transition:color 0.2s ease;}
.svc-test-col li a:hover{color:var(--blue);}
/* Process steps */
.svc-process{background:var(--light-gray);}
.svc-steps{display:flex; flex-wrap:wrap; gap:24px; list-style:none; margin:0; padding:0;}
.svc-steps li{flex:1 1 240px; background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 26px; transition:all 0.3s ease; border-top:4px solid var(--green);}
.svc-steps li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.svc-step-num{display:inline-block; font-size:var(--font-size6); font-weight:bold; color:rgba(25,72,209,0.18); line-height:1; margin-bottom:10px;}
.svc-steps li strong{display:block; color:var(--blue); font-size:var(--font-size3); margin-bottom:10px;}
.svc-steps li p{color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin:0;}
/* FAQ */
.svc-faq-list{max-width:900px; margin:0 auto;}
.svc-faq-item{background:var(--white); border:1px solid #ececf2; border-radius:12px; margin-bottom:14px; overflow:hidden; transition:box-shadow 0.3s ease;}
.svc-faq-item[open]{box-shadow:0 4px 14px #e6e6ec; border-color:rgba(25,72,209,0.2);}
.svc-faq-item summary{list-style:none; cursor:pointer; padding:20px 24px; font-weight:600; font-size:var(--font-size2); color:var(--dark-blue); position:relative; padding-right:50px;}
.svc-faq-item summary::-webkit-details-marker{display:none;}
.svc-faq-item summary:after{content:"+"; position:absolute; right:24px; top:50%; transform:translateY(-50%); width:28px; height:28px; line-height:26px; text-align:center; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); font-size:20px; transition:all 0.3s ease;}
.svc-faq-item[open] summary:after{content:"\2212"; background:var(--green); color:var(--white);}
.svc-faq-ans{padding:0 24px 22px;}
.svc-faq-ans p{color:var(--dark-gray); line-height:1.65; margin:0;}
/* Contact */
.svc-contact{background:var(--dark-blue);}
.svc-contact-box{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:25px;}
.svc-contact-info{flex:1 1 480px;}
.svc-contact-info .heading2{color:var(--white); margin-bottom:14px;}
.svc-contact-info p{color:rgba(255,255,255,0.85); line-height:1.7; margin-bottom:10px;}
.svc-contact-info a{color:#9fc0ff;}
.svc-contact-info a:hover{color:var(--white);}
.svc-contact-cta .sbtn{background:var(--green); color:var(--white); border-color:var(--green);}
.svc-contact-cta .sbtn:hover{background:var(--white); color:var(--green);}
@media(max-width:991px){
.svc-cat-grid, .svc-testing-grid{grid-template-columns:repeat(1,1fr);}
.svc-contact-box{flex-direction:column; align-items:flex-start;}
}
@media(max-width:600px){
.svc-lead{font-size:var(--font-size2);}
.svc-story-body p{text-align:left;}
}
/* ===================== CONTACT PAGE (ct-*) ===================== */
.ct-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:15px;}
.ct-tag.light{background:rgba(255,255,255,0.18); color:var(--white);}
/* Hero */
.ct-hero{background:linear-gradient(135deg, rgba(25,72,209,0.06), rgba(87,185,87,0.06)); position:relative; overflow:hidden;}
.ct-hero:before{content:""; position:absolute; top:-110px; right:-110px; width:340px; height:340px; border-radius:50%; background:rgba(25,72,209,0.06);}
.ct-hero-inner{position:relative; z-index:1; max-width:820px;}
.ct-hero .heading2{color:var(--dark-blue); margin-bottom:15px;}
.ct-lead{font-size:var(--font-size3); color:var(--medium-black); line-height:1.5; margin-bottom:25px;}
.ct-hero-cta{display:flex; align-items:center; flex-wrap:wrap; gap:25px;}
.ct-link{color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.ct-link:hover{color:var(--green);}
/* Section heads */
.ct-sec-head{text-align:center; max-width:820px; margin:0 auto 40px;}
.ct-sec-head .heading2{color:var(--dark-blue);}
.ct-sec-head .heading2:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:15px auto 16px;}
.ct-subtitle{color:var(--dark-gray); font-size:var(--font-size2);}
.ct-subtitle.light{color:rgba(255,255,255,0.85);}
/* 1. Certifications band */
.ct-cert-band{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; list-style:none; margin:0; padding:0;}
.ct-cert-band li{text-align:center; background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 22px; transition:all 0.3s ease; border-bottom:3px solid var(--green);}
.ct-cert-band li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.cert-badge{width:60px; height:60px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; transition:all 0.3s ease;}
.cert-badge svg{width:30px; height:30px;}
.ct-cert-band li:hover .cert-badge{background:var(--green); color:var(--white);}
.ct-cert-band li strong{display:block; color:var(--dark-blue); font-size:var(--font-size3); margin-bottom:6px;}
.ct-cert-band li span{display:block; color:var(--dark-gray); font-size:var(--small-font); line-height:1.45;}
/* 2. Product showcase */
.ct-products{background:var(--light-gray);}
.ct-prod-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; list-style:none; margin:0 0 30px; padding:0;}
.ct-prod-grid li{background:var(--white); border:1px solid #ececf2; border-left:4px solid var(--blue); border-radius:12px; padding:26px 24px; display:flex; flex-direction:column; transition:all 0.3s ease;}
.ct-prod-grid li:hover{box-shadow:0 6px 16px #e6e6ec; border-left-color:var(--green); transform:translateX(3px);}
.prod-ico{width:50px; height:50px; border-radius:12px; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin-bottom:14px; transition:all 0.3s ease;}
.prod-ico svg{width:26px; height:26px;}
.ct-prod-grid li:hover .prod-ico{background:var(--green); color:var(--white);}
.ct-prod-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size3); margin-bottom:6px;}
.ct-prod-grid li span{display:block; color:var(--dark-gray); font-size:var(--small-font2); line-height:1.5;}
.ct-prod-foot{text-align:center;}
/* 3. Export markets strip (dark band) */
.ct-export{background:var(--dark-blue);}
.ct-export .ct-sec-head .heading2{color:var(--white);}
.ct-export-strip{display:flex; flex-wrap:wrap; gap:24px;}
.ct-export-item{flex:1 1 260px; text-align:center; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:14px; padding:30px 24px; transition:all 0.3s ease;}
.ct-export-item:hover{background:rgba(255,255,255,0.1); transform:translateY(-4px);}
.exp-ico{width:54px; height:54px; border-radius:50%; background:rgba(255,255,255,0.12); color:var(--white); display:flex; align-items:center; justify-content:center; margin:0 auto 14px;}
.exp-ico svg{width:28px; height:28px;}
.ct-export-item strong{display:block; color:var(--white); font-size:var(--font-size3); margin-bottom:8px;}
.ct-export-item span{display:block; color:rgba(255,255,255,0.8); font-size:var(--small-font2); line-height:1.5;}
/* 4. Contact channels */
.ct-channel-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; list-style:none; margin:0; padding:0;}
.ct-channel-grid li{text-align:center; background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 24px; display:flex; flex-direction:column; align-items:center; transition:all 0.3s ease; border-top:4px solid var(--blue);}
.ct-channel-grid li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.ch-ico{width:56px; height:56px; border-radius:50%; background:rgba(87,185,87,0.12); color:var(--green); display:flex; align-items:center; justify-content:center; margin-bottom:16px; transition:all 0.3s ease;}
.ch-ico svg{width:28px; height:28px;}
.ct-channel-grid li:hover .ch-ico{background:var(--green); color:var(--white);}
.ct-channel-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size3); margin-bottom:8px;}
.ct-channel-grid li > span{display:block; color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin-bottom:14px; flex:1 1 auto;}
.ch-link{display:inline-block; color:var(--blue); font-weight:600; font-size:var(--small-font2); border:1px solid var(--blue); border-radius:30px; padding:7px 18px; text-decoration:none; transition:all 0.25s ease;}
.ch-link:hover{background:var(--green); border-color:var(--green); color:var(--white);}
/* 5. Custom equipment */
.ct-custom{background:var(--light-gray);}
.ct-custom-box{display:flex; flex-wrap:wrap; align-items:center; gap:40px;}
.ct-custom-text{flex:1 1 460px;}
.ct-custom-text .heading2{color:var(--dark-blue); margin-bottom:14px;}
.ct-custom-text p{color:var(--dark-gray); line-height:1.7; margin-bottom:22px;}
.ct-custom-list{flex:1 1 320px; list-style:none; margin:0; padding:0;}
.ct-custom-list li{display:flex; align-items:center; gap:12px; background:var(--white); border-radius:10px; box-shadow:0 1px 8px #e6e6ec; padding:16px 20px; margin-bottom:12px; color:var(--medium-black); font-weight:500; font-size:var(--font-size);}
.ct-custom-list li svg{width:20px; height:20px; color:var(--green); flex:0 0 auto;}
/* FAQ */
.ct-faq-list{max-width:900px; margin:0 auto;}
.ct-faq-item{background:var(--white); border:1px solid #ececf2; border-radius:12px; margin-bottom:14px; overflow:hidden; transition:box-shadow 0.3s ease;}
.ct-faq-item[open]{box-shadow:0 4px 14px #e6e6ec; border-color:rgba(25,72,209,0.2);}
.ct-faq-item summary{list-style:none; cursor:pointer; padding:20px 24px; font-weight:600; font-size:var(--font-size2); color:var(--dark-blue); position:relative; padding-right:50px;}
.ct-faq-item summary::-webkit-details-marker{display:none;}
.ct-faq-item summary:after{content:"+"; position:absolute; right:24px; top:50%; transform:translateY(-50%); width:28px; height:28px; line-height:26px; text-align:center; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); font-size:20px; transition:all 0.3s ease;}
.ct-faq-item[open] summary:after{content:"\2212"; background:var(--green); color:var(--white);}
.ct-faq-ans{padding:0 24px 22px;}
.ct-faq-ans p{color:var(--dark-gray); line-height:1.65; margin:0;}
/* Address + map (restyled cards) */
.ct-address-grid{display:flex; flex-wrap:wrap; gap:30px; align-items:stretch;}
.ct-address-cards{flex:1 1 420px; display:flex; flex-direction:column; gap:18px;}
.ct-addr-card{display:flex; gap:16px; background:var(--white); border:1px solid #ececf2; border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:24px 22px; transition:all 0.3s ease; border-left:4px solid var(--blue);}
.ct-addr-card:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-3px); border-left-color:var(--green);}
.addr-ico{flex:0 0 auto; width:50px; height:50px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; transition:all 0.3s ease;}
.addr-ico svg{width:26px; height:26px;}
.ct-addr-card:hover .addr-ico{background:var(--green); color:var(--white);}
.addr-body{flex:1 1 auto;}
.addr-body h3{color:var(--dark-blue); font-size:var(--font-size3); margin:0 0 8px;}
.addr-body p{color:var(--dark-gray); line-height:1.65; margin:0 0 6px; font-size:var(--small-font2);}
.addr-body a{color:var(--blue); display:inline-flex; align-items:center; gap:6px; word-break:break-word;}
.addr-body a:hover{color:var(--green);}
.addr-body a svg{width:16px; height:16px; flex:0 0 auto;}
.ct-addr-actions{margin-top:2px;}
.ct-address-map{flex:1 1 480px; min-height:380px;}
.ct-address-map iframe{border-radius:14px; box-shadow:0 4px 16px #dadae4; display:block; width:100%; height:100%; min-height:380px;}
@media(max-width:991px){
.ct-address-map{min-height:320px;}
.ct-address-map iframe{min-height:320px;}
}
@media(max-width:991px){
.ct-cert-band, .ct-channel-grid{grid-template-columns:repeat(2,1fr);}
.ct-prod-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.ct-cert-band, .ct-channel-grid, .ct-prod-grid{grid-template-columns:1fr;}
.ct-lead{font-size:var(--font-size2);}
}
/* Made to Order - research areas list */
.ct-areas{margin-top:36px; padding-top:30px; border-top:1px solid #e2e2ea; width:100%;}
.ct-areas-title{color:var(--dark-blue); font-size:var(--font-size3); font-weight:bold; margin:0 0 18px; text-align:center;}
.ct-areas-grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.ct-areas-grid li{background:var(--white); border:1px solid #ececf2; border-radius:30px; padding:12px 18px; text-align:center; font-size:var(--small-font2); font-weight:600; color:var(--medium-black); transition:all 0.25s ease;}
.ct-areas-grid li:hover{background:var(--green); border-color:var(--green); color:var(--white);}
@media(max-width:991px){ .ct-areas-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .ct-areas-grid{grid-template-columns:1fr;} }
/* What We Manufacture - main category pills */
.ct-cat-pills{list-style:none; margin:0 auto 32px; padding:0; max-width:1000px; display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.ct-cat-pills li{margin:0;}
.ct-cat-pills li a{display:inline-block; font-size:var(--small-font); font-weight:600; color:var(--blue); background:var(--white); border:1px solid rgba(25,72,209,0.2); padding:8px 16px; border-radius:30px; text-decoration:none; transition:all 0.25s ease; line-height:1.3; box-shadow:0 1px 5px #ececf2;}
.ct-cat-pills li a:hover{background:var(--blue); border-color:var(--blue); color:var(--white);}
.ct-cat-pills li a.pill-all{background:var(--green); border-color:var(--green); color:var(--white);}
.ct-cat-pills li a.pill-all:hover{background:var(--dark-blue); border-color:var(--dark-blue);}
/* ===== Icon alignment fix (all page circles) ===== */
.cert-badge, .prod-ico, .exp-ico, .ch-ico, .addr-ico,
.why-ico, .reg-ico, .fund-ico, .region-ico,
.svc-ico, .dl-ben-ico, .dl-mk-ico, .nf-cta-ico, .nf-cta-arrow{
display:flex !important;
align-items:center !important;
justify-content:center !important;
line-height:0;
font-size:0;
text-align:center;
flex-shrink:0;
}
.cert-badge svg, .prod-ico svg, .exp-ico svg, .ch-ico svg, .addr-ico svg,
.why-ico svg, .reg-ico svg, .fund-ico svg, .region-ico svg,
.svc-ico svg, .dl-ben-ico svg, .dl-mk-ico svg, .nf-cta-ico svg, .nf-cta-arrow svg{
display:block;
margin:0 auto;
vertical-align:middle;
}
/* ===================== REDESIGNED FOOTER (nf-*) ===================== */
/* Top CTA bar */
.nf-cta{background:linear-gradient(120deg, #1948d1 0%, #2a5ae0 45%, #383f76 100%); position:relative; overflow:hidden; padding:26px 0;}
.nf-cta:before{content:""; position:absolute; top:-60%; right:-10%; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(87,185,87,0.22), transparent 70%); pointer-events:none;}
.nf-cta:after{content:""; position:absolute; bottom:-70%; left:-5%; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%); pointer-events:none;}
.nf-cta .container{position:relative; z-index:1;}
.nf-cta ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.nf-cta li{margin:0;}
.nf-cta-card{display:flex; align-items:center; gap:16px; padding:18px 20px; border-radius:14px; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.14); backdrop-filter:blur(4px); text-decoration:none; transition:all 0.3s ease; position:relative; overflow:hidden;}
.nf-cta-card:before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--green); transform:scaleY(0); transform-origin:bottom; transition:transform 0.3s ease;}
.nf-cta-card:hover{background:rgba(255,255,255,0.14); border-color:rgba(87,185,87,0.5); transform:translateY(-4px); box-shadow:0 12px 26px rgba(0,0,0,0.28);}
.nf-cta-card:hover:before{transform:scaleY(1);}
.nf-cta-ico{flex:0 0 auto; width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg, var(--green), #3fa84a); color:var(--white); display:flex; align-items:center; justify-content:center; box-shadow:0 6px 14px rgba(87,185,87,0.4); transition:all 0.3s ease;}
.nf-cta-ico svg{width:26px; height:26px; display:block;}
.nf-cta-card:hover .nf-cta-ico{transform:scale(1.08) rotate(-4deg);}
.nf-cta-txt{display:flex; flex-direction:column; line-height:1.3; flex:1 1 auto; min-width:0;}
.nf-cta-txt span{color:rgba(255,255,255,0.7); font-size:var(--small-font); font-weight:600; text-transform:uppercase; letter-spacing:0.4px;}
.nf-cta-txt strong{color:var(--white); font-size:var(--font-size2); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nf-cta-arrow{flex:0 0 auto; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,0.12); color:var(--white); display:flex; align-items:center; justify-content:center; opacity:0; transform:translateX(-8px); transition:all 0.3s ease;}
.nf-cta-arrow svg{width:16px; height:16px; display:block;}
.nf-cta-card:hover .nf-cta-arrow{opacity:1; transform:translateX(0); background:var(--green);}
/* Main footer */
.nf-main{background:#101a33; color:rgba(255,255,255,0.78); padding:55px 0 40px; position:relative;}
.nf-main:before{content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, var(--green), var(--blue));}
.nf-grid{display:grid; grid-template-columns:1.4fr 1fr 1.2fr 1.2fr; gap:40px;}
.nf-col{min-width:0;}
.nf-logo{margin-bottom:18px;}
.nf-logo img{height:46px; width:auto;}
.nf-addr, .nf-line{display:flex; align-items:flex-start; gap:10px; margin:0 0 12px; font-size:var(--small-font2); line-height:1.55;}
.nf-addr svg, .nf-line svg{width:18px; height:18px; flex:0 0 auto; color:var(--green); margin-top:2px;}
.nf-main a{color:rgba(255,255,255,0.78); text-decoration:none; transition:color 0.2s ease;}
.nf-main a:hover{color:var(--white);}
.nf-social{display:flex; gap:10px; margin-top:20px;}
.nf-social a{width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; transition:all 0.25s ease;}
.nf-social a svg{width:18px; height:18px; color:var(--white); display:block;}
.nf-social a:hover{background:var(--green); transform:translateY(-3px);}
.nf-title{color:var(--white); font-size:var(--font-size2); font-weight:700; margin-bottom:20px; position:relative; padding-bottom:12px;}
.nf-title:after{content:""; position:absolute; left:0; bottom:0; width:36px; height:2px; background:var(--green);}
.nf-links{list-style:none; margin:0; padding:0;}
.nf-links li{margin-bottom:11px;}
.nf-links li a{font-size:var(--small-font2); position:relative; padding-left:16px; display:inline-block;}
.nf-links li a:before{content:"\203A"; position:absolute; left:0; color:var(--green); font-size:15px; line-height:1.2;}
.nf-links li.active a, .nf-links li a:hover{color:var(--white);}
/* Copyright */
.copyrightbg{background:#0a1224; padding:14px 0;}
.copytext{color:rgba(255,255,255,0.6); text-align:center; font-size:var(--small-font); line-height:1.5;}
.copytext a{color:var(--green);}
.copytext a:hover{color:var(--white);}
@media(max-width:991px){
.nf-cta ul{grid-template-columns:repeat(2,1fr);}
.nf-grid{grid-template-columns:1fr 1fr; gap:32px;}
}
@media(max-width:600px){
.nf-cta ul{grid-template-columns:1fr;}
.nf-grid{grid-template-columns:1fr; gap:30px; text-align:left;}
.nf-main{padding:40px 0 30px;}
}
/* ===================== LAB DEALERSHIP PAGE (dl-*) ===================== */
.dl-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:15px;}
.dl-tag.light{background:rgba(255,255,255,0.18); color:var(--white);}
/* Hero */
.dl-hero{background:linear-gradient(135deg, rgba(25,72,209,0.06), rgba(87,185,87,0.06)); position:relative; overflow:hidden;}
.dl-hero:before{content:""; position:absolute; top:-110px; right:-110px; width:340px; height:340px; border-radius:50%; background:rgba(25,72,209,0.06);}
.dl-hero-inner{position:relative; z-index:1; max-width:840px;}
.dl-hero .heading2{color:var(--dark-blue); margin-bottom:15px;}
.dl-lead{font-size:var(--font-size3); color:var(--medium-black); line-height:1.5; margin-bottom:25px;}
.dl-hero-cta{display:flex; align-items:center; flex-wrap:wrap; gap:25px; margin-bottom:30px;}
.dl-link{color:var(--blue); font-weight:600; font-size:var(--font-size); text-decoration:none;}
.dl-link:hover{color:var(--green);}
.dl-hero-stats{display:flex; flex-wrap:wrap; gap:30px; list-style:none !important; margin:0; padding:0;}
.dl-hero-stats li{display:flex; flex-direction:column; padding:0 !important; margin:0 !important; background:none !important; width:auto !important; list-style:none !important;}
.dl-hero-stats li:before{display:none !important; content:none !important;}
.dl-hero-stats li strong{color:var(--blue); font-size:var(--font-size5); font-weight:bold; line-height:1;}
.dl-hero-stats li span{color:var(--dark-gray); font-size:var(--small-font); margin-top:4px;}
/* Section heads */
.dl-sec-head{text-align:center; max-width:840px; margin:0 auto 40px;}
.dl-sec-head .heading2{color:var(--dark-blue);}
.dl-sec-head .heading2:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:15px auto 16px;}
.dl-subtitle{color:var(--dark-gray); font-size:var(--font-size2);}
.dl-subtitle.light{color:rgba(255,255,255,0.85);}
/* Story */
.dl-story-body{max-width:980px; margin:0 auto;}
.dl-story-body p{color:var(--dark-gray); line-height:1.8; margin-bottom:18px; text-align:justify;}
.dl-story-body a{color:var(--blue); font-weight:600;}
.dl-story-body a:hover{color:var(--green);}
/* 1. Benefits */
.dl-benefits{background:var(--light-gray);}
.dl-benefit-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; list-style:none; margin:0; padding:0;}
.dl-benefit-grid li{background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 26px; transition:all 0.3s ease; border-top:4px solid var(--green);}
.dl-benefit-grid li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.dl-ben-ico{width:54px; height:54px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex; align-items:center; justify-content:center; margin-bottom:16px; transition:all 0.3s ease;}
.dl-ben-ico svg{width:28px; height:28px; display:block;}
.dl-benefit-grid li:hover .dl-ben-ico{background:var(--green); color:var(--white);}
.dl-benefit-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size3); margin-bottom:8px;}
.dl-benefit-grid li p{color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin:0;}
/* 2. Category cards with subcategories */
.dl-cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-bottom:35px;}
.dl-cat-card{background:var(--white); border:1px solid #ececf2; border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:24px 22px; display:flex; flex-direction:column; transition:all 0.3s ease; border-top:3px solid var(--blue);}
.dl-cat-card:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px); border-top-color:var(--green);}
.dl-cat-card h3{font-size:var(--font-size2); margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid #eee; line-height:1.3;}
.dl-cat-card h3 a{color:var(--dark-blue); text-decoration:none;}
.dl-cat-card h3 a:hover{color:var(--blue);}
.dl-cat-card ul{list-style:none; margin:0 0 14px; padding:0; flex:1 1 auto;}
.dl-cat-card li{padding:5px 0 5px 16px; position:relative;}
.dl-cat-card li:before{content:""; position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:50%; background:var(--green);}
.dl-cat-card li a{color:var(--dark-gray); font-size:var(--small-font); text-decoration:none; transition:color 0.2s ease;}
.dl-cat-card li a:hover{color:var(--blue);}
.dl-cat-all{align-self:flex-start; color:var(--blue); font-weight:600; font-size:var(--small-font2); text-decoration:none; margin-top:auto;}
.dl-cat-all:hover{color:var(--green);}
.dl-cat-foot{text-align:center;}
/* 3. Who can partner */
.dl-who{background:var(--light-gray);}
.dl-who-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; list-style:none; margin:0; padding:0;}
.dl-who-grid li{background:var(--white); border:1px solid #ececf2; border-left:4px solid var(--blue); border-radius:12px; padding:22px 22px; transition:all 0.3s ease;}
.dl-who-grid li:hover{box-shadow:0 6px 16px #e6e6ec; border-left-color:var(--green);}
.dl-who-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size2); margin-bottom:6px;}
.dl-who-grid li span{display:block; color:var(--dark-gray); font-size:var(--small-font); line-height:1.5;}
/* 4. Process steps */
.dl-steps{display:flex; flex-wrap:wrap; gap:24px; list-style:none; margin:0; padding:0;}
.dl-steps li{flex:1 1 220px; background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:30px 26px; transition:all 0.3s ease; border-top:4px solid var(--green);}
.dl-steps li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.dl-step-num{display:inline-block; font-size:var(--font-size6); font-weight:bold; color:rgba(25,72,209,0.18); line-height:1; margin-bottom:10px;}
.dl-steps li strong{display:block; color:var(--blue); font-size:var(--font-size3); margin-bottom:10px;}
.dl-steps li p{color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin:0;}
/* 5. Markets (dark) */
.dl-markets{background:var(--dark-blue);}
.dl-markets .dl-sec-head .heading2{color:var(--white);}
.dl-market-strip{display:flex; flex-wrap:wrap; gap:22px;}
.dl-market-item{flex:1 1 240px; text-align:center; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:14px; padding:28px 22px; transition:all 0.3s ease;}
.dl-market-item:hover{background:rgba(255,255,255,0.1); transform:translateY(-4px);}
.dl-mk-ico{width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,0.12); color:var(--white); display:flex; align-items:center; justify-content:center; margin:0 auto 14px;}
.dl-mk-ico svg{width:26px; height:26px; display:block;}
.dl-market-item strong{display:block; color:var(--white); font-size:var(--font-size3); margin-bottom:8px;}
.dl-market-item span{display:block; color:rgba(255,255,255,0.8); font-size:var(--small-font); line-height:1.45;}
/* FAQ */
.dl-faq-list{max-width:900px; margin:0 auto;}
.dl-faq-item{background:var(--white); border:1px solid #ececf2; border-radius:12px; margin-bottom:14px; overflow:hidden; transition:box-shadow 0.3s ease;}
.dl-faq-item[open]{box-shadow:0 4px 14px #e6e6ec; border-color:rgba(25,72,209,0.2);}
.dl-faq-item summary{list-style:none; cursor:pointer; padding:20px 24px; font-weight:600; font-size:var(--font-size2); color:var(--dark-blue); position:relative; padding-right:50px;}
.dl-faq-item summary::-webkit-details-marker{display:none;}
.dl-faq-item summary:after{content:"+"; position:absolute; right:24px; top:50%; transform:translateY(-50%); width:28px; height:28px; line-height:26px; text-align:center; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); font-size:20px; transition:all 0.3s ease;}
.dl-faq-item[open] summary:after{content:"\2212"; background:var(--green); color:var(--white);}
.dl-faq-ans{padding:0 24px 22px;}
.dl-faq-ans p{color:var(--dark-gray); line-height:1.65; margin:0;}
/* Contact CTA */
.dl-contact{background:var(--light-gray);}
.dl-contact-box{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:25px; background:linear-gradient(120deg, var(--blue), var(--dark-blue)); border-radius:18px; padding:40px 44px;}
.dl-contact-text{flex:1 1 420px;}
.dl-contact-text .heading2{color:var(--white); margin-bottom:10px;}
.dl-contact-text p{color:rgba(255,255,255,0.85); line-height:1.6; margin:0;}
.dl-contact-actions{display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.dl-contact-actions .sbtn{background:var(--green); color:var(--white); border-color:var(--green);}
.dl-contact-actions .sbtn:hover{background:var(--white); color:var(--green);}
.dl-contact-mail, .dl-contact-tel{color:rgba(255,255,255,0.92) !important; text-decoration:none; font-size:var(--small-font2);}
.dl-contact-mail:hover, .dl-contact-tel:hover{color:var(--white) !important; text-decoration:underline;}
@media(max-width:991px){
.dl-benefit-grid, .dl-who-grid{grid-template-columns:repeat(2,1fr);}
.dl-cat-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.dl-benefit-grid, .dl-who-grid, .dl-cat-grid{grid-template-columns:1fr;}
.dl-lead{font-size:var(--font-size2);}
.dl-story-body p{text-align:left;}
.dl-hero-stats{gap:20px;}
.dl-contact-box{padding:30px 26px;}
}
/* ===== Defensive list resets (prevent stray bullets from global ul/li rules) ===== */
.dl-benefit-grid, .dl-who-grid, .dl-steps, .about-why-grid, .about-serve-grid, .about-region-grid,
.svc-cat-grid, .svc-steps, .tender-stats, .tender-steps, .tender-fundlist, .tender-regionlist,
.ct-cert-band, .ct-channel-grid, .ct-prod-grid, .ct-areas-grid, .nf-cta ul, .nf-links,
.dl-cat-card ul, .svc-test-col ul{
list-style:none !important; padding-left:0 !important;
}
.dl-cat-card ul li, .svc-test-col ul li{ list-style:none !important; }
.dl-benefit-grid > li, .dl-who-grid > li, .dl-steps > li, .about-why-grid > li, .about-serve-grid > li,
.about-region-grid > li, .svc-cat-grid > li, .svc-steps > li, .tender-stats > li, .tender-steps > li,
.tender-fundlist > li, .tender-regionlist > li, .ct-cert-band > li, .ct-channel-grid > li,
.ct-prod-grid > li, .ct-areas-grid > li, .nf-cta ul > li, .nf-links > li{
list-style:none !important;
}
.dl-benefit-grid > li:before, .dl-who-grid > li:before, .dl-steps > li:before,
.about-why-grid > li:before, .about-serve-grid > li:before, .about-region-grid > li:before,
.svc-cat-grid > li:before, .svc-steps > li:before, .ct-cert-band > li:before,
.ct-channel-grid > li:before, .ct-prod-grid > li:before, .ct-areas-grid > li:before,
.nf-cta ul > li:before{
content:none !important; display:none !important;
}
/* ===== Dealership: export keywords + country flag cards ===== */
.dl-countries{background:var(--light-gray);}
.dl-kw-row{list-style:none !important; margin:0 auto 36px; padding:0 !important; max-width:1000px; display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.dl-kw-row li{list-style:none !important; background:var(--white); border:1px solid rgba(25,72,209,0.18); color:var(--blue); font-size:var(--small-font); font-weight:600; padding:8px 16px; border-radius:30px; line-height:1.3; box-shadow:0 1px 5px #ececf2;}
.dl-kw-row li:before{display:none !important; content:none !important;}
.dl-flag-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:12px;}
.dl-flag-card{display:flex; align-items:center; gap:10px; background:var(--white); border:1px solid #ececf2; border-radius:10px; padding:10px 14px; transition:all 0.25s ease;}
.dl-flag-card:hover{box-shadow:0 4px 12px #e0e0ea; transform:translateY(-2px); border-color:rgba(87,185,87,0.5);}
.dl-flag{font-size:24px; line-height:1; flex:0 0 auto;}
.dl-cname{color:var(--medium-black); font-size:var(--small-font); font-weight:500; line-height:1.25;}
@media(max-width:991px){ .dl-flag-grid{grid-template-columns:repeat(4,1fr);} }
@media(max-width:600px){ .dl-flag-grid{grid-template-columns:repeat(2,1fr);} }
/* ===================== PRODUCT DETAIL SEO SECTIONS (pd-*) ===================== */
.pd-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:14px;}
.pd-sec-head{text-align:center; max-width:840px; margin:0 auto 35px;}
.pd-sec-head .heading3{color:var(--dark-blue); font-size:var(--font-size4); font-weight:bold;}
.pd-sec-head .heading3:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:14px auto 14px;}
.pd-subtitle{color:var(--dark-gray); font-size:var(--font-size2);}
/* Export strip (replaces country wall) - clean, centered */
.pd-export{background:linear-gradient(180deg, var(--white), var(--light-gray)); border:1px solid #ececf2; border-radius:18px; padding:42px 40px; text-align:center;}
.pd-export-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; text-transform:uppercase; letter-spacing:0.5px; padding:6px 18px; border-radius:30px; margin-bottom:16px;}
.pd-export .heading3{color:var(--dark-blue); font-size:var(--font-size3); font-weight:bold; margin-bottom:12px;}
.pd-export > p{color:var(--dark-gray); line-height:1.7; margin:0 auto 28px; max-width:780px;}
/* Continent cards - equal width, full row */
.pd-export-regions{list-style:none !important; margin:0 0 28px 0 !important; padding:0 !important; display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:14px;}
.pd-export-regions li{list-style:none !important; width:auto !important; min-width:0 !important; box-sizing:border-box; display:flex !important; align-items:center; justify-content:center; gap:10px; background:var(--white); border:1px solid rgba(25,72,209,0.18); border-radius:14px; padding:18px 16px; font-weight:600; color:var(--dark-blue); font-size:var(--font-size1); box-shadow:0 2px 8px #e9e9f0; transition:all 0.25s ease;}
.pd-export-regions li:before{display:none !important; content:none !important;}
.pd-export-regions li:hover{border-color:var(--green); transform:translateY(-3px); box-shadow:0 8px 18px #dadae4;}
.pd-reg-ico{width:36px; height:36px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto; transition:all 0.25s ease;}
.pd-reg-ico svg{width:20px; height:20px; display:block;}
.pd-export-regions li:hover .pd-reg-ico{background:var(--green); color:var(--white);}
/* Country block - full width, centered */
.pd-country-block{width:100%; margin:8px 0 28px 0 !important; padding:24px 26px; background:rgba(25,72,209,0.04); border:1px dashed rgba(25,72,209,0.18); border-radius:14px; box-sizing:border-box;}
.pd-export .pd-export-regions{margin-bottom:30px !important;}
.pd-export .pd-country-block{margin-top:12px !important;}
.pd-country-label{display:block; color:var(--dark-gray); font-size:var(--small-font); font-weight:600; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:16px; text-align:center;}
.pd-export-countries{list-style:none !important; margin:0; padding:0 !important; display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.pd-export-countries li{list-style:none !important; flex:0 0 auto !important; width:auto !important; display:inline-flex; align-items:center; gap:8px; background:var(--white); border:1px solid #e2e2ea; color:var(--medium-black); font-size:var(--small-font2); font-weight:600; padding:8px 16px; border-radius:30px; box-shadow:0 1px 4px #ececf2; transition:all 0.2s ease;}
.pd-export-countries li:before{display:none !important; content:none !important;}
.pd-export-countries li:hover{background:var(--green); border-color:var(--green); color:var(--white); transform:translateY(-2px);}
.pd-flag{font-size:18px; line-height:1; flex:0 0 auto;}
/* CTA button link */
.pd-export-link{display:inline-block; background:var(--green); color:var(--white) !important; font-weight:700; font-size:var(--font-size); text-decoration:none; padding:14px 34px; border-radius:40px; box-shadow:0 6px 16px rgba(87,185,87,0.35); transition:all 0.25s ease;}
.pd-export-link:hover{background:var(--dark-blue); color:var(--white) !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(56,63,118,0.35);}
/* Why buy grid */
.pd-why{background:var(--light-gray);}
.pd-why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; list-style:none !important; margin:0; padding:0 !important;}
.pd-why-grid li{list-style:none !important; background:var(--white); border-radius:14px; box-shadow:0 2px 12px #e6e6ec; padding:28px 24px; transition:all 0.3s ease; border-top:4px solid var(--green);}
.pd-why-grid li:before{display:none !important; content:none !important;}
.pd-why-grid li:hover{box-shadow:0 8px 20px #d4d4e0; transform:translateY(-4px);}
.pd-ico{width:52px; height:52px; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); display:flex !important; align-items:center !important; justify-content:center !important; margin-bottom:14px; transition:all 0.3s ease; flex-shrink:0;}
.pd-ico svg{width:27px; height:27px; display:block;}
.pd-why-grid li:hover .pd-ico{background:var(--green); color:var(--white);}
.pd-why-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size2); margin-bottom:8px;}
.pd-why-grid li p{color:var(--dark-gray); font-size:var(--small-font2); line-height:1.55; margin:0;}
/* Applications grid */
.pd-apps-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; list-style:none !important; margin:0; padding:0 !important;}
.pd-apps-grid li{list-style:none !important; background:var(--white); border:1px solid #ececf2; border-left:4px solid var(--blue); border-radius:12px; padding:20px 22px; transition:all 0.3s ease;}
.pd-apps-grid li:before{display:none !important; content:none !important;}
.pd-apps-grid li:hover{box-shadow:0 6px 16px #e6e6ec; border-left-color:var(--green);}
.pd-apps-grid li strong{display:block; color:var(--dark-blue); font-size:var(--font-size2); margin-bottom:5px;}
.pd-apps-grid li span{display:block; color:var(--dark-gray); font-size:var(--small-font); line-height:1.5;}
/* FAQ */
.pd-faq{background:var(--light-gray);}
.pd-faq-list{max-width:900px; margin:0 auto;}
.pd-faq-item{background:var(--white); border:1px solid #ececf2; border-radius:12px; margin-bottom:14px; overflow:hidden; transition:box-shadow 0.3s ease;}
.pd-faq-item[open]{box-shadow:0 4px 14px #e6e6ec; border-color:rgba(25,72,209,0.2);}
.pd-faq-item summary{list-style:none; cursor:pointer; padding:18px 24px; font-weight:600; font-size:var(--font-size2); color:var(--dark-blue); position:relative; padding-right:50px;}
.pd-faq-item summary::-webkit-details-marker{display:none;}
.pd-faq-item summary:after{content:"+"; position:absolute; right:24px; top:50%; transform:translateY(-50%); width:28px; height:28px; line-height:26px; text-align:center; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); font-size:20px; transition:all 0.3s ease;}
.pd-faq-item[open] summary:after{content:"\2212"; background:var(--green); color:var(--white);}
.pd-faq-ans{padding:0 24px 20px;}
.pd-faq-ans p{color:var(--dark-gray); line-height:1.65; margin:0;}
/* CTA */
.pd-cta-box{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(120deg, var(--blue), var(--dark-blue)); border-radius:16px; padding:36px 40px;}
.pd-cta-text{flex:1 1 440px;}
.pd-cta-text .heading3{color:var(--white); font-size:var(--font-size4); font-weight:bold; margin-bottom:8px;}
.pd-cta-text p{color:rgba(255,255,255,0.85); margin:0; line-height:1.6;}
.pd-cta-actions{display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.pd-cta-actions .sbtn{background:var(--green); color:var(--white); border-color:var(--green);}
.pd-cta-actions .sbtn:hover{background:var(--white); color:var(--green);}
.pd-cta-mail{color:rgba(255,255,255,0.92) !important; text-decoration:none; font-size:var(--small-font2);}
.pd-cta-mail:hover{color:var(--white) !important; text-decoration:underline;}
@media(max-width:991px){
.pd-why-grid, .pd-apps-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.pd-why-grid, .pd-apps-grid{grid-template-columns:1fr;}
.pd-export{padding:24px 22px;}
.pd-cta-box{padding:28px 24px;}
}
/* ===================== CATEGORY PAGE CTA + FAQ (cat-*) ===================== */
.cat-inner{width:100%;}
.cat-cta{margin:30px 0 0;}
.cat-cta-box{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(120deg, var(--blue), var(--dark-blue)); border-radius:16px; padding:30px 34px;}
.cat-cta-text{flex:1 1 340px;}
.cat-cta-text .heading3{color:var(--white); font-size:var(--font-size3); font-weight:bold; margin:0 0 8px;}
.cat-cta-text p{color:rgba(255,255,255,0.85); margin:0; line-height:1.6; font-size:var(--small-font2);}
.cat-cta-actions{display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.cat-cta-actions .sbtn{background:var(--green); color:var(--white); border-color:var(--green);}
.cat-cta-actions .sbtn:hover{background:var(--white); color:var(--green);}
.cat-cta-mail, .cat-cta-tel{color:rgba(255,255,255,0.92) !important; text-decoration:none; font-size:var(--small-font2);}
.cat-cta-mail:hover, .cat-cta-tel:hover{color:var(--white) !important; text-decoration:underline;}
.cat-faq{margin:30px 0;}
.cat-faq-head{text-align:center; margin:0 auto 24px;}
.cat-faq-tag{display:inline-block; background:var(--green); color:var(--white); font-size:var(--small-font); font-weight:600; letter-spacing:0.5px; text-transform:uppercase; padding:6px 18px; border-radius:30px; margin-bottom:12px;}
.cat-faq-head .heading3{color:var(--dark-blue); font-size:var(--font-size3); font-weight:bold; margin:0;}
.cat-faq-head .heading3:after{content:""; display:block; width:70px; height:3px; background:var(--green); margin:14px auto 0;}
.cat-faq-list{width:100%;}
.cat-faq-item{background:var(--white); border:1px solid #ececf2; border-radius:12px; margin-bottom:14px; overflow:hidden; transition:box-shadow 0.3s ease;}
.cat-faq-item[open]{box-shadow:0 4px 14px #e6e6ec; border-color:rgba(25,72,209,0.2);}
.cat-faq-item summary{list-style:none; cursor:pointer; padding:16px 22px; font-weight:600; font-size:var(--font-size1); color:var(--dark-blue); position:relative; padding-right:50px;}
.cat-faq-item summary::-webkit-details-marker{display:none;}
.cat-faq-item summary:after{content:"+"; position:absolute; right:22px; top:50%; transform:translateY(-50%); width:28px; height:28px; line-height:26px; text-align:center; border-radius:50%; background:rgba(25,72,209,0.08); color:var(--blue); font-size:20px; transition:all 0.3s ease;}
.cat-faq-item[open] summary:after{content:"\2212"; background:var(--green); color:var(--white);}
.cat-faq-ans{padding:0 22px 18px;}
.cat-faq-ans p{color:var(--dark-gray); line-height:1.65; margin:0;}
@media(max-width:600px){
.cat-cta-box{padding:24px 20px;}
}
/* ============================================================
Bootstrap 5 grid/utilities for blog pages — SELF-CONTAINED.
Bootstrap 5 is NOT loaded globally (it clashes with the site),
so the small subset of BS5 classes used by blog.php and
blog-detail1.php is reproduced here, scoped under .ngbs so it
can never affect the header, footer, or any other section.
Only the classes actually used by those two pages are included:
row, g-4, col-12, col-sm-6, col-lg-3, col-lg-4, col-lg-9,
d-flex, flex-column, flex-grow-1, mt-auto, align-self-start,
h-100, img-fluid.
============================================================ */
.ngbs{ --ngbs-gutter-x: 1.5rem; --ngbs-gutter-y: 0; }
/* box-sizing only inside the scope, so BS percentage widths add up */
.ngbs .row,
.ngbs [class*="col-"]{ box-sizing: border-box; }
/* --- Row --- */
.ngbs > .row,
.ngbs .row{
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--ngbs-gutter-y));
margin-right: calc(-.5 * var(--ngbs-gutter-x));
margin-left: calc(-.5 * var(--ngbs-gutter-x));
}
/* --- Columns: base padding (gutters) --- */
.ngbs .row > [class*="col-"]{
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--ngbs-gutter-x) * .5);
padding-left: calc(var(--ngbs-gutter-x) * .5);
margin-top: var(--ngbs-gutter-y);
float: none; /* neutralise legacy float helpers (fleft/fright) within scope */
}
/* --- Gutter helper g-4 (matches Bootstrap spacer scale: 1.5rem) --- */
.ngbs .row.g-4{ --ngbs-gutter-x: 1.5rem; --ngbs-gutter-y: 1.5rem; }
/* --- Column widths --- */
.ngbs .row > .col-12{ width: 100%; }
@media (min-width: 576px){
.ngbs .row > .col-sm-6{ width: 50%; }
}
@media (min-width: 992px){
.ngbs .row > .col-lg-3{ width: 25%; }
.ngbs .row > .col-lg-4{ width: 33.33333333%; }
.ngbs .row > .col-lg-9{ width: 75%; }
}
/* --- Flex utilities --- */
.ngbs .d-flex{ display: flex !important; }
.ngbs .flex-column{ flex-direction: column !important; }
.ngbs .flex-grow-1{ flex-grow: 1 !important; }
.ngbs .mt-auto{ margin-top: auto !important; }
.ngbs .align-self-start{ align-self: flex-start !important; }
/* --- Sizing --- */
.ngbs .h-100{ height: 100% !important; }
/* --- Images --- */
.ngbs .img-fluid{ max-width: 100%; height: auto; }
/* --- Equal-height card support for the listing --- */
.ngbs .newsbox{ height: 100%; }
.ngbs .newsbox .newscontent{ height: 100%; }
/* ============================================================
EDITORIAL / MAGAZINE DESIGN — blog.php & blog-detail1.php
------------------------------------------------------------
All rules are scoped under .ngbs-editorial (added on the blog
wrappers) and reuse the site's existing brand tokens
(--blue / --green / --dark-blue) and the site font. Uniquely
prefixed class names (nle-) are used for anything new so nothing
here can clash with the header, footer, or any other section.
============================================================ */
/* ---------- Shared section atmosphere ---------- */
.ngbs-editorial{
background:
radial-gradient(60% 120% at 100% 0%, rgba(25,72,209,0.04) 0%, rgba(25,72,209,0) 60%),
radial-gradient(50% 100% at 0% 100%, rgba(87,185,87,0.05) 0%, rgba(87,185,87,0) 55%),
var(--white);
}
/* =====================================================
LISTING (blog.php)
===================================================== */
/* Card shell — refined editorial card */
.ngbs-editorial .newsbox{
background: var(--white);
border: 1px solid #ecedf3;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(38,40,43,0.04);
overflow: hidden;
transition: transform .35s cubic-bezier(.2,.7,.3,1),
box-shadow .35s cubic-bezier(.2,.7,.3,1),
border-color .35s ease;
}
.ngbs-editorial .newsbox:hover{
transform: translateY(-6px);
box-shadow: 0 18px 40px -18px rgba(38,40,43,0.35);
border-color: #e0e2ec;
}
/* Image — fixed editorial aspect ratio, subtle zoom + wash on hover */
.ngbs-editorial .newsimg{
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
height: auto;
overflow: hidden;
background: var(--light-gray);
display:block;
}
.ngbs-editorial .newsimg::after{
content:"";
position:absolute; inset:0;
background: linear-gradient(180deg, rgba(38,40,43,0.16) 0%, rgba(38,40,43,0) 32%, rgba(38,40,43,0) 100%);
pointer-events:none;
}
.ngbs-editorial .newsimg img{
width:100%; height:100%;
object-fit: cover;
transition: transform .6s cubic-bezier(.2,.7,.3,1);
}
.ngbs-editorial .newsbox:hover .newsimg img{ transform: scale(1.05); }
/* Category pill — top-left over the image */
.ngbs-editorial .nle-pill{
position:absolute; top:14px; left:14px; z-index:2;
display:inline-flex; align-items:center; gap:7px;
background: var(--white);
color: var(--dark-blue);
font-size:13px; font-weight:700;
padding:7px 15px;
border-radius:30px;
box-shadow:0 4px 12px rgba(38,40,43,0.16);
line-height:1;
}
.ngbs-editorial .nle-pill i{ color: var(--green); font-size:13px; }
/* Date badge — top-right over the image */
.ngbs-editorial .nle-date{
position:absolute; top:14px; right:14px; z-index:2;
display:flex; flex-direction:column; align-items:center; justify-content:center;
width:54px; min-height:58px;
background: #f4a623;
color:#3a2a05;
border-radius:12px;
padding:7px 4px;
box-shadow:0 4px 12px rgba(38,40,43,0.18);
line-height:1;
}
.ngbs-editorial .nle-date strong{ font-size:22px; font-weight:800; }
.ngbs-editorial .nle-date em{ font-size:12px; font-weight:700; font-style:normal; text-transform:uppercase; margin-top:2px; letter-spacing:.5px; }
.ngbs-editorial .nle-date i{ font-size:10px; font-style:normal; font-weight:600; margin-top:2px; opacity:.85; }
/* Content padding */
.ngbs-editorial .newscontent{
padding: 22px 22px 20px;
position: relative;
}
/* Title — brand blue, even 2-line height with clean ellipsis */
.ngbs-editorial .newstitle{
font-size: 18px;
line-height: 1.34;
font-weight: 700;
margin-bottom: 11px;
}
.ngbs-editorial .newstitle a{
color: var(--blue);
transition: color .25s ease;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(1.34em * 2);
}
.ngbs-editorial .newsbox:hover .newstitle a{ color: var(--dark-blue); }
/* Brief text — 5-line max, sizes to content */
.ngbs-editorial .brief{
color: var(--dark-gray);
font-size: 14.5px;
line-height: 1.6;
margin-bottom: 16px;
}
.ngbs-editorial .brief,
.ngbs-editorial .brief p{
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* In-card keyword chips — sizes to content (1-2 rows) */
.ngbs-editorial .nle-card-tags{
display:flex;
flex-wrap:wrap;
gap:7px;
margin:2px 0 16px;
align-content:flex-start;
}
.ngbs-editorial .nle-card-tag{
display:inline-block;
font-size:12px;
font-weight:600;
color:var(--dark-blue);
background:var(--light-gray);
padding:5px 12px;
border-radius:30px;
line-height:1.2;
}
/* Meta footer — "Read article →" (green) on left, read-time on right */
.ngbs-editorial .nle-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-top:18px;
padding-top:15px;
border-top:1px solid #eef0f6;
}
/* Cards size to their content (Image-2 style) — no equal-height stretch, no void */
.ngbs-editorial .newscontent .nle-meta.mt-auto{ margin-top:16px !important; }
.ngbs-editorial .newslist .newsbox.h-100{ height:auto !important; }
.ngbs-editorial .newsbox .newscontent.flex-grow-1{ flex-grow:0 !important; }
.ngbs-editorial .newslist .row.g-4{ align-items:flex-start; }
.ngbs-editorial a.sbtn.nle-readlink{
height:auto;
padding:0;
margin:0;
border:0;
border-radius:0;
background:none;
color: var(--green);
font-weight:700;
font-size:14.5px;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:8px;
width:auto;
}
.ngbs-editorial a.sbtn.nle-readlink::after{
content:"\2192";
width:auto; height:auto;
background:none;
border-radius:0;
margin:0;
font-size:16px;
line-height:1;
transition: transform .25s ease;
}
.ngbs-editorial a.sbtn.nle-readlink:hover{
background:none;
color: var(--dark-blue);
}
.ngbs-editorial a.sbtn.nle-readlink:hover::after{ transform: translateX(4px); }
.ngbs-editorial .nle-readtime{
display:inline-flex;
align-items:center;
gap:6px;
color: var(--dark-gray);
font-size:13.5px;
font-weight:500;
white-space:nowrap;
}
.ngbs-editorial .nle-readtime i{ color: var(--green); font-size:14px; }
/* Staggered load-in for the cards (high-impact, CSS-only) */
@keyframes nle-rise{
from{ opacity:0; transform: translateY(16px); }
to{ opacity:1; transform: translateY(0); }
}
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]{
animation: nle-rise .55s both cubic-bezier(.2,.7,.3,1);
}
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]:nth-child(1){ animation-delay:.02s; }
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]:nth-child(2){ animation-delay:.08s; }
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]:nth-child(3){ animation-delay:.14s; }
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]:nth-child(4){ animation-delay:.20s; }
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]:nth-child(5){ animation-delay:.26s; }
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]:nth-child(6){ animation-delay:.32s; }
@media (prefers-reduced-motion: reduce){
.ngbs-editorial .newslist .row.g-4 > [class*="col-"]{ animation:none; }
.ngbs-editorial .newsbox, .ngbs-editorial .newsimg img,
.ngbs-editorial a.sbtn::after{ transition:none; }
}
/* =====================================================
DETAIL (blog-detail1.php)
===================================================== */
/* Article column — readable measure & breathing room */
.ngbs-editorial .right_section{
background: var(--white);
border: 1px solid #ecedf3;
border-radius: 16px;
padding: 30px 34px 36px;
box-shadow: 0 1px 2px rgba(38,40,43,0.04);
}
/* Hero image */
.ngbs-editorial .artimage1{
position: relative;
border-radius: 12px;
overflow: hidden;
margin-bottom: 26px;
}
.ngbs-editorial .artimage1 img{
border-radius: 12px;
width: 100%;
height: 100%;
max-height: 460px;
object-fit: cover;
display: block;
}
.ngbs-editorial .nle-hero::after{
content:"";
position:absolute; inset:0;
border-radius:12px;
background: linear-gradient(180deg, rgba(38,40,43,0.40) 0%, rgba(38,40,43,0) 30%, rgba(38,40,43,0) 55%, rgba(38,40,43,0.62) 100%);
pointer-events:none;
}
/* SEO tagline badge — top-left */
.ngbs-editorial .nle-hero-badge{
position:absolute; top:16px; left:16px; z-index:2;
display:inline-flex; align-items:center; gap:9px;
max-width:calc(100% - 32px);
background:rgba(255,255,255,0.95);
color:var(--dark-blue);
font-size:13.5px; font-weight:700;
padding:9px 16px;
border-radius:30px;
box-shadow:0 4px 14px rgba(38,40,43,0.22);
line-height:1.25;
backdrop-filter:saturate(140%) blur(2px);
-webkit-backdrop-filter:saturate(140%) blur(2px);
}
.ngbs-editorial .nle-hero-badge i{ color:var(--green); font-size:15px; flex-shrink:0; }
/* Random keyword pills — semi-transparent, bottom of the image */
.ngbs-editorial .nle-hero-pills{
position:absolute; left:16px; right:16px; bottom:16px; z-index:2;
display:flex; flex-wrap:wrap; gap:8px;
}
.ngbs-editorial .nle-kw-pill{
display:inline-flex; align-items:center; gap:6px;
background:rgba(255,255,255,0.18);
border:1px solid rgba(255,255,255,0.35);
color:var(--white);
font-size:12.5px; font-weight:600;
padding:6px 13px;
border-radius:30px;
line-height:1;
backdrop-filter:blur(6px) saturate(120%);
-webkit-backdrop-filter:blur(6px) saturate(120%);
text-shadow:0 1px 4px rgba(0,0,0,0.25);
}
.ngbs-editorial .nle-kw-pill i{ font-size:11px; opacity:.9; }
/* Title with accent rule */
.ngbs-editorial .articalright .heading2{
color: var(--dark-blue);
font-size: 30px;
line-height: 1.22;
margin-bottom: 18px;
}
.ngbs-editorial .articalright .heading2::after{
content:"";
display:block;
width:64px; height:4px;
border-radius:4px;
background: var(--green);
margin-top: 16px;
}
/* Body copy — editorial reading experience */
.ngbs-editorial .articalright p{
color: var(--dark-gray);
font-size: 16.5px;
line-height: 1.8;
margin-bottom: 18px;
}
/* Subheadings inside the rich-text body */
.ngbs-editorial .articalright h2,
.ngbs-editorial .articalright h3{
color: var(--dark-blue);
font-weight: 700;
line-height: 1.3;
margin: 30px 0 12px;
}
.ngbs-editorial .articalright h2{ font-size: 23px; }
.ngbs-editorial .articalright h3{ font-size: 19px; }
.ngbs-editorial .articalright h2{
padding-bottom: 8px;
border-bottom: 1px solid #eef0f6;
}
/* Lists in body */
.ngbs-editorial .articalright ul,
.ngbs-editorial .articalright ol{
margin: 0 0 20px 0;
padding-left: 0;
list-style: none;
}
.ngbs-editorial .articalright ul > li,
.ngbs-editorial .articalright ol > li{
position: relative;
padding-left: 26px;
margin-bottom: 9px;
color: var(--dark-gray);
font-size: 16px;
line-height: 1.7;
}
.ngbs-editorial .articalright ul > li::before{
content:"";
position:absolute; left:2px; top:10px;
width:8px; height:8px;
border-radius:50%;
background: var(--green);
}
.ngbs-editorial .articalright ol{ counter-reset: nle-ol; }
.ngbs-editorial .articalright ol > li{ counter-increment: nle-ol; }
.ngbs-editorial .articalright ol > li::before{
content: counter(nle-ol);
position:absolute; left:0; top:1px;
width:20px; height:20px;
font-size:11px; font-weight:700;
color: var(--white);
background: var(--blue);
border-radius:50%;
display:flex; align-items:center; justify-content:center;
}
/* ---------- Sidebar "Other Articles" ---------- */
.ngbs-editorial .blogside .show-head{
border-radius: 12px 12px 0 0;
font-size: 16px;
font-weight: 700;
letter-spacing:.3px;
}
.ngbs-editorial .blogside #cssmenu{
border:1px solid #ecedf3;
border-top:0;
border-radius: 0 0 12px 12px;
overflow:hidden;
background: var(--white);
}
.ngbs-editorial .blogside #cssmenu > ul > li{
background: var(--white);
border-bottom: 1px solid #f0f1f6;
padding: 0 16px;
margin: 0;
transition: background .2s ease;
}
.ngbs-editorial .blogside #cssmenu > ul > li:last-child{ border-bottom:0; }
.ngbs-editorial .blogside #cssmenu > ul > li:hover{ background: var(--light-gray); }
.ngbs-editorial .blogside #cssmenu > ul > li > a{
color: var(--dark-blue);
font-size: 14px;
line-height: 1.5;
padding: 13px 0;
transition: color .2s ease;
display: block;
overflow: visible;
white-space: normal;
word-wrap: break-word;
overflow-wrap: anywhere;
}
.ngbs-editorial .blogside #cssmenu > ul > li:hover > a{ color: var(--blue); }
.ngbs-editorial .blogside #cssmenu > ul > li.active{
box-shadow: inset 3px 0 0 var(--green);
}
.ngbs-editorial .blogside #cssmenu > ul > li.active > a{ color: var(--blue); }
/* ---------- Article meta line (date / read time / category) ---------- */
.ngbs-editorial .nle-artmeta{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px 20px;
margin:0 0 24px;
padding-bottom:20px;
border-bottom:1px solid #eef0f6;
}
.ngbs-editorial .nle-artmeta-item{
display:inline-flex;
align-items:center;
gap:7px;
font-size:14px;
font-weight:500;
color:var(--dark-gray);
}
.ngbs-editorial .nle-artmeta-item i{ color:var(--green); font-size:15px; }
/* ---------- Social share row ---------- */
.ngbs-editorial .nle-share{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin:30px 0 0;
padding-top:22px;
border-top:1px solid #eef0f6;
}
.ngbs-editorial .nle-share-label{
font-size:14px;
font-weight:700;
color:var(--dark-blue);
margin-right:4px;
}
.ngbs-editorial .nle-share-btn{
width:38px; height:38px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
color:var(--white);
font-size:16px;
text-decoration:none;
transition:transform .2s ease, opacity .2s ease;
}
.ngbs-editorial .nle-share-btn:hover{ transform:translateY(-3px); opacity:.92; }
.ngbs-editorial .nle-share-btn.nle-tw{ background:#1d1d1f; }
.ngbs-editorial .nle-share-btn.nle-li{ background:#0a66c2; }
.ngbs-editorial .nle-share-btn.nle-fb{ background:#1877f2; }
.ngbs-editorial .nle-share-btn.nle-wa{ background:#25d366; }
/* ---------- Request-a-Quote CTA ---------- */
.ngbs-editorial .nle-cta{
margin:30px 0 0;
padding:26px 28px;
border-radius:14px;
background:linear-gradient(120deg, var(--dark-blue) 0%, #2c3160 100%);
color:var(--white);
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:18px;
}
.ngbs-editorial .nle-cta-text h3{
color:var(--white);
font-size:20px;
font-weight:700;
margin:0 0 6px;
}
.ngbs-editorial .nle-cta-text p{
color:rgba(255,255,255,0.82);
font-size:14.5px;
line-height:1.55;
margin:0;
}
.ngbs-editorial .nle-cta-btn{
flex-shrink:0;
display:inline-block;
background:var(--green);
color:var(--white);
font-size:15px;
font-weight:700;
padding:12px 26px;
border-radius:30px;
text-decoration:none;
transition:background .25s ease, transform .2s ease;
white-space:nowrap;
}
.ngbs-editorial .nle-cta-btn:hover{ background:#48a648; transform:translateY(-2px); }
/* ---------- Topic chips ---------- */
.ngbs-editorial .nle-topics{
margin:30px 0 0;
padding-top:22px;
border-top:1px solid #eef0f6;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
}
.ngbs-editorial .nle-topics-label{
font-size:14px;
font-weight:700;
color:var(--dark-blue);
margin-right:4px;
}
.ngbs-editorial .nle-chip{
display:inline-block;
background:var(--light-gray);
color:var(--dark-gray);
font-size:13px;
font-weight:500;
padding:7px 15px;
border-radius:30px;
text-decoration:none;
transition:background .2s ease, color .2s ease;
}
.ngbs-editorial .nle-chip:hover{ background:var(--green); color:var(--white); }
/* ---------- Responsive tuning ---------- */
@media (max-width: 991px){
.ngbs-editorial .right_section{ padding: 24px 20px 28px; }
.ngbs-editorial .articalright .heading2{ font-size: 25px; }
.ngbs-editorial .blogside{ margin-bottom: 24px; }
}
@media (max-width: 575px){
.ngbs-editorial .articalright .heading2{ font-size: 22px; }
.ngbs-editorial .articalright p{ font-size: 16px; }
.ngbs-editorial .nle-kw-pill{ font-size:11.5px; padding:5px 11px; }
.ngbs-editorial .nle-hero-badge{ font-size:12px; padding:7px 13px; top:12px; left:12px; }
.ngbs-editorial .nle-cta{ flex-direction:column; align-items:flex-start; text-align:left; }
.ngbs-editorial .nle-cta-btn{ width:100%; text-align:center; }
}