*{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; }
/*
<div class="icon3"></div>
<div class="icon1"></div>
<div class="icon2"></div>
<div class="icon4"></div>
<div class="location"></div>
<div class="arrow"></div>
<div class="mailb"></div>
<div class="phone"></div>
<div class="search"></div> 
<div class="pen"></div>
<div class="green-arrow"></div>
<div class="drop-arrow"></div>
<div class="lock"></div>

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

.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;}
.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);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; }



.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);} 
 

@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: nowrap; overflow: auto; margin: 0 -5px;}
.relatedlist > li {min-width: 220px; 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;}
.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;}