/* --------header-part------------------ */
.main-nav {
  height: 12vh;
  background-color: #fff6e7;
  /* border: 1px solid black; */
}
.navbar {
  height: 100%;
}
.nav-menubar {
  margin-right: 40px;
}
.nav-menubar-logo {
  margin-right: 80px;
}
#main-menu {
  color: #634618;
}
#main-menu:hover {
  color: rgb(255, 97, 40);
}
/* --------------------------------------- */
/* ----------section-1-------------------- */
.sec-1 {
  width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: #fff6e7;
  /* border: 1px solid black; */
}
.sec1-con {
  width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: #fff6e7;
  /* border: 1px solid black; */
}
.sec1-p1 {
  width: 49%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid red; */
}
.sec1-p2 {
  width: 49%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid red; */
}
.sec1-p1-img1 {
  width: 94%;
  height: 100%;
  background: url(img/slider-img-5.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: bottom;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid blue; */
}
.sec1-p1-img1 img {
  width: 250px;
  height: 400px;
}
.sec1-p2-con {
  width: 95%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* border: 1px solid black; */
}
.sec1-p2 h1 {
  margin-top: 15px;
  font-size: 4rem;
}
.sec1-p2 p {
  font-size: 1.4rem;
}
#sec1btn {
  width: 140px;
  height: 40px;
  margin-top: 10px;
  border-radius: 0%;
  font-size: 15px;
  color: white;
  background-color: rgb(255, 97, 40);
}
#sec1btn:hover {
  color: black;
  cursor: pointer;
  border: 1px solid black;
}
/* ------------------------------- */
.sec-2 {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid black; */
}
.sec2-sub {
  width: 80%;
  height: 90%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid black; */
}
.sec2-1 {
  width: 400px;
  height: 250px;
  background: url(img/banner-img-1.jpg);
  background-size: cover;
  background-position: center;
  padding: 50px 20px;
  margin: 10px;
  /* border: 1px solid blue; */
}
.sec2-2 {
  width: 400px;
  height: 250px;
  background: url(img/banner-img-2.jpg);
  background-size: cover;
  background-position: center;
  padding: 50px 20px;
  margin: 10px;
  /* border: 1px solid blue; */
}
.sec2-3 {
  width: 400px;
  height: 250px;
  background: url(img/banner-img-3.jpg);
  background-size: cover;
  background-position: center;
  padding: 50px 20px;
  margin: 10px;
  /* border: 1px solid blue; */
}
/* ------------------------------ */
.sec-3 {
  width: 100%;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid black; */
}
.sec3-sub {
  width: 80%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid blue; */
}
.bx3-1 {
  width: 50%;
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid red; */
}
.bx3-2 {
  width: 50%;
  height: 98%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid red; */
}
.bx3-1sub {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid rgb(92, 153, 1); */
}
.bx3-1sub1 {
  width: 100px;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  /* border: 1px solid purple; */
}
.bx3-1sub1-img {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 0;
  /* border: 1px solid black; */
}
.bx3-1sub1-img img {
  width: 80%;
}
.bx3-1sub2 {
  width: 520px;
  height: 100%;
  /* border: 1px solid rgb(128, 0, 28); */
}
.bx3-2-sub {
  width: 80%;
  height: 80%;
  /* border: 1px solid blue; */
}
/* --------------------------------------- */
.sec-4 {
  width: 100%;
  height: 72vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(img/single-img-2.jpg);
  background-size: cover;
  backface-visibility: visible;
  /* border: 1px solid black; */
}
.sec-4-sub {
  width: 60%;
  height: 60%;
  text-align: center;
  /* border: 1px solid red; */
}
.sec4-bx {
  width: 100%;
  height: 65%;
  /* border: 1px solid blue; */
}
/* -------------------- */
.swiper {
  width: 100%;
  height: 100%;
  /* border: 1px solid black; */
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid black; */
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* -------------------------- */
.sec-5 {
  width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid black; */
}
.sec-5-sub {
  width: 90%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid red; */
}
.sec5bx1 {
  width: 350px;
  height: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid black; */
}
.sec5bx1 img {
  width: 100%;
  /* border: 1px solid black; */
}

.sec5bx1-inputbx {
  width: 300px;
  height: 70px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  /* border: 1px solid blue; */
}
.sec5bx1:hover .sec5hover1 {
  transform: translate(100%, 0px);
}
.sec5bx1:hover .sec5hover1 b {
  display: block;
}
.sec5bx1:hover .sec5hover2 {
  transform: translate(100%, 0px);
}
.sec5bx2:hover .sec5hover1 {
  transform: translate(100%, 0px);
}
.sec5bx2:hover .sec5hover1 b {
  display: block;
}
.sec5bx2:hover .sec5hover2 {
  transform: translate(100%, 0px);
}
.sec5bx3:hover .sec5hover1 {
  transform: translate(100%, 0px);
}
.sec5bx3:hover .sec5hover1 b {
  display: block;
}
.sec5bx3:hover .sec5hover2 {
  transform: translate(100%, 0px);
}
.sec5bx1:hover {
  cursor: pointer;
}
.sec5bx2:hover {
  cursor: pointer;
}
.sec5bx2:hover {
  cursor: pointer;
}
.sec5hover {
  width: 80%;
  height: 30px;
  display: flex;
  /* border: 1px solid red; */
}
.sec5hover1 {
  width: 33%;
  height: 100%;
  font-size: 14px;
  /* border: 1px solid blue; */
}
.sec5hover1 b {
  display: none;
}
.sec5hover2 {
  width: 33%;
  height: 100%;
  font-size: 14px;
  /* border: 1px solid blue; */
}
.sec5hover3 {
  width: 33%;
  height: 100%;
  z-index: 2;
  background-color: white;
  /* border: 1px solid blue; */
}
.sec5bx2 {
  width: 350px;
  height: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid black; */
}
.sec5bx2 img {
  width: 100%;
  /* border: 1px solid black; */
}

.sec5bx3 {
  width: 350px;
  height: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid black; */
}
.sec5bx3 img {
  width: 100%;
  /* border: 1px solid black; */
}
/* -------------------------------- */
.sec-6 {
  width: 100%;
  height: 50vh;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid black; */
}
.sec-6-sub {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* border: 1px solid red; */
}
.sec6bx1 {
  width: 24%;
  height: 100%;
  overflow: hidden;
  /* border: 1px solid blue; */
}
.sec6bx1:hover img {
  transform: scale(1.2);
  transition: 1s;
}
.sec6bx1 img {
  width: 100%;
  line-height: 100%;
}
.sec6bx2 {
  width: 24%;
  height: 100%;
  overflow: hidden;
  /* border: 1px solid blue; */
}
.sec6bx2:hover img {
  transform: scale(1.2);
  transition: 1s;
}
.sec6bx2 img {
  width: 100%;
  line-height: 100%;
}
.sec6bx3 {
  width: 24%;
  height: 100%;
  overflow: hidden;
  /* border: 1px solid blue; */
}
.sec6bx3:hover img {
  transform: scale(1.2);
  transition: 1s;
}
.sec6bx3 img {
  width: 100%;
  line-height: 100%;
}
.sec6bx4 {
  width: 24%;
  height: 100%;
  overflow: hidden;
  /* border: 1px solid blue; */
}
.sec6bx4:hover img {
  transform: scale(1.2);
  transition: 1s;
}
.sec6bx4 img {
  width: 100%;
  line-height: 100%;
}
/* ------------------------- */
.sec-7 {
  width: 100%;
  height: 30vh;
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid black; */
}
.sec-7-sub {
  width: 80%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid red; */
}
.sec7sub1 {
  width: 15%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid blue; */
}
.sec7bx2 {
  display: none;
}
.sec7sub1:hover .sec7bx1 {
  display: none;
}
.sec7sub1:hover .sec7bx2 {
  display: block;
}
/* --------------------------------------- */
.sec-8 {
  width: 100%;
  height: 60vh;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff6e7;
  /* border: 1px solid black; */
}
.sec8-con {
  width: 60%;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid red; */
}
.sec8-logo {
  width: 180px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid blue; */
}

.sec8-nav {
  width: 600px;
  height: 40px;
  /* border: 1px solid red; */
}
.sec8-nav nav ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid black; */
}
.sec8-nav nav ul li {
  list-style: none;
  font-weight: bold;
  cursor: pointer;
  color: #634618;
  /* border: 1px solid black; */
}
.sec8-nav nav ul li:hover {
  color: rgb(255, 97, 40);
}
.sec8-input {
  width: 700px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  /* border: 1px solid blue; */
}
.sec8-inp1 {
  height: 100%;
  width: 65%;
  font-weight: bold;
  border-radius: 0%;
  padding: 10px;
  background-color: #fff6e7;
  color: #634618;
  /* border: 1px solid black; */
}
#sec8btn {
  width: 20%;
  height: 100%;
  border-radius: 0%;
  background-color: rgb(255, 97, 40);
  color: white;
  /* border: 1px solid black; */
}
#sec8btn:hover {
  color: black;
}
.sec8-logo2 {
  width: 200px;
  height: 50px;
  font-size: 1.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: #634618;
  /* border: 1px solid red; */
}
.sec8-logo2 i:hover {
  color: rgb(255, 97, 40);
}
/* ----------------------------------- */
.end-footer {
  width: 100%;
  height: 10vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff6e7;
  /* border: 1px solid black; */
}
.end-footer-sub {
  width: 80%;
  height: 100%;
  text-align: center;
  padding: 10px;
  color: #634618;
  border-top: 1px solid rgb(146, 146, 146);
}
.end-footer-sub p:hover {
  color: rgb(255, 97, 40);
}