11472
{
"metadata": {
"url": "https://projectexports.com/css/style2.css",
"title": "",
"meta_description": "",
"meta_keywords": ""
},
"content": "body{font-size:0.9rem;overflow-x:hidden !important;}\na{color: #028537;text-decoration:none;}\n.title1{font-size:2.5rem;}\n.title2{font-size:2rem;}\n.title3{font-size:1.75rem;}\n.title4{font-size:1.5rem;}\n.title5{font-size:1.25em;}\n.title6{font-size:1rem;}\n.title7{font-size:0.8rem;}\n.weight300{font-weight:300 !important}\n.weight400{font-weight:400 !important}\n.weight500{font-weight:500 !important}\n.weight600{font-weight:600 !important}\n.weight700{font-weight:700 !important}\n.weight800{font-weight:800 !important}\n.bg-theme{background: #178744 !important}\n.bg-lightgrey{background:#dedede;}\n.text-grey{color:#999 !important;}\n.text-theme{color:#178744;}\n.section-title p.title5{position:relative;}\n.section-title p.title5::after{ width: -webkit-fill-available; height: 2px; background: #01d154; content: '';\n position: absolute; top: 13px; margin-left: 8px;}\n.top-header{background:#333;color:#fff;padding:5px;}\n.top-search{ border-radius: 30px; overflow: hidden; background: #fff; padding: 2px;width: 350px !important;border: 2px solid #178744;top: -5px !important;\n right: 5px !important;}\n.top-search input{border: none !important;outline:none !important; box-shadow: none !important;font-size: 12px;width: 80% !important; float: left;}\n.top-search .btn{ border-radius: 30px !important;font-size: 12px; float:right;}\n.top-logo{width:512px;}\n#main-carousel .carousel-caption{left: 0;right:0;}\n .left-navbar .card-header > a:before { float: right !important; font-family: FontAwesome; content: \"\\f106\"; padding-right: 5px;font-size: 20px;\n line-height: 1;}\n.left-navbar .card-header > a.collapsed:before { float: right !important; content: \"\\f107\";font-size: 20px;\n line-height: 1;}\n .left-navbar .card-header{padding:0;border:none;background:none;}\n .left-navbar .card-header a{display:block;text-align:left;padding-right: 5px; color: #fff;}\n .left-navbar .card{border: none;background: none; color: #fff;}\n .left-navbar .card-body > ul.main-list > li:before{content:'\\27A3';font-size: 20px;margin-right: 5px;}\n .left-navbar .card-body{padding-top:5px;}\n .left-navbar .card-body ul.main-list{list-style:none; padding-left: 10px; background: #039d90;background:#178744}\n .left-navbar{margin-top: -270px; z-index: 999; position: relative; border-radius: 10px; padding-top: 80px;background: #02786fdb;min-height: 730px; \n background: rgba(31,178,90,.75);}\n \n .home-tabs .tab-content{ border: 1px solid #ccc;}\n.home-tabs .nav.nav-tabs{ border: none; color:#000; background:#03897E; border-radius:0;height: 50px; background: #178744;}\n.home-tabs .nav-item,.home-tabs .nav-item.active{ border: none; color:#fff; background:#03897E; border-radius:0; background: #178744;}\n.home-tabs .nav-item a{ padding: 15px 12px; height: 50px;color: #fff;font-size: 13px; border-radius: 0 !important;\n border: none !important;}\n.home-tabs .nav-item a:hover{background: transparent;border:none;color:#fff;}\n.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\n{ background: transparent; border: none; border-radius: 0; position: relative;color:#fff;}\n.home-tabs .nav-item a.active:after { content: \"\"; position: absolute; bottom: -34px; left: 37%; border: 15px solid transparent;\n border-top-color: #03622a ;z-index: 9;}\n.home-tabs .tab-content{ background: #fdfdfd; border:none; border-top: 4px solid #03622a;}\n.menu-products .inner{border: 1px solid #178744; padding: 15px 10px; text-align: center;height: 284px;margin-left: 5px;}\n.menu-products .inner img{width:100%; margin: auto;height: 150px;\n object-fit: cover;}\n.menu-products .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n.numscroll-section{background:url(../images/banner-1.jpg); background-position: center;\n background-size: cover; background-attachment: fixed;}\n.numscroll-section .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:#094621bf; } \n.quick-links-section .content{background:#dedede;} \n.gallery .thumb{position:relative;} \n.gallery img{width:100%;height:300px;object-fit:cover} \n.gallery .overlay img{width:30px !important; height: auto;position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%);}\n.gallery .overlay{position:absolute;left:0;right:0;top:0;bottom:100%;background:#178744bf; opacity:0; transition:0.5s; }\n.gallery .thumb:hover .overlay{bottom:0;opacity:1;}\nfooter{background:#2d3e50;color:#fff;}\n\n.delay-1{ animation-delay: 1s;}\n.delay-2{ animation-delay: 2s;}\n.delay-3{ animation-delay: 3s;}\n.delay-4{ animation-delay: 4s;}\n.top-logo-1{width:150px;}\n.top-logo-2{width:120px;}\n.top-logo-3{width:110px;}\n.project-enquiries { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px;}\n.upcoming-events { background: #eee; border: 1px solid #ccc; margin-bottom: 20px;}\n.news img{width:100%;}\n\n .left-navbar-innerpages .card-header > a:before { float: right !important; font-family: FontAwesome; content: \"\\f106\"; padding-right: 5px;font-size: 20px;\n line-height: 1;}\n.left-navbar-innerpages .card-header > a.collapsed:before { float: right !important; content: \"\\f107\";font-size: 20px;\n line-height: 1;}\n .left-navbar-innerpages .card-header{padding:0;border:none;background:none;}\n .left-navbar-innerpages .card-header a{display:block;text-align:left;padding-right: 5px; color: #fff;}\n .left-navbar-innerpages .card{border: none;background: none; color: #fff;}\n .left-navbar-innerpages .card-body > ul.main-list > li:before{content:'\\27A3';font-size: 20px;margin-right: 5px;}\n .left-navbar-innerpages .card-body{padding-top:5px;}\n .left-navbar-innerpages .card-body ul.main-list{list-style:none; padding-left: 10px; background: #039d90;background:#03622a}\n .left-navbar-innerpages{ z-index: 999; position: relative; border-radius: 10px; padding-top: 10px;background: #02786fdb;min-height: 730px; \n background: #178744;}\n .committee-members .inner{border: 1px solid #178744; padding: 10px;margin-bottom: 20px; height: 180px;}\n .committee-members .inner > p:first-child {padding: 10px; margin-bottom: 8px; background: #e5e5e5; font-weight: bold;}\n .inner-pages p.title4:before{display: block; content: ''; width: 97%; position: absolute;\n top: 16px; border-bottom: 1px solid #04b74d; z-index: 1; left: 15px;}\n .inner-pages p.title4 > span{background:#fff;position:relative;z-index: 99;\n padding-right: 10px; text-transform: uppercase;}\n .comp-top{}\n .grey-border{border:1px solid #ccc;padding:0 10px;}\n .comp-logo{width:140px;height:140px;object-fit:contain;border-radius:100%; background: #fff;\n border: 2px solid #178744;padding: 5px;}\n .comp-top .navbar-nav li a{color: #fff; background: #178744; margin-right: 2px; padding: 5px 20px !important;font-size: 15px;}\n .products .inner{border: 1px solid #178744; padding: 15px 10px; text-align: center;height: 305px;margin-left: 5px;background:#fff;}\n.products .inner img{width:100%; margin: auto;height: 150px;\n object-fit: cover;}\n.products .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n .comp-gallery img{width:100%;}\n #comp-slider img{width:100%;height:300px;object-fit:cover}\n #mobile-menu{background: #178744;}\n .comp-top .comp-name{top:0; width: 98%; \n margin-top: 0 !important; }\n .comp-top .right-side{border: 2px solid #178744; padding-left: 100px !important;\n margin-left: -10px;}\n #prod-details-carousel .carousel-indicators{ list-style: none; }\n #prod-details-carousel .carousel-indicators button, #prod-details-carousel .carousel-indicators button.active{\n width: 70px; height: 70px;background-color: #fff;position: relative;margin: 10px; }\n#prod-details-carousel .carousel-indicators img{position: absolute;width: 100%; height: 100%;top: 0; left: 0; border:2px solid #fff;object-fit: cover;}\n #prod-details-carousel .carousel-item img{width:100%;height:350px;object-fit:cover;}\n .gallery-page img{width:100%;height:200px;object-fit:cover;border: 1px solid #ccc; padding: 2px;}\n .b2b-header .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.4);}\n .b2b-header p{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;\n font-size: 3em; text-align: center; text-shadow: 2px 0 0#fff;}\n .b2b-page .left-img img{width:100%;height:350px;object-fit:cover; height: 100%;}\n .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%);\n content: \"\"; position: absolute; top: 0; width: 100%; height: 100%; opacity: .8; right: 0;}\n .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;}\n .b2b-page .prods .inner ul{padding-left:15px;margin-bottom: 20px; list-style: square;}\n .b2b-page .left-img .categories{position:absolute;bottom:20px;color: #fff; left: 10px; right: 10px; font-weight: bold;}\n .b2b-page .left-img .categories ul{ list-style: square;}\n .b2b-page .comp-names p{ background: #d0ffd2;padding: 5px; text-align: center; font-weight: bold;}\n .b2b-page .comp-names .inner{border:1px solid #ccc;height: 280px;}\n .b2b-page .comp-names .inner ul{list-style:none;padding-left:10px;}\n .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%)}\n .b2b-page .b2b-banners p{position:absolute;bottom:20px;color: #fff; left: 10px; right: 10px; font-weight: bold;}\n .b2b-brands-owl img{width:100%;height:120px;object-fit:contain;border:1px solid #ccc;padding: 10px;\n filter: grayscale(100%);}\n .b2b-brands-owl p{text-align:Center;border:1px solid #ccc; padding: 40px 10px;height:125px;}\n .b2b-brands-owl .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n .b2b-search-left{border:1px solid #ccc;}\n .b2b-search-left .card,.b2b-search-left .card-header{border:none;}\n .b2b-search-left .card-header a{font-size:1em;}\n .b2b-search-left [data-bs-toggle=\"collapse\"] .fa:before { content: \"\\f106\";}\n.b2b-search-left [data-bs-toggle=\"collapse\"].collapsed .fa:before { content: \"\\f107\";}\n.b2b-search-prods .inner{border:1px solid #ccc;padding:5px;margin-bottom:20px;}\n.b2b-search-prods .inner img{width:100%;height:150px;object-fit:cover;}\n.inner-pages table tr th{background:#eee;text-align:Center;}\n.inner-pages p ,.inner-pages ul li{ text-align: justify;}\n.short-para{display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\n line-height: 1.625; overflow: hidden; text-overflow: ellipsis;}\n .custom-form .form-control{ border: 2px solid #ddd; border-radius: 0;}\n #accordion-faq .card-header a{text-align:left;display: block;font-weight: 500;}\n #accordion-faq .card-header{border-radius:30px;background: #eee;padding: 5px;}\n #accordion-faq .card{border:none;margin-bottom: 20px;}\n #accordion-faq .card-header a.btn:focus{border:none;}\n #accordion-faq .card-header a[aria-expanded=\"true\"] i {-webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);transform: rotate(180deg);}\n #accordion-faq .card-header a i{transition:0.5s;position: absolute;right: 15px; font-size: 25px;}\n #accordion-faq .card-body{border-right: 2px dotted #178744; border-left: 2px dotted #178744; margin: 5px 20px;}\n /*for autosuggest dropdown css*/\n .ac_results{background: #fff;z-index: 9999;border: 1px solid #ccc;box-shadow: 2px 2px #ccc;}\n.ac_results ul li{padding:5px;cursor: pointer;}\n.ac_results ul li::marker{position:absolute}\n.modal-backdrop { opacity: 0.8 !important;}\n#image-gallery .gallary-page-modal-btn-left{position: absolute; top: 50%; left: -70px; border: 2px solid #fff;}\n#image-gallery .gallary-page-modal-btn-right{position: absolute; top: 50%; right: -70px; border: 2px solid #fff;}\n.gallary-owl.owl-carousel .owl-dots.disabled,.gallary-owl.owl-carousel .owl-nav.disabled { display: block;}\n.owl-carousel.gallary-owl .owl-nav button.owl-next{background-color: #178744 !important; padding: 0px 8px !important;\n color: #fff; font-size: 22px;border: 2px solid;font-size: 22px;position: absolute;top: 30%;right: 10px;}\n.owl-carousel.gallary-owl .owl-nav button.owl-prev {background-color: #178744 !important;padding: 0px 8px !important;\n color: #fff;font-size: 22px;border: 2px solid;font-size: 22px;position: absolute;top: 30%;left: 10px;}\n .regsiter-with-us-form .form-control { border: 1px solid #ced4da; border-radius: 0.25rem; }\n .regsiter-with-us-form .form-control:focus {box-shadow: none;border:1px solid #333;}\n .regsiter-with-us-form .form-group{margin-bottom:1rem;}\n .regsiter-with-us-form label{margin-bottom:.5rem;color: #000; font-size: 15px;}\n .regsiter-with-us-form .custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;\n display: block; height: calc(1.5em + 0.75rem);padding: 0.375rem 0.75rem;line-height: 1.5;color: #495057;\n content: \"Browse\";background-color: #e9ecef;border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; }\n.regsiter-with-us-form .custom-file {position: relative;display: inline-block;width: 100%; height: calc(1.5em + 0.75rem + 2px);\n margin-bottom: 0;}\n .regsiter-with-us-form .custom-file-input {position: relative;z-index: 2;width: 100%; \n margin: 0; opacity: 0;}\n.regsiter-with-us-form .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; \n padding: 0.375rem 0.75rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;\nborder: 2px solid #ddd; border-radius: 0;cursor: pointer;}\n.regsiter-with-us-form{background:whitesmoke;padding:20px;}\n\n/* .members-owl img{width:130px !important;height:130px;object-fit:contain;border-radius:100%;margin:auto;border: 1px solid #ccc;\n padding: 5px;margin-bottom: 15px;} */\n .members-owl img{ \n width: 150px !important;\n height: 150px;\n object-fit:contain;\n margin:auto;\n /* border: 1px solid #ccc; */\n padding: 5px;\n margin-bottom: 15px;\n }\n.members-owl .inner{text-align:center; background: #fff; padding: 15px;border: 2px dotted #ccc;height: 250px;border-radius: 5px;}\n.members-owl .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n .members-owl .owl-nav{margin-top: 25px !important;}\n .all-members .inner {margin-bottom: 20px;position: relative; text-align:center;border:1px solid #178744;height:96%;}\n.all-members .inner img {width: 120px;height: 120px;object-fit: contain; transition: 0.5s;padding: 10px;}\n.all-members .inner p.title6{color: #858585;}\n.all-members .inner:hover img{}\n.all-members .inner:hover p{color:#178744}\n.login-page .tab-content{border-top:none;padding: 15px;}\n.login-page{background:#fff;box-shadow: 0 0 10px #878787db;}\n.login-page .nav-tabs{width: 110%; margin-left: -5%; box-shadow: 0 0 10px #a7a7a7bf;position:relative;}\n.login-page .nav-item a{background:transparent;border-radius: 0;color: #fff;border:none;text-align:;}\n.login-page .nav-item a.active{background:#333;color:#fff;height: 36px;}\n.login-page .nav-item{margin:auto;text-align: center;padding:8px;font-size: 16px;}\n.login-page .nav-tabs input:checked .nav-tabs .nav-item{background:#333}\n.login-page .nav-tabs:after { content: ''; position: absolute; z-index: 1; inset: 10px calc(-1*20px) auto auto;\n padding: 0 10px; top: 40px; width: 10px; border-top: 0px solid transparent;\n border-left: 27px solid #555; border-bottom: 25px solid transparent;}\n .login-page .nav-item label{color:#fff;}\n .custom-form-2 .input-group{border-bottom:1px solid #ccc;}\n.custom-form-2 .input-group-text{background:transparent;border:none;}\n.custom-form-2 .form-control{border:none;outline:none;box-shadow:none;}\n.custom-form-2 i{color:#9b9b9b;}\n.custom-form-2 .form-floating>label{font-weight: bold;}\n.b2b-top-menu{background:#178744;}\n.b2b-top-menu ul li a{color:#fff;font-size: 1.05em; border-right: 1px solid #ffffff8c; padding: 0px 15px !important;}\n.b2b-top-menu ul li:last-child a{ border-right:none; }\n.b2b-page .left-sectors .card,.b2b-page .left-sectors .card-header{border:none;}\n.b2b-page .left-sectors .card .dropdown-toggle,.b2b-page .left-sectors .card .hover-dropdown{padding: 10px; margin: 0; cursor: pointer;height: 41px;\n white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}\n.b2b-page .left-sectors .card-body{padding:0}\n.b2b-page .left-sectors .card .dropdown-toggle.show,.b2b-page .left-sectors .card .outer:hover .hover-dropdown{background:#178744;color:#fff;}\n.b2b-page .left-sectors .card .dropdown-toggle.show:after, .outer:hover p.hover-dropdown:after{width: 0px; height: 0px; border-top: 22px solid transparent;\n border-bottom: 22px solid transparent; border-left: 25px solid #178744; position: absolute;\n left: 100%; top: -1px; z-index: 9999;margin:0;}\n p.hover-dropdown::after {\n display: inline-block;\n margin-left: 10px;\n \n content: \"\";\n border-top: .3em solid transparent;\n border-right: 0;\n border-bottom: .3em solid transparent;\n border-left: .3em solid;\n}\n.b2b-page .left-sectors .card .outer > p.{margin:0;}\n.b2b-page .left-sectors .card .outer > p.no-sub-cat:hover{background:#178744;}\n.b2b-page .left-sectors .card .outer > p.no-sub-cat:hover a{color:#fff !important}\n .b2b-page .left-sectors .card .dropdown-menu,.b2b-page .left-sectors .card ul.inner-dropdown{padding-left:25px; overflow-y: scroll;\n min-height: 200px; min-width: 700px; max-width: 750px; list-style: square;line-height: 1.8; height: 300px; }\n .b2b-page .left-sectors .card .dropdown-menu li > a{display: block; width: 100%; clear: both;\n white-space: nowrap;color:#333;white-space: break-spaces;}\n .b2b-page .left-sectors .card .dropdown-menu li p a{margin-right:10px;}\n .b2b-page .left-sectors .card .dropdown-menu{list-style:none; }\n .b2b-page .left-sectors .card .inner-dropdown{position: absolute; left: 100%; top: -100px; background: #fff;\n padding: 10px; border: 1px solid #ccc; z-index: 999; display: none;border: 1px solid rgb(0 0 0 / 18%);\n border-radius: 0.375rem;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}\n .b2b-page .left-sectors .card .outer{position:relative;}\n .b2b-page .left-sectors .card .outer:hover .inner-dropdown{display:block}\n .b2b-page .left-sectors .card .dropdown-menu > li,.b2b-page .left-sectors .card .inner-dropdown > li{position:relative; margin-left: 5px;margin-bottom:10px;}\n .b2b-page .left-sectors .card .dropdown-menu > li:before,,.b2b-page .left-sectors .card .inner-dropdown > li:before{\n content:'\\2726';left:-18px;position:absolute;} \n.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% );\n background-size: 200% 100%; background-position: -100%; display: inline-block; \n position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}\n .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% );\n background-size: 200% 100%; background-position: -100%; display: inline-block; \n position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}\n.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;\n bottom: 0px; left: 0; width: 0; height: 3px; transition: all 0.3s ease-in-out;}\n.b2b-page .left-sectors .card .dropdown-menu li a:hover,.b2b-page .left-sectors .card .inner-dropdown li a:hover {\n background-position: 0;}\n.b2b-page .left-sectors .card .dropdown-menu li a:hover::before,.b2b-page .left-sectors .card .inner-dropdown li a:hover::before{ width: 100%;}\n\n \n .b2b-page .right-side > ul{list-style:none;padding:0;} \n .b2b-page .right-side .item{flex-grow: 1;height:235px;position:relative; transition: all 300ms ease-in-out;padding:10px;width:165px;}\n .b2b-page .right-side .img-wrapper{height:100%;border-top:4px solid #178744;}\n .b2b-page .right-side .img-wrapper img{width:100%; height: 100%; object-fit: cover;transition: all 300ms ease-in-out;}\n .b2b-page .right-side .content-wrapper{position: absolute; transform: translate(312px, 0px); top:25px; background: #fff; \n box-shadow: rgb(168 241 178 / 21%) 4px 2px 4px 0px, rgb(32 32 32 / 36%) 4px 2px 12px 0px; border-radius: 10px; \n padding: 10px;transition: all 300ms ease-in-out;opacity:0;width:60%;}\n .b2b-page .right-side .item:hover{ flex-grow: 8.3;}\n .b2b-page .right-side .item:hover img{width:50%;}\n .b2b-page .right-side .item:hover .content-wrapper{transform: translate(120px, 0px);opacity:1;z-index:99} \n .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;\n display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.625;\n overflow: hidden; text-overflow: ellipsis; height: 40px;}\n.b2b-page .right-side .content-wrapper ul{ list-style: square;}\n.b2b-page .right-side .content-wrapper ul li a{color:#333;}\n.b2b-page .right-side .break{flex-basis: 100%; height: 60px;}\n.b2b-page .right-side .content-wrapper ul li a { font-weight: 500; background-image: linear-gradient(to right, #178744,#178744 50%, #000 50% );\n background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0;\n position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}\n.b2b-page .right-side .content-wrapper ul li a:before{ content: ''; background: #178744; display: block; position: absolute;\n bottom: 0px; left: 0; width: 0; height: 3px; transition: all 0.3s ease-in-out;}\n.b2b-page .right-side .content-wrapper ul li a:hover { background-position: 0;}\n.b2b-page .right-side .content-wrapper ul li a:hover::before{ width: 100%;}\n.b2b-page-features .ps-block__left{background: #0b5936; border: 1px solid #fff; border-radius: 10px; padding: 15px;}\n.b2b-top-rated-copmanies p,.b2b-top-rated-copmanies img{border:none;}\n.b2b-top-rated-copmanies img{width: 150px; height: 100px; object-fit: contain;padding:20px}\n.b2b-top-rated-copmanies p{padding:0;height: auto;}\n.b2b-top-rated-copmanies .item{border:1px solid #ccc;border-radius:5px; height: 160px; padding: 5px;\n box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}\n.owl-stage-outer{padding: 20px;}\n.b2b-page .right-side .content-wrapper p{display:none;}\n.membership-benefits .inner img{width:100px;height:100px;object-fit:cover;border-radius:100%; padding: 4px;\n border: 2px solid #ccc;}\n.membership-benefits .inner p{text-align:center;margin:0}\n.membership-benefits .inner{border: 1px solid #ccc;border-radius: 20px; padding: 10px; \n box-shadow:rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;transition:0.5s; margin-bottom: 30px;\n height: 340px;}\n .membership-benefits .inner:hover{ box-shadow:rgba(0, 0, 0, 0.45) 20px 30px 40px -30px;border: 1px solid #068f51;}\n.statistics-page .tab-content .inner img{width:100%; height: 200px; object-fit: cover;}\n.statistics-page .tab-content .inner{border: 1px solid #ccc;border-radius: 10px;overflow: hidden; padding: 10px;}\n.statistics-page .tab-content .inner p{text-align:left;}\n.statistics-page .tab-content .inner p.title6{margin-top:15px;margin-bottom:10px;}\n.statistics-page .tab-content .statistics{padding:5px;}\n.statistics-page .nav-tabs li .nav-link.active{background:#178744;color:#fff;border-radius:30px;}\n.statistics-page .nav-tabs li .nav-link{color:#178744;font-weight:bold; font-size: 1.1em;}\n.statistics-page .nav-tabs{background: #eee; border-radius: 30px; width: max-content; padding: 5px;\n box-shadow: 2px 2px 5px #1c1c1c85;}\n.search-b2b-page{border-radius:30px;background:#fff; border: 1px solid #178744;}\n.search-b2b-page .form-select{border-radius:30px;background-color:#dedede;box-shadow:none;}\n.search-b2b-page .form-control{border:none;outline:none;box-shadow:none;}\n .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;\n transition: 0.5s; margin-bottom: 30px; height: 340px;}\n .b2b-products-owl .inner img{ border-radius: 10px; height: 150px; object-fit: cover;}\n .b2b-products-owl .owl-nav button span {padding: 5px 7px;color: #fff;font-size: 20px;background: #178744;}\n .b2b-products-owl .owl-nav button span {padding: 5px 7px;color: #fff;font-size: 20px;background: #178744;}\n .b2b-products-owl .owl-stage-outer{padding-bottom:0;}\n .what-you-need-form .form-control{ height: 40px; padding-top: 19px !important;box-shadow:none;}\n .what-you-need-form .form-floating>label{left:15px;padding: 10px;}\n .what-you-need-form .form-select{height: 40px; padding: 5px 10px; padding-bottom: 0;box-shadow:none;}\n .what-you-need-form .form-floating>.form-control:focus~label,.what-you-need-form .form-floating>.form-control:not(:placeholder-shown)~label,\n .what-you-need-form .form-floating>.form-select~label{transform: scale(.85) translateY(-1.3rem) translateX(.15rem);\n background: #fff; width: max-content; opacity: 1; color: #666;}\n /* .b2b-page .right-side .item{flex-grow: 1;position:relative; transition: all 300ms ease-in-out;padding:10px;height:250px;}\n .b2b-page .right-side .img-wrapper{width:100%;border-top:4px solid #178744;border-bottom:4px solid #178744;}\n .b2b-page .right-side .img-wrapper img{width:100%; transition: all 300ms ease-in-out; height:250px; object-fit: cover; }\n .b2b-page .right-side .content-wrapper{position: absolute; transform: translate(156px, 0px); background: #fff; box-shadow: 5px 5px 9px #00000047;\n border-radius: 10px; padding: 10px;transition: all 300ms ease-in-out;opacity:0; top: 50px; right: 10px;}\n .b2b-page .right-side .item:hover{ flex-grow: 12;}\n .b2b-page .right-side .column:hover img{width:50%;height:250px;}\n.b2b-page .right-side .column:hover .content-wrapper{opacity:1; transform: translate(-10px, 0px);}\n.b2b-page .right-side .column { position: relative; width: 33%; padding: 2%; float: left; margin: 0; transition: all 0.5s ease;}\n .b2b-page .right-side .column.wide { width: 50%!important; }\n .b2b-page .right-side .img-wrapper p{ padding: 10px; margin: 0; text-align: center; font-size: 1.2em; font-weight: 500;}\n.b2b-page .right-side .content-wrapper ul{ list-style: square;}\n.b2b-page .right-side .content-wrapper ul li a{color:#333;}*/\n \n\n\n \n\n@media only screen and (max-width: 1200px) {\n\n.home-tabs .nav-item a{width: 86px; word-break: break-word; padding: 10px 3px; text-align: center;}\n}\n\n@media only screen and (max-width: 600px) {\n.mobile-menubar-bottom { position: fixed !important;\tpadding-left:0px !important; bottom: -10px; z-index: 999;\n text-align: center; background: #d2f7f4; padding-top: 7px; border-top: 2px solid #ccc;width: 100%;}\n#mb-search{position: absolute; height: auto; bottom: 70px; width: 300px; left: 20px;}\n#mb-search input{padding:5px}\n#mb-search #search-form-mobile{background: #333; padding: 5px; }\n#mb-search span\t{\tpadding: 10px;\t}\n\t.mobile-menubar-bottom i{\tcolor:#178744;font-size:20px;\t}\n\t.top-logo{width:275px;}\n#mobile-menu{background: #178744;width:80%;}\n.delay-1{ animation-delay: 0s;}\n.delay-2{ animation-delay: 0s;}\n.delay-3{ animation-delay: 0s;}\n.delay-4{ animation-delay: 0s;}\n.left-navbar{margin-top:0;padding-top:0;}\n#main-carousel img{height:300px;object-fit:cover;}\n#main-carousel .carousel-caption{left:5%;}\n#main-carousel .title1{font-size: 1.5rem;}\n#main-carousel .title3{font-size: 1.2rem;}\n.top-logo-1{width:100px;}\n.top-logo-2{width:80px;}\n.top-logo-3{width:80px;}\n.comp-top .navbar-collapse{ position: absolute; z-index: 9999; width: 100%;top: 36px;}\n.comp-top { background: #eee; border: 1px solid #ccc;}\n.comp-logo{ position: absolute; left: 22px; top:127px; z-index: 9; width: 90px; height: 90px;}\n#comp-slider img{height:200px;}\n.products .inner{height:325px;}\n#image-gallery .gallary-page-modal-btn-left,#image-gallery .gallary-page-modal-btn-right{position:static;}\n.regsiter-with-us-form { padding: 5px;}\n.home-tabs .nav.nav-tabs{display: -webkit-inline-box; overflow-x: scroll !important; white-space: nowrap; width: 100%;}\n.home-tabs .nav.nav-tabs li{display: -webkit-inline-box;}\n.home-tabs .nav.nav-tabs li a{width:auto;padding: 15px 12px;}\n.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;}\n.home-tabs .nav-item a.active:after{border: none;}\n.wow{\n animation-name: none !important;\n visibility: visible !important;\n }\n .login-page .nav-tabs{overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; padding-bottom: 10px;width: 104%;\n margin-left: -2%;} \n .login-page .nav-item label{ width: max-content;} \n .login-page .nav-tabs:after{content:none;} \n .comp-top .right-side { border: 2px solid #178744; padding-left: 0px !important; margin-left: 0px; }\n .b2b-page .left-sectors .card .dropdown-menu{ left: 0 !important; right: auto !important; transform: none !important;\n width: 100%; top: 38px !important; columns: 2;}\n .b2b-page .left-sectors .card .dropdown-toggle.show:after{border:none;}\n .b2b-page .right-side .content-wrapper{opacity: 1;transform: none;right: 40px;left: 40px; width: auto; background: rgb(221 217 217 / 75%);}\n .b2b-page .right-side .item{flex-grow: unset; width: 100%;}\n .b2b-page .right-side .img-wrapper p{display:none;}\n .b2b-page .right-side .item:hover .content-wrapper{transform:none;}\n .b2b-page .right-side .item:hover img{width:100%;}\n .b2b-page .right-side .content-wrapper p{display:block;border-bottom: 2px dashed #178744; font-weight: bold;}\n .b2b-page .right-side .item{height:320px;}\n .b2b-page .right-side .break{height:0;} \n .b2b-page-features .title1{font-size:1.8em;}\n .section-title p.title1{font-size:2em;}\n .b2b-top-rated-copmanies .owl-dots{display:none;}\n .b2b-top-rated-copmanies .item{ width: 90%;}\n .b2b-top-menu{background:#fff;}\n .b2b-top-menu .navbar-collapse{background: rgb(23, 135, 68); padding: 10px; border-radius: 10px; margin-top: 10px;}\n .b2b-top-menu ul li a{padding: 4px 15px !important; border-right: none;}\n .b2b-top-menu .navbar-toggler:focus{box-shadow:none}\n .b2b-page .left-sectors .card ul.inner-dropdown{left: 0; min-width: 100%; max-width: 100%;top: 100%;}\n .outer:hover p.hover-dropdown:after{border:none;}\n}\n\n.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;}\n.join-us .inner img{width:100%;height:200px;object-fit:cover;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 74%);}\n.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;}\n.join-us .inner:hover{border:1px solid #178744;transition:0.5s;background: #eee;}\n.join-us .inner:hover img.icon{outline:none;border:none;width:75px;height:75px;}\n\n.indent{text-indent: -20px; margin-left: 20px;}\n\n/* circulars-new code */\n.circulars img{width:70px; margin-top: 20px; margin-bottom: 20px;}\n.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;}\n.circulars .inner p{font-size: 1.4rem; text-align: center;position: relative; transition: 0.5s; }\n.circulars .inner .overlay{position: absolute; left: 10px; top: 10px; right: 10px; bottom: 100%; background: #178744; border-radius: 10px;opacity:0; transition: 0.5s; }\n.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; }\n.circulars .inner:hover{ box-shadow: rgba(0, 0, 0, 0.45) 20px 30px 40px -30px; border: 1px solid #068f51;}\n.circulars .inner:hover > p{transform: translate(0, -20px);color:#fff !important;}\n.circulars .inner:hover .overlay{opacity:1;bottom:10px;}\n.circulars .inner:hover .overlay p{transform: translate(0, 0px); opacity: 1;}\n/* circulars-new code */ \n \n/* social media code*/\n.social-mediabox .socialmediaicon{width: 4em; position: absolute; bottom: -15px; right: 4px;}\n\n\n/* width */\n.social-mediabox::-webkit-scrollbar { \n width: 8px;\n }\n \n /* Track */\n .social-mediabox::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey; \n border-radius: 10px;\n }\n \n /* Handle */\n .social-mediabox::-webkit-scrollbar-thumb {\n background: grey; \n border-radius: 30px;\n }\n \n /* Handle on hover */\n .social-mediabox::-webkit-scrollbar-thumb:hover {\n background: #b30000; \n }\n\n/* social media code */",
"html": "body{font-size:0.9rem;overflow-x:hidden !important;}\na{color: #028537;text-decoration:none;}\n.title1{font-size:2.5rem;}\n.title2{font-size:2rem;}\n.title3{font-size:1.75rem;}\n.title4{font-size:1.5rem;}\n.title5{font-size:1.25em;}\n.title6{font-size:1rem;}\n.title7{font-size:0.8rem;}\n.weight300{font-weight:300 !important}\n.weight400{font-weight:400 !important}\n.weight500{font-weight:500 !important}\n.weight600{font-weight:600 !important}\n.weight700{font-weight:700 !important}\n.weight800{font-weight:800 !important}\n.bg-theme{background: #178744 !important}\n.bg-lightgrey{background:#dedede;}\n.text-grey{color:#999 !important;}\n.text-theme{color:#178744;}\n.section-title p.title5{position:relative;}\n.section-title p.title5::after{ width: -webkit-fill-available; height: 2px; background: #01d154; content: '';\n position: absolute; top: 13px; margin-left: 8px;}\n.top-header{background:#333;color:#fff;padding:5px;}\n.top-search{ border-radius: 30px; overflow: hidden; background: #fff; padding: 2px;width: 350px !important;border: 2px solid #178744;top: -5px !important;\n right: 5px !important;}\n.top-search input{border: none !important;outline:none !important; box-shadow: none !important;font-size: 12px;width: 80% !important; float: left;}\n.top-search .btn{ border-radius: 30px !important;font-size: 12px; float:right;}\n.top-logo{width:512px;}\n#main-carousel .carousel-caption{left: 0;right:0;}\n .left-navbar .card-header > a:before { float: right !important; font-family: FontAwesome; content: \"\\f106\"; padding-right: 5px;font-size: 20px;\n line-height: 1;}\n.left-navbar .card-header > a.collapsed:before { float: right !important; content: \"\\f107\";font-size: 20px;\n line-height: 1;}\n .left-navbar .card-header{padding:0;border:none;background:none;}\n .left-navbar .card-header a{display:block;text-align:left;padding-right: 5px; color: #fff;}\n .left-navbar .card{border: none;background: none; color: #fff;}\n .left-navbar .card-body > ul.main-list > li:before{content:'\\27A3';font-size: 20px;margin-right: 5px;}\n .left-navbar .card-body{padding-top:5px;}\n .left-navbar .card-body ul.main-list{list-style:none; padding-left: 10px; background: #039d90;background:#178744}\n .left-navbar{margin-top: -270px; z-index: 999; position: relative; border-radius: 10px; padding-top: 80px;background: #02786fdb;min-height: 730px; \n background: rgba(31,178,90,.75);}\n \n .home-tabs .tab-content{ border: 1px solid #ccc;}\n.home-tabs .nav.nav-tabs{ border: none; color:#000; background:#03897E; border-radius:0;height: 50px; background: #178744;}\n.home-tabs .nav-item,.home-tabs .nav-item.active{ border: none; color:#fff; background:#03897E; border-radius:0; background: #178744;}\n.home-tabs .nav-item a{ padding: 15px 12px; height: 50px;color: #fff;font-size: 13px; border-radius: 0 !important;\n border: none !important;}\n.home-tabs .nav-item a:hover{background: transparent;border:none;color:#fff;}\n.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\n{ background: transparent; border: none; border-radius: 0; position: relative;color:#fff;}\n.home-tabs .nav-item a.active:after { content: \"\"; position: absolute; bottom: -34px; left: 37%; border: 15px solid transparent;\n border-top-color: #03622a ;z-index: 9;}\n.home-tabs .tab-content{ background: #fdfdfd; border:none; border-top: 4px solid #03622a;}\n.menu-products .inner{border: 1px solid #178744; padding: 15px 10px; text-align: center;height: 284px;margin-left: 5px;}\n.menu-products .inner img{width:100%; margin: auto;height: 150px;\n object-fit: cover;}\n.menu-products .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n.numscroll-section{background:url(../images/banner-1.jpg); background-position: center;\n background-size: cover; background-attachment: fixed;}\n.numscroll-section .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:#094621bf; } \n.quick-links-section .content{background:#dedede;} \n.gallery .thumb{position:relative;} \n.gallery img{width:100%;height:300px;object-fit:cover} \n.gallery .overlay img{width:30px !important; height: auto;position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%);}\n.gallery .overlay{position:absolute;left:0;right:0;top:0;bottom:100%;background:#178744bf; opacity:0; transition:0.5s; }\n.gallery .thumb:hover .overlay{bottom:0;opacity:1;}\nfooter{background:#2d3e50;color:#fff;}\n\n.delay-1{ animation-delay: 1s;}\n.delay-2{ animation-delay: 2s;}\n.delay-3{ animation-delay: 3s;}\n.delay-4{ animation-delay: 4s;}\n.top-logo-1{width:150px;}\n.top-logo-2{width:120px;}\n.top-logo-3{width:110px;}\n.project-enquiries { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px;}\n.upcoming-events { background: #eee; border: 1px solid #ccc; margin-bottom: 20px;}\n.news img{width:100%;}\n\n .left-navbar-innerpages .card-header > a:before { float: right !important; font-family: FontAwesome; content: \"\\f106\"; padding-right: 5px;font-size: 20px;\n line-height: 1;}\n.left-navbar-innerpages .card-header > a.collapsed:before { float: right !important; content: \"\\f107\";font-size: 20px;\n line-height: 1;}\n .left-navbar-innerpages .card-header{padding:0;border:none;background:none;}\n .left-navbar-innerpages .card-header a{display:block;text-align:left;padding-right: 5px; color: #fff;}\n .left-navbar-innerpages .card{border: none;background: none; color: #fff;}\n .left-navbar-innerpages .card-body > ul.main-list > li:before{content:'\\27A3';font-size: 20px;margin-right: 5px;}\n .left-navbar-innerpages .card-body{padding-top:5px;}\n .left-navbar-innerpages .card-body ul.main-list{list-style:none; padding-left: 10px; background: #039d90;background:#03622a}\n .left-navbar-innerpages{ z-index: 999; position: relative; border-radius: 10px; padding-top: 10px;background: #02786fdb;min-height: 730px; \n background: #178744;}\n .committee-members .inner{border: 1px solid #178744; padding: 10px;margin-bottom: 20px; height: 180px;}\n .committee-members .inner > p:first-child {padding: 10px; margin-bottom: 8px; background: #e5e5e5; font-weight: bold;}\n .inner-pages p.title4:before{display: block; content: ''; width: 97%; position: absolute;\n top: 16px; border-bottom: 1px solid #04b74d; z-index: 1; left: 15px;}\n .inner-pages p.title4 > span{background:#fff;position:relative;z-index: 99;\n padding-right: 10px; text-transform: uppercase;}\n .comp-top{}\n .grey-border{border:1px solid #ccc;padding:0 10px;}\n .comp-logo{width:140px;height:140px;object-fit:contain;border-radius:100%; background: #fff;\n border: 2px solid #178744;padding: 5px;}\n .comp-top .navbar-nav li a{color: #fff; background: #178744; margin-right: 2px; padding: 5px 20px !important;font-size: 15px;}\n .products .inner{border: 1px solid #178744; padding: 15px 10px; text-align: center;height: 305px;margin-left: 5px;background:#fff;}\n.products .inner img{width:100%; margin: auto;height: 150px;\n object-fit: cover;}\n.products .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n .comp-gallery img{width:100%;}\n #comp-slider img{width:100%;height:300px;object-fit:cover}\n #mobile-menu{background: #178744;}\n .comp-top .comp-name{top:0; width: 98%; \n margin-top: 0 !important; }\n .comp-top .right-side{border: 2px solid #178744; padding-left: 100px !important;\n margin-left: -10px;}\n #prod-details-carousel .carousel-indicators{ list-style: none; }\n #prod-details-carousel .carousel-indicators button, #prod-details-carousel .carousel-indicators button.active{\n width: 70px; height: 70px;background-color: #fff;position: relative;margin: 10px; }\n#prod-details-carousel .carousel-indicators img{position: absolute;width: 100%; height: 100%;top: 0; left: 0; border:2px solid #fff;object-fit: cover;}\n #prod-details-carousel .carousel-item img{width:100%;height:350px;object-fit:cover;}\n .gallery-page img{width:100%;height:200px;object-fit:cover;border: 1px solid #ccc; padding: 2px;}\n .b2b-header .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.4);}\n .b2b-header p{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;\n font-size: 3em; text-align: center; text-shadow: 2px 0 0#fff;}\n .b2b-page .left-img img{width:100%;height:350px;object-fit:cover; height: 100%;}\n .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%);\n content: \"\"; position: absolute; top: 0; width: 100%; height: 100%; opacity: .8; right: 0;}\n .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;}\n .b2b-page .prods .inner ul{padding-left:15px;margin-bottom: 20px; list-style: square;}\n .b2b-page .left-img .categories{position:absolute;bottom:20px;color: #fff; left: 10px; right: 10px; font-weight: bold;}\n .b2b-page .left-img .categories ul{ list-style: square;}\n .b2b-page .comp-names p{ background: #d0ffd2;padding: 5px; text-align: center; font-weight: bold;}\n .b2b-page .comp-names .inner{border:1px solid #ccc;height: 280px;}\n .b2b-page .comp-names .inner ul{list-style:none;padding-left:10px;}\n .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%)}\n .b2b-page .b2b-banners p{position:absolute;bottom:20px;color: #fff; left: 10px; right: 10px; font-weight: bold;}\n .b2b-brands-owl img{width:100%;height:120px;object-fit:contain;border:1px solid #ccc;padding: 10px;\n filter: grayscale(100%);}\n .b2b-brands-owl p{text-align:Center;border:1px solid #ccc; padding: 40px 10px;height:125px;}\n .b2b-brands-owl .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n .b2b-search-left{border:1px solid #ccc;}\n .b2b-search-left .card,.b2b-search-left .card-header{border:none;}\n .b2b-search-left .card-header a{font-size:1em;}\n .b2b-search-left [data-bs-toggle=\"collapse\"] .fa:before { content: \"\\f106\";}\n.b2b-search-left [data-bs-toggle=\"collapse\"].collapsed .fa:before { content: \"\\f107\";}\n.b2b-search-prods .inner{border:1px solid #ccc;padding:5px;margin-bottom:20px;}\n.b2b-search-prods .inner img{width:100%;height:150px;object-fit:cover;}\n.inner-pages table tr th{background:#eee;text-align:Center;}\n.inner-pages p ,.inner-pages ul li{ text-align: justify;}\n.short-para{display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\n line-height: 1.625; overflow: hidden; text-overflow: ellipsis;}\n .custom-form .form-control{ border: 2px solid #ddd; border-radius: 0;}\n #accordion-faq .card-header a{text-align:left;display: block;font-weight: 500;}\n #accordion-faq .card-header{border-radius:30px;background: #eee;padding: 5px;}\n #accordion-faq .card{border:none;margin-bottom: 20px;}\n #accordion-faq .card-header a.btn:focus{border:none;}\n #accordion-faq .card-header a[aria-expanded=\"true\"] i {-webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);transform: rotate(180deg);}\n #accordion-faq .card-header a i{transition:0.5s;position: absolute;right: 15px; font-size: 25px;}\n #accordion-faq .card-body{border-right: 2px dotted #178744; border-left: 2px dotted #178744; margin: 5px 20px;}\n /*for autosuggest dropdown css*/\n .ac_results{background: #fff;z-index: 9999;border: 1px solid #ccc;box-shadow: 2px 2px #ccc;}\n.ac_results ul li{padding:5px;cursor: pointer;}\n.ac_results ul li::marker{position:absolute}\n.modal-backdrop { opacity: 0.8 !important;}\n#image-gallery .gallary-page-modal-btn-left{position: absolute; top: 50%; left: -70px; border: 2px solid #fff;}\n#image-gallery .gallary-page-modal-btn-right{position: absolute; top: 50%; right: -70px; border: 2px solid #fff;}\n.gallary-owl.owl-carousel .owl-dots.disabled,.gallary-owl.owl-carousel .owl-nav.disabled { display: block;}\n.owl-carousel.gallary-owl .owl-nav button.owl-next{background-color: #178744 !important; padding: 0px 8px !important;\n color: #fff; font-size: 22px;border: 2px solid;font-size: 22px;position: absolute;top: 30%;right: 10px;}\n.owl-carousel.gallary-owl .owl-nav button.owl-prev {background-color: #178744 !important;padding: 0px 8px !important;\n color: #fff;font-size: 22px;border: 2px solid;font-size: 22px;position: absolute;top: 30%;left: 10px;}\n .regsiter-with-us-form .form-control { border: 1px solid #ced4da; border-radius: 0.25rem; }\n .regsiter-with-us-form .form-control:focus {box-shadow: none;border:1px solid #333;}\n .regsiter-with-us-form .form-group{margin-bottom:1rem;}\n .regsiter-with-us-form label{margin-bottom:.5rem;color: #000; font-size: 15px;}\n .regsiter-with-us-form .custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;\n display: block; height: calc(1.5em + 0.75rem);padding: 0.375rem 0.75rem;line-height: 1.5;color: #495057;\n content: \"Browse\";background-color: #e9ecef;border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; }\n.regsiter-with-us-form .custom-file {position: relative;display: inline-block;width: 100%; height: calc(1.5em + 0.75rem + 2px);\n margin-bottom: 0;}\n .regsiter-with-us-form .custom-file-input {position: relative;z-index: 2;width: 100%; \n margin: 0; opacity: 0;}\n.regsiter-with-us-form .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; \n padding: 0.375rem 0.75rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;\nborder: 2px solid #ddd; border-radius: 0;cursor: pointer;}\n.regsiter-with-us-form{background:whitesmoke;padding:20px;}\n\n/* .members-owl img{width:130px !important;height:130px;object-fit:contain;border-radius:100%;margin:auto;border: 1px solid #ccc;\n padding: 5px;margin-bottom: 15px;} */\n .members-owl img{ \n width: 150px !important;\n height: 150px;\n object-fit:contain;\n margin:auto;\n /* border: 1px solid #ccc; */\n padding: 5px;\n margin-bottom: 15px;\n }\n.members-owl .inner{text-align:center; background: #fff; padding: 15px;border: 2px dotted #ccc;height: 250px;border-radius: 5px;}\n.members-owl .owl-nav button span{ padding: 5px 7px; color: #fff; font-size: 20px;background: #178744;}\n .members-owl .owl-nav{margin-top: 25px !important;}\n .all-members .inner {margin-bottom: 20px;position: relative; text-align:center;border:1px solid #178744;height:96%;}\n.all-members .inner img {width: 120px;height: 120px;object-fit: contain; transition: 0.5s;padding: 10px;}\n.all-members .inner p.title6{color: #858585;}\n.all-members .inner:hover img{}\n.all-members .inner:hover p{color:#178744}\n.login-page .tab-content{border-top:none;padding: 15px;}\n.login-page{background:#fff;box-shadow: 0 0 10px #878787db;}\n.login-page .nav-tabs{width: 110%; margin-left: -5%; box-shadow: 0 0 10px #a7a7a7bf;position:relative;}\n.login-page .nav-item a{background:transparent;border-radius: 0;color: #fff;border:none;text-align:;}\n.login-page .nav-item a.active{background:#333;color:#fff;height: 36px;}\n.login-page .nav-item{margin:auto;text-align: center;padding:8px;font-size: 16px;}\n.login-page .nav-tabs input:checked .nav-tabs .nav-item{background:#333}\n.login-page .nav-tabs:after { content: ''; position: absolute; z-index: 1; inset: 10px calc(-1*20px) auto auto;\n padding: 0 10px; top: 40px; width: 10px; border-top: 0px solid transparent;\n border-left: 27px solid #555; border-bottom: 25px solid transparent;}\n .login-page .nav-item label{color:#fff;}\n .custom-form-2 .input-group{border-bottom:1px solid #ccc;}\n.custom-form-2 .input-group-text{background:transparent;border:none;}\n.custom-form-2 .form-control{border:none;outline:none;box-shadow:none;}\n.custom-form-2 i{color:#9b9b9b;}\n.custom-form-2 .form-floating>label{font-weight: bold;}\n.b2b-top-menu{background:#178744;}\n.b2b-top-menu ul li a{color:#fff;font-size: 1.05em; border-right: 1px solid #ffffff8c; padding: 0px 15px !important;}\n.b2b-top-menu ul li:last-child a{ border-right:none; }\n.b2b-page .left-sectors .card,.b2b-page .left-sectors .card-header{border:none;}\n.b2b-page .left-sectors .card .dropdown-toggle,.b2b-page .left-sectors .card .hover-dropdown{padding: 10px; margin: 0; cursor: pointer;height: 41px;\n white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}\n.b2b-page .left-sectors .card-body{padding:0}\n.b2b-page .left-sectors .card .dropdown-toggle.show,.b2b-page .left-sectors .card .outer:hover .hover-dropdown{background:#178744;color:#fff;}\n.b2b-page .left-sectors .card .dropdown-toggle.show:after, .outer:hover p.hover-dropdown:after{width: 0px; height: 0px; border-top: 22px solid transparent;\n border-bottom: 22px solid transparent; border-left: 25px solid #178744; position: absolute;\n left: 100%; top: -1px; z-index: 9999;margin:0;}\n p.hover-dropdown::after {\n display: inline-block;\n margin-left: 10px;\n \n content: \"\";\n border-top: .3em solid transparent;\n border-right: 0;\n border-bottom: .3em solid transparent;\n border-left: .3em solid;\n}\n.b2b-page .left-sectors .card .outer > p.{margin:0;}\n.b2b-page .left-sectors .card .outer > p.no-sub-cat:hover{background:#178744;}\n.b2b-page .left-sectors .card .outer > p.no-sub-cat:hover a{color:#fff !important}\n .b2b-page .left-sectors .card .dropdown-menu,.b2b-page .left-sectors .card ul.inner-dropdown{padding-left:25px; overflow-y: scroll;\n min-height: 200px; min-width: 700px; max-width: 750px; list-style: square;line-height: 1.8; height: 300px; }\n .b2b-page .left-sectors .card .dropdown-menu li > a{display: block; width: 100%; clear: both;\n white-space: nowrap;color:#333;white-space: break-spaces;}\n .b2b-page .left-sectors .card .dropdown-menu li p a{margin-right:10px;}\n .b2b-page .left-sectors .card .dropdown-menu{list-style:none; }\n .b2b-page .left-sectors .card .inner-dropdown{position: absolute; left: 100%; top: -100px; background: #fff;\n padding: 10px; border: 1px solid #ccc; z-index: 999; display: none;border: 1px solid rgb(0 0 0 / 18%);\n border-radius: 0.375rem;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}\n .b2b-page .left-sectors .card .outer{position:relative;}\n .b2b-page .left-sectors .card .outer:hover .inner-dropdown{display:block}\n .b2b-page .left-sectors .card .dropdown-menu > li,.b2b-page .left-sectors .card .inner-dropdown > li{position:relative; margin-left: 5px;margin-bottom:10px;}\n .b2b-page .left-sectors .card .dropdown-menu > li:before,,.b2b-page .left-sectors .card .inner-dropdown > li:before{\n content:'\\2726';left:-18px;position:absolute;} \n.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% );\n background-size: 200% 100%; background-position: -100%; display: inline-block; \n position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}\n .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% );\n background-size: 200% 100%; background-position: -100%; display: inline-block; \n position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}\n.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;\n bottom: 0px; left: 0; width: 0; height: 3px; transition: all 0.3s ease-in-out;}\n.b2b-page .left-sectors .card .dropdown-menu li a:hover,.b2b-page .left-sectors .card .inner-dropdown li a:hover {\n background-position: 0;}\n.b2b-page .left-sectors .card .dropdown-menu li a:hover::before,.b2b-page .left-sectors .card .inner-dropdown li a:hover::before{ width: 100%;}\n\n \n .b2b-page .right-side > ul{list-style:none;padding:0;} \n .b2b-page .right-side .item{flex-grow: 1;height:235px;position:relative; transition: all 300ms ease-in-out;padding:10px;width:165px;}\n .b2b-page .right-side .img-wrapper{height:100%;border-top:4px solid #178744;}\n .b2b-page .right-side .img-wrapper img{width:100%; height: 100%; object-fit: cover;transition: all 300ms ease-in-out;}\n .b2b-page .right-side .content-wrapper{position: absolute; transform: translate(312px, 0px); top:25px; background: #fff; \n box-shadow: rgb(168 241 178 / 21%) 4px 2px 4px 0px, rgb(32 32 32 / 36%) 4px 2px 12px 0px; border-radius: 10px; \n padding: 10px;transition: all 300ms ease-in-out;opacity:0;width:60%;}\n .b2b-page .right-side .item:hover{ flex-grow: 8.3;}\n .b2b-page .right-side .item:hover img{width:50%;}\n .b2b-page .right-side .item:hover .content-wrapper{transform: translate(120px, 0px);opacity:1;z-index:99} \n .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;\n display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.625;\n overflow: hidden; text-overflow: ellipsis; height: 40px;}\n.b2b-page .right-side .content-wrapper ul{ list-style: square;}\n.b2b-page .right-side .content-wrapper ul li a{color:#333;}\n.b2b-page .right-side .break{flex-basis: 100%; height: 60px;}\n.b2b-page .right-side .content-wrapper ul li a { font-weight: 500; background-image: linear-gradient(to right, #178744,#178744 50%, #000 50% );\n background-size: 200% 100%; background-position: -100%; display: inline-block; padding: 5px 0;\n position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}\n.b2b-page .right-side .content-wrapper ul li a:before{ content: ''; background: #178744; display: block; position: absolute;\n bottom: 0px; left: 0; width: 0; height: 3px; transition: all 0.3s ease-in-out;}\n.b2b-page .right-side .content-wrapper ul li a:hover { background-position: 0;}\n.b2b-page .right-side .content-wrapper ul li a:hover::before{ width: 100%;}\n.b2b-page-features .ps-block__left{background: #0b5936; border: 1px solid #fff; border-radius: 10px; padding: 15px;}\n.b2b-top-rated-copmanies p,.b2b-top-rated-copmanies img{border:none;}\n.b2b-top-rated-copmanies img{width: 150px; height: 100px; object-fit: contain;padding:20px}\n.b2b-top-rated-copmanies p{padding:0;height: auto;}\n.b2b-top-rated-copmanies .item{border:1px solid #ccc;border-radius:5px; height: 160px; padding: 5px;\n box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}\n.owl-stage-outer{padding: 20px;}\n.b2b-page .right-side .content-wrapper p{display:none;}\n.membership-benefits .inner img{width:100px;height:100px;object-fit:cover;border-radius:100%; padding: 4px;\n border: 2px solid #ccc;}\n.membership-benefits .inner p{text-align:center;margin:0}\n.membership-benefits .inner{border: 1px solid #ccc;border-radius: 20px; padding: 10px; \n box-shadow:rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;transition:0.5s; margin-bottom: 30px;\n height: 340px;}\n .membership-benefits .inner:hover{ box-shadow:rgba(0, 0, 0, 0.45) 20px 30px 40px -30px;border: 1px solid #068f51;}\n.statistics-page .tab-content .inner img{width:100%; height: 200px; object-fit: cover;}\n.statistics-page .tab-content .inner{border: 1px solid #ccc;border-radius: 10px;overflow: hidden; padding: 10px;}\n.statistics-page .tab-content .inner p{text-align:left;}\n.statistics-page .tab-content .inner p.title6{margin-top:15px;margin-bottom:10px;}\n.statistics-page .tab-content .statistics{padding:5px;}\n.statistics-page .nav-tabs li .nav-link.active{background:#178744;color:#fff;border-radius:30px;}\n.statistics-page .nav-tabs li .nav-link{color:#178744;font-weight:bold; font-size: 1.1em;}\n.statistics-page .nav-tabs{background: #eee; border-radius: 30px; width: max-content; padding: 5px;\n box-shadow: 2px 2px 5px #1c1c1c85;}\n.search-b2b-page{border-radius:30px;background:#fff; border: 1px solid #178744;}\n.search-b2b-page .form-select{border-radius:30px;background-color:#dedede;box-shadow:none;}\n.search-b2b-page .form-control{border:none;outline:none;box-shadow:none;}\n .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;\n transition: 0.5s; margin-bottom: 30px; height: 340px;}\n .b2b-products-owl .inner img{ border-radius: 10px; height: 150px; object-fit: cover;}\n .b2b-products-owl .owl-nav button span {padding: 5px 7px;color: #fff;font-size: 20px;background: #178744;}\n .b2b-products-owl .owl-nav button span {padding: 5px 7px;color: #fff;font-size: 20px;background: #178744;}\n .b2b-products-owl .owl-stage-outer{padding-bottom:0;}\n .what-you-need-form .form-control{ height: 40px; padding-top: 19px !important;box-shadow:none;}\n .what-you-need-form .form-floating>label{left:15px;padding: 10px;}\n .what-you-need-form .form-select{height: 40px; padding: 5px 10px; padding-bottom: 0;box-shadow:none;}\n .what-you-need-form .form-floating>.form-control:focus~label,.what-you-need-form .form-floating>.form-control:not(:placeholder-shown)~label,\n .what-you-need-form .form-floating>.form-select~label{transform: scale(.85) translateY(-1.3rem) translateX(.15rem);\n background: #fff; width: max-content; opacity: 1; color: #666;}\n /* .b2b-page .right-side .item{flex-grow: 1;position:relative; transition: all 300ms ease-in-out;padding:10px;height:250px;}\n .b2b-page .right-side .img-wrapper{width:100%;border-top:4px solid #178744;border-bottom:4px solid #178744;}\n .b2b-page .right-side .img-wrapper img{width:100%; transition: all 300ms ease-in-out; height:250px; object-fit: cover; }\n .b2b-page .right-side .content-wrapper{position: absolute; transform: translate(156px, 0px); background: #fff; box-shadow: 5px 5px 9px #00000047;\n border-radius: 10px; padding: 10px;transition: all 300ms ease-in-out;opacity:0; top: 50px; right: 10px;}\n .b2b-page .right-side .item:hover{ flex-grow: 12;}\n .b2b-page .right-side .column:hover img{width:50%;height:250px;}\n.b2b-page .right-side .column:hover .content-wrapper{opacity:1; transform: translate(-10px, 0px);}\n.b2b-page .right-side .column { position: relative; width: 33%; padding: 2%; float: left; margin: 0; transition: all 0.5s ease;}\n .b2b-page .right-side .column.wide { width: 50%!important; }\n .b2b-page .right-side .img-wrapper p{ padding: 10px; margin: 0; text-align: center; font-size: 1.2em; font-weight: 500;}\n.b2b-page .right-side .content-wrapper ul{ list-style: square;}\n.b2b-page .right-side .content-wrapper ul li a{color:#333;}*/\n \n\n\n \n\n@media only screen and (max-width: 1200px) {\n\n.home-tabs .nav-item a{width: 86px; word-break: break-word; padding: 10px 3px; text-align: center;}\n}\n\n@media only screen and (max-width: 600px) {\n.mobile-menubar-bottom { position: fixed !important;\tpadding-left:0px !important; bottom: -10px; z-index: 999;\n text-align: center; background: #d2f7f4; padding-top: 7px; border-top: 2px solid #ccc;width: 100%;}\n#mb-search{position: absolute; height: auto; bottom: 70px; width: 300px; left: 20px;}\n#mb-search input{padding:5px}\n#mb-search #search-form-mobile{background: #333; padding: 5px; }\n#mb-search span\t{\tpadding: 10px;\t}\n\t.mobile-menubar-bottom i{\tcolor:#178744;font-size:20px;\t}\n\t.top-logo{width:275px;}\n#mobile-menu{background: #178744;width:80%;}\n.delay-1{ animation-delay: 0s;}\n.delay-2{ animation-delay: 0s;}\n.delay-3{ animation-delay: 0s;}\n.delay-4{ animation-delay: 0s;}\n.left-navbar{margin-top:0;padding-top:0;}\n#main-carousel img{height:300px;object-fit:cover;}\n#main-carousel .carousel-caption{left:5%;}\n#main-carousel .title1{font-size: 1.5rem;}\n#main-carousel .title3{font-size: 1.2rem;}\n.top-logo-1{width:100px;}\n.top-logo-2{width:80px;}\n.top-logo-3{width:80px;}\n.comp-top .navbar-collapse{ position: absolute; z-index: 9999; width: 100%;top: 36px;}\n.comp-top { background: #eee; border: 1px solid #ccc;}\n.comp-logo{ position: absolute; left: 22px; top:127px; z-index: 9; width: 90px; height: 90px;}\n#comp-slider img{height:200px;}\n.products .inner{height:325px;}\n#image-gallery .gallary-page-modal-btn-left,#image-gallery .gallary-page-modal-btn-right{position:static;}\n.regsiter-with-us-form { padding: 5px;}\n.home-tabs .nav.nav-tabs{display: -webkit-inline-box; overflow-x: scroll !important; white-space: nowrap; width: 100%;}\n.home-tabs .nav.nav-tabs li{display: -webkit-inline-box;}\n.home-tabs .nav.nav-tabs li a{width:auto;padding: 15px 12px;}\n.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;}\n.home-tabs .nav-item a.active:after{border: none;}\n.wow{\n animation-name: none !important;\n visibility: visible !important;\n }\n .login-page .nav-tabs{overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; padding-bottom: 10px;width: 104%;\n margin-left: -2%;} \n .login-page .nav-item label{ width: max-content;} \n .login-page .nav-tabs:after{content:none;} \n .comp-top .right-side { border: 2px solid #178744; padding-left: 0px !important; margin-left: 0px; }\n .b2b-page .left-sectors .card .dropdown-menu{ left: 0 !important; right: auto !important; transform: none !important;\n width: 100%; top: 38px !important; columns: 2;}\n .b2b-page .left-sectors .card .dropdown-toggle.show:after{border:none;}\n .b2b-page .right-side .content-wrapper{opacity: 1;transform: none;right: 40px;left: 40px; width: auto; background: rgb(221 217 217 / 75%);}\n .b2b-page .right-side .item{flex-grow: unset; width: 100%;}\n .b2b-page .right-side .img-wrapper p{display:none;}\n .b2b-page .right-side .item:hover .content-wrapper{transform:none;}\n .b2b-page .right-side .item:hover img{width:100%;}\n .b2b-page .right-side .content-wrapper p{display:block;border-bottom: 2px dashed #178744; font-weight: bold;}\n .b2b-page .right-side .item{height:320px;}\n .b2b-page .right-side .break{height:0;} \n .b2b-page-features .title1{font-size:1.8em;}\n .section-title p.title1{font-size:2em;}\n .b2b-top-rated-copmanies .owl-dots{display:none;}\n .b2b-top-rated-copmanies .item{ width: 90%;}\n .b2b-top-menu{background:#fff;}\n .b2b-top-menu .navbar-collapse{background: rgb(23, 135, 68); padding: 10px; border-radius: 10px; margin-top: 10px;}\n .b2b-top-menu ul li a{padding: 4px 15px !important; border-right: none;}\n .b2b-top-menu .navbar-toggler:focus{box-shadow:none}\n .b2b-page .left-sectors .card ul.inner-dropdown{left: 0; min-width: 100%; max-width: 100%;top: 100%;}\n .outer:hover p.hover-dropdown:after{border:none;}\n}\n\n.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;}\n.join-us .inner img{width:100%;height:200px;object-fit:cover;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 74%);}\n.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;}\n.join-us .inner:hover{border:1px solid #178744;transition:0.5s;background: #eee;}\n.join-us .inner:hover img.icon{outline:none;border:none;width:75px;height:75px;}\n\n.indent{text-indent: -20px; margin-left: 20px;}\n\n/* circulars-new code */\n.circulars img{width:70px; margin-top: 20px; margin-bottom: 20px;}\n.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;}\n.circulars .inner p{font-size: 1.4rem; text-align: center;position: relative; transition: 0.5s; }\n.circulars .inner .overlay{position: absolute; left: 10px; top: 10px; right: 10px; bottom: 100%; background: #178744; border-radius: 10px;opacity:0; transition: 0.5s; }\n.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; }\n.circulars .inner:hover{ box-shadow: rgba(0, 0, 0, 0.45) 20px 30px 40px -30px; border: 1px solid #068f51;}\n.circulars .inner:hover > p{transform: translate(0, -20px);color:#fff !important;}\n.circulars .inner:hover .overlay{opacity:1;bottom:10px;}\n.circulars .inner:hover .overlay p{transform: translate(0, 0px); opacity: 1;}\n/* circulars-new code */ \n \n/* social media code*/\n.social-mediabox .socialmediaicon{width: 4em; position: absolute; bottom: -15px; right: 4px;}\n\n\n/* width */\n.social-mediabox::-webkit-scrollbar { \n width: 8px;\n }\n \n /* Track */\n .social-mediabox::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey; \n border-radius: 10px;\n }\n \n /* Handle */\n .social-mediabox::-webkit-scrollbar-thumb {\n background: grey; \n border-radius: 30px;\n }\n \n /* Handle on hover */\n .social-mediabox::-webkit-scrollbar-thumb:hover {\n background: #b30000; \n }\n\n/* social media code */ "
}
0
x-amz-checksum-crc32:3WzWlA==