body{font-size:0.9rem;overflow-x:hidden !important;}
a{color: #028537;text-decoration:none;}
.title1{font-size:2.5rem;}
.title2{font-size:2rem;}
.title3{font-size:1.75rem;}
.title4{font-size:1.5rem;}
.title5{font-size:1.25em;}
.title6{font-size:1rem;}
.title7{font-size:0.8rem;}
.weight300{font-weight:300 !important}
.weight400{font-weight:400 !important}
.weight500{font-weight:500 !important}
.weight600{font-weight:600 !important}
.weight700{font-weight:700 !important}
.weight800{font-weight:800 !important}
.bg-theme{background: #178744 !important}
.bg-lightgrey{background:#dedede;}
.text-grey{color:#999;}
.text-theme{color:#178744;}
.top-header{background:#333;color:#fff;padding:5px;}
.top-search{    border-radius: 30px;    overflow: hidden;    background: #fff;    padding: 2px;width: 250px;border: 2px solid #178744;top: -5px !important;
    right: 5px !important;}
.top-search input{border: none !important;    box-shadow: none !important;font-size: 12px;width: 67% !important;    float: left;}
.top-search .btn{ border-radius: 30px !important;font-size: 12px; float:right;}
.top-logo{width:300px;}
#main-carousel .carousel-caption{left: 0;right:0;}
  .left-navbar .card-header > a:before {    float: right !important;    font-family: FontAwesome;     content: "\f106";   padding-right: 5px;font-size: 20px;
    line-height: 1;}
.left-navbar .card-header > a.collapsed:before {    float: right !important;      content: "\f107";font-size: 20px;
    line-height: 1;}
    .left-navbar .card-header{padding:0;border:none;background:none;}
    .left-navbar .card-header a{display:block;text-align:left;padding-right: 5px;    color: #fff;}
    .left-navbar .card{border: none;background: none;    color: #fff;}
    .left-navbar .card-body > ul.main-list > li:before{content:'\27A3';font-size: 20px;margin-right: 5px;}
  .left-navbar .card-body{padding-top:5px;}
    .left-navbar .card-body  ul.main-list{list-style:none;    padding-left: 10px;       background: #039d90;background:#178744}
    .left-navbar{margin-top: -270px;    z-index: 9999;    position: relative;    border-radius: 10px;    padding-top: 80px;background: #02786fdb;min-height: 730px; 
    background: rgba(31,178,90,.75);}
    
    .home-tabs  .tab-content{   border: 1px solid #ccc;}
.home-tabs  .nav.nav-tabs{  border: none;    color:#000;    background:#03897E;    border-radius:0;height: 50px;    background: #178744;}
.home-tabs   .nav-item,.home-tabs   .nav-item.active{  border: none;    color:#fff;    background:#03897E;    border-radius:0;    background: #178744;}
.home-tabs   .nav-item a{ padding: 15px 12px;    height: 50px;color: #fff;font-size: 13px;    border-radius: 0 !important;
    border: none !important;}
.home-tabs  .nav-item a:hover{background: transparent;border:none;color:#fff;}
.home-tabs   .nav-item a.active,.home-tabs  .nav-item a.active:hover,.home-tabs   .nav-item a.active:focus,.home-tabs   .nav-item a:focus
{     background: transparent;    border: none;   border-radius: 0;     position: relative;color:#fff;}
.home-tabs .nav-item a.active:after {  content: ""; position: absolute;    bottom: -34px;    left: 37%;  border: 15px solid transparent;
  border-top-color: #03622a ;z-index: 9;}
.home-tabs  .tab-content{  background: #fdfdfd;   border:none;    border-top: 4px solid #03622a;}
.menu-products .inner{border: 1px solid #178744;    padding: 15px 10px;    text-align: center;height: 284px;margin-left: 5px;}
.menu-products .inner img{width:100%;    margin: auto;height: 150px;
    object-fit: cover;}
.menu-products .owl-nav button span{    padding: 5px 7px;    color: #fff;    font-size: 20px;background: #178744;}
.numscroll-section{background:url(../images/banner-1.jpg); background-position: center;
    background-size: cover;    background-attachment: fixed;}
.numscroll-section .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:#178744bf;   }
.quick-links-section .content{background:#dedede;}
.gallery .thumb{position:relative;}
.gallery img{width:100%;height:300px;object-fit:cover}
.gallery .overlay img{width:30px;    height: auto;position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);}
.gallery .overlay{position:absolute;left:0;right:0;top:0;bottom:100%;background:#178744bf; opacity:0; transition:0.5s; }
.gallery .thumb:hover .overlay{bottom:0;opacity:1;}
footer{background:#2d3e50;color:#fff;}

.delay-1{  animation-delay: 1s;}
.delay-2{  animation-delay: 2s;}
.delay-3{  animation-delay: 3s;}
.delay-4{  animation-delay: 4s;}
.top-logo-1{width:150px;}
.top-logo-2{width:120px;}
.top-logo-3{width:110px;}
.project-enquiries {    border: 1px solid #ccc;    padding: 10px;    margin-bottom: 20px;}
.upcoming-events {    background: #eee;    border: 1px solid #ccc;    margin-bottom: 20px;}
.news img{width:100%;}

  .left-navbar-innerpages .card-header > a:before {    float: right !important;    font-family: FontAwesome;     content: "\f106";   padding-right: 5px;font-size: 20px;
    line-height: 1;}
.left-navbar-innerpages .card-header > a.collapsed:before {    float: right !important;      content: "\f107";font-size: 20px;
    line-height: 1;}
    .left-navbar-innerpages .card-header{padding:0;border:none;background:none;}
    .left-navbar-innerpages .card-header a{display:block;text-align:left;padding-right: 5px;    color: #fff;}
    .left-navbar-innerpages .card{border: none;background: none;    color: #fff;}
    .left-navbar-innerpages .card-body > ul.main-list > li:before{content:'\27A3';font-size: 20px;margin-right: 5px;}
  .left-navbar-innerpages .card-body{padding-top:5px;}
    .left-navbar-innerpages .card-body  ul.main-list{list-style:none;    padding-left: 10px;       background: #039d90;background:#03622a}
    .left-navbar-innerpages{   z-index: 9999;    position: relative;    border-radius: 10px;    padding-top: 10px;background: #02786fdb;min-height: 730px; 
    background: #178744;}
    .committee-members .inner{border: 1px solid #178744;    padding: 10px;margin-bottom: 20px;    height: 180px;}
    .committee-members .inner p:first-child {padding: 10px;    margin-bottom: 8px;    background: #e5e5e5;    font-weight: bold;}
    .inner-pages p.title4:before{display: block;    content: '';    width: 97%;    position: absolute;
    top: 16px;    border-bottom: 1px solid #04b74d;    z-index: 1;    left: 15px;}
    .inner-pages p.title4 > span{background:#fff;position:relative;z-index: 99;
    padding-right: 10px;    text-transform: uppercase;}
    .comp-top{}
    .grey-border{border:1px solid #ccc;padding:0 10px;}
    .comp-logo{width:140px;height:140px;object-fit:contain;border-radius:100%;    background: #fff;
    border: 2px solid #178744;padding: 5px;}
    .comp-top .navbar-nav li a{color: #fff;    background: #178744;    margin-right: 2px;    padding: 5px 20px !important;font-size: 15px;}
    .products .inner{border: 1px solid #178744;    padding: 15px 10px;    text-align: center;height: 305px;margin-left: 5px;background:#fff;}
.products .inner img{width:100%;    margin: auto;height: 150px;
    object-fit: cover;}
.products .owl-nav button span{    padding: 5px 7px;    color: #fff;    font-size: 20px;background: #178744;}
    .comp-gallery img{width:100%;}
    #comp-slider img{width:100%;height:300px;object-fit:cover}
    #mobile-menu{background: #178744;}
    .comp-top .comp-name{position:absolute;top:0;    width: 98%;    background: rgba(0,0,0,0.5);
    margin-top: 0 !important;    color: #fff;}
    #prod-details-carousel .carousel-indicators{            list-style: none;        }
      #prod-details-carousel  .carousel-indicators button, #prod-details-carousel  .carousel-indicators button.active{
 width: 70px;  height: 70px;background-color: #fff;position: relative;margin: 10px; }
#prod-details-carousel  .carousel-indicators img{position: absolute;width: 100%; height: 100%;top: 0; left: 0; border:2px solid #fff;object-fit: cover;}
        #prod-details-carousel .carousel-item img{width:100%;height:350px;object-fit:cover;}
        .gallery-page img{width:100%;height:200px;object-fit:cover;border: 1px solid #ccc;    padding: 2px;}
        .b2b-header .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.4);}
        .b2b-header p{position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    color: #fff;
    font-size: 3em;    text-align: center;    text-shadow: 2px 0 0#fff;}
        .b2b-page .left-img img{width:100%;height:350px;object-fit:cover;    height: 100%;}
        .b2b-page .left-img:before{background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 0%, rgba(22, 22, 22, 1) 61%, rgba(30, 30, 30, 1) 100%);
        content: "";    position: absolute;    top: 0;    width: 100%;    height: 100%;    opacity: .8;    right: 0;}
        .b2b-page .prods .inner{border:1px solid #ccc;    padding: 10px;margin-bottom:20px;border-top: 4px solid #178744;border-radius: 5px 5px 0 0;}
        .b2b-page .prods .inner ul{padding-left:15px;margin-bottom: 20px;    list-style: square;}
        .b2b-page .left-img .categories{position:absolute;bottom:20px;color: #fff;    left: 10px;    right: 10px;    font-weight: bold;}
        .b2b-page .left-img .categories ul{    list-style: square;}
        .b2b-page .comp-names p{    background: #d0ffd2;padding: 5px;    text-align: center;      font-weight: bold;}
        .b2b-page .comp-names .inner{border:1px solid #ccc;height: 280px;}
        .b2b-page .comp-names .inner ul{list-style:none;padding-left:10px;}
        .b2b-page .b2b-banners .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 0%, rgb(0 137 42 / 62%) 61%, rgb(0 115 57) 100%)}
        .b2b-page .b2b-banners p{position:absolute;bottom:20px;color: #fff;    left: 10px;    right: 10px;    font-weight: bold;}
        .b2b-brands-owl img{width:100%;height:120px;object-fit:contain;border:1px solid #ccc;padding: 10px;
    filter: grayscale(100%);}
    .b2b-brands-owl p{text-align:Center;border:1px solid #ccc;    padding: 40px 10px;height:125px;}
        .b2b-brands-owl .owl-nav button span{    padding: 5px 7px;    color: #fff;    font-size: 20px;background: #178744;}
        .b2b-search-left{border:1px solid #ccc;}
        .b2b-search-left .card,.b2b-search-left .card-header{border:none;}
        .b2b-search-left .card-header a{font-size:1em;}
         .b2b-search-left [data-bs-toggle="collapse"] .fa:before {    content: "\f106";}
.b2b-search-left [data-bs-toggle="collapse"].collapsed .fa:before {  content: "\f107";}
.b2b-search-prods .inner{border:1px solid #ccc;padding:5px;margin-bottom:20px;}
.b2b-search-prods .inner img{width:100%;height:150px;object-fit:cover;}
.inner-pages table tr th{text-align:Center;}
.inner-pages p ,.inner-pages ul li{    text-align: justify;}


.members-owl img{width:150px !important;height:150px;object-fit:cover;border-radius:100%;margin:auto;}
.members-owl .inner{text-align:center;    background: #fff;    padding: 15px;border: 2px dotted #ccc;height: 290px;border-radius: 5px;}
.members-owl .owl-nav button span{    padding: 5px 7px;    color: #fff;    font-size: 20px;background: #178744;}
.all-members .inner img{width:94%;       height: 240px;    object-fit: cover;transition: 0.5s;}
.all-members .inner{margin-bottom:20px;position:relative;}
.all-members .inner .bg-line{position: absolute;    width: 237px;    height: 240px;    border: 4px solid #178744;    top: 15px;    left: 15px;    z-index: -9;transition: 0.5s;}
.all-members .inner:hover img{ box-shadow: 15px 15px 0px #178744;}
.all-members .inner:hover .bg-line{top: 0;    left: 0; }
.join-us .inner{border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    transition: 0.5s;position:relative;}
.join-us .inner img{width:100%;height:200px;object-fit:cover;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 74%);}
.join-us .inner img.icon{width: 70px;
    height: 70px;
    clip-path: none;
    position: absolute;
    left: 42%;
    top: 145px;
    background: #178744;
    padding: 5px;
    border-radius: 100%;border:3px solid #fff;outline:3px solid #178744;transition:0.5s;}
    .join-us .inner:hover{border:1px solid #178744;transition:0.5s;background: #eee;}
     .join-us .inner:hover img.icon{outline:none;border:none;width:75px;height:75px;}
     .circulars img{width:70px;    margin-top: 20px;    margin-bottom: 20px;}
     .circulars .inner{border: 1px solid #ccc;    border-radius: 20px;    padding: 10px;text-align:center;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;    transition: 0.5s;    margin-bottom: 30px;transition:0.5s;position:relative;}
    .circulars .inner > p{text-align: center;position: relative; transition: 0.5s; }
    .circulars .inner .overlay{position: absolute;    left: 10px;    top: 10px;    right: 10px;    bottom: 100%;
    background: #178744;    border-radius: 10px;opacity:0; transition: 0.5s; }
    .circulars .inner .overlay p{transform: translate(0, -20px);     opacity: 0;font-size: 2em;
    color: #fff;    font-weight: bold;margin-top: 30px;text-align:center; transition: 0.5s; }
    .circulars .inner:hover{    box-shadow: rgba(0, 0, 0, 0.45) 20px 30px 40px -30px;    border: 1px solid #068f51;}
    .circulars .inner:hover > p{transform: translate(0, -20px);color:#fff !important;}
    .circulars .inner:hover .overlay{opacity:1;bottom:10px;}
    .circulars .inner:hover .overlay p{transform: translate(0, 0px);    opacity: 1;}
    .inner-pages table tr:first-child {    background: linear-gradient(to bottom, #178744 0%, #01421c 100%);    text-align: Center;
    color: #fff;}
    .circular-details-table tr td img{    width: 40px;    background: #333;   border-radius: 100%;    padding: 7px;transition:0.5s;}
    .circular-details-table tr td img:hover{background:#178744}
        
@media only screen and (max-width: 600px) {
.mobile-menubar-bottom {    position: fixed !important;	padding-left:0px !important;    bottom: -10px;    z-index: 999;
    text-align: center;    background: #d2f7f4;    padding-top: 7px;    border-top: 2px solid #ccc;width: 100%;}
#mb-search{position: absolute;    height: auto;    bottom: 70px;    width: 300px;    left: 20px;}
#mb-search input{padding:5px}
#mb-search #search-form-mobile{background: #333;    padding: 5px;    }
#mb-search span	{	padding: 10px;	}
	.mobile-menubar-bottom i{	color:#178744;font-size:20px;	}
	.top-logo{width:250px;}
#mobile-menu{background: #178744;width:80%;}
.delay-1{  animation-delay: 0s;}
.delay-2{  animation-delay: 0s;}
.delay-3{  animation-delay: 0s;}
.delay-4{  animation-delay: 0s;}
.left-navbar{margin-top:0;padding-top:0;}
#main-carousel img{height:300px;object-fit:cover;}
#main-carousel .carousel-caption{left:5%;}
#main-carousel .title1{font-size: 1.5rem;}
#main-carousel .title3{font-size: 1.2rem;}
.top-logo-1{width:100px;}
.top-logo-2{width:80px;}
.top-logo-3{width:80px;}
.comp-top .navbar-collapse{    position: absolute;    z-index: 9999;    width: 100%;}
.comp-top {    background: #eee;    border: 1px solid #ccc;}
.comp-logo{    position: absolute;    left: 22px;    top:175px;    z-index: 9;    width: 90px;    height: 90px;}
#comp-slider img{height:200px;}
.products .inner{height:325px;}
}
.circular-overlay{position: absolute; background: #178744bf; opacity: 0;}
.circulars .inner:hover + .circular-overlay{bottom:0;opacity:1;}
.social-mediabox .socialmediaicon{width: 4em; position: absolute; bottom: -15px; right: 4px;}


/* width */
.social-mediabox::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  .social-mediabox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  .social-mediabox::-webkit-scrollbar-thumb {
    background: grey; 
    border-radius: 30px;
  }
  
  /* Handle on hover */
  .social-mediabox::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
  }