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 !important;}
.text-theme{color:#178744;}
.section-title p.title5{position:relative;}
.section-title p.title5::after{    width: -webkit-fill-available;    height: 2px;    background: #01d154;    content: '';
    position: absolute;    top: 13px;    margin-left: 8px;}
.top-header{background:#333;color:#fff;padding:5px;}
.top-search{    border-radius: 30px;    overflow: hidden;    background: #fff;    padding: 2px;width: 350px !important;border: 2px solid #178744;top: -5px !important;
    right: 5px !important;}
.top-search input{border: none !important;outline:none !important;    box-shadow: none !important;font-size: 12px;width: 80% !important;    float: left;}
.top-search .btn{ border-radius: 30px !important;font-size: 12px; float:right;}
.top-logo{width:512px;}
#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: 999;    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:#094621bf;   }                
.quick-links-section .content{background:#dedede;}                             
.gallery .thumb{position:relative;}                               
.gallery img{width:100%;height:300px;object-fit:cover}                  
.gallery .overlay img{width:30px !important;    height: auto;position: absolute;    left: 50%;    top: 35%;    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: 999;    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{top:0;    width: 98%;   
    margin-top: 0 !important;   }
        .comp-top .right-side{border: 2px solid #178744;        padding-left: 100px !important;
        margin-left: -10px;}
    #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{min-height:235px;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{background:#eee;text-align:Center;}
.inner-pages p ,.inner-pages ul li{    text-align: justify;}
.short-para{display: -webkit-box;    max-width: 100%;      -webkit-line-clamp: 2;    -webkit-box-orient: vertical;
    line-height: 1.625;    overflow: hidden;    text-overflow: ellipsis;}
    .custom-form .form-control{    border: 2px solid #ddd;    border-radius: 0;}
    #accordion-faq .card-header a{text-align:left;display: block;font-weight: 500;}
    #accordion-faq .card-header{border-radius:30px;background: #eee;padding: 5px;}
    #accordion-faq .card{border:none;margin-bottom: 20px;}
    #accordion-faq .card-header a.btn:focus{border:none;}
    #accordion-faq .card-header a[aria-expanded="true"] i {-webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);transform: rotate(180deg);}
   #accordion-faq .card-header a i{transition:0.5s;position: absolute;right: 15px;  font-size: 25px;}
   #accordion-faq .card-body{border-right: 2px dotted #178744;   border-left: 2px dotted #178744;    margin: 5px 20px;}
    /*for autosuggest dropdown css*/
    .ac_results{background: #fff;z-index: 9999;border: 1px solid #ccc;box-shadow: 2px 2px #ccc;}
.ac_results ul li{padding:5px;cursor: pointer;}
.ac_results ul li::marker{position:absolute}
.modal-backdrop {    opacity: 0.8 !important;}
#image-gallery .gallary-page-modal-btn-left{position: absolute; top: 50%; left: -70px; border: 2px solid #fff;}
#image-gallery .gallary-page-modal-btn-right{position: absolute; top: 50%; right: -70px;  border: 2px solid #fff;}
.gallary-owl.owl-carousel .owl-dots.disabled,.gallary-owl.owl-carousel .owl-nav.disabled {    display: block;}
.owl-carousel.gallary-owl .owl-nav button.owl-next{background-color: #178744 !important;   padding: 0px 8px !important;
    color: #fff;  font-size: 22px;border: 2px solid;font-size: 22px;position: absolute;top: 30%;right: 10px;}
.owl-carousel.gallary-owl .owl-nav button.owl-prev {background-color: #178744 !important;padding: 0px 8px !important;
    color: #fff;font-size: 22px;border: 2px solid;font-size: 22px;position: absolute;top: 30%;left: 10px;}
    .regsiter-with-us-form .form-control { border: 1px solid #ced4da;        border-radius: 0.25rem;    }
         .regsiter-with-us-form .form-control:focus {box-shadow: none;border:1px solid #333;}
 .regsiter-with-us-form .form-group{margin-bottom:1rem;}
 .regsiter-with-us-form label{margin-bottom:.5rem;color: #000;    font-size: 15px;}
 .regsiter-with-us-form .custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;
     display: block; height: calc(1.5em + 0.75rem);padding: 0.375rem 0.75rem;line-height: 1.5;color: #495057;
     content: "Browse";background-color: #e9ecef;border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; }
.regsiter-with-us-form .custom-file {position: relative;display: inline-block;width: 100%; height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;}
 .regsiter-with-us-form .custom-file-input {position: relative;z-index: 2;width: 100%; 
    margin: 0;  opacity: 0;}
.regsiter-with-us-form .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; 
    padding: 0.375rem 0.75rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;
border: 2px solid #ddd;    border-radius: 0;cursor: pointer;}
.regsiter-with-us-form{background:whitesmoke;padding:20px;}

/* .members-owl img{width:130px !important;height:130px;object-fit:contain;border-radius:100%;margin:auto;border: 1px solid #ccc;
    padding: 5px;margin-bottom: 15px;} */
    .members-owl img{               
      width: 150px !important;
      height: 150px;
      object-fit:contain;
      margin:auto;
      /* border: 1px solid #ccc; */
      padding: 5px;
      margin-bottom: 15px;
      }
.members-owl .inner{text-align:center;    background: #fff;    padding: 15px;border: 2px dotted #ccc;height: 250px;border-radius: 5px;}
.members-owl .owl-nav button span{    padding: 5px 7px;    color: #fff;    font-size: 20px;background: #178744;}
 .members-owl .owl-nav{margin-top: 25px !important;}
  .all-members .inner {margin-bottom: 20px;position: relative; text-align:center;border:1px solid #178744;height:96%;}
.all-members .inner img {width: 120px;height: 120px;object-fit: contain; transition: 0.5s;padding: 10px;}
.all-members .inner p.title6{color: #858585;}
.all-members .inner:hover img{}
.all-members .inner:hover p{color:#178744}
.login-page .tab-content{border-top:none;padding: 15px;}
.login-page{background:#fff;box-shadow: 0 0 10px #878787db;}
.login-page .nav-tabs{width: 110%;    margin-left: -5%;    box-shadow: 0 0 10px #a7a7a7bf;position:relative;}
.login-page .nav-item a{background:transparent;border-radius: 0;color: #fff;border:none;text-align:;}
.login-page .nav-item a.active{background:#333;color:#fff;height: 36px;}
.login-page .nav-item{margin:auto;text-align: center;padding:8px;font-size: 16px;}
.login-page .nav-tabs input:checked .nav-tabs .nav-item{background:#333}
.login-page .nav-tabs:after {    content: '';    position: absolute;    z-index: 1;    inset: 10px calc(-1*20px) auto auto;
    padding: 0 10px;    top: 40px;    width: 10px;    border-top: 0px solid transparent;
    border-left: 27px solid #555;    border-bottom: 25px solid transparent;}
    .login-page .nav-item label{color:#fff;}
    .custom-form-2 .input-group{border-bottom:1px solid #ccc;}
.custom-form-2 .input-group-text{background:transparent;border:none;}
.custom-form-2 .form-control{border:none;outline:none;box-shadow:none;}
.custom-form-2 i{color:#9b9b9b;}
.custom-form-2 .form-floating>label{font-weight: bold;}
.b2b-top-menu{background:#178744;}
.b2b-top-menu ul li a{color:#fff;font-size: 1.05em;    border-right: 1px solid #ffffff8c;    padding: 0px 15px !important;}
.b2b-top-menu ul li:last-child a{ border-right:none;   }
.b2b-page .left-sectors .card,.b2b-page .left-sectors .card-header{border:none;}
.b2b-page .left-sectors .card .dropdown-toggle,.b2b-page .left-sectors .card .hover-dropdown{padding: 10px;    margin: 0;    cursor: pointer;height: 41px;
    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.b2b-page .left-sectors .card-body{padding:0}
.b2b-page .left-sectors .card .dropdown-toggle.show,.b2b-page .left-sectors .card .outer:hover .hover-dropdown{background:#178744;color:#fff;}
.b2b-page .left-sectors .card .dropdown-toggle.show:after, .outer:hover p.hover-dropdown:after{width: 0px;        height: 0px;        border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;    border-left: 25px solid #178744;    position: absolute;
    left: 100%;    top: -1px;    z-index: 9999;margin:0;}
     p.hover-dropdown::after {
    display: inline-block;
   margin-left: 10px;
    
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}
.b2b-page .left-sectors .card .outer > p.{margin:0;}
.b2b-page .left-sectors .card .outer > p.no-sub-cat:hover{background:#178744;}
.b2b-page .left-sectors .card .outer > p.no-sub-cat:hover a{color:#fff !important}
   .b2b-page .left-sectors .card .dropdown-menu,.b2b-page .left-sectors .card ul.inner-dropdown{padding-left:25px;      overflow-y: scroll;
    min-height: 200px;   min-width: 700px;    max-width: 750px; list-style: square;line-height: 1.8;     height: 300px;  }
    .b2b-page .left-sectors .card .dropdown-menu li > a{display: block;    width: 100%;    clear: both;
    white-space: nowrap;color:#333;white-space: break-spaces;}
    .b2b-page .left-sectors .card .dropdown-menu li p a{margin-right:10px;}
    .b2b-page .left-sectors .card .dropdown-menu{list-style:none; }
    .b2b-page .left-sectors .card .inner-dropdown{position: absolute;    left: 100%;    top: -100px;    background: #fff;
    padding: 10px;    border: 1px solid #ccc;    z-index: 999;    display: none;border: 1px solid rgb(0 0 0 / 18%);
    border-radius: 0.375rem;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}
    .b2b-page .left-sectors .card .outer{position:relative;}
    .b2b-page .left-sectors .card .outer:hover .inner-dropdown{display:block}
    .b2b-page .left-sectors .card .dropdown-menu > li,.b2b-page .left-sectors .card .inner-dropdown > li{position:relative;    margin-left: 5px;margin-bottom:10px;}
 .b2b-page .left-sectors .card .dropdown-menu > li:before,,.b2b-page .left-sectors .card .inner-dropdown > li:before{
    content:'\2726';left:-18px;position:absolute;}  
.b2b-page .left-sectors .card .dropdown-menu li a,.b2b-page .left-sectors .card .inner-dropdown li a {    font-weight: 500;  background-image: linear-gradient(to right, #178744,#178744 50%, #000 50%  );
  background-size: 200% 100%;  background-position: -100%;  display: inline-block; 
  position: relative;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  transition: all 0.3s ease-in-out;}
  .b2b-page .left-sectors .card .dropdown-menu li p a,.b2b-page .left-sectors .card .inner-dropdown li p a {    font-weight: 500;  background-image: linear-gradient(to right, #178744,#178744 50%, #777 50%  );
  background-size: 200% 100%;  background-position: -100%;  display: inline-block; 
  position: relative;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  transition: all 0.3s ease-in-out;}
.b2b-page .left-sectors .card .dropdown-menu li a:before,.b2b-page .left-sectors .card .inner-dropdown li a:before{  content: '';  background: #178744;  display: block;  position: absolute;
  bottom: 0px;  left: 0;  width: 0;  height: 3px;  transition: all 0.3s ease-in-out;}
.b2b-page .left-sectors .card .dropdown-menu li a:hover,.b2b-page .left-sectors .card .inner-dropdown li a:hover {
     background-position: 0;}
.b2b-page .left-sectors .card .dropdown-menu li a:hover::before,.b2b-page .left-sectors .card .inner-dropdown li a:hover::before{  width: 100%;}

                                                
 .b2b-page .right-side > ul{list-style:none;padding:0;} 
    .b2b-page .right-side .item{flex-grow: 1;height:235px;position:relative; transition: all 300ms ease-in-out;padding:10px;width:165px;}
    .b2b-page .right-side .img-wrapper{height:100%;border-top:4px solid #178744;}
    .b2b-page .right-side .img-wrapper img{width:100%;    height: 100%;    object-fit: cover;transition: all 300ms ease-in-out;}
    .b2b-page .right-side .content-wrapper{position: absolute;  transform: translate(312px, 0px);    top:25px;  background: #fff; 
       box-shadow: rgb(168 241 178 / 21%) 4px 2px 4px 0px, rgb(32 32 32 / 36%) 4px 2px 12px 0px;    border-radius: 10px; 
          padding: 10px;transition: all 300ms ease-in-out;opacity:0;width:60%;}
    .b2b-page .right-side .item:hover{ flex-grow: 8.3;}
    .b2b-page .right-side .item:hover img{width:50%;}
     .b2b-page .right-side .item:hover .content-wrapper{transform: translate(120px, 0px);opacity:1;z-index:99} 
     .b2b-page .right-side .img-wrapper p{ border-bottom:4px solid #178744;   padding: 10px;    margin: 0;    text-align: center;    font-size: 1em;    font-weight: 500;
     display: -webkit-box;    max-width: 100%;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    line-height: 1.625;
    overflow: hidden;    text-overflow: ellipsis;    height: 40px;}
.b2b-page .right-side .content-wrapper ul{    list-style: square;}
.b2b-page .right-side .content-wrapper ul li a{color:#333;}
.b2b-page .right-side .break{flex-basis: 100%;  height: 60px;}
.b2b-page .right-side .content-wrapper ul li a {    font-weight: 500;  background-image: linear-gradient(to right, #178744,#178744 50%, #000 50%  );
  background-size: 200% 100%;  background-position: -100%;  display: inline-block;  padding: 5px 0;
  position: relative;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  transition: all 0.3s ease-in-out;}
.b2b-page .right-side .content-wrapper ul li a:before{  content: '';  background: #178744;  display: block;  position: absolute;
  bottom: 0px;  left: 0;  width: 0;  height: 3px;  transition: all 0.3s ease-in-out;}
.b2b-page .right-side .content-wrapper ul li a:hover { background-position: 0;}
.b2b-page .right-side .content-wrapper ul li a:hover::before{  width: 100%;}
.b2b-page-features .ps-block__left{background: #0b5936;    border: 1px solid #fff;    border-radius: 10px;    padding: 15px;}
.b2b-top-rated-copmanies p,.b2b-top-rated-copmanies img{border:none;}
.b2b-top-rated-copmanies img{width: 150px;    height: 100px;    object-fit: contain;padding:20px}
.b2b-top-rated-copmanies p{padding:0;height: auto;}
.b2b-top-rated-copmanies .item{border:1px solid #ccc;border-radius:5px;    height: 160px;    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.owl-stage-outer{padding: 20px;}
.b2b-page .right-side .content-wrapper p{display:none;}
.membership-benefits .inner img{width:100px;height:100px;object-fit:cover;border-radius:100%;    padding: 4px;
    border: 2px solid #ccc;}
.membership-benefits .inner p{text-align:center;margin:0}
.membership-benefits .inner{border: 1px solid #ccc;border-radius: 20px;    padding: 10px;   
 box-shadow:rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;transition:0.5s;    margin-bottom: 30px;
    height: 340px;}
 .membership-benefits .inner:hover{ box-shadow:rgba(0, 0, 0, 0.45) 20px 30px 40px -30px;border: 1px solid #068f51;}
.statistics-page .tab-content .inner img{width:100%;    height: 200px;    object-fit: cover;}
.statistics-page .tab-content .inner{border: 1px solid #ccc;border-radius: 10px;overflow: hidden; padding: 10px;}
.statistics-page .tab-content .inner p{text-align:left;}
.statistics-page .tab-content .inner p.title6{margin-top:15px;margin-bottom:10px;}
.statistics-page .tab-content .statistics{padding:5px;}
.statistics-page .nav-tabs li .nav-link.active{background:#178744;color:#fff;border-radius:30px;}
.statistics-page .nav-tabs li .nav-link{color:#178744;font-weight:bold;    font-size: 1.1em;}
.statistics-page .nav-tabs{background: #eee;    border-radius: 30px;    width: max-content;    padding: 5px;
    box-shadow: 2px 2px 5px #1c1c1c85;}
.search-b2b-page{border-radius:30px;background:#fff; border: 1px solid #178744;}
.search-b2b-page .form-select{border-radius:30px;background-color:#dedede;box-shadow:none;}
.search-b2b-page .form-control{border:none;outline:none;box-shadow:none;}
 .b2b-products-owl .inner{border: 1px solid #ccc;    border-radius: 20px;    padding: 10px;    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    transition: 0.5s;    margin-bottom: 30px;    height: 340px;}
    .b2b-products-owl .inner img{    border-radius: 10px;    height: 150px;    object-fit: cover;}
    .b2b-products-owl .owl-nav button span {padding: 5px 7px;color: #fff;font-size: 20px;background: #178744;}
    .b2b-products-owl .owl-nav button span {padding: 5px 7px;color: #fff;font-size: 20px;background: #178744;}
    .b2b-products-owl .owl-stage-outer{padding-bottom:0;}
    .what-you-need-form .form-control{    height: 40px;    padding-top: 19px !important;box-shadow:none;}
    .what-you-need-form .form-floating>label{left:15px;padding: 10px;}
    .what-you-need-form .form-select{height: 40px;    padding: 5px 10px;    padding-bottom: 0;box-shadow:none;}
    .what-you-need-form .form-floating>.form-control:focus~label,.what-you-need-form  .form-floating>.form-control:not(:placeholder-shown)~label,
    .what-you-need-form .form-floating>.form-select~label{transform: scale(.85) translateY(-1.3rem) translateX(.15rem);
    background: #fff;    width: max-content;    opacity: 1;    color: #666;}
   /* .b2b-page .right-side .item{flex-grow: 1;position:relative; transition: all 300ms ease-in-out;padding:10px;height:250px;}
    .b2b-page .right-side .img-wrapper{width:100%;border-top:4px solid #178744;border-bottom:4px solid #178744;}
    .b2b-page .right-side .img-wrapper img{width:100%;  transition: all 300ms ease-in-out; height:250px;    object-fit: cover; }
    .b2b-page .right-side .content-wrapper{position: absolute;      transform: translate(156px, 0px);    background: #fff;    box-shadow: 5px 5px 9px #00000047;
    border-radius: 10px;    padding: 10px;transition: all 300ms ease-in-out;opacity:0; top: 50px;    right: 10px;}
    .b2b-page .right-side .item:hover{ flex-grow: 12;}
    .b2b-page .right-side .column:hover img{width:50%;height:250px;}
.b2b-page .right-side .column:hover .content-wrapper{opacity:1;    transform: translate(-10px, 0px);}
.b2b-page .right-side .column {     position: relative; width: 33%;  padding: 2%;  float: left;  margin: 0;  transition: all 0.5s ease;}
 .b2b-page .right-side .column.wide {    width: 50%!important;  }
 .b2b-page .right-side .img-wrapper p{    padding: 10px;    margin: 0;    text-align: center;    font-size: 1.2em;    font-weight: 500;}
.b2b-page .right-side .content-wrapper ul{    list-style: square;}
.b2b-page .right-side .content-wrapper ul li a{color:#333;}*/
 


   

@media only screen and (max-width: 1200px) {

.home-tabs .nav-item a{width: 86px; word-break: break-word; padding: 10px 3px;  text-align: center;}
}

@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:275px;}
#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%;top: 36px;}
.comp-top {    background: #eee;    border: 1px solid #ccc;}
.comp-logo{    position: absolute;    left: 22px;    top:127px;    z-index: 9;    width: 90px;    height: 90px;}
#comp-slider img{height:200px;}
.products .inner{height:325px;}
#image-gallery .gallary-page-modal-btn-left,#image-gallery .gallary-page-modal-btn-right{position:static;}
.regsiter-with-us-form {    padding: 5px;}
.home-tabs .nav.nav-tabs{display: -webkit-inline-box; overflow-x: scroll !important; white-space: nowrap; width: 100%;}
.home-tabs .nav.nav-tabs li{display: -webkit-inline-box;}
.home-tabs .nav.nav-tabs li a{width:auto;padding: 15px 12px;}
.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: #03622a;}
.home-tabs .nav-item a.active:after{border: none;}
.wow{
        animation-name: none !important;
        visibility: visible !important;
    }
 .login-page .nav-tabs{overflow-x: auto;    overflow-y: hidden;    flex-wrap: nowrap;    padding-bottom: 10px;width: 104%;
    margin-left: -2%;}    
 .login-page .nav-item label{    width: max-content;} 
 .login-page .nav-tabs:after{content:none;}  
 .comp-top .right-side {     border: 2px solid #178744;     padding-left: 0px !important;     margin-left: 0px; }
 .b2b-page .left-sectors .card .dropdown-menu{    left: 0 !important;    right: auto !important;    transform: none !important;
    width: 100%;    top: 38px !important;    columns: 2;}
    .b2b-page .left-sectors .card .dropdown-toggle.show:after{border:none;}
    .b2b-page .right-side .content-wrapper{opacity: 1;transform: none;right: 40px;left: 40px; width: auto; background: rgb(221 217 217 / 75%);}
    .b2b-page .right-side .item{flex-grow: unset;    width: 100%;}
    .b2b-page .right-side .img-wrapper p{display:none;}
    .b2b-page .right-side .item:hover .content-wrapper{transform:none;}
    .b2b-page .right-side .item:hover img{width:100%;}
    .b2b-page .right-side .content-wrapper p{display:block;border-bottom: 2px dashed #178744;        font-weight: bold;}
    .b2b-page .right-side .item{height:320px;}
    .b2b-page .right-side .break{height:0;} 
    .b2b-page-features .title1{font-size:1.8em;}
    .section-title p.title1{font-size:2em;}
    .b2b-top-rated-copmanies .owl-dots{display:none;}
    .b2b-top-rated-copmanies .item{    width: 90%;}
    .b2b-top-menu{background:#fff;}
    .b2b-top-menu .navbar-collapse{background: rgb(23, 135, 68);    padding: 10px;    border-radius: 10px;    margin-top: 10px;}
    .b2b-top-menu ul li a{padding: 4px 15px !important;    border-right: none;}
    .b2b-top-menu .navbar-toggler:focus{box-shadow:none}
    .b2b-page .left-sectors .card ul.inner-dropdown{left: 0;    min-width: 100%;    max-width: 100%;top: 100%;}
     .outer:hover p.hover-dropdown:after{border:none;}
}

.join-us .inner{margin-bottom:15px;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;}

.indent{text-indent: -20px; margin-left: 20px;}

/* circulars-new code */
.circulars img{width:70px;    margin-top: 20px;    margin-bottom: 20px;}
.circulars .inner{min-height: 105px; 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{font-size: 1.4rem; 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;}
/* circulars-new code */   
        
/* social media code*/
.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; 
  }

/* social media code*/  
@media only screen and (max-width: 600px) {
.top-header{height:30px;}

}