* {
  margin: 0;
  padding: 0;
  /* overflow: auto; */
  /* height:1500px; */
  /* border: solid red 1px; */
  /* background-color: #ffe4c4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%239cb7e4' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
}
body {
  margin: 0 75px;
  /* border: solid red 1px; */
  background-color: #ffe4c4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%239cb7e4' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nav {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 2rem 0;
  background-color: #ffe4c4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%239cb7e4' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#nav > div {
  display: flex;
  justify-content: center;
  flex-grow: 1.5;
}
#nav > div:nth-child(2) {
  flex-grow: 2;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 1px;
}
.links-button {
  border: 2px solid #232323;
  /* border: none; */
  padding: 0.7rem;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: larger;
  border-radius: 0.7rem;
  background-color: bisque;
  font-weight: 500;
  transition: transform 0.7s ease;
  cursor: pointer;
}

.links-button:hover {
  transform: scale(1.2);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.kaanta-churi {
  font-size: 3.5rem;
}
.logo-name-con-child {
  font-size: 0.7rem;
  font-weight: 900;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  letter-spacing: 2px;
}
.nav-child {
  display: flex;
  flex-grow: 2;
}
.navigation-con-child {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  list-style-type: none;
  flex-direction: row;
}
.navigation-con-child > * {
  font-weight: bolder;
}
.contact-con {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
}
.shop-con {
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
}
.circle {
  border-radius: 20%;
  width: 34px;
  height: 34px;
  padding: 7px;
  background: bisque;
  border: 2px solid #000;
  color: #000;
  text-align: center;
  font: 32px Arial, sans-serif;
  align-items: center;
}
.bgbody {
  background-color: whitesmoke;
}
.main-section {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  background-color: #fff4ee;
}
.text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.chotu-text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: large;
  color: red;
  font-weight: 700;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  position: absolute;
  top: 250px;
  left: 420px;
}
.bara-text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: xxx-large;
  color: black;
  font-weight: 1000;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  position: absolute;
  top: 300px;
  left: 420px;
  text-align: left;
  letter-spacing: 1px;
}
.lal {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: xx-large;
  color: red;
  font-weight: 1000;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  position: absolute;
  top: 380px;
  left: 420px;
  letter-spacing: 1px;
}
.sabse-bara {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: larger;
  color: rgb(101, 98, 98);
  font-weight: 700;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  position: absolute;
  top: 470px;
  left: 420px;
}
.button1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  top: 580px;
  left: 420px;
}
.button2 {
  border: 1px;
  border-radius: 10px;
  padding: 15px 30px;
  letter-spacing: 1px;
  margin: 4px 2px;
  color: white;
  background-color: red;
  cursor: pointer;
}
.video {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  top: 580px;
  left: 600px;
  border: 2px;
  /* font-weight: 900; */
  /* font-size: 18px; */
}
.videotext {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  top: 595px;
  left: 655px;
  border: 2px;
  font-weight: 900;
  font-size: 18px;
}
.image-section {
  /* display: flex; */
  /* justify-content: flex-end; */
  /* align-items: end; */
  position: absolute;
  top: 120px;
  right: 30px;
  width: 30%;
  height: 60%;
}
.lemons {
  position: absolute;
  top: 320px;
  left: 95px;
  width: 30%;
  height: 60%;
}
section {
  display: grid;
  grid-template-columns: var(--page-margin) [center-start] 1fr [center-end] var(
      --page-margin
    );
}

.cards-wrapper {
  grid-column: center-start / -1;
  display: grid;
  grid-auto-flow: column;
  gap: 1rem;
  overflow: hidden;
  padding-bottom: 1rem;
  padding-right: var(--page-margin);
  position: absolute;
  top: 900px;
  left: 40px;
  width: 100%;
}

.card {
  display: grid;
  place-content: center;
  flex-wrap: wrap;
  background-color: #ffffff;
  color: hsl(0, 0%, 0%);
  font-size: 1rem;
  height: 10rem;
  min-width: 11rem;
  box-shadow: 10px 5px 5px rgba(116, 131, 133, 0.715);
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
  transition: transform 0.7s ease-in;
  margin-right: 30px;

  border-radius: 0.4rem;
}
.card:hover {
  /* zoom: 120%; */
  /* transform: scale(1.1); */
  box-shadow: 10px 5px 5px rgba(189, 70, 34, 0.773);
  background-color: burlywood;
}

.Menu-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 800px;
  left: 415px;
  font-size: 3rem;
  color: rgb(0, 0, 0);
  font-weight: 700;
  letter-spacing: 2px;
  text-decoration: underline;
}