body {
  overflow-x: hidden;
  margin: 0px auto;
}

@font-face {
  font-family: mm1;
  src: url(../fonts/avianregular.ttf);
}

@font-face {
  font-family: mm2;
  src: url(../fonts/Matchmaker.ttf);
}

@font-face {
  font-family: mm3;
  src: url(../fonts/adam_gorry_inline.ttf);
}

@font-face {
  font-family: mm4;
  src: url(../fonts/AdamGorry-Lights.ttf);
}

@font-face {
  font-family: mm5;
  src: url(../fonts/HelveticaInseratLTStd-Roman.otf);
}
@font-face {
  font-family: mm6;
  src: url(../fonts/TypoHoopBoldDemo.otf);
}
@font-face {
  font-family: mm7;
  src: url(../fonts/TrajanPro-Regular.ttf);
}

html {
  scroll-behavior: smooth;
}

/*--------------header start----------------*/

.opnpro:hover .prodp {
  display: block;
}

.carousel-control-prev {
  z-index: 99;
}

.carousel-control-next {
  z-index: 99;
}

.dropdown-item {
  color: #ffffff !important;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-item {
  font-weight: 700 !important;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 11111;
}

.dropdown:hover .dropdown-content {
  display: block;
}

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

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 85%;
  background: #da251d;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

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

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

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

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -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: 18px;
  -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: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.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;
}

#fxdhdr {
  transition: all 1s;
}

.fxdhdr2 {
  z-index: 99;
  width: 100%;
  background: #ffffffe0;
  position: fixed;
  transition: all 1s;
}

.hdimspace {
  padding: 6% 0% 2% 10%;
}

#hdrimgs {
  width: 100%;
}

.menu ul li,
.hidden-menu {
  list-style: none;
  padding: 0;
  text-align: justify;
  margin: auto;
}

.mobile-menu-bar {
  position: fixed;
  height: 72px;
  width: auto;
  top: 2%;
  left: 2%;
  z-index: 999999;
  display: block;
}

.mm-top-bar {
  width: auto;
  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 {
  padding: 3% 0% 2% 18%;
  width: 85%;
}

.logo img {
  width: 100%;
}

.mm-top-bar > .menu {
  height: 50px;
  width: 50px;
}

.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: 46px;
  display: block;
  width: 400px;
  border-radius: 100px;
  height: 328px;
  background-color: #00000085;
  padding-top: 0%;
  left: -115px;
  animation: rotateInDownLeft 0.6s;
}

.prodp {
  display: none;
  position: absolute;
  top: -35px;
  left: 342px;
  width: 370px;
  padding: 5% 5% 5% 5%;
  background-repeat: no-repeat;
  margin: auto;
  animation: popInLeft 0.5s;
  background-color: #00000085;
  margin: auto;
  text-align: center;
}

.mrkdp:hover .mrkmndpd {
  display: block;
}

.prodp p a {
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.prodp p a:hover {
  color: #da251d;
  background-color: #fff;
  padding: 2%;
}

.prodp h4 {
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 2%;
}

.prodp h4:hover {
  color: #da251d;
  background-color: #fff;
}

.mrkmndpd p a {
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.mrkmndpd p a:hover {
  color: #da251d;
  background-color: #fff;
  padding: 2%;
}

.mrkmndpd {
  display: none;
  position: absolute;
  top: 200px;
  left: 337px;
  width: 475px;
  padding: 5% 5% 5% 5%;
  background-repeat: no-repeat;
  margin: auto;
  animation: popInLeft 0.5s;
  background-color: #00000085;
  margin: auto;
  text-align: center;
}

.prosub:hover .subcat {
  display: block;
}

.subcat {
  display: none;
  position: absolute;
  top: 0px;
  left: 335px;
  width: 390px;
  padding: 5%;
  margin: auto;
  animation: popInLeft 0.5s;
  background-color: #00000085;
  text-align: center;
}

.subcat p a {
  font-size: calc(0.6vw + 0.7vh);
  font-family: mm1;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.subcat p a:hover {
  color: #da251d;
  background-color: #fff;
  padding: 2%;
}

.opnpro {
  position: relative;
}

.hidden-menu li {
  width: 62%;
  height: 50px;
  text-align: center;
  font-size: 24px;
  line-height: 50px;
}

.hidden-menu li > a {
  color: #fff;
  background-color: #da251d;
  margin: 10% 0% 0% 24%;
  border-radius: 30px;
  font-family: mm1;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 80%;
  height: 50px;
  font-size: 14px;
  transition: all 0.4s;
}

.hidden-menu li > a:hover {
  background-color: #03048f;
  box-shadow: 0px 0px 0px 6px #da251d;
}

.mnhmp {
  display: flex;
  width: 64.5%;
  margin: auto;
  margin-top: 0.4%;
  padding-right: 4%;
}

.mnlnk {
  display: grid;
  padding: 4% 0% 0% 0%;
  width: 25%;
  /* position: relative; */
}

.mnlnk a {
  text-decoration: none;
  color: #000;
  font-family: mm1;
  text-align: center;
  font-size: calc(0.65vw + 0.6vh);
  font-weight: 600;
  position: relative !important;
  transition: all 0.3s;
}

.mnlnk a:hover {
  color: #46a002;
}

.mnlnk a::before {
  position: absolute;
  left: 20%;
  width: 0%;
  height: 2px;
  background: #46a002;
  content: "";
  opacity: 0;
  transition: all 0.3s ease-in-out;
  bottom: 0%;
}

.mnlnk a:hover::before {
  opacity: 1;
  width: 60%;
}

.mnscl {
  display: flex;
  width: 67%;
  padding-top: 7%;
  margin-left: 13%;
}

.scllnk {
  display: grid;
  padding: 3% 2%;
  width: 36%;
  transition: all 0.3s;
}

.scllnk:hover {
  transform: scale(1.1);
}

.scllnk img {
  width: 100%;
}

.mnhd {
  background-color: #ffffff8f;
  position: fixed;
  z-index: 999;
  width: 100%;
  padding-top: 0.2%;
}

.moblogo img {
  width: 100%;
}

.moblogo {
  text-align: center;
  padding: 2% 0% 2% 0%;
  width: 49%;
  margin: auto;
}

.mbmnhd {
  display: none;
  background-color: #ffffff91;
  position: fixed;
  width: 100%;
  z-index: 999;
}

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

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

/* section-1 starts */
.sld3 {
  background: url(../assets/img/bnner3bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 6% 0% 1% 0%;
  position: relative;
  z-index: 99;
  margin-top: 5%;
}

.sld2 {
  background: url(../assets/img/bnnr2bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 3.5% 0% 1% 0%;
  position: relative;
  z-index: 99;
  margin-top: 5.4%;
}

.sld1 {
  background: url(../assets/img/Layer-823.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 1% 0% 0% 0%;
  position: relative;
  z-index: 99;
  margin-top: 5.4%;
}

.sld1txt {
  margin-left: 11%;
  padding-top: 9%;
  padding-bottom: 6%;
  text-align: justify;
  width: 25%;
}
.sld1txt img {
  width: 100%;
}
.sld1txt h2 {
  font-family: mm2;
  font-size: 4vw;
  color: #000;
  line-height: 0;
  text-align: justify;
}

.sld1txt h3 {
  font-family: mm6;
  font-size: 6.7vw;
  color: #fff;
  text-align: justify;
  margin-bottom: 0;
}

.sld1txtbnn3 {
  padding-left: 9%;
  padding-top: 9%;
  text-align: justify;
}

.sld1txtbnn3 h2 {
  font-family: mm2;
  font-size: 4vw;
  color: #fff;
  line-height: 0;
  text-align: justify;
}

.sld1txtbnn3 h3 {
  font-family: mm3;
  font-size: 10vw;
  color: #fff;
  text-align: justify;
}

.leaf3bnn3 {
  position: absolute;
  bottom: 24%;
  left: 13%;
  width: 15%;
  animation: bounceInUp 3s;
}

.txt1 {
  font-family: mm2;
  font-size: 3.5vw;
  color: #000;
  margin: 5.5% 1% 0% 0%;
  text-align: justify;
}

.txtamp {
  font-size: 3.5vw;
  color: #000;
  /* margin: 5% 0% 0% 0%; */
  margin: 5.5% 0.7% 0% 0%;
}

.txt1bnn3 {
  font-family: mm2;
  font-size: 4vw;
  color: #fff;
  margin: 5.5% 2% 0% 0%;
  text-align: justify;
}

.txt2 {
  font-family: "mm6";
  font-size: 9.8vw;
  color: #fff;
  text-align: justify;
}

.txt3 {
  font-family: mm2;
  font-size: 3.5vw;
  color: #000;
  margin: 2.2% 0% 0% 11.5%;
  text-align: justify;
}

.sld1txt1 {
  margin-top: -1.7%;
  text-align: justify;
  /* display: flex; */
  padding-left: 2.8%;
}

.sld1txt1bnn3 {
  margin-top: -6.7%;
  text-align: justify;
  display: flex;
}

.cup {
  text-align: center;
  margin-top: -16.7%;
  animation: rotateIn 0.8s;
}

.cup img {
  width: 37%;
}

.cupleaf {
  position: absolute;
  bottom: 3.5%;
  left: 33.5%;
  width: 10.5%;
}

.cupleaf img {
  width: 100%;
}

.cupleaf2 {
  position: absolute;
  bottom: 8%;
  right: 32.4%;
  width: 6.5%;
}

.cupleaf2 img {
  width: 100%;
}

.cupleafbnn2 {
  position: absolute;
  bottom: 0%;
  left: 29%;
  width: 10%;
  transform: rotateZ(-18deg);
}

.cupleafbnn2 img {
  width: 100%;
}

.cupleaf2bnn2 {
  position: absolute;
  bottom: 7%;
  right: 34%;
  width: 6%;
}

.cupleaf2bnn2 img {
  width: 100%;
}

.cupbnn3 {
  text-align: center;
  margin-top: 2%;
  animation: fadeInRight 1s;
  position: relative;
  z-index: 9;
}

.cupbnn3 img {
  width: 34%;
}

.cupbnn2 {
  text-align: center;
  margin-top: -3%;
  animation: fadeInRight 1s;
  position: relative;
  z-index: 9;
}

.cupbnn2 img {
  width: 32%;
}

.leaf1bnn2 {
  position: absolute;
  top: 3%;
  left: 33%;
  width: 7%;
  animation: bounceInDown 1s;
}

.leaf1bnn2 img {
  width: 100%;
}

.leaf1 {
  position: absolute;
  top: 12%;
  left: 27%;
  width: 7%;
  animation: bounceInDown 1s;
}

.leaf1 img {
  width: 100%;
}

.leaf2 {
  position: absolute;
  top: 34%;
  left: 36%;
  width: 4.1%;
  animation: bounceInRight 2s;
}

.leaf2 img {
  width: 100%;
  transform: rotate(90deg);
}

.leaf3 {
  position: absolute;
  bottom: 40%;
  left: 24.2%;
  width: 16%;
  animation: bounceInUp 3s;
}

.leaf3 img {
  width: 100%;
}

.sld1txt2 {
  margin-top: -6.7%;
  text-align: justify;
  display: flex;
}

.leaf3bnn2 {
  position: absolute;
  bottom: 32%;
  left: 17%;
  width: 15%;
  animation: bounceInUp 3s;
}

.ylowteabnn2 {
  position: absolute;
  top: 9%;
  right: 6%;
  width: 32%;
  animation: bounceIn 0.8s;
}

.ylowteabnn2 img {
  width: 100%;
}

.leaf3bnn2 img {
  width: 100%;
}

.leaf3bnn3 img {
  width: 100%;
}

.leaf4 {
  position: absolute;
  bottom: 40.5%;
  left: 11.8%;
  width: 6%;
  animation: bounceInLeft 4s;
}

.leaf4 img {
  width: 100%;
}

/*section-1 Ends */

/* section-2 starts */
.teajar {
  background: url(../assets/img/Layer-824.png);
  background-size: 100% 100%;
  padding: 10% 0% 10% 0%;
  margin-top: -17%;
  position: relative;
}

.tecture1 {
  position: absolute;
  width: 100%;
  bottom: -67.5%;
}

.tecture1 img {
  width: 100%;
}

.teajarpic {
  /* padding-top: 10%; */
  position: relative;
  width: 100%;
  bottom: 8%;
  right: -5.5%;
}

.teajarpic img {
  width: 100%;
}

.jartxt {
  text-align: center;
}

.jartxt h3 {
  font-family: mm5;
  font-size: calc(2.3vw + 2.3vh);
  color: #fff;
  text-align: center;
  line-height: 1.1;
  margin: 1%;
}

.jartxt p {
  font-family: mm1;
  font-size: calc(0.65vw + 0.6vh);
  color: #fff;
  padding: 0% 11% 2% 11%;
  text-align: center;
}

.jartxt a {
  background-color: #489f03;
  padding: 1.5% 6% 1%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.75vw + 0.75vh);
  text-decoration: none;
}

.scpjr {
  padding-top: 14%;
  width: 80%;
  margin: auto;
}

/* section-2 Ends */

/* section-3 starts */
.section3 {
  background: url(../assets/img/Vector_Smart_Object_copy_5.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -14%;
  padding-top: 5%;
  padding-bottom: 5%;
  position: relative;
}

.fbtx h3 {
  font-family: mm3;
  font-size: 5.6vw;
  color: #dcdcdc;
  padding: 2% 0% 3% 0%;
  text-align: center;
}

.tea {
  width: 80%;
  margin: auto;
  text-align: center;
  padding-bottom: 4%;
  padding-top: 2%;
}

.tea img {
  width: 95%;
}

.tdtal {
  padding-top: 6%;
  width: 92%;
  margin: auto;
}

.tdtal p {
  font-family: mm1;
  font-size: calc(0.65vw + 0.6vh);
  color: #000;
  margin-bottom: 3.8%;
  line-height: 1.2;
}

.tdtal a {
  background-color: #489f03;
  padding: 2% 5%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
}

/*  section-3 Ends  */

/* section-4 starts */
.rysns {
  background: url(../assets/img/22-min.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  padding: 0% 0% 59% 0%;
  /* background-attachment: fixed; */
  width: 100%;
  z-index: 9;
}

.senses {
  width: 70%;
  margin: auto;
}

.senlef img {
  width: 13%;
}

.senlef {
  padding-left: 14%;
  animation: pulse infinite 4.5s;
}

.relax h3 {
  font-family: mm1;
  font-size: calc(2vw + 2.5vh);
  color: #fff;
  padding-left: 5%;
  text-shadow: 2px 2px 5px #000;
}

.sen1 {
    position: absolute;
    left: 19%;
    top: 40%;
    width: 14%;
}

.sen1 img {
  width: 100%;
}

/* .sen1 h3 {
  font-family: mm2;
  font-size: 12vw;
  color: #fff;
  text-shadow: 2px 2px 5px #000;
} */

.senlef1 {
  position: absolute;
  bottom: 38%;
  left: 21%;
  width: 11%;
  animation: pulse infinite 3.5s;
}

.senlef1 img {
  width: 100%;
}

/*  section-4 Ends  */

/*section-5 starts  */
.primg {
  background-color: #4e77a3;
  border-radius: 0 0 0 150px;
  position: relative;
  padding: 59% 0% 59% 0%;
  margin: 0% -14% 0% 0%;
}

.prdtl h3 {
  font-family: mm5;
  font-size: 4.8vw;
  color: #dcdcdc;
  text-align: end;
  padding: 2% 4% 2% 2%;
}

.wht {
  position: absolute;
  top: 3%;
  right: 48%;
  width: 14%;
}

.wht img {
  width: 100%;
  transform: rotate(20deg);
}

.mnpr1 {
  position: absolute;
  top: 14%;
  right: 22%;
  width: 44%;
}

.mnpr1 img {
  width: 100%;
}

.bcpr1 {
  position: absolute;
  top: 34%;
  right: 20%;
}

.bcpr1 img {
  width: 100%;
}

/* red section */

.promn {
  position: relative;
}

.prnmn {
  width: 70%;
  margin: auto;
  text-align: center;
  padding: 20% 12.6% 0% 12.6%;
}

.prnmn h4 {
  font-family: mm6;
  font-size: 6vw;
  color: #4e77a3;
  line-height: 0.4;
  text-align: center;
}

.prnmn h5 {
  font-family: mm6;
  font-size: 9vw;
  color: #4e77a3;
  text-align: center;
}

.prnmn p {
  font-family: mm1;
  font-size: calc(0.65vw + 0.6vh);
  color: #000;
  text-align: center;
  padding-bottom: 5%;
  line-height: 1.4;
}

.prnmn a {
  background-color: #4e77a3;
  padding: 2% 29%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.7vw + 0.7vh);
  text-decoration: none;
}

.grnlf {
  position: absolute;
  bottom: -0.5%;
  left: 41.5%;
  width: 6.5%;
}

.grnlf img {
  width: 100%;
}

.primg1 {
  background-color: #b2c56b;
  border-radius: 150px;
  position: relative;
  padding: 60% 0% 50% 0%;
  margin: 18% 0% 0% -24%;
}

.bcpr11 {
  position: absolute;
  top: 30%;
  right: 28%;
  width: 43%;
}

.bcpr11 img {
  width: 100%;
}

.prnmn1 {
  width: 70%;
  margin: auto;
  text-align: center;
  padding: 45% 12.5% 0% 12.5%;
  position: relative;
  z-index: 9;
}

.prnmn1 h4 {
  font-family: "mm6";
  font-size: 5.5vw;
  color: #224429;
  line-height: 0.7;
  text-align: center;
  margin-bottom: 5%;
}

.prnmn1 h5 {
  font-family: mm6;
  font-size: 10vw;
  color: #224429;
  line-height: 0.8;
  text-align: center;
  margin-bottom: 6%;
}

.prnmn1 p {
  font-family: mm1;
  font-size: calc(0.65vw + 0.6vh);
  color: #000;
  text-align: center;
  padding-bottom: 12%;
  margin-bottom: 0;
  line-height: 1.1;
}

.prnmn1 a {
  background-color: #224429;
  padding: 3% 28% 2%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.7vw + 0.7vh);
  text-decoration: none;
}

.mnpr11 {
  position: absolute;
  top: 25%;
  right: 41%;
  width: 32%;
}

.mnpr11 img {
  width: 100%;
}

.grnlf1 {
  width: 8%;
  position: absolute;
  bottom: -3%;
  left: 47.5%;
}

.grnlf1 img {
  width: 100%;
}

.prnmn2 {
  width: 70%;
  margin: auto;
  text-align: center;
  padding: 52% 12.6% 0% 12.6%;
}

.prnmn2 h4 {
  font-family: mm6;
  font-size: 6.3vw;
  color: #8f0004;
  line-height: 0.7;
  text-align: center;
}

.prnmn2 h5 {
  font-family: mm6;
  font-size: 10vw;
  color: #8f0004;
  line-height: 0.8;
  text-align: center;
  margin-bottom: 6%;
}

.prnmn2 p {
  font-family: mm1;
  font-size: calc(0.65vw + 0.6vh);
  color: #000;
  text-align: center;
  padding-bottom: 4%;
  line-height: 1.4;
}

.prnmn2 a {
  background-color: #8f0004;
  padding: 2% 30%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.65vw + 0.7vh);
  text-decoration: none;
}

.mnpr22 {
  position: absolute;
  top: 28%;
  right: 24.2%;
  width: 35%;
}

.mnpr22 img {
  width: 100%;
}

.grnlf2 {
  position: absolute;
  bottom: -2%;
  left: 44.5%;
  width: 8.5%;
}

.grnlf2 img {
  width: 100%;
}

.primg2 {
  background-color: #8f0004;
  border-radius: 150px;
  position: relative;
  padding: 60% 0% 57% 0%;
  margin: 18% -25% 0% 0%;
}

.bcpr22 {
  position: absolute;
  top: 30%;
  right: 39.2%;
  width: 40%;
}

.bcpr22 img {
  width: 100%;
}

/* section-5 Ends */

/* section-testimional starts*/
.colag {
  background: url(../assets/img/Layer-8302.jpg);
  background-size: 100% 100%;
  padding: 4% 0% 12% 0%;
  position: relative;
  text-align: center;
}

.proexp {
  width: 80%;
  margin: auto;
  text-align: center;
  margin-bottom: -11%;
  padding-top: 12%;
}

.bof h3 {
  font-family: mm5;
  font-size: calc(1.5vw + 1.5vh);
  color: #000;
  margin-bottom: 0;
}

.bofmrright {
  margin-right: -20%;
}

.bofmrleft {
  margin-left: -8%;
}

.igupdt img {
  width: 80% !important;
}

.bofig {
  padding: 29% 0% 0% 16%;
  margin-right: -32%;
}

.bofig h3 {
  font-family: mm5;
  font-size: 4.5vw;
  color: #489f03;
  margin-bottom: 3%;
}

.bofig a {
  background-color: #489f03;
  padding: 2% 10%;
  color: #fff;
  font-family: mm1;
  font-size: calc(0.8vw + 0.7vh);
  text-decoration: none;
}

.abtlst {
  padding-top: 3%;
}

/* .ftrjar {
  width: 75%;
  text-align: right;
  margin: auto;
  margin-bottom: -3%;
  z-index: 9;
  position: relative;
} */
.ftrjar {
  width: 50%;
  text-align: right;
  display: inline-block;
  position: relative;
  bottom: -48%;
  right: -35%;
}

.ftr3imag img {
  width: 100%;
}

.ftr3imag {
  width: 71%;
  z-index: 1;
  margin: auto;
  position: relative;
  left: 10%;
  bottom: -4%;
}

.ftrjar img {
  width: 100% !important;
}

.fans21 {
  margin-bottom: -2%;
  position: relative;
  z-index: 99 !important;
}

.fans12 {
  margin-top: 21%;
}

.fans21 img {
  width: 50%;
}

.fans12 img {
  width: 40%;
}

.fmfeap {
  width: 100%;
}

.fmfeap img {
  width: 100%;
}

.ftrjar1 {
  position: absolute;
  bottom: 0%;
  right: 6.5%;
  width: 14%;
  z-index: 9;
}

.ftrjar2 {
  position: absolute;
  bottom: -1.6%;
  left: 10.5%;
  width: 37%;
  z-index: 9;
}

.ftrjar1 img,
.ftrjar2 img {
  width: 100%;
}

/*  section-testimional Ends */

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

/*--------------Footer start----------------*/
/* Footer-inner Starts */
.ftrr1 {
  background: url(../assets/img/Layer_818_copy_5_new.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 2% 0% 1% 0%;
  position: relative;
  background-color: #48a000;
  display: block;
}

.ftrr2 {
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 5% 0% 20% 0%;
  position: relative;
  background-color: #48a000;
  display: none;
}

.soln {
  width: 37%;
  margin: auto;
  text-align: center;
}

.soln h3 {
  font-family: mm5;
  font-size: calc(2vw + 2vh);
  color: #fff;
  text-align: center;
  margin-bottom: 1%;
}

.soln p {
  font-family: mm1;
  font-size: calc(0.8vw + 0.8vh);
  color: #fff;
  line-height: 1;
  margin-bottom: 2%;
  z-index: 9;
  position: relative;
}

.frm1 {
  padding: 1.3% 4%;
  border-radius: 35px;
  width: 75%;
  border: none;
  font-family: mm1;
  font-size: 1vw;
  outline: none;
}

.frm1::placeholder {
  font-family: mm1;
  font-size: 1vw;
}

.frm2 {
  padding: 1.5%;
  border-radius: 35px;
  width: 23%;
  margin: 0% 0% 0% -18%;
  border: none;
  background-color: #252525;
  font-family: "mm5";
  color: #fff;
  font-size: calc(0.67vw + 0.65vh);
}

::placeholder {
  font-family: mm1;
  font-size: calc(0.7vw + 0.8vh);
}

.grn1 {
  position: absolute;
  top: 13%;
  left: 13%;
  width: 6%;
}

.grn1 img {
  width: 100%;
}

.grn2 {
  position: absolute;
  top: 25%;
  right: 10%;
  width: 9.5%;
}

.grn2 img {
  width: 100%;
}

.abtlnk {
  margin-left: 40%;
}

.abtlnk2 {
  margin-left: -4%;
}

.medialnk {
  width: 55%;
  margin: auto;
  padding: 4% 0% 0% 0%;
}

.logoftr {
  width: 75%;
}

.logoftr img {
  width: 100%;
  padding-bottom: 5%;
}

.abtlnk h3,
.abtlnk2 h3 {
  font-family: mm1;
  font-size: calc(0.9vw + 0.9vh);
  font-weight: bold;
  color: #fff;
  padding-bottom: 1%;
}

.ftlk a {
  text-decoration: none;
  font-family: mm1;
  font-size: calc(0.65vw + 0.65vh);
  color: #fff;
  transition: all 0.3s;
}

.ftlk a:hover {
  padding-left: 2%;
}

.ftlk p {
  text-decoration: none;
  font-family: mm1;
  font-size: calc(0.65vw + 0.65vh);
  color: #fff;
  margin: 0;
}

.ftlk {
  padding: 3% 1.5%;
}

.ftrsmlnk {
  display: flex;
  margin-left: 12%;
  margin-top: 2%;
}

.sftrlnk {
  width: 11.5%;
  margin: 0 1.5%;
}

.sftrlnk img {
  width: 100%;
  /* opacity: 0.8; */
  transition: all 0.5s;
}

.sftrlnk img:hover {
  opacity: 1;
  transform: scale(1.1);
}

.lstftr {
  background-color: #c42122;
  padding: 0.5%;
  text-align: center;
}

.lstftr p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.55vh);
  color: #fff;
  text-align: center;
  margin: 0;
}

.lstftr p a {
  font-family: mm1;
  font-size: calc(0.55vw + 0.55vh);
  color: #fff;
  text-align: center;
}

.topbtn {
  position: fixed;
  z-index: 999;
  display: none;
  cursor: pointer;
  bottom: 3.7%;
  left: 6%;
  width: 3%;
  transition: all 0.3s;
}

.topbtn img {
  width: 100%;
}

.topbtn:hover {
  box-shadow: 2px 3px 5px #00000085;
  transform: scale(1.05);
}

.topbtnshow {
  display: grid;
}

.whatsapp {
  position: fixed;
  bottom: 3.7%;
  right: 6%;
  width: 3%;
  z-index: 999;
  transition: all 0.4s;
}

.whatsapp:hover {
  transform: scale(1.05);
}

.whatsapp img {
  width: 100%;
}

/* Footer-inner Ends */

/*--------------Footer Ends----------------*/

/*--------------About start---------------*/
.abtgrn {
  background: url(../assets/img/About_us/Vector-Smart-Object-copy.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 10% 0% 0% 0%;
  width: 100%;
  margin-top: 5.5%;
}

.poru img {
  width: 100%;
}

.poru {
  width: 50%;
  margin-top: -7%;
}

.ajos {
  width: 45%;
  margin: auto;
  /* text-align: center; */
  position: relative;
  left: 4.8%;
}

.ajos p {
  font-family: mm2;
  font-size: 3.5vw;
  color: #000;
  line-height: 0;
  text-align: justify;
  /* padding-left: 3%; */
  margin-top: -20%;
  margin-bottom: 0;
}

.ajos span {
  font-family: mm7;
  font-size: 9vw;
  color: #fff;
  text-align: justify;
}

.ajos h3 {
  font-family: mm3;
  font-size: 8vw;
  color: #fff;
  text-align: justify;
  line-height: 0;
  padding-left: 41%;
  margin-bottom: 3.5%;
}
/*.ajos h4 {*/
/*    font-family: mm3;*/
/*    color: #fff;*/
/*    text-align: justify;*/
/*    margin-bottom: 1.5%;*/
/*   }*/

.cmdbg {
  background: url(../assets/img/Vector-Smart-Object-copy-50001.jpg);
  background-size: 100% 100%;
  padding: 0.7% 0% 0.8% 0%;
}

.cmdbgspace {
  width: 88%;
  margin: auto;
  text-align: center;
}

.blnkclm {
  width: 51.5%;
}

.blnkclm img {
  width: 100%;
}

.mncmd {
  width: 45%;
  text-align: center;
  padding: 9.4% 0% 11.3% 0%;
}

.mncmd h4 {
  font-family: mm6;
  font-size: 4.5vw;
  color: #48a000;
  text-align: center;
  margin: 0;
  line-height: 0.8;
}

.mncmd h3 {
  font-family: mm6;
  font-size: 5.8vw;
  color: #48a000;
  text-align: center;
  padding-left: 8%;
  line-height: 1.1;
  margin-bottom: 1%;
}

.mncmd p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #fff;
  padding: 0% 17%;
  text-align: center;
  margin-bottom: 3%;
  line-height: 1.3;
}

.mncmd span {
  text-align: center;
  margin-top: 1%;
}

.mncmd span p {
  font-family: mm1;
  font-size: calc(0.6vw + 0.55vh);
  color: #48a000;
  margin-bottom: 0;
}

.cmdup img {
  width: 100%;
}

.cmddwn img {
  width: 100%;
}

.cmdup {
  position: absolute;
  top: -1.4%;
}

.cmddwn {
  position: absolute;
  bottom: 0%;
  width: 100%;
}

.cmdupdn {
  position: relative;
}

/*----------------- About end -----------------*/

/*----------------- Products start ------------------*/
.probnr {
  background: url(../assets/img/Vector-Smart-Object00001.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 5% 0% 14% 0%;
  position: relative;
  margin-top: 6%;
}

.opr {
  width: 90%;
  margin: auto;
  padding: 11% 38% 0 0;
}

.teaclt {
  position: absolute;
  top: 1.5%;
  right: -8%;
  width: 60%;
}

.teaclt img {
  width: 100%;
}

.opr h3 {
  font-family: mm7;
  font-size: 9vw;
  margin: 0;
  line-height: 0.8;
  color: #fff;
  text-align: center;
}

.opr p {
  font-family: mm2;
  font-size: 4vw;
  color: #000;
  text-align: center;
}

.altopr1 {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 8% 0% 5% 0%;
}

.pr1dtl {
  padding-top: 28%;
}

.pr1dtl h4 {
  font-family: mm6;
  font-size: 6vw;
  color: #48a000;
  text-align: center;
  margin: 0;
  line-height: 0.3;
}

.pr1dtl h3 {
  font-family: mm6;
  font-size: 8vw;
  color: #48a000;
  text-align: center;
  margin: 0;
}

.pr1dtl p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #000;
  text-align: center;
  padding: 0% 20% 4% 20%;
}

.pr1dtl a {
  background-color: #489f03;
  padding: 2% 10%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.prpck1 {
  background-color: #48a000;
  border-radius: 100px;
  padding: 60% 0% 50% 0%;
  margin: 0% 0% 0% -20%;
}

.prbg1 {
  position: absolute;
  top: 30%;
  right: 5%;
}

.prbg1 img {
  width: 100%;
}

.pro1img {
  position: absolute;
  top: 21%;
  right: 2%;
  width: 90%;
}

.pro1img img {
  width: 45%;
}

.otrimg1 {
  position: absolute;
  bottom: 4%;
  left: 38%;
  width: 8%;
}

.otrimg1 img {
  width: 100%;
}

.altopr2 {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 5% 0 5% 0;
}

.pr1dt2 {
  padding-top: 28%;
}

.pr1dt2 h4 {
  font-family: mm6;
  font-size: 6vw;
  color: #666666;
  text-align: center;
  padding: 0% 15% 0% 15%;
  margin: 0;
  line-height: 0.8;
}

.pr1dt2 h3 {
  font-family: mm6;
  font-size: 8vw;
  /*  color: #666666;*/
  text-align: center;
  margin: 0;
  line-height: 1;
}

.pr1dt2 p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #000;
  text-align: center;
  padding: 0% 30% 4% 30%;
}

.pr1dt2 a {
  background-color: #666666;
  padding: 2% 10%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.prpck2 {
  background-color: #666666;
  border-radius: 100px;
  padding: 47% 0% 47% 0%;
  margin: 0% 0% 0% -10%;
}

.prbg2 {
  position: absolute;
  top: 30%;
  left: 2%;
}

.prbg2 img {
  width: 100%;
}

.pro2img {
  position: absolute;
  top: 18%;
  right: 9%;
  width: 85%;
}

.pro2img img {
  width: 45%;
}

.otrimg2 {
  position: absolute;
  bottom: 2%;
  left: 49%;
  width: 12%;
}

.otrimg2 img {
  width: 100%;
}

.altopr3 {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 8% 0% 5% 0%;
}

.pr1dt3 {
  padding-top: 28%;
}

.pr1dt3 h4 {
  font-family: mm3;
  font-size: 6vw;
  color: #ffc802;
  text-align: center;
  margin: 0;
  line-height: 0.3;
}

.pr1dt3 h3 {
  font-family: mm3;
  font-size: 8vw;
  color: #ffc802;
  text-align: center;
  margin: 0;
}

.pr1dt3 p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #000;
  text-align: center;
  padding: 0% 20% 4% 20%;
}

.pr1dt3 a {
  background-color: #ffc802;
  padding: 2% 10%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.prpck3 {
  background-color: #ffc802;
  border-radius: 100px;
  padding: 60% 0% 50% 0%;
  margin: 0% -10% 0% 0%;
}

.prbg3 {
  position: absolute;
  top: 30%;
  right: 5%;
}

.prbg3 img {
  width: 100%;
}

.pro3img {
  position: absolute;
  top: 18%;
  right: -11%;
}

.pro3img img {
  width: 37%;
}

.otrimg3 {
  position: absolute;
  bottom: 7%;
  left: 33%;
}

.otrimg3 img {
  width: 100%;
}

.altopr4 {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 8% 0% 5% 0%;
}

.pr1dt4 {
  padding-top: 28%;
}

.pr1dt4 h4 {
  font-family: mm3;
  font-size: 6vw;
  color: #b41519;
  text-align: center;
  margin: 0;
  line-height: 0.8;
}

.pr1dt4 h3 {
  font-family: mm3;
  font-size: 8vw;
  color: #b41519;
  text-align: center;
  margin: 0;
  line-height: 1;
}

.pr1dt4 p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #000;
  text-align: center;
  padding: 0% 20% 4% 20%;
}

.pr1dt4 a {
  background-color: #b41519;
  padding: 2% 10%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.prpck4 {
  background-color: #b41519;
  border-radius: 100px;
  padding: 47% 0% 47% 0%;
  margin: 0% 0% 0% -10%;
}

.prbg4 {
  position: absolute;
  top: 30%;
  left: 2%;
}

.prbg4 img {
  width: 100%;
}

.pro4img {
  position: absolute;
  top: 18%;
  right: 9%;
}

.pro4img img {
  width: 45%;
}

.otrimg4 {
  position: absolute;
  bottom: 3%;
  left: 54%;
}

.otrimg4 img {
  width: 100%;
  transform: rotateY(180deg);
}

.altopr5 {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 8% 0% 5% 0%;
}

.pr1dt5 {
  padding-top: 28%;
}

.pr1dt5 h4 {
  font-family: mm3;
  font-size: 6vw;
  color: #b41519;
  text-align: center;
  margin: 0;
  line-height: 0.3;
}

.pr1dt5 h3 {
  font-family: mm3;
  font-size: 8vw;
  color: #b41519;
  text-align: center;
  margin: 0;
}

.pr1dt5 p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #000;
  text-align: center;
  padding: 0% 20% 4% 20%;
}

.pr1dt5 a {
  background-color: #b41519;
  padding: 2% 10%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.prpck5 {
  background-color: #b41519;
  border-radius: 100px;
  padding: 47% 0% 47% 0%;
  margin: 0% -10% 0% 0%;
}

.prbg5 {
  position: absolute;
  top: 30%;
  right: 5%;
}

.prbg5 img {
  width: 100%;
}

.pro5img {
  position: absolute;
  top: 18%;
  right: -11%;
}

.pro5img img {
  width: 37%;
}

.otrimg5 {
  position: absolute;
  bottom: 7%;
  left: 33%;
}

.otrimg5 img {
  width: 100%;
}

.altopr6 {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 8% 0% 5% 0%;
}

.pr1dt6 {
  padding-top: 28%;
}

.pr1dt6 h4 {
  font-family: mm3;
  font-size: 6vw;
  color: #2967a4;
  text-align: center;
  margin: 0;
  line-height: 0.8;
}

.pr1dt6 h3 {
  font-family: mm3;
  font-size: 8vw;
  color: #2967a4;
  text-align: center;
  margin: 0;
  line-height: 0.8;
}

.pr1dt6 p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #000;
  text-align: center;
  padding: 0% 20% 4% 20%;
}

.pr1dt6 a {
  background-color: #2967a4;
  padding: 2% 10%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.prpck6 {
  background-color: #2967a4;
  border-radius: 100px;
  padding: 47% 0% 47% 0%;
  margin: 0% 0% 0% -10%;
}

.prbg6 {
  position: absolute;
  top: 30%;
  left: 2%;
}

.prbg6 img {
  width: 100%;
}

.pro6img {
  position: absolute;
  top: 18%;
  right: 9%;
}

.pro6img img {
  width: 45%;
}

.otrimg6 {
  position: absolute;
  bottom: 3%;
  left: 54%;
}

.otrimg6 img {
  width: 100%;
}

.altopr7 {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 8% 0% 5% 0%;
}

.pr1dt7 {
  padding-top: 28%;
}

.pr1dt7 h4 {
  font-family: mm3;
  font-size: 6vw;
  color: #b41519;
  text-align: center;
  margin: 0;
  line-height: 0.3;
}

.pr1dt7 h3 {
  font-family: mm3;
  font-size: 8vw;
  color: #b41519;
  text-align: center;
  margin: 0;
}

.pr1dt7 p {
  font-family: mm1;
  font-size: calc(0.55vw + 0.52vh);
  color: #000;
  text-align: center;
  padding: 0% 20% 4% 20%;
}

.pr1dt7 a {
  background-color: #b41519;
  padding: 2% 10%;
  color: #fff;
  font-family: mm5;
  font-size: calc(0.6vw + 0.7vh);
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.prpck7 {
  background-color: #b41519;
  border-radius: 100px;
  padding: 47% 0% 47% 0%;
  margin: 0% -10% 0% 0%;
}

.prbg7 {
  position: absolute;
  top: 30%;
  right: 5%;
}

.prbg7 img {
  width: 100%;
}

.pro7img {
  position: absolute;
  top: 18%;
  right: -11%;
}

.pro7img img {
  width: 37%;
}

.otrimg7 {
  position: absolute;
  bottom: 7%;
  left: 33%;
}

.otrimg7 img {
  width: 100%;
}

/*---------------------- Products end ------------------*/

/*---------------------- Market Start ---------------------------*/

/*------------------------ Market End ------------------------------*/

/*------------------------ Capabilities Start -----------------------*/

/*------------------------ Capabilities End --------------------------*/

/*----------------------------- Products start --------------------------*/

/*----------------------------- Products end --------------------------------*/

/*----------------------------- career start --------------------------------*/

/*----------------------------- career end -----------------------------------*/

/*----------------------------- Contact start -------------------------------*/
.cntbnr {
  background: url(../assets/img/Vector.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 12% 0% 37% 0%;
  margin-top: 5.7%;
}

.cbnrtxt {
  width: 85%;
  margin: auto;
}

.cbnrtxt h4 {
  font-family: mm2;
  font-size: 4vw;
  color: #000;
  text-align: justify;
  margin: 0;
}

.cbnrtxt h3 {
  font-family: mm6;
  font-size: 9vw;
  margin: 0;
  line-height: 0.8;
  color: #fff;
  text-align: justify;
}

.cnticn {
  width: 60%;
  margin: auto;
  text-align: center;
  padding: 5% 0% 5% 0%;
}

.cicnimg2 {
  width: 33%;
  margin: auto;
  padding-top: 6%;
}

.cicnimg img {
  width: 37%;
}

.cicnimg2 img {
  width: 28%;
}

.cicnimg4 img {
  width: 31%;
}

.cicnimg a,
.cicnimg4 a,
.cicnimg2 a {
  text-decoration: none;
}

.cicnimg h3 a,
.cicnimg4 h3 a,
.cicnimg2 h3 a {
  font-family: mm1;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: center;
  font-weight: 600;
  padding-top: 5%;
}

.cicnimg h3 {
  font-family: mm1;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: center;
  font-weight: 600;
  padding-top: 9%;
}

.cicnimg2add {
  padding-top: 6%;
}

.cicnimg2add h3 {
  font-family: mm1;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: center;
  font-weight: 600;
  margin-bottom: 0;
}

.cicnimg4 h3 {
  font-family: mm1;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: center;
  font-weight: 600;
  padding-top: 10%;
}

.cicnimg1 img {
  width: 25%;
}

.cicnimg1 h3 {
  font-family: mm1;
  font-size: calc(0.6vw + 0.6vh);
  color: #000;
  text-align: center;
  font-weight: 600;
  padding-top: 5%;
}

.map iframe {
  height: 35vw;
}

.cntfrm {
  width: 65%;
  margin: auto;
  padding: 5% 0% 25% 0%;
  position: relative;
}

.tag1 {
  width: 32%;
  text-align: center;
}

.tag1 h3 {
  font-family: mm1;
  font-size: calc(0.7vw + 0.6vh);
  margin-bottom: -7%;
  position: relative;
  z-index: 3;
  color: #000;
  background-color: #fff;
  margin-left: 11%;
}

.tag4 {
  width: 32%;
  text-align: center;
}

.tag4 h3 {
  font-family: mm1;
  font-size: calc(0.7vw + 0.6vh);
  margin-bottom: -7%;
  position: relative;
  z-index: 3;
  color: #000;
  background-color: #fff;
  margin-left: 11%;
}

.tag3 {
  width: 27%;
  text-align: center;
}

.tag3 h3 {
  font-family: mm1;
  font-size: calc(0.7vw + 0.6vh);
  margin-bottom: -7%;
  position: relative;
  z-index: 3;
  color: #000;
  background-color: #fff;
  margin-left: 12%;
}

.cntfrm input[type="text"] {
  width: 100%;
  border: solid #d9d9d9 2px;
  font-size: 1vw;
  height: 4vw;
  background-color: #fff;
}

.cntbtn1 {
  background-color: #489f03;
  padding: 1% 5%;
  color: #fff;
  border: none;
  font-family: mm5;
  font-size: calc(0.8vw + 0.7vh);
  text-decoration: none;
}

.cntfrm button {
  margin: 3% 0%;
  float: left;
}

.tag2 {
  width: 14%;
  text-align: center;
}

.cntfrm textarea {
  width: 100%;
  border: solid #d9d9d9 2px;
  font-size: 1vw;
  height: 5vw;
  background-color: #fff;
}

.tag2 h3 {
  font-family: mm1;
  font-size: calc(0.7vw + 0.6vh);
  margin-bottom: -4%;
  color: #000;
  position: relative;
  z-index: 3;
  background-color: #fff;
  margin-left: 12%;
}

.ctnjar {
  width: 88%;
  display: inline-block;
  position: absolute;
  bottom: -7.5%;
  right: -22%;
  z-index: 1;
}

.ctnjar img {
  width: 100%;
}

/*------------------------------------ Contact end --------------------------------*/

/*------------------------------------ Woven start --------------------------------*/

/*------------------------------------ Woven end ---------------------------------*/