body {
  overflow-x: hidden !important;
}
/* hero sec  */
.hero-section {
  height: 90vh;
  width: 100%;
  color: #fff;
}
.hero-banner {
  height: 100%;
  margin-left: 11em;
  /* background-color: #63ab45; */

  border-bottom-left-radius: 341px;
  position: relative;

  overflow: hidden;
}

.hero-banner .main-video {
  position: fixed;
  top: 10%;
  left: 0;
  z-index: -1;
  object-fit: cover;
  height: 90vh;
  width: 100%;
  margin-left: 11em;
  border-bottom-left-radius: 341px;
}

.hero-text {
  margin-left: 6rem;
  position: absolute;
  top: 28%;
  z-index: 2;
}
.hero-text h1 {
  font-size: 3rem;
  font-weight: 900;
}
.hero-text p {
  font-size: 1.5rem;
  font-weight: 900;
}
.hero-text button {
  background: #46814b;
  color: #fff;
  text-align: center;
  padding: 12px 20px;
  border-radius: 39px;
  font-size: 20px;
  border: 1px solid transparent;
  font-weight: 700;
}
.section-wrapper {
  margin: 0;
  padding: 0;
  background: #fff;
  padding-top: 5rem;
}
/* second sec  */

.second-section {
  position: relative;
  margin-top: 6rem;
}

.second-section .second-sec-text-container h1 {
  font-size: 3rem;
  font-weight: 900;
}
.second-section .second-sec-text-container .second-sec-count {
  display: flex;
  justify-content: space-between;
  width: 46%;
}
.second-section .second-sec-text-container .second-sec-count .count {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.second-section .second-sec-text-container .second-sec-count .count .number {
  font-size: 2.7rem;
  font-weight: 900;
  color: #46814b;
}
.second-section .second-sec-text-container .second-sec-count .count .text {
  font-size: 1.1rem;
  font-weight: bolder;
  color: #606060;
}

.second-sec-card {
  width: 424px;
  height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  background: linear-gradient(45deg, #f2ffed, #ffffff);
  border-radius: 22px;
  position: absolute;
  right: 0;
  bottom: 16%;
  z-index: 3;
}
.second-sec-card .second-sec-inner-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 83%;
}
.second-sec-card .second-sec-inner-cont .span-text {
  font-weight: 700;
}
.second-sec-card .second-sec-inner-cont .input-group {
  height: 47px;
}
.second-sec-card .second-sec-inner-cont .input-group .input-group-text {
  color: #46814b;
}
.second-sec-card .second-sec-inner-cont button {
  background: #46814b;
  color: #fff;
  text-align: center;
  padding: 9px 34px;
  border-radius: 39px;
  font-size: 18px;
  border: 1px solid transparent;
  font-weight: 700;
}

/* third sec  */
.third-sec-container {
  margin-top: 11rem;
  position: relative;
}
.third-sec-container .span-btn {
  font-size: 2rem;
  font-weight: 900;
  padding: 7px 28px;
  border-radius: 46px;
  color: #46814b;
  margin-bottom: 2rem !important;
}
.more-option-card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
}
.option-card {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 329px;
  border: 1px solid black;
  border-radius: 35px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.option-card:hover {
  transform: translateY(-10px);
}
.option-card .option-card-img {
  overflow: hidden;
}
.option-card .option-card-img img {
  height: 250px;
  width: 328px;
  object-fit: cover;
  border-radius: 10px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
}
.option-card .option-card-details {
  padding: 6px 15px;
}
.option-card .option-card-details h3 {
  font-size: 18px;
  font-weight: bolder;
}
.option-card .option-card-details p {
  font-size: 14px;
  text-align: justify;
}
.option-card .option-card-details .price_type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 30px;
}
.option-card .option-card-details .price_type .time-people {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.option-card .option-card-details .price_type .time-people span {
  font-weight: 700;
}
.option-card .option-card-details .price_type .price {
  position: relative;
}
.option-card .option-card-details .price_type .price span del {
  position: absolute;
  bottom: 75%;
  left: 7%;
  font-size: 14px;
}
.option-card .option-card-btn {
  width: 145px;
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translate(-50%, -1%);
  background-color: #46814b;
  border: 1px solid transparent;
  border-radius: 39px;
}
.third-sec-container .third-sec-all-package-btn {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
}
.third-sec-container .third-sec-all-package-btn a {
  border-radius: 39px;
}

.third-sec-container .third-sec-all-package-btn .all-packages-link:hover {
  background-color: #46814b;
}
.for-980-px {
  display: none;
}

/* forth sec  */
/* .forth-sec-container {
  margin-top: 8rem;
  background-color: #46814b;
  color: #fff;
}

.forth-sec-card {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 90%;
}
.forth-sec-card .image img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  object-fit: cover;
}
.forth-sec-card .forth-sec-card-text h3,
.forth-sec-card1 .go-to-about h3 {
  font-size: 19px;
}
.forth-sec-card .forth-sec-card-text p {
  font-size: 15px;
}

.forth-sec-card1 {
  width: 90%;
  display: flex;
  justify-content: end;
}
.forth-sec-card1 .go-to-about a {
  display: flex;
  justify-self: end;
  padding: 7px 38px;
} */

.forth-sec-container {
  background: #46814b;
  color: #fff;
  margin-top: 8rem;
}

.forth-sec-card-wrapper {
  display: flex;
  justify-content: space-between;
}

.forth-sec-card {
  width: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.forth-sec-card .image img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  object-fit: cover;
}
.forth-sec-card .forth-sec-card-text h3,
.forth-sec-card1 .go-to-about h3 {
  font-size: 19px;
}
.forth-sec-card1 {
  align-self: flex-end;
}
.forth-sec-card .forth-sec-card-text p {
  font-size: 15px;
  text-align: justify;
}
.forth-sec-card1 .go-to-about a {
  display: flex;
  justify-self: end;
  padding: 7px 38px;
}

/* fifth-sec  */
.fifth-sec {
  margin-top: 7rem;
  height: auto;
  width: 100%;
  color: #fff;
}
.fifth-banner {
  height: 100%;
  margin-right: 11em;
  border-bottom-right-radius: 341px;
  position: relative;
}
.fifth-banner .fifth-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  /* margin-right: 11em; */
  /* background-color: #63ab45; */
  border-bottom-right-radius: 341px;
  object-fit: cover;
}
.fifth-sec .fifth-banner h1 {
  z-index: 3;
  position: relative;
}
.fifth-sec .fifth-banner .fifth-sec-content-wrapper {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  gap: 3rem;
  z-index: 3;
  position: relative;
}
.shadow-div {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #00000036;
  margin-right: 11em;
  border-bottom-right-radius: 341px;
}
.fifth-sec .fifth-banner .fifth-sec-content-wrapper .fifth-sec-tab-btn-sec {
  /* width: 108%; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin: 0 65px; */
}
.fifth-sec
  .fifth-banner
  .fifth-sec-content-wrapper
  .fifth-sec-tab-btn-sec
  .fifth-sec-tab-btns-wrapper {
  height: 560px;
  width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  /* background-color: #8f8f8f; */
  border-radius: 28px;
  position: relative;
  backdrop-filter: blur(10px);
}
.fifth-sec
  .fifth-banner
  .fifth-sec-content-wrapper
  .fifth-sec-tab-btn-sec
  .fifth-sec-tab-btns-wrapper
  .tab-btn {
  width: 290px;
  padding: 14px 0px;
  border-radius: 30px;
  background-color: #f4f4f4;
  border: 1px solid transparent;
  font-size: 1.2rem;
  font-weight: 700;
}
.fifth-sec
  .fifth-banner
  .fifth-sec-content-wrapper
  .fifth-sec-tab-btn-sec
  .fifth-sec-tab-btns-wrapper
  .tab-btn.active {
  background-color: #46814b;
  color: #fff;
}

.fifth-sec .fifth-banner .fifth-sec-content-wrapper .fifth-sec-tab-content-sec {
  width: 400px;
  padding-top: 6rem;
}

/* sixth sex  */
.sixth-sec {
  margin-top: 7rem;
}
.sixth-sec .video-link {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
.sixth-sec .video-link iframe {
  height: 400px;
  width: 950px;
}

@media screen and (min-width: 1798px) {
  .section-padding-bottom {
    padding-bottom: 8rem;
  }
  .section-padding-top {
    padding-top: 8rem;
  }
  .fifth-sec {
    margin-top: 11rem;
  }
  .fifth-sec
    .fifth-banner
    .fifth-sec-content-wrapper
    .fifth-sec-tab-content-sec {
    width: 555px;
    font-size: 22px;
  }
  .hero-section {
    height: 100vh;
  }
  .hero-banner .main-video {
    top: 0;
    height: 100vh;
  }
  .second-section, .third-sec-container{
    transform: scale(1.2);
  }
  
  .sixth-sec .video-link iframe {
    height: 50vh;
    width: 96%;
}
}
@media screen and (max-width: 1224px) {
  .hero-banner {
    margin-left: 6em;
  }
  .hero-banner .main-video {
    margin-left: 6em;
  }
  .shadow-div {
    margin-right: 6em;
  }
  .fifth-banner {
    margin-right: 6em;
  }
}
@media screen and (max-width: 1202px) {
  .second-section .second-sec-text-container h1 {
    font-size: 2.4rem;
  }
  .second-section .second-sec-text-container .second-sec-count .count .number {
    font-size: 1.9rem;
  }
  .second-section .second-sec-text-container .second-sec-count .count .text {
    font-size: 0.9rem;
  }
  .second-sec-card {
    width: 393px;
    height: 457px;
  }
  .option-card {
    width: 300px;
  }
  .option-card .option-card-img img {
    width: 299px;
  }
  .more-option-card-wrapper {
    justify-content: space-evenly;
    gap: 18px;
  }
}
@media screen and (max-width: 1100px) {
  .hero-text h1 {
    font-size: 2.5rem;
    font-weight: 900;
  }
}
@media screen and (max-width: 980px) {
  .hero-text button {
    padding: 12px 20px;
    font-size: 16px;
  }
  .hero-text h1 {
    font-size: 2rem;
  }
  .hero-text p {
    font-size: 1.1rem;
    font-weight: 900;
  }
  .container,
  .container-md,
  .container-sm {
    max-width: 95%;
  }
  .second-sec-card {
    width: 313px;
    height: 423px;
  }
  .for-980-px {
    display: flex;
  }
  .more-option-card-wrapper {
    gap: 4rem;
  }
  .forth-sec-card .forth-sec-card-text h3,
  .forth-sec-card1 .go-to-about h3 {
    font-size: 17px;
  }
  .forth-sec-card .forth-sec-card-text p {
    font-size: 12px;
  }
  .fifth-sec .fifth-banner h1 {
    font-size: 1.8rem;
  }
  .fifth-sec
    .fifth-banner
    .fifth-sec-content-wrapper
    .fifth-sec-tab-btn-sec
    .fifth-sec-tab-btns-wrapper
    .tab-btn {
    width: 259px;
    padding: 8px 0px;
  }
  .fifth-sec
    .fifth-banner
    .fifth-sec-content-wrapper
    .fifth-sec-tab-btn-sec
    .fifth-sec-tab-btns-wrapper {
    height: 505px;
    width: 321px;
  }
  .hero-banner .main-video {
    top: 8%;
  }
}
@media screen and (max-width: 500px) {
  .hero-banner {
    margin-left: 0;
  }
  .hero-banner .main-video {
    margin-left: 0;
    border-bottom-left-radius: 85px;
  }
  .hero-text {
    margin-left: 3rem;
  }
  .hero-text h1 {
    font-size: 1.7rem;
  }
  .hero-text p {
    font-size: 17px;
  }
  .hero-text button {
    padding: 9px 15px;
    font-size: 14px;
  }
  .second-section {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.5rem;
  }
  .second-sec-card {
    position: relative;
  }
  .second-section .second-sec-text-container h1 {
    font-size: 1.7rem;
  }
  .second-section .second-sec-text-container .second-sec-count {
    width: 100%;
  }
  .second-section .second-sec-text-container .second-sec-count .count .number {
    font-size: 21px;
  }
  .second-section .second-sec-text-container .second-sec-count .count .text {
    font-size: 12px;
  }
  .forth-sec-container h1 {
    font-size: 1.7rem;
  }
  .forth-sec-card-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .forth-sec-card {
    width: 95%;
  }
  .fifth-banner {
    margin-right: 0;
  }
  .fifth-banner .fifth-video {
    border-bottom-right-radius: 80px;
  }
  .shadow-div {
    margin-right: 0;
    border-bottom-right-radius: 80px;
  }
  .fifth-sec .fifth-banner .fifth-sec-content-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .fifth-sec
    .fifth-banner
    .fifth-sec-content-wrapper
    .fifth-sec-tab-content-sec {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 450px) {
  .hero-text {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .fifth-sec
    .fifth-banner
    .fifth-sec-content-wrapper
    .fifth-sec-tab-content-sec {
    width: 90%;
    text-align: center;
  }
}