@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

*,
*:before,
*:after {
  box-sizing: border-box
}

html {
  box-sizing: border-box;
  font-size: 62.5%
}
.col-12.text-center {
    padding-bottom: 35px;
    padding-top: 35px;
}

.main h1 {
    font-size: 5rem;
    font-weight: 600;
    color: #00a5ad;
    margin-bottom: 5rem;
}
/* Design */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background-color: #ecf9ff;
}

body {
  color: #272727;
  font-family: 'Quicksand', serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  padding: 1rem;
}

.main{
  max-width: 1200px;
  margin: 0 auto;
}

h1 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.btn {
  color: #ffffff;
  padding: 0.8rem;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  font-weight: 400;
  display: block;
  width: 100%;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
}

.btn:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  padding: 1rem;
}

@media (min-width: 40rem) {
  .cards_item {
    width: 50%;
  }
}

@media (min-width: 56rem) {
  .cards_item {
    width: 33.3333%;
  }
}

.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.card_content {
  padding: 1rem;
  background: linear-gradient(to bottom left, #00a5ad 40%, #00a5ad 100%);
}

.card_title {
  color: #ffffff;
      font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin: 0px;
  text-align: center;
}

.card_text {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;    
  font-weight: 400;
}
.made_by{
  font-weight: 400;
  font-size: 13px;
  margin-top: 35px;
  text-align: center;
}
.navbar-brand {
    float: left;
    height: 77px;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
}
@media(max-width:1400px) {
  html {
    font-size: 45%
  }
}

@media(max-width:768px) {
  
  html {
    font-size: 42%
  }
  .navbar-toggler-icon {
    display: none;
}
  
  
  .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: flex-start;
}
button.navbar-toggler.collapsed {
        margin-left: 0px;
}
}

*,
*:before,
*:after {
  box-sizing: inherit;
  padding: 0;
  margin: 0
}

body {
  font-family: "Montserrat", sans-serif;
  color: #757575;
  font-size: 2.2rem
}

html,
body {
  overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 3.6rem
}

p,
span,
li,
a {
  line-height: 3rem;
  font-weight: 400
}

a,
a:hover,
a:active,
a:focus,
.btn:focus,
.btn:hover,
button:focus,
button:active,
button,
select:focus {
  outline: 0;
  text-decoration: none
}

a {
  transition: .3s
}

.section-padding {
  padding: 4rem 0
}

@media(max-width:768px) {
    
  .section-padding {
    padding: 2rem 0
  }
}

.section-title {
  font-weight: 600;
  font-size: 4.6rem;
  line-height: 6.2rem;
  color: #00a5ad;
  margin-bottom: 4rem;
  display: inline-block
}

@media(max-width:768px) {
  .section-title {
    font-size: 4rem;
    margin-bottom: 2rem
  }
}

@media(max-width:576px) {
  .section-title {
    text-align: center
  }
}

body.modal-open,
body header {
  padding-right: 0 !important
}

.modal.fade.show {
  padding-right: 0 !important
}

.list {
  padding-left: 1rem
}

.list li {
  line-height: 30px;
  list-style: none;
  padding-left: 2rem;
  position: relative
}

.list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 2, 15, 0.74)
}

.btn-blue {
  font-size: 2.4rem;
  font-weight: 600;
  background-color: #00a5ad;
  color: #fff;
  border: 2px solid transparent;
  border-radius: 1rem;
  padding: 1.5rem 4rem;
  box-shadow: -0.8rem .8rem .4rem rgba(0, 0, 0, 0.1);
  display: inline-block
}

@media(min-width:1400px) {
  .btn-blue {
    padding: 2rem 6rem
  }
}

.btn-blue:hover {
  box-shadow: none;
  background-color: #fff;
  color: #00a5ad;
  border: 2px solid #00a5ad
}

.scroll-top {
  position: fixed;
  bottom: 8rem;
  right: 2rem;
  z-index: 99;
  background-color: #718c09;
  border: 0;
  border-radius: 2px;
  padding: 1rem 1.5rem;
  line-height: 1;
  display: none;
  transition: .3s
}

@media(min-width:768px) {
  .scroll-top {
    bottom: 2rem
  }
}

.scroll-top .fa {
  font-size: 2.4rem;
  color: #fff;
  line-height: 1
}

.floating-buttons {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  gap: 1px;
  background-color: #fff
}

@media(min-width:768px) {
  .floating-buttons {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%) rotate(-90deg);
    right: -15.2rem;
    width: auto;
    flex-direction: row-reverse;
    background-color: transparent
  }
}

.floating-buttons a {
  background-color: #718c09;
  color: #fff;
  padding: 1.5rem 2rem;
  display: block;
  text-align: center
}

@media(min-width:768px) {
  .floating-buttons a {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
  }
}

@media(max-width:768px) {
  .floating-buttons a {
    flex: 1
  }
}

.floating-buttons .btn-whatsapp {
  background-color: #25d366 !important
}

.floating-buttons .btn-whatsapp .fa {
  font-size: 3rem
}

.navbar {
  background-color: #fff;
  padding: 2rem 0;
  border-bottom: .4rem solid #00a5ad
}

@media(min-width:992px) {
  .navbar .navbar-nav {
    gap: 4rem
  }
}

@media(max-width:992px) {
  .navbar .navbar-nav {
    margin-top: 1rem
  }
}

.navbar .navbar-nav .nav-item .nav-link {
  font-size: 2rem;
  font-weight: 600;
  color: #000;
  padding: 1rem 1.5rem
}

@media(min-width:992px) {
  .navbar .navbar-nav .nav-item .nav-link {
    border: 2px solid #00a5ad;
    border-radius: 10px
  }
}

.navbar .navbar-nav .nav-item .nav-link.active {
  background-color: #00a5ad;
  color: #fff;
  cursor: auto
}

.navbar .navbar-nav .nav-item .nav-link:hover {
  background-color: #00a5ad;
  color: #fff
}

.navbar .navbar-nav .nav-item.dropdown:hover a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0
}

.navbar .navbar-nav .nav-item.dropdown .nav-link:hover {
  background-color: transparent;
  color: #000
}

.navbar .navbar-nav .dropdown-menu {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
  font-size: 1.8rem;
  padding: 1rem 2rem;
  border-bottom: 1px solid #efefef
}

.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  background-color: #00a5ad
}

.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item:active {
  background-color: inherit
}

.navbar.fixed-top {
  padding: 1rem 0;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.6)
}

.navbar.fixed-top .navbar-brand img {
  height: 6rem
}

.navbar.fixed-top .nav-item .nav-link {
  font-size: 1.8rem;
  padding: 0 1rem
}

.navbar.fixed-top .dropdown-menu .dropdown-item {
  font-size: 1.6rem
}

@media(max-width:768px) {
  .navbar {
    padding: 1rem 0
  }

  .navbar .navbar-brand img {
    height: 12rem;
  }
}

.navbar button.navbar-toggler {
  font-size: 2.6rem;
  border: 0
}

.navbar button.navbar-toggler:focus {
  box-shadow: none
}

.form-wrap {
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  padding: 3rem;
  border-radius: 5px;
  position: relative
}

@media(min-width:992px) {
  .form-wrap {
    padding: 3rem 10rem
  }
}

@media(min-width:768px) {
  .form-wrap .contact-form {
    margin-top: 4rem
  }
}

.form-wrap .contact-form label {
  font-weight: 500;
  color: #424242
}

.form-wrap .contact-form .select-dates .check-in,
.form-wrap .contact-form .select-dates .check-out {
  position: relative
}

.form-wrap .contact-form .select-dates.show {
  display: flex;
  gap: 2rem
}

.form-wrap .contact-form .select-dates.show>div {
  flex: 1
}

.form-wrap .contact-form .form-group {
  position: relative
}

.form-wrap .contact-form .form-control {
  height: 6rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2rem;
  color: #757575;
  border: 1px solid #757575;
  padding-left: 2rem;
  margin-bottom: 4rem
}

.form-wrap .contact-form .form-control:focus,
.form-wrap .contact-form .form-control:invalid:focus {
  outline: 0;
  box-shadow: none
}

.form-wrap .contact-form textarea.form-control {
  height: 10rem;
  padding-top: 2rem
}

.form-wrap .contact-form .invalid-feedback {
  font-size: 1.8rem;
  position: absolute;
  top: 100%
}

.form-wrap .contact-form .btn {
  padding: 1rem 6rem
}

.form-wrap .contact-form .btn:hover {
  background-color: #00a5ad;
  color: #fff
}

::-moz-placeholder {
  color: #757575;
  opacity: 1
}

::placeholder {
  color: #757575
}

textarea::-moz-placeholder {
  color: #757575
}

textarea::placeholder {
  color: #757575
}

.internal__banner {
  display: flex;
  align-items: center;
  background-image: url("../img/about.jpg");
  background-size: cover;
  height: 20rem
}

@media(min-width:768px) {
  .internal__banner {
    height: 30rem
  }
}

.internal__banner .page-name {
  font-size: 4.2rem;
  font-weight: 600;
  color: #fff;
  padding-bottom: 1rem;
  display: inline-block;
  position: relative
}

@media(min-width:768px) {
  .internal__banner .page-name {
    font-size: 5.2rem
  }
}

.internal__banner .page-name::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff
}

.internal__banner.about {
  background-image: url("../img/about.jpg");
  background-size: cover;
  height: calc(100vh - 14rem);
  color: #fff
}

.internal__banner.about .page-name {
  font-size: 6rem;
  margin-bottom: 5rem
}

.internal__banner.about h4 {
  font-size: 3.4rem;
  font-weight: 700;
  margin: 5rem 0
}

@media(min-width:992px) {
  .internal__banner.about h4 {
    line-height: 1.4
  }
}

.internal__banner.about p {
  font-size: 2.7rem;
  line-height: 1.1
}

@media(min-width:992px) {
  .internal__banner.about p {
    padding: 0 15rem
  }
}

.internal .main-content {
  padding: 3rem 0 6rem
}

.internal .services-internal {
  margin: 8rem 0
}

.internal .services-internal .service-wrap {
  margin-bottom: 8rem
}

.internal .services-internal .service-info {
  text-align: center
}

.internal .services-internal .service-info .service-icon img {
  width: 70%
}

.internal .services-internal .service-info .service-name {
  font-size: 2.8rem;
  line-height: 1.4;
  text-decoration: underline;
  margin-top: 4rem
}

.internal .services-internal .sub-note {
  text-align: center
}

.internal .services-internal .sub-note h3 {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
  color: #00a5ad;
  text-decoration: underline
}

.internal .about-detail {
  color: #fff
}

.internal .about-detail>div {
  background-size: cover;
  height: inherit;
  display: flex
}

@media(min-width:768px) {
  .internal .about-detail>div {
    height: 65rem
  }
}

@media(min-width:992px) {
  .internal .about-detail>div {
    height: 80rem
  }
}

.internal .about-detail>div .info {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem 7%
}

@media(min-width:768px) {
  .internal .about-detail>div .info {
    width: 70%;
    padding: 0 7%
  }
}

@media(min-width:992px) {
  .internal .about-detail>div .info {
    width: 45%
  }
}

.internal .about-detail>div .info h2 {
  font-size: 4rem;
  text-decoration: underline;
  margin-bottom: 5rem
}

.internal .about-detail>div .info p {
  font-size: 3rem;
  line-height: 1.2
}

.internal .about-detail>div .info p:not(:last-child) {
  margin-bottom: 3rem
}

.internal .about-detail .lovers-paradise {
  background-image: url("../img/lovers-paradise.jpg")
}

@media(min-width:768px) {
  .internal .about-detail .lovers-paradise .info {
    border-radius: 0 25% 19% 0/10% 45% 55% 10%
  }
}

.internal .about-detail .resort-info {
  background-image: url("../img/resort-view.jpg");
  justify-content: flex-end
}

@media(min-width:768px) {
  .internal .about-detail .resort-info {
    text-align: right
  }
}

@media(min-width:768px) {
  .internal .about-detail .resort-info .info {
    border-radius: 25% 0 0 25%/45% 10% 10% 45%
  }
}

.internal .more-info {
  padding: 5rem 0
}

.internal .more-info p {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
  margin-bottom: 0
}

.internal .opening-para p {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.3;
  color: #757575;
  margin-bottom: 3rem
}

@media(min-width:768px) {
  .internal .opening-para p {
    font-size: 2.6rem;
    margin-bottom: 6rem
  }
}

.internal .breadcrumb .breadcrumb {
  margin: 0;
  padding: 1.5rem 0;
  border-bottom: 1px solid #ccc
}

.internal .breadcrumb .breadcrumb .breadcrumb-item {
  font-size: 2rem;
  font-weight: 500
}

.internal .breadcrumb .breadcrumb .breadcrumb-item a {
  color: #00a5ad;
  font-weight: 500
}

.internal .breadcrumb .breadcrumb .breadcrumb-item.active {
  color: #757575
}

.internal .breadcrumb .breadcrumb .breadcrumb-item::before {
  color: #757575
}

.internal .contact-details-wrap {
  padding: 4rem 0;
  background-image: url("../img/bg-contact-detail.png");
  background-size: contain;
  background-position: left bottom 0;
  background-repeat: no-repeat
}

@media(min-width:992px) {
  .internal .contact-details-wrap {
    padding: 4rem 0 6rem
  }
}

.internal .contact-details-wrap .contact-info {
  display: flex;
  flex-direction: column;
  gap: 5rem
}

@media(max-width:1400px) {
  .internal .contact-details-wrap .contact-info img {
    height: 5rem
  }
}

.internal .contact-details-wrap .contact-info div {
  display: flex;
  align-items: center;
  gap: 2rem
}

.internal .contact-details-wrap .contact-info div p {
  font-size: 2.4rem;
  color: #000;
  margin-bottom: 0
}

.internal .contact-details-wrap .contact-info div p a {
  color: #000
}

.internal .contact-details-wrap .contact-info div p a:hover {
  color: #00a5ad
}

@media(max-width:768px) {
  .internal .location-map iframe {
    height: 35rem
  }
}

.internal .gallery .photo-gallery {
  margin-bottom: 3rem
}

.internal .gallery .photo-gallery>a {
  color: #00a5ad;
  display: block;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  overflow: hidden
}

.internal .gallery .photo-gallery>a img {
  opacity: .8;
  transition: .3s
}

.internal .gallery .photo-gallery>a:hover img {
  opacity: 1;
  transform: scale(1.1)
}

.internal .gallery .photo-gallery .folder-desc {
  text-align: center;
  padding: 2rem 1rem
}

.internal .gallery .photo-gallery .folder-desc h4 {
  font-size: 2.4rem;
  font-weight: 600;
  text-transform: uppercase
}

.internal .gallery .photo-gallery .folder-desc p {
  font-size: 1.8rem;
  margin-bottom: 0
}

.internal .blogs article .card {
  border: 0
}

@media(max-width:576px) {
  .internal .blogs article .card {
    margin-bottom: 5rem
  }
}

.internal .blogs article .card .card-body {
  padding: 2rem 0 0
}

.internal .blogs article .card .card-body .date {
  font-size: 2rem
}

.internal .blogs article .card .card-body .card-title a {
  font-size: 2.6rem;
  font-weight: 600;
  color: #424242;
  display: block
}

.internal .blogs article .card .card-body .card-title a:hover {
  color: #028289
}

.internal .blogs article .card .card-body .card-text {
  font-size: 2rem;
  margin: 2rem 0
}

.internal .blogs article .card .card-body .btn-read-more {
  color: #2d71a1;
  font-size: 2rem;
  font-weight: 500
}

.internal .blogs article .card .card-body .btn-read-more:hover {
  color: #00a5ad
}

.internal .services .services-opening-para {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 3.8rem;
  color: #00a5ad;
  margin-bottom: 5rem
}

@media(min-width:768px) {
  .internal .services .services-opening-para {
    font-size: 3.2rem
  }
}

.internal .services .service-detail-wrap {
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, 0.15);
  padding: 3rem;
  border-radius: 2rem
}

.internal .services .service-detail-wrap:not(:last-child) {
  margin-bottom: 5rem
}

@media(min-width:768px) {
  .internal .services .service-detail-wrap:not(:last-child) {
    margin-bottom: 8rem
  }
}

@media(min-width:768px) {
  .internal .services .service-detail-wrap:nth-child(even) {
    background-image: url(../img/bg-service-box-wave-2.jpg);
    text-align: right
  }
}

@media(min-width:768px) {
  .internal .services .service-detail-wrap {
    background-image: url(../img/bg-service-box-wave.jpg);
    background-size: 100% 100%;
    background-position: bottom right;
    padding: 5rem
  }
}

@media(max-width:576px) {
  .internal .services .service-detail-wrap {
    text-align: center
  }
}

@media(min-width:768px) {
  .internal .services .service-detail-wrap .row {
    --bs-gutter-x: 6rem
  }
}

.internal .services .service-detail-wrap img {
  box-shadow: 1rem 1rem 0 #d4d4d4
}

@media(max-width:576px) {
  .internal .services .service-detail-wrap img {
    margin-bottom: 3rem
  }
}

.internal .services .service-detail-wrap h3 {
  font-size: 3.4rem;
  font-weight: 700;
  color: #00a5ad
}

.internal .services .service-detail-wrap p {
  margin: 3rem 0
}

.internal .services .service-detail-wrap .btn-blue {
  font-size: 2rem;
  padding: 1rem 2rem
}

.internal .services.service-detail-info h3 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #424242;
  margin-bottom: 1rem
}

.internal .services.service-detail-info p {
  line-height: 3.5rem;
  margin-bottom: 3rem
}

.internal .packages__wrapper {
  margin-top: 10rem
}

.internal .packages__wrapper .package-box {
  color: #fff;
  border-radius: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4)
}

@media(max-width:992px) {
  .internal .packages__wrapper .package-box {
    margin-bottom: 3rem
  }
}

.internal .packages__wrapper .package-box.box-1 {
  text-align: center;
  background: url("../img/bg-packages-box1.png"), #869833;
  background-size: cover
}

@media(min-width:1400px) {
  .internal .packages__wrapper .package-box.box-1 {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat
  }
}

.internal .packages__wrapper .package-box.box-1 h2 {
  font-size: 3.4rem;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 6rem
}

.internal .packages__wrapper .package-box.box-1 p {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 4rem
}

.internal .packages__wrapper .package-box.box-1 span {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 5rem;
  margin-top: 3rem
}

@media(min-width:768px) {
  .internal .packages__wrapper .package-box.box-1 span {
    margin-top: 8rem
  }
}

.internal .packages__wrapper .package-box.box-2 {
  text-align: center;
  background-color: #f49e80;
  display: flex;
  justify-content: space-between
}

.internal .packages__wrapper .package-box.box-2 .charges-circle {
  background-color: #fff;
  padding: 2rem;
  margin: -12% auto 4rem;
  border-radius: 2rem;
  width: 80%;
  box-shadow: 0 .5rem 3rem rgba(0, 0, 0, 0.15);
  color: #00a5ad;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-shadow: none
}

@media(min-width:768px) {
  .internal .packages__wrapper .package-box.box-2 .charges-circle {
    width: 60%
  }
}

@media(min-width:992px) {
  .internal .packages__wrapper .package-box.box-2 .charges-circle {
    border-radius: 50%;
    width: 35rem;
    height: 35rem;
    margin: -22% auto 7rem
  }
}

.internal .packages__wrapper .package-box.box-2 .charges-circle h2 {
  font-size: 3rem;
  margin-bottom: 0
}

.internal .packages__wrapper .package-box.box-2 .charges-circle h2 small {
  font-size: 2.2rem
}

.internal .packages__wrapper .package-box.box-2 .charges-circle p {
  font-size: 6rem;
  font-weight: 700;
  margin: 4rem 0
}

.internal .packages__wrapper .package-box.box-2 .charges-circle span {
  display: block;
  font-size: 3.6rem;
  font-weight: 600
}

.internal .packages__wrapper .package-box.box-2 p {
  font-size: 2.6rem;
  font-weight: 500
}

.internal .packages__wrapper .package-box.box-2 .extra-info p:last-child {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 5rem
}

@media(min-width:992px) {
  .internal .packages__wrapper .package-box.box-2 .extra-info {
    margin-bottom: 3rem
  }
}

.internal .packages__wrapper .package-box.box-2 .checkin {
  background-color: #e19276;
  padding: 3rem 0
}

.internal .packages__wrapper .package-box.box-2 .checkin p {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 5rem
}

.internal .packages__wrapper .package-box.box-3 {
  background: url("../img/bg-packages-box3.png"), #00a5ad;
  background-size: cover
}

@media(min-width:1400px) {
  .internal .packages__wrapper .package-box.box-3 {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat
  }
}

.internal .packages__wrapper .package-box.box-3 .list {
  text-align: right;
  margin-right: 15%
}

.internal .packages__wrapper .package-box.box-3 .list li {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 5rem;
  padding-right: 2.5rem;
  text-decoration: underline
}

.internal .packages__wrapper .package-box.box-3 .list li::before {
  width: 8px;
  height: 8px;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff
}

.internal .packages__wrapper .package-box.box-3 .list li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 2px;
  width: 3px;
  height: 100%;
  background-color: #fff
}

.internal .blog-detail-wrap strong {
  font-weight: 600
}

.internal .blog-detail-wrap ol {
  margin: 2rem 0
}

.internal .blog-detail-wrap ol li:not(:last-child) {
  margin-bottom: 2rem
}

.internal .thank-you-container {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center
}

.internal .thank-you-container h2 {
  font-size: 3rem;
  line-height: 4rem
}

.internal .thank-you-container i {
  font-size: 12rem
}

footer {
  border-top: 3px solid #00a5ad;
  padding: 6rem 0 0
}

@media(max-width:576px) {
  footer {
    margin-bottom: 6rem
  }
}

@media(max-width:1400px) {
  footer img {
    height: 22rem !important
  }
}

footer .title {
  color: #00a5ad;
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 3rem
}

footer p a {
  color: #757575
}

footer p a:hover {
  color: #00a5ad
}

footer .links {
  list-style: none;
  margin: 0;
  padding: 0
}

footer .links li {
  line-height: 1.6
}

footer .links li a {
  color: #757575
}

footer .links li a:hover {
  color: #00a5ad
}

footer .footer-social li {
  margin-bottom: 2rem
}

footer .footer-social li:first-child a .icon {
  background-color: #3b5998
}

footer .footer-social li:nth-child(2) a .icon {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

footer .footer-social li:last-child a .icon {
  background-color: red
}

footer .footer-social li a {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #757575
}

footer .footer-social li a:hover {
  color: #00a5ad
}

footer .footer-social li a .icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  transition: .5s
}

footer .footer-social li a .icon .fa {
  font-size: 2rem;
  color: #fff
}

footer .copyright-strip {
  font-size: 2rem;
  color: #fff;
  background-color: #00a5ad;
  padding: 2rem 0;
  margin-top: 6rem
}

footer .copyright-strip a {
  color: inherit
}

footer .copyright-strip a:hover {
  text-decoration: underline
}

@media(max-width:768px) {
  footer .copyright-strip {
    text-align: center
  }
}

.banner .video-container .youtube-bg {
  position: relative;
  width: 100%;
  height: 35vh;
  overflow: hidden
}

@media(min-width:576px) {
  .banner .video-container .youtube-bg {
    height: 45vh
  }
}

@media(min-width:992px) {
  .banner .video-container .youtube-bg {
    height: 85vh
  }
}

.banner .video-container .youtube-bg::before {
  content: "";
  display: block;
  background: var(--primary_color);
  background: linear-gradient(45deg, var(--primary_color_alpha) 0, var(--secondary_color_alpha) 100%);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}

.banner .video-container .youtube-bg #player {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 180%;
  min-height: 180%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: -1
}

@media(max-width:992px) {
  .about {
    text-align: center
  }
}

.about h1 {
  font-size: 5rem;
  font-weight: 600;
  color: #00a5ad;
  margin-bottom: 5rem
}

@media(max-width:768px) {
  .about h1 {
    font-size: 3rem;
    margin-bottom: 2rem
  }
}

.about .section-title-secondary {
  margin-bottom: 3rem;
  font-size: 3rem;
  line-height: 3.5rem
}

@media(max-width:768px) {
  .about .section-title-secondary {
    text-align: center
  }
}

.about #slideshow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}

.about #slideshow.fullscreen {
  width: 100%;
  height: 50rem;
  margin: 0;
  padding: 0;
  overflow: hidden
}

.about .img-wrapper {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  z-index: 8;
  background-size: cover;
  background-position: center center
}

.about #slideshow .img-wrapper.active {
  z-index: 10
}

.about #slideshow .img-wrapper.last-active {
  z-index: 9
}

.about .thumbs-container {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 11;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  padding: 2rem 0
}

.about .thumbs-container:hover .prev,
.about .thumbs-container:hover .next {
  opacity: 1
}

.about .thumbs-container.top {
  top: 0
}

.about .thumbs-container.bottom {
  bottom: 0
}

.about ul.thumbs {
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 3rem
}

.about .thumb {
  flex: 1;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  opacity: .6
}

.about .thumb.active {
  outline: .6rem solid #fff;
  opacity: 1
}

.activities {
  background: #fafbf6
}

.activities .poster-main {
  position: relative;
  margin: 0 auto
}

.activities .poster-main .poster-list .poster-item {
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.75)
}

.activities .poster-main .poster-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}

.activities .poster-main .poster-prev-btn {
  left: 15%;
  background: url("../img/icon/arrow-left.png") no-repeat center center
}

.activities .poster-main .poster-next-btn {
  right: 15%;
  background: url("../img/icon/arrow-right.png") no-repeat center center
}

.activities .poster-item.overlay {
  position: relative
}

.activities .poster-item.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1
}

.activities .activity-name {
  position: absolute;
  bottom: 10%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 4rem;
  font-weight: 600;
  padding: 1.5rem 0;
  display: none
}

.activities .activity-mob .activity-box {
  position: relative;
  margin-bottom: 2rem
}

.activities .activity-mob .activity-box .activity-name {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 1rem 0;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: block
}

.packages {
  background-size: cover;
  padding: 2rem
}

@media(min-width:768px) {
  .packages {
    padding: 6rem 0 8rem
  }
}

.packages .package-info {
  background-color: rgba(255, 255, 255, 0.95);
  color: #747474;
  padding: 3rem;
  border-radius: 20px
}

@media(min-width:768px) {
  .packages .package-info {
    padding: 5rem
  }
}

.packages .package-info h2 {
  font-size: 3rem;
  font-weight: 500;
  text-decoration: underline;
  margin: 0 auto 2rem
}

@media(min-width:768px) {
  .packages .package-info h2 {
    font-size: 3.6rem;
    margin: 0 auto 4rem
  }
}

.packages .package-info p {
  margin-bottom: 2rem
}

@media(min-width:768px) {
  .packages .package-info p {
    font-size: 2.6rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 4rem
  }
}

.packages .package-info .btn-blue {
  padding: 1.5rem 3rem
}

@media(min-width:1400px) {
  .packages .package-info .btn-blue {
    padding: 2rem 3rem
  }
}

.packages.one-day-picnic {
  background-image: url("../img/bg-packages.jpg")
}

.packages.staycation {
  background-image: url("../img/bg-packages-3.jpg")
}

.services .section-title {
  text-decoration: underline;
  margin-bottom: 4rem
}

.services .service-box {
  text-align: center;
  padding: 1rem;
  margin-bottom: 1.5rem;
  transition: .3s;
  height: 97%
}

@media(min-width:768px) {
  .services .service-box {
    padding: 3rem
  }
}

.services .service-box:hover {
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.2) inset
}

.services .service-box.box-1 {
  background: #e4e8cf;
  background: linear-gradient(180deg, #e4e8cf 0, #a9b768 100%)
}

.services .service-box.box-2 {
  background: #fabdaa;
  background: linear-gradient(0, #fabdaa 0, #ffefef 100%)
}

.services .service-box.box-3 {
  background: #70bbc1;
  background: linear-gradient(0, #70bbc1 0, #f3f3f3 100%)
}

.services .service-box h4 {
  font-size: 3.4rem;
  color: #fff;
  text-decoration: underline
}

@media(max-width:1400px) {
  .services .service-box h4 {
    font-size: 3rem
  }
}

@media(max-width:768px) {
  .services .service-box h4 {
    font-size: 2.8rem
  }
}

.testimonials {
  background-image: url("../img/bg-testimonials.jpg");
  background-size: cover;
  padding: 2rem 0 8rem;
  text-align: center;
  position: relative
}

@media(min-width:768px) {
  .testimonials {
    padding: 6rem 0 8rem
  }
}

.testimonials .carousel {
  position: inherit
}

.testimonials .testimonial-box {
  background-color: #fff;
  background-image: url("../img/bg-testmonial-wave.png");
  background-position: left bottom;
  background-size: cover;
  padding: 3rem;
  border-radius: 8px;
  box-shadow: -8px 8px 6px rgba(0, 0, 0, 0.2)
}

@media(min-width:768px) {
  .testimonials .testimonial-box {
    padding: 6rem 10% 3rem
  }
}

.testimonials .testimonial-box .review {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3rem
}

@media(min-width:768px) {
  .testimonials .testimonial-box .review {
    gap: 8rem
  }
}

.testimonials .testimonial-box .review p {
  margin: 0
}

.testimonials .testimonial-box .review p.guest-name {
  font-weight: 700
}

.testimonials .testimonial-box .carousel-indicators {
  margin-bottom: 2.5rem
}

.testimonials .testimonial-box .carousel-indicators [data-bs-target] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin-right: 6px;
  margin-left: 6px
}

@media(min-width:992px) {
  .blog .row {
    --bs-gutter-x: 8rem
  }
}

@media(max-width:576px) {
  .blog .blog-wrap {
    text-align: center
  }
}

.blog .blog-wrap img {
  margin-bottom: 2rem
}

.blog .blog-wrap .date {
  font-size: 2rem
}

.blog .blog-wrap .name a {
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #00a5ad;
  margin: 1rem;
  display: block
}

@media(min-width:768px) {
  .blog .blog-wrap .name a {
    margin: 2rem 0 1.5rem
  }
}

.blog .blog-wrap .name a:hover {
  color: #028289
}

.blog .blog-wrap .btn-read-more {
  border: .3rem solid #00a5ad;
  color: #00a5ad;
  padding: 1rem 2rem;
  font-size: 2rem;
  font-weight: 600;
  border-radius: 1.5rem;
  display: inline-block;
  margin-top: 2rem
}

.blog .blog-wrap .btn-read-more:hover {
  background-color: #00a5ad;
  color: #fff
}

.faq {
  background: #fafbf6
}

.faq .accordion .accordion-item {
  margin-bottom: 2rem;
  border: 0;
  background-color: transparent;
  border-radius: 0
}

.faq .accordion .accordion-item .accordion-header {
  border: 1px solid #00a5ad
}

.faq .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 2.2rem;
  font-weight: 600;
  color: #424242;
  border-radius: 0
}

.faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: #00a5ad;
  color: #fff;
  box-shadow: none
}

.faq .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none
}

.faq .accordion .accordion-item .accordion-body {
  font-size: 2rem;
  padding: 2rem 1rem 0
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 10px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.activities .poster-main {
  position: sticky;
  margin: 0 auto;
}