@font-face {
  src: url(../font/Outfit-VariableFont_wght.ttf);
  font-family: outfit;
}
@font-face {
  src: url(../font/KGSummerStormSmooth.ttf);
  font-family: summer;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  width: 10px;
  background: #fff;
  border-left: 0 solid #fff;
  border-right: 0 solid #fff;
}

::-webkit-scrollbar-thumb {
  background: #00564b;
  width: 0;
  height: 25%;
  transition: 0.5s ease;
  cursor: pointer;
}

.text-medium {
  font-size: 20px !important;
  margin-top: -10px;
}
ul.eco li {
  display: inline-block;
}
ul.eco {
  margin-top: -20px !important;
}
.slide-captions {
  width: 50%;
  margin-top: 65px;
}

@media (max-width: 1100px) {
  .point-box {
    height: 400px;
  }
  .service-icon {
    display: none;
  }
}
@media (max-width: 830px) {
  .eco-img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #header #logo > a img {
    max-height: 120px;
  }
  .eco {
    display: none;
  }
  h2.text-medium {
    font-size: 15px !important;
  }
  #mainMenu:not(.menu-overlay) nav {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  }
  .eco-img img {
    width: 80%;
  }
  .eco-img {
    text-align: center;
  }
  .service-content {
    height: 440px;
  }
}
@media (max-width: 538px) {
  h2.text-medium {
    font-size: 12px !important;
  }
}
@media (max-width: 420px) {
  h2.text-medium {
    font-size: 12px !important;
    line-height: 20px !important;
    margin-top: 5px;
  }
  .text-lg,
  .text-lg span {
    font-size: 26px;
  }
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

@media (max-width: 1200px) {
  .objectives-img img,
  .homo-img img,
  .homo-img-2 img {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .homo-main {
    text-align: center;
  }
  .homo-img,
  .homo-img-2 {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .event-main {
    height: 530px;
  }
  .header-content h2 {
    font-size: 20px;
  }
  .header-bg {
    background-position: top;
  }
}
@media (max-width: 575px) {
  .gallery_item.gallerypopup {
    text-align: center;
  }
  .shine::before {
    display: none;
  }
}
/* hiyosahi shoji */

ul {
  list-style: none;
}
.topbar-list ul li {
  display: inline;
  margin-right: 25px;
}
.topbar-list ul li i {
  margin-right: 8px;
  color: #f4f4f4;
}
.topbar-list ul li a {
  color: #f4f4f4;
}
.topbar-list ul {
  margin-top: 14px;
}
.top-bar-second {
  text-align: end;
}
.topbar {
  z-index: 99;
  position: relative;
}
h4.slider-head-two {
  text-transform: uppercase;
}
.hiyoshi-button {
  background-color: #ffb733;
  padding: 10px 10px;
  border-radius: 20px;
}
#mainMenu nav ul li.hiyoshi-button {
  margin-top: 24px;
}
#mainMenu nav ul li.hiyoshi-button a {
  color: #00564b;
  font-size: 14px;
}
#mainMenu nav ul li.hiyoshi-button i {
  color: #f4f4f4;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  margin-left: 9px;
  border-radius: 50%;
  background-color: #00564b;
}
.about-row {
  align-items: center;
}
.about-text {
  margin-right: 30px;
}
.about-text h6 {
  text-transform: uppercase;
  font-size: 14px;

  font-weight: 600;
}
.about-text h2 {
  font-size: 36px;
  color: #00564b;
  text-shadow: 3px 3px #ffb733;
  margin-bottom: 18px;
}
.about-text span {
  /* color: #ed1c24; */
  font-weight: 600;
}
.about-text p {
  font-size: 16px;
  text-align: justify;
  font-family: outfit;
}
.layout-btn {
  background-color: #00564b;
  width: 220px;
  margin-top: 20px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 20px;
}
.layout-btn i {
  color: #00564b;
  height: 25px;
  width: 25px;
  position: relative;
  bottom: 2px;
  text-align: center;
  line-height: 25px;
  margin-left: 9px;
  border-radius: 50%;
  background-color: #ffb733;
}
.layout-btn a {
  color: #ffb733;
  font-size: 14px;
  font-weight: 600;
}
.about {
  padding-bottom: 40px;
  background-color: #f4f1e9;
  padding-top: 50px;
  position: relative;
}
.about-2 {
  background-color: #fff;
}
.about-img img {
  width: 90%;
}
.products {
  /* background-color: #f4f1e9; */
  padding: 30px 0px 110px 0px;
  position: relative;
}
/* .about-2{
  background-image: url(../images/white-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
} */
.product-head {
  text-align: center;
  margin-bottom: 30px;
}
.product-head h2 {
  font-size: 42px;
  color: #00564b;
  text-shadow: 3px 3px #ffb733;
}
.product-card {
  text-align: center;
}
.product-card img {
  width: 80%;
}
.product-card h3 {
  color: #f4f4f4;
  text-shadow: 1px 2px #ffb733;
  margin-top: -15px;
}
.product-bg {
  background-image: url(../images/backgroundlayergaris.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  border-radius: 15px;
}
.row.product-main {
  z-index: 99;
  position: relative;
  top: 144px;
  margin-top: -141px;
}

.pepper {
  position: absolute;
  left: -78px;
  top: -151px;
}
.tomato {
  position: absolute;
  left: -92px;
  top: -142px;
}
.green {
  position: absolute;
  left: -142px;
  top: -220px;
}
.wheat {
  position: absolute;
  right: -48px;
  top: -168px;
}
.lemon {
  position: absolute;
  right: -120px;
  top: -145px;
}
.corn {
  position: absolute;
  right: -140px;
  top: -172px;
}
.chillies {
  position: absolute;
  left: -150px;
  top: -26px;
}
.chillies-1 {
  position: absolute;
  right: -90px;
  top: -35px;
}

.pepper img,
.lemon img,
.corn img,
.tomato img,
.wheat img,
.green img,
.chillies img,
.chillies-1 img {
  animation: mover1 1s infinite alternate ease-in-out;
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}

@keyframes mover1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-5px);
  }
}
.about-2 {
  margin-top: 40px;
}
@media (max-width: 1920px) {
  .inspiro-slider.slider-halfscreen {
    height: 1250px;
  }
  #header[data-transparent="true"] + .inspiro-slider,
  #header[data-transparent="true"] + #slider,
  #header[data-transparent="true"] + .fullscreen,
  #header[data-transparent="true"] + .halfscreen,
  #header[data-transparent="true"] + #google-map {
    top: -220px;
  }
}
@media (max-width: 1600px) {
  .inspiro-slider.slider-halfscreen {
    height: 850px;
  }
}
@media (max-width: 1280px) {
  .inspiro-slider.slider-halfscreen {
    height: 90vh;
  }
  #header[data-transparent="true"] + .inspiro-slider,
  #header[data-transparent="true"] + #slider,
  #header[data-transparent="true"] + .fullscreen,
  #header[data-transparent="true"] + .halfscreen,
  #header[data-transparent="true"] + #google-map {
    top: -135px;
  }
}

@media (max-width: 1200px) {
  #header[data-transparent="true"] + .inspiro-slider,
  #header[data-transparent="true"] + #slider,
  #header[data-transparent="true"] + .fullscreen,
  #header[data-transparent="true"] + .halfscreen,
  #header[data-transparent="true"] + #google-map {
    top: -110px;
  }
  .location-main-box {
    margin-top: 30px;
  }
  .about-img img {
    width: 100%;
  }
  .slide-captions {
    margin-top: 200px;
  }
  #header .header-inner #logo a > img,
  #header #header-wrap #logo a > img {
    width: 80%;
    margin-top: 5px;
  }
  #mainMenu nav > ul > li > a {
    padding: 0 5px;
  }
}
@media (max-width: 992px) {
  .about {
    margin-top: 30px;
  }
  #mainMenu nav > ul > li .dropdown-menu > li > a,
  #mainMenu nav > ul > li .dropdown-menu > li > span,
  #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    color: #fff;
    margin-left: 15px;
  }
  .about-img img {
    margin-top: 20px;
  }
  .product-grid-list h3 {
    margin-bottom: 50px;
  }
  .office-box {
    margin-top: 30px;
  }
  .office-text h2 {
    margin-bottom: -25px;
  }
  .slide-captions {
    width: 100%;
  }
  #header .header-inner #logo a > img,
  #header #header-wrap #logo a > img {
    margin-top: 18px;
    margin-left: 39px;
  }
  #mainMenu nav ul li.hiyoshi-button {
    margin-top: 0px;
  }
  .hiyoshi-button {
    width: 180px;
  }
  .pepper,
  .tomato,
  .green,
  .wheat,
  .lemon,
  .corn,
  .chillies,
  .chillies-1,
  .product-bg {
    display: none;
  }
  .product-card h3,
  .product-card a {
    color: #00564b !important;
  }
  .products {
    padding: 80px 0px 220px 0px;
  }
  .foot-box {
    text-align: center;
    margin-bottom: 35px;
  }
  ul.cerificates {
    justify-content: center;
  }
  .inspiro-slider.slider-halfscreen {
    height: 58vh;
  }
  .product-container {
    margin-top: 170px !important;
  }
}
@media (max-width: 767px) {
  .service-content {
    height: 500px;
  }
  .topbar-list ul {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .topbar-list {
    text-align: center;
  }
  .topbar-list ul li {
    display: inline-block;
  }
  .inspiro-slider .slide .slide-captions h2 {
    font-size: 35px;
  }
  .foot-text {
    padding-left: 0px;
  }
  #header[data-transparent="true"] + .inspiro-slider,
  #header[data-transparent="true"] + #slider,
  #header[data-transparent="true"] + .fullscreen,
  #header[data-transparent="true"] + .halfscreen,
  #header[data-transparent="true"] + #google-map {
    top: -45px;
  }
  .social-head ul li img {
    display: none;
  }
}
@media (max-width: 570px) {
  .products {
    margin-top: 70px;
  }
  #header {
    background-color: #00564b;
  }
  #header .header-inner,
  #header #header-wrap {
    margin-top: 0px;
  }
  #header[data-transparent="true"] + .inspiro-slider,
  #header[data-transparent="true"] + #slider,
  #header[data-transparent="true"] + .fullscreen,
  #header[data-transparent="true"] + .halfscreen,
  #header[data-transparent="true"] + #google-map {
    top: 0px;
  }
}
@media (max-width: 440px) {
  #header .header-inner #logo a > img,
  #header #header-wrap #logo a > img {
    margin-top: 1px;
    width: 65%;
  }
  #header #logo {
    top: 22px;
  }
}

ul.dropdown-menu li {
  margin-top: 5px !important;

  line-height: 10px;
}

div#logo {
  margin-top: 26px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.children {
  background-image: url(../images/backgroundlayergaris.png);
  padding: 70px 0px;
  margin-top: 30px;
  background-repeat: no-repeat;
  background-size: cover;
}
.children-img img {
  border-radius: 12px;
}

.social {
  padding: 140px 0px 90px 0px;
  margin-top: -60px;
  position: relative;
}
.social-head {
  text-align: center;
}
.social-head ul li {
  display: inline-block;
}
.social-head ul li img {
  width: 65px;
  margin: -40px 18px 0px 8px;
}
.social-head ul li h3 {
  text-shadow: 3px 3px #ffb733;
  color: #00564b;
  font-size: 34px;
}
.social-head h5 {
  font-family: outfit;
  font-weight: 700;
  font-size: 22px;
  margin-top: -5px;
}
.item img {
  border-radius: 50px;
  padding: 16px;
}
.rotate-2 {
  rotate: -2deg;
  transition: 0.5s ease-in-out all;
}
.rotate-1 {
  rotate: 2deg;
  transition: 0.5s ease-in-out all;
}
.rotate-1:hover,
.rotate-2:hover {
  rotate: 0deg;
  scale: 1.1;
}
.social-slider {
  margin-top: 30px;
}
.connect {
  text-align: center;
  margin-top: 40px;
}
.connect ul li {
  display: inline-block;
}
.connect h3 {
  text-shadow: 3px 3px #ffb733;
  color: #00564b;
  margin-bottom: 20px;
}
.connect ul li {
  border: 2px solid #00564b;
  width: 50px;
  height: 50px;
  margin: 0px 10px;
  line-height: 50px;
  border-radius: 12px;
}
.connect ul li i {
  color: #00564b;
  font-size: 22px;
  text-shadow: 1px 1px #ffb733;
}
.about-2 {
  position: relative;
}
footer {
  padding: 60px 0px 55px 0px;
  background-image: url(../images/backgroundlayergaris.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 5px;
}
.foot-box h4 {
  font-size: 20px;
  color: #f4f4f4;
  margin-bottom: 22px;
}
.foot-box a {
  font-family: outfit;
  color: #fff;
}
.foot-box i {
  margin-right: 9px;
  color: #ffb733;
}
.foot-box ul li {
  margin-bottom: 20px;
}
.foot-box-1 ul li {
  margin-bottom: 10px;
}
.foot-box ul li img {
  width: 160px;
}
.foot {
  background-color: #00564b;
  padding: 25px 0px;
}
.foot p {
  color: #fff;
  margin-bottom: 0px;
  font-size: 12px;
}
ul {
  padding-left: 0px;
}
ul.cerificates {
  display: flex;
  margin-left: -20px;
}
.vertex {
  text-align: end;
}
.vertex a {
  color: #ffb733;
}
.snack-product-2 {
  margin-top: -70px;
}
.snack-product-price h2 {
  margin-bottom: 8px;
}

/* inner css */

.banner {
  background-image: url(../images/banner/snack-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #00564b;
  padding: 180px 0px 80px 0px;
  top: -103px;
}
.makhni-banner {
  background-image: url(../images/banner/makhni-banner.jpg);
}
.nimco-banner {
  background-image: url(../images/banner/nimco-banner.jpg);
}
.freshner-banner {
  background-image: url(../images/banner/freshness-banner.jpg);
}
.yoyo-patti-banner {
  background-image: url(../images/banner/yoyo-patti-banner.jpg);
}
.yoyo-balls-murgh-banner {
  background-image: url(../images/banner/yoyo-balls-murgh-banner.jpg);
}
.slidez-banner {
  background-image: url(../images/banner/slidez-banner.jpg);
}
.yoyo-balls-tomato-banner {
  background-image: url(../images/banner/yoyo-balls-tomato-banner.jpg);
}
.puffz-pops-ketchup-banner {
  background-image: url(../images/banner/puffz-pops-ketchup-banner.jpg);
}
.ringoz-banner {
  background-image: url(../images/banner/ringoz-banner.jpg);
}
.ringlee-banner {
  background-image: url(../images/banner/ringlee-banner.jpg);
}
.cartoon-networld-banner {
  background-image: url(../images/banner/cartoon-networld-banner.jpg);
}
.tikka-masala-banner {
  background-image: url(../images/banner/tikka-masala.jpg);
}
.cartoon-networld-cheese-banner {
  background-image: url(../images/banner/cartoon-networld-cheese-banner.jpg);
}
.puffz-pops-salt-banner {
  background-image: url(../images/banner/puffz-pops-salt.jpg);
}
.potato-punch-banner {
  background-image: url(../images/banner/potato-punch-banner.jpg);
}
.paprh-maza-banner {
  background-image: url(../images/banner/paprh-maza-banner.jpg);
}
.daal-sev-banner {
  background-image: url(../images/banner/daal-sev.jpg);
}
.special-mix-nimco-banner {
  background-image: url(../images/banner/special-mix-nimco.jpg);
}
.daal-moth-banner {
  background-image: url(../images/banner/daal-moth.jpg);
}
.moong-daal-banner {
  background-image: url(../images/banner/moong-daal-banner.jpg);
}
.chewra-banner {
  background-image: url(../images/banner/chewra.jpg);
}
.mix-nimco-banner {
  background-image: url(../images/banner/mix-nimco.jpg);
}
.daal-chana-banner {
  background-image: url(../images/banner/daal-chana.jpg);
}
.saunf-khusbu-banner {
  background-image: url(../images/banner/sounf-khushbo.jpg);
}
.choco-fun-banner {
  background-image: url(../images/banner/choco-fun.jpg);
}
.meva-banner {
  background-image: url(../images/banner/meva.jpg);
}
.rus-malai-banner {
  background-image: url(../images/banner/rus-malai.jpg);
}
.vermicelli-banner {
  background-image: url(../images/banner/vermacelli-banner.jpg);
}
.papritos-banner {
  background-image: url(../images/banner/papritos-banner.jpg);
}
.papritos-cheese-banner {
  background-image: url(../images/banner/papritos-cheese.jpg);
}
.papritos-chilli-banner {
  background-image: url(../images/banner/papritos-mirch.jpg);
}
.papritos-achari-banner {
  background-image: url(../images/banner/achari-banner.jpg);
}
.papritos-barbeque-banner {
  background-image: url(../images/banner/barbeque-banner.jpg);
}
.wafers-banner {
  background-image: url(../images/banner/wafers-banner.jpg);
}
.chocolate-dream-banner {
  background-image: url(../images/banner/chocolate-dream-banner.jpg);
}
.orange-delight-banner {
  background-image: url(../images/banner/orange-delight-banner.jpg);
}
.banana-treats-banner {
  background-image: url(../images/banner/banana-treats-banner.jpg);
}
.header-content {
  text-align: center;
}
.header-content h1 {
  font-size: 36px;
  text-transform: uppercase;
  color: #00564b;
  text-shadow: 2px 2px #ffb733;
  font-weight: 700;
  margin-bottom: 15px;
}
.header-content ul li {
  display: inline-block;
  margin-right: 7px;
  font-family: outfit;
}
.header-content ul {
  padding: 0;
}
.header-content ul li a {
  color: #00564b;
  font-size: 16px;
}
.header-content ul li i {
  font-size: 14px;
  margin-right: 5px;
}
.header-content ul li i.fa-angle-right {
  margin-right: 12px;
}
.snacks {
  position: relative;
  top: -20px;
  margin-bottom: 50px;
}
.thanks {
  position: relative;
  top: -50px;
  margin-bottom: 50px;
  text-align: center;
}
.thanks h3 {
  font-size: 32px;
  text-shadow: 3px 3px #ffb733;
  color: #00564b;
}
.thanks p {
  font-family: outfit;
  font-size: 16px;
  margin-top: 15px;
  padding: 0px 15%;
}
.thanks a {
  color: #00564b;
  font-weight: 600;
}
.career {
  position: relative;
  top: -30px;
  margin-bottom: 80px;
}
.contact-box {
  position: relative;
  top: -50px;
  margin-bottom: 50px;
}
.snack-head {
  text-align: center;
}
.snack-head h2 {
  color: #00564b;
  text-shadow: 2px 2px #ffb733;
}
.snack-head h3 {
  color: #00564b;
  text-shadow: 2px 2px #ffb733;
}
.snack-head p {
  font-family: outfit;
  margin-top: 14px;
  padding: 0px 8%;
  font-size: 16px;
}
.snack-box img {
  width: 100%;
}
.snack-box {
  text-align: center;
  margin-top: 20px;
}
.snack-box-img{
  height: 300px;
}
.snack-box-slidz {
  background: url(../images/products/snacks/slidez-sweet-and-sour.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-slidz:hover {
  background: url(../images/products/snacks/slidez.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-tikka-masala {
  background: url(../images/products/snacks/tikka-masala.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-cartoon-networld {
  background: url(../images/products/snacks/cartoon-networld-cheese-flavour.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-cartoon-networld:hover {
  background: url(../images/products/snacks/product-5.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-papritos {
  background: url(../images/products/snacks/papritos-barbeque-20.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-papritos:hover {
  background: url(../images/products/snacks/papritos-achari.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-makhni-masala {
  background: url(../images/products/snacks/product-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-yoyo-balls {
  background: url(../images/products/snacks/yoyo-balls-murgh.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-yoyo-balls:hover {
  background: url(../images/products/snacks/yoyo-balls-tomato.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-puppz {
  background: url(../images/products/snacks/product-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-puppz:hover {
  background: url(../images/products/snacks/puffz-pops.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box-chicken-biryani {
  background: url(../images/products/snacks/chicken-biryani.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s ease-in-out;
}
.snack-box h3 {
  color: #00564b;
  text-shadow: 2px 2px #ffb733;
  font-size: 24px;
  margin-bottom: 40px;
}
.snack-product {
  position: relative;
  top: -50px;
  margin-bottom: 50px;
}
.snack-product-img img {
  width: 100%;
}
.snack-product-nutrition {
  margin-top: -5px;
}
button.accordion-button {
  border: none;
  background-color: #fff;
}
.accordion-header {
  border-bottom: 2px solid #00564b;
  padding: 8px 0px;
  position: relative;
}
.accordion-button {
  font-family: outfit;
  font-weight: 600;
  color: #00564b;
  font-size: 24px;
}
.accordion-body {
  margin-top: 20px;
}
.snack-product-box h3 {
  color: #00564b;
  text-shadow: 2px 2px #ffb733;
  margin-top: 25px;
  font-size: 32px;
}
.accordion-button i {
  position: absolute;
  right: 0px;
  top: 30px;
}
.accordion-button i {
  transition: transform 0.3s ease-in-out;
}
.accordion-body p {
  font-family: outfit;
  font-size: 16px;
}
.accordion-body img {
  width: 100%;
}
img.nutrition-img {
  width: 80%;
}
.snack-product-box p {
  font-family: "outfit";
  font-size: 16px;
  text-align: justify;
  margin-top: 16px;
}
.product-card a {
  color: #fff;
}
@media (max-width: 767px) {
  .accordion-button i {
    top: 18px;
  }
  .product-card a {
    color: #00564b;
  }
}
.products-2 {
  top: -30px;
}
.product-head-2 h2 {
  font-size: 32px;
  padding: 0px 3%;
  line-height: 56px;
  margin-top: -20px;
}

.contact-one h2 {
  margin-top: 12px;
  font-size: 26px;
  color: #00564b;
  text-shadow: #ffb733 2px 2px;
}
.contact-two {
  display: flex;
  margin-top: 38px;
}
.contact-box-one img {
  width: 50px;
}
.contact-box-one i {
  background-color: #00564b;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 14px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.contact-box-two p {
  margin-top: 5px;
  color: #777;
  font-size: 16px;
  font-family: outfit;
}
.contact-box-one {
  margin-right: 25px;
}
.contact-box-three h4 {
  margin-top: -3px !important;
}
.contact-box-three {
  padding-bottom: 10px;
}
.contact-two h4 {
  font-size: 22px;
  font-family: outfit;
  font-weight: 700;
  margin-top: -10px;
  margin-bottom: -2px;
}

.contact-head h6 {
  color: #00564b;
  font-size: 14px;
}
.contact-head h3 {
  font-size: 28px;
  position: relative;
  color: #fff;
}
.form-main {
  margin-top: 15px;
}
.contact-form {
  padding: 30px;
  background-image: url(../images/backgroundlayergaris.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  margin-left: 30px;
}

.form-data input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  border: none;
  border: 2px solid #e4e7ee;
  padding-left: 15px;
  font-size: 14px;
  font-family: outfit;
  background-color: transparent;
  color: #fff;
}
.form-data input::placeholder {
  color: #fff;
  font-size: 16px;
}
.form-data i {
  position: absolute;
  top: 13px;
  left: 12px;
  color: #b9090f;
}
.form-data input:focus,
.form-data textarea:focus {
  border: 2px solid #fff;
  outline: none;
}
.form-data {
  margin-top: 20px;
  position: relative;
}
.form-data textarea {
  border: none;
  border: 2px solid #e4e7ee;
  border-radius: 8px;
  width: 100%;
  height: 150px;
  font-family: outfit;
  color: #fff;
  background-color: transparent;
  padding-top: 15px;
  padding-left: 15px;
}
.form-data textarea::placeholder {
  font-size: 16px;
  color: #fff;
}

.form-btn button {
  border-radius: 8px;
  background: transparent;
  color: #fff;
  border: 2px solid #fff !important;
  margin-top: 15px;
  font-size: 14px;
  font-family: outfit;
  font-weight: 700;
  padding: 10px 45px;
  text-transform: uppercase;
  border: none;
}
.contact {
  padding: 40px 0;
}
.contact-one i {
  margin-right: 5px;
}
.contact-box-three {
  margin-top: 1px;
}
.form-head h3 {
  font-size: 36px;
  color: #00564b;
  text-shadow: 3px 3px #ffb733;
}
.form-head p {
  font-family: outfit;
  font-size: 16px;
  margin-bottom: 30px;
}
.career-form-data {
  position: relative;
}
.career-form-data input {
  width: 100%;
  height: 50px;
  border: none;
  border: 2px solid #e9e9e8;
  padding-left: 15px;
  border-radius: 8px;
  font-family: outfit;
  margin-bottom: 20px;
  font-size: 14px;
  color: #00564b;
}
.career-form-data select {
  height: 50px;
  border: none;
  border: 2px solid #e9e9e8;
  padding-left: 15px;
  border-radius: 8px;
  font-family: outfit;
  color: #777;
  margin-bottom: 20px;
  font-size: 14px;
}
.career-form-data select::placeholder {
  color: #777;
}
.career-form-data input:focus,
.career-form-data select:focus,
.career-form-data textarea:focus {
  border: 2px solid #00564b;
  outline: none;
}
.career-form-data i {
  position: absolute;
  top: 16px;
  right: 12px;
  color: #00564b;
}
.contact-form-btn button {
  background-color: #00564b;
  border: none;
  color: #f9f9f9;
  padding: 10px 40px;
  border-radius: 20px;
}
.social-head-3 h3 {
  font-size: 30px !important;
}
.career-form-data textarea {
  border: none;
  border: 2px solid #e9e9e8;
  width: 100%;
  padding: 20px;
  font-family: outfit;
  border-radius: 12px;
}

@media (max-width: 1200px) {
  .social-head ul li img {
    display: none;
  }
}
@media (max-width: 992px) {
  .banner {
    background-position: center;
  }
  .products-2 {
    top: -120px;
  }
  .contact-form {
    margin-left: 0px;
    margin-top: 30px;
  }
}

.about-3 {
  margin-top: -100px;
}
.about-text-2 h2 {
  font-size: 32px;
  line-height: 50px;
}
.snack-product-price h4 {
  font-size: 28px;
  font-weight: 600;
  color: #00564b;
  text-shadow: 2px 2px #ffb733;
}
.snack-product-price h5 {
  font-family: outfit;
  font-size: 16px;
  margin-top: -12px;
  margin-bottom: 30px;
}
.snack-product-price span {
  font-size: 16px;
}
.snack-product-price h2 {
  color: #00564b;
  font-size: 26px;
  text-shadow: 2px 2px #ffb733;
}
.snack-product-price ul {
  margin-top: 20px;
}
.snack-product-price ul li {
  display: inline;
  margin-right: 16px;
  font-family: outfit;
  font-size: 18px;
  font-weight: 600;
  color: #00564b;
}
.snack-product-price ul li i {
  margin-right: 6px;
  color: #00564b;
}
.snack-product-price a {
  background-color: #00564b;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
}
.order-form {
  margin-top: 30px;
}
h4.qoute-head {
  font-family: outfit;
  font-size: 20px;
}
form label {
  font-family: outfit;
  font-size: 16px;
}
.order-select {
  margin-bottom: 10px;
}
.form-check-input:checked {
  background-color: #00564b !important;
  border-color: #00564b !important;
}
input.quantity-input {
  font-family: "outfit";
  border: none;
  border: 1px solid #e9e9e8;
  position: relative;
  border-radius: 8px;
  top: -55px;
  font-size: 12px;
  right: -40%;
  padding: 0px 6px;
}
.form-check h6 {
  font-family: "outfit";
  font-size: 14px;
  margin-top: -9px;
  font-weight: 600;
  color: #00564b;
}
.form-price-margin {
  padding-bottom: 25px;
}
.form-check-2 {
  margin-bottom: -50px !important;
  margin-top: 16px;
}
.order-form-margin {
  top: -70px;
}
@media (max-width: 560px) {
  .products-2 {
    top: -180px;
  }
  .papritos-row {
    flex-direction: column-reverse;
  }
  .snack-product-price h4 {
    font-size: 20px;
    margin-top: 15px;
  }
  input.quantity-input {
    font-family: "outfit";
    border: none;
    border: 1px solid #e9e9e8;
    position: relative;
    border-radius: 8px;
    top: -55px;
    font-size: 12px;
    width: 135px;
    right: -63%;
    padding: 0px 10px;
  }
  .order-form-margin {
    top: -25px;
  }
  .foot {
    text-align: center;
  }
  .vertex {
    text-align: center;
    margin-top: 10px;
  }
}
.discount-banner img {
  width: 100%;
  margin-top: -70px;
  margin-bottom: 142px;
  border-radius: 28px;
}