body{
    overflow-x: hidden;
    margin: 0px auto;
}
@font-face {
  font-family: mm1;
  src: url(../fonts/PlanG.otf);
}
@font-face {
  font-family: mm5;
  src: url(../fonts/Avian_Regular.ttf);
}
@font-face {
  font-family: mm2;
  src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
  font-family: mm3;
  src: url(../fonts/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: mm4;
    src: url(../fonts/Poppins-Black.ttf);
  }
  
/*-------------------------------------------------------header start------------------------------------------------------*/


.menu ul li, .hidden-menu {
    list-style: none;
    padding: 0;
    text-align: justify;
    margin: 40px auto;
}   
.linemenu{
    display: none;
}
.mobile-menu-bar {
    position: fixed;
    height: 50px;
    width: 10% !important;
    top: 0%;
    right: 2%;
    z-index: 999999;
    display: block;
    border-radius: 32px;
}
.mm-top-bar {
    width: 100%;
    height: 50px;
    position: fixed;
    z-index: 999;
}
.mm-top-bar .logo {
    position: absolute;
    right: -134px;
    top: 3px;
    height: 50px;
}
.mm-top-bar .logo img {
    margin: 5px;
}
.logo img {
    width: 25%;
}
.mm-top-bar > .menu {
    height:50px;
    width:46px;
}
.mm-top-bar > .menu > img{
    width:50px;
}
.hidden-menu {
    position: absolute;
    left: 0;
    top:50.5px;
    width: 100%;
    display: none;
    height:0px;
    transition: all 0.5s ;
}
.hidden-menu.active {
    top: -8px;
    display: block;
    width: 250px;
    height: 300px;
    background-color: #000000b0;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 20px;
    left: -176px;
    animation: bounceInRight 0.6s;
}
.hidden-menu li {
    width: 62%;
    height: 0px;
    text-align: center;
    font-size: 12px;
    line-height: 29px;
}
.hidden-menu li > a {
    color: #fff;
    background-color: #d8070c;
    margin: 0%;
    border-radius: 15px;
    font-family: 'mm5';
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 30px;
    font-size: 14px;
    transition: all 0.3s;
}
.hidden-menu li > a:hover{
    background-color: #d91c21;
    box-shadow: 0px 0px 8px 2px #ffffff;
}




#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 80px;
  height: 45px;
  z-index: 999;
  position: relative;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3.5px;
  width: 40%;
  background: #fff;
  border-radius: 30px;
  opacity: 1;
  left: 9px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 8px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 28px;
}

#nav-icon1.open span:nth-child(1) {
  top: 23px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 23px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 65%;
  background: #000;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left: 20px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 10px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 23px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 8px;
  top: 12px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 12px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 9px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}











.hrdbar{
    background-color: #d8070c;
    position: fixed;
    padding: 0%;
    width: 100%;
    z-index: 9999;
}
.pst{
    position: relative;
}
.logo1{
    width: 25% !important;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 15%;
}
.logo1 img{
    width: 55%;
    padding-top: 4%;
}
.hdrheading{
    width: 92% !important;
    text-align: right;
    padding-top: 8px;
    padding-left: 10%;
}
.hdrheading a{
    font-family: mm5;
    font-size: 14px;
    color: #fff;
    padding: 1%;
}
.hdrheading a:hover{
    color: #fff !important;
    text-decoration: none !important;
}
.hvr-underline-from-center:before {
    background: #ffffff !important;
    height: 3px !important;
    border-radius: 25px !important;
}
.bnrarw{
    text-align: center;
    padding-top: 3%;
}
.bnrarw img{
    width: 4%;
    opacity: 0.7;
    transition: all 0.3s;
}
.bnrarw img:hover{
    opacity: 1;
    transform: scale(1.05);
    pointer-events: inherit;
}

/*-------------------------------------------------------header end------------------------------------------------------*/



/*---------------------------------------------------index start--------------------------------------------------*/

.bnr1{
    background-image: url(../assets/img/banner-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 24% 0% 3% 0%;
}
.bnr2{
    background-image: url(../assets/img/banner2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 34% 0% 3% 0%;
}
.bnr3{
    background-image: url(../assets/img/banner3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 34% 0% 3% 0%;
}
.tiltpng{
    position: absolute;
    top: 14%;
    right: -59%;
    width: 100%;
}
.tiltpng img{
    width: 40%;
    animation: bounceInRight 1s;
}
.tilttxt{
    position: absolute;
    top: 11%;
    right: -48%;
    width: 100%;
}
.tilttxt img{
    width: 25%;
    animation: bounceInDown 1.2s;
}
.ladychef img{
    width: 57%;
    animation: bounceInRight 0.6s;
}
.ladychef{
    position: absolute;
    bottom: -121px;
    width: 100%;
    right: -120px;
}
.bnr2txt{
    position: absolute;
    top: 14%;
    right: -80px;
    width: 100%;
}
.bnr2txt h4{
    font-family: mm1;
    font-size: 2.5vw;
    color: #000;
    text-align: center;
    line-height: 0.7;
    animation: bounceInDown 1s;
}
.bnr2txt h3{
    font-family: mm1;
    font-size: 5.5vw;
    color: #d8070c;
    text-align: center;
    line-height: 0.7;
    animation: bounceInUp 1s;  
}
.productsbnr2 {
    position: absolute;
    bottom: -90px;
    width: 100%;
}
.productsbnr2 img{
    width: 95%;
    animation: bounceInLeft 0.9s;
}

.bnr1 h3{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 4.5vw;
    margin: 0;
    animation: bounceIn 1s;
    text-shadow: 3px 3px 3px black;
    pointer-events: none;
}
.bnr1 h3 span{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 5vw;
}
    
.bnr1 h4{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 4.5vw;
    margin: 0;
    animation: bounceIn 1.5s;
    text-shadow: 3px 3px 3px black;
    pointer-events: none;
}
.bnr1 h4 span{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 5vw;
}
   
#scrollButton {
    font-size: 24px;
    cursor: pointer;
}
#scrollButton1 {
    font-size: 24px;
    cursor: pointer;
}
#scrollButton2 {
    font-size: 24px;
    cursor: pointer;
}



.cntres h3{
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 100%;
    margin: auto;
    font-size: 2vw;
}

.slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.flags {
    min-width: 14.2857%;
    background-color: #d8070c;
    padding: 15px;
    text-align: center;
}

.flags:last-child {
    border-right: none;
}
.flags img{
    width: 90%;
}
.flags h4{
    color: #fff;
    font-family: mm5;
    font-size: calc(0.85vw + 0.90vh);
    text-align: center;
}
.arrow {
    position: absolute;
    top: 72%;
    transform: translateY(-50%);
    background-color: rgb(0 0 0 / 0%);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1000;
}

.left-arrow {
    left: -3px;
}

.right-arrow {
    right: -3px;
}

.flag{
    background-color: #d8070c;
    padding: 2% 4% 4% 4%;
    margin-bottom: 3%;
    position: relative;
    z-index: 1;
}
.cntres{
    width: 90%;
    margin: auto;
}





.carousel-control.left {
    display: none !important;
}
.carousel-control.right {
    display: none !important;
}



.sec2{
    padding: 5% 5% 5% 11%;
    position: relative;
}
.sec2 h3{
    font-family: mm1;
    font-size: 6vw;
    font-weight: 700;
    color: #201f47;
    text-align: left;
    margin: 0;
}
.sec2hd{
    margin-top: -3%;
}
.sec2hd p{
    font-family: mm1;
    font-size: calc(1.3vh + 1.5vw);
    color: #fff;
    text-align: left;
    font-style: italic;
    line-height: 1.1;
}
.sec2 h4{
    font-family: mm1;
    color: #000024;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}
.srvc1{
    background-color: #f08;
    padding: 22% 2% 22% 2%;
}
.srvc1:css(css-lcurlyexpected) {transform:scale(1.02);
    transition: all 0.3s;}
.srvc1:hover{
    transition: all 0.3s;
    transform: scale(1.05) !important;
    box-shadow: #cfd5d1 4px 0px 30px 1px;
}
.srvc2:hover{
    transition: all 0.3s;
    transform: scale(1.02) !important;
    box-shadow: #cfd5d1 4px 0px 15px 1px;
}
.srcv3:hover{
    transition: all 0.3s !important;
    width: 23.5% !important;
    box-shadow: #cfd5d1 4px 0px 15px 1px;
}
.srvc4:hover{
    transition: all 0.3s;
    transform: scale(1.02) !important;
    box-shadow: #cfd5d1 4px 0px 15px 1px;
}
.srvc5:hover{
    transition: all 0.3s;
    transform: scale(1.02) !important;
    box-shadow: #cfd5d1 4px 0px 15px 1px;
}
.srvc2{
    background-color: #fef200;
    padding: 10.7%;
}
.srcv3{
    background-color: #ed3338;
    padding: 4.5%;
    rotate: 90deg;
    width: 22.8% !important;
    position: absolute;
    top: 47.6%;
    right: 8.1%;
}
.srvc4{
    background-color: #00aff0;
    padding: 12%;
    margin-top: 2%;
}
.srvc5{
    background-color: #2fda00;
    padding: 15%;
    margin-top: 2.5%;
}




.sec3{
    padding: 5%;
    position: relative;
}
.sec3 h2{
    font-family: mm1;
    font-size: 8vw;
    line-height: 0.6;
    font-weight: 700;
    color: #201f47;
    text-align: left;
    margin: 0;
}
.sec3 h1{
    font-family: mm1;
    font-size: 11vw;
    font-weight: 700;
    color: #201f47;
    text-align: left;
    margin: 0;
}
.sec3 h3{
    font-family: mm1;
    font-size: 5vw;
    font-weight: 700;
    color: #201f47;
    text-align: left;
    margin: 0;
    line-height: 0.4;
}
.hltxt h4{
    font-family: mm1;
    font-size: 3vw;
    font-weight: 700;
    color: #454469;  
    text-align: center;  
}
.hltxt{
    position: absolute;
    top: 25%;
    left: 14%;
}
.sec2img1 img{
    width: 90%;
    rotate: 345deg;
}
.sec2img1{
    text-align: center;
    padding-top: 0%;
}
.mntimg img{
    width: 50%;
    rotate: 15deg;
}
.mntimg{
    text-align: right;
    margin-top: -5%;
    margin-right: 10%;
}
.sec2txt p{
    font-family: mm1;
    font-size: calc(0.9vw + 0.9vh);
    color: #62b1cf;
    text-align: right;
}
.sec2txt{
    padding-top: 50%;
    margin-right: -35%;    
}
.chkwrk{
    background-color: #fef200;
    padding: 1%;
    margin-left: -13%;
    width: 70%;
}
.chkwrk p{
    color: #000024;
    font-family: mm1;
    font-size: calc(1.5vw + 1vh);
    text-align: right;
    line-height: 1.8;
}
.chkwrk h3{
    color: #000024;
    font-family: mm1;
    font-size: 7vw;
    text-align: center;
    padding-bottom: 3.4%;
}



.sec4{
    background-color: #ff0088;
    padding: 0%;
}
.sec4 h3{
    font-family: mm4;
    font-size: 3vw;
    color: #000024;
    text-align: center;
}




.sec5{
    padding: 5% 5% 1% 5%;
}
.ftrcntnt h3{
    font-family: mm1;
    font-size: 6vw;
    color: #fff;
    text-align: left;
    margin: 0;
    font-style: italic;
}
.cntdtl{
    padding-top: 10%;
}
.cntdtl h3{
    font-family: mm1;
    font-size: 2vw;
    color: #ed3237;
    text-align: left;
    padding-bottom: 2%;
}
.cntdt2 h3{
    font-family: mm1;
    font-size: 2vw;
    color: #ed3237;
    text-align: center;
    padding-bottom: 2%;
}
.cntdt2{
    display: none;
    text-align: center;
}
.clicn i{
    font-size: 2.3vw;
    padding: 8%;
    text-align: center;
    color: #000024;
}
.clicn{
    width: 15%;
    text-align: center;
}
.clnmbr{
    width: 80%;
    margin-top: 2%;
}
.clnmbr a{
    font-family: mm1;
    font-size: calc(0.8vh + 0.85vw);
    color: #000024;
    font-weight: 700;
}
.clnmbr a:hover{
    text-decoration: none !important;
    color: #fff;
    transition: all 0.3s;
}
.frtlnk{
    padding-top: 2%;
    padding-bottom: 6%;
}

.frtlnk a{
    font-family: mm1;
    font-size: calc(0.8vh + 0.85vw);
    font-weight: 700;
    color: #000024;
    background-color: #fff200;
    text-align: center;
    padding: 1% 5% 1% 5%;
    margin-left: 0%;
}

.frtlnk a:hover{
    text-decoration: none !important;
    color: #000023;
    transition: all 0.3s;
    background-color: #fff;
}
.cntdtl p{
    font-family: mm1;
    font-size: 3vw;
    color: #fff200;    
}
.cntdtl p span{
    color: #fff !important;
    text-shadow: 0px 1px 10px #fff;
}
.cntdt2 p{
    font-family: mm1;
    font-size: 3vw;
    color: #fff200;    
}
.cntdt2 p span{
    color: #fff !important;
    text-shadow: 0px 1px 10px #fff;
}
.pcsec{
    display: flex;
    position: relative;
}
.orgnm{
    position: absolute;
    width: 100%;
    right: -59%;
    bottom: 67%;
}
.orgnm h2{
    font-family: mm1;
    font-size: calc(1vh + 1vw);
    color: #fff;
    font-style: italic;
}
.orgnm p{
    font-family: mm1;
    font-size: calc(0.75vh + 0.85vw);
    color: #fff;
    font-style: italic;
}



.newsec{
    padding: 5% 0% 5% 0%;
    text-align: center;
}
.newsec h3{
    font-family: mm1;
    font-size: calc(1.2vw + 1.2vh);
    color: #fff;
    padding-bottom: 10%;
}
.newsec h3:hover{
    transform: scale(1.08) !important;
    transition: all 0.3s;
}
#wht1{
    color: #00afef;
}
#wht2{
    color: #fff200;
}
#wht3{
    color: #f08;
}
.newsec p{
    font-family: mm1;
    color: #fff;
    font-size: calc(0.7vw + 0.7vh);
    text-align: justify;
    padding: 0% 15% 3% 15%;   
}
.newsec p:hover{
    transform: scale(1.02) !important;
    transition: all 0.5s;
    color: #fff200;
}
.newsec h1:hover{
    transform: scale(1.05) !important;
    transition: all 0.3s;
}
.newsec h2:hover{
    transform: scale(1.03) !important;
    color: #ed3237;
    transition: all 0.3s;
}
.newsec h1{
    font-family: mm1;
    font-size: calc(1.2vw + 1.2vh);
    color: #fff;
}
.newsec h2{
    font-family: mm1;
    font-size: calc(1vw + 0.8vh);
    color: #32e600;
    padding-bottom: 2%;
}
.newsec h4{
    font-family: mm1;
    font-size: calc(0.85vw + 0.85vh);
    color: #fff;
    }
.newsec h4:hover{
    font-size:28px;
    transition: 0.2s;
    color: #00AFEF;
    
}    
    
   
.newsec img{
    width: 100%;
}

.wrksec2 h3:hover{
    color:#fff200;
    transition:0.4s;
}


.endline{
    padding: 3%;
}
.logoicn{
    padding-bottom: 15%;
    position: relative;
    display: block;
}
.logoicn img{
    width: 75%;
}
.clrlogoicn{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    display: none;
}
.clrlogoicn img{
    width: 75%;
}
.logoicn:hover .clrlogoicn{
    display: block;
    transition: all 0.5s;
}
.clrlogoicn:hover .logoicn{
    display: none !important;
}

.abtus{
    text-align: center;
    position: relative;
    padding-bottom: 8%;
    padding-top: 2%;
}
.grass{    
    background-image: url(../assets/img/2.png);
    padding-top: 5%;
    background-size: 100%;
    padding-bottom: 25%;
    background-repeat: repeat-x;
    position: absolute;
    bottom: -55%;
    left: 0%;
    width: 100%;
    animation: exampled cubic-bezier(0.31, 0.33, 0.65, 0.67) 120s infinite;
}
.grass1{    
    background-image: url(../assets/img/2.png);
    padding-top: 5%;
    background-size: 100%;
    padding-bottom: 25%;
    background-repeat: repeat-x;
    position: absolute;
    bottom: -55%;
    left: 98%;
    width: 100%;
    animation: exampled cubic-bezier(0.31, 0.33, 0.65, 0.67) 120s infinite;
}

@keyframes exampled {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}

.abtvis{
    position: relative;
    width: 100%;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.abtvis img{
    width: 85%;
    animation: rotate 15s linear infinite;
}
.txtabt{
    position: absolute;
    top: 35%;
    left: 35%;
}
.txtabt h3{
    font-family: mm1;
    color: #000;
    font-size: 4vw;
}
.abtpara{
    padding-top: 5%;
    width: 95%;
}
.abtpara p{
    font-family: mm5;
    color: #000;
    font-size: calc(0.85vw + 0.80vh);
    text-align: justify;
    text-transform: uppercase;
}
.abtus img{
    width: 100%;
}
.abtusinn {
    padding: 0% 5% 0% 5%;
}
.abtpara{
    width: 100%;
    margin: auto;
}
.abtpara a{
    width: 22%;
}
.abtpara a h2{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 22%;
    margin: auto;
}
.abtpara a h2:hover{
    background-color: #f21513;
    transition: all 0.3s;
}
.abtpara a{
    text-decoration: none;
}
.abtpara a:hover{
    text-decoration: none;
}
.bnfts{
    padding: 3% 12% 0% 12%;
}
.bnftdsply{
    transition: all 0.3s;    
}
.bnftdsply:hover{
    transform: scale(1.04);
}
.bnftdsply img{
    width: 100%;
}
.bnftdsply h3{
    background-color: #d8070c;
    font-family: mm1;
    font-size: calc(1.2vw + 1vh);
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 1.1%;
    width: 100%;
    margin-top: 0;
}
.prdtvsul{
    background-image: url(../assets/img/podium.png);
    background-size: 85%;
    background-repeat: no-repeat;
    padding: 6% 0% 40% 23%;
}
.prdtvsul img{
    width: 50% !important;
}
.prdts{
    padding: 5%;
}
.fftp{
    background-image: url(../assets/img/banner-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 0% 0% 45.5% 0%;
}
.ftptxt{
    position: absolute;
    top: 2%;
    left: 18%;
}
.ftptxt h3{
    font-family: mm1;
    font-size: 3.5vw;
    color: #000;
    text-align: center;
}
.ftptxt h4{
    font-family: mm1;
    font-size: 3.2vw;
    color: #000;
    text-align: right;
    margin: 0;
    line-height: 0.5;
}
.ftptxt h2{
    font-family: mm1;
    font-size: 4vw;
    color: #78a700;
    text-align: right;
}
.crtf{
    padding: 2% 3% 0% 3%;
    text-align: center;
}
.crtf h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 22%;
    margin: auto;
    font-size: 2vw;
}
.crtfvsul1{
    width: 20% !important;
    margin-left: -4%;
}
.crtfvsul1 img{
    width: 100%;
}
.crtfvsul2{
    width: 25% !important;
    text-align: center;
}
.crtfvsul2 img{
    width: 55%;
    margin-left: 20%;
}
.crtfvsul3{
    width: 18% !important;
    text-align: center;
}
.crtfvsul3 img{
    width: 55%;
}
.crtfvsul4{
    width: 25% !important;
    text-align: center;
}
.crtfvsul4 img{
    width: 55%;
    margin-right: 20%;
}
.crtfvsul5{
    width: 10% !important;
    margin: 0% 0% 0% -3%;
}
.crtfvsul5 img{
    width: 297px;
}
.spc1{
    margin-bottom: -4%;
    padding-top: 4%;
}



.strs{
    text-align: justify;
    padding: 0% 5%;
}
.testimonial h4{
    font-family: mm1;
    color: #f21513;
    font-size: 2vw;
    text-align: left;
    padding: 0% 5%;
}
.testimonial p{
    font-family: mm5;
    color: #000;
    font-size: calc(0.80vw + 0.80vh);
    text-align: justify;
    padding: 0% 5%;
}
.testimonial-slider {
    position: relative;
    width: 80%;
    margin: auto;
    overflow: hidden;
}
.testimonial-slider h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 28%;
    margin: auto;
    font-size: 2vw;
}

.testimonial {
    display: none;
    padding: 35px;
    text-align: justify;
}
.testimonial img{
    width: 20%;
    padding: 0% 5%;
}
.testimonial.active {
    display: block;
}

.controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.controls span {
    cursor: pointer;
    padding: 10px;
    width: 37px;
    background: #d8070c;
    color: white;
    border-radius: 20px;
    user-select: none;
    font-size: 30px;
}

.controls span:hover {
    background: rgba(0, 0, 0, 0.8);
}
.strs i{
    font-size: 30px !important;
    color: gold;
}


.msg{
    width: 55%;
    margin: auto;
    position: relative;
    padding-bottom: 4%;
    padding-top: 2%;
}
.elichi1{
    position: absolute;
    width: 60%;
    top: 6%;
    left: -65%;
}
.elichi1 img{
    width: 100%;
}
.elichi2 img{
    width: 100%;
}
.elichi2{
    position: absolute;
    width: 60%;
    top: 14%;
    right: -65%;
}
.msg h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 40%;
    margin: auto;
    font-size: 2vw;
}
.msg1{
    border: none;
    background-color: #efeaea;
    font-size: 16px;
    padding: 4%;
    width: 100%;
    font-family: 'mm5';
    font-weight: 600;
    margin-bottom: 3%;
}
.msg2{
    border: none;
    background-color: #efeaea;
    font-size: 16px;
    padding: 2%;
    width: 100%;
    font-family: 'mm5';
    font-weight: 600;
    margin-bottom: 1.5%;
}
.frm{
    padding-top: 3%;
}
.b5vm{
    background-color: #d8070c;
    font-family: mm5;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 60%;
    margin: auto;
    border: none;
    font-size: 18px;
}







.clients2{
    width: 90%;
    margin: auto;
    background-color: #fff;    
}
.logoicnmain2{
    display: none;
}
.logoicnmain{
    display: block;
}
    .tabstp2{
        display: none;
    }
    .tabstp1{
        display: block;
    }

 .vdos{
    width: 90%;
    margin: auto;
    padding: 3% 0% 3% 0%;
 }
 .vdos h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 22%;
    margin: auto;
    font-size: 2vw;
 }
 .vdotxt h4{
    border: 2px solid #d8070c;
    font-family: mm1;
    color: #d8070c;
    text-align: center;
    border-radius: 20px;
    padding: 1.3%;
    width: 50%;
    font-size: 1.5vw;
 }
 .vdotxt p{
    font-family: mm5;
    color: #000;
    font-size: calc(0.85vw + 0.80vh);
    text-align: justify;
    line-height: 1.2;
 }
.spcs{
    padding-top: 4%;
}
.vdoinr{
    padding-bottom: 5%;
}
.vdoinr iframe{
    width: 100%;
    height: 300px;
    margin: auto;
}
.video-container {
    position: relative;
    width: 100%;
}

.thumbnail {
    width: 100%;
    cursor: pointer;
    border: none !important;
    margin-bottom: 0 !important;
    background-color: #0000 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-top: 8%;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    padding-top: 60px;
}

.modal-content {
    margin: auto;
    padding: 20px;
    width: 80%;
    background-color: #0000 !important;
    overflow: auto;
    max-width: 700px;
    position: relative;
}

.close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #aaa;
    font-size: 45px;
    cursor: pointer;
    color: #fff !important;
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}


.newabtsection{
    width: 80%;
    margin: auto;
    text-align: center;
    position: relative;
    padding: 3% 0% 3% 0%;
}
.newabtsection h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 22%;
    margin: auto;
    font-size: 2vw;
    margin-bottom: 3%;
}
.newabtsection p{
    font-family: mm5;
    color: #000;
    font-size: calc(0.85vw + 0.80vh);
    text-align: center;
}
.newabtsection img{
    width: 70%;
}


.newabtsection a{
    background-color: #d8070c;
    font-family: mm1;
    font-size: 2vw;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1% 2%;
}
.newabtsection a:hover{
    background-color: #f21513;
    color: #fff;
    transition: all 0.3s;
}
.aboutimages{
    position: relative;
}
.grain1{
    position: absolute;
    left: 0%;
    bottom: 50%;
    width: 100%;
}
.grain2{
    position: absolute;
    right: 0%;
    bottom: 70%;
    width: 100%;
}
.grain1 img{
    width: 130%;
}
.grain2 img{
    width: 130%;
}
.maingrain img{
    width: 100%;
}



/*------------------------------------------------------------index end------------------------------------------------*/

/*------------------------------------------------------------footer start----------------------------------------------*/



 .emls:hover{
    background-color: #ffffff45;
    border-radius: 20px;
    padding: 1% 0% 1% 0%;
    width: 80%;
    transition: all 0.3s;
}
.emls{
    transition: all 0.3s;
    width: 80%;
    border-radius: 20px;
    padding: 1% 0% 1% 0%;
    text-align: justify;
}

.ftrbkgd{
    background-image: url(../assets/img/footer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 1% 0% 1%;
}
.ftrlogo img{
    width: 90%;
    padding-top: 7%;
}
.emlsmin{
    width: 70%;
    margin: auto;
}
.frttxt p{
    padding-top: 1%;
    font-family: mm5;
    font-size: 14px;
    color: #fff;
}
.emls a{
    padding-top: 2%;
    font-family: mm5;
    font-size: 14px;
    color: #fff;    
}
.frthd a{
    padding-top: 2%;
    font-family: mm5;
    font-size: 14px;
    color: #fff;    
}
.frthd a:hover{
    text-decoration: none;
    color: #fff;
}
.frthd p{
    padding-top: 1%;
    font-family: mm5;
    font-size: 14px;
    color: #fff; 
    margin: 0;
    text-transform: uppercase;   
}
.frthd i{
    font-size: 20px;
    color: #fff;
    padding-right: 3%;
}
.frthd{
    padding: 0% 0% 0% 3%;
}
.frthd h3{
    padding-top: 2%;
    font-family: mm5;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    margin: 0;
}

.frthd2 a{
    padding-top: 2%;
    font-family: mm5;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s;
    width: 80%;
    border-radius: 20px;
    padding: 1% 0% 1% 0%;
    text-align: justify;    
}
/*.frthd a:hover{
    background-color: #ffffff45;
    border-radius: 20px;
    padding: 1% 0% 1% 0%;
    width: 100%;
    transition: all 0.3s;
    text-decoration: none;
    color: #fff;
}
.frthd2 a:hover{
    background-color: #ffffff45;
    border-radius: 20px;
    padding: 1% 0% 1% 0%;
    width: 100%;
    transition: all 0.3s;
    color: #fff;
    text-decoration: none;
}*/
.frthd2 a:hover{
    text-decoration: none;
    color: #fff;
}
.frthd2 p{
    padding-top: 1%;
    font-family: mm5;
    font-size: 14px;
    color: #fff;
    margin: 0;    
}
.frthd2 i{
    font-size: 20px;
    color: #fff;
    padding-right: 3%;
}
.frthd2{
    padding: 0% 0% 1% 1.5%;
}
.frthd2 h3{
    padding-top: 2%;
    font-family: mm5;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    margin: 0;
}




.clldtl{
    background: rgb(254,239,0);
    background: linear-gradient(158deg, rgba(254,239,0,1) 0%, rgba(149,152,13,1) 53%, rgba(74,76,39,1) 98%);
    width: 70%;margin-top: 1%;
}
.clldt2{
    background: rgb(250,0,133);
    background: linear-gradient(158deg, rgba(250,0,133,1) 0%, rgba(153,8,101,1) 53%, rgba(68,12,75,1) 98%);
    width: 70%;margin-top: 1%;
}
.clldt3{
    background: rgb(0,171,233);
    background: linear-gradient(158deg, rgba(0,171,233,1) 0%, rgba(5,112,166,1) 53%, rgba(7,52,93,1) 98%);
    width: 70%;margin-top: 1%;
}
.cntdtls2{
    margin-top: 4%;
}
.ftlogo{
    text-align: center;
    padding-top: 270px;
}
.ftlogo img{
    width: 70px;
}
.lsttxt p{
    font-family: mm5;
    color: #fff;
    text-align: center;
    font-size: 13px;
}
.lsttxt p a{
    font-family: mm5;
    color: #fff;
    text-align: center;
    font-size: 13px;
}
.lsttxt a{
    text-decoration: none;
}
.lsttxt{
    border-top: 2px solid #ffffff;
    padding-top: 1%;
    width: 80%;
    margin: auto;  
}

#topButton {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    padding: 15px;
    border: none;
    background-color: #00afef;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    z-index: 9999;
}

#topButton:hover {
    background-color: #0056b3;
}

.hvr-bounce-to-top {
    width: 100%;
}

.srvctitl h3{
    font-family: mm1;
    font-size: calc(0.7vw + 0.8vh);
    color: #000024;
    text-align: center;
    padding: 2.5%;
    font-weight: 700;
}
.srvctitl:hover{
    transform: scale(1.03);
    transition: all 0.3s;
    box-shadow: #cfd5d1 4px 0px 15px 1px;
}
#srvcbgclr1{
    background-color: #32e500;
    border-radius: 25px;
}
#srvcbgclr2{
    background-color: #f08;
    border-radius: 25px;
}
#srvcbgclr3{
    background-color: #00aff0;
    border-radius: 25px;
}
#srvcbgclr4{
    background-color: #fef200;
    border-radius: 25px;
}
#srvcbgclr5{
    background-color: #ed3338;
    border-radius: 25px;
}


#button1 {
  display: inline-block;
  background-color: #f21513;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 25px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 32px;
  color: #fff;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button1:hover {
  cursor: pointer;
  background-color: #32e600;
  color: #000024;
}
#button1:active {
  background-color: #555;
}
#button1.show {
  opacity: 1;
  visibility: visible;
}
.clrid{
    position: absolute;
    top: 0%;
    right: 0%;
    width: 100%;
    display: none;
}
.clrid img{
    width: 65%;
}
.orgpc:hover .clrid{
    display: block;
    transition: all 0.3s;
}
.orgpc img{
    width: 65%;
}
.orgpc{
    margin-top: -15%;
    position: relative;
}

.orgsmbl img{
    width: 32%;
    rotate:90deg;
}
.orgsmbl{
    width: 25%;
    position: absolute;
    right: 24%;
    top: 25%;
    display: block;
}
.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:122px;
    left:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
  z-index:100;
}

.my-float{
    margin-top:16px;
}
.sclmedia{
    position: fixed;
    bottom: 32%;
    right: 0%;
    width: 6%;
    text-align: center;
    z-index: 9;
}
.sclmedia a img{
    width: 50%;
    padding-bottom: 8%;
    transition: all 0.3s;
}
.sclmedia a img:hover{
    transition: all 0.3s;
    transform: scale(1.1);
}

.sclmedia a i:hover{
    transition: all 0.3s;
    font-size: 2vw;
}
.space1 hr {
    border-bottom: 1px solid #fff;
    width: 88%;
    margin: 0.3% auto;
}

/*------------------------------------------------------------footer end----------------------------------------------*/



/*----------------------------about start---------------------------------*/
.aboutsection1{
    width: 95%;
    margin: auto;
    padding: 5% 0% 5% 0%;
}
.aboutgirl img{
    width: 100%;
}
.abtbnr{
    background-image: url(../assets/img/aboutbanner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 15% 0% 10% 0%;
    margin-top: 3%;
}
.abtbnr h3{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 4.5vw;
    margin: 0;
    animation: bounceIn 0.5s;
    text-shadow: 3px 3px 3px black;
    pointer-events: none;
}
.abttxt{
    position: relative;
    width: 100%;
    margin: auto;
}
.abttxt p{
    font-family: mm5;
    color: #000;
    font-size: calc(0.85vw + 0.80vh);
    text-align: justify;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}
.crop1{
    position: absolute;
    top: 114%;
    left: -64%;
    width: 48%;
}
.crop1 img{
    width: 60%;
}
.crop2{
    position: absolute;
    top: 100%;
    right: -9%;
    width: 48%;
    transform: rotateY(180deg);
}
.crop2 img{
    width: 60%;
}
.brnd{
    width: 80%;
    margin: auto;
    padding: 0% 0% 3% 0%;
}
.brnd h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 22%;
    margin: auto;
}
.brndimg img{
    width: 90%;
    transition: all 0.3s;
}
.brndimg img:hover{
    transition: all 0.3s;
    transform: scale(1.1);
}
.brndimg{
    text-align: center;
    padding-top: 10%;
}
.brndcrcl{   
    border-radius: 67%;
    background-color: #f0f0f0;
    padding: 28%;
    width: 59%;
    margin: 10% auto;
}
.ricebg{
    background-image: url(../assets/img/quotadvanced.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 16.5% 0%;
}
.visn{
    z-index: 9 !important;
    position: relative;
    width: 95%;
    margin: auto;
}
.vsntxt h3{
    text-align: justify;
    font-family: mm1;
    color: #000;
    font-size: 3.2vw;
}
.vsntxt p{
    text-align: justify;
    color: #000;
    font-family: mm5;
    font-size: calc(0.80vw + 0.80vh);
}
.machineimg img{
    width: 100%;
}
.spex img{
    width: 100%;
}
.qlty{
    width: 95%;
    margin: auto;
    padding: 0% 0% 0% 0%;
}
.qltytxt h3{
    text-align: right;
    font-family: mm1;
    color: #000;
    font-size: 3.2vw;
}
.qltytxt p{
    text-align: right;
    color: #000;
    font-family: mm5;
    padding: 0% 0% 0% 25%;
    font-size: calc(0.80vw + 0.80vh);
}
.crtfct{
    width: 85%;
    margin: auto;
    padding: 2% 0% 4% 0%;
}
.crtcttxt{
    padding-top: 18%;
}
.crtcttxt h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 2.2vw;
    border-radius: 20px;
    padding: 1.1%;
    width: 50%;
    margin: auto;
}
.crtcttxt h4{
    font-family: mm1;
    color: #000;
    text-align: center;
    font-size: 2.2vw;
    width: 100%;
    margin: auto;
    padding-top: 1%;
    padding-bottom: 3%;
}
.crtcttxt p {
    font-family: mm5;
    color: #000;
    font-size: calc(0.85vw + 0.80vh);
    text-align: justify;
    padding-top: 5%;
}
.crtctimg img{
    width: 100%;
    transition: all 0.3s;
}
.crtctimg img:hover{
    transform: scale(1.05);
    transition: all 0.3s;
    box-shadow: 0px 0px 10px #585757;
}
/*----------------------------about end-----------------------------------*/




/*----------------------------gallery start-----------------------------------*/

.glrybnr{
    background-image: url(../assets/img/Gallery-Banner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 15% 0% 10% 0%;
    margin-top: 3%;
}
.glrybnr h3{
    font-family: mm1;
    color: #fff;
    text-align: center;
    font-size: 4.5vw;
    margin: 0;
    animation: bounceIn 0.5s;
    text-shadow: 3px 3px 3px black;
    pointer-events: none;
}
.glry{
    width: 80%;
    margin: auto;
    padding: 5% 0% 5% 0% !important;
}
.glryimg img{
    width: 100%;
}
.glry h3{
    background-color: #d8070c;
    font-family: mm1;
    font-size: calc(1.2vw + 1vh);
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 1.1%;
    width: 100%;
    margin: auto;
}
.glryimg a:hover{
    text-decoration: none;
}
.glryimg:hover{
    transform: scale(1.04);
}
.glryimg{
    transition: all 0.3s;
}
.gallerysection{
    padding-bottom: 3%;
}


/*----------------------------gallery end-----------------------------------*/


/*----------------------------contact start---------------------------------*/


.cntbnr{
    background-image: url(../assets/img/Contact.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 20% 0% 20% 0%;
    margin-top: 3%;
}
.cntbnr h3{
    font-family: mm1;
    color: #fff;
    text-align: left;
    font-size: 4.5vw;
    margin: 0;
    padding-left: 5%;
    animation: bounceIn 0.5s;
    text-shadow: 3px 3px 3px black;
    pointer-events: none;
}

.elichi11{
    position: absolute;
    width: 60%;
    top: 24%;
    left: -43%;
}
.elichi11 img{
    width: 50%;
}
.elichi21 img{
    width: 70%;
}
.elichi21{
    position: absolute;
    width: 60%;
    top: 20%;
    right: -70%;
}
.adrs{
    width: 80%;
    margin: auto;
    position: relative;
    padding: 4% 0% 3% 0%;
}
.adrs h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 45%;
    margin: auto;
}
.call{
    text-align: center;
    padding-top: 10%;
}
.call i{
    font-size: 3.5vw;
    color: #d8070c;
    text-align: center;
    padding-bottom: 2%;
}
.call img{
    width: 100%;
    padding-top: 5%;
}
.call a{
    color: #000;
    font-family: mm5;
    font-size: calc(0.80vw + 0.85vh);
    text-decoration: none;
}
.call a:hover{
    text-decoration: none;
    color: #d8070c;
}
.call p{
    color: #000;
    font-family: mm5;
    font-size: calc(0.80vw + 0.85vh);
}
.mansection{
    position: relative;
    padding-bottom: 5%;
}
.manimg{
    text-align: center;
}
.manimg img{
    width: 80%;
}
.corn1{
    position: absolute;
    bottom: 7%;
    left: -10%;
    width: 100%;
}
.corn1 img {
    width: 75%;
}
.corn2{
    position: absolute;
    bottom: 7%;
    right: -8%;
    width: 100%;
    transform: rotateY(211deg);
}
.corn2 img{
    width: 75%;
}

/*----------------------------contact end---------------------------------*/



/*----------------------------product start---------------------------------*/


.prdctbnr{
    background-image: url(../assets/img/productbanner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10% 0% 30% 0%;
    margin-top: 3%;
}
.prdctbnr h3{
    font-family: mm1;
    color: #000;
    text-align: center;
    font-size: 4.5vw;
    margin: 0;
    animation: bounceIn 0.5s;
    pointer-events: none;
    line-height: 0.6;
}
.prdctbnr h4{
    font-family: mm1;
    color: #d8070c;
    text-align: center;
    font-size: 4.5vw;
    margin: 0;
    animation: bounceIn 0.5s;
    pointer-events: none;
}
.productheading h2{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1.1%;
    width: 22%;
    margin: auto;
    font-size: 2vw;
    margin-bottom: 3%;
    margin-top: 1%;
}
.prdcts{
    width: 80%;
    margin: auto;
    padding: 1% 0% 3% 0%;
    position: relative;
}
.prdctsimg{
    padding-bottom: 10%;
    transition: all 0.3s;
}
.prdctsimg:hover{
    transform: scale(1.04);
}
.prdctsimg img{
    width: 100%;
}
.prdcts p{
    font-family: mm5;
    color: #000;
    font-size: calc(0.85vw + 0.80vh);
    text-align: justify;
    padding: 0% 5% 3% 5%;
}
.prdcts h3 {
    font-family: mm1;
    color: #000;
    text-align: center;
    border-radius: 20px;
    width: 100%;
    margin: auto;
    font-size: 2vw;
}
.elichii01{
    position: absolute;
    left: -28%;
    top: 40%;
    width: 30%;
}
.elichii01 img{
    width: 100%;
}
.elichii02{
    position: absolute;
    right: -28%;
    top: 60%;
    width: 30%;
}
.elichii02 img{
    width: 100%;
}


/*----------------------------product end---------------------------------*/



/*----------------------------range start---------------------------------*/


.cmngsoon{
    padding: 20% 0% 15% 0%;
    width: 80%;
    margin: auto;
}
.cmngsoon h3{
    font-family: mm1;
    font-size: 3.5vw;
    color: #000;
    text-align: center;
    animation: bounceInDown 1s;
}
.rngbnr{
    background-image: url(../assets/img/Range-banner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 14% 0% 9% 0%;
    margin-top: 3%;
}
.rngbnr h3{
    font-family: mm1;
    color: #fff;
    text-align: right;
    font-size: 4.5vw;
    margin: 0;
    animation: bounceIn 0.5s;
    text-shadow: 3px 3px 3px black;
    pointer-events: none;
    padding: 2% 11% 0% 0%;
}




.rngcat {
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 3% 0% 3% 0%;
    position: relative;
}
.rngcatmobile {
    display: none;
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 3% 0% 3% 0%;
    position: relative;
}

.buttons {
    margin-bottom: 20px;
}

#category1Btn{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1%;
    width: 45%;
    margin: auto;
    border: none;
    font-size: 2vw;
    transition: all 0.3s;
    border: 3px solid #d8070c;
}
#category1Btn:hover{
    color: #d8070c;
    background-color: #fff;
    border: 3px solid #d8070c;
}
#category2Btn:hover{
    color: #d8070c;
    background-color: #fff;
    border: 3px solid #d8070c;
}
#category2Btn{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 1%;
    width: 45%;
    margin: auto;
    border: none;
    font-size: 2vw;
    transition: all 0.3s;
    border: 3px solid #d8070c;
}

.products {
    display: inline;
}

.product {
    padding: 10px;
    margin: 10px;
    width: 100%;
}

.category {
    display: none;
}
.rcpht{
    padding-top: 5.5%;
}
.rcpht img{
    width: 90%;
}
.rctxt h3{
    background-color: #d8070c;
    font-family: mm1;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 1%;
    width: 90%;
    border: none;
    font-size: 1.8vw;
}
.rctxt p{
    font-family: mm5;
    color: #000;
    font-size: calc(0.80vw + 0.80vh);
    text-align: justify;
    line-height: 1.3;
}
.rctxt ul li{
    font-family: mm5;
    color: #000;
    font-size: calc(0.80vw + 0.80vh);
    text-align: justify;
    line-height: 1.3;    
}
.rice121{
    position: absolute;
    bottom: 62%;
    left: -40%;
    width: 60%;
}
.rice121 img{
    width: 50%;
}
.rice111{
    position: absolute;
    bottom: 50%;
    right: -40%;
    width: 60%;
}
.rice111 img{
    width: 50%;
}





/*----------------------------range end---------------------------------*/