body{
  font-family: Roboto;
  color: #333333;
  background: #f9f1dc;
}
h2{
  font-family: Poppins;
  font-size: 42px;
  font-weight: bold;
  color: #333333;
}

.container-fluid{
  max-width:1600px;
  background: #fff;
}
.mobile-header{
  display: none;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("../images/hamburger.svg");
}

.main-wrapper{
  padding: 0px;
}
.header-main{
  clear: both;
}
.hero-banner{
  position: absolute;
  z-index: 9999;
  width: 100%;
}
.product-page .hero-banner{
  position:inherit;
}

.home-page .bg-curve-hero1{
  background-image: url("../images/curve-blue.png");
  background-repeat: no-repeat;
  background-position: -100px -80px;
}

.turmeric-page .bg-curve-hero1{
  background-image: url("../images/curve-yellow.png");
  background-repeat: no-repeat;
}

.clove-page .bg-curve-hero1{
  background-image: url("../images/curve-light-brown2.png");
  background-repeat: no-repeat;
}

.chilli-page .bg-curve-hero1{
  background-image: url("../images/curve-red.png");
  background-repeat: no-repeat;
}
.cardamom-page .bg-curve-hero1{
  background-image: url("../images/curve-green.png");
  background-repeat: no-repeat;
}
.basmathi-page .bg-curve-hero1{
  background-image: url("../images/curve-light-brown.png");
  background-repeat: no-repeat;
}
.cumin-page .bg-curve-hero1{
  background-image: url("../images/curve-light-brown3.png");
  background-repeat: no-repeat;
}
.coconut-page .bg-curve-hero1{
  background-image: url("../images/curve-medium-brown.png");
  background-repeat: no-repeat;
}

.black-pepper-page .bg-curve-hero1{
  background-image: url("../images/curve-dark-brown.png");
  background-repeat: no-repeat;
}



.p-page .bg-curve-hero1{
  background-position: -60px 0px;
}

.video-container{
  padding: 0px;
}

.home-page .video-container video{
  width: 1000px;
}

.p-page .video-container video {
  width: 1000px;
}

video::-webkit-media-controls {
  display:none !important;
}

 .bg-curve-hero{
  background-image: url("../images/curve-blue.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
}
.page-wrapper .hero-img{
  height: 680px;
  background:  no-repeat;
}
.desktop-header{
  padding-top: 24px;
}
.logo{
  float: left;
  margin-right: 72px;
}
.top-navigation{
  float: left;
}
.desktop-header ul.top-navigation{
  list-style: none;
  margin: 14px 0 0 0;
}
.desktop-header ul.top-navigation li{
  font-family: Poppins;
  font-size: 16px;
  float: left;
  list-style: none;
  margin-right: 32px;
}
.desktop-header ul.top-navigation li a{
  color: #ffffff;
}
.product-menu a{
  padding-bottom: 20px;
}
.dropdown-menu{
  width: 900px;
  background: #ffffff;
  position: absolute;
  top:72px;
  left: 80px;
  padding: 24px 16px;
  margin: auto;
}
.dropdown-menu .arrow{
  width: 24px;
  height: 14px;
  position: absolute;
  top: -18px;
  left: 416px;
}
.product-menu:hover .dropdown-menu{
  display: block;
}
.dropdown-menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown-menu ul li{
  width: 400px;
  margin: 0 16px !important;
}
.dropdown-menu ul li a{
  display: block;
  padding: 16px;
  border-radius: 8px;
}
.dropdown-menu ul li a:hover h5{
  color: #ffffff !important;
}
.dropdown-menu ul li a:hover p{
  color: #ffffff !important;
}
.dropdown-menu ul li a:hover .deafult-image{
  display: none;
}
.dropdown-menu ul li a:hover .hover-image{
  display: block !important;
}
.dropdown-menu ul li a.turmeric:hover{
  background: #B56500;
}
.dropdown-menu ul li a.basmati:hover{
  background: #FF8D00;
}
.dropdown-menu ul li a.cloves:hover{
  background: #493836;
}
.dropdown-menu ul li a.cumin-seeds:hover{
  background: #5F4129;
}
.dropdown-menu ul li a.red-chilli:hover{
  background: #B71C2F;
}
.dropdown-menu ul li a.black-pepper:hover{
  background: #22151B;
}
.dropdown-menu ul li a.cardamom:hover{
  background: #7A6A00;
}
.dropdown-menu ul li a.coconut:hover{
  background: #673020;
}

.dropdown-menu ul li .menu-icon{
  float: left;
}

.dropdown-menu ul li .menu-icon img{
  width: 64px;
  height: 64px;
}
.dropdown-menu ul li .menu-icon img.hover-image{
  display: none;
}
.dropdown-menu ul li .menu{
  float: left;
  width: 300px;
  padding-left: 16px;
}
.dropdown-menu ul li .menu .product-name{
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
  padding-top: 4px;
  color:#000000;
}
.dropdown-menu ul li .menu .description{
  font-family: Roboto;
  font-size: 14px;
  color: #333333;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.hero-description{
  width: 430px;
  margin-top: 80px;
}

.hero-description h2{
  color: #ffffff;
  line-height: 56px;
}
.hero-description p{
  font-size: 16px;
  color: #ffffff;
  margin: 16px 0 40px 0;
}

a.anchor-button{
  padding: 12px 40px;
  border-radius: 40px;
  color:#ffffff;
  background: #FF7364;
}
a.anchor-button:hover{
  background: #DA3E2D;
  text-decoration: none;
}

.we-are-section{
  margin-top: 144px;
}
.we-are-section img{
  width: 90%;
}
.we-are-section .wrap{
  width: 90%;
  margin-top: 64px;
}
.we-are-section .wrap h6{
  font-size: 16px;
  color: #2330A8;
}
.we-are-section .wrap h2{
  padding-bottom: 16px;
}
.we-are-section .wrap p{
  line-height: 26px;
  margin-bottom: 40px;
}

.anchor-link{
  border-bottom: 2px solid #2330A8;
}
.anchor-link:hover{
  border: 0px;
}

.anchor-link a, .anchor-link a:hover{
  color: #2330A8;
  text-decoration: none;
}

.why-choose-us-section{
  margin-top: 96px;
  text-align: center;
}
.why-choose-us-section .desc{
  width: 70%;
  margin: 0 auto 48px;

}
.why-choose-us-section h2{
  padding-bottom: 16px;
}
.why-choose-us-section .desc p{
  line-height: 26px;
}
.why-choose-us-section img{
  margin-bottom: 16px;
}
.why-choose-us-section h5{
  font-size: 18px;
  color: #000000;
  margin-bottom: 8px;
}
.why-choose-us-section p{
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 40px;
}

.blue-section{
  background: #2330A8 url('../images/rice-texture.png') center center;
  margin-top: 96px;
  margin-left: 0px;
  margin-right: 0px;
}

.blue-section .content-wrapper{
  width: 90%;
  margin: auto;
  padding: 96px 0;
}
.blue-section h3{
  font-family: Poppins;
  font-size: 32px;
  line-height: 48px;
  font-weight: bold;
  color: #ffffff;
}
.blue-section p{
  color: #ffffff;
  line-height: 26px;
  margin: 16px 0 64px 0;
}

.product-section{
  margin-top: 96px;
  text-align: center;
}
.product-section h2{
  margin-bottom: 40px;
}
.product-section .name{
  font-weight: bold;
  color: #000;
  margin-top: 16px;
}
.product-section .row{
  margin-bottom: 24px;
}
.product-section img{
  width: 100%;
}

.newsletter-section{
  background: #FBF6E8;
  padding: 64px 0;
  margin-top: 96px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
}
.newsletter-section h2{
  margin-bottom: 24px;
}
.newsletter-form{
  margin-top: 40px;
}
.newsletter-section input.email{
  width: 400px;
  border:none;
  background: #ffffff;
  font-size: 16px;
  padding: 20px;
  border-radius: 6px 0 0 6px;
}
.newsletter-section button{
  font-size: 16px;
  padding: 20px 40px;
  border:none;
  background: #2330A8;
  color: #ffffff;
  border-radius: 0 6px 6px 0;
  margin-left: -4px;
}

.footer{
  background: #2C2E42;
  padding: 32px 0;
  margin-left: 0px;
  margin-right: 0px;
}
.footer-logo{
  height: 32px;
}
.footer .social-media-section ul{
  list-style: none;
  margin: 0px;
  float: right;
}
.footer .social-media-section ul li{
  float: left;
  width: 24px;
  height: 24px;
  text-align: center;
  margin-left: 24px;
  display: inline-block;
}
.footer-menu{
  text-align: center;
}
.footer-menu ul{
  list-style: none;
  margin: auto 0;
  padding-top: 4px;
  display: inline-block;
}
.footer-menu ul li{
  float: left;
  display: inline-block;
  margin-right: 24px;
}
.footer-menu ul li a{
  color: #ffffff;
}
.footer-menu ul li a:hover{
  text-decoration: underline;
}

.footer .container{
   border-bottom: 1px solid #565767;
   padding-bottom: 32px;
   margin-bottom: 32px;
}
.footer-note{
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}

.company-page{
  background: url('../images/curve-light-blue.png') no-repeat right top;
  background-color: #ffffff;
}

.company-page .desktop-header ul.top-navigation li a,
.gallery-page .desktop-header ul.top-navigation li a,
.contact-page .desktop-header ul.top-navigation li a{
  color: #ffffff;
}
.company-page .header-frame,
.gallery-page .header-frame,
.contact-page .header-frame{
  /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; */
  padding-bottom: 24px;
  background: #2330A8;
}

.about-us-section{
  margin-top: 96px;

}
.about-us-section h2{
  text-align: left;
  margin-bottom: 40px;
  color: #2330A8;
}
.about-us-section p{
  font-size: 16px;
  line-height: 26px;
}

.about-us-section img {
  width: 100%;
}

.insight-section{
  text-align: center;
  margin-top: 96px;
}
.insight-section h2.number{
  font-size: 72px !important;
  color: #2330A8;
}
.country-section{
  text-align: center;
  margin: 96px auto;
}

.country-section img{
  width: 100%;
}


.products-page.basmathi .bg-curve-hero{
  background-image: url("../images/curve-light-brown.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page.black-pepper .bg-curve-hero{
  background-image: url("../images/curve-dark-brown.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page.curve-green .bg-curve-hero{
  background-image: url("../images/curve-green.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page.curve-light-brown2 .bg-curve-hero{
  background-image: url("../images/curve-light-brown2.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page.curve-light-brown3 .bg-curve-hero{
  background-image: url("../images/curve-light-brown3.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page.curve-medium-brown .bg-curve-hero{
  background-image: url("../images/curve-medium-brown.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page.curve-red .bg-curve-hero{
  background-image: url("../images/curve-red.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page.curve-yellow .bg-curve-hero{
  background-image: url("../images/curve-yellow.png"), url("../images/home-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left top, center -300px;
}
.products-page .hero-img{
  height: 580px;
  background:  no-repeat;
}

.product-details{
  padding: 40px 0;
  text-align: center;
}
.product-details img{
  width: 100%;
}
.product-info {
  width: 80%;
  margin: auto;
}
.product-info h6{
  color: #2330A8;
  text-align: center;
}
.product-info h2{
  text-align: center;
  margin-bottom: 24px;
}
.product-info p{
  color: #333333;
  line-height: 26px;
}
.picture-wrap{
  margin: 32px 0;
}
.image-bottom{
 /* vertical-align: bottom;
    display:inline-block;*/
   display: flex;
    align-items: flex-end;
}

.gallery-section h2, .contact-section h2{
  margin-top: 80px;
  margin-bottom: 40px;
  text-align: left;
  color: #2330A8;
}

.masonry { /* Masonry container */
    -webkit-column-count: 4;
    -moz-column-count:4;
    column-count: 4;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}
.item {
    display: inline-block;
    background: #fff;
    width: 100%;
	-webkit-transition:1s ease all;
  margin-bottom: 24px;
}
.item img{max-width:100%;}

.contact-section{
  margin-bottom: 96px;
}
.contact-section h3{
  font-family: Poppins;
  font-size: 28px;
  font-weight: medium;
  margin-bottom: 24px;
}
.form-control{
  border: 1px solid #333333;
  border-radius: 8px;
}
input[type=input]{
  height: 48px;
}

input[type=textarea]{
  height: 160px;
}
button[type="submit"]{
  width: 300px;
  padding:12px;
  border-radius: 8px;
  background: #2330A8;
  border: 1px solid #2330A8;
  text-transform: uppercase;
  font-size: 18px;
  margin: 24px auto;
  cursor: pointer;
}

button[type="submit"]:hover{
  background: #DA3E2D;
  border: 1px solid #DA3E2D;
}
.checkbox-group label{
  margin: 0 32px 0 8px;
  position: relative;
  top:-4px;
}
input[type="checkbox"]{
  width: 20px;
  height: 20px;
}
.product-specifications,.product-benefits{
  padding: 40px 0;
}
.product-specifications h2{

  text-align: center;
}
.product-specifications p{

}
.specifications-table{
  width: 80%;
  margin: auto;
    padding: 40px 90px 0 90px;
}
.specifications-table p{
  font-family: Poppins;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 24px;
}
.product-specifications tr:nth-child(odd) {background-color:#fbf6e8;}

.product-specifications .table{
  width: 730px;
  height: 56px;
  margin-bottom: 40px;
}
.product-specifications .table td,th{ border-top:none;}
.product-specifications .table td{ padding: 16px;}
.product-benefits h2
{
  text-align: center;
  margin-bottom: 24px;

}
.benefits-desc{
    width: 80%;
   margin: auto;
    margin-bottom: 40px;
     line-height: 1.63;
    display: flex;
  text-align: center;
}

.list-of-benefits h3{

  line-height: 1.33;
  color: #43484d;
    padding: 16px 0 ;

}
.list-of-benefits p{

  line-height: 1.63;
  color: #333333;
    margin: auto;

}
.list-of-benefits{
    margin-bottom: 40px;
    padding:0 13px;

}



@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (max-width: 1440px){
  .p-page .bg-curve-hero1{
    background-position: -70px -100px;
  }

  .p-page .video-container video {
    width: 800px;
  }
}

@media only screen and (max-width: 1290px){
  .p-page .bg-curve-hero1{
    background-position: -200px -110px;
  }

  .p-page .video-container video {
    width: 800px;
  }
}

@media only screen and (max-width: 1100px){
    .home-page  .video-container video, .p-page .video-container video {
      width: 100% !important;
    }
    .page-wrapper .bg-curve-hero1{
      background-image: none;
    }
    .blue-bg-small-device{
      width: 100%;
      height: 100%;
      background: #000000;
      position: absolute;
      opacity: .75;
    }
    .hero-description{
      width: 600px;
    }
    .top-navigation{
      float: right;
    }
    .dropdown-menu{
      left: 40px;
    }
    .dropdown-menu .arrow{
      left: 616px;
    }
    .we-are-section{
      margin-top: 80px;
    }
    .we-are-section .wrap{
      margin-top: 16px;
    }
}
@media only screen and (max-width: 1000px){
    .desktop-header{
      display: none;
    }
    .mobile-header{
      display: block;
      width: 100%;
      background: #2330A8;
    }
    .mobile-header .logo{
      position: absolute;
      width: 100%;
      text-align: center;
    }
    .mobile-header .logo img{
      height: 36px;
      padding-top: 4px;
    }
    .mobile-header .navbar-toggler{
      color: #ffffff;
    }

    .mobile-header .nav-item{
      padding: 6px 0;
      border-bottom: 1px solid #4754CA;
    }
    .mobile-header .nav-item:last-child{
      border: none;
    }
    .mobile-header .nav-item a{
      color: #ffffff;
    }
    .mobile-header .dropdown-menu{
      top: 0px;
      left: 0px;
      width: 100%;
      position: relative;
      background: #131E86;
      border-radius: 8px;
      padding: 8px 16px;
    }
    .mobile-header .dropdown-item{
      padding: 12px 0;
      border-bottom: 1px solid #4754CA;
    }
    .mobile-header .dropdown-item:last-child{
      border: none;
    }
    .footer{
      text-align: center;
    }
    .footer .social-media-section ul{
      float: none;
      margin: 0px;
      padding: 0px;
    }
    .footer .social-media-section ul li{
      float: none;
      margin-left: 0px;
      margin-right: 24px;
    }
    .footer .row > div {
      margin-bottom: 16px;
    }
    .company-page .header-frame, .gallery-page .header-frame, .contact-page .header-frame{
      display: none;
    }
    .about-us-section, .gallery-section{
      margin-top: 48px;
    }
    .gallery-section h2{
      margin-top: 0px;
    }
    .list-of-benefits{
      margin-bottom: 0px;
    }
    .list-of-benefits h3{
      padding: 8px 0;
      font-size: 22px;
    }
    .list-of-benefits p{
      margin-bottom: 24px;
    }
    .list-of-benefits img{
      width: 100%;
    }
    .product-details, .product-benefits{
      text-align: center;
    }
    .product-benefits img{
      width: 20%;
    }

}

@media only screen and (max-width: 600px){
  .hero-description{
    width: 100%;
    margin-top: 40px;
  }
  .hero-description h2, h2{
    font-size: 28px;
    line-height: 32px !important;
  }
  .hero-description p{
    font-size: 14px;
  }
  .hero-description a.anchor-button {
    display: none;
  }
  .we-are-section{
    margin-top: 40px;
    text-align: center;
  }
  .we-are-section img, .we-are-section .wrap{
    width: 100%;
  }
  .why-choose-us-section .desc{
    width: 100%;
  }
  .blue-section{
    text-align: center;
  }
  .blue-section .content-wrapper{
    width: 100%;
  }
  .blue-section h3{
    text-align: center;
    font-size: 24px;
    line-height: 32px;
  }
  .product-section img{
    width: 70%;
  }
  .newsletter-section input.email{
    width: 200px;
  }
  .about-us-section{
    margin-top: 24px;
    text-align: center;
  }
  .gallery-section, .contact-section{
    margin-top: 24px;
  }
  .gallery-section h2, .contact-section h2{
    margin-top: 0px;
  }

  .about-us-section h2, .about-us-section img{
    margin-bottom: 24px;
    text-align: center;
  }
  .insight-section{
    margin-top: 48px;
  }
  .insight-section h2.number{
    font-size: 48px !important;
    line-height: 56px;
    margin-bottom: 16px;
  }
  .insight-section h4.label{
    margin-bottom: 32px;
  }
  .country-section{
    margin-top: 48px;
  }
  .product-details, .product-benefits{
    text-align: center;
  }
  .product-details .picture-wrap img{
    margin-bottom: 16px;
  }
  .specifications-table{
    text-align: left;
    width: 90%;
    padding: 0px;
  }
  .product-benefits{
    width: 85%;
  }
  .product-benefits img{
    width: 30%;
  }

}

@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .blue-bg-small-device{
      display: none;
    }
}