*
{
  margin: 0;
  padding: 0;
}

/******* Animate div on scroll ********/
.reveal{
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  transition: 0.5s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
/******* Animate div on scroll ********/

body::-webkit-scrollbar {width: 10px; background-color: transparent;}
body::-webkit-scrollbar-thumb {background: #999999;  border-radius: 20px;}

body
{
  //font-family: 'Roboto', sans-serif;
  //font-family: 'Roboto Condensed', sans-serif;
  font-family: 'Raleway', sans-serif;
  //font-family: 'Open Sans Condensed', sans-serif;
  background: #fef2f2;
}


/********** Header section *********/
.header-section
{
  background: #f8ecec;
  box-shadow: 0px 0px 2px #efefef;
  position: fixed;
  width: 100%!important;
  z-index: 9999;
}

.navbar-light .navbar-nav .nav-link
{
  font-family: 'Open Sans Condensed', sans-serif;
  color: #3E1A42;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
}

.navbar-toggler
{
  border: none;
}
/********** Header section *********/


/********** Slider section *********/
.slider-section
{
  background: #FEF2F2;
  padding-top: 90px;
}

.carousel-caption h5
{
  font-weight: 900;
  font-size: 22px;
  text-transform: uppercase;
  color: #3E1A42;
}

.carousel-caption p
{
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #000000;
}

.carousel-indicators
{
  top: 97%;
}

.carousel-indicators [data-bs-target]
{
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #3E1A42;
    background-clip: padding-box;
    transition: opacity .6s ease;
    border: 1px solid #3E1A42;
    border-radius: 50px;
}

.bg-below-banner
{
  background: url(images/bg-below-banner.png) no-repeat;  
  position: relative;
  z-index: 2;
  height: 140px;
  padding-bottom: 140px;
}

/********** Slider section *********/



/********** Introduction section *******/
.intro-section
{
  background: #E4CBCA url(images/intro-section-content-bg.png) no-repeat top left;
  margin-top: -140px;
}

.intro-section-content
{
  padding: 100px;
}

.intro-section-content h1
{
  font-size: 3rem;
  text-transform: uppercase;
  background: url(images/border-bottom-introduction.png) no-repeat 0% 100%;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.intro-section-content p
{
  font-size: 18px;
  font-weight: 600;
}

.intro-section-content a
{
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  font-weight: 800;
  transition: 0.5s;
}

.intro-section-content a:hover
{
  color: #888888;
  transition: 0.5s;
}


.intro-section-image
{
  background-image: url(images/intro-img.jpg);
  background-position: center center;
  background-size: cover;
}

/********** Introduction section *******/



/********** Main content section *******/

.main-content-banner-section
{
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 130px;
  background: #fef2f2;
}

.main-content-banner-section h1
{
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: left;
  text-transform: uppercase;
  font-size: 5rem;
  font-weight: 500;
  color: #3E1A42;
}

.main-content-banner-section h2
{
  text-align: left;
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #5f2836;
}

.main-content-banner-section h5
{
  text-align: left;
  font-size: 1.2rem;
  line-height: 30px;
  font-weight: 600;
  color: #5f2836;
}

//#about-us-section{background: url(images/banner/about-us-bg.jpg) no-repeat center center;}

.main-content-section
{
  //background: #fcfafa;
  background-image: url(images/main-content-bg.jpg);
  background-repeat: repeat;
  padding: 50px;
  font-weight: 600;
  margin-top: -140px;
}

.main-content-section p
{
  font-weight: 500;
}

.main-content-section h3
{
  color: #232323;
  font-size: 3rem;
  text-transform: uppercase;
  background: url(images/border-bottom-main-content.png) no-repeat left bottom;
  padding-bottom: 20px;
  margin-bottom: 40px;
  text-align: left;
}

.main-content-section h4
{
  color: #232323;
  font-size: 1.8rem;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: left;
}

.main-content-section #text-prolific
{
  font-weight: 800;
  font-size: 1.3rem;
}

.main-content-section #text-highlight
{
  color: #F53163;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 800;
  font-size: 1.2rem;
}

.managing-committee
{
  text-align: center;
  //box-shadow: 0px 2px 10px #ddcbcb;
  padding: 10px;
  margin: 10px;
  //border: 1px solid #efefef;
  margin-bottom: 80px;
}

.managing-committee h4
{
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}

.managing-committee h5
{
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.managing-committee img
{
  border-left:  2px solid #F53163;
  border-top:  2px solid #F53163;
  border-right: 2px solid #3E1A42;
  border-bottom: 2px solid #3E1A42;
  margin-bottom: 20px;
}

.mission-vision-box
{
  padding: 20px;
}

.mission-vision-box img
{
  margin-bottom: 30px;
}

.mission-vision-box h5
{
  font-size: 1.8rem;
  text-transform: uppercase;
}

.mission-vision-box p
{
  color: #666666;
  line-height: 30px;
}

.accordion
{
  margin-top: 30px;
  margin-bottom: 50px;
}

.accordion-item
{
  margin-bottom: 10px;
}

.accordion-item button:focus:not(:focus-visible)
{
  outline: none;
  box-shadow: none;
}

.accordion-header
{
  border-radius: 0;
}

.accordion-collapse
{
  border: none;
}

.accordion-button.collapsed
{
  background: #b5a1b7;
  color: #3E1A42;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  //border-bottom: 1px solid #766878;
  border-radius: 0;
  box-shadow: 0;
}

.accordion-button:not(.collapsed)
{
  background: #3E1A42;
  color: #fef2f2;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
}

.accordion-item:first-of-type .accordion-button
{
  border-radius: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed
{
  border-radius: 0;
  border-bottom: 0;
}

.accordion-button:not(.collapsed):after 
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(180deg);
}


.accordion-body
{
  background: #ede2e2;
}

.products-get-quote-button button
{
  text-transform: uppercase;
  font-size: 1.5rem;
  border-radius: 50px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}


/********** Main content section *******/


/********** Feature section *******/
.feature-section
{
  background: #ffffff;
  margin-left: 100px;
  margin-right: 100px;
  border-radius: 200px;
  position: relative;
  margin-top: -80px;
}

.feature-box
{
  padding: 30px;
  text-align: center;
}

.feature-box h2
{
  font-size: 4rem;
}

.feature-box h5
{
  font-size: 1.2rem;
  text-transform: uppercase;
}

/********** Feature section *******/


/********** Products section *******/
.products-header-section
{
  padding: 30px;
  background: #563659;
  margin-top: -103px;
}

.products-header-section h2
{
  color: #fef2f2;
  font-size: 4rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 150px;
  background: url(images/border-bottom-products.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

.products-header-section p
{
  color: #fef2f2;
  font-size: 1rem;
  padding-top: 20px;
}

.products-content-section
{
  padding: 30px;
  background: #563659;
}

.products-box
{
  background: rgb(0, 0, 0, 0.5);
  padding: 30px;
  margin: 3px;
}


.products-box h3
{
  text-transform: uppercase;
  color: #fef2f2;
  font-size: 2rem;
  font-weight: 700;
}

.products-box a
{
  text-transform: uppercase;
  color: #fef2f2;
  font-size: 0.8rem;
  text-decoration: none;
}

#vitaminip{height: 610px; background-image: url(images/products/vitaminsip.jpg); background-repeat: no-repeat center center; background-size: cover;}
#vitaminfoodfcc{height: 300px; background-image: url(images/products/vitaminsfoodfcc.jpg); background-repeat: no-repeat; background-size: cover;}
#excipients{height: 200px; background-image: url(images/products/excipients.jpg); background-repeat: no-repeat center center; background-size: cover;}
#chemicals{height: 406px; background-image: url(images/products/chemicals.jpg); background-repeat: no-repeat center center; background-size: cover;}
#feedsupplements{height: 300px; background-image: url(images/products/feedsupplements.jpg); background-repeat: no-repeat center center; background-size: cover;}
#sweeteners{height: 200px; background-image: url(images/products/sweeteners.jpg); background-repeat: no-repeat center center; background-size: cover;}
#apis{height: 404px; background-image: url(images/products/apis.jpg); background-repeat: no-repeat center center; background-size: cover;}


.products-button-section
{
  padding: 30px;
  background: #563659;
}

.products-button-section button
{
  font-size: 1.3rem;
  padding-left: 20px;
  padding-right: 20px;
  background: #fef2f2;
  color: #271129;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 100px;
  transition: 0.5s;
}

.products-button-section button:hover
{
  background: #271129;
  color: #fef2f2;
  transition: 0.5s;
}

.bg-below-products
{
  background: url(images/bg-below-products.png) no-repeat center center;  
  position: relative;
  z-index: 2;
  height: 100px;
}
/********** Products section *******/


/********** Why arham section *******/

.why-arham-header-section
{
  background: #F1EBEB;
  padding: 30px;
  margin-top: -80px;
  position: relative;
  z-index: 0;
}

.why-arham-header-section h2
{
  color: #513054;
  font-size: 4rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 100px;
  background: url(images/border-bottom-why-arham.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

.why-arham-section
{
  background: #F1EBEB;
  padding: 30px;
}

.why-arham-section-box
{
  padding: 10px;
  box-shadow: 0px 1px 5px #e6e1e1;
  margin: 5px;
}

.why-arham-section-box h3
{
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
}

.why-arham-section-box h5
{
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}

#why-arham-section-mid-box
{
  margin-top: 100px;
}


/********** Why arham section *******/



/********* Contacts section *********/
.contacts-header
{
  background: #EFE4E4;
  padding: 30px;
}

.contacts-header h2
{
  color: #513054;
  font-size: 4rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  background: url(images/border-bottom-why-arham.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

.contacts-section
{
  background: #EFE4E4;
  padding: 30px;
}

.contacts-section h3
{
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.contact-us-block a
{
  color: #2e0503;
  text-decoration: none;
}

.contact-us-block a:hover
{
  color: #000000;
}

.contact-us-block i
{
  font-size: 1.4rem;
}

.contact-us-block h2
{
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 600;
}

.contact-us-block h4
{
  font-size: 14px;
  margin-bottom: 0;
}

.arham-department
{
  background: #f9f9f9;
  margin: 10px;
  padding: 20px;
  border: 1px solid #efefef;
  font-size: 14px;
}

/********* Contacts section *********/



/********* footer section *******/
.footer-section
{
  background: #EFE4E4;
  padding: 10px;
}

.footer-section h5
{
  padding-top: 20px;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
/********* footer section *******/










/*********************** Media Queries ***************************
******************************************************************/
/* For mobile phones: */

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

.navbar
{
  background: #e8dcdc;
}

.navbar-nav .nav-item .nav-link
{
  border-bottom: 1px solid #dccfcf;
  font-size: 1rem;
}

.navbar-toggler:focus
{
  box-shadow: none;
}

.navbar-brand
{
  width: 80px;
}

.intro-section
{
  background: #E4CBCA url(images/intro-section-content-bg.png) no-repeat top left;
  margin-top: -140px;
}

.intro-section-content
{
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
}

.intro-section-content h1
{
  font-size: 2rem;
  text-transform: uppercase;
  background: url(images/border-bottom-introduction.png) no-repeat 0% 100%;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.intro-section-image
{
  background-image: url(images/intro-img.jpg);
  background-position: center center;
  background-size: cover;
  height: 400px;
}

.main-content-banner-section
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 100px;
  background: #fef2f2;
}

.main-content-banner-section h1
{
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 500;
  color: #3E1A42;
  margin-top: 20px;
}

.main-content-banner-section h2
{
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #5f2836;
}

.main-content-banner-section h5
{
  text-align: center;
  font-size: 1rem;
  line-height: 30px;
  font-weight: 600;
  color: #5f2836;
}

//#about-us-section{background: url(images/banner/about-us-bg.jpg) no-repeat center center;}

.main-content-section
{
  //background: #fcfafa;
  background-image: url(images/main-content-bg.jpg);
  background-repeat: repeat;
  padding: 10px;
  font-weight: 600;
  margin-top: -140px;
}

.main-content-section p
{
  font-weight: 500;
}

.main-content-section h3
{
  color: #232323;
  font-size: 1.3rem;
  text-transform: uppercase;
  background: url(images/border-bottom-main-content.png) no-repeat center bottom;
  padding-bottom: 20px;
  margin-bottom: 10px;
  text-align: center;
}

.main-content-section h4
{
  color: #232323;
  font-size: 1.3rem;
  text-transform: uppercase;
  //background: url(images/border-bottom-main-content.png) no-repeat left bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.main-content-section #text-prolific
{
  font-weight: 800;
  font-size: 1.3rem;
}

.main-content-section #text-highlight
{
  color: #F53163;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 800;
  font-size: 1.2rem;
}

.accordion-button.collapsed
{
  background: #b5a1b7;
  color: #3E1A42;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #766878;
  border-radius: 0;
}

.accordion-button:not(.collapsed)
{
  background: #3E1A42;
  color: #fef2f2;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
}

.managing-committee
{
  text-align: center;
  //box-shadow: 0px 2px 10px #ddcbcb;
  padding: 10px;
  margin: 10px;
  //border: 1px solid #efefef;
  margin-bottom: 10px;
}

.managing-committee h4
{
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}

.managing-committee h5
{
  font-size: 0.8rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.managing-committee img
{
  border-left:  2px solid #F53163;
  border-top:  2px solid #F53163;
  border-right: 2px solid #3E1A42;
  border-bottom: 2px solid #3E1A42;
  margin-bottom: 20px;
}

.mission-vision-box
{
  padding: 10px;
}

.mission-vision-box img
{
  margin-bottom: 10px;
}

.mission-vision-box h5
{
  text-align: center;
  font-size: 1.3rem;
  text-transform: uppercase;
}

.mission-vision-box p
{
  color: #666666;
  line-height: 25px;
}






.feature-section
{
  background: #fef2f2;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
  margin-top: 0;
}

.feature-box
{
  padding: 20px;
  text-align: center;
}

.feature-box h2
{
  font-size: 3rem;
}

.feature-box h5
{
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

.products-header-section
{
  padding: 10px;
  background: #563659;
  margin-top: 0;
}

.products-header-section h2
{
  color: #fef2f2;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 50px;
  background: url(images/border-bottom-products.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

.products-header-section p
{
  color: #fef2f2;
  font-size: 1rem;
  padding-top: 20px;
}

.products-content-section
{
  padding: 10px;
  background: #563659;
}

#vitaminip{height: 200px; background-image: url(images/products/vitaminsip.jpg); background-repeat: no-repeat center center; background-size: cover;}
#vitaminfoodfcc{height: 200px; background-image: url(images/products/vitaminsfoodfcc.jpg); background-repeat: no-repeat; background-size: cover;}
#excipients{height: 200px; background-image: url(images/products/excipients.jpg); background-repeat: no-repeat center center; background-size: cover;}
#chemicals{height: 200px; background-image: url(images/products/chemicals.jpg); background-repeat: no-repeat center center; background-size: cover;}
#feedsupplements{height: 200px; background-image: url(images/products/feedsupplements.jpg); background-repeat: no-repeat center center; background-size: cover;}
#sweeteners{height: 200px; background-image: url(images/products/sweeteners.jpg); background-repeat: no-repeat center center; background-size: cover;}
#apis{height: 200px; background-image: url(images/products/apis.jpg); background-repeat: no-repeat center center; background-size: cover;}


.why-arham-header-section
{
  background: #F1EBEB;
  padding: 10px;
  margin-top: -80px;
  position: relative;
  z-index: 0;
}

.why-arham-header-section h2
{
  color: #513054;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 100px;
  background: url(images/border-bottom-why-arham.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

#why-arham-section-mid-box
{
  margin-top: 0px;
}

.contacts-header
{
  background: #EFE4E4;
  padding: 10px;
}

.contacts-header h2
{
  color: #513054;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  background: url(images/border-bottom-why-arham.png) no-repeat 50% 100%;
  padding-bottom: 20px;
}

.contacts-section
{
  background: #EFE4E4;
  padding: 10px;
}


.footer-section
{
  background: #EFE4E4;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
}





}