@font-face {
  font-family: 'coolkids';
  src: local('coolkids'), url(/fonts/coolkids.otf) format('woff2');
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,600&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); 
*, html, body {
    
    font-family: "poppins", sans-serif;
}
body{
  font-size: 100%;
  padding: 0;
  margin: 0;
  max-width: 100%;
}
#heroSectionDanfe{
  position: relative;
  margin-top:7rem;
}
.section_headingcontainer{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.swiper .swiper-slide .slide-innercontnr .swiper_slide_2_content, .swiper .swiper-slide .slide-innercontnr .swiper_slide_3_content  {
	width: 45%;
	margin: 0 auto;
}

#secondSectionDanfe{
  position:relative;
  padding-top:70px;
}
#secondSectionDanfe img.desElTopRightSecSec {
	position: absolute;
  max-width:165px;
	top: 0;
	left: 0;
}
#secondSectionDanfe .section_headingcontainer h2{
  font-family: "poppins", sans-serif;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 2.2rem;
  color: #4d2408;
}
#secondSectionDanfe .section_headingcontainer p{
  font-size:1rem;
  font-family:"poppins",Sans-serif;
  margin-top:0;
  margin-bottom:35px;
  color: #585858;
}
#secondSectionDanfe .grid_container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	width: 100%;
	max-width: 90%;
	gap: 10px;
	margin: 0 auto;
}
#secondSectionDanfe .grid-item{
  color:#fff;
  font-family:"poppins";
  background:#D5702E;
  height:100%;
  width:100%;
  min-height:10ch;
  position:relative;
}
#secondSectionDanfe .grid-item p{
  position:absolute;
  display:flex;
  flex-direction:column;
  color:#4d2408;
}
#secondSectionDanfe .grid-item p span:last-child{
  font-weight:600;
}
#secondSectionDanfe .grid-item#left-item1 p,#secondSectionDanfe .grid-item#right-item1 p,#secondSectionDanfe .grid-item#right-item3 p {
	top: 50%;
	right: 10px;
	text-align: center;
	max-width: 18ch;
	font-size:1.2rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#secondSectionDanfe .grid-item#right-item3 p {
  max-width: 16ch;
}
#secondSectionDanfe .grid-item#left-item2 p{
  top:50px;
  left: 50%;
  width: 68%;
  font-size:1.2rem;
  text-align:center;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}
#secondSectionDanfe .grid-item#right-item2 p{
  top:50%;
  left: 10px;
  width: 43%;
  font-size:1.2rem;
  text-align:center;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}
#secondSectionDanfe #left-item1{
  grid-area: 1 / 1 / 2 / 2;
}
#secondSectionDanfe #left-item2{
  grid-area: 2 / 1 / span 2 / span 1;
}
#secondSectionDanfe .grid-item img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#heroSectionDanfe .swiper {
  width: 100%;
  height: auto;
}
#heroSectionDanfe .swiper img{
  max-width:100%
}
#heroSectionDanfe .swiper .slide-innercontnr{
  position:relative;
}
#heroSectionDanfe .swiper .slide-innercontnr h1.danfeheading{
  position:absolute;
  top:50%;
  left: 50%;
  font-family:"coolkids";
  display:flex;
  flex-direction:column;
  width:max-content;
  text-align:center;
  color:#fff;
  font-size:3.8rem;
  transform:translateX(-50%)translateY(-50%);
  -webkit-transform:translateX(-50%)translateY(-50%);
  -moz-transform:translateX(-50%)translateY(-50%);
  -ms-transform:translateX(-50%)translateY(-50%);
  -o-transform:translateX(-50%)translateY(-50%);
}
#heroSectionDanfe .swiper .slide-innercontnr h1.banner-2-heading{
  line-height: 51px;
  left: 18%;
  color: #6a2908;
  font-size: 53.4px;
  font-weight: 600;
  font-family: "poppins", sans-serif;
}
#heroSectionDanfe .swiper .slide-innercontnr h1.banner-2-heading span{
  font-size: 38px;
  font-weight: normal;
}
#heroSectionDanfe img.danfelogo{
  position:absolute;
  top: 30px;
  max-width:230px;
  right: 57px;
  z-index: 2;
}
#thirdSectionDanfe{
  position:relative;
  padding:70px 0;
}
#thirdSectionDanfe img.deselthirdsec{
  position:absolute;
  right: 0;
  bottom:40%;
}
#thirdSectionDanfe h3{
  font-family: "poppins", sans-serif;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 2.2rem;
  color: #4d2408;
  flex-direction:column;
}
#thirdSectionDanfe p.parawidthadjust{
  max-width:60ch;
  margin:1rem auto 0;
}
.topleftdsnel {
	position: absolute;
	top: 0;
	left: 0;
}
.toprightdsnel {
	position: absolute;
	bottom: 0;
	right: 0;
}
#fourthSectionDanfe{
  /* background-image: url(/img/danfe/Group_75.webp); */
  background-color:#D6712E;
  
  background-size:contain;
  background-repeat:no-repeat;
  padding:5.5rem 0;
  position:relative;
}

#fourthSectionDanfe h4{
  font-family: "poppins", sans-serif;
  margin-bottom: 35px;
  font-weight: 600;
  color: #4d2408;
  font-size: 2.8rem;
}
#fourthSectionDanfe p{
  max-width:53ch;
  margin-left:auto;
  margin-right:auto;
  color: #4d2408;
  font-size:1.25rem;
}
#fifthSectionDanfe{
  padding:70px 0 0;
}
#fifthSectionDanfe h5{
  font-size:2.2rem;
  font-family: "poppins", sans-serif;
  color: #4d2408;
  margin-bottom:55px
}

#fifthSectionDanfe .prod_card_danfe .prod_title{
  font-family: "poppins";
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #4d2408;
}
#fifthSectionDanfe .prod_card_danfe{
	background-color: rgba(77, 36, 8, 0.06);
	padding: 1.8rem 0;
  margin:1.5rem;
  flex-direction:column;
}
.coriander_prod_shot {
	position: absolute;
	top: -60%;
	right: 0;
}
.baramasala_prod_shot {
	position: absolute;
	top: 30%;
}
.row-desktop{
  display: flex;
  flex-direction:row;
}
#heroSectionDanfe .swiper-slide .danfe_slide_2,#heroSectionDanfe .swiper-slide .danfe_slide_3{
  width:40%;
  margin:0 auto;
}

.mob-grid-img{
  display:none;
}
#heroSectionDanfe .swiper-pagination-bullet{
  background: #c7c3c3;
  opacity: 0.5;
  width: 12px;
  height: 12px;
}
#heroSectionDanfe .swiper-pagination-bullet-active {
  background: #d5712c;
}
#heroSectionDanfe .swiper_slide_3_bg, #heroSectionDanfe .swiper_slide_2_bg{
  width: 100%;
}
@media screen and (max-width:768px){
  .mob-grid-img {
    display: block;
  }
  #left-item2{
    grid-area: 2 / 1 / span 2 / span 1;
  }
  .desktop-grid-img{
    display:none;
  }
  .mob-grid-img{
    display:block;
  }
  .desktop-grid-img
  #heroSectionDanfe .swiper-slide .slide-innercontnr{
    min-height:476px;
  }
  #heroSectionDanfe .swiper img{
    max-width:100vw;
  }
  #heroSectionDanfe .swiper .swiper-slide .slide-innercontnr .swiper_slide_2_content, #heroSectionDanfe .swiper .swiper-slide .slide-innercontnr .swiper_slide_3_content {
    width: auto;
  }
  .swiper_slide_1_bg,.swiper_slide_2_bg,
  .swiper_slide_3_bg {
    width: 100%;
    height: 476px;
    object-fit: cover;
  }

  .swiper-slide .slide-innercontnr .swiper_slide_2_content,
  .swiper-slide .slide-innercontnr .swiper_slide_3_content
  {
    width:100%;
    max-width:90vw;
  }
  #secondSectionDanfe .grid_container {
    grid-template-columns: 1fr;
    grid-template-rows:1fr;
  }
  #secondSectionDanfe .container div.grid-item#left-item1 p, 
  #secondSectionDanfe .container div.grid-item#left-item2 p, 
  #secondSectionDanfe .container div.grid-item#right-item1 p, 
  #secondSectionDanfe .container div.grid-item#right-item2 p, 
  #secondSectionDanfe .container div.grid-item#right-item3 p
  {
    top:1rem;
    display:flex;
    align-items:center;
    justify-content: center;
    width: 100%;
    right:unset;
    left:unset;
    transform:unset;
    max-width:100%;
    -webkit-transform:unset;
    -moz-transform:unset;
    -ms-transform:unset;
    -o-transform:unset;
}

  #heroSectionDanfe img.danfelogo {
    max-width: 5rem;
  }
  .row-desktop{
    flex-direction:column;
  }
  .coriander_prod_shot {
    width: 10rem;
    top: -10%;
  }
  .baramasala_prod_shot {
    top: unset;
    bottom: -10%;
    width: 10rem;
  }
  #secondSectionDanfe img.desElTopRightSecSec{
    max-width:20vw;
  }
  #thirdSectionDanfe h3{
    flex-direction:column;
  }
  body #fourthSectionDanfe .topleftdsnel{
    max-width:65px;
  }
  #fifthSectionDanfe h5 {
    margin-bottom: 10px;
  }
  .desktop-row{
    display: flex;
    flex-direction:column;
  }
  #fifthSectionDanfe .prod_card_danfe {
    margin: 0.8rem 1.5rem;
  }
  .usps .row-desktop.gap-5{
    gap: 0 !important;
  }
  #heroSectionDanfe .swiper .slide-innercontnr h1.banner-2-heading {
    line-height: 47px;
    left: 50%;
    top: 30%;
    font-size: 41.2px;
  }
  #heroSectionDanfe .swiper .slide-innercontnr h1.banner-2-heading span {
    font-size: 29.3px;
  }
}