/* header */
body {
  background-image: linear-gradient(180deg, rgb(65, 165, 242), rgb(162, 217, 242));
  /* background-color: rgb(162, 217, 242); */
  cursor: pointer;

}
.header-wraper {
  max-width: 1170px;
  width: 100%;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 20px 150px;
  z-index: 200;
  /* background-color: lightblue; */
  /* background-image: linear-gradient(180deg, rgb(177, 177, 245), lightblue); */
}
.header-wraper img {
  max-width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 40px;
  box-shadow: 2px 1px 15px rgb(64, 172, 244);

}

.nav-ul {
  display: flex;
}
li a {
  color: rgb(55, 60, 209);
  font-family: 'BPG Nuskha Modern';
  text-shadow: 4px 5px 15px rgb(64, 172, 244);
}
.nav-a {
  position: relative;
}
.active {
  color: rgb(207, 52, 52);
}
.nav-a::after {
  content: '\256E';
  /* color: black; */
  font-size: 25px;
  position: absolute;
  top: -15px;
}
.nav-a::before {
  content: '\2570';
  /* color: black; */
  font-size: 25px;
  position: absolute;
  top: 15px;
  left: -25px;
}
.nav-ul li:not(.not-this) {
  margin-right: 45px;
  font-size: 17px;
}
/* .fa-bars {
  color:rgb(55, 60, 209);
  font-size: 20px;
  display: none;
} */
.conteiner {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  /* background-color: aqua; */
  display: flex;
}

.header-wraper i {
  display: none;
}




/* section 1 */
.section1 {
  padding-top: 160px;
  text-align: center;
  font-size: 25px;
  font-family: 'BPG Ucnobi';
  color: rgb(154, 16, 16);
  justify-content: center;

}
.section1 h1 {
  text-shadow: 4px 5px 17px rgb(252, 19, 3);
  transition: all 1s linear 0.5s;
  margin-bottom: 20px;
}
.table-gyro {
  object-fit: cover;
  margin-top: 40px;
  width: 90%;
  height: 500px;
  border-radius: 70px 30px;
  box-shadow: 7px 9px 15px rgb(55, 60, 209);
  transition: all 1s linear;
  margin-bottom: 40px;
}
.circles {
  /* max-width: 100%; */
  margin-top: 30px;
  width: 5%;
  justify-content: space-between;
}
.small-circle {
  width: 20px;
  height: 20px;
  background-color:rgb(154, 16, 16);
  border-radius: 30px;

}




/* section 2 */
.sectio2 {
  margin-top: 70px;
  justify-content: space-between;
}
.blocks {
  padding: 10px;
  max-width: 400px;
  width: 30%;
  height: 370px;
  text-align: center;
  font-size: 20px;
  line-height: 25px;
  font-family: 'BPG Ucnobi';
  text-shadow: 4px 5px 17px rgb(2, 60, 71);
}
.blocks img {
  width: 100%;
  height: 260px;
  margin-top: 20px;
  object-fit: cover;
  border-radius: 54% 46% 48% 52% / 30% 33% 67% 70% 
  ;
  box-shadow: -7px 9px 15px rgb(40, 158, 243);
  transition: all 1.5s linear;
}


/* section 3 */
.section3 {
  margin-top: 70px;
  flex-direction: column;
  justify-content: space-between;
}
.section3 p {
  text-align: center;
  font-size: 25px;
  font-family: 'BPG Ucnobi';
  color: rgb(154, 16, 16);
  text-shadow: 4px 5px 17px rgb(252, 19, 3);
  transition: all 1s linear 0.5s;
}
.section3 p::after {
  content: '\263A';
  margin-left: 10px;
  font-size: 35px;
}
.boxes-wraper {
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
}
.boxes-wraper .boxes {
  max-width: 500px;
  width: 47%;
  height: 500px;
}
.boxes img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 32% 68% 39% 61% / 42% 44% 56% 58%  ;
  box-shadow:  7px 9px 15px rgb(40, 158, 243);
  transition: all 1s linear;
}



/* hpovers */
.section3 p:hover {
  border-width: 1px;
  border-color: rgb(53, 50, 50);
  border-style: dotted;
  border-left: none;
  border-right: none;
  font-size: 35px;
  text-shadow:-8px 3px 17px rgb(58, 22, 240);
}
.section1 h1:hover {
  border-width: 1px;
  border-color: rgb(53, 50, 50);
  border-style: solid;
  border-left: none;
  border-right: none;
  font-size: 35px;
  text-shadow:-8px 3px 17px rgb(58, 22, 240);

}
.blocks img:hover {
  width: 120%;
  height: 400px;
}
.table-gyro:hover {
  box-shadow: -8px 3px 17px red;
}
.boxes img:hover {
  width: 80%;
  height: 400px; 
}

/* footer */
.footer {
  display: flex;
  /* padding-left: 50px; */
  justify-content: space-between;
}
.footer p {
  font-size: 20px;
  color: rgb(4, 77, 123);
}
.icons-wrapper {
  display: flex;
}
.icons a {
  font-size: 30px;
}
.icons-a i {
  color: rgb(4, 77, 123);
}
.icons i:not(.last-icon) {
  margin-right: 20px;
}


/* section 4 */

.veggie-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 50px;
}
.mini-block {
  width: 30%;
  text-align: center;
  margin-top: 60px;
  font-family: "BPG Mikheil Stefane", sans-serif;
}
.mini-block img {
  width: 100%;
  border-radius: 200px;
  margin-bottom: 20px;
  transition: all 1s linear;
}

.mini-block img:hover {
  width: 400px;
  box-shadow: 8px -6px 20px green;
}


.mini-block-p  {
  width: 100%;
  height: 80px;
}
.mini-block-p p {
  margin-top: 30px;
  margin-bottom: 20px;
}
.order-bt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(9, 165, 9);
  margin-top: 20px;
  border-radius: 200px;
  height: 50px;
  font-size: 18px;
  text-shadow: -5px 7px 14px rgb(53, 44, 44);
  transition: all 1s linear;
}

.order-bt:hover {
  background-color: rgb(179, 35, 35);
}

.order-bt i {
  margin-right: 10px;
}
.section4 {
  margin-bottom:80px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;

}
.section4 h2 {
  font-size: 25px;
  font-family: 'BPG Ucnobi';
  color: rgb(154, 16, 16);
  text-shadow: 4px 5px 17px rgb(252, 19, 3);
}
.menu-click {    
  background-color: rgb(55, 60, 209);
  margin-top: 60px;
  width: 30%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  border-radius: 100px;
  color: black;
  font-family: 'BPG Nuskha Modern';
  box-shadow: -5px 7px 14px rgb(53, 44, 44);
}
.menu-click-a {
  width: 100%;
  display: flex;
  justify-content: center;
  text-shadow: -5px 7px 14px rgb(34, 33, 36);
}


/* menu page */
.section5 {
  padding-top: 100px;
}
.menupage-1 {
  background-color: black;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 200px;
  margin-top: 10px;
}
.bg-image {
  background-image: url('../images/goddess.jpeg');
  width: 300px;
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 200px;
}
.bg-image2 {
  background-image: url('../images/goddess.jpeg');
  width: 300px;
  height: 350px;
  background-repeat: no-repeat;
  width: 300px;
  background-size: cover;
  transform: scaleX(-1);
  transform: scaleX(-1);
  border-radius: 200px;

}
.title1 {
  text-align: center;
  max-width: 150px;
  width: 100%;
  
}
.title2 {
  display: flex;
  justify-content: space-between;
}
.mini-title {
  color: white;
  font-weight: bolder;
  font-size: 25px;
  text-shadow: 2px 2px #1d7033;
  margin-bottom: 20px;
}

.title2-1::after {
  content: '\003E';
  margin-left: 12px;
}
/* in gallery page */
.before-gallery {
  margin-left: 12px;
}
.title2-2 {
  color: #fff;
  font-weight: lighter;
}
.title2-1 {
  color: #959595;
}

/* section 6 */

.section6 {
  background-color: #1d7033;
  width: 100%;
  margin-top: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 70px;
  background-image: linear-gradient( 180deg, #165416, #36bb36);
  box-shadow:-2px -8px 7px rgb(3, 66, 3);
}
.section6-ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.sec6-li a {
  color: white;
  text-shadow: -4px 2px 7px rgb(214, 210, 210);
}
.red a{
  color: rgb(129, 15, 15);
  text-decoration: underline;
}

/* combo menu */

.combo img {
  height: 351px;
  transition: all 1s linear;
}

.combo img:hover {
  height: 400px;
}

/* salads-menu */
.olives {
  height: 351px;
  transition: all 1s linear;
}
.olives:hover {
  height: 400px;
}

/* gallery page */
.section7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 60px;
}
.mini-gallery {
  width: 30%;
  border-radius: 70px;
  margin-bottom: 20px;
}
.mini-gallery img {
  width: 100%;
  border-radius: 35% 65% 42% 58% / 13% 92% 8% 87%;
  box-shadow: 5px 14px 22px rgb(17, 114, 90);
  transition: all 1s linear;
}
.mini-gallery img:hover {
  width: 130%;
  box-shadow: -9px 14px 22px  rgb(126, 4, 4);
}
.gallery-shorter img {
  height: 300px;
  object-fit: cover;
}
.gallery-shorter2 img {
  height: 300px;
  object-fit: cover;
}

/* section8 */
.section8 {
  flex-direction: column;
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  margin-top: 70px;
  margin-bottom: 50px;

}
.about-us1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.about-us1-1 {
  display: flex;
}
.wrapbox1 p{
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 500px;
  width: 100%;
  font-family: "BPG Mikheil Stefane", sans-serif;
  line-height: 20px;
}
.fa-pagelines {
  color: rgb(15, 131, 26);
  margin-right: 30px;
  font-size: 30px;
  text-shadow: 2px 2px 15px #1d7033;
}
.about-us1-1 h1{
  font-size: 30px;
  font-family: 'BPG Nuskha Modern';
  text-shadow: -5px 7px 14px rgb(53, 44, 44);}
.about-us2 {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.about-us1 img {
  max-width: 500px;
  width: 100%;
  border-radius: 50px 150px;
  box-shadow: -2px -5px 15px rgb(3, 66, 3);
  transition: all 1s linear;
}
.about-us1 img:hover {
  max-width: 600px;
  box-shadow: -2px -5px 15px rgb(172, 11, 6);
}
.we-offer {
  max-width: 400px;
  width: 100%;
}
.we-offer img{
  width: 100%;
  border-radius: 54% 46% 38% 62% / 67% 60% 40% 33%;
  box-shadow: -8px 5px 15px rgb(3, 66, 3);
  transition: all 1s linear;
}
.we-offer img:hover {
  width: 120%;
  box-shadow: -2px -5px 15px rgb(172, 11, 6);
}
.fa-hand-point-down {
  color: white;
  font-size: 25px;
}
.us-title {
  max-width: 220px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-shadow: 2px 2px 7px #1d7033;
}