*{margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box;}
:root{
--theme-color:#1948d1;
--green:#2aad5f;
--white:#fff;
--light-grey:#f8f7f5;
--medium-grey:#c8c8c8;
--dark-grey:#6f717f;
--medium-black:#262629;
--font-size1:13px;
}
@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;
}
@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-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-Semibold.woff2') format('woff2'),
url('../fonts/SFProDisplay-Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
.icon3, .icon1, .icon2, .icon4, .location, .arrow, .mailb, .phone, .search, .mail, .pen, .green-arrow, .drop-arrow, .lock, .labbox ul li a:before
{ display: inline-block; background: url(../images/sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.icon3 { background-position: -20px -0px; width: 57px; height: 48px; }
.icon1 { background-position: -20px -68px; width: 54px; height: 54px; }
.icon2 { background-position: -20px -142px; width: 48px; height: 43px; }
.icon4 { background-position: -20px -205px; width: 41px; height: 41px; }
.location { background-position: -20px -266px; width: 31px; height: 23px; }
.arrow { background-position: -20px -309px; width: 30px; height: 30px; }
.mailb { background-position: -20px -359px; width: 23px; height: 17px; }
.phone { background-position: -20px -396px; width: 22px; height: 26px; }
.search { background-position: -20px -442px; width: 22px; height: 22px; }
.mail { background-position: -20px -484px; width: 18px; height: 11px; }
.pen { background-position: -20px -515px; width: 13px; height: 16px; }
.green-arrow { background-position: -20px -551px; width: 12px; height: 21px; }
.drop-arrow { background-position: -20px -592px; width: 10px; height: 6px; }
.lock { background-position: -20px -618px; width: 10px; height: 14px; }
/*
*/
a{color: var(--theme-color);}
a:hover{text-decoration: none;}
h2{color:var(--medium-black);}
.header{transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out}
.headerheight{height:120px;}
.header{position:fixed; width: 100%; top: 0; z-index: 991; background:var(--white); box-shadow:0 0 5px #ccc;}
body{font-family: 'SF Pro Display'; color:var(--dark-grey); font-size: 16px;}
ul{margin: 0; padding: 0;}
p{ margin-bottom: 20px;}
img{max-width: 100%;}
.heading2{color:var(--medium-black); font-size: 32px; font-weight: bold;}
.stripbg{background:var(--theme-color);}
@media (min-width: 1279px){
.container{width: 1250px; max-width: 100%;}
@media (max-width:1290px){.container{width: 100%;}}
@media (max-width:767px){.container{padding-left: 15px; padding-right: 15px;}}
}
.topsection, .headersec{display: flex; justify-content:space-between; align-items: center; padding: 0 40px;}
.topsection > ul{list-style: none; display: flex; color:var(--white);align-items: center;}
.topsection > ul > li{margin:6px 0px; border-left: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px;}
.topsection > ul > li:first-child{border: none;}
.topsection > ul > li > a{color:var(--white); display: flex;align-items: center; line-height:26px;padding:0px 20px;}
.topsection > ul > li > a span{display: inline-block; padding-left:10px;}
.socialicon{display: flex;}
.topsection > ul > li.socialicon a{padding: 0 10px;}
.headerfix .header{transform: translate(0px, -38px); }
.sitelogo{}
.topnav{display: flex;align-items: center;}
.topnav > ul{display: flex; align-items: center; list-style: none;}
.topnav > ul > li{position: relative;}
.topnav > ul > li > a{display: block; color:var(--medium-black); padding: 25px 10px; line-height: 1.2; font-size: 16px; font-weight: 600; white-space: nowrap;}
.topnav > ul > li > ul{display: none; }
@media (min-width:991px){
.topnav > ul > li > ul{position: absolute; z-index: 99; top: 100%; left:0; width:660px; background:var(--white); box-shadow: 0 1px 3px #ccc; }
.topnav > ul > li > ul > li{ width: 50%; }
.topnav > ul > li > ul > li > a{color:var(--medium-black); font-size: 14px;padding: 6px 15px; display: block;}
.topnav > ul > li:hover ul{display: flex; flex-wrap: wrap; list-style: none;}
.topnav > ul > li.searchtop a{padding: 20px 10px;}
}
@media (max-width:1280px){
.headerheight {height: 96px;}
.topnav > ul > li > a{padding: 20px 10px;}
.topnav > ul > li > a{font-size: 15px;}
.sitelogo {max-width: 250px;}
}
.searchicon{cursor: pointer;}
.searchnames{position: absolute; right: 15px; display: none;}
.searchnames form{display: flex; }
.searchnames .text{width: 250px; border: 1px solid #ccc; padding: 10px;}
.searchnames .submitbtn{ width: 80px; padding: 10px; background: var(--theme-color); color: var(--white); border: none; }
.homebanner .container{position: absolute; top: 50%; left: 50%; z-index:1; transform: translate(-50%,-50%); justify-content: flex-end; display: flex;}
.btext{width: 60%; color: var(--white);}
.bheading{font-size: 54px; font-weight: bold; line-height: 1; margin-bottom: 15px;}
.bcontent p{font-size: 20px;}
.homebanner .btn{ margin-top: 15px; padding:10px 30px; background: var(--white); color:var(--medium-black); font-size: 16px; font-weight: 500;}
.bheading {-webkit-transition:0.6s ease; transition: 0.6s ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; transition-delay: 300ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.bcontent{-webkit-transition: 1s ease; transition: 1s ease; -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; transition-delay: 400ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.active .bcontent, .active .bheading { -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
.homebanner .item:after { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; display: block; background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.82)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
@media (max-width:1440px){
.bheading{font-size: 40px;}
.bcontent p {font-size: 18px;}
}
.colorsec ul{list-style: none; display: flex;}
.colorsec ul li{width: 25%; background:#123393; padding:50px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--white);}
.colorsec ul li a{display: flex; justify-content: center; align-items: center; color: var(--white);}
.colorsec ul li span{font-weight: bold; font-size: 26px; display: block;}
.colorsec ul li:nth-child(2){background:#1740b8;}
.colorsec ul li:nth-child(3){background:#1948d1;}
.colorsec ul li:nth-child(4){background:#2aad5f;}
.icon{width:80px; height: 80px; border: 1px solid var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.texts{padding-left: 20px;}
@media (max-width: 1600px){
.colorsec ul li{padding: 40px 20px;}
}
@media (max-width: 1280px){
.colorsec ul li span{font-size: 24px;}
.texts {padding-left: 10px;}
}
@media (max-width:1024px){
.colorsec ul{flex-wrap: wrap;}
.colorsec ul li{width: 50%;}
.topnumber span{display: none;}
.topwhatspp{display: none!important;}
}
.padtb60{ padding: 60px 0;}
.featuredbg{background: var(--light-grey);}
.featureitem{text-align: center;}
.featureitem span{display: block; font-size: 20px; font-weight: 500; color: var(--medium-black); padding-top: 10px;}
.featureimg{width:170px; height: 170px; border:1px solid var(--medium-grey); margin: 0 auto; overflow: hidden; border-radius: 50%; -webkit-transition: 0.3s ease; transition: 0.3s ease;}
.featureimg img{object-fit:contain; width: 100%; height: 100%;}
.featureitem:hover .featureimg{border:10px solid var(--green);}
.categorysec > ul{ list-style: none; display: flex; flex-wrap: wrap; }
.categorysec > ul > li{width: 25%; padding: 10px; display:flex;}
.categorybox{border:1px solid #ddd; border-radius: 10px;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);}
.categorybox:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);}
.categoryimage{border-radius: 10px 10px 0 0; overflow: hidden;}
.categoryimage a{display: block; overflow: hidden; padding: 15px;}
.categoryimage a img{ object-fit: cover; width: 100%; height: 100%;transition: 0.8s all ease-in-out;}
.categorybox:hover img{transform: scale(1.2);}
.categorycontent {padding:5px 15px 15px;}
.categorycontent h3{position: relative; margin-top: 0;}
.categorycontent h3:before, .categorycontent h3:after{content:""; height: 6px; background: var(--medium-grey); width:100%; border-radius: 10px; display: block; position: absolute; left: 0; bottom: 0;}
.categorycontent h3:after{width: 50%; background: var(--theme-color);}
.categorycontent h3 a{font-size: 16px; padding-bottom: 15px; color: var(--theme-color); font-weight: 600; line-height: 1.2; display: flex;}
.categorycontent ul{list-style: none;}
.categorycontent ul li a{background: url(../images/listicon.png) 0 center no-repeat; display: block; padding:5px 25px; color: var(--dark-grey); font-weight: 600; font-size: 14px;}
.homeabout{display: flex; }
.homeabout > div{ flex: 1; }
.aboutcont .headings{margin-top: 0; color: var(--medium-black);}
.aboutcont .headings > span{font-size: 20px; color: var(--dark-grey);}
.aboutcont .headings > strong{color: var(--theme-color); display: block;font-size: 36px}
.aboutcont .headings > strong span{font-weight: 400;display: block; ;}
.aboutcont p{font-size: 18px;}
.aboutimg{padding-left: 50px;}
.more{color: var(--theme-color); font-weight: 600; }
a.more:hover { color: var(--green); }
.more:after{content:""; margin-left: 5px; width: 15px; height: 2px; background:var(--theme-color); display: inline-block; vertical-align: middle;}
.more:hover:after{background: var(--green);}
.procategory ul{ list-style: none; display: flex; flex-wrap: wrap; margin: 0 -5px;}
.procategory ul li{width: 25%; padding:5px;}
.procategory ul li:nth-child(1), .procategory ul li:nth-child(2), .procategory ul li:nth-child(3){width: 33.33%;}
.cbox{}
.cbox a{position: relative; display:flex; height: 300px; overflow: hidden; }
.cbox img{width: 100%; height: 100%; object-fit: cover;transition: 0.8s all ease-in-out;}
.cbox:hover img{transform: scale(1.2);}
.cbox span{position: absolute; height: 100%; width: 100%; text-align: center;display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; color: var(--white); padding: 15px; background: rgba(0, 0, 0, 0.3); -webkit-transition: 0.5s ease; transition: 0.5s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.cbox a:hover span{ -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
.servicesec{ text-align: center; background: url(../images/servicebg.jpg) center bottom no-repeat;}
.servicesec .heading2{padding: 0 15%; font-size: 40px;color: var(--theme-color); margin: 0;}
.servicesec .heading2 span{color: var(--medium-black); font-weight: 300;}
.serverscont ul{ list-style: none; display: flex; flex-wrap: wrap; }
.serverscont ul li{width: 32%; margin-right: 36%; color: var(--medium-black); margin-top: 50px; }
.serverscont ul li:nth-child(2n){margin-right: 0;}
.serverscont ul li h3{font-size: 20px; font-weight: bold;}
.serverscont ul li p{font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /*-webkit-line-clamp: 6;*/ -webkit-box-orient: vertical;white-space: initial;}
.serverscont .more{font-size: 14px;}
.homeicons{ position: relative; }
.homeicons:before{content:""; width: 100%; height: 50%; background: var(--green); color: var(--white); display: block; position: absolute; top: 0; left: 0; z-index: -1;}
.homeicons .container{width:950px; max-width: 100%;}
.iconsec{margin-bottom: 60px;}
.iconsec ul{ list-style: none; display: flex; justify-content: center;}
.iconsec ul li{text-align: center; flex: 1;}
.secbox{display: flex; background: var(--white); box-shadow: 0px 12px 13px 0px rgba(189, 189, 189, 0.63);}
.secont{padding: 8%; width:66.66%;}
.secont ul{list-style: none; display: flex; flex-wrap: wrap; height: 100%;}
.secont ul li{width: 50%; padding:10%; font-size: 30px; border-left:1px solid #d6efe0; border-bottom:1px solid #d6efe0;}
.secont ul li:nth-child(1), .secont ul li:nth-child(3){border-left:0; text-align: right;padding-left: 0;}
/*.secont ul li:nth-child(1) .icontext, .secont ul li:nth-child(3) .icontext{ padding-left: 0; }*/
.secont ul li:nth-child(3), .secont ul li:nth-child(4){border-bottom:0;}
.icontext{ }
.icontext small, .icontext span{ display: block; line-height: 1.1; }
.icontext small{font-size: 24px; color: var(--medium-black);font-weight: 600; margin-top: 10px; }
.icontext span{font-weight: bold; color: var(--green);}
.secimg{width:33.33%;}
.secimg img{width: 100%;}
.servicingplan{background: var(--light-grey);}
.servicingplan .procategory ul{margin: 0 -15px;}
.servicingplan .procategory ul li{padding: 15px;}
.servicingplan .procategory ul li:nth-child(4), .servicingplan .procategory ul li:nth-child(5){width:50%;}
.servicingplan .cbox span{ transform:scale(1); background:rgba(0, 0, 0, 0.5); font-weight: 400; }
.bottomiconsbg{background:#123393;}
.iconlist{}
.iconlist ul{list-style: none; display: flex; flex-wrap: wrap;}
.iconlist ul li{width: 20%; padding: 20px; text-align: center;}
.iconlist ul li span{color: var(--white); font-size: 20px;}
.icons{width: 110px; height: 110px; margin: 0 auto; background: var(--white); border-radius: 50%;margin-bottom: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.icons img{ max-width: 100%; max-height: 100%;transition: 0.8s all ease-in-out;}
.labsecbg{}
.labsec{display: flex;}
.lableft{padding:20px; width: 35%; border: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px;}
.labbox{}
.labbox h3{ font-weight:bold; color:var(--medium-black);border-bottom: 1px solid #ccc; margin:0; padding:0px 0px 10px 0px;}
.labbox ul { list-style:none; margin: 30px 0;}
.labbox ul li{font-size:20px; font-weight: 500; }
.labbox ul li a{color: var(--dark-grey); padding:5px 0;display: flex; align-items: center;}
.labbox ul li a:before{ content:"";margin-right: 10px; background-position: -20px -551px; width: 12px; height: 21px; display: inline-block; }
.technicalbg{background: var(--theme-color); padding: 35px;}
.labbox.technicalbg h3{color: var(--white); border: 0;}
.labbox.technicalbg ul{margin: 0;}
.labbox.technicalbg ul li{color: var(--white);padding: 5px 0;display: flex;}
.labright{width: 65%; padding-left: 15px;}
.labright > ul{display: flex; flex-wrap: wrap; list-style: none;}
.labright > ul > li{width:33.33%; padding: 10px;}
.productbox{border: 1px solid #ccc; padding: 15px; height: 100%;background:var(--white);}
.productbox:hover .productimg img{transform: scale(1.2);}
.productcontent{ padding-top: 15px; }
.productcontent h3{font-size: 18px; margin: 0; padding-top: 10px; height: 50px;display: flex; align-items: center; position: relative;}
.productcontent h3:before, .productcontent h3:after{content:""; height: 6px; background: var(--medium-grey); width:100%; border-radius: 10px; display: block; position: absolute; left: 0; top: 0;}
.productcontent h3:after{width: 50%; background: var(--theme-color);}
.productcontent h3 a{color: var(--dark-grey); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: initial;}
.productimg a{ height: 200px; display: block; overflow: hidden;}
.productimg img{width: 100%; height: 100%; object-fit: cover;transition: 0.8s all ease-in-out;}
.labright .productcontent p{ display: none; }
.homenews{padding-bottom: 60px;}
.newslist ul{list-style: none; display: flex; flex-wrap: wrap; margin: 0 -15px;}
.newslist ul li{width: 33.33%; padding: 15px;}
.newsbox{ box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.11);height: 100%;}
.newstext{padding: 30px 30px 10px;}
.newstext h3{font-size: 20px; color: var(--theme-color); margin-top: 0; font-weight: bold;}
.newstext h3 a{color: var(--theme-color);}
.homenews .btn{margin: 15px auto 0; padding: 10px 30px; background: var(--theme-color); color:#fff; font-size: 16px; font-weight: 500;}
.footerlinks{background: var(--theme-color) url(../images/footerbg.jpg) center center no-repeat; background-size: cover;}
.fliksec{display: flex;}
.flink{; padding: 10px;}
.flink h4{font-size: 16px; color: var(--white); min-height: 40px;}
.flink h4 a{color: var(--white);}
.flink ul{list-style: none;}
.flink ul li{color: var(--white); font-size: 14px;}
.flink ul li a{color: var(--white); opacity: 0.7; display: flex; padding: 3px 0;}
.flink ul li a:hover{opacity: 1;}
.flink.address span{ }
.flink.address ul li{ display: flex; flex-wrap: wrap; align-items: center; position: relative; padding-left: 40px; padding-bottom: 15px; }
.flink.address ul li i{position: absolute; left: 0;}
.flink.address ul li:first-child i{left: -3px;}
.flink.address a{opacity: 1;}
.footersecbg{background: var(--green); color: var(--white); padding:20px 0;}
.fsec{display: flex; justify-content:space-between; align-items: center;}
.flogo p{margin:5px 0 0; opacity: 0.5;}
.fmenu ul{display: flex;}
.fmenu ul li{margin: 0 10px;}
.fmenu ul li:first-child{list-style: none;}
.fmenu ul li a{color: var(--white); display: flex; padding: 10px 15px; font-size: 15px;}
.topbanner{height: 280px; position: relative; text-align: center; color: var(--white);}
.topbanner .heading2{color: var(--white); font-size:40px; margin: 0;}
.topbanner img{width: 100%; height: 100%; object-fit: cover;}
.topbanner .container{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.topbanner .bread-crumbs a{color: var(--white);}
.topbanner .bread-crumbs a:hover{color: var(--white);}
.innersection{padding: 60px 0;}
.fleft .show-head { margin:20px 0 0; cursor: pointer; font-size:20px; font-weight:600; background:var(--green); padding:9px 15px; color:var(--white); border: solid 2px var(--green);}
.left-menu{ padding-right:0 !important; padding-left: 0!important;}
.left_section{ border:1px solid #f1f1f1;}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {margin: 0; 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 {background: #fff;}
#cssmenu > ul > li {margin:0; border-bottom:1px solid #f1f1f1; /*border-top: 1px solid var(--medium-grey); background:var(--light-grey);*/}
#cssmenu > ul > li:last-child {margin: 0;}
#cssmenu > ul > li > a {font-size: 16px; line-height:1.1; font-weight:600; display: inline-block; color:#123393;/* background:var(--light-grey);*/}
#cssmenu > ul > li > a > span {display: block; padding:10px 15px;}
#cssmenu > ul > li > a:hover {text-decoration: none; }
#cssmenu > ul > li a.active {border-bottom: none;}
#cssmenu > ul > li a.active{ color:var(--medium-black); }
#cssmenu > ul > li > a:focus{outline: none;}
#cssmenu ul ul {padding:0px 15px; display: none; background: #fff;}
#cssmenu ul ul li {padding:8px 0; border-top:1px solid #f1f1f1}
#cssmenu ul ul a {display: block; color:var(--dark-grey); font-size: 15px;}
.expandable{position: relative;}
.expandable strong{float: right; background: url(../images/icon_plus.png) center center no-repeat; width:26px; height:38px; cursor: pointer; position: absolute; right: 0; z-index: 2}
.active.expandable strong{background: url(../images/icon_minus.png) center center no-repeat;}
#cssmenu > ul > li.active.expandable > ul{display: block;}
.details_heading{ font-size:2em; color:var(--medium-black); }
.searchlink{display: none;}
.fixfooter{display:none; width: 100%; position: fixed; z-index:999; left: 0; bottom: 0; background:var(--white); border-top:1px solid var(--medium-grey); }
.fixfooter ul{ list-style: none; display: flex; justify-content: center; text-align: center; padding: 0; margin: 0;}
.fixfooter ul li{width:20%; }
.fixfooter ul li.active{background: var(--light-grey);}
.fixfooter ul li img{width:18px;}
.fixfooter ul li a{display: block; cursor:color:var(--medium-black); pointer; padding:3px 1px; font-weight: 500; opacity: 0.6;}
.fixfooter ul li span{display: block;color:var(--medium-black); font-size: 12px; line-height: 1;}
/*.fixfooter ul li.topmail span{ font-size: 0; }
.fixfooter ul li.topmail span:before{content:"Email";font-size: 16px;}*/
.fixfooter ul li i {background: url(../images/mail.png) center 0 no-repeat; width: 20px; height:16px; background-size: 18px;}
/*.fixfooter ul li.enquierytop span{ font-size: 0; }
.fixfooter ul li.enquierytop span:before{content:"Enquiry";font-size: 12px;}*/
.ftoggle{display: none;}
.fixfooter ul li.active a{opacity: 1;}
.productlisting{list-style: none; display: flex; flex-wrap: wrap; margin: 0 -10px;}
.productlisting > li{width: 33.33%; padding: 10px;}
.heading2.catheading{margin-top: 20px;margin-bottom: 7px;}
.descsec{background:#f2faf2;}
/* Normalize description content spacing/indent (safe: no display changes on strong) */
.descsec .container p,
.descsec .container ul,
.descsec .container ol{margin:0 0 15px; line-height:1.6;}
.descsec .container ul,
.descsec .container ol{padding-left:20px; margin-left:0; list-style-position:outside;}
.descsec .container li{margin:0 0 6px; padding-left:0; text-indent:0;}
.descsec .container p[style],
.descsec .container li[style],
.descsec .container ul[style],
.descsec .container span[style]{margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; text-indent:0 !important;}
/* Description section — mobile friendly */
@media (max-width:767px){
.descsec.padtb60{padding:35px 0;}
.descsec .container p,
.descsec .container li{font-size:15px; line-height:1.55;}
.descsec .container p{margin:0 0 12px;}
.descsec .container ul,
.descsec .container ol{padding-left:18px;}
.descsec .container li{margin:0 0 8px; word-wrap:break-word; overflow-wrap:break-word;}
}
@media (max-width:480px){
.descsec.padtb60{padding:25px 0;}
.descsec .container p,
.descsec .container li{font-size:14px;}
}
.relatedlist{list-style: none; display: flex; flex-wrap: wrap; margin: 0 -10px;}
.relatedlist > li{width:25%; padding: 10px;}
.product_images_left {border: 1px solid #d6d6d6; border-radius:5px; overflow: hidden; background: #f1f1f1; float: right; margin: 0 0 10px 20px;}
.product_images_left img { margin: 0 auto; display: block; }
/*Faq*/
.facsec{padding:60px 0;}
.faqlist{margin-top: 15px;}
.faqlist > ul{list-style: none;}
.faqlist > ul > li{ width: 100%; margin-bottom: 10px;border:1px solid #dadbde; border-radius: 4px;}
.ftitle{ margin: 0; padding: 15px 30px 15px 15px;font-size: 17px; font-weight:500; cursor:pointer; position:relative;
-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.ftitle:after{content:"+";color:#f97210; display: block; line-height:20px; position: absolute;right: 15px; top: 14px; font-size:30px; font-weight:500;}
.faqlist > ul > li.active .ftitle:after{content:"-"; line-height:16px;}
.ftitle.active{color:#f97210; }
.faqlist > ul > li.active{/*border-color:var(--medium-black);*/background: #f2f2f2;color:var(--medium-black);}
.fqcont{padding:0 15px;font-size: 15px; line-height: 1.4; height: 0; opacity: 0;
-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out}
.fqcont p:last-child {
margin-bottom: 0;
}
.faqlist > ul > li.active .fqcont{padding:15px; height: auto; opacity:1; }
.faq-desc h2 {font-size: 22px;}
.breadcrumbsec{background: var(--light-grey); padding: 20px 0;}
.breadcrumbsec a{color: var(--medium-black);}
.productdt{padding-left: 50px;}
.productdt .heading2{margin-top: 0; color: var(--theme-color);}
.specification{border-top:1px solid var(--green); position: relative; padding-top: 15px; margin-top: 50px;margin-bottom: 20px;}
.specification:after{ content:""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-width: 0 20px 20px 0; border-color: transparent #2AAD5F transparent transparent;border-style: solid;}
.specification h2{font-size: 20px; position: absolute; top: -60px;}
.btnsec .clear{width: 100%;}
.btnsec{}
.btnsec a:hover{color: #fff;}
.btnsec ul{ list-style: none; display:flex; flex-wrap: wrap; }
.btnsec ul li{min-width: 150px; margin-right:5px;}
.btnsec ul li a{display: block; text-align: center;}
.btnsec ul li a span{display: block; font-weight: 600;}
.btnsec ul li a i{font-size: 24px;}
.btnsec ul li a i, .btnsec ul li a span{color: var(--green);}
.btnsec ul li:nth-child(3), .btnsec ul li:nth-child(4), .btnsec ul li:nth-child(5), .btnsec ul li:nth-child(6){ margin-right:0px; margin-top:30px; min-width: 130px; padding: 0 30px; }
.btnsec ul li:nth-child(4){padding-left: 10px;}
.btnsec ul li:nth-child(5), .btnsec ul li:nth-child(6){border-left:1px solid var(--medium-grey); }
.addtocart, .enqbtn{color: var(--white); border-radius: 30px; padding: 10px 30px; display: inline-block;}
.addtocart{background: var(--theme-color); border: 2px solid var(--theme-color);transition: .3s; }
.addtocart:hover{background: #fff;color: var(--theme-color)!important;}
.enqbtn{background: var(--green); border: 2px solid var(--green);transition: .3s;}
.enqbtn:hover{background: #fff;color: var(--green)!important ;}
.dtimg{box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08); text-align: center;}
.bullet2{margin-left: 20px; display: flex; flex-wrap: wrap;list-style: none;margin: 0;justify-content: center;}
.bullet2 p{font-weight: 600;margin-top: 10px;font-size: 19px;margin-bottom: 0;}
.bullet2 li{ min-width:200px; padding: 0 15px;text-align: center; margin-bottom: 20px;}
.login-form ul, .checkout-form ul{list-style: none;}
.login-form ul li, .checkout-form ul li{margin-bottom: 10px;}
.login-form .btns:hover{background: var(--theme-color);color: #fff;}
.login-form h2{margin-bottom: 15px;}
.login-form ul li, .checkout-form ul li span { font-size: 18px; line-height: 2; }
.checkout-form ul{display: flex;flex-wrap: wrap;}
.checkout-form ul li{width: 46%;margin: 1rem;}
.checkout-form ul li:last-child{width: 100%;}
.email-form{font-size: 18px;}
.email-form input, button, select, textarea{border: none;}
.formbg a{text-decoration: none;font-weight: 600;color: var(--green)!important;}
.fancybox-skin{background:var(--white)!important;}
.enquiry-pop-form{ }
.enquiry-pop-form h2{margin: 0; font-size: 24px; font-weight: 600; color: var(--theme-color);}
.enquiry-pop-form ul li{margin-top: 10px;}
.enquiry-pop-form ul li > span{color: var(--medium-black);font-weight: 600;}
.enquiry-pop-form ul li .form-control{box-shadow: none; border: none; background:var(--light-grey);}
.logsec{display: flex; flex-wrap: wrap;}
.logsec .login-form{ width: 50%; padding:20px; }
.formbg{background:var(--medium-grey); padding: 30px;}
.login-form .form-control{border: none; border-radius: 0; height: 40px; box-shadow: none;}
.btn-primary{background: var(--theme-color); border-color: var(--theme-color);}
.fancybox-wrap .fancybox-close{top: 0; right: 0;}
.prd-list{border:1px solid #ddd; margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center;}
.thumbsimg{width: 30%;}
.contentlist{padding: 20px;}
.contentlist h3{ margin: 0 0 5px; font-size: 20px; font-weight: 600; }
.thumbsimg + .contentlist{width: 70%; }
.prd-list .img-thumbnail{border: 0;}
.btn-sectn{padding-top: 15px;}
.btns{padding:8px 25px; background: var(--theme-color); border-radius: 30px; color: var(--white); display: inline-block;border: 2px solid var(--theme-color);transition: .3s;}
.btns:hover{background: #fff;color: var(--theme-color);}
.btns.btndt{background: var(--green);border: 2px solid var(--green);}
.btns.btndt:hover{background: #fff;color: var(--green);}
.contact-page .list-inline>li>a{color: var(--dark-grey);}
.contact-page .email_contact a{color:var(--dark-grey)!important;}
.contact-page .heading3{ font-size: 20px; font-weight: bold;color: var(--medium-black)}
.contact-page .list-inline>li>i, .contact-page .email_contact>i{margin-right: 5px;}
.contact-page .contact_map{height: 500px;}
.contact-page .contact_map_inn{height: 100%;}
.contact-page .contact_map iframe{height: 100%;}
.fright .right_section .paging>a { /* padding: 5px 10px; */ display: inline-block; margin-bottom: 10px; /* border: 1px solid var(--dark-grey); */ color: var(--dark-grey); background: var(--light-grey); min-width: 28px; text-align: center; line-height: 28px; border-radius: 4px; height: 28px; transition: .3s; /* box-shadow: 0px 0px 10px 0px rgb(19 19 20 / 22%); */ }
.fright .right_section .paging>a:hover { background: var(--theme-color); color: var(--white); border-color: var(--theme-color); }
.fright .right_section .details_name h2{margin-top: 0;}
.fright .right_section .details_name p{margin-bottom: 10px;}
.fright .right_section .details_name .heading2>a{ font-size: 20px; font-weight: 600;}
.details{margin-bottom: 10px;}
.fright .prd-list{padding: 20px 0;margin-bottom: 20px;}
.right_section .text_field .title a{border: 2px solid var(--theme-color); padding: 10px 20px; display: inline-block; border-radius: 30px;}
.heading2 span{color: var(--theme-color);}
.aboutsec p{font-size: 18px;}
.aboutsec .heading2{margin-top: 0;} .heading2.ssec{margin-top: 40px;}
.aboutsec a{color: #2aad5f;}
.aboutsec .abtimg{height: 420px;}
.aboutsec .abtimg img{height: 100%;object-fit: cover;}
.bggreen{background: #e8f6ed;padding: 40px 0 20px;margin: 40px 0;}
.turnkey-page{margin: 0;}
.turnkey-cont p{font-size: 18px;}
.turnkey-cont a{color: var(--green);}
.service-page p{font-size: 18px;}
.service-page a{color: var(--green);}
.tenders a{color: var(--green);}
.butn .btn-success{background-color: var(--green);border-color: var(--green);}
.butn .btn-success:hover{background-color: var(--theme-color);border-color: var(--theme-color);}
.butn .btn-primary:hover{background-color: var(--green);border-color: var(--green);}
.checkout-form { background: var(--medium-grey); padding: 20px 30px; }
.checkout-form .form-control { border: none; border-radius: 0; height: 40px; box-shadow: none; }
.checkout-form .btns:hover{background: var(--theme-color);color: #fff;}
.con-boxes { display: flex; flex-wrap: wrap; justify-content: center;flex-wrap: wrap; }
.cboxes { background: #f4f3f3; margin: 1rem; padding: 2rem; width: 31%; text-align: center; }
.specification p{display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;}
.fixfooter{transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out;}
.fixfooter.sticky{transform: translate(0px, 70px);}
.commoncard {background:#f2f2f2; display:flex; flex-wrap:wrap; justify-content:center; border:1px solid #bf9b7963; margin:0 auto; margin-bottom:2rem; border-radius:0px; overflow:hidden;}
.commoncard .img-container img {object-fit:cover; height:100%; object-fit:cover; background:#f2f2f2;}
.commoncard .card-content {grid-column:3 / 5; align-items:center; align-content:center; width:60%; background:#f2f2f2; padding:2rem 2rem 2rem 3rem; color:#000;}
.commoncard .img-container {width:40%; object-fit:cover; padding:2rem 2rem 2rem 2rem;}
.amenities .commoncard:nth-child(even) {flex-direction:row; display:flex;}
.commoncard:nth-child(even) {flex-direction:row-reverse; display:flex;}
.commoncard .card-content ul, .commoncard3 .cardlist ul, .commoncard4 .card-content ul {list-style:disc; margin-left:2rem; padding-bottom:1rem;}
.commoncard .card-content ul li, .commoncard3 .cardlist ul li, .commoncard4 .card-content ul li {padding-bottom:0.5rem; font-size:16px;}
.commoncard3 .cardlist, .commoncard4 .card-content {background: #fff;padding:20px; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; color:#000;}
.commoncard3 {grid-template-columns:repeat(2, 1fr); display:grid; gap:25px;}
.commoncard3 .cardlist h3, .commoncard4 .cardlist h3 {margin-top:0;}
.commoncard4 {grid-template-columns:repeat(3, 1fr); display:grid; gap:25px; margin:25px 0;}
.commoncard4 .card-content h2 {font-size:25px;}
.card_box {box-shadow:rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; padding:20px; margin-bottom:20px;}
.aboutsec {color: #000;}
.section_bg {background: #f2f2f2;padding: 50px 0 70px;margin: 50px 0 0;}
.section_bg2 {background: #e8f6ed;padding: 50px 0; margin-bottom: 50px;}
.lab_tenders .right_section {font-family:Arial, sans-serif; line-height:1.75; color:#333;}
.lab_tenders .right_section h2 {font-size:24px; font-weight:700; margin:28px 0 12px; line-height:1.3;}
.lab_tenders .right_section h2 span {color:var(--theme-color); font-weight:600;}
.lab_tenders .right_section p {font-size:16px; margin-bottom:14px;}
.lab_tenders .right_section strong {color:#222; font-weight:600;}
.lab_tenders .right_section a {color:#173885; text-decoration:none; font-weight:500;}
.lab_tenders .right_section a:hover {text-decoration:underline;}
.lab_tenders .right_section p br {line-height:1.9;}
.lab_tenders .right_section ul {margin:14px 0 20px; padding-left:0; list-style:none;}
.lab_tenders .right_section ul li {position:relative; padding-left:28px; margin-bottom:10px; font-size:15.5px; color:#444;}
.lab_tenders .right_section ul li::before {content:""; position:absolute; left:0; top:9px; width:10px; height:6px; border-left:2px solid var(--theme-color); border-bottom:2px solid #2e7d32; transform:rotate(-45deg);}
.lab_tenders .right_section h2 + p {margin-top:6px;}
.lab_tenders .right_section p strong[style*="--green"] {display:inline-block; margin-top:20px; font-size:17px; border-left:4px solid var(--green); padding-left:10px;}
.card1 {display:flex; align-items:stretch; gap:20px; background:#ffffff; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(0, 0, 0, 0.08); margin:30px 0;}
.card1 .card_item {flex:1; padding:22px 24px; font-family:Arial, sans-serif; color:#333;}
.card1 .card_item p {margin-bottom:10px; line-height:1.6;}
.card1 .card_item strong {color:var(--theme-color); font-weight:600;}
.card1 .card_item a {color:var(--theme-color); text-decoration:none; font-weight:500;}
.card1 .card_item a:hover {text-decoration:underline;}
.card1 .card_img {width:40%; min-height:100%;}
.card1 .card_img img {width:100%; height:100%; object-fit:cover; display:block;}
@media (max-width: 768px) {
.right_section h2 {font-size:20px;}
.right_section p, .right_section ul li {font-size:15px;}
.card1 {flex-direction:column;}
.card1 .card_img {width:100%; height:220px;}
.commoncard3, .commoncard4 {grid-template-columns:repeat(1, 1fr);}
.commoncard .img-container, .commoncard .card-content {width: 100%;}
}
@media (max-width:1199px){
.checkout-form ul li{width: 100%;}
.heading2{font-size: 32px;}
.servicesec .heading2 {padding: 0 10%; font-size: 32px;}
.aboutcont .headings > strong{font-size:32px;}
.aboutcont .headings{font-size: 26px;}
.aboutcont p { font-size: 16px; line-height: 1.3;}
.cbox a{height: 240px;}
.topnumber span{display: none;}
.btnsec ul li:nth-child(3), .btnsec ul li:nth-child(4), .btnsec ul li:nth-child(5), .btnsec ul li:nth-child(6) {
padding: 0 15px; font-size: 14px;}
.btnsec ul li:nth-child(4){padding-left: 0;}
}
@media (max-width:991px){
.topnumber{display: none;}
.fleft .show-head{margin-top: 0;}
.productdt {padding-left: 20px;}
.btnsec ul li:nth-child(3), .btnsec ul li:nth-child(4), .btnsec ul li:nth-child(5), .btnsec ul li:nth-child(6) {
padding: 0 10px; font-size: 13px; min-width: 100px;}
.btnsec ul li:nth-child(4){padding-left: 0;}
.cboxes{width: 47%;}
.topbanner{height: 200px;}
.topbanner .heading2{font-size: 32px;}
.left_section{display: none;}
.col-md-9.fright{ padding-left: 0!important; padding-right: 0!important; }
/*.col-md-9.fright .right_section{ margin-left: 0; }*/
body{font-size: 15px;}
.categorysec > ul{margin: 0 -10px;}
.categorysec > ul > li{width: 50%;}
.cbox a{height:180px;}
.servicesec .heading2 {padding: 0 5%; }
.labright > ul > li {width: 50%; padding: 5px;}
.lableft{margin: 5px 0;}
.labbox h3{font-size: 24px;}
.labbox ul li {font-size: 18px;}
.newstext {padding: 20px 20px 10px;}
p{margin-bottom: 15px;}
.newslist ul{margin: 0 -5px;}
.newslist ul li{padding: 5px;}
.homeabout{flex-wrap: wrap;}
.homeabout > div {flex: inherit; width: 100%;}
.aboutimg {padding-left: 0;}
.aboutimg img{width: 100%;}
.fliksec{flex-wrap: wrap;}
.flink{width: 50%; flex: inherit;}
.flink h4{min-height: auto;}
.flink.address{width: 100%;}
.topsection > ul > li > a{}
.topsection > ul > li > a span{display: none;}
.topnav > ul > li.socialicon > a{ width: 32px; margin-right: 10px; }
.headerfix .header {transform: inherit;}
.navicon{display: block; float: right; cursor: pointer; position: absolute; top:48px; right:15px; z-index: 99; width: 30px; height: 30px; padding-top: 15px;}
.navicon span{ width:18px; height: 2px; background:var(--medium-black); position: relative; display: block;}
.navicon span:before, .navicon span:after{content:""; width: 25px; height: 2px; background:var(--medium-black); display: block; position: absolute; left: 0;}
.navicon span:after { width: 18px; }
.navicon span:before{top: -6px; }
.navicon span:after{bottom: -7px; }
.navicon.active{position: fixed;}
.navicon.active span{ background: none;}
.navicon.active span:before{ transform: rotate(-48deg);background: #ccc;}
.navicon.active span:after{ transform: rotate(45deg); bottom: 6px;background: #ccc;}
.active span:before, .navicon span:after { width: 18px; }
.topnumber {margin-right: 40px}
.headerbg.fixed .topnav { margin-right: 0; margin-top: 0;}
.topnav { margin: 0; box-shadow: 0 0 3px #ccc; background:var(--white); position: fixed;top: 0;right: 0; z-index: 9; width:100%; padding:40px 20px 80px; height: 100%; overflow-x: hidden; overflow: auto; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.topnav.showmenu{ transform: translate(0%, 0); }
.topnav > ul{flex-wrap: wrap;}
.topnav > ul > li{width: 100%;border:none; position: relative; border-top:1px solid #f0f3f6;}
.topnav > ul > li:first-child{border: none;}
.topnav > ul > li > a {padding: 12px 0px;}
.searchlink{ position: absolute; right: 100px; margin-top: 5px; display: block;}
.ddclick{position: absolute; right: 0; top: 0; width: 32px; height:42px;/* background:#ccc;*/ cursor: pointer;color:#405464;}
.ddclick:before {content: "+";display: inline-block; width: 100%; text-align: center; line-height: 42px; font-size: 24px;}
.ddclick.active:before {content: "-";}
.sub-menu{list-style: none;}
.sub-menu li a {padding: 5px; display: block; color: var(--medium-black);}
.topsection, .headersec{padding: 0 20px;}
.sitelogo {max-width: 210px; margin: 12px 0;}
.relatedlist > li {width: 33.33%;}
.btns{font-size: 14px;}
.aboutsec p{font-size: 16px;}
}
@media (max-width:767px){
.btnsec ul li{min-width: 140px;}
.addtocart, .enqbtn{padding:6px 25px;}
.checkout-form{margin-top: 20px;}
.aboutsec .abtimg{display: flex;margin-bottom: 20px; justify-content: center;}
.aboutsec .heading2.ssec {margin-top: 30px;}
.bullet2 { flex-wrap: inherit; overflow: auto; width: 100%;justify-content: unset; }
.bullet2 li { min-width: 150px; }
.bullet2 li img{max-height: 60px;}
.aboutsec p{font-size: 16px;}
.heading2.ssec {margin-top: 20px;}
.service-page p{font-size: 16px;}
body{font-size: 16px;}
.bggreen{margin: 30px 0;}
.turnkey-cont p{font-size: 16px;}
.bullet2 p {font-size: 16px;}
.product_images_left{float: none; clear: both; margin: 0 0 15px;}
.text_field{text-align: justify;}
.relatedlist{flex-wrap: wrap; overflow: visible; margin: 0 -5px;}
.relatedlist > li {width: 50%; min-width: 0; padding:10px 5px;}
.productdt .heading2{margin-top: 20px;}
.specification{margin-top: 40px;}
.specification h2{top:-50px;}
.logsec .login-form{ width: 100%; padding: 0;}
.innersection {padding: 30px 0;}
.topbanner{height:160px;}
.topbanner .heading2{font-size: 28px;}
.footerlinks{background-size: auto;}
.ftoggle{display: inline-block; position: absolute; right: 0; top: 0;text-align: center;}
.ftoggle:before{content:"+"; width:30px; display: inline-block; font-size: 24px; line-height: 46px;}
.ftoggle.active:before{content: "-"}
.showlinks{display: none; margin-bottom: 20px;}
.flink{padding: 0;}
.flink h4{border-top: 1px solid rgba(255, 255, 255, 0.3); margin: 0;}
.flink h4 a{display: block; padding:15px 35px 15px 0;}
.details_heading{font-size: 2rem;}
.flink.address h4{ padding: 15px 0;}
.navicon{top:8px /*46px*/;}
.footersecbg{padding-bottom:50px; padding-top: 10px;}
.flogo p{font-size: 14px;}
.fsec {justify-content: center;}
.fixfooter{display: block;}
.stripbg{display: none;}
.headerheight {height:52px /*88px*/;}
.fleft .show-head {padding:4px 15px;font-size: 16px;}
.heading2, .servicesec .heading2 {font-size: 24px;}
.servicesec .heading2{padding: 0;}
.servicesec{background: #f1f1f1;}
.serverscont ul li {width: 100%; margin-right: 0; margin-top: 30px;}
.serverscont ul li h3 {font-size: 16px;}
.serverscont ul li p{font-size: 14px;}
.right_section{margin: 20px 0;}
.padtb60 {padding: 30px 0;}
.colorsec ul li{font-size: 16px; padding: 30px 15px;}
.colorsec ul li a{display: block; text-align: center;}
.colorsec ul li span {font-size: 20px;}
.icon{margin: 0 auto;}
.texts {padding-left: 0; padding-top: 10px;}
.bottomiconsbg .container{padding: 0;}
.iconlist ul{flex-wrap: inherit; overflow: auto;}
/*.iconlist ul li{width: 50%;}*/
.iconlist ul > li {padding: 10px; width: 100%; min-width:140px; max-width:140px;}
.iconlist ul li span{font-size: 18px;}
.icons{width: 90px;height: 90px; padding: 20px;}
.categorysec > ul{flex-wrap: inherit; overflow: auto;}
.categorysec > ul > li {width: 100%; min-width:310px; max-width:310px;}
.iconsec ul li img{max-width:36px;}
.secbox{flex-wrap: wrap;}
.secont, .secimg{width:100%;}
.secimg{display: none;}
.secont ul li{font-size: 24px;}
.icontext img{max-width: 40px;}
.icontext small{font-size: 18px;}
.homenews {padding-bottom: 30px;}
.newslist ul{flex-wrap: inherit; overflow: auto;}
.newslist ul li{width: 100%; min-width: 300px; max-width: 300px; margin-bottom: 15px;}
.servicingplan .procategory ul {margin: 0 -2px;}
.servicingplan .procategory ul li {padding: 2px;}
.procategory ul{flex-wrap: inherit; overflow: auto; /*justify-content:center;*/}
.procategory ul li{width: 50%; min-width:250px; max-width:250px;}
.cbox span {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.procategory ul li:nth-child(1), .procategory ul li:nth-child(2), .procategory ul li:nth-child(3) {width: 50%;}
.cbox span{font-size: 20px; font-weight: 600; line-height: 1.2;}
.fmenu ul{flex-wrap: wrap;}
.fmenu ul li{width: 100%;}
.sitelogo {max-width: 180px;margin: 10px 0;}
.topsection > ul > li > a{padding: 0 10px;}
.featureimg {width: 130px;height: 130px;}
.featureitem span{font-size: 16px; line-height: 1.3;}
.labsec{flex-wrap: wrap;}
.lableft, .labright{width: 100%;}
.labright{ padding-left: 0;}
.productbox{padding: 10px; }
.productimg a {height: 160px;}
.flink{width: 100%;}
.flogo{text-align: center;}
.fmenu{display: none;}
.right_section .title{padding: 5px 10px;}
.homebanner.owl-carousel .owl-item img {width: auto; height: 330px; max-width: inherit;}
.homebanner .container{width: 100%; transform: translate(-50%,-25%);}
.homebanner .btn { padding: 10px 20px; font-size: 15px;}
.btext{width: 100%;}
.bheading {font-size: 24px; margin: 0;}
.bcontent p{display: none;}
.aboutcont .headings {font-size: 22px;}
.aboutcont .headings > span { font-size: 18px;}
.aboutcont .headings > strong {font-size: 24px;}
.turnkey-page{margin: 0;}
.homebanner .item:after{background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgb(0 0 0 / 50%) 100%);}
h2, .h2{font-size: 24px;}
}
@media (max-width:600px){
.bggreen{margin: 20px 0;padding: 20px 10px;}
.turnkey-page{margin: 0;}
.productlisting > li{width: 50%; padding: 5px;}
.productcontent h3{font-size: 16px;}
.thumbsimg {width:160px; margin: 0 auto;}
.contentlist{width: 100%; padding: 15px; text-align: center;}
.thumbsimg + .contentlist {width: 100%;}
.cboxes{width: 100%;}
.heading2, .servicesec .heading2 {font-size: 20px;}
h2, .h2 { font-size: 20px; }
.iconsec{margin-bottom: 40px}
}
.btns{padding: 6px 20px;}
@media (max-width:489px){
.homebanner .btn { padding: 7px 14px; font-size: 13px; }
.secont {padding: 3%;}
.icontext span {font-size: 19px}
.topbanner .container{width: 100%;}
.icontext small{font-size: 15px;}
.newstext h3{display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;}
.right_section .text_field .title a{font-size: 14px;}
.blog-consec {display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;margin-bottom: 10px}
.blog-consec p{margin-bottom: 0;}
/*.artimage1{display: flex;justify-content: center;}*/
}
.right_section{margin: 0 20px;}
.articles-date {color: var(--theme-color)}
.articalright .blog-dcont{text-align: justify;color: #000;}
.articalright .blog-dcont > ul, .articalright .blog-dcont > ol {margin-left: 3rem;}
.contentsection.articalright .heading2{font-size: 26px;}
.homenews.blog-detail .newslist{padding-top: 60px;}
.artimage1 img {width: 100%;}
.related-blog h4{margin-bottom: 40px}
.related-blog { padding-right: 2rem; }
.articlelist .row{display: flex;flex-direction: row-reverse;}
.related-blog .heading2{margin-top: 0;}
.related-blog i{display: none;}
.blog-detail .newstext {padding: 2rem;}
.blog-detail .newstext h3, .related-blog .newstext h3{margin-bottom: 0;}
.related-blog{background:var(--light-grey); padding: 25px;}
.related-blog .newsbox { display: flex; align-items: center; box-shadow: none; padding: 10px 0; border-top: 1px solid #ccc;}
.related-blog .newsbox:first-child{border: none;}
.related-blog .newsimg{width: 100px;}
.related-blog .newsimg a{width:100%; height: 80px; display: block;}
.related-blog .newsimg a img{width: 100%; height: 100%; object-fit: cover;}
.related-blog .newstext{ width: calc(100% - 100px); padding: 15px; }
.related-blog .newstext h3 a{font-size: 18px; color: var(--medium-black); display: block; }
.related-blog .newstext h3 span{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.range-list ul{list-style: none;display: flex;flex-wrap: wrap;margin: 0 -10px;display: flex;}
.range-list ul li{width: 25%;padding: 10px;}
.range-list ul li img{object-fit: contain;}
.support{
background: #1948d1;
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: #EA4335;
}
.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 (max-width:767px){
.articlelist .row{display: flex; flex-direction: column;}
.articlelist .newsimg{display: none;}
.related-blog{padding: 0; margin-bottom: 15px;}
.related-blog .newsbox{padding: 0;}
.related-blog .newstext{width: 100%;padding: 0;}
.related-blog .newstext h3{padding: 0;}
.related-blog .newstext h3 a{padding: 15px; font-size: 15px;}
.related-blog .show-head { cursor: pointer; font-size: 20px; font-weight: 600; background: var(--green); padding: 9px 15px; color: var(--white); border: solid 2px var(--green); margin: 0;}
.related-blog i{display: inline-block;}
.related-blog .bloglists{display: none; }
.related-blog.active .bloglists{display: block;}
.range-list ul li{width: 50%}
}
.home-civilsec {padding-bottom: 60px;}
.home-civilsec ul{padding: 0;list-style: none;}
.home-civilsec ul li{display: flex;margin-bottom: 1rem;flex-wrap: wrap;}
.home-civilsec ul li .civilcont{width: 59%;margin-right: 1rem;background: #1948d1;color: #fff;padding: 2rem 4rem;}
.home-civilsec ul li .civilcont h2{color: #fff;font-size: 24px;margin-bottom: 20px;}
.home-civilsec ul li .civilimg{width: 39%;height: 350px;}
.home-civilsec ul li .civilimg img{height: 100%;width: 100%;}
.home-civilsec ul li:nth-child(2){flex-direction: row-reverse;margin-bottom: 0;}
.home-civilsec ul li:nth-child(2) .civilcont{margin-right: 0;margin-left: 1rem;background: #2aad5f}
@media (max-width:991px){
.home-civilsec ul li{flex-direction: column;}
.home-civilsec ul li:nth-child(2){flex-direction: column;}
.home-civilsec ul li .civilcont{width: 100%;margin: 0;}
.home-civilsec ul li .civilimg{width: 100%;height: auto;}
.home-civilsec ul li:nth-child(2) .civilcont{margin-left: 0;}
}
@media (max-width:600px){
.home-civilsec ul li .civilcont{padding: 2rem;}
.home-civilsec ul li .civilcont h2{font-size: 20px;}
}
.topnumber{margin-left: 20px; margin-top: 2px; }
.topnumber a{display:flex; align-items: center;}
.topnumber span{vertical-align: middle; font-size: 22px; color:var(--blue);}
.topnumber span small{display: block; font-weight: 500; font-size: 12px; color: var(--medium-black);}
.topnumber{position: relative;}
.topwhatspp{position: absolute; top: 23px; right: -20px; color: var(--green);}
.topnumber.mobile{display: none;}
.flink.address ul li i.whatsapp {margin-left: -7px;}
@media (max-width:1390px){
.topnumber span {font-size: 16px}
.topwhatspp{right: -10px}
.topnav > ul > li > a {padding: 25px 8px;}
}
@media (max-width:991px){
.topnumber.mobile{display: block;}
}
.leftseclogo{display: flex;align-items: center;}
.error_page .msg-bold{text-transform: uppercase;
font-size: 70px;
letter-spacing: 12px;
color: #1948d1;
margin-bottom: 20px;
font-weight: 900;
text-shadow: 6px 6px 2px #ccc;}
.error_page h5{font-size: 22px;}
.error_page h6{font-size: 18px;}
.error_page h6 a{font-size: 900;}
.newsimg a img{height: 257px;object-fit: cover;}
.right_section .text_wrap .text_field h2 {font-size: 22px;}
/* School Science Lab Equipment SEO Section */
.school-seo-sec{padding: 60px 0;background: #f5f7fb;}
.school-seo-sec .school-seo-inner{display: flex;flex-wrap: wrap;align-items: center;background: #fff;box-shadow: 0 4px 18px rgba(0,0,0,0.06);border-radius: 6px;overflow: hidden;}
.school-seo-sec .school-seo-img{width: 40%;height: 420px;}
.school-seo-sec .school-seo-img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.school-seo-sec .school-seo-content{width: 60%;padding: 2.5rem 3rem;}
.school-seo-sec .school-seo-content h2{color: #1948d1;font-size: 26px;margin-bottom: 18px;line-height: 1.3;}
.school-seo-sec .school-seo-content p{color: #333;font-size: 15px;line-height: 1.7;margin-bottom: 15px;}
.school-seo-sec .school-seo-content p strong{color: #1948d1;}
.school-seo-sec .school-seo-keywords{list-style: none;padding: 0;margin: 18px 0 22px;display: flex;flex-wrap: wrap;}
.school-seo-sec .school-seo-keywords li{width: 50%;margin-bottom: 8px;padding-right: 10px;box-sizing: border-box;}
.school-seo-sec .school-seo-keywords li a{display: inline-block;color: #2aad5f;font-size: 14px;font-weight: 500;text-decoration: none;position: relative;padding-left: 16px;line-height: 1.4;}
.school-seo-sec .school-seo-keywords li a:before{content: "\2713";position: absolute;left: 0;top: 0;color: #1948d1;font-weight: 700;}
.school-seo-sec .school-seo-keywords li a:hover{color: #1948d1;text-decoration: underline;}
.school-seo-sec .school-seo-content .btn{margin-top: 6px;}
@media (max-width:991px){
.school-seo-sec .school-seo-inner{flex-direction: column;}
.school-seo-sec .school-seo-img{width: 100%;height: auto;}
.school-seo-sec .school-seo-img img{height: auto;}
.school-seo-sec .school-seo-content{width: 100%;padding: 2rem 1.5rem;}
.school-seo-sec .school-seo-content h2{font-size: 22px;}
.school-seo-sec .school-seo-keywords li{width: 100%;}
}
@media (max-width:600px){
.school-seo-sec{padding: 40px 0;}
.school-seo-sec .school-seo-content{padding: 1.5rem 1.2rem;}
.school-seo-sec .school-seo-content h2{font-size: 20px;}
.school-seo-sec .school-seo-content p{font-size: 14px;}
}
/* ============================================================
REDESIGN: School SEO Section + Lab Section (Tender / Africa Export)
New CSS only — does not remove any existing styles
============================================================ */
/* --- Shared decorative elements --- */
.school-seo-sec .seoico, .labsec-head .seoico{width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-right: 8px;}
/* ============== SCHOOL SEO SECTION (REDESIGNED) ============== */
.school-seo-sec{position: relative;padding: 80px 0 70px;background: linear-gradient(135deg, #f3f7ff 0%, #eef9f3 100%);overflow: hidden;}
.school-seo-sec .school-seo-bgshape{position: absolute;top: -120px;right: -120px;width: 420px;height: 420px;border-radius: 50%;background: radial-gradient(circle, rgba(25,72,209,0.08) 0%, rgba(25,72,209,0) 70%);pointer-events: none;}
.school-seo-sec .school-seo-bgshape:after{content: "";position: absolute;bottom: -300px;left: -300px;width: 380px;height: 380px;border-radius: 50%;background: radial-gradient(circle, rgba(42,173,95,0.10) 0%, rgba(42,173,95,0) 70%);}
.school-seo-sec .school-seo-head{text-align: center;max-width: 880px;margin: 0 auto 45px;position: relative;z-index: 2;}
.school-seo-sec .school-seo-tagline{display: inline-flex;align-items: center;gap: 6px;background: #fff;color: #1948d1;padding: 8px 18px;border-radius: 30px;font-size: 13px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;box-shadow: 0 4px 14px rgba(25,72,209,0.12);margin-bottom: 18px;}
.school-seo-sec .school-seo-tagline .seoico{color: #2aad5f;}
.school-seo-sec .school-seo-head h2{color: #0e1f4d;font-size: 32px;line-height: 1.25;margin: 0 0 14px;font-weight: 700;}
.school-seo-sec .school-seo-sub{color: #475569;font-size: 16px;line-height: 1.7;margin: 0;}
.school-seo-sec .school-seo-inner{display: flex;flex-wrap: wrap;align-items: stretch;background: #fff;box-shadow: 0 12px 40px rgba(15,30,80,0.10);border-radius: 14px;overflow: hidden;position: relative;z-index: 2;}
.school-seo-sec .school-seo-img{width: 42%;position: relative;min-height: 540px;}
.school-seo-sec .school-seo-img img{width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;top: 0;left: 0;}
.school-seo-sec .school-seo-imgbadge{position: absolute;left: 20px;bottom: 20px;background: rgba(255,255,255,0.97);padding: 12px 16px;border-radius: 10px;display: flex;align-items: center;gap: 10px;box-shadow: 0 8px 24px rgba(0,0,0,0.18);backdrop-filter: blur(6px);}
.school-seo-sec .school-seo-imgbadge svg{width: 36px;height: 36px;flex-shrink: 0;}
.school-seo-sec .school-seo-imgbadge strong{display: block;color: #1948d1;font-size: 14px;font-weight: 700;line-height: 1.2;}
.school-seo-sec .school-seo-imgbadge span{display: block;color: #64748b;font-size: 11px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;}
.school-seo-sec .school-seo-content{width: 58%;padding: 40px 45px;background: #fff;}
.school-seo-sec .school-seo-content h2{color: #0e1f4d;font-size: 26px;margin-bottom: 18px;line-height: 1.3;font-weight: 700;}
.school-seo-sec .school-seo-content p{color: #3a4256;font-size: 14.5px;line-height: 1.75;margin-bottom: 14px;}
.school-seo-sec .school-seo-content p strong{color: #1948d1;font-weight: 700;}
.school-seo-sec .school-seo-keywords{list-style: none;padding: 0;margin: 22px 0 26px;display: flex;flex-wrap: wrap;border-top: 1px dashed #e2e8f0;border-bottom: 1px dashed #e2e8f0;padding-top: 18px;padding-bottom: 14px;}
.school-seo-sec .school-seo-keywords li{width: 50%;margin-bottom: 10px;padding-right: 12px;box-sizing: border-box;list-style: none;}
.school-seo-sec .school-seo-keywords li a{display: flex;align-items: flex-start;gap: 8px;color: #1f2c4a;font-size: 13.5px;font-weight: 500;text-decoration: none;line-height: 1.45;transition: color 0.25s;}
.school-seo-sec .school-seo-keywords li a svg{width: 16px;height: 16px;flex-shrink: 0;color: #2aad5f;margin-top: 2px;}
.school-seo-sec .school-seo-keywords li a:hover{color: #1948d1;}
.school-seo-sec .school-seo-keywords li a:hover svg{color: #1948d1;}
.school-seo-sec .school-seo-keywords li a:before{content: none;}
.school-seo-sec .school-seo-cta{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 4px;}
.school-seo-sec .school-seo-cta .btn{display: inline-block;}
.school-seo-sec .school-seo-cta .btn-ghost{background: transparent;color: #1948d1;border: 2px solid #1948d1;}
.school-seo-sec .school-seo-cta .btn-ghost:hover{background: #1948d1;color: #fff;}
/* Feature cards row */
.school-seo-sec .school-seo-features{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 40px;position: relative;z-index: 2;}
.school-seo-sec .seo-feat{background: #fff;border-radius: 12px;padding: 26px 22px;text-align: center;box-shadow: 0 6px 20px rgba(15,30,80,0.06);transition: transform 0.3s, box-shadow 0.3s;border-top: 3px solid #1948d1;}
.school-seo-sec .seo-feat:nth-child(2){border-top-color: #2aad5f;}
.school-seo-sec .seo-feat:nth-child(3){border-top-color: #ffb300;}
.school-seo-sec .seo-feat:nth-child(4){border-top-color: #e74c3c;}
.school-seo-sec .seo-feat:hover{transform: translateY(-5px);box-shadow: 0 14px 32px rgba(15,30,80,0.12);}
.school-seo-sec .seo-feat-icon{display: inline-flex;width: 56px;height: 56px;align-items: center;justify-content: center;background: linear-gradient(135deg, #1948d1 0%, #4a7df5 100%);color: #fff;border-radius: 14px;margin-bottom: 14px;}
.school-seo-sec .seo-feat:nth-child(2) .seo-feat-icon{background: linear-gradient(135deg, #2aad5f 0%, #5ed092 100%);}
.school-seo-sec .seo-feat:nth-child(3) .seo-feat-icon{background: linear-gradient(135deg, #ffb300 0%, #ffd966 100%);}
.school-seo-sec .seo-feat:nth-child(4) .seo-feat-icon{background: linear-gradient(135deg, #e74c3c 0%, #f08577 100%);}
.school-seo-sec .seo-feat-icon svg{width: 28px;height: 28px;}
.school-seo-sec .seo-feat h4{color: #0e1f4d;font-size: 16px;font-weight: 700;margin: 0 0 8px;}
.school-seo-sec .seo-feat p{color: #64748b;font-size: 13px;line-height: 1.55;margin: 0;}
/* Stats row */
.school-seo-sec .school-seo-stats{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0;margin-top: 36px;background: linear-gradient(135deg, #1948d1 0%, #2554d4 100%);border-radius: 14px;padding: 28px 0;position: relative;z-index: 2;box-shadow: 0 12px 36px rgba(25,72,209,0.25);}
.school-seo-sec .seo-stat{text-align: center;color: #fff;border-right: 1px solid rgba(255,255,255,0.18);padding: 4px 14px;}
.school-seo-sec .seo-stat:last-child{border-right: none;}
.school-seo-sec .seo-stat strong{display: block;font-size: 34px;font-weight: 800;line-height: 1;color: #fff;margin-bottom: 6px;}
.school-seo-sec .seo-stat span{display: block;font-size: 12.5px;text-transform: uppercase;letter-spacing: 0.6px;color: rgba(255,255,255,0.88);}
@media (max-width:1100px){
.school-seo-sec .school-seo-features{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:991px){
.school-seo-sec{padding: 60px 0 50px;}
.school-seo-sec .school-seo-head h2{font-size: 26px;}
.school-seo-sec .school-seo-inner{flex-direction: column;}
.school-seo-sec .school-seo-img{width: 100%;min-height: 320px;}
.school-seo-sec .school-seo-content{width: 100%;padding: 30px 25px;}
.school-seo-sec .school-seo-content h2{font-size: 22px;}
.school-seo-sec .school-seo-keywords li{width: 100%;}
.school-seo-sec .school-seo-stats{grid-template-columns: repeat(2, 1fr);gap: 20px 0;padding: 24px 0;}
.school-seo-sec .seo-stat{border-right: none;}
.school-seo-sec .seo-stat:nth-child(odd){border-right: 1px solid rgba(255,255,255,0.18);}
.school-seo-sec .seo-stat strong{font-size: 28px;}
}
@media (max-width:600px){
.school-seo-sec .school-seo-head h2{font-size: 22px;}
.school-seo-sec .school-seo-sub{font-size: 14px;}
.school-seo-sec .school-seo-content{padding: 24px 18px;}
.school-seo-sec .school-seo-content h2{font-size: 19px;}
.school-seo-sec .school-seo-content p{font-size: 13.5px;}
.school-seo-sec .school-seo-features{grid-template-columns: 1fr;}
.school-seo-sec .school-seo-cta{flex-direction: column;}
.school-seo-sec .school-seo-cta .btn{width: 100%;text-align: center;}
}
/* ============== LAB SECTION REDESIGN ============== */
.labsecbg-redesign{background: linear-gradient(135deg, #f8fafc 0%, #eef2f9 100%);position: relative;}
.labsecbg-redesign:before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, #1948d1 0%, #2aad5f 50%, #ffb300 100%);}
.labsecbg-redesign .labsec-head{text-align: center;max-width: 920px;margin: 0 auto 40px;}
.labsecbg-redesign .labsec-tagline{display: inline-flex;align-items: center;gap: 6px;background: #1948d1;color: #fff;padding: 8px 18px;border-radius: 30px;font-size: 13px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;box-shadow: 0 6px 18px rgba(25,72,209,0.28);margin-bottom: 18px;}
.labsecbg-redesign .labsec-head h2{color: #0e1f4d;font-size: 30px;line-height: 1.25;margin: 0 0 14px;font-weight: 700;}
.labsecbg-redesign .labsec-subtext{color: #475569;font-size: 15px;line-height: 1.7;margin: 0;}
/* Override left column to allow our new tender card */
.labsecbg-redesign .lableft{border: none;background: transparent;padding: 0;margin: 0;width: 35%;}
.labsecbg-redesign .lableft .labbox{background: #fff;border-radius: 12px;box-shadow: 0 6px 22px rgba(15,30,80,0.07);padding: 22px 22px 18px;margin-bottom: 18px;border: 1px solid #eef2f9;transition: transform 0.3s, box-shadow 0.3s;}
.labsecbg-redesign .lableft .labbox:hover{transform: translateY(-3px);box-shadow: 0 12px 30px rgba(15,30,80,0.12);}
.labsecbg-redesign .labbox-head{display: flex;align-items: center;gap: 12px;padding-bottom: 14px;margin-bottom: 14px;border-bottom: 2px solid #f1f5fb;}
.labsecbg-redesign .labbox-icon{width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #1948d1 0%, #4a7df5 100%);color: #fff;border-radius: 10px;flex-shrink: 0;}
.labsecbg-redesign .labbox-icon svg{width: 24px;height: 24px;}
.labsecbg-redesign .labbox-icon-light{background: rgba(255,255,255,0.18);color: #fff;}
.labsecbg-redesign .labbox-head h3{margin: 0;padding: 0;border: none;font-size: 19px;font-weight: 700;color: #0e1f4d;line-height: 1.3;}
.labsecbg-redesign .labbox ul{list-style: none;margin: 0;padding: 0;}
.labsecbg-redesign .labbox ul li{display: flex;align-items: center;gap: 10px;font-size: 14.5px;font-weight: 500;color: #334155;padding: 8px 0;border-bottom: 1px dashed #f1f5fb;line-height: 1.4;}
.labsecbg-redesign .labbox ul li:last-child{border-bottom: none;}
.labsecbg-redesign .labbox ul li:before{content: none;}
.labsecbg-redesign .labbox .li-ico{width: 18px;height: 18px;color: #2aad5f;flex-shrink: 0;}
.labsecbg-redesign .labbox-link{display: inline-flex;align-items: center;gap: 6px;margin-top: 14px;color: #1948d1;font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;text-decoration: none;transition: gap 0.25s, color 0.25s;}
.labsecbg-redesign .labbox-link svg{width: 16px;height: 16px;}
.labsecbg-redesign .labbox-link:hover{gap: 10px;color: #2aad5f;}
/* Technical training (dark card override) */
.labsecbg-redesign .labbox.technicalbg{background: linear-gradient(135deg, #1948d1 0%, #2554d4 100%);color: #fff;border: none;padding: 22px 22px 18px;}
.labsecbg-redesign .labbox.technicalbg .labbox-head{border-bottom-color: rgba(255,255,255,0.18);}
.labsecbg-redesign .labbox.technicalbg .labbox-head h3{color: #fff;}
.labsecbg-redesign .labbox.technicalbg ul li{color: rgba(255,255,255,0.95);border-bottom-color: rgba(255,255,255,0.12);}
.labsecbg-redesign .labbox.technicalbg .li-ico{color: #ffd966;}
.labsecbg-redesign .labbox-link-light{color: #fff;}
.labsecbg-redesign .labbox-link-light:hover{color: #ffd966;}
/* Tender card */
.labsecbg-redesign .labbox-tender{background: linear-gradient(135deg, #2aad5f 0%, #38c771 100%) !important;color: #fff;border: none !important;padding: 22px 22px 20px !important;}
.labsecbg-redesign .labbox-tender .labbox-head{border-bottom: 1px solid rgba(255,255,255,0.22) !important;}
.labsecbg-redesign .labbox-tender h3{color: #fff !important;}
.labsecbg-redesign .labbox-tender-text{color: rgba(255,255,255,0.94);font-size: 13.5px;line-height: 1.55;margin: 0 0 6px;}
/* Right product grid: keep existing but elevate cards */
.labsecbg-redesign .labright > ul > li{padding: 10px;}
.labsecbg-redesign .labright .productbox{background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 6px 20px rgba(15,30,80,0.07);transition: transform 0.3s, box-shadow 0.3s;height: 100%;display: flex;flex-direction: column;border: 1px solid #eef2f9;}
.labsecbg-redesign .labright .productbox:hover{transform: translateY(-6px);box-shadow: 0 16px 38px rgba(15,30,80,0.14);}
.labsecbg-redesign .labright .productbox .productimg{overflow: hidden;}
.labsecbg-redesign .labright .productbox .productimg img{transition: transform 0.5s;width: 100%;height: 170px;object-fit: cover;}
.labsecbg-redesign .labright .productbox:hover .productimg img{transform: scale(1.06);}
.labsecbg-redesign .labright .productbox .productcontent{padding: 14px 16px 16px;}
.labsecbg-redesign .labright .productbox .productcontent h3{font-size: 15px;font-weight: 700;margin: 0 0 4px;line-height: 1.3;}
.labsecbg-redesign .labright .productbox .productcontent h3 a{color: #0e1f4d;text-decoration: none;}
.labsecbg-redesign .labright .productbox:hover .productcontent h3 a{color: #1948d1;}
/* Tender ribbon (below product grid) */
.labsecbg-redesign .labsec-ribbon{display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;margin-top: 36px;background: #fff;padding: 24px 22px;border-radius: 14px;box-shadow: 0 8px 26px rgba(15,30,80,0.08);}
.labsecbg-redesign .ribbon-item{display: flex;align-items: center;gap: 12px;}
.labsecbg-redesign .ribbon-item + .ribbon-item{border-left: 1px solid #f1f5fb;padding-left: 18px;}
.labsecbg-redesign .ribbon-ico{width: 46px;height: 46px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #1948d1 0%, #4a7df5 100%);color: #fff;border-radius: 12px;flex-shrink: 0;}
.labsecbg-redesign .ribbon-item:nth-child(2) .ribbon-ico{background: linear-gradient(135deg, #2aad5f 0%, #5ed092 100%);}
.labsecbg-redesign .ribbon-item:nth-child(3) .ribbon-ico{background: linear-gradient(135deg, #ffb300 0%, #ffd966 100%);}
.labsecbg-redesign .ribbon-item:nth-child(4) .ribbon-ico{background: linear-gradient(135deg, #e74c3c 0%, #f08577 100%);}
.labsecbg-redesign .ribbon-ico svg{width: 24px;height: 24px;}
.labsecbg-redesign .ribbon-item strong{display: block;color: #0e1f4d;font-size: 14.5px;font-weight: 700;line-height: 1.2;margin-bottom: 4px;}
.labsecbg-redesign .ribbon-item span{display: block;color: #64748b;font-size: 12px;line-height: 1.45;}
/* Bottom SEO text */
.labsecbg-redesign .labsec-seo-text{margin-top: 32px;background: #fff;border-radius: 14px;padding: 30px 36px;box-shadow: 0 6px 20px rgba(15,30,80,0.06);border-left: 4px solid #1948d1;}
.labsecbg-redesign .labsec-seo-text p{color: #3a4256;font-size: 14.5px;line-height: 1.8;margin: 0 0 12px;}
.labsecbg-redesign .labsec-seo-text p:last-child{margin-bottom: 0;}
.labsecbg-redesign .labsec-seo-text p strong{color: #1948d1;font-weight: 700;}
@media (max-width:1100px){
.labsecbg-redesign .labsec-ribbon{grid-template-columns: repeat(2, 1fr);}
.labsecbg-redesign .ribbon-item:nth-child(3){border-left: none;padding-left: 0;}
.labsecbg-redesign .ribbon-item:nth-child(2n+1){border-left: none;padding-left: 0;}
}
@media (max-width:991px){
.labsecbg-redesign .labsec-head h2{font-size: 24px;}
.labsecbg-redesign .lableft{width: 100%;margin-bottom: 20px;}
.labsecbg-redesign .lableft .labbox{margin-bottom: 14px;}
.labsecbg-redesign .labsec-seo-text{padding: 22px 20px;}
}
@media (max-width:600px){
.labsecbg-redesign .labsec-head h2{font-size: 20px;}
.labsecbg-redesign .labsec-subtext{font-size: 13.5px;}
.labsecbg-redesign .labsec-ribbon{grid-template-columns: 1fr;padding: 20px 16px;}
.labsecbg-redesign .ribbon-item{border-left: none !important;padding-left: 0 !important;padding-bottom: 14px;border-bottom: 1px solid #f1f5fb;}
.labsecbg-redesign .ribbon-item:last-child{border-bottom: none;padding-bottom: 0;}
.labsecbg-redesign .labbox-head h3{font-size: 17px;}
.labsecbg-redesign .labsec-seo-text p{font-size: 13.5px;}
}
/* ============================================================
SCHOOL SEO SECTION - MERGED REDESIGN (LARGER TYPOGRAPHY)
New styles only — overrides earlier school-seo-sec rules
============================================================ */
/* Section base — keep gradient bg & decorative shapes */
.school-seo-sec{padding: 90px 0 80px;}
/* HEADER — bigger, more readable */
.school-seo-sec .school-seo-head{max-width: 920px;margin: 0 auto 50px;}
.school-seo-sec .school-seo-tagline{font-size: 14px;padding: 9px 20px;font-weight: 700;letter-spacing: 0.6px;}
.school-seo-sec .school-seo-tagline .seoico{width: 16px;height: 16px;}
.school-seo-sec .school-seo-head h2{color: #0e1f4d;font-size: 38px;line-height: 1.2;margin: 0 0 18px;font-weight: 800;letter-spacing: -0.3px;}
.school-seo-sec .school-seo-sub{color: #475569;font-size: 18px;line-height: 1.65;margin: 0;font-weight: 400;}
.school-seo-sec .school-seo-sub strong{color: #0e1f4d;font-weight: 700;}
/* HERO ROW — two columns image/content */
.school-seo-sec .school-seo-inner{margin-bottom: 0;border-radius: 16px;}
.school-seo-sec .school-seo-img{min-height: 460px;}
.school-seo-sec .school-seo-imgbadge{padding: 14px 18px;border-radius: 12px;}
.school-seo-sec .school-seo-imgbadge svg{width: 38px;height: 38px;}
.school-seo-sec .school-seo-imgbadge strong{font-size: 15px;}
.school-seo-sec .school-seo-imgbadge span{font-size: 11.5px;}
.school-seo-sec .school-seo-content{padding: 48px 50px;}
.school-seo-sec .school-seo-content p{color: #2c3855;font-size: 16px;line-height: 1.8;margin-bottom: 18px;}
.school-seo-sec .school-seo-content p:last-of-type{margin-bottom: 26px;}
.school-seo-sec .school-seo-content p strong{color: #1948d1;font-weight: 700;}
/* CTA buttons */
.school-seo-sec .school-seo-cta{display: flex;flex-wrap: wrap;gap: 14px;margin-top: 4px;}
.school-seo-sec .school-seo-cta .btn{display: inline-block;font-size: 14px;padding: 13px 26px;font-weight: 600;letter-spacing: 0.4px;border-radius: 6px;}
.school-seo-sec .school-seo-cta .btn-ghost{background: transparent;color: #1948d1;border: 2px solid #1948d1;}
.school-seo-sec .school-seo-cta .btn-ghost:hover{background: #1948d1;color: #fff;}
/* TRUST STRIP — replaces old features grid (cleaner, no descriptions repetition) */
.school-seo-sec .school-seo-trust{display: grid;grid-template-columns: repeat(4, 1fr);gap: 22px;margin-top: 40px;background: #fff;padding: 30px 28px;border-radius: 16px;box-shadow: 0 10px 32px rgba(15,30,80,0.08);position: relative;z-index: 2;}
.school-seo-sec .trust-item{display: flex;align-items: flex-start;gap: 14px;}
.school-seo-sec .trust-item + .trust-item{border-left: 1px solid #eef2f9;padding-left: 22px;}
.school-seo-sec .trust-ico{width: 52px;height: 52px;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #1948d1 0%, #4a7df5 100%);color: #fff;border-radius: 12px;flex-shrink: 0;box-shadow: 0 6px 16px rgba(25,72,209,0.25);}
.school-seo-sec .trust-ico-green{background: linear-gradient(135deg, #2aad5f 0%, #5ed092 100%);box-shadow: 0 6px 16px rgba(42,173,95,0.25);}
.school-seo-sec .trust-ico-amber{background: linear-gradient(135deg, #ffb300 0%, #ffd966 100%);box-shadow: 0 6px 16px rgba(255,179,0,0.30);}
.school-seo-sec .trust-ico-red{background: linear-gradient(135deg, #e74c3c 0%, #f08577 100%);box-shadow: 0 6px 16px rgba(231,76,60,0.25);}
.school-seo-sec .trust-ico svg{width: 26px;height: 26px;}
.school-seo-sec .trust-text strong{display: block;color: #0e1f4d;font-size: 16px;font-weight: 700;line-height: 1.3;margin-bottom: 5px;}
.school-seo-sec .trust-text span{display: block;color: #64748b;font-size: 13.5px;line-height: 1.5;}
/* STATS BAR — bigger numbers */
.school-seo-sec .school-seo-stats{margin-top: 24px;padding: 32px 0;border-radius: 16px;}
.school-seo-sec .seo-stat strong{font-size: 42px;font-weight: 800;margin-bottom: 8px;letter-spacing: -0.5px;}
.school-seo-sec .seo-stat span{font-size: 13.5px;letter-spacing: 0.7px;font-weight: 500;}
/* RELATED SEARCHES — bottom keyword cloud (small but readable) */
.school-seo-sec .school-seo-related{margin-top: 36px;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 14px;background: rgba(255,255,255,0.6);backdrop-filter: blur(8px);padding: 22px 26px;border-radius: 12px;border: 1px solid rgba(25,72,209,0.10);position: relative;z-index: 2;}
.school-seo-sec .related-label{color: #0e1f4d;font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.6px;flex-shrink: 0;padding-top: 6px;}
.school-seo-sec .related-tags{display: flex;flex-wrap: wrap;gap: 8px;flex: 1;}
.school-seo-sec .related-tags a{display: inline-block;background: #fff;color: #1f2c4a;font-size: 13px;font-weight: 500;padding: 7px 14px;border-radius: 30px;text-decoration: none;border: 1px solid #e2e8f0;transition: all 0.25s;line-height: 1.3;}
.school-seo-sec .related-tags a:hover{background: #1948d1;color: #fff;border-color: #1948d1;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(25,72,209,0.20);}
/* Responsive — 1100px */
@media (max-width:1100px){
.school-seo-sec .school-seo-trust{grid-template-columns: repeat(2, 1fr);gap: 24px 22px;}
.school-seo-sec .trust-item:nth-child(3){border-left: none;padding-left: 0;}
.school-seo-sec .trust-item:nth-child(odd){border-left: none;padding-left: 0;}
}
/* Responsive — 991px */
@media (max-width:991px){
.school-seo-sec{padding: 60px 0 50px;}
.school-seo-sec .school-seo-head{margin-bottom: 36px;}
.school-seo-sec .school-seo-head h2{font-size: 28px;}
.school-seo-sec .school-seo-sub{font-size: 16px;}
.school-seo-sec .school-seo-img{min-height: 320px;}
.school-seo-sec .school-seo-content{padding: 32px 28px;}
.school-seo-sec .school-seo-content p{font-size: 15px;line-height: 1.75;}
.school-seo-sec .school-seo-trust{padding: 24px 20px;}
.school-seo-sec .school-seo-stats{grid-template-columns: repeat(2, 1fr);gap: 22px 0;}
.school-seo-sec .seo-stat{border-right: none !important;}
.school-seo-sec .seo-stat:nth-child(odd){border-right: 1px solid rgba(255,255,255,0.18) !important;}
.school-seo-sec .seo-stat strong{font-size: 34px;}
}
/* Responsive — 600px */
@media (max-width:600px){
.school-seo-sec{padding: 50px 0 40px;}
.school-seo-sec .school-seo-tagline{font-size: 12px;padding: 7px 14px;}
.school-seo-sec .school-seo-head h2{font-size: 23px;}
.school-seo-sec .school-seo-sub{font-size: 14.5px;}
.school-seo-sec .school-seo-content{padding: 26px 20px;}
.school-seo-sec .school-seo-content p{font-size: 14.5px;}
.school-seo-sec .school-seo-cta{flex-direction: column;}
.school-seo-sec .school-seo-cta .btn{width: 100%;text-align: center;}
.school-seo-sec .school-seo-trust{grid-template-columns: 1fr;padding: 20px 18px;}
.school-seo-sec .trust-item{border-left: none !important;padding-left: 0 !important;padding-bottom: 16px;border-bottom: 1px solid #eef2f9;}
.school-seo-sec .trust-item:last-child{border-bottom: none;padding-bottom: 0;}
.school-seo-sec .seo-stat strong{font-size: 28px;}
.school-seo-sec .school-seo-related{flex-direction: column;align-items: stretch;padding: 18px 18px;}
.school-seo-sec .related-label{padding-top: 0;}
.school-seo-sec .related-tags a{font-size: 12.5px;padding: 6px 12px;}
}
/* ============================================================
SCHOOL SEO SECTION — REFINEMENTS
Left-align hero header + style inline keyword links
============================================================ */
/* Left-align hero header (override centered) */
.school-seo-sec .school-seo-head{text-align: left;max-width: 100%;margin: 0 0 50px;}
/* Inline keyword links inside paragraphs — subtle but clickable */
.school-seo-sec .school-seo-content p a{color: #1948d1;text-decoration: none;border-bottom: 1px dashed rgba(25,72,209,0.35);transition: color 0.25s, border-color 0.25s, background 0.25s;padding-bottom: 1px;}
.school-seo-sec .school-seo-content p a:hover{color: #2aad5f;border-bottom-color: #2aad5f;background: rgba(42,173,95,0.06);}
.school-seo-sec .school-seo-content p a strong{color: inherit;font-weight: 700;}
@media (max-width:991px){
.school-seo-sec .school-seo-head{margin-bottom: 36px;}
}
/* ============================================================
LAB SECTION — ICON-BASED PRODUCT CARDS (replaces image cards)
Scoped under .labright-icons so original .labright is untouched
============================================================ */
.labright.labright-icons > ul{display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}
.labright.labright-icons > ul > li{width: 33.33%;padding: 10px;list-style: none;}
.labright.labright-icons .productbox{background: #fff;border-radius: 14px;overflow: hidden;box-shadow: 0 6px 22px rgba(15,30,80,0.07);transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;height: 100%;border: 1px solid #eef2f9;position: relative;}
.labright.labright-icons .productbox:before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: #1948d1;transform: scaleX(0);transform-origin: left center;transition: transform 0.4s ease;}
.labright.labright-icons .productbox:hover{transform: translateY(-6px);box-shadow: 0 18px 42px rgba(15,30,80,0.15);border-color: rgba(25,72,209,0.20);}
.labright.labright-icons .productbox:hover:before{transform: scaleX(1);}
.labright.labright-icons .productlink{display: flex;align-items: center;gap: 16px;padding: 20px 18px;text-decoration: none;color: inherit;height: 100%;}
.labright.labright-icons .producticon{width: 76px;height: 76px;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 14px;background: linear-gradient(135deg, #1948d1 0%, #4a7df5 100%);color: #fff;box-shadow: 0 6px 18px rgba(25,72,209,0.25);transition: transform 0.4s ease, box-shadow 0.4s ease;position: relative;overflow: hidden;}
.labright.labright-icons .producticon:after{content: "";position: absolute;top: -40%;right: -40%;width: 80%;height: 80%;background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 70%);border-radius: 50%;}
.labright.labright-icons .producticon svg{width: 42px;height: 42px;position: relative;z-index: 2;}
.labright.labright-icons .productbox:hover .producticon{transform: rotate(-6deg) scale(1.05);box-shadow: 0 10px 26px rgba(25,72,209,0.35);}
.labright.labright-icons .producticon-blue{background: linear-gradient(135deg, #1948d1 0%, #4a7df5 100%);box-shadow: 0 6px 18px rgba(25,72,209,0.25);}
.labright.labright-icons .producticon-green{background: linear-gradient(135deg, #2aad5f 0%, #5ed092 100%);box-shadow: 0 6px 18px rgba(42,173,95,0.25);}
.labright.labright-icons .producticon-amber{background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);box-shadow: 0 6px 18px rgba(245,158,11,0.30);}
.labright.labright-icons .producticon-red{background: linear-gradient(135deg, #e74c3c 0%, #f08577 100%);box-shadow: 0 6px 18px rgba(231,76,60,0.25);}
.labright.labright-icons .producticon-teal{background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);box-shadow: 0 6px 18px rgba(14,165,233,0.25);}
.labright.labright-icons .producticon-purple{background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);box-shadow: 0 6px 18px rgba(124,58,237,0.25);}
.labright.labright-icons .productbox:hover .producticon-green{box-shadow: 0 10px 26px rgba(42,173,95,0.40);}
.labright.labright-icons .productbox:hover .producticon-amber{box-shadow: 0 10px 26px rgba(245,158,11,0.45);}
.labright.labright-icons .productbox:hover .producticon-red{box-shadow: 0 10px 26px rgba(231,76,60,0.40);}
.labright.labright-icons .productbox:hover .producticon-teal{box-shadow: 0 10px 26px rgba(14,165,233,0.40);}
.labright.labright-icons .productbox:hover .producticon-purple{box-shadow: 0 10px 26px rgba(124,58,237,0.40);}
.labright.labright-icons .productcontent{flex: 1;min-width: 0;}
.labright.labright-icons .productcontent h3{font-size: 16px;font-weight: 700;margin: 0 0 6px;line-height: 1.3;color: #0e1f4d;}
.labright.labright-icons .productcontent p{display: block !important;font-size: 13px;line-height: 1.5;color: #64748b;margin: 0;}
.labright.labright-icons .productbox:hover .productcontent h3{color: #1948d1;}
/* Responsive */
@media (max-width:1100px){
.labright.labright-icons > ul > li{width: 50%;}
}
@media (max-width:991px){
.labright.labright-icons{padding-left: 0;}
.labright.labright-icons .productlink{padding: 18px 16px;gap: 14px;}
.labright.labright-icons .producticon{width: 64px;height: 64px;}
.labright.labright-icons .producticon svg{width: 36px;height: 36px;}
.labright.labright-icons .productcontent h3{font-size: 15px;}
.labright.labright-icons .productcontent p{font-size: 12.5px;}
}
@media (max-width:600px){
.labright.labright-icons > ul > li{width: 100%;}
.labright.labright-icons .producticon{width: 60px;height: 60px;border-radius: 12px;}
.labright.labright-icons .producticon svg{width: 32px;height: 32px;}
}
/* ============================================================
LAB SECTION — ICON CARDS V2 (FIX)
Vertical layout (icon top, text below), no top accent bar
Overrides previous .labright-icons rules
============================================================ */
/* Remove the top accent bar that was overlapping titles */
.labright.labright-icons .productbox:before{display: none !important;}
.labright.labright-icons .productbox:hover:before{display: none !important;}
/* VERTICAL layout — icon centered at top, text below */
.labright.labright-icons .productlink{display: flex !important;flex-direction: column !important;align-items: center !important;text-align: center !important;gap: 14px !important;padding: 24px 18px 20px !important;text-decoration: none;color: inherit;height: 100%;}
/* Icon — centered, slightly smaller for a balanced card */
.labright.labright-icons .producticon{width: 64px !important;height: 64px !important;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 14px;color: #fff;transition: transform 0.4s ease, box-shadow 0.4s ease;position: relative;overflow: hidden;margin: 0 auto;}
.labright.labright-icons .producticon svg{width: 34px !important;height: 34px !important;position: relative;z-index: 2;}
/* Content block — full width, properly styled */
.labright.labright-icons .productcontent{flex: 0 0 auto !important;width: 100% !important;min-width: 0;text-align: center;}
.labright.labright-icons .productcontent h3{font-size: 15.5px !important;font-weight: 700;margin: 0 0 6px !important;line-height: 1.3;color: #0e1f4d;}
.labright.labright-icons .productcontent p{display: block !important;font-size: 12.5px !important;line-height: 1.55 !important;color: #64748b !important;margin: 0 !important;}
/* Card — equal-height, subtle hover */
.labright.labright-icons .productbox{height: 100%;display: flex;flex-direction: column;}
/* Responsive overrides */
@media (max-width:991px){
.labright.labright-icons .productlink{padding: 22px 16px 18px !important;gap: 12px !important;}
.labright.labright-icons .producticon{width: 58px !important;height: 58px !important;}
.labright.labright-icons .producticon svg{width: 30px !important;height: 30px !important;}
}
@media (max-width:600px){
.labright.labright-icons .producticon{width: 56px !important;height: 56px !important;}
}
/* ============================================================
LAB SECTION — 8 CARDS GRID (4 columns × 2 rows)
============================================================ */
/* Override to 4 columns at desktop */
.labright.labright-icons > ul > li{width: 25% !important;padding: 8px !important;}
/* Slightly tighter padding so 4 fit nicely */
.labright.labright-icons .productlink{padding: 20px 14px 16px !important;gap: 10px !important;}
.labright.labright-icons .producticon{width: 56px !important;height: 56px !important;border-radius: 12px !important;}
.labright.labright-icons .producticon svg{width: 30px !important;height: 30px !important;}
.labright.labright-icons .productcontent h3{font-size: 14px !important;margin: 0 0 4px !important;}
.labright.labright-icons .productcontent p{font-size: 11.5px !important;line-height: 1.45 !important;}
/* New brown gradient for Soil Testing */
.labright.labright-icons .producticon-brown{background: linear-gradient(135deg, #92400e 0%, #d97706 100%) !important;box-shadow: 0 6px 18px rgba(146,64,14,0.30);}
.labright.labright-icons .productbox:hover .producticon-brown{box-shadow: 0 10px 26px rgba(146,64,14,0.45);}
/* New pink gradient for Chemistry */
.labright.labright-icons .producticon-pink{background: linear-gradient(135deg, #db2777 0%, #f472b6 100%) !important;box-shadow: 0 6px 18px rgba(219,39,119,0.25);}
.labright.labright-icons .productbox:hover .producticon-pink{box-shadow: 0 10px 26px rgba(219,39,119,0.40);}
/* Responsive: 2 cols at tablet, 1 col at mobile */
@media (max-width:1100px){
.labright.labright-icons > ul > li{width: 50% !important;}
}
@media (max-width:600px){
.labright.labright-icons > ul > li{width: 100% !important;}
}
/* ============================================================
LAB SECTION — UNIFIED 10-CARD GRID (4 per row)
All cards equal-sized in single grid, no left/right split
============================================================ */
/* The new container — full-width grid */
.labsec.labsec-grid{display: block !important;}
.labsec.labsec-grid .labsec-cards{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;list-style: none;margin: 0;padding: 0;}
.labsec.labsec-grid .labsec-cards > li{list-style: none;margin: 0;padding: 0;width: auto;}
.labsec.labsec-grid .labsec-cards > li:before{display: none;}
/* Cards — match the existing icon-card style */
.labsec.labsec-grid .productbox{background: #fff;border-radius: 12px;box-shadow: 0 6px 22px rgba(15,30,80,0.07);transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;height: 100%;border: 1px solid #eef2f9;position: relative;display: flex;flex-direction: column;}
.labsec.labsec-grid .productbox:hover{transform: translateY(-6px);box-shadow: 0 18px 42px rgba(15,30,80,0.15);border-color: rgba(25,72,209,0.20);}
.labsec.labsec-grid .productlink{display: flex !important;flex-direction: column !important;align-items: center !important;text-align: center !important;gap: 12px !important;padding: 22px 14px 18px !important;text-decoration: none;color: inherit;height: 100%;}
/* Icon */
.labsec.labsec-grid .producticon{width: 60px;height: 60px;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;border-radius: 13px;color: #fff;transition: transform 0.4s ease, box-shadow 0.4s ease;position: relative;overflow: hidden;}
.labsec.labsec-grid .producticon svg{width: 32px;height: 32px;position: relative;z-index: 2;}
.labsec.labsec-grid .productbox:hover .producticon{transform: rotate(-6deg) scale(1.05);}
/* Content */
.labsec.labsec-grid .productcontent{flex: 1 0 auto;width: 100%;}
.labsec.labsec-grid .productcontent h3{font-size: 14.5px;font-weight: 700;margin: 0 0 6px;line-height: 1.3;color: #0e1f4d;}
.labsec.labsec-grid .productcontent p{display: block;font-size: 12px;line-height: 1.5;color: #64748b;margin: 0;}
.labsec.labsec-grid .productbox:hover .productcontent h3{color: #1948d1;}
/* Color variants for icons */
.labsec.labsec-grid .producticon-blue{background: linear-gradient(135deg, #1948d1 0%, #4a7df5 100%);box-shadow: 0 6px 18px rgba(25,72,209,0.25);}
.labsec.labsec-grid .producticon-indigo{background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%);box-shadow: 0 6px 18px rgba(67,56,202,0.25);}
.labsec.labsec-grid .producticon-cyan{background: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%);box-shadow: 0 6px 18px rgba(8,145,178,0.25);}
.labsec.labsec-grid .producticon-green{background: linear-gradient(135deg, #2aad5f 0%, #5ed092 100%);box-shadow: 0 6px 18px rgba(42,173,95,0.25);}
.labsec.labsec-grid .producticon-amber{background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);box-shadow: 0 6px 18px rgba(245,158,11,0.30);}
.labsec.labsec-grid .producticon-red{background: linear-gradient(135deg, #e74c3c 0%, #f08577 100%);box-shadow: 0 6px 18px rgba(231,76,60,0.25);}
.labsec.labsec-grid .producticon-teal{background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);box-shadow: 0 6px 18px rgba(14,165,233,0.25);}
.labsec.labsec-grid .producticon-purple{background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);box-shadow: 0 6px 18px rgba(124,58,237,0.25);}
.labsec.labsec-grid .producticon-pink{background: linear-gradient(135deg, #db2777 0%, #f472b6 100%);box-shadow: 0 6px 18px rgba(219,39,119,0.25);}
.labsec.labsec-grid .producticon-brown{background: linear-gradient(135deg, #92400e 0%, #d97706 100%);box-shadow: 0 6px 18px rgba(146,64,14,0.30);}
/* LISTCARD variant — for the first 2 cards (School Lab Equipments, Technical Training) */
.labsec.labsec-grid .listcard .listcard-items{list-style: none;margin: 4px 0 0;padding: 0;text-align: left;display: inline-block;}
.labsec.labsec-grid .listcard .listcard-items li{font-size: 12.5px;line-height: 1.55;color: #475569;padding: 4px 0 4px 18px;position: relative;border: none;background: none;}
.labsec.labsec-grid .listcard .listcard-items li:before{content: "";position: absolute;left: 0;top: 9px;width: 6px;height: 6px;border-radius: 50%;background: #2aad5f;}
/* Different accent dots for the 2 listcards */
.labsec.labsec-grid .listcard-blue .listcard-items li:before{background: #1948d1;}
.labsec.labsec-grid .listcard-indigo .listcard-items li:before{background: #4338ca;}
/* Responsive */
@media (max-width:1100px){
.labsec.labsec-grid .labsec-cards{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:800px){
.labsec.labsec-grid .labsec-cards{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:500px){
.labsec.labsec-grid .labsec-cards{grid-template-columns: 1fr;}
.labsec.labsec-grid .productlink{padding: 20px 14px 16px !important;}
}
/* ============================================================
LAB SECTION — REFERENCE DESIGN (matches electricalelectronicsindia.com)
Section header + light gray cards with centered icons & graduation cap watermark
============================================================ */
/* Section background — clean white */
.labsecbg{background: #ffffff !important;}
/* Section header */
.labsec-header{text-align: center;max-width: 920px;margin: 0 auto 40px;padding: 0 15px;}
.labsec-title{font-size: 38px;line-height: 1.25;font-weight: 800;color: #0e2353;margin: 0 0 22px;letter-spacing: -0.5px;}
.labsec-title .hl{display: inline-block;background: linear-gradient(transparent 55%, #fde08a 55%);color: #f59e0b;padding: 0 6px;font-weight: 800;}
.labsec-subtitle{font-size: 16px;line-height: 1.7;color: #64748b;margin: 0 auto;max-width: 780px;font-weight: 400;}
.labsec-subtitle strong{color: #1f2c4a;font-weight: 700;}
/* OVERRIDE: Card backgrounds become light gray (matches reference) */
.labsec.labsec-grid .productbox{background: #f5f7fb !important;border: none !important;border-radius: 14px !important;box-shadow: none !important;padding: 0;position: relative;overflow: hidden;}
.labsec.labsec-grid .productbox:hover{transform: translateY(-4px) !important;box-shadow: 0 12px 32px rgba(15,30,80,0.10) !important;background: #fff !important;}
/* Graduation-cap watermark in top-left of each card */
.labsec.labsec-grid .productbox:before{content: "";position: absolute;top: 14px;left: 14px;width: 22px;height: 22px;background-image: url("data:image/svg+xml;utf8,");background-repeat: no-repeat;background-size: contain;opacity: 0.65;z-index: 2;display: block;}
/* Icon — bigger, more prominent, matching reference proportions */
.labsec.labsec-grid .productlink{padding: 32px 22px 28px !important;gap: 18px !important;}
.labsec.labsec-grid .producticon{width: 70px !important;height: 70px !important;border-radius: 16px !important;box-shadow: 0 8px 22px rgba(15,30,80,0.12) !important;}
.labsec.labsec-grid .producticon svg{width: 36px !important;height: 36px !important;}
/* Title — large, bold, dark blue, centered */
.labsec.labsec-grid .productcontent h3{font-size: 17px !important;font-weight: 800 !important;color: #0e2353 !important;margin: 0 0 12px !important;line-height: 1.3;letter-spacing: -0.2px;}
.labsec.labsec-grid .productbox:hover .productcontent h3{color: #1948d1 !important;}
/* Description text — centered, gray, generous line-height */
.labsec.labsec-grid .productcontent p{font-size: 13.5px !important;line-height: 1.65 !important;color: #64748b !important;margin: 0 !important;text-align: center !important;}
/* List card items — centered text, neat dot bullets, more breathing room */
.labsec.labsec-grid .listcard .listcard-items{text-align: center !important;margin: 0 !important;padding: 0;display: block !important;}
.labsec.labsec-grid .listcard .listcard-items li{font-size: 13.5px !important;line-height: 1.65 !important;color: #64748b !important;padding: 4px 0 !important;text-align: center;display: block;}
.labsec.labsec-grid .listcard .listcard-items li:before{display: none !important;}
/* Responsive */
@media (max-width:991px){
.labsec-title{font-size: 28px;}
.labsec-subtitle{font-size: 15px;}
.labsec.labsec-grid .productlink{padding: 26px 18px 22px !important;gap: 14px !important;}
.labsec.labsec-grid .producticon{width: 62px !important;height: 62px !important;}
.labsec.labsec-grid .producticon svg{width: 32px !important;height: 32px !important;}
.labsec.labsec-grid .productcontent h3{font-size: 16px !important;}
}
@media (max-width:600px){
.labsec-title{font-size: 22px;}
.labsec-subtitle{font-size: 14px;}
.labsec-header{margin-bottom: 30px;}
}
/* ============================================================
WIDE CARD — School Lab Equipments spans 2 grid columns
Last 2 cards (Chemistry, Soil Testing) shift naturally to row 3
============================================================ */
.labsec.labsec-grid .labsec-cards > li.card-wide{grid-column: span 2;}
/* Wide card uses horizontal layout: icon left, content right (better use of double width) */
.labsec.labsec-grid .card-wide .productlink{flex-direction: row !important;align-items: center !important;text-align: left !important;gap: 26px !important;padding: 36px 30px !important;}
.labsec.labsec-grid .card-wide .producticon{width: 84px !important;height: 84px !important;border-radius: 18px !important;flex-shrink: 0;}
.labsec.labsec-grid .card-wide .producticon svg{width: 44px !important;height: 44px !important;}
.labsec.labsec-grid .card-wide .productcontent{text-align: left !important;flex: 1;}
.labsec.labsec-grid .card-wide .productcontent h3{font-size: 22px !important;text-align: left !important;margin-bottom: 14px !important;}
/* Wide card list items — 2-column layout for the bullet items so they fit nicely */
.labsec.labsec-grid .card-wide .listcard-items{text-align: left !important;display: grid !important;grid-template-columns: repeat(2, 1fr) !important;gap: 4px 20px !important;}
.labsec.labsec-grid .card-wide .listcard-items li{font-size: 14px !important;text-align: left !important;padding: 4px 0 4px 18px !important;position: relative !important;}
.labsec.labsec-grid .card-wide .listcard-items li:before{content: "" !important;display: block !important;position: absolute !important;left: 0 !important;top: 11px !important;width: 6px !important;height: 6px !important;border-radius: 50% !important;background: #1948d1 !important;}
/* Watermark cap stays in top-left */
.labsec.labsec-grid .card-wide .productbox:before{top: 18px !important;left: 18px !important;width: 26px !important;height: 26px !important;}
/* Responsive — collapse wide card to full row on smaller screens */
@media (max-width:1100px){
.labsec.labsec-grid .labsec-cards > li.card-wide{grid-column: span 2;}
}
@media (max-width:800px){
.labsec.labsec-grid .labsec-cards > li.card-wide{grid-column: span 2;}
.labsec.labsec-grid .card-wide .productcontent h3{font-size: 18px !important;}
.labsec.labsec-grid .card-wide .productlink{padding: 26px 22px !important;gap: 18px !important;}
.labsec.labsec-grid .card-wide .producticon{width: 70px !important;height: 70px !important;}
.labsec.labsec-grid .card-wide .producticon svg{width: 36px !important;height: 36px !important;}
}
@media (max-width:500px){
.labsec.labsec-grid .labsec-cards > li.card-wide{grid-column: span 1;}
.labsec.labsec-grid .card-wide .productlink{flex-direction: column !important;text-align: center !important;}
.labsec.labsec-grid .card-wide .productcontent,
.labsec.labsec-grid .card-wide .productcontent h3{text-align: center !important;}
.labsec.labsec-grid .card-wide .listcard-items{grid-template-columns: 1fr !important;text-align: center !important;}
.labsec.labsec-grid .card-wide .listcard-items li{text-align: center !important;padding-left: 0 !important;}
.labsec.labsec-grid .card-wide .listcard-items li:before{display: none !important;}
}
/* ============================================================
WIDE CARD V2 — icon on top, centered, matching other cards
============================================================ */
/* Vertical layout: icon centered at top, content below */
.labsec.labsec-grid .card-wide .productlink{flex-direction: column !important;align-items: center !important;text-align: center !important;gap: 18px !important;padding: 32px 30px 28px !important;}
/* Icon — centered at top, similar size to other cards (slightly bigger to feel proportional) */
.labsec.labsec-grid .card-wide .producticon{width: 70px !important;height: 70px !important;border-radius: 16px !important;margin: 0 auto !important;}
.labsec.labsec-grid .card-wide .producticon svg{width: 36px !important;height: 36px !important;}
/* Content centered — title and list both center */
.labsec.labsec-grid .card-wide .productcontent{text-align: center !important;flex: 0 0 auto;width: 100%;}
.labsec.labsec-grid .card-wide .productcontent h3{font-size: 18px !important;text-align: center !important;margin: 0 0 14px !important;}
/* Bullet list keeps 2 columns to make use of the wide space, but text is left-aligned within each column for readability */
.labsec.labsec-grid .card-wide .listcard-items{display: grid !important;grid-template-columns: repeat(2, max-content) !important;justify-content: center !important;gap: 4px 36px !important;text-align: left !important;}
.labsec.labsec-grid .card-wide .listcard-items li{font-size: 14px !important;text-align: left !important;padding: 4px 0 4px 18px !important;position: relative !important;}
.labsec.labsec-grid .card-wide .listcard-items li:before{content: "" !important;display: block !important;position: absolute !important;left: 0 !important;top: 11px !important;width: 6px !important;height: 6px !important;border-radius: 50% !important;background: #1948d1 !important;}
/* Watermark cap */
.labsec.labsec-grid .card-wide .productbox:before{top: 14px !important;left: 14px !important;width: 22px !important;height: 22px !important;}
/* Mobile — single column list */
@media (max-width:600px){
.labsec.labsec-grid .card-wide .listcard-items{grid-template-columns: max-content !important;}
}
@media (max-width:500px){
.labsec.labsec-grid .card-wide .listcard-items li{text-align: left !important;padding-left: 18px !important;}
.labsec.labsec-grid .card-wide .listcard-items li:before{display: block !important;}
}
/* Wide card — when content is a paragraph (not a list), make it look natural */
.labsec.labsec-grid .card-wide .productcontent p{font-size: 14px !important;line-height: 1.7 !important;color: #64748b !important;margin: 0 !important;text-align: center !important;max-width: 480px;margin-left: auto !important;margin-right: auto !important;}
/* Robotics card — slate/tech gray gradient */
.labsec.labsec-grid .producticon-slate{background: linear-gradient(135deg, #475569 0%, #64748b 100%) !important;box-shadow: 0 6px 18px rgba(71,85,105,0.30) !important;}
/* Robotics card — black icon */
.labsec.labsec-grid .producticon-slate{background: linear-gradient(135deg, #1f2937 0%, #374151 100%) !important;box-shadow: 0 6px 18px rgba(15,23,42,0.35) !important;}
/* School Lab Kits — fresh lime green (distinct from green/teal/sky already in use) */
.labsec.labsec-grid .producticon-lime{background: linear-gradient(135deg, #65a30d 0%, #a3e635 100%) !important;box-shadow: 0 6px 18px rgba(101,163,13,0.30) !important;}
/* ============================================================
HERO CARD REDESIGN — school-seo-sec inner card polish
Fixes: image fills column, both buttons styled, eyebrow + heading,
better badge placement, accent corner, decorative gradient overlay
============================================================ */
/* The outer card — bigger shadow, smoother corners */
.school-seo-sec .school-seo-inner{border-radius: 20px !important;box-shadow: 0 20px 60px rgba(15,30,80,0.10), 0 4px 12px rgba(15,30,80,0.04) !important;overflow: hidden;border: 1px solid rgba(25,72,209,0.06);}
/* IMAGE COLUMN — proper full-height fill with gradient overlay & corner accent */
.school-seo-sec .school-seo-img{position: relative;width: 42% !important;min-height: auto !important;align-self: stretch;background: linear-gradient(135deg, #1948d1 0%, #2554d4 100%);overflow: hidden;}
.school-seo-sec .school-seo-img img{position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;object-fit: cover !important;object-position: center 30%;display: block;}
/* Subtle dark gradient overlay at the bottom of image — makes badge readable, more polished */
.school-seo-sec .school-seo-img:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 45%;background: linear-gradient(to top, rgba(14, 35, 83, 0.55) 0%, rgba(14, 35, 83, 0.15) 50%, rgba(14, 35, 83, 0) 100%);pointer-events: none;z-index: 1;}
/* Decorative blue corner accent on top-right of image */
.school-seo-sec .school-seo-img:before{content: "";position: absolute;top: -40px;right: -40px;width: 120px;height: 120px;background: linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 70%);border-radius: 50%;z-index: 1;}
/* IMAGE BADGE — repositioned bottom-left, prominent over the dark overlay */
.school-seo-sec .school-seo-imgbadge{position: absolute !important;left: 22px !important;bottom: 22px !important;z-index: 3;background: rgba(255, 255, 255, 0.98) !important;padding: 14px 18px !important;border-radius: 12px !important;box-shadow: 0 10px 28px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.10) !important;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.4);}
.school-seo-sec .school-seo-imgbadge svg{width: 32px !important;height: 32px !important;}
.school-seo-sec .school-seo-imgbadge strong{font-size: 14.5px !important;color: #0e2353 !important;font-weight: 800 !important;letter-spacing: -0.1px;}
.school-seo-sec .school-seo-imgbadge span{font-size: 10.5px !important;letter-spacing: 0.7px !important;}
/* CONTENT COLUMN — better padding & rhythm */
.school-seo-sec .school-seo-content{width: 58% !important;padding: 50px 50px 44px !important;background: #fff;display: flex;flex-direction: column;}
/* Eyebrow — small uppercase tagline above heading */
.school-seo-sec .school-seo-content .seo-eyebrow{display: inline-flex;align-items: center;gap: 8px;font-size: 12px;font-weight: 700;color: #1948d1;text-transform: uppercase;letter-spacing: 1.4px;margin-bottom: 14px;padding: 6px 14px;background: rgba(25,72,209,0.08);border-radius: 30px;align-self: flex-start;}
.school-seo-sec .school-seo-content .seo-eyebrow:before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #2aad5f;display: inline-block;}
/* Section heading — strong, properly weighted */
.school-seo-sec .school-seo-content .seo-heading{font-size: 24px;font-weight: 800;color: #0e2353;margin: 0 0 22px;line-height: 1.25;letter-spacing: -0.4px;}
/* Paragraphs — more breathing room */
.school-seo-sec .school-seo-content p{font-size: 15.5px !important;line-height: 1.78 !important;color: #3a4256 !important;margin-bottom: 18px !important;}
.school-seo-sec .school-seo-content p:last-of-type{margin-bottom: 28px !important;}
/* Inline keyword links — slightly more refined underline */
.school-seo-sec .school-seo-content p a{color: #1948d1 !important;text-decoration: none !important;border-bottom: 1.5px dashed rgba(25,72,209,0.40) !important;padding-bottom: 1px;transition: color 0.25s, border-color 0.25s, background 0.25s;}
.school-seo-sec .school-seo-content p a:hover{color: #2aad5f !important;border-bottom-color: #2aad5f !important;background: rgba(42,173,95,0.06);}
/* CTA BUTTONS — both properly styled, left-aligned, with better spacing */
.school-seo-sec .school-seo-cta{display: flex !important;flex-wrap: wrap;gap: 12px !important;justify-content: flex-start !important;margin-top: auto;padding-top: 8px;border-top: 1px dashed #e2e8f0;}
.school-seo-sec .school-seo-cta .btn{display: inline-flex !important;align-items: center;gap: 8px;font-size: 14px !important;padding: 13px 26px !important;font-weight: 700 !important;letter-spacing: 0.3px;border-radius: 8px !important;text-decoration: none;transition: all 0.25s ease;}
/* Primary filled button — solid blue */
.school-seo-sec .school-seo-cta .btn:not(.btn-ghost){background: #1948d1 !important;color: #fff !important;border: 2px solid #1948d1 !important;box-shadow: 0 6px 18px rgba(25,72,209,0.25);}
.school-seo-sec .school-seo-cta .btn:not(.btn-ghost):hover{background: #143dac !important;border-color: #143dac !important;transform: translateY(-2px);box-shadow: 0 10px 26px rgba(25,72,209,0.35);}
.school-seo-sec .school-seo-cta .btn:not(.btn-ghost):after{content: "→";font-size: 16px;line-height: 1;margin-left: 2px;transition: transform 0.25s;}
.school-seo-sec .school-seo-cta .btn:not(.btn-ghost):hover:after{transform: translateX(3px);}
/* Ghost (outlined) button */
.school-seo-sec .school-seo-cta .btn-ghost{background: transparent !important;color: #1948d1 !important;border: 2px solid #1948d1 !important;}
.school-seo-sec .school-seo-cta .btn-ghost:hover{background: #1948d1 !important;color: #fff !important;transform: translateY(-2px);}
/* Responsive */
@media (max-width:991px){
.school-seo-sec .school-seo-img{width: 100% !important;min-height: 320px !important;}
.school-seo-sec .school-seo-img img{position: relative !important;height: 100% !important;}
.school-seo-sec .school-seo-content{width: 100% !important;padding: 36px 28px 32px !important;}
.school-seo-sec .school-seo-content .seo-heading{font-size: 20px;}
.school-seo-sec .school-seo-content p{font-size: 14.5px !important;}
}
@media (max-width:600px){
.school-seo-sec .school-seo-content{padding: 28px 22px 26px !important;}
.school-seo-sec .school-seo-content .seo-heading{font-size: 18px;}
.school-seo-sec .school-seo-content .seo-eyebrow{font-size: 11px;letter-spacing: 1px;}
.school-seo-sec .school-seo-cta{flex-direction: column;}
.school-seo-sec .school-seo-cta .btn{width: 100%;justify-content: center;}
.school-seo-sec .school-seo-imgbadge{left: 14px !important;bottom: 14px !important;padding: 10px 14px !important;}
}
/* ============================================================
HERO CARD V3 — image+stats stacked in left column
Removes the redundant heading inside content card
Fills empty space below image with a stats panel
============================================================ */
/* Left column wraps image + stats panel, stretches to match content height */
.school-seo-sec .school-seo-img-col{width: 42%;display: flex;flex-direction: column;align-self: stretch;background: #f8fafc;}
/* Image takes most of the column but not all — leaves room for stats below */
.school-seo-sec .school-seo-img-col .school-seo-img{width: 100% !important;flex: 0 0 auto;height: 360px;min-height: 0 !important;align-self: auto !important;}
/* Stats panel fills remaining space below image */
.school-seo-sec .school-seo-img-stats{flex: 1;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0;padding: 12px;background: #f8fafc;}
.school-seo-sec .img-stat{display: flex;align-items: center;gap: 12px;padding: 16px 14px;background: #fff;border-radius: 10px;margin: 6px;box-shadow: 0 2px 8px rgba(15,30,80,0.05);transition: transform 0.25s, box-shadow 0.25s;}
.school-seo-sec .img-stat:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(15,30,80,0.10);}
.school-seo-sec .img-stat svg{width: 28px;height: 28px;color: #1948d1;flex-shrink: 0;padding: 6px;background: rgba(25,72,209,0.10);border-radius: 8px;box-sizing: content-box;}
.school-seo-sec .img-stat:nth-child(2) svg{color: #2aad5f;background: rgba(42,173,95,0.10);}
.school-seo-sec .img-stat:nth-child(3) svg{color: #f59e0b;background: rgba(245,158,11,0.12);}
.school-seo-sec .img-stat:nth-child(4) svg{color: #e74c3c;background: rgba(231,76,60,0.10);}
.school-seo-sec .img-stat strong{display: block;font-size: 19px;font-weight: 800;color: #0e2353;line-height: 1;margin-bottom: 4px;letter-spacing: -0.3px;}
.school-seo-sec .img-stat span{display: block;font-size: 11.5px;color: #64748b;line-height: 1.3;letter-spacing: 0.2px;}
/* Override the prior school-seo-img rules that no longer apply */
.school-seo-sec .school-seo-img-col .school-seo-img{position: relative;}
/* Responsive */
@media (max-width:991px){
.school-seo-sec .school-seo-img-col{width: 100%;}
.school-seo-sec .school-seo-img-col .school-seo-img{height: 300px;}
.school-seo-sec .school-seo-img-stats{padding: 10px;}
}
@media (max-width:600px){
.school-seo-sec .school-seo-img-col .school-seo-img{height: 220px;}
.school-seo-sec .school-seo-img-stats{grid-template-columns: 1fr;padding: 8px;}
.school-seo-sec .img-stat{padding: 12px;margin: 4px;}
.school-seo-sec .img-stat strong{font-size: 17px;}
}
/* ============================================================
STATS PANEL V2 — icons centered on top, text 20% larger
============================================================ */
/* Vertical layout: icon centered above text */
.school-seo-sec .img-stat{flex-direction: column !important;align-items: center !important;text-align: center !important;gap: 10px !important;padding: 20px 14px !important;}
/* Icon centered, slightly larger to match new proportions */
.school-seo-sec .img-stat svg{width: 32px !important;height: 32px !important;padding: 8px !important;border-radius: 10px !important;margin: 0 auto;}
/* Text — 20% larger */
.school-seo-sec .img-stat strong{font-size: 23px !important;text-align: center !important;}
.school-seo-sec .img-stat span{font-size: 13.5px !important;text-align: center !important;}
@media (max-width:600px){
.school-seo-sec .img-stat{padding: 16px 10px !important;}
.school-seo-sec .img-stat strong{font-size: 20px !important;}
.school-seo-sec .img-stat span{font-size: 12.5px !important;}
}
/* ============================================================
STATS PANEL V3 — fill empty space, perfect alignment
============================================================ */
/* Image takes a fixed proportion (~50% of typical content height) */
.school-seo-sec .school-seo-img-col .school-seo-img{height: auto !important;flex: 0 0 auto !important;aspect-ratio: 4 / 3;max-height: 380px;}
/* Stats panel — stretch to fill remaining column height, distribute tiles evenly */
.school-seo-sec .school-seo-img-stats{flex: 1 1 auto !important;display: grid !important;grid-template-columns: repeat(2, 1fr) !important;grid-auto-rows: 1fr !important;align-content: stretch !important;align-items: stretch !important;gap: 10px !important;padding: 10px !important;}
/* Each tile now stretches to fill its grid cell — equal height regardless of content */
.school-seo-sec .img-stat{margin: 0 !important;padding: 18px 12px !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;text-align: center !important;gap: 8px !important;height: 100% !important;}
/* Tighter, more refined icon style */
.school-seo-sec .img-stat svg{width: 28px !important;height: 28px !important;padding: 8px !important;border-radius: 10px !important;margin: 0 auto !important;flex-shrink: 0;}
/* Text — balanced sizing, tight line-height for the number */
.school-seo-sec .img-stat strong{font-size: 22px !important;line-height: 1 !important;margin-bottom: 4px !important;letter-spacing: -0.3px;}
.school-seo-sec .img-stat span{font-size: 13px !important;line-height: 1.3 !important;font-weight: 500;}
/* On smaller screens — image keeps proportional, stats stack vertically */
@media (max-width:991px){
.school-seo-sec .school-seo-img-col .school-seo-img{aspect-ratio: 16 / 9;max-height: 320px;}
}
@media (max-width:600px){
.school-seo-sec .school-seo-img-col .school-seo-img{aspect-ratio: 16 / 10;max-height: 240px;}
.school-seo-sec .school-seo-img-stats{grid-template-columns: repeat(2, 1fr) !important;}
.school-seo-sec .img-stat{padding: 14px 8px !important;}
.school-seo-sec .img-stat strong{font-size: 19px !important;}
.school-seo-sec .img-stat span{font-size: 12px !important;}
}
/* ============================================================
PRODUCT DETAIL PAGE — full-page polish (scoped, CSS only)
Targets: .dtimg, .productdt, .btnsec, .descsec, .relatedsec
============================================================ */
/* --- Top product image card --- */
.dtimg{border:1px solid #e6ece6; border-radius:14px; padding:24px; background:var(--white); box-shadow:0 8px 30px rgba(15,30,80,0.06); text-align:center;}
.dtimg img{max-width:100%; height:auto; transition:transform .5s ease;}
.dtimg:hover img{transform:scale(1.03);}
/* --- Product title / code --- */
.productdt .heading{margin-bottom:18px;}
.productdt .code{display:inline-block; background:#eef3ff; color:var(--theme-color); font-weight:600; font-size:14px; padding:5px 14px; border-radius:20px; margin-top:8px;}
/* --- Product Description (short, above buttons) --- */
.productdt .specification{border-top:none; margin-top:24px; padding:20px 22px; background:#f7f9f7; border:1px solid #e6ece6; border-radius:12px; position:relative;}
.productdt .specification:after{display:none;}
.productdt .specification h2{position:static; font-size:16px; font-weight:600; color:var(--medium-black); margin:0 0 12px; padding-bottom:10px; border-bottom:2px solid var(--green); display:inline-block;}
.productdt .specification p{margin:0; color:var(--dark-grey); line-height:1.6;}
.productdt .specification .moreclick{display:inline-block; margin-top:12px; color:var(--theme-color); font-weight:600;}
/* --- Buy / action buttons --- */
.btnsec ul li:nth-child(1) a.addtocart,
.btnsec ul li:nth-child(2) a.enqbtn{box-shadow:0 6px 18px rgba(25,72,209,0.18); font-weight:600;}
.btnsec ul li:nth-child(2) a.enqbtn{box-shadow:0 6px 18px rgba(42,173,95,0.20);}
/* utility row (pdf / print / wishlist) grouped into a bar */
/* Separate PDF + Print utility buttons */
.btnsec ul li.pd-util-group{display:flex; gap:12px; margin-top:24px !important; padding:0 !important; border:0 !important; min-width:0 !important; width:100%; max-width:440px; float:none; clear:both;}
.btnsec ul li.pd-util-group .pd-util-btn{flex:1; display:flex; align-items:center; justify-content:center; gap:9px; background:#f4f9f5; border:1px solid #d5e8dc; border-radius:12px; color:var(--green); font-weight:600; font-size:15px; padding:14px 18px; text-align:center; transition:background .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;}
.btnsec ul li.pd-util-group .pd-util-btn i{font-size:17px; transition:transform .25s ease;}
.btnsec ul li.pd-util-group .pd-util-btn:hover,
.btnsec ul li.pd-util-group .pd-util-btn:hover span,
.btnsec ul li.pd-util-group .pd-util-btn:hover i{color:#fff !important;}
.btnsec ul li.pd-util-group .pd-util-btn:hover{background:var(--green); box-shadow:0 6px 16px rgba(42,173,95,0.22); transform:translateY(-2px);}
.btnsec ul li.pd-util-group .pd-util-btn:hover i{transform:translateY(-2px);}
/* Info bar under the product image */
.dtimg + .pd-info{display:flex; gap:14px; align-items:flex-start; background:#f4f9f5; border-left:4px solid var(--green); border-radius:0 10px 10px 0; padding:16px 20px; margin-top:20px;}
.dtimg + .pd-info .pd-info-ic{width:26px; height:26px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; margin-top:2px;}
.dtimg + .pd-info p{margin:0; color:var(--medium-black); line-height:1.5; font-size:15px;}
.dtimg + .pd-info p strong{color:#1d7a44;}
/* --- Tender / description section --- */
.descsec .container > h2.heading2{position:relative; padding-bottom:14px; margin-bottom:22px;}
.descsec .container > h2.heading2:after{content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; background:var(--green); border-radius:2px;}
/* bold sub-headings ("Specifications:", "Supplied Complete With:") become section titles
NOTE: only direct-child of the container are headings;
inside
must not get the bar */
.descsec .container > p > strong:only-child{display:inline-block; font-size:17px; color:var(--medium-black); margin:22px 0 4px; padding-left:14px; border-left:4px solid var(--theme-color); border-radius:0; line-height:1.2;}
/* remove heading styling from paragraphs nested inside list items */
.descsec .container ul li p{display:inline; margin:0; padding:0;}
.descsec .container ul li p > strong{display:inline; font-size:inherit; margin:0; padding:0; border:0; line-height:inherit;}
/* list cards with green check markers */
.descsec .container ul{background:var(--white); border:1px solid #e6ece6; border-radius:12px; padding:18px 22px 18px 22px !important; margin:6px 0 18px !important; list-style:none;}
.descsec .container ul li{position:relative; padding-left:26px !important; margin:0 0 9px !important; line-height:1.55;}
.descsec .container ul li:last-child{margin-bottom:0 !important;}
.descsec .container ul li:before{content:"\f00c"; font-family:"FontAwesome"; position:absolute; left:0; top:1px; color:var(--green); font-size:13px;}
.descsec .container ul li strong{color:var(--medium-black);}
/* intro paragraph emphasis */
.descsec .container p strong{color:var(--medium-black);}
/* --- Related products cards --- */
.relatedsec .relatetext > p{color:var(--dark-grey); max-width:1000px; margin-bottom:24px;}
/* equal-height cards across every row */
.relatedlist{align-items:stretch;}
.relatedlist > li{display:flex;}
.relatedlist .productbox{width:100%; border:1px solid #e6ece6; border-radius:12px; overflow:hidden; box-shadow:0 4px 16px rgba(15,30,80,0.05); transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; display:flex; flex-direction:column; padding:0;}
.relatedlist .productbox:hover{transform:translateY(-6px); box-shadow:0 16px 38px rgba(15,30,80,0.13); border-color:rgba(25,72,209,0.20);}
/* fixed image area so every card's image bottom lines up */
.relatedlist .productimg{padding:14px; background:#fff;}
.relatedlist .productimg a{height:170px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.relatedlist .productimg img{width:auto; max-width:100%; height:auto; max-height:100%; object-fit:contain;}
/* remove the decorative grey/blue bars on the title (they caused the stray-bar look) */
.relatedlist .productcontent h3:before,
.relatedlist .productcontent h3:after{display:none !important;}
/* title area: consistent, pushed to the bottom, 2-line clamp */
.relatedlist .productcontent{padding:0 16px 16px; margin-top:auto; border-top:1px solid #f0f2f0;}
.relatedlist .productcontent h3{height:auto; min-height:44px; padding-top:14px; margin:0; display:flex; align-items:flex-start;}
.relatedlist .productcontent h3 a{color:var(--dark-grey); font-size:15px; line-height:1.35; transition:color .25s ease; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.relatedlist .productbox:hover .productcontent h3 a{color:var(--theme-color);}
/* View Product button */
.relatedlist .productcontent .pd-view-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:12px; padding:10px 14px; background:#f4f9f5; border:1px solid #d5e8dc; border-radius:9px; color:var(--green); font-size:14px; font-weight:600; transition:background .25s ease, color .25s ease, box-shadow .25s ease;}
.relatedlist .productcontent .pd-view-btn i{font-size:12px; transition:transform .25s ease;}
.relatedlist .productcontent .pd-view-btn:hover{background:var(--green); color:#fff !important; box-shadow:0 6px 16px rgba(42,173,95,0.22);}
.relatedlist .productcontent .pd-view-btn:hover i{transform:translateX(3px);}
/* cards with NO image: clean centered placeholder, no floating bars */
.relatedlist .productbox:not(:has(.productimg)) .productcontent{margin-top:0; border-top:none; min-height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f7f9f7; text-align:center; padding:20px 16px;}
.relatedlist .productbox:not(:has(.productimg)) .productcontent h3{min-height:0; justify-content:center; text-align:center;}
.relatedlist .productbox:not(:has(.productimg)) .productcontent h3 a{-webkit-line-clamp:3;}
.relatedlist .productbox:not(:has(.productimg)) .productcontent .pd-view-btn{width:auto; padding:9px 20px;}
/* --- Mobile tuning for the polished sections --- */
@media (max-width:767px){
.dtimg{padding:16px; border-radius:12px;}
.productdt .code{font-size:13px;}
.descsec .container > p > strong:only-child{font-size:16px; margin-top:18px;}
.descsec .container ul{padding:15px 16px !important;}
}
/* ============================================================
PRODUCT DETAIL — badge/trust/info/CTA components (scoped)
============================================================ */
/* Badge pills above title */
.productdt .pd-badges{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px;}
.pd-badge{display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; padding:7px 16px; border-radius:22px; line-height:1;}
.pd-badge-green{background:#e9f6ee; color:#1d7a44; border:1px solid #c9e9d5;}
.pd-badge-blue{background:#eef3ff; color:var(--theme-color); border:1px solid #d4e0fb;}
/* Barcode-style product code chip */
.productdt .pd-code{display:inline-flex; align-items:center; gap:10px; background:#f7f9f7; border:1px solid #e6ece6; border-radius:12px; padding:12px 18px; margin-top:6px; font-size:15px;}
.pd-code i.fa-barcode{color:var(--green); font-size:20px;}
.pd-code-label{color:var(--dark-grey); font-weight:600;}
.pd-code-value{background:#e9f6ee; color:#1d7a44; font-family:monospace; font-weight:700; letter-spacing:1px; padding:5px 14px; border-radius:8px;}
/* Trust cards row */
.productdt .pd-trust{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0 4px;}
.pd-trust-card{display:flex; align-items:center; gap:12px; background:var(--white); border:1px solid #e6ece6; border-radius:12px; padding:14px 16px; transition:transform .25s ease, box-shadow .25s ease;}
.pd-trust-card:hover{transform:translateY(-3px); box-shadow:0 8px 22px rgba(15,30,80,0.08);}
.pd-trust-ic{width:42px; height:42px; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; flex-shrink:0;}
.pd-trust-ic-green{background:var(--green);}
.pd-trust-ic-blue{background:var(--theme-color);}
.pd-trust-txt{display:flex; flex-direction:column; line-height:1.25;}
.pd-trust-txt strong{font-size:15px; color:var(--medium-black);}
.pd-trust-txt small{font-size:12px; color:var(--dark-grey);}
/* Info callout bar */
.btnsec .pd-info{display:flex; gap:14px; align-items:flex-start; background:#f4f9f5; border-left:4px solid var(--green); border-radius:0 10px 10px 0; padding:16px 20px; margin-top:24px;}
.pd-info-ic{width:26px; height:26px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; margin-top:2px;}
.btnsec .pd-info p{margin:0; color:var(--medium-black); line-height:1.5; font-size:15px;}
.btnsec .pd-info p strong{color:#1d7a44;}
/* Bulk Order CTA banner */
.descsec .pd-cta{display:flex; align-items:center; justify-content:space-between; gap:30px; background:linear-gradient(135deg, #1948d1 0%, #1235a0 100%); border-radius:18px; padding:34px 40px; margin-top:40px;}
.pd-cta-left{flex:1;}
.pd-cta-badge{display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,0.18); color:#fff; font-size:13px; font-weight:600; padding:7px 16px; border-radius:22px; margin-bottom:14px;}
.descsec .pd-cta .pd-cta-title{color:#fff; font-size:28px; font-weight:700; margin:0 0 10px; line-height:1.15;}
.pd-cta-sub{color:rgba(255,255,255,0.88); font-size:15px; line-height:1.6; margin:0; max-width:640px;}
.pd-cta-btn{display:inline-flex; align-items:center; gap:10px; background:var(--green); color:#fff; font-size:16px; font-weight:600; padding:16px 30px; border-radius:30px; white-space:nowrap; transition:background .25s ease, transform .25s ease; flex-shrink:0;}
.pd-cta-btn:hover{background:#249152; color:#fff !important; transform:translateY(-2px);}
/* Responsive */
@media (max-width:991px){
.productdt .pd-trust{grid-template-columns:1fr; gap:10px;}
}
@media (max-width:767px){
.productdt .pd-badges{gap:8px;}
.pd-badge{font-size:12px; padding:6px 13px;}
.productdt .pd-code{width:100%; flex-wrap:wrap;}
.descsec .pd-cta{flex-direction:column; align-items:flex-start; padding:26px 22px; gap:20px;}
.descsec .pd-cta .pd-cta-title{font-size:22px;}
.pd-cta-btn{width:100%; justify-content:center;}
/* info bar under image: prevent right-edge cutoff */
.dtimg + .pd-info{padding:14px 16px; gap:10px; margin-top:16px;}
.dtimg + .pd-info p{font-size:14px; word-wrap:break-word; overflow-wrap:break-word;}
.productdt .pd-badges .pd-badge{white-space:normal;}
/* separate badges from the info bar above on mobile */
.productdt{margin-top:22px;}
/* util buttons: 2-up then full width */
.btnsec ul li.pd-util-group{flex-wrap:wrap;}
.btnsec ul li.pd-util-group .pd-util-btn{min-width:calc(50% - 6px); font-size:14px; padding:12px 12px;}
.productdt .specification{padding:16px 16px;}
}
@media (max-width:400px){
.btnsec ul li.pd-util-group .pd-util-btn{min-width:100%;}
}
/* =========================================================================
MOE TENDERS PAGE — FULL WIDTH REDESIGN (appended, does not affect others)
Scope: .moe-page | Added for moetenders.php
========================================================================= */
:root{
--moe-teal:#1a7f8e;
--moe-teal-dark:#12626f;
--moe-ink:#1c2b33;
--moe-body:#5b6b75;
--moe-line:#e3ebf0;
--moe-soft:#f2f8fa;
--moe-red:#e8543f;
--moe-amber:#f0a02a;
--moe-grn:#2aad5f;
}
.moe-page{padding:40px 0 60px;}
.moe-page .container{max-width:1200px; margin:0 auto; float:none; width:100%;}
.moe-page .container:after{content:""; display:block; clear:both;}
/* full width — left panel removed */
.moe-page .left-menu{display:none;}
.moe-page .fright,
.moe-page .col-md-9{width:100%; float:none;}
/* ---- shared heading system ---- */
.moe-eyebrow{display:block; text-align:center; color:var(--moe-teal); font-size:12px;
font-weight:600; letter-spacing:3px; text-transform:uppercase; margin-bottom:12px;}
.moe-h2{text-align:center; color:var(--moe-ink); font-size:36px; line-height:1.25;
font-weight:700; margin:0;}
.moe-h2 span{color:var(--moe-teal);}
.moe-h3{color:var(--moe-ink); font-size:26px; font-weight:700; margin:34px 0 14px; line-height:1.3;}
.moe-rule{width:80px; height:3px; background:var(--moe-teal); border-radius:3px; margin:16px auto 0;}
.moe-sub{text-align:center; max-width:760px; margin:18px auto 0; color:var(--moe-body); font-size:16px; line-height:1.7;}
.moe-head{margin-bottom:34px;}
/* ---- hero ---- */
.moe-hero{text-align:center; padding:20px 0 46px;}
.moe-lead{max-width:900px; margin:22px auto 0; color:var(--moe-body); font-size:16px; line-height:1.8;}
.moe-lead strong{color:var(--moe-ink);}
/* ---- blocks & bands ---- */
.moe-block{margin:0 0 56px;}
.moe-band{background:var(--moe-soft); border:1px solid var(--moe-line);
border-radius:16px; padding:44px 34px;}
/* ---- grids ---- */
.moe-grid{display:grid; gap:20px;}
.moe-grid-4{grid-template-columns:repeat(4,1fr);}
.moe-grid-3{grid-template-columns:repeat(3,1fr);}
/* ---- feature / step cards ---- */
.moe-card{background:var(--white); border:1px solid var(--moe-line); border-radius:14px;
padding:28px 22px; text-align:center; transition:.28s ease;}
.moe-card:hover{transform:translateY(-6px); box-shadow:0 14px 32px rgba(26,127,142,.14);
border-color:#bfdde3;}
.moe-card-hi{border-color:var(--moe-teal); box-shadow:0 10px 26px rgba(26,127,142,.12);}
.moe-card h3{font-size:17px; color:var(--moe-ink); font-weight:700; margin:16px 0 8px;}
.moe-card p{font-size:14px; color:var(--moe-body); line-height:1.65; margin:0;}
.moe-ico{width:56px; height:56px; border-radius:14px; margin:0 auto;
display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--white);}
.moe-ico-blue{background:var(--moe-teal);}
.moe-ico-red{background:var(--moe-red);}
.moe-ico-amber{background:var(--moe-amber);}
.moe-ico-green{background:var(--moe-grn);}
/* ---- why-choose checklist ---- */
.moe-checks{list-style:none; margin:0; padding:0; display:grid;
grid-template-columns:repeat(2,1fr); gap:14px;}
.moe-checks li{background:var(--white); border:1px solid var(--moe-line); border-left:4px solid var(--moe-grn);
border-radius:10px; padding:16px 18px; font-size:15px; color:var(--moe-body); line-height:1.65;}
.moe-checks li strong{color:var(--moe-ink);}
/* ---- scope pills ---- */
.moe-scope .moe-pill{background:var(--white); border:1px solid var(--moe-line);
border-left:4px solid var(--moe-teal); border-radius:10px; padding:16px 18px;
font-size:15px; font-weight:600; color:var(--moe-ink); display:flex; align-items:center;
gap:12px; transition:.25s ease;}
.moe-scope .moe-pill:hover{border-left-color:var(--moe-grn); box-shadow:0 8px 20px rgba(0,0,0,.07);}
.moe-scope .moe-pill i{font-style:normal; font-size:18px; color:var(--moe-teal);}
/* ---- equipment list cards ---- */
.moe-listcard{background:var(--white); border:1px solid var(--moe-line); border-radius:14px;
padding:26px 26px; margin-bottom:18px; border-top:4px solid var(--moe-teal);}
.moe-listcard h3{font-size:19px; color:var(--moe-teal); font-weight:700; margin:0 0 10px;}
.moe-listcard p{font-size:15px; color:var(--moe-body); line-height:1.85; margin:0;}
/* ---- regions / flags ---- */
.moe-region{font-size:19px; font-weight:700; color:var(--moe-ink); margin:30px 0 14px;
padding-bottom:10px; border-bottom:1px solid var(--moe-line); display:flex; align-items:center; gap:8px;}
.moe-pin{color:var(--moe-teal);}
.moe-flags{display:flex; flex-wrap:wrap; gap:10px;}
.moe-flags span{background:var(--white); border:1px solid var(--moe-line); border-radius:30px;
padding:8px 16px; font-size:14px; font-weight:600; color:var(--moe-ink); transition:.22s ease;}
.moe-flags span:hover{border-color:var(--moe-teal); color:var(--moe-teal); transform:translateY(-2px);}
.moe-note{margin-top:22px; font-size:14px; color:var(--moe-body); line-height:1.7; text-align:center;}
/* ---- FAQ accordion ---- */
.moe-faq details{background:var(--white); border:1px solid var(--moe-line); border-radius:12px;
margin-bottom:12px; overflow:hidden;}
.moe-faq summary{cursor:pointer; list-style:none; padding:18px 46px 18px 22px; position:relative;
font-size:16px; font-weight:600; color:var(--moe-ink);}
.moe-faq summary::-webkit-details-marker{display:none;}
.moe-faq summary:after{content:"\002B"; position:absolute; right:20px; top:50%;
transform:translateY(-50%); font-size:22px; font-weight:400; color:var(--moe-teal); line-height:1;}
.moe-faq details[open] summary:after{content:"\2212";}
.moe-faq details[open] summary{background:#eef7f9; color:var(--moe-teal);}
.moe-faq details p{padding:16px 22px 20px; margin:0; font-size:15px; color:var(--moe-body); line-height:1.8;}
/* ---- long-form article ---- */
.moe-article p{font-size:15.5px; color:var(--moe-body); line-height:1.9; margin:0 0 18px;}
.moe-article p strong{color:var(--moe-ink);}
.moe-bullets{margin:0 0 20px 20px; padding:0;}
.moe-bullets li{font-size:15.5px; color:var(--moe-body); line-height:1.85; margin-bottom:8px;}
.moe-bullets li strong{color:var(--moe-ink);}
/* ---- contact card ---- */
.moe-contact-card{display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch;
background:var(--white); border:1px solid var(--moe-line); border-radius:14px;
overflow:hidden; margin:0 0 26px;}
.moe-contact-info{padding:26px;}
.moe-contact-img{min-height:220px; overflow:hidden;}
.moe-contact-img img{width:100%; height:100%; object-fit:cover; display:block;}
/* ---- CTA ---- */
.moe-cta{background:linear-gradient(135deg,var(--moe-teal) 0%,var(--moe-teal-dark) 100%);
border-radius:18px; padding:46px 40px; display:grid; grid-template-columns:1fr 1fr;
gap:36px; align-items:center; color:var(--white);}
.moe-cta-eyebrow{display:block; font-size:12px; letter-spacing:2.5px; text-transform:uppercase;
opacity:.85; margin-bottom:14px;}
.moe-cta h2{color:var(--white); font-size:32px; font-weight:700; margin:0 0 14px; line-height:1.3;}
.moe-cta-left p{font-size:15px; line-height:1.75; opacity:.92; margin:0;}
.moe-cta-left p strong{color:var(--white);}
.moe-cta-right{display:flex; flex-direction:column; gap:12px;}
.moe-cta-btn{display:flex; align-items:center; gap:14px; background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.25); border-radius:12px; padding:14px 18px;
color:var(--white); transition:.25s ease;}
.moe-cta-btn:hover{background:rgba(255,255,255,.22); color:var(--white); transform:translateX(4px);}
.moe-cta-ico{width:40px; height:40px; border-radius:10px; background:rgba(255,255,255,.18);
display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0;}
.moe-cta-txt{display:flex; flex-direction:column; line-height:1.4;}
.moe-cta-txt small{font-size:11px; letter-spacing:1.2px; text-transform:uppercase; opacity:.8;}
.moe-cta-txt strong{font-size:16px; font-weight:700;}
/* ---- responsive ---- */
@media (max-width:1024px){
.moe-grid-4{grid-template-columns:repeat(2,1fr);}
.moe-grid-3{grid-template-columns:repeat(2,1fr);}
.moe-h2{font-size:30px;}
.moe-cta{grid-template-columns:1fr; padding:36px 26px;}
.moe-cta h2{font-size:27px;}
}
@media (max-width:767px){
.moe-page{padding:26px 0 40px;}
.moe-grid-4,.moe-grid-3{grid-template-columns:1fr;}
.moe-checks{grid-template-columns:1fr;}
.moe-h2{font-size:24px;}
.moe-h3{font-size:21px;}
.moe-hero{padding:10px 0 32px;}
.moe-lead{font-size:15px;}
.moe-band{padding:30px 18px; border-radius:12px;}
.moe-block{margin-bottom:38px;}
.moe-listcard{padding:20px 18px;}
.moe-contact-card{grid-template-columns:1fr;}
.moe-contact-img{min-height:200px;}
.moe-flags span{font-size:13px; padding:7px 13px;}
.moe-region{font-size:17px;}
.moe-faq summary{font-size:15px; padding:15px 40px 15px 16px;}
.moe-cta{padding:28px 20px; border-radius:14px;}
.moe-cta h2{font-size:23px;}
.moe-cta-txt strong{font-size:14px; word-break:break-word;}
}
/* =========================================================================
MOE TENDERS — ARTICLE / SUPPLY CHAIN / CTA REDESIGN (v2 append)
========================================================================= */
/* ---- trust stats strip ---- */
.moe-stats{display:grid; grid-template-columns:repeat(5,1fr); gap:0;
background:linear-gradient(135deg,var(--moe-teal) 0%,var(--moe-teal-dark) 100%);
border-radius:16px; padding:30px 20px; margin:0 0 56px; text-align:center;}
.moe-stat{padding:6px 10px; border-right:1px solid rgba(255,255,255,.18);}
.moe-stat:last-child{border-right:none;}
.moe-stat b{display:block; font-size:32px; font-weight:700; color:var(--white); line-height:1.1;}
.moe-stat span{display:block; margin-top:6px; font-size:12.5px; letter-spacing:.6px;
text-transform:uppercase; color:rgba(255,255,255,.85);}
/* ---- article typography ---- */
.moe-article{background:var(--white); border:1px solid var(--moe-line);
border-radius:16px; padding:46px 44px;}
.moe-intro-p{font-size:16.5px !important; line-height:1.95 !important; color:#4a5a64 !important;}
.moe-article h4{font-size:16.5px; color:var(--moe-ink); font-weight:700; margin:0 0 10px; line-height:1.4;}
/* drop-cap lede */
.moe-lede{font-size:16.5px; line-height:1.95; color:#4a5a64; background:var(--moe-soft);
border:1px solid var(--moe-line); border-radius:14px; padding:26px 28px; margin:0 0 26px;}
.moe-lede strong{color:var(--moe-ink);}
/* pull-quote callout */
.moe-quote{position:relative; background:linear-gradient(135deg,#f2f8fa 0%,#e8f4f6 100%);
border-left:5px solid var(--moe-teal); border-radius:0 14px 14px 0;
padding:26px 30px 26px 34px; margin:30px 0; font-size:16px; line-height:1.9; color:#3d4d57;}
.moe-quote strong{color:var(--moe-teal-dark);}
.moe-quote:before{content:"\201C"; position:absolute; top:2px; right:20px; font-size:70px;
line-height:1; color:var(--moe-teal); opacity:.16; font-family:Georgia,serif;}
/* category cards */
.moe-catgrid{margin:24px 0 8px;}
.moe-catcard{background:var(--white); border:1px solid var(--moe-line); border-radius:14px;
padding:24px 20px; text-align:center; transition:.28s ease;}
.moe-catcard:hover{transform:translateY(-6px); border-color:#bfdde3;
box-shadow:0 14px 30px rgba(26,127,142,.13);}
.moe-catcard h4{margin:14px 0 8px; font-size:15.5px;}
.moe-catcard p{font-size:13.5px; color:var(--moe-body); line-height:1.6; margin:0;}
/* two-column capability grid */
.moe-two{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin:24px 0 8px;}
.moe-two-item{background:var(--moe-soft); border:1px solid var(--moe-line);
border-radius:14px; padding:24px 24px; transition:.28s ease;}
.moe-two-item:hover{background:var(--white); border-color:#bfdde3;
box-shadow:0 10px 26px rgba(26,127,142,.10);}
.moe-two-item h4{padding-left:14px; border-left:3px solid var(--moe-teal); line-height:1.3;}
.moe-two-item p{font-size:14.5px; color:var(--moe-body); line-height:1.85; margin:0;}
.moe-two-item p strong{color:var(--moe-ink);}
/* figure with caption */
.moe-figure{margin:32px 0; border-radius:16px; overflow:hidden;
border:1px solid var(--moe-line); background:var(--moe-soft);}
.moe-figure img{width:100%; height:auto; display:block;}
.moe-figure figcaption{padding:14px 20px; font-size:13.5px; color:var(--moe-body);
text-align:center; background:var(--white); border-top:1px solid var(--moe-line);}
/* ---- contact card (restyled) ---- */
.moe-contact-card{box-shadow:0 10px 30px rgba(26,127,142,.08);}
.moe-contact-info{padding:30px;}
.moe-contact-tag{display:inline-block; background:var(--moe-teal); color:var(--white);
font-size:11px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
padding:6px 14px; border-radius:30px; margin-bottom:20px;}
.moe-contact-list{list-style:none; margin:0; padding:0;}
.moe-contact-list li{display:flex; align-items:flex-start; gap:14px; padding:12px 0;
border-bottom:1px dashed var(--moe-line); font-size:15px; color:var(--moe-body); line-height:1.65;}
.moe-contact-list li:last-child{border-bottom:none;}
.moe-contact-list li i{font-style:normal; width:34px; height:34px; flex-shrink:0; border-radius:9px;
background:var(--moe-soft); color:var(--moe-teal); display:flex; align-items:center;
justify-content:center; font-size:15px;}
.moe-contact-list li a{color:var(--moe-teal); font-weight:600; word-break:break-word;}
.moe-contact-list li a:hover{color:var(--moe-grn);}
/* ---- country cloud ---- */
.moe-countries{max-width:1000px; margin:0 auto;}
.moe-countries summary{cursor:pointer; list-style:none; display:flex; align-items:center;
justify-content:center; gap:10px; background:var(--white); border:1px solid var(--moe-teal);
color:var(--moe-teal); border-radius:30px; padding:13px 28px; font-size:15px; font-weight:600;
width:max-content; margin:0 auto; transition:.25s ease;}
.moe-countries summary::-webkit-details-marker{display:none;}
.moe-countries summary:hover{background:var(--moe-teal); color:var(--white);}
.moe-countries summary i{font-style:normal; transition:.25s ease;}
.moe-countries[open] summary i{transform:rotate(180deg);}
.moe-cloud{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:26px;}
.moe-cloud span{background:var(--white); border:1px solid var(--moe-line); border-radius:6px;
padding:6px 12px; font-size:12.5px; color:var(--moe-body); transition:.2s ease;}
.moe-cloud span:hover{border-color:var(--moe-teal); color:var(--moe-teal); background:#f0f9fb;}
/* ---- CTA (fixed contrast + arrows) ---- */
.moe-cta{box-shadow:0 20px 50px rgba(18,98,111,.22);}
.moe-cta-eyebrow{color:rgba(255,255,255,.9) !important; font-weight:600;}
.moe-cta-trust{display:flex; flex-wrap:wrap; gap:16px; margin-top:22px;}
.moe-cta-trust span{font-size:13px; font-weight:600; color:var(--white); opacity:.92;}
.moe-cta-btn{position:relative; background:rgba(255,255,255,.14) !important;
border:1px solid rgba(255,255,255,.3) !important; color:var(--white) !important;
backdrop-filter:blur(4px);}
.moe-cta-btn *{color:var(--white) !important;}
.moe-cta-btn:hover{background:var(--white) !important; border-color:var(--white) !important;
transform:translateX(4px); box-shadow:0 10px 24px rgba(0,0,0,.16);}
.moe-cta-btn:hover *{color:var(--moe-teal-dark) !important;}
.moe-cta-btn:hover .moe-cta-ico{background:var(--moe-soft) !important;}
.moe-cta-ico{background:rgba(255,255,255,.22); transition:.25s ease;}
.moe-cta-arrow{margin-left:auto; font-size:17px; opacity:.7; transition:.25s ease;}
.moe-cta-btn:hover .moe-cta-arrow{opacity:1; transform:translateX(3px);}
.moe-cta-wa:hover{background:#25d366 !important; border-color:#25d366 !important;}
.moe-cta-wa:hover *{color:var(--white) !important;}
.moe-cta-wa:hover .moe-cta-ico{background:rgba(255,255,255,.25) !important;}
/* ---- responsive v2 ---- */
@media (max-width:1024px){
.moe-stats{grid-template-columns:repeat(3,1fr); gap:18px 0; padding:26px 16px;}
.moe-stat:nth-child(3){border-right:none;}
.moe-article{padding:34px 26px;}
.moe-catgrid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
.moe-stats{grid-template-columns:repeat(2,1fr); margin-bottom:38px;}
.moe-stat{border-right:none; border-bottom:1px solid rgba(255,255,255,.16); padding:12px 6px;}
.moe-stat:nth-last-child(-n+1){border-bottom:none;}
.moe-stat b{font-size:26px;}
.moe-stat span{font-size:11px;}
.moe-article{padding:24px 18px; border-radius:12px;}
.moe-intro-p{font-size:15px !important; line-height:1.85 !important;}
.moe-lede{padding:20px 18px; font-size:15px; line-height:1.85;}
.moe-quote{padding:20px 20px 20px 22px; font-size:15px; line-height:1.8; margin:24px 0;}
.moe-quote:before{font-size:52px; right:12px;}
.moe-two{grid-template-columns:1fr; gap:14px;}
.moe-two-item{padding:20px 18px;}
.moe-catgrid{grid-template-columns:1fr;}
.moe-contact-info{padding:22px 18px;}
.moe-contact-list li{font-size:14px; gap:11px;}
.moe-figure figcaption{font-size:12.5px; padding:12px 14px;}
.moe-countries summary{font-size:14px; padding:11px 20px; width:100%; justify-content:center;}
.moe-cloud span{font-size:11.5px; padding:5px 9px;}
.moe-cta-trust{gap:10px; margin-top:18px;}
.moe-cta-trust span{font-size:12px;}
.moe-cta-arrow{display:none;}
}
/* =========================================================================
MOE TENDERS — TESTING / ENGINEERING CATEGORY ACCORDIONS (v3 append)
========================================================================= */
.moe-cats{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; align-items:start;}
.moe-cat{background:var(--white); border:1px solid var(--moe-line); border-radius:14px;
overflow:hidden; transition:.28s ease;}
.moe-cat:hover{border-color:#bfdde3; box-shadow:0 12px 28px rgba(26,127,142,.10);}
.moe-cat[open]{border-color:var(--moe-teal); box-shadow:0 12px 30px rgba(26,127,142,.13);}
.moe-cat summary{cursor:pointer; list-style:none; display:flex; align-items:center; gap:14px;
padding:18px 20px; position:relative; transition:.22s ease;}
.moe-cat summary::-webkit-details-marker{display:none;}
.moe-cat summary:hover{background:#f6fbfc;}
.moe-cat[open] summary{background:#eef7f9; border-bottom:1px solid var(--moe-line);}
.moe-cat-ico{width:42px; height:42px; flex-shrink:0; border-radius:11px; background:var(--moe-soft);
color:var(--moe-teal); display:flex; align-items:center; justify-content:center;
font-size:19px; transition:.25s ease;}
.moe-cat[open] .moe-cat-ico{background:var(--moe-teal); color:var(--white);}
.moe-cat-name{flex:1; font-size:15.5px; font-weight:700; color:var(--moe-ink); line-height:1.35;}
.moe-cat[open] .moe-cat-name{color:var(--moe-teal-dark);}
.moe-cat-count{flex-shrink:0; font-size:11px; font-weight:700; letter-spacing:.5px;
text-transform:uppercase; color:var(--moe-teal); background:var(--moe-soft);
border:1px solid var(--moe-line); border-radius:20px; padding:4px 10px; margin-right:22px;}
.moe-cat summary:after{content:"\002B"; position:absolute; right:18px; top:50%;
transform:translateY(-50%); font-size:20px; color:var(--moe-teal); line-height:1;}
.moe-cat[open] summary:after{content:"\2212";}
.moe-cat-body{padding:20px;}
.moe-cat-body > p{font-size:14px; color:var(--moe-body); line-height:1.75; margin:0 0 16px;}
.moe-tags{display:flex; flex-wrap:wrap; gap:7px;}
.moe-tags span{background:var(--moe-soft); border:1px solid var(--moe-line); border-radius:6px;
padding:6px 11px; font-size:12.5px; color:var(--moe-body); line-height:1.3; transition:.2s ease;}
.moe-tags span:hover{background:var(--white); border-color:var(--moe-teal); color:var(--moe-teal);}
@media (max-width:1024px){
.moe-cats{grid-template-columns:1fr;}
}
@media (max-width:767px){
.moe-cat summary{padding:14px 14px; gap:11px;}
.moe-cat-ico{width:36px; height:36px; font-size:16px; border-radius:9px;}
.moe-cat-name{font-size:14px;}
.moe-cat-count{display:none;}
.moe-cat summary:after{right:14px; font-size:18px;}
.moe-cat-body{padding:16px 14px;}
.moe-cat-body > p{font-size:13.5px;}
.moe-tags span{font-size:11.5px; padding:5px 9px;}
}
/* =========================================================================
MOE TENDERS — INDUSTRIES SERVED STRIP (v4 append)
========================================================================= */
.moe-sub-lead{font-size:16.5px !important; color:#4a5a64 !important; line-height:1.85 !important;}
.moe-sub-lead strong{color:var(--moe-ink);}
.moe-inds{display:flex; flex-wrap:wrap; justify-content:center; gap:9px;
max-width:900px; margin:20px auto 8px;}
.moe-inds span{background:var(--white); border:1px solid var(--moe-line); border-radius:30px;
padding:8px 16px; font-size:13.5px; font-weight:600; color:var(--moe-ink); transition:.22s ease;}
.moe-inds span:hover{border-color:var(--moe-teal); color:var(--moe-teal);
background:#f0f9fb; transform:translateY(-2px);}
@media (max-width:767px){
.moe-sub-lead{font-size:15px !important; line-height:1.8 !important;}
.moe-inds{gap:7px; margin-top:16px;}
.moe-inds span{font-size:12px; padding:6px 12px;}
}