@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
@font-face {
		font-family: 'Poppins', sans-serif;
		src:url('../fonts/Poppins-Light.ttf') format("truetype");
		font-weight:300;
}
@font-face {
		font-family: 'Poppins', sans-serif;
		src:url('../fonts/Poppins-Regular.ttf') format("truetype");
		font-weight:400;
}
@font-face {
		font-family: 'Poppins', sans-serif;
		src:url('../fonts/Poppins-SemiBold.ttf') format("truetype");
		font-weight:500;
}
@font-face {
		font-family: "SangBleu Sunrise";
		src:url('../fonts/SangBleu-Sunrise.ttf') format("truetype");
		font-weight:500;
} 

body {
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size:16px; 
  background-color:#fff;
  font-weight: 400;
}
img {
  max-width: 100%;
}  
.close {
  font-weight: 400;
}
.font1 {font-family: 'Poppins', sans-serif;}
.font2 {font-family: "SangBleu Sunrise";}
body a {
  color:#333;
}
a:hover {
  color:#333;
}
.btn:focus {box-shadow:0px 0px 0px #333;}
h1,h2,h3,h4,h5,h6 { font-family: "SangBleu Sunrise";font-weight:500;color: #000;}
.container-fluid {
  padding:0px 70px;
}
p {line-height:27px;color:#545454;}
.bg-gray {background: #f7f7f7;}
.bg-gradient {background:#fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);}
.bg-gradient1 {background:#fddefe;background-image: linear-gradient(to bottom, #fddefe , #ffded8);}

/* header css */
.header {box-shadow: 0px 0px 10px -4px #999;}
.navbar-brand img{width:200px;}
.navbar-nav .nav-item {padding:0px 25px;}
.navbar-nav .nav-item .dropdown-menu  {background-image: linear-gradient(to top, #fddefe , #ffded8);border: 1px solid rgb(0 0 0 / 9%);margin-top:0px;left:auto;}
.navbar-nav .nav-item:hover > .dropdown-menu  {display: block;}
.navbar-nav .nav-link {color:#333;padding:0px 0px !important;font-weight: 400;position: relative;font-size: 18px;}
.navbar-nav .nav-link.dropdown-toggle:after, .navbar-nav .nav-link.dropdown-toggle img {display:none;}
.navbar-nav .nav-link.active:before, .navbar-nav .nav-link:hover:before {opacity:1;visibility:visible;width: 100%;}  
.navbar-nav .nav-link:before {transition: all 0.5s;background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);content: '';height: 8px;position: absolute;width:0%;bottom: 3px;left: 0px;z-index: -1;opacity:0;visibility: hidden;}

.dropdown-menu li {position: relative;}
.dropdown-menu .dropdown-item{position: relative;}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item.active {background: #fff;color: #1e2125;}


/* main slider section */
.swiper-button-next, .swiper-button-prev {color: #333 !important;width: calc(65px / 15 * 27) !important;outline: 0;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 30px !important;}
.swiper-button-prev:after {opacity: 0.4;font-size:0 !important;line-height: 23px;background: url(../images/Arrow.png) top center no-repeat;width:45px;height:25px;display: block;transform: rotate(180deg);}
.swiper-button-next:after {opacity: 0.4;font-size:0 !important;line-height: 23px;background: url(../images/Arrow.png) top center no-repeat;width:45px;height:25px;display: block;}


.main-slider-content {padding:70px;}
.carousel-control-prev-icon {background:url(../images/chevron-right.svg) !important;background-size:40px !important;transform:rotateY(-180deg);
}
.carousel-control-next-icon {background:url(../images/chevron-right.svg) !important;background-size:40px !important;
}
.carousel .carousel-inner {overflow: initial;}
.tagline-part {}
.tagline-part-box {margin-bottom:9em;min-height: 120px;position: relative;width: 125px;display: flex;align-items: center;justify-content: center;}
.tagline-part-box img {position: absolute;}
.tagline-part-rotate {animation-name: spin;animation-duration: 10000ms;animation-iteration-count: infinite;animation-timing-function: linear;opacity: 0.9;}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}
.main-slider-content h5 {margin: 0px 0px 30px;color: #888;font-weight: 400;font-size: 16px;}
.main-slider-content h2 {font-size: 3.5em;color: #000;line-height:70px;margin-bottom:2.8em;}

.readmore-btn {position: relative;}
.readmore-btn a{font-family: "SangBleu Sunrise";position: absolute;background:#fddefe;background-image: linear-gradient(to right, #fddefe , #ffded8);
  text-decoration: none;padding:14px 35px;top:0px;left:0px;text-transform: uppercase;color:#000;display: inline-flex;height: 45px;font-weight: 600;transition:all 0.2s;}
.readmore-btn a:hover {top:5px;left:5px;position: absolute;transition:all 0.2s;background-image: linear-gradient(to right, #ffded8 ,#fddefe );}
.readmore-btn a:hover:before {top:0px;left:0px;width:98%;height:98%;}
.readmore-btn a:before {content: '';width: 100%;height: 100%; top: 5px;left: 5px;position: absolute; border:1px solid #464646;z-index: -1;transition:all 0.2s; } 

.section {padding:100px 0px;}
.section-title {border-bottom: 1px solid #000;display: table;margin-bottom:35px;font-size: 2.5rem;}

/* about section */
.about-img {padding:0rem 4rem;}
.about-section-detail p {line-height:30px;}

/* why choose section */
.why-choose-box-repeat {transition:all 0.5s;padding: 30px 35px 0px;}
.why-choose-box-icon {transition:all 0.5s;width: 100px;height: 100px;margin: 0px auto 15px;background: #000;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.why-choose-box-repeat:hover > .why-choose-box-icon {background:#fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);}
.why-choose-box-repeat:hover > .why-choose-box-icon img {opacity:0;}
.why-choose-box-repeat:hover > .why-choose-box-icon img+img {opacity:1;}
.why-choose-box-icon img {z-index:2;position: absolute;transition:all 0.5s;}
.why-choose-box-icon img+img {z-index:1;}
.why-choose-box-repeat h3 {margin: 30px 0px 15px;} 
.why-choose-box-repeat p {margin:0px;}

/* industries served  section */
.indust-serv-section .container-fluid{max-width:95%;}
.indust-slider .item {padding:0px 0px;cursor:pointer;transition: all 0.5s;position: relative;overflow: hidden;}
.indust-slider .item a {text-decoration: none;}
.indust-slider .owl-dots {display:none;}
.indust-slider .owl-nav {position: absolute;top: 50%;width:100%;display: block !important; }
.indust-slider .owl-nav button {position: absolute;}
.indust-slider .owl-nav button.owl-prev span {opacity: 0.6;font-size:0;line-height: 23px;background: url(../images/Arrow.png) top center no-repeat;width:45px;height:25px;display: block;transform: rotate(
  180deg);}
.indust-slider .owl-nav button.owl-next span {opacity: 0.6;font-size:0;line-height: 23px;background: url(../images/Arrow.png) top center no-repeat;width:45px;height:25px;display: block;}
.indust-slider .owl-nav .owl-prev{left:-85px;right:auto; }
.indust-slider .owl-nav .owl-next{ right:-70px;left:auto;}
.indust-title {margin:0px;transition: all 0.5s;position: absolute; width: 100%;left: 0px;height:0px;bottom:-40px;text-align: center;padding:5px;font-size:30px; background: rgb(253 222 254 / 65%);
  background-image: linear-gradient(to top, rgb(253 222 254 / 78%) , rgb(255 222 216 / 78%));display: flex;align-items: flex-end;justify-content: center;}
.indust-slider .item:hover > a .indust-title { bottom:0px;height:100%;padding:25px 15px;}  


/* our products section */
.our-products-section a {text-decoration:none;}
.our-products-cat-repeat {transition:all 0.5s;padding: 30px 0px 0px;}
.our-products-cat-box-icon {cursor:pointer;position: relative;overflow: hidden;transition:all 0.5s;width: 175px;height: 175px;margin: 0px auto 15px;background:#fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.our-products-cat-repeat:hover > .our-products-cat-box-icon:before {height:100%;opacity:1;visibility:visible;}
.our-products-cat-repeat:hover > .our-products-cat-box-icon:after {height:100%;opacity:1;visibility:visible;}
.our-products-cat-box-icon:before {top:0px;height:0px;left:0px;width:100%;content:'';position:absolute;background-color:#000;opacity:0;visibility:hidden;transition: all 0.5s;}
.our-products-cat-box-icon:after {bottom:0px;height:0px;left:0px;width:100%;content:'';position:absolute;background-color:#000;opacity:0;visibility:hidden;transition: all 0.5s;}
.our-products-cat-box-icon img {display:block;width: auto !important;}
.our-products-cat-box-name {color:#fddefe;display: none;font-size: 0;padding: 0px 10px;font-weight:400;}
.our-products-cat-repeat:hover > .our-products-cat-box-icon .our-products-cat-box-name {display:block;font-size:18px;z-index: 1;}
.our-products-cat-repeat:hover > .our-products-cat-box-icon img {display: none;}
.our-products-cat-repeat h4 {margin: 30px 0px 0px;font-size: 20px;font-family: 'Poppins', sans-serif;font-weight: 400;} 
.our-products-cat-repeat p {margin:0px;}
.product-slider .owl-nav button {position: absolute;}
.product-slider .owl-nav button.owl-prev span {opacity: 0.6;font-size:0;line-height: 23px;background: url(../images/Arrow.png) top center no-repeat;width:45px;height:25px;display: block;transform: rotate(180deg);}
.product-slider .owl-nav button.owl-next span {opacity: 0.6;font-size:0;line-height: 23px;background: url(../images/Arrow.png) top center no-repeat;width:45px;height:25px;display: block;}
.product-slider .owl-nav {position: absolute;top: 50%;width: 100%;display: block !important;}

/* certificate section */
.certificate-section .owl-carousel .item {padding:0px 0px;cursor:pointer;transition: all 0.5s;min-height: 180px;display: flex; align-items: center;}
.certificate-section .owl-carousel .owl-nav, .certificate-section .owl-carousel .owl-dots {display:none;}
.certi-title {transition: all 0.5s;position: absolute; width: 100%;left: 0px;bottom:-30px;text-align: center;padding: 10px;font-size: 16px; background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);}
.certificate-section .owl-carousel .item:hover > .certi-title { bottom:0px;}  
.certificate-slider.owl-carousel .item img {opacity:0.8;transition: all 0.5s;max-width:160px;margin: 0px auto;filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */} 
.certificate-section .owl-carousel .item:hover > img {-webkit-filter: grayscale(0);filter: none;opacity:1;}


/* get in touch section */
.getintouch-section{background-attachment: fixed !important;}
.contact-details {background:#fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);margin: 0px 7px;}
.contact-details ul {padding:35px 0px;font-weight:400;}
.contact-details ul li {list-style:none;text-align:center;padding:23px 35px; list-style:none;color: #000;word-break: break-word;}
.contact-details ul li img{width: 33px;margin-bottom: 15px;}
.contact-details ul li p {color:#000;font-size:17px;letter-spacing: 0.2px;}
.unit-box-content {}
.contact-details ul li a {text-decoration:none;color:#000;}
.contact-details ul li a:hover {text-decoration:underline;}

.getintouch-section .contact-form .form-group {margin-bottom:2.5rem;}
.contact-form {position: relative;margin: 30px 0px;display: inline-block;width: 100%;}
.contact-form .form-control {background:transparent;border:0px;letter-spacing: 0.5px;font-weight:400;border-bottom:1px solid #fff;border-radius:0px;padding-left:0px;height: 37px;
color:#fff;font-size:16px;}
.contact-form .form-control:focus {box-shadow:0px 0px 0px #333;} 
.form-control:focus {box-shadow:0px 0px 0px #333;}
.contact-form .form-control::-webkit-input-placeholder {color:rgb(255 255 255 / 100%);} 
 
.btn-custom{margin-top:3rem;border:0px;font-family: "SangBleu Sunrise";position: absolute;background:#fddefe;background-image: linear-gradient(to right, #fddefe , #ffded8);
  text-decoration: none;padding:14px 35px;top:0px;left:35%; text-transform: uppercase;color:#000;display: inline-flex;height: 45px;font-weight: 600;transition:all 0.5s;}
.btn-custom:hover {top:5px;left:35.5%;position: absolute;transition:all 0.5s;background-image: linear-gradient(to right, #ffded8 ,#fddefe );}
.btn-custom:hover:before {top:0px;left:0px;}
.btn-custom span {position:relative;z-index:1;}
.btn-custom:before {content: '';width: 100%;height: 100%; top: 5px;left: 5px;position: absolute; border:1px solid #fff;z-index:0;transition:all 0.5s; } 
.btn-custom:after {content: '';width: 100%;height: 100%; top:0px;left:0px;position: absolute;z-index:0;background:#fddefe;background-image: linear-gradient(to right, #fddefe , #ffded8);} 
.btn-custom:hover:after {background-image: linear-gradient(to right, #ffded8 ,#fddefe );}

/* footer link*/
.footer p {line-height: 24px;font-size: 14px;color:#000;}
.footer-logo {padding-right: 45px;}
.footer-logo img {
    margin-top: -15px;
}
.footer-logo p {line-height: 22px;font-size: 15px;color:#000;}
.social-bar {list-style:none;padding:0px;display: flex;}
.social-bar li {margin-right: 8px;}
.social-bar li a{padding:7px 8px 10px;background: #000;transition: all 0.5s;}
.social-bar li a:hover {border-radius:45px;}
.social-bar li img, .social-bar li svg{width:22px;fill: #ffdedb;height: 30px;}
.footer-link {list-style:none;padding:0px;}
.footer-link li {padding:0px 0px 8px;}
.footer-link li a{padding:0px;text-decoration:none;position: relative;}
.footer-link li a.active:before, .footer-link li a:hover:before {opacity:1;visibility:visible;width: 100%;}  
.footer-link li a:before {transition: all 0.5s;background: #fddefe;content: '';height: 8px;position: absolute;width:0%;bottom: 3px;left: 0px;z-index: -1;opacity:0;visibility: hidden;}
.footer-link li a:hover {color:#666;}

/* newsletter section */
.newsletter-box .form-control {background:transparent;border-radius:0px;border:1px solid #000;padding-left: 10px;max-width: 60%;}
.newsletter-box .btn{background: #000; border-radius: 0;padding: 0px 25px;}
.newsletter-box .btn img{width:23px;}

.navbar-toggler {padding: 0;}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
.navbar-toggler .navbar-toggler-icon {height: 2px;background: #000;display: flex;margin: 7px 0px;}

/* inner title */
.inner-title {background:#fddefe;padding:7.5rem 0rem;position:relative;}
.inner-title:before {content:'';background:#000;position:absolute;opacity:0.0;width:100%;height:100%;top:0px;left:0px;}
.inner-title h1 {color:#fff;font-size:3.5rem;position: relative;}
.inner-title .breadcrumb {position: relative;}
.inner-title .breadcrumb li{color: #fff;font-weight:300;}
.inner-title .breadcrumb li a{color: #fff;text-decoration:none;}
.inner-title .breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #fff;content: var(--bs-breadcrumb-divider, ">");}


/* page section  */
.page-section {padding:50px 0px 50px;}
.about-section-content h2.main-sub-title {position:relative;border-bottom:1px solid;} 
.about-section-content h2.main-sub-title:before {display:none;} 
h2.main-sub-title {position:relative;border:0px;} 
h2.main-sub-title:before {transition: all 0.5s;background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);
    content: '';height:10px;position: absolute;width:100%;bottom:8px;left: 0px;z-index: -1; 	
}
h3.main-sub-title {font-size:2rem;} 
h4.main-sub-title {font-size:1.8rem;} 
.main-sub-title {margin-bottom:35px;display:table;border-bottom:1px solid;font-size:2.5rem;} 
.main-sub-title span {border-bottom:1px solid;} 
ul.page-listing {padding-left:1rem;}
ul.page-listing li strong{font-weight:500;}
ul.page-listing li{padding-bottom:1rem;line-height:30px;font-weight:400;color: #222;}
ul.page-listing li ol {padding-left:1rem;}
ul.page-listing li ol li{padding-bottom:0.5rem;}


/*contact page */
.contact-page .contact-details {background:transparent; margin: 0px 0px;}
.contact-page .contact-details ul {margin: 0px 0px;padding:0px;}
.contact-page .contact-details li{background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);margin-bottom:30px;padding:25px 15px;
    min-height: 175px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.contact-page .contact-details li p{margin:0px;}
.inner-contact-form {background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);padding: 4rem 6rem 10rem;}
.error {font-size: 13px;}
textarea.form-control {height: 37px;}
.form-control {background: transparent;border: 0px;border-bottom: 1px solid #000;border-radius: 0px;padding-left: 0px;color: #000;letter-spacing: 0.5px;font-weight:500;}
.form-control:focus {background: transparent;}
.inner-contact-form .main-sub-title {margin:0rem auto 3rem;}
.inner-contact-form .form-control::-webkit-input-placeholder { color:#000;background:transparent;}
.inner-contact-form .form-control:-moz-placeholder { color:#000;background:transparent;}
.inner-contact-form .form-control::-moz-placeholder { color:#000;background:transparent;}
.inner-contact-form .form-control:-ms-input-placeholder { color:#000;background:transparent;}
.inner-contact-form .btn-custom {background:#000;color: #ffded9;padding: 14px 45px;}
.inner-contact-form .btn-custom:hover {color:#fedefd;}
.inner-contact-form .btn-custom:before { border: 1px solid #000; }
.inner-contact-form .btn-custom:after {background: #000;background-image: linear-gradient(to right, #000 , #000);}

/*about us page*/
.about-page {

}
.about-page .about-img {padding: 0rem 4rem;position:relative;z-index: 1;}
.about-page .about-img  img{box-shadow:0px 0px 5px #6a6a6a69;transition:all 0.5s;}
.about-page .about-img:hover > img { }
.about-page .about-img .gradient-bg {z-index: -1;left:0px;top:70px;content:'';position:absolute;width:75%;height:100%;background-position: initial !important;background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);}
.about-page .about-img .gradient-bg span {position:absolute;color:#fff;font-size:5rem;font-weight: 500;bottom:-33px;right:0px;letter-spacing: 5px;}

.about-page .about-img.left-img2 .gradient-bg span {position:absolute;color:#fff;font-size:5rem;font-weight: 500;bottom:-33px;left:-154px;letter-spacing: 5px;}

.about-page .about-img.right-img1 .gradient-bg {left:auto;right:0px;}
.about-page .about-img.right-img1 .gradient-bg span {position:absolute;color:#f7f7f7;font-size:5rem;font-weight: 500;bottom:0px;top: 73%;right:-5px;transform: rotate(-90deg);width: 90px;height:97px;letter-spacing: 5px;}

.about-page .about-img.right-img2 .gradient-bg {left:auto;right:0px;}
.about-page .about-img.right-img2 .gradient-bg span {position:absolute;color:#f7f7f7;font-size:5rem;font-weight: 500;bottom:0px;top:37%;right:-8px;transform: rotate(-90deg);width:140px;height:55px;letter-spacing: 5px;}

.about-page .about-img.left-img1 {margin-bottom: 45px;}

.about-page .about-img.right-img1{margin-bottom: 15px;}

.about-page .about-img.left-img2{margin-bottom: 45px;}

.about-page .about-img.right-img2{}


 
 

/*product page*/
.main-product-listing{}
.product-listing-repeat {background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);color: #000;text-decoration: none;
                        padding: 1rem;display: flex;font-size: 20px;text-align: center;min-height: 115px;transition: all 0.5s;align-items: center;justify-content: center;}
.product-listing-repeat.active, .product-listing-repeat:hover {color:#fddefe;background: #000;}
.inner-product-listing .product-listing-repeat{min-height: auto;padding:0.6rem 0.5rem;font-size: 18px;margin: 0px auto;width: 95%;}
.inner-product-listing ul {list-style:none;padding:0px;margin:0px;}
.inner-product-listing ul li {position:relative;}
.inner-product-listing ul li:hover > ul{display:block;}
.inner-product-listing ul ul {padding:0px;margin:0px 0px 0px 7px;width: 95.3%;display:none;position:absolute;background: #fddefe;background-image: linear-gradient(to top, #fddefe , #ffded8);
    align-items: center;justify-content: center;}
.inner-product-listing ul ul li a{padding:0.6rem 0.5rem;text-align:center;font-size: 18px;}
.inner-product-listing ul ul li a.active, .inner-product-listing ul ul li:hover > a{color:#fddefe;background: #000;}
.inner-product-listing  .col.mb-5 {margin-bottom: 2.4rem!important;}
.title-with-shade {display: inline-flex;}
.title-with-shade:before {display:none;}
.title-bg-shade {display: block;width: 165px;height: 50px;}
.product-section-content ul.page-listing {padding-left:2rem;}
.product-section-content ul.page-listing li {padding-bottom:0.5rem;font-weight: 500;color: #545454;}

.product-table-section ul.page-listing {padding-left:1rem;}
.product-table-section ul.page-listing li{padding-bottom:1rem; }

/*table */
.product-table-section {margin:50px 15px 30px;}
.product-table-section table.table {border:1px solid #dee2e6;transition:all 1s;} 
.border-right{border-right:1px solid #dee2e6 !important;}
.border-left{border-left:1px solid #dee2e6 !important;}
table.table tr td{font-size:16px;}
table.table tr th {font-size:16px;}
table.table tr:hover > td, table.table tr:hover > td p, table.table tr:hover > td a, table.table tbody tr td:hover > a, table.table tbody tr td:hover > p{font-weight:500;color:#000 !important;} 
.bg-colour {display:table-cell;height:40px;min-width: 110px;}
.acid-dyes-table .bg-colour {min-width:67px;}
.acid-dyes-table  .theading-shade-color {}
.product-table-section table.table.acid-dyes-table  tbody td:first-child {max-width: 165px;min-width: auto;display: flex;}
 
 .product-table-section table.table {top:0px !important;}
.product-table-section table.table thead {top:-1px;z-index:3;position:sticky;}
.product-table-section table.table thead tr{background:#000 !important;}
.product-table-section table.table thead.bg-dark{background:#000 !important;color:#fff;}
.product-table-section table.table thead th{padding:1.5rem 1rem;font-weight:300;border:0px;vertical-align: middle;text-align:center;}
.product-table-section .reactive-scroll-table {border: 1px solid #dee2e6; }
.product-table-section .reactive-scroll-table .scroll-table {overflow-x: scroll;}
.product-table-section .reactive-scroll-table .scroll-table::-webkit-scrollbar {width:5px;height:5px;}   
.product-table-section .reactive-scroll-table .scroll-table::-webkit-scrollbar-thumb {background-color:#ddd;border-radius:5px;}
.product-table-section table.table.reactive-table {border:0px;}
.product-table-section table.table.reactive-table thead th{padding:1rem 1rem;font-weight:300;overflow:hidden;border:0px solid #464646;vertical-align: middle;position: relative;letter-spacing: 0.5px;}
.product-table-section table.table.reactive-table thead th:after {content:'';position:absolute;right:0px;top:0px;width:1px;height:100%;background:#464646;}
.product-table-section table.table.reactive-table thead th:before {content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:#464646;}
.product-table-section table.table.reactive-table thead th:first-child {min-width: 185px;} 

.product-table-section table.table.reactive-table tbody  tr td  p{text-align:center !important;}
.product-table-section table.table.reactive-table tbody  tr td:nth-child(1) {position: sticky;left: 0;z-index: 2;}
.product-table-section table.table.reactive-table tbody  tr td:nth-child(2) {position: sticky;left:185px;z-index: 2;}
.product-table-section table.table.reactive-table thead  tr:nth-child(1) th:nth-child(1) {position: sticky;left: 0;z-index: 2;background: #000;}
.product-table-section table.table.reactive-table thead  tr:nth-child(1) th:nth-child(2) {position: sticky;left:185px;z-index: 2;background: #000;}
	
.product-table-section table.table tbody td p{margin:0px;}
.product-table-section table.table tbody td p{margin:0px;}
.product-table-section table.table thead th:nth-child(1), .product-table-section table.table thead th:nth-child(2){text-align:center;}
.product-table-section table.table tbody  tr td:nth-child(1), .product-table-section table.table tbody  tr td:nth-child(2){text-align:center;}
.product-table-section .food-colour-scroll-table { }
.product-table-section .food-colour-scroll-table .scroll-table {overflow-x: scroll;}
.product-table-section table.table.food-colour-table {transition:all 0.5s;height: 550px !important;border:0px;}
.product-table-section table.table.food-colour-table tbody tr:nth-child(odd) td:nth-child(1), .product-table-section table.table.food-colour-table tbody tr:nth-child(odd) td:nth-child(2),
.product-table-section table.table.reactive-table tbody tr:nth-child(odd) td:nth-child(1), .product-table-section table.table.reactive-table tbody tr:nth-child(odd) td:nth-child(2) 
   {background: #f7f7f7;}  
.product-table-section table.table.food-colour-table tbody tr td:nth-child(1), .product-table-section table.table.food-colour-table tbody tr td:nth-child(2),
.product-table-section table.table.reactive-table tbody tr td:nth-child(1), .product-table-section table.table.reactive-table tbody tr td:nth-child(2)  
    {background: #fff;} 

.product-table-section table.table.reactive-table thead{ }
.product-table-section table.table.reactive-table tbody{ } 
 
.product-table-section table.table.food-colour-table tbody  tr {}
.product-table-section table.table.food-colour-table tbody  tr td {width:137px;}
.product-table-section table.table.food-colour-table tbody  tr td:nth-child(1) {position: sticky;left: 0;z-index: 2;}
.product-table-section table.table.food-colour-table tbody  tr td:nth-child(2) {position: sticky;left:136px;z-index: 2;}
.product-table-section table.table.food-colour-table thead  tr th:nth-child(1) {position: sticky;left: 0;z-index: 2;background: #000;}
.product-table-section table.table.food-colour-table thead  tr th:nth-child(2) {position: sticky;left:136px;z-index: 2;background: #000;}
 
.product-table-section table.table tbody td{padding:0.9rem 1rem;border:0px;color:#505050; text-transform: capitalize;vertical-align: middle;text-align:center;} 
.product-table-section table.table tbody tr {}
.product-table-section table.table tbody   {}
.product-table-section table.table tbody tr:nth-child(odd){background:#f7f7f7;}
.product-table-section table.table.food-colour-table thead tr th{min-width:137px; }  

.scroll-table-btn {margin: -27px 0px 7px;text-align:right;}
.scroll-table-btn button{background:none;border:0px;margin-left:10px;}
.scroll-table-btn button img {opacity: 0.6;}
#right {transform:rotateY(180deg);}
.table-blended-colours tr th {width:50%;}
.table-blended-colours tr td {width:50%;}
.table-blended-colours tr td .bg-colour{margin: 0px auto;display: table;}
 


.table-responsive {position:relative;overflow:auto;max-height:775px;}
.table-responsive::-webkit-scrollbar {width:5px;height:5px;}   
.table-responsive::-webkit-scrollbar-thumb {background-color:#ddd;border-radius:5px;}
	
.scroll-table { }
.scroll-table::-webkit-scrollbar {width:3px;height:8px;}   
.scroll-table::-webkit-scrollbar-thumb {background-color: darkgrey;border-radius:5px;}
.scroll-table table.table {height:auto !important;position: relative;}
.scroll-table table.table tr {position:relative;}
/*.scroll-table table.table tr th:nth-child(1) {position: absolute;left:-178px;background:#000;min-width:180px !important;}
.scroll-table table.table tr td {min-height:76px;vertical-align:middle;}
.scroll-table table.table tr td:nth-child(1) {position: absolute;left:-178px;min-width:180px !important;background: #fff;}
.scroll-table table.table tbody tr:nth-child(odd) td {background: #f7f7f7 !important;}
*/

.shade-color-img img{width:137px;height:40px;}
.product-table-section table.table tbody td.shade-bg-color {background:red;} 
.shadecard-table .table-product-name {min-width:190px;}
.shadecard-table table.table tbody td {border-right:1px solid #dee2e6;}
.shadecard-table table.table tbody td:last-child {border-right:0px solid #dee2e6;}
.table>:not(caption)>*>* {
    box-shadow: inset 0 0 0 0px var(--bs-table-accent-bg);
}

ul.page-listing li table tbody tr:nth-child(odd){background:#f7f7f7;}
ul.page-listing li table {border:1px solid #f7f7f7;width:auto;margin:15px 0px;}
ul.page-listing li table tbody tr td {padding: 6px 15px;}
ul.page-listing li table tbody tr td p{margin:0px;}
ul.page-listing li table tbody tr td:first-child {min-width:65px;max-width:200px;}

#topscroll {display: inline-block;background-color:#fddefd;background-image: linear-gradient(to top, #fddefe , #ffded8);
  width: 50px;height: 50px;text-align: center;border-radius:45px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, 
    opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;text-decoration: none;text-decoration: none;line-height: 47px;}

#topscroll:hover {cursor: pointer;background-color: #333;}
#topscroll:active {background-color: #555;}
#topscroll.show {opacity: 1;visibility: visible;}

/* responsive css */
@media only screen and (min-width:1850px) {
  .product-slider .owl-nav .owl-prev{left:-17% !important; }
  .product-slider .owl-nav .owl-next{ right:-17% !important;}
}
@media only screen and (min-width:1650px) {
  .main-slider-content h2 {font-size:4.3em;}
  .main-slider-content {padding:85px;}
  .main-slider-content .readmore-btn {margin-top: 6rem!important;}
}
@media only screen and (min-width:1500px) {
  .main-slider-content h2 {font-size:3.3em;}
  .main-slider-content {padding:60px;}
  .main-slider-content .readmore-btn {margin-top: 6rem!important;}
  .product-slider .owl-nav .owl-prev{left:-3%;right:auto; }
  .product-slider .owl-nav .owl-next{ right:-3%;left:auto;}
}
@media only screen and (min-width:1300px) {
  .main-slider-content h2 {font-size: 3em;}
  .main-slider-content {padding: 45px 45px 70px;} 
  .product-slider .owl-nav .owl-prev {left: -5%;}
   .product-slider .owl-nav .owl-next {right: -5%;}
}
@media only screen and (min-width:1200px) and (max-width:1370px) { 
   .about-page .about-img .gradient-bg {left:-20px;}
   .about-page .about-img.right-img1 .gradient-bg {right:-15px;}
   .about-page .about-img.right-img2 .gradient-bg {right:-15px;}
   .about-page .about-img.left-img2 .gradient-bg span {left: -70px;}
   .about-page .about-img.right-img2 .gradient-bg span {top: 40%;}
   .product-slider .owl-nav .owl-prev {left: -5%;}
   .product-slider .owl-nav .owl-next {right: -5%;}
}
 
@media only screen and (min-width:1025px) and (max-width:1200px) {   
  .readmore-btn a {font-size: 13px;}
  .main-slider-content {padding:35px;} 
  .navbar-nav .nav-item {padding: 0px 10px;}
  
  .inner-product-listing .product-listing-repeat {font-size: 15px;}
  .inner-product-listing ul ul li a {font-size: 15px;}
  .inner-product-listing ul ul {margin:0px 0px 0px 5px;}
  .inner-title h1 {font-size: 3rem;}
  
  .product-slider .owl-nav .owl-prev {left: -5%;}
   .product-slider .owl-nav .owl-next {right: -5%;}
}

@media only screen and (min-width:768px) and (max-width:1300px) { 
  .navbar-brand img {width: 118px;}  
  .readmore-btn a {font-size: 12px;padding: 13px 20px;height: 38px;}
  .main-slider-content h5 {margin: 0px 0px 15px;font-size: 14px;}
  .main-slider-content h2 {font-size: 1.8em;line-height: 42px;margin-bottom: 1.5em;} 
  .swiper-button-next:after, .swiper-button-prev:after {background-size: 40px;}
  .swiper-button-box .swiper-button{width: calc(45px / 15 * 27) !important;} 
  .tagline-part-box {margin-bottom:4em;width:90px; height:90px;min-height:90px; }
  .tagline-part-box img {width: 33px;}
  .tagline-part-rotate {width: 85px !important;}
  .section {padding: 60px 0px;}

  .about-section {padding:80px 0px 100px;}
  .about-img {padding: 0rem 1rem 0rem;}

  .why-choose-box-repeat {padding: 20px 10px;}
  .why-choose-box-repeat h3 {font-size: 18px;}
  
  .contact-details ul li {padding: 25px 20px;}
  .contact-details ul {padding: 30px 0px;}
   
}

@media only screen and (min-width:992px) and (max-width:1100px) {   
  
  .navbar-nav .nav-link {font-size: 15px;}
  .navbar-nav .nav-item {padding: 0px 14px;}
  .inner-product-listing .product-listing-repeat {font-size: 15px;}
  .inner-product-listing ul ul li a {font-size: 15px;}
  .inner-product-listing ul ul {margin:0px 0px 0px 5px;}
  .inner-title h1 {font-size: 2rem;}

  .indust-title {font-size:18px;}
  .indust-slider .active.center .item a .indust-title{height:100%;bottom: 0;padding:10px 5px;}
  
  .page-section {padding: 30px 0px 30px;}
  .section-title {font-size: 1.8rem;}
  .about-section-detail p {line-height: 25px;font-size: 15px;}
  
  .about-page .about-img .gradient-bg span {font-size: 3.5rem;bottom: -24px;}
  .about-page .about-img.right-img1 .gradient-bg {right:-10px;} 
  .about-page .about-img.right-img1 .gradient-bg span {font-size: 3.5rem;width: 39px;}
  .about-page .about-img.left-img2 .gradient-bg span {font-size: 3.5rem;bottom: -22px;left: -90px;}
  .about-page .about-img.right-img2 .gradient-bg span {font-size: 3.5rem;top: 36%;right: -34px;}
  .about-page .about-img.right-img2 .gradient-bg {right:-10px;}
  
  .why-choose-box-repeat p {font-size: 14px;line-height:24px;}
  .why-choose-box-icon {width:85px;height:85px;}
  
  .navbar-brand img {width: 118px;} 
  .main-slider-content {padding:35px 35px 60px;}
  .main-slider-content .readmore-btn {margin-top:2rem!important;}  
  .product-listing-repeat {font-size:17px;min-height: 95px;}
  .our-products-cat-box-icon {width:106px;height:106px;} 
  .our-products-cat-box-icon img {max-width: 48%;}
  .our-products-cat-repeat h4 {font-size: 16px;} 
  .product-slider .owl-nav .owl-prev {left: -2%;}
  .product-slider .owl-nav .owl-next {right: -2%;}
  
  .certificate-slider.owl-carousel .item img {max-width: 110px !important;}
  
  .contact-details ul li p {font-size: 15px;}
  
  .inner-product-listing .product-listing-repeat {font-size: 15px;width: 95%;}
   .main-sub-title {font-size:1.7rem;}
   h3.main-sub-title {font-size:1.5rem;}
   ul.page-listing li {line-height: 25px;font-size: 15px;}
  
  .footer-widget h4 {font-size:20px;}
  
  #topscroll {width: 40px;height: 40px;line-height: 35px;}
  #topscroll svg {width:30px;}
  
}
 

@media only screen and (min-width:768px) and (max-width:991px) {  
   .navbar-toggler .navbar-toggler-icon {height: 1px;margin: 6px 0px;width: 1.2em;}
  .navbar-nav .nav-item {padding: 10px 2px;} 
  .main-slider-content {padding: 25px 10px 60px;}
  .main-slider-content h2 {font-size: 1.5em;line-height: 34px;margin-bottom: 29px;}
  .tagline-part-box {margin-bottom: 2em;}
  .main-slider-content .readmore-btn {margin-top: 1rem!important;} 
  
  .page-section {padding:15px 0px 35px;}
  .section-title {font-size: 1.7rem;margin-bottom: 25px !important;} 
  .about-section-detail p {font-size:14px;line-height: 24px;}
  .indust-serv-section .container-fluid {max-width: 100%;}
  .indust-title {font-size:18px;}
  .indust-slider .active.center .item a .indust-title{height:100%;bottom: 0;padding:10px 5px;}
  .indust-slider .owl-nav .owl-next {right: -77px;}
  .indust-slider .owl-nav .owl-prev {left: -90px;}
  
  .our-products-cat-box-icon {width:106px;height:106px;} 
  .our-products-cat-box-icon img {max-width:41%;}
  .our-products-cat-repeat h4 {font-size: 16px;}
  .product-slider .owl-nav {top: 35%;}
  .product-slider .owl-nav .owl-prev {left:-7%;}
  .product-slider .owl-nav .owl-next {right:7%;}
  
  .product-slider {padding:0px 50px;}
  
  .getintouch-section .contact-form {margin:0px 0px 15px;}
  .getintouch-section .contact-form  .btn-custom{left: 31%;margin-top:15px;padding: 12px 27px;font-size: 13px;height: 38px;}
  .contact-form .form-control {font-size:15px;}
  
  .inner-product-listing .product-listing-repeat { font-size: 16px;}
  .inner-product-listing ul ul li a {font-size: 16px;}
  .inner-product-listing ul ul {margin:0px 0px 0px 5px;}
  .inner-product-listing .col.mb-5 {margin-bottom: 2.05rem!important;}
  .inner-product-listing.mb-5 {margin-bottom:1.5rem!important;}
  
   .main-sub-title {margin-left:0px !important;margin-right:0px !important;font-size: 26px;}
  .product-table-section {margin:30px 0px 30px;}
  .product-listing-repeat {font-size: 16px;min-height: 75px;}
  .inner-title h1 {font-size:1.8rem;}
  .inner-title {padding: 3.5rem 0rem;position: relative;background-size: 140% !important;background-position: center center !important;}
  h3.main-sub-title {font-size: 24px;margin-top: 0px!important;margin-bottom: 24px;}
  h2.main-sub-title:before {bottom: 3px;}
  
  .table-responsive {margin-bottom:40px;}
  table.table tr th {font-size: 15px;}
  table.table tr td {font-size: 15px;}
  
  .about-page .about-img {padding:0rem 2rem;}
   .about-page .about-img .gradient-bg {top: 60px;width: 80%;}
  .about-page .about-img {padding:0rem 0rem 0rem 2rem;} 
  .about-page .about-img.left-img1 {margin-bottom: 100px;} 
  .about-page .about-img .gradient-bg span {font-size:3.5rem !important;bottom:-26px;}

  .about-page .about-img.right-img1 {padding: 0rem 4rem 0rem 0rem;}  
  .about-page .about-img.left-img2 {margin-bottom: 100px;padding:0rem 0rem 0rem 2rem;} 
  .about-page .about-img.left-img2 .gradient-bg span {left:-35px;bottom:-23px;letter-spacing: 3px;}
  .about-page .about-img.right-img2 { padding: 0rem 4rem 0rem 0rem;} 
  .about-page .about-img.right-img1 .gradient-bg {right:2px;top:30px;}
  .about-page .about-img.right-img1 .gradient-bg span {top: 63%;height: 70px;right:-18px;}
  .about-page .about-img.right-img2 .gradient-bg span {width:84px;top: 45%;}
  .about-page .about-img.right-img2 .gradient-bg {top:28px;}
  ul.page-listing li {font-size: 14px;line-height: 25px;}
  
  .why-choose-box-repeat p {font-size: 14px;line-height:24px;}
  .why-choose-box-icon {width:85px;height:85px;}
  .why-choose-box-icon img {width:36px;}
  
 
  .indust-slider .owl-nav button.owl-next span, .indust-slider .owl-nav button.owl-prev span, .product-slider .owl-nav button.owl-next span, .product-slider .owl-nav button.owl-prev span
     {background-size: 40px;}
  
  .inner-contact-form {padding:4rem 3rem 10rem;}
  .inner-contact-form .btn-custom {left: 24%;font-size: 12px;padding: 12px 30px;height: 38px;}
  .contact-details ul li p {font-size: 15px;}

  .certificate-slider.owl-carousel .item img {max-width: 110px !important;}
  .footer-title{font-size: 18px;margin-bottom: 30px !important;}
  .footer-widget-content.mt-5 {margin-top: 2rem!important;}
  .footer-link li a {font-size: 14px;}
  .footer p {font-size: 14px;}
  .newsletter-box .btn {padding: 0px 10px;}
  .newsletter-box .form-control {max-width: 76%;font-size: 14px;}
  .newsletter-box .btn img {width: 17px;}
  .social-bar li a {padding:5px 8px 8px;}
  .social-bar li img, .social-bar li svg {width: 20px;height: 20px;}
  
  #topscroll {width: 40px;height: 40px;line-height: 35px;}
  #topscroll svg {width:30px;}
  
  .scroll-table-btn button img {width: 37px;}
   .scroll-table-btn button {margin-left: 5px;}
  
  
}

@media only screen and (max-width:767px) {
  .navbar-toggler .navbar-toggler-icon {height: 1px;margin: 6px 0px;width: 1.2em;}
  .container-fluid, .container { padding: 0px 20px;}
  .navbar-brand img {width: 118px;}
  .navbar-nav .nav-item {padding: 10px 2px;}
  .navbar-nav .nav-link {display: flex;align-items: center;justify-content: space-between;font-size: 15px;}
  .navbar-nav .nav-link.dropdown-toggle img {display:inline-block;}
  .dropdown-menu .dropdown-item {padding:8px 10px;}
  .main-slider-content {padding:25px 10px 50px;text-align:center;}
  .main-slider-content .readmore-btn {margin:35px auto 35px !important;display:table;width: 140px;}
  .main-slider-content h5 {font-size: 14px;}
  .main-slider-content h2 {font-size: 1.5em;line-height: 33px;margin-bottom: 1.5em;} 
  .swiper-button-box {display: flex;align-items: center;justify-content: center;}
  .swiper-button-box .swiper-button {top:auto !important; width: calc(60px / 15 * 27) !important;bottom: -10px;position: relative;}
  .readmore-btn a { font-size: 13px;padding: 13px 15px;height: 40px;min-width: 135px;align-items: center;justify-content: center;}
  .tagline-part-box {margin:0px auto 1em;width: 80px;  }
  .tagline-part-box img {width: 36px;}
  .tagline-part-rotate {width: 90px !important;}
  .section {padding: 60px 0px;}
  .section-title {font-size: 1.6rem;margin-left: auto;margin-right: auto;margin-bottom:1.5rem !important;} 
  .about-section-detail p {font-size: 14px;line-height:24px;}
  .about-section {padding:80px 0px 100px;}
  .about-section .readmore-btn {margin:0px auto;display:table;width: 140px;}
  .indust-title {font-size: 19px;transition: all 2s;}
  .indust-slider .active .item a .indust-title{height:100%;bottom: 0;padding:10px 5px;} 
 
  .why-choose-box-icon {width: 85px;height: 85px;}
  .why-choose-box-icon img {width:42px;} 
  .why-choose-box-repeat h3 {font-size:22px;}
  .why-choose-box-repeat p{font-size:14px;line-height:24px;}
  .about-img {padding: 0rem 0rem 2rem;}
  .about-page .about-img .gradient-bg { top: 60px;width: 80%;}
  .about-page .about-img {padding:0rem 0rem 0rem 2rem;} 
  .about-page .about-img.left-img1 {margin-bottom: 100px;} 
  .about-page .about-img .gradient-bg span {font-size:3.5rem !important;bottom:-26px;}

  .about-page .about-img.right-img1 {padding: 0rem 4rem 0rem 0rem;}  
  .about-page .about-img.left-img2 {margin-bottom: 100px;padding:0rem 0rem 0rem 2rem;} 
  .about-page .about-img.left-img2 .gradient-bg span {left:-35px;bottom:-23px;letter-spacing: 3px;}
  .about-page .about-img.right-img2 {margin-top: 30px;padding: 0rem 4rem 0rem 0rem;} 
  .about-page .about-img.right-img1 .gradient-bg {right:2px;top:30px;}
  .about-page .about-img.right-img1 .gradient-bg span {top: 63%;height: 70px;right:-18px;}
  .about-page .about-img.right-img2 .gradient-bg span {width:84px;top: 45%;}
  .about-page .about-img.right-img2 .gradient-bg {top:28px;}
  ul.page-listing li {font-size: 14px;line-height: 25px;}
  
  
  .indust-slider .owl-nav .owl-next{ right:-50px;}
  .indust-slider .owl-nav .owl-prev{left: -65px;}
  

  .our-products-cat-box-icon {width: 120px;height: 120px;} 
  .our-products-cat-box-icon img {max-width: 48%;}
  .our-products-cat-repeat h4 {font-size: 16px;}
  
  .product-slider .owl-nav{top: 38%;}
  .product-slider .owl-nav .owl-prev {left:0%;}
  .product-slider .owl-nav .owl-next {right:0%;}
   .indust-slider .owl-nav button.owl-next span, .indust-slider .owl-nav button.owl-prev span, .product-slider .owl-nav button.owl-next span, .product-slider .owl-nav button.owl-prev span
     {background-size: 40px;}

  .contact-details {margin-bottom: 50px;}
  
  .getintouch-section {background-size: cover !important;padding: 60px 0px 30px !important;}
  .getintouch-section .contact-details ul li {padding:20px 20px;}
  .getintouch-section .contact-details ul li p {font-size: 15px;}
  .getintouch-section .contact-form {margin:0px 0px 110px;}
  .getintouch-section .contact-form  .btn-custom{left: 28%;margin-top:15px;}
  .contact-form .form-control {font-size: 16px;}
  
  .contact-page .contact-details li {margin-bottom: 24px;padding: 24px 15px;min-height: 145px;}
  

  .section.footer {padding-top:30px;}
  .footer-widget {margin-top: 1.5rem!important;}
  .footer-widget-content {margin-top: 1rem!important;}
  .footer-title {font-size: 20px;}
  .footer-link li a {font-size: 14px;}
  .footer-logo p{font-size: 14px;}
  .footer-logo img {width: 195px;}
  .social-bar li a {padding:5px 8px 8px;}
  .social-bar li img, .social-bar li svg {width: 20px;height: 20px;}
  
  
  .inner-title {margin-bottom: 2rem!important;background-size: cover !important;background-position: center center !important;padding: 3.5rem 0rem;}
  .page-section {padding: 10px 0px 20px;}
  
  .inner-product-listing .product-listing-repeat {width: 100%;font-size:13px;}
  .inner-product-listing.mb-5 {margin-bottom: 1.5rem!important;} 
  .inner-product-listing ul ul li a {font-size:12px;}
  .inner-product-listing ul ul {margin:0px 0px 0px 0px;width:100%;}
  .inner-product-listing .col.mb-5 {margin-bottom: 1.4rem!important;}
  .main-sub-title {margin-left:0px !important; margin-right:0px !important;font-size: 1.5rem;margin-bottom:30px !important;}
  h3.main-sub-title {font-size:20px;margin-top: 0px!important;}
  h2.main-sub-title:before {height:6px;bottom: 5px;}
  .product-table-section {margin:25px 0px 30px;}
  .inner-title h1 {font-size:1.6rem;}
  .inner-title .breadcrumb li {font-size: 14px;}
  .product-listing-repeat {font-size:16px;min-height: 90px;}
  .main-product-listing {margin-bottom: 1rem!important;}
  .product-section-content ul.page-listing {padding-left: 1rem;}
  .table-responsive {margin-bottom:40px;overflow-x: auto;}
  .product-table-section ul.page-listing li {overflow: auto;}
  table.table tr td {font-size: 14px;}
  table.table tr th {font-size:16px;}
  
  .product-table-section table.table.reactive-table thead tr:nth-child(1) th:nth-child(1), .product-table-section table.table.reactive-table tbody tr td:nth-child(1)
       {position: relative;left: auto;}
  .product-table-section table.table.reactive-table thead tr:nth-child(1) th:nth-child(2), .product-table-section table.table.reactive-table tbody tr td:nth-child(2)
  {position: relative;left: auto;}
  
  .product-table-section table.table.food-colour-table tbody  tr td:nth-child(1) {position: relative;left: auto;}
  .product-table-section table.table.food-colour-table tbody  tr td:nth-child(2) {position: relative;left: auto;}
  .product-table-section table.table.food-colour-table thead  tr th:nth-child(1) {position: relative;left: auto;}
  .product-table-section table.table.food-colour-table thead  tr th:nth-child(2) {position: relative;left: auto;}
   
   .scroll-table-btn button img {width: 37px;}
   .scroll-table-btn button {margin-left: 5px;}
  
  .inner-contact-form {padding:4rem 3rem 10rem;}
  .inner-contact-form .btn-custom {left: 22%;padding: 12px 35px;font-size: 13px;height: 40px;}
  .contact-details ul li p {font-size: 16px;}
  
  #topscroll {width: 40px;height: 40px;line-height: 35px;}
  #topscroll svg {width:30px;}
  
}