/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */















/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */









/** Generated by FG **/
@font-face {
	font-family: 'icons';
	src: url('https://9056345.fs1.hubspotusercontent-ap1.net/hubfs/9056345/Saraya_august_2021/icons/icons.eot');
	src: local('☺'), url('https://9056345.fs1.hubspotusercontent-ap1.net/hubfs/9056345/Saraya_august_2021/icons/icons.woff') format('woff'), url('https://9056345.fs1.hubspotusercontent-ap1.net/hubfs/9056345/Saraya_august_2021/icons/icons.ttf') format('truetype'), url('https://9056345.fs1.hubspotusercontent-ap1.net/hubfs/9056345/Saraya_august_2021/icons/icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.content-wrapper {
  max-width: 1060px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
   padding: 80px 30px; 
}
.sustainabaility-landing .dnd-section{padding:0;}
.sustainabaility-landing .dnd-section > .row-fluid{
  width:100%;
  max-width:100%;
}



.dnd-section > .row-fluid {
   max-width: 1060px; 
}
.dnd-section .dnd-column{padding:0;}






body {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #858585;font-size:14px;
}

body, html { padding: 0; margin: 0; background-color: #f3f3f3; }

html {
  font-size: 14px;
}

/* Paragraphs */

p {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;    margin: 0 0 15px 0;
}

.rich-text__text--large { font-size: 1.28571em; }
.rich-text__text--small { font-size: .92857em; }
#shopify-product-reviews .spr-header-title, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{    font-weight: 400;display: block; margin: 0 0 .5em; line-height: 1.4;}
#shopify-product-reviews .spr-header-title, .h1, h1 {  font-size:28px; margin-bottom: 30px; }


hr { clear: both; border-top: solid #dedede; border-width: 1px 0 0; margin: 30px 0; height: 0; }
hr.hr--small { margin: 15px 0; }
.text-center { text-align: center; }
.one-whole { width: 100%; }
.inline-list li { display: inline-block; margin-bottom: 0; }
.visually-hidden { clip: rect(0 0 0 0); clip: rect(0,0,0,0); overflow: hidden; position: absolute; height: 1px; width: 1px; }


/* Anchors */

a {
  color: #76bc21;
}

a:hover,
a:focus {
  color:  #9cdf4a;text-decoration:none;
}

a:active {
  color: #9ee449;
}

/* Headings */

h1 {
  font-family: Roboto, serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2f2f2f;
  font-size: 28px;
}

h2 {
  font-family: Roboto, serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2f2f2f;
  font-size: {units=px, value=19}px;
}

h3 {
  font-family: Roboto, serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2f2f2f;
  font-size: {units=px, value=16}px;
}

h4 {
  font-family: Roboto, serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2f2f2f;
  font-size: {units=px, value=15}px;
}

h5 {
  font-family: Roboto, serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2f2f2f;
  font-size: 14px;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #858585;
  font-size: 14px;
}

/* Blockquote */

blockquote {
  border-left-color: #F8FAFC;
}





button,form input[type=submit],form .hs-button,.header-cart-btn,
.button {
  background-color: 

  
  
    
  


  rgba(118, 188, 33, 1.0)

;
  border:1px solid transparent;
  border-radius: 2px;
  color: #FFFFFF;
  padding: 8px 20px;font-size:14px;text-transform:uppercase;
  font-weight:700;font-family: Lato,sans-serif;
  text-decoration: none; text-align: center; vertical-align: middle; white-space: nowrap;line-height: 1.42;display: inline-block;
  -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -ms-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out;
}

button:hover,.header-cart-btn:hover,.header-cart-btn:focus,
button:focus,
.button:hover,
.button:focus,form input[type=submit]:hover,form input[type=submit]:focus,form .hs-button:hover,form .hs-button:focus {
 background-color: #68a61d; color: #fff; -webkit-transition: background-color 50ms ease-in; -moz-transition: background-color 50ms ease-in; -ms-transition: background-color 50ms ease-in; -o-transition: background-color 50ms ease-in; transition: background-color 50ms ease-in; 
}

button:active,.header-cart-btn:active,.header-cart-btn:focus
.button:active,form input[type=submit]:active,form .hs-button:active{
background-color: #68a61d; color: #fff; -webkit-transition: background-color 50ms ease-in; -moz-transition: background-color 50ms ease-in; -ms-transition: background-color 50ms ease-in; -o-transition: background-color 50ms ease-in; transition: background-color 50ms ease-in; 
}




.hs_error_rollup{display:none;}
ul.no-list.hs-error-msgs.inputs-list li { margin: 0 0px 0px; }

form,
.submitted-message {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

form{margin-bottom:30px;}

/* Form title */

.form-title {
  background-color: 

  
  
    
  


  rgba(133, 133, 133, 1)

;
  color: #F8FAFC;
}

/* Form label */

form label {
  color: #545454;
}

/* Form help text */

form legend {
  color: #858585;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-color: #dedede;
  color: #858585;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #000000;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #858585;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #858585;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #858585;
}

.fn-date-picker td .pika-button:hover {
  background-color: #858585 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #858585;
}







table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #858585;
}

th,
td {
  border-color: #858585;
  color: #858585;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(133, 133, 133, 1)

;
  border-bottom-color: #858585;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #858585;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #ffffff;
  font-family: Lato, sans-serif;
}


body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  opacity:0.9;
}

body .navigation-primary a:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  opacity:0.9;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #858585;
}


body .submenu.level-2 > li:first-child:before {
  border-color: #dedede;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #dedede;
}



.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Roboto, sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: #ffffff;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #ffffff;
  }
}









.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer Content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #545454;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog listing */

.blog-index__post-title-link {
  color: #2f2f2f;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #858585;
}

/* Blog pagination */

.blog-pagination__link {
  color: #858585;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #858585;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
  fill: #858585;
}

/* Blog post */

.blog-post__meta a {
  color: #858585;
}

.blog-post__tag-link {
  color: #858585;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #5d5d5d;
}

.blog-post__tag-link:active {
  color: #adadad;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: #2f2f2f;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #76bc21;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #4e9400;
}

#comments-listing .comment-reply-to:active {
  color: #9ee449;
}











.card__price {
  font-family: Roboto, serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2f2f2f;
  font-size: {units=px, value=16}px;
}

@media(max-width: 480px) {
body { padding-top: 50px; }
/* .dnd-section, .content-wrapper--vertical-spacing {
    padding: 40px 15px;
}
  .blog-post, .blog-header__inner, .blog-related-posts {
    padding: 40px 0;
} */
}
/*************landing page style *******/
.sustainabaility-landing h1 {font-size: 48px;}
.sustainabaility-landing h2 {font-size:38px;}
.sustainabaility-landing h3 {font-size: 28px;}
.sustainabaility-landing h4 {font-size: 23px;}
.sustainabaility-landing section{padding: 40px 0;}
.sustainabaility-landing p{font-size:12pt; line-height:1.4;text-align:justify;}
.flex-row {
    display: flex;
  flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
.flex-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.flex-row>div:last-child {
    padding-left: 30px;
}
.one_column {
    width: calc(100% * 1 / 3.001);
}

.two_column {
    width: calc(100% * 2 / 3.001);
}
.align-center{text-align:center;}
@media(max-width: 767px){

.flex-row {
    display: block;
}
  .flex-row {
    display: block;
}

.two_column {
    width: 90%;
    margin: auto;
}

.one_column {
    width: 90%;
    margin: auto;
}
}